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

.eslintrc.js

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

package.json

@@ -8,6 +8,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@ant-design-vue/use": "*",
     "ant-design-vue": "^2.1.2",
     "axios": "^0.21.1",
     "core-js": "^3.6.5",

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>

src/views/CA/UnitApprove.vue

@@ -48,10 +48,8 @@ export default {
     const upload = async () => {
       console.log(formModel);
       var res = await post("/api2/ca/UnitApproveUpload", formModel);
-      if (res.errcode == 0) {
-        message.success("提交成功,单位配置已更新", 3, () => {
-          location.reload();
-        });
+      if (res.errorCode == 0) {
+        message.success("提交成功,单位配置已更新", 3);
       }
     };
     return { formModel, upload, plainOptions };

src/views/CA/UserApply.vue

@@ -65,7 +65,12 @@
       <a-form-item label="收件地址" name="receiverAddress">
         <a-input v-model:value="form.receiverAddress" :disabled="disableEdit" />
       </a-form-item>
-      <a-form-item label="身份证照片">
+      <a-form-item>
+        <template #label>
+          <span :style="{ whiteSpace: 'normal' }"
+            >注册师身份证正反面，并加盖公章以及注册师章</span
+          >
+        </template>
         <input v-model="form.idCardPicId" hidden />
         <a-upload
           accept="image/*"