update:

src/views/CA/SealApply.vue

@@ -11,6 +11,9 @@
           <a-radio value="1" :disabled="disableEdit">法人电子印章</a-radio>
         </a-radio-group>
       </a-form-item>
+      <a-form-item label="未申请证书" v-if="formModel.sealType == '0'">
+        <a-switch checked-children="是" v-model:checked="formModel.noCert" />
+      </a-form-item>
       <a-form-item
         :label="formModel.sealType == '1' ? '统一信用代码' : '身份证号码'"
       >
@@ -23,18 +26,32 @@
         <a-input v-model:value="formModel.sealName" :disabled="disableEdit" />
       </a-form-item>
       <a-form-item label="印章申领表">
+        <div>
+          <div style="display: inline-block">
             <Upload
               v-model:fileId="formModel.sealImageId"
               name="印章申领表"
               :disabled="disableEdit"
               :fileUrl="filePath"
             />
+          </div>
+          <div style="display: inline-block; vertical-align: top">
+            <a-button type="link"
+              ><a
+                :href="
+                  formModel.sealType == '0'
+                    ? 'http://183.136.157.18:7308/stgl/sources/202102/附件4：个人电子印章启用申请表.docx'
+                    : 'http://183.136.157.18:7308/stgl/sources/202102/附件1：法人电子印章启用申请表.docx'
+                "
+                target="_blank"
+                ><DownloadOutlined />模板下载</a
+              ></a-button
+            >
+          </div>
+        </div>
       </a-form-item>
       <a-form-item :wrapper-col="{ span: 12, offset: 10 }">
-        <a-button v-if="progressingId" type="primary" @click="onSubmit"
+        <a-button type="primary" @click="createSealApply">提交</a-button>
-          >查询</a-button
-        >
-        <a-button v-else type="primary" @click="onSubmit">提交</a-button>
         <a-button style="margin-left: 10px" @click="toggleDrawer"
           >历史提交记录</a-button
         >
@@ -58,7 +75,7 @@
         <template #title>
           {{ sealApply.sealName
           }}<a-tag
-            style="margin-left:4px;"
+            style="margin-left: 4px"
             :color="status[sealApply.status].color"
             >{{ status[sealApply.status].text }}</a-tag
           >
@@ -69,10 +86,11 @@
           {{ sealApply.idCardNumOrTydm }}
         </p>
         <p>发起时间: {{ sealApply.createTime }}</p>
-        <p v-if="sealApply.dealReason">
+        <p v-if="sealApply.dealReason">不通过原因:{{ sealApply.rejectMsg }}</p>
-          不通过原因:{{ sealApply.rejectMsg }}
+        <a-button type="primary" @click="onSubmit(sealApply.id)">
-        </p></a-card
+          进度查询
-      >
+        </a-button>
+      </a-card>
     </div>
   </a-drawer>
 </template>
@@ -96,7 +114,8 @@ export default {
       sealType: "",
       sealName: "",
       idCardNumOrTydm: "",
-      sealImageId: 0
+      sealImageId: 0,
+      noCert: false
     });
     var sealApplyList = ref([]);
     var progressingId = ref(0);
