update:更新样式

src/views/CA/UnitApply.vue

@@ -18,13 +18,9 @@
     </a-result>
     <a-spin v-else :spinning="spining">
       <div v-if="false" class="mail-tip">
-        <p>
-          请将书面申请材料不包括电子印章申请表邮寄至
-        </p>
+        <p>请将书面申请材料不包括电子印章申请表邮寄至</p>
         <p>浙江省 杭州市 西湖区 莫干山路18号 蓝天商务中心 9楼</p>
-        <p>
-          收件人：渠道部 联系电话：400-888-4636
-        </p>
+        <p>收件人：渠道部 联系电话：400-888-4636</p>
         <p>快递费用由申请单位自理</p>
       </div>
       <a-form :label-col="{ span: 9 }" :wrapper-col="{ span: 15 }">
@@ -48,15 +44,17 @@
             <a-form-item label="统一社会信用代码" v-bind="validateInfos.tydm">
               <a-input
                 v-model:value="modelRef.tydm"
-                readonly
+                :readonly="readonly"
                 :disabled="disabledFeild"
                 placeholder="根据企业名称自动获取"
               />
             </a-form-item>
             <a-form-item label="申请单位类型" v-bind="validateInfos.unitType">
               <a-radio-group v-model:value="modelRef.unitType">
-                <a-radio value="2">勘察</a-radio>
                 <a-radio value="1">设计</a-radio>
+                <a-radio value="2">勘察</a-radio>
+                <a-radio value="3">混凝土</a-radio>
+                <a-radio value="4">其他</a-radio>
               </a-radio-group>
             </a-form-item>
             <a-form-item label="经办人姓名" v-bind="validateInfos.operatorName">
@@ -244,16 +242,26 @@
           </a-col>
         </a-row>
         <a-form-item :wrapper-col="{ span: 12, offset: 10 }">
-          <a-button
-            v-if="progressingId"
-            type="primary"
-            @click="onSubmit"
-            :loading="loading"
-            >查询</a-button
-          >
-          <a-button v-else type="primary" @click="onSubmit" :loading="loading"
-            >提交</a-button
+          <a-popconfirm
+            title="请确认统一信用代码是否正确"
+            ok-text="已确认"
+            cancel-text="取消"
+            :visible="popvisible"
+            @visibleChange="handleVisibleChange"
+            @confrim="onSubmit"
+            @cancel="cancel"
           >
+            <a-button
+              v-if="progressingId"
+              type="primary"
+              @click="onSubmit"
+              :loading="loading"
+              >查询</a-button
+            >
+            <a-button v-else type="primary" @click="onSubmit" :loading="loading"
+              >提交</a-button
+            >
+          </a-popconfirm>
           <a-button style="margin-left: 10px" @click="toggleDrawer"
             >历史提交记录</a-button
           >
@@ -278,7 +286,7 @@
         <template #title>
           {{ unitApply.unitName
           }}<a-tag
-            style="margin-left:4px;"
+            style="margin-left: 4px"
             :color="status[unitApply.status].color"
             >{{ status[unitApply.status].text }}</a-tag
           >
@@ -375,6 +383,8 @@ export default {
       businessLicensePicId: null,
       sealApplyList: []
     });
+    const readonly = ref(true);
+    const popvisible = ref(false);
     const loaPicFileList = ref([]);
     const idCardFrontPicFileList = ref([]);
     const idCardBackPicFileList = ref([]);
@@ -506,6 +516,17 @@ export default {
         message.success("发起申请成功", 2, useReload);
       }
     };
+    const handleVisibleChange = bool => {
+      if (!bool) {
+        popvisible.value = false;
+        return;
+      }
+      if (readonly.value) {
+        onSubmit();
+      } else {
+        popvisible.value = true;
+      }
+    };
     const createUnitApply = async () => {
       try {
         await validate();
@@ -626,6 +647,7 @@ export default {
       const res = await get("/api2/CA/GetTydm", { unitName });
       if (res.errorCode !== 0) {
         message.error(res.errorMsg);
+        readonly.value = false;
       } else {
         modelRef.tydm = res.data;
       }
@@ -661,6 +683,9 @@ export default {
     const disabledModify = computed(
       () => (editStatus.value & editModifyFlag) == 0
     );
+    const cancel = () => {
+      popvisible.value = false;
+    };
     const initPage = unitApply => {
       for (const key in toRaw(modelRef)) {
         if (Object.hasOwnProperty.call(unitApply, key)) {
@@ -825,7 +850,11 @@ export default {
           color: "red",
           text: "已失效"
         }
-      }
+      },
+      readonly,
+      popvisible,
+      cancel,
+      handleVisibleChange
     };
   }
 };