update:修改添加上传申请界面

.eslintrc.js

@@ -10,7 +10,8 @@ module.exports = {
   rules: {
     "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": "off"
+    "vue/script-setup-uses-vars": 1
   }
 };

src/views/CA/CensorSmsApply.vue

@@ -0,0 +1,101 @@
+<template>
+  <a-form :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }">
+    <a-form-item label="姓名" name="name" v-bind="validateInfos.name">
+      <a-input v-model:value="formModel.name" />
+    </a-form-item>
+    <a-form-item label="身份证号码" name="idCard" v-bind="validateInfos.idCard">
+      <a-input v-model:value="formModel.idCard" />
+    </a-form-item>
+    <a-form-item label="手机号码" name="phone" v-bind="validateInfos.phone">
+      <a-input v-model:value="formModel.phone" />
+    </a-form-item>
+    <a-form-item
+      label="过期时间"
+      name="expireTime"
+      v-bind="validateInfos.expireTime"
+    >
+      <a-date-picker
+        v-model:value="formModel.expireTime"
+        placeholder="请选择过期时间"
+        valueFormat="YYYY-MM-DD HH:mm:ss"
+      />
+    </a-form-item>
+    <a-form-item label="证明文件" name="fileId" v-bind="validateInfos.fileId">
+      <Upload v-model:fileId="formModel.fileId" name="fileId" />
+    </a-form-item>
+    <a-form-item :wrapperCol="{ offset: 10 }">
+      <a-button type="primary" @click="onSubmit">提交</a-button>
+    </a-form-item>
+  </a-form>
+</template>
+<style></style>
+<script setup>
+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;
+
+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("操作成功");
+  }
+}
+</script>