@@ -107,17 +126,17 @@ export default {
       var resp = await get("/api2/ca/sealApplyList");
       if (resp.data) {
         sealApplyList.value = resp.data;
-        var currentApply = sealApplyList.value.find(
+        // var currentApply = sealApplyList.value.find(
-          p => p.status == 0 || p.status == 1
+        //   p => p.status == 0 || p.status == 1
-        );
+        // );
-        progressingId.value = currentApply?.id || 0;
+        // progressingId.value = currentApply?.id || 0;
-        disableEdit.value = progressingId.value !== 0;
+        // disableEdit.value = progressingId.value !== 0;
-        if (currentApply) {
+        // if (currentApply) {
-          formModel.sealType = currentApply.sealType;
+        //   formModel.sealType = currentApply.sealType;
-          formModel.sealName = currentApply.sealName;
+        //   formModel.sealName = currentApply.sealName;
-          formModel.idCardNumOrTydm = currentApply.idCardNumOrTydm;
+        //   formModel.idCardNumOrTydm = currentApply.idCardNumOrTydm;
-          filePath.value = currentApply.sealApplyFilePath;
+        //   filePath.value = currentApply.sealApplyFilePath;
-        }
+        // }
       }
     });
     async function createSealApply() {
@@ -139,23 +158,20 @@ export default {
     async function querySealApply(id) {
       var resp = await get("/api2/ca/querySealApply", { id });
       if (resp.errorCode == 0) {
-        message.success("申请成功", useReload);
+        message.success(
+          "当前状态:" + ["待审核", "已通过", "已拒绝"][resp.data],
+          useReload
+        );
       } else {
         message.error(resp.errorMsg);
       }
     }
-    async function onSubmit() {
+    async function onSubmit(id) {
-      if (progressingId.value) {
+      var sealApply = sealApplyList.value.find(p => p.id == id);
-        var sealApply = sealApplyList.value.find(
-          p => p.id == progressingId.value
-        );
       if (sealApply.status == 0) {
-          await sendSealApply(progressingId.value);
+        await sendSealApply(id);
       } else {
-          await querySealApply(progressingId.value);
+        await querySealApply(id);
-        }
-      } else {
-        await createSealApply();
       }
     }
     const toggleDrawer = () => {
@@ -170,6 +186,9 @@ export default {
       filePath,
       showDrawer,
       toggleDrawer,
+      querySealApply,
+      sendSealApply,
+      createSealApply,
       status: {
         0: {
           color: "orange",

src/views/CA/UnitApply.vue

@@ -17,6 +17,13 @@
       </template>
     </a-result>
     <a-spin v-else :spinning="spining">
+      <div>
+        <p>
+          请将书面申请材料邮寄至 浙江省 杭州市 西湖区 莫干山路18号 蓝天商务中心
+          9楼 张涛 15868462840
+        </p>
+        <p>快递费用由申请单位自理</p>
+      </div>
       <a-form :label-col="{ span: 9 }" :wrapper-col="{ span: 15 }">
         <a-row>
           <a-col :span="11">
@@ -179,6 +186,52 @@
                 </a-button>
               </a-upload>
             </a-form-item>
+            <a-form-item
+              label="电子印章申请"
+              v-bind="formItemLayoutWithOutLabel"
+            >
+              <a-button type="dashed" style="width: 100%" @click="addSealApply">
+                <PlusOutlined />
+                添加电子印章
+              </a-button>
+            </a-form-item>
+            <template
+              v-for="(sealApply, index) in modelRef.sealApplyList"
+              :key="index"
+            >
+              <a-form-item :wrapper-col="{ span: 15, offset: 9 }">
+                <a-input
+                  v-model:value="modelRef.sealApplyList[index].sealName"
+                  :disabled="disabledFeild"
+                  placeholder="印章名称"
+                />
+              </a-form-item>
+              <a-form-item :wrapper-col="{ span: 15, offset: 9 }">
+                <input
+                  v-model="modelRef.sealApplyList[index].sealApplyFileId"
+                  hidden
+                />
+                <a-upload
+                  accept="image/*"
+                  action="/api2/upload/uploadfile"
+                  :beforeUpload="beforeUpload"
+                  list-type="picture"
+                  @change="
+                    info => handleChange2(info, modelRef.sealApplyList[index])
+                  "
+                  :disabled="disabledUpload"
+                >
+                  <a-button block :disabled="disabledUpload">
+                    <UploadOutlined />
+                    点击{{
+                      modelRef.sealApplyList[index].sealApplyFileId
+                        ? "替换"
+                        : "上传"
+                    }}
+                  </a-button>
+                </a-upload>
+              </a-form-item>
+            </template>
           </a-col>
           <a-col :span="2">
             <a-form-item>
@@ -302,12 +355,14 @@ export default {
       loaPicId: null,
       idCardFrontPicId: null,
       idCardBackPicId: null,
-      businessLicensePicId: null
+      businessLicensePicId: null,
+      sealApplyList: []
     });
     const loaPicFileList = ref([]);
     const idCardFrontPicFileList = ref([]);
     const idCardBackPicFileList = ref([]);
     const businessLicenseFileList = ref([]);
+    const sealApplyFileList = ref([]);
     const rulesRef = reactive({
       operatorId: [
         { required: true, message: "请输入18位身份证号码", trigger: "blur" },
@@ -390,6 +445,14 @@ export default {
           type: "number"
         }
       ],
+      sealApplyPicId: [
+        {
+          required: true,
+          message: "请上电子印章申请表",
+          trigger: "change",
+          type: "number"
+        }
+      ],
       phoneCode: [
         { required: true, message: "请输入短信验证码", trigger: "change" }
       ]
@@ -443,7 +506,8 @@ export default {
           "loaPicId",
           "idCardFrontPicId",
           "idCardBackPicId",
-          "businessLicensePicId"
+          "businessLicensePicId",
+          "sealApplyPicId"
         ]);
         const resp = await post("/api2/CA/modifyUnitApply", toRaw(modelRef));
         if (resp.errorCode != 0) {
@@ -490,6 +554,24 @@ export default {
       }
       return isValid && isLt2M;
     };
+    const handleChange2 = (info, v) => {
+      console.log(info.file.status, info.file, info.fileList);
+      // if (info.file.status !== "uploading") {
+      // }
+      if (info.file.status === "done") {
+        message.success(`${info.file.name} 文件上传成功`);
+        v.sealApplyFileId = info.file.response.id;
+        if (info.fileList.length > 1) {
+          info.fileList.shift();
+        }
+      } else if (info.file.status === "error") {
+        message.error(`${info.file.name} 文件上传失败`);
+        info.fileList.pop();
+      }
+      if (info.file.status === "removed") {
+        v.sealApplyFileId = null;
+      }
+    };
     const handleChange = (info, name) => {
       console.log(info.file.status, info.file, info.fileList);
       // if (info.file.status !== "uploading") {
@@ -596,6 +678,13 @@ export default {
           url: unitApply.businessLicensePicPath
         }
       ];
+      sealApplyFileList.value = [
+        {
+          uid: "-1",
+          status: "done",
+          url: unitApply.sealApplyPicPath
+        }
+      ];
     };
     const modifyOrder = unitApply => {
       initPage(unitApply);
@@ -644,12 +733,20 @@ export default {
     const toggleDrawer = () => {
       showDrawer.value = !showDrawer.value;
     };
+    const addSealApply = () => {
+      modelRef.sealApplyList.push({
+        sealName: "",
+        sealApplyFileId: 0
+      });
+    };
+
     return {
       modelRef,
       loaPicFileList,
       idCardFrontPicFileList,
       idCardBackPicFileList,
       businessLicenseFileList,
+      sealApplyFileList,
       rulesRef,
       validate,
       validateInfos,
@@ -658,6 +755,7 @@ export default {
       resetFields,
       beforeUpload,
       handleChange,
+      handleChange2,
       areaOptions,
       loadAreaOptions,
       spining,
@@ -675,6 +773,7 @@ export default {
       modifyOrder,
       router: useRouter(),
       progressingId,
+      addSealApply,
       status: {
         0: {
           color: "orange",