添加提示

src/views/CA/UnitApply.composition.vue

@@ -17,9 +17,9 @@
       </template>
     </Result>
     <Spin v-else :spinning="spining">
-      <Form :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }">
+      <Form :label-col="{ span: 9 }" :wrapper-col="{ span: 15 }">
         <Row>
-          <Col :span="12">
+          <Col :span="11">
             <FormItem label="企业名称" v-bind="validateInfos.unitName">
               <Select
                 v-model:value="modelRef.unitName"
@@ -99,7 +99,7 @@
               />
             </FormItem>
           </Col>
-          <Col :span="12">
+          <Col :span="11">
             <FormItem label="授权委托书" v-bind="validateInfos.loaPicId">
               <input v-model="modelRef.loaPicId" hidden />
               <Upload
@@ -178,6 +178,23 @@
               </Upload>
             </FormItem>
           </Col>
+          <Col :span="2">
+            <FormItem>
+              <Popover title="说明">
+                <template #content>
+                  <p>请将两页纸一起拍照或扫描上传</p>
+                </template>
+                <Button type="link"
+                  ><a
+                    href="http://183.136.157.18:7308/stgl/sources/202102/授权书模板.doc"
+                    download="授权书模板.doc"
+                    target="_blank"
+                    ><DownloadOutlined />模板</a
+                  ></Button
+                >
+              </Popover>
+            </FormItem>
+          </Col>
         </Row>
         <FormItem :wrapper-col="{ span: 12, offset: 10 }">
           <Button v-if="progressingId" type="primary" @click="onSubmit"
@@ -256,9 +273,10 @@ import {
   Tag,
   Card,
   Modal,
-  Result
+  Result,
+  Popover
 } from "ant-design-vue";
-import { UploadOutlined } from "@ant-design/icons-vue";
+import { UploadOutlined, DownloadOutlined } from "@ant-design/icons-vue";
 import { useForm } from "@ant-design-vue/use";
 import { computed, onMounted, reactive, ref, toRaw, inject } from "vue";
 import { get, post } from "@/services/http";
@@ -296,13 +314,15 @@ export default {
     Empty,
     Tag,
     Card,
-    Result
+    Result,
+    DownloadOutlined,
+    Popover
   },
   setup() {
     const modelRef = reactive({
       id: null,
       orderNo: null,
-      unitName: "",
+      unitName: null,
       tydm: "",
       operatorName: "",
       operatorId: "",