update:修复问题

.eslintrc.js

@@ -11,7 +11,6 @@ module.exports = {
     "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
     "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
     "no-unused-vars": "warn",
-    "vue/no-parsing-error": [2, { "x-invalid-end-tag": false }],
-    "vue/script-setup-uses-vars": 1
+    "vue/no-parsing-error": [2, { "x-invalid-end-tag": false }]
   }
 };

package.json

@@ -11,6 +11,7 @@
     "@ant-design-vue/use": "*",
     "ant-design-vue": "^2.1.2",
     "axios": "^0.21.1",
+    "chokidar": "^3.5.2",
     "core-js": "^3.6.5",
     "vue": "^3.0.11",
     "vue-router": "^4.0.6"

src/views/CA/CensorSmsApply.vue

@@ -29,73 +29,81 @@
   </a-form>
 </template>
 <style></style>
-<script setup>
+<script>
 import Upload from "@/components/Upload";
 import regex from "@/services/regex";
 import { post } from "@/services/http";
 import { ref, toRaw } from "@vue/reactivity";
 import { message, Form } from "ant-design-vue";
-const useForm = Form.useForm;
+export default {
+  setup() {
+    const useForm = Form.useForm;
 
-let formModel = ref({
-  name: "",
-  idCard: "",
-  phone: "",
-  expireTime: "",
-  fileId: 0
-});
-let rules = ref({
-  name: [
-    {
-      required: true,
-      message: "输入申请人姓名",
-      trigger: "blur"
+    let formModel = ref({
+      name: "",
+      idCard: "",
+      phone: "",
+      expireTime: "",
+      fileId: 0
+    });
+    let rules = ref({
+      name: [
+        {
+          required: true,
+          message: "输入申请人姓名",
+          trigger: "blur"
+        }
+      ],
+      idCard: [
+        {
+          required: true,
+          message: "输入申请人身份证号码",
+          trigger: "blur"
+        },
+        {
+          pattern: regex.IdCardNo,
+          message: "输入正确的18位身份证号码",
+          trigger: "blur"
+        }
+      ],
+      phone: [
+        {
+          required: true,
+          message: "输入申请人手机号码",
+          trigger: "blur"
+        }
+      ],
+      expireTime: [
+        {
+          required: true,
+          message: "输入过期时间",
+          trigger: "blur"
+        }
+      ],
+      fileId: [
+        {
+          required: true,
+          type: "number",
+          message: "上传申请文件",
+          trigger: "blur"
+        }
+      ]
+    });
+    const { resetFields, validate, validateInfos } = useForm(formModel, rules);
+    async function onSubmit() {
+      await validate();
+      console.log(toRaw(formModel));
+      var res = await post(
+        "/api2/ca/CensorSmsCodeApplyUpload",
+        formModel.value
+      );
+      if (res.errorCode != 0) {
+        message.error(res.errorMsg);
+      } else {
+        message.success("操作成功");
+      }
     }
-  ],
-  idCard: [
-    {
-      required: true,
-      message: "输入申请人身份证号码",
-      trigger: "blur"
-    },
-    {
-      pattern: regex.IdCardNo,
-      message: "输入正确的18位身份证号码",
-      trigger: "blur"
-    }
-  ],
-  phone: [
-    {
-      required: true,
-      message: "输入申请人手机号码",
-      trigger: "blur"
-    }
-  ],
-  expireTime: [
-    {
-      required: true,
-      message: "输入过期时间",
-      trigger: "blur"
-    }
-  ],
-  fileId: [
-    {
-      required: true,
-      type: "number",
-      message: "上传申请文件",
-      trigger: "blur"
-    }
-  ]
-});
-const { resetFields, validate, validateInfos } = useForm(formModel, rules);
-async function onSubmit() {
-  await validate();
-  console.log(toRaw(formModel));
-  var res = await post("/api2/ca/CensorSmsCodeApplyUpload", formModel.value);
-  if (res.errorCode != 0) {
-    message.error(res.errorMsg);
-  } else {
-    message.success("操作成功");
+    return { onSubmit, validate, validateInfos, rules, formModel };
   }
-}
+};
 </script>