图片上传下载

src/views/system/dept/extend.vue

@@ -208,7 +208,7 @@
                 size="mini"
                 type="text"
                 icon="el-icon-edit"
-                @click="handleOrgUpdate(scope.row)"
+                @click="downBusiness(scope.row.certificate)"
                 v-hasPermi="['system:construction:edit']"
                 >查看证书</el-button
               >
@@ -491,7 +491,7 @@
                 size="mini"
                 type="text"
                 icon="el-icon-edit"
-                @click="handleBankUpdate(scope.row)"
+                @click="downBusiness(scope.row.certificate)"
                 v-hasPermi="['system:construction:edit']"
                 >查看证书</el-button
               >
@@ -608,7 +608,7 @@
                 size="mini"
                 type="text"
                 icon="el-icon-edit"
-                @click="handledetachedUpdate(scope.row)"
+                @click="downBusiness(scope.row.certificate)"
                 v-hasPermi="['system:construction:edit']"
                 >查看证书</el-button
               >
@@ -669,7 +669,7 @@
           >
           </el-date-picker>
         </el-form-item>
-        <el-form-item label="证书22佐证" prop="certificateEvidence">
+        <el-form-item label="证书佐证" prop="certificateEvidence">
           <el-switch
             v-model="Businessform.certificateEvidence"
             active-text
@@ -687,20 +687,19 @@
             v-model="Businessform.certificate"
             placeholder="请输入证书"
           />
-          <div class="image-container" style="margin-left: 20px">
+          <div
+            class="image-container"
+            style="margin-left: 20px"
+            v-if="!Businessform.certificate"
+          >
             <p style="font-size: 12px; color: #999">上传证书</p>
             <image-upload
               :limit="1"
               :fileSize="2"
-              @input="uploadSuccess"
+              @input="uploadBusinessSuccess"
             ></image-upload>
-
-            <!--            <el-image class="zoom-image border-color-change" :src="uploadp" fit="contain" @click="triggerFileInput"></el-image>-->
-            <!--            <input type="file"-->
-            <!--                   ref="fileInput"-->
-            <!--                   @change="handleFileChange"-->
-            <!--                   style="display: none;"/>-->
           </div>
+          <a :href="Businessform.certificate">点击查看</a>
         </el-form-item>
         <el-form-item v-if="false" label="佐证" prop="evidence">
           <el-input v-model="Businessform.evidence" placeholder="请输入佐证" />
@@ -762,20 +761,19 @@
             v-model="Bankform.certificate"
             placeholder="请输入证书"
           />
-          <div class="image-container" style="margin-left: 20px">
+          <div
+            class="image-container"
+            style="margin-left: 20px"
+            v-if="!Bankform.certificate"
+          >
             <p style="font-size: 12px; color: #999">上传证书</p>
             <image-upload
               :limit="1"
               :fileSize="2"
-              @input="uploadSuccess"
+              @input="uploadBankSuccess"
             ></image-upload>
-
-            <!--            <el-image class="zoom-image border-color-change" :src="uploadp" fit="contain" @click="triggerFileInput"></el-image>-->
-            <!--            <input type="file"-->
-            <!--                   ref="fileInput"-->
-            <!--                   @change="handleFileChange"-->
-            <!--                   style="display: none;"/>-->
           </div>
+          <a :href="Bankform.certificate">点击查看</a>
         </el-form-item>
         <el-form-item v-if="false" label="佐证" prop="evidence">
           <el-input v-model="Bankform.evidence" placeholder="请输入佐证" />
@@ -828,10 +826,19 @@
             v-model="orgform.certificate"
             placeholder="请输入证书"
           />
-          <div class="image-container" style="margin-left: 20px">
+          <div
+            class="image-container"
+            style="margin-left: 20px"
+            v-if="!orgform.certificate"
+          >
             <p style="font-size: 12px; color: #999">上传证书</p>
-            <image-upload :limit="1" :fileSize="2"></image-upload>
+            <image-upload
+              :limit="1"
+              :fileSize="2"
+              @input="uploadorgSuccess"
+            ></image-upload>
           </div>
+          <a :href="orgform.certificate">点击查看</a>
         </el-form-item>
         <el-form-item v-if="false" label="佐证" prop="evidence">
           <el-input v-model="orgform.evidence" placeholder="请输入佐证" />
@@ -893,20 +900,19 @@
             v-model="detachedform.certificate"
             placeholder="请输入证书"
           />
-          <div class="image-container" style="margin-left: 20px">
+          <div
+            class="image-container"
+            style="margin-left: 20px"
+            v-if="!detachedform.certificate"
+          >
             <p style="font-size: 12px; color: #999">上传证书</p>
             <image-upload
               :limit="1"
               :fileSize="2"
-              @input="uploadSuccess"
+              @input="uploaddetachedSuccess"
             ></image-upload>
-
-            <!--            <el-image class="zoom-image border-color-change" :src="uploadp" fit="contain" @click="triggerFileInput"></el-image>-->
-            <!--            <input type="file"-->
-            <!--                   ref="fileInput"-->
-            <!--                   @change="handleFileChange"-->
-            <!--                   style="display: none;"/>-->
           </div>
+          <a :href="detachedform.certificate">点击查看</a>
         </el-form-item>
         <el-form-item v-if="false" label="佐证" prop="evidence">
           <el-input v-model="detachedform.evidence" placeholder="请输入佐证" />
@@ -1105,18 +1111,39 @@ export default {
   mounted() {},
   methods: {
     downBusiness(file) {
-
+      window.open(file);
     },
-    uploadSuccess(fileList) {
-      // console.log(fileList, 1111111111111);
+    //证书上传
+    uploadBusinessSuccess(fileList) {
       let matchResult = fileList.match(/\/statics(.*)/);
       if (matchResult) {
-        // 获取截取的结果
         let result = matchResult[0];
-        console.log(result); // 输出："/statics/2023/09/07/20230907101603A003.jpg"
         this.Businessform.certificate = result;
       } else {
-        // console.log("未找到匹配的字符串");
+      }
+    },
+    uploadBankSuccess(fileList) {
+      let matchResult = fileList.match(/\/statics(.*)/);
+      if (matchResult) {
+        let result = matchResult[0];
+        this.Bankform.certificate = result;
+      } else {
+      }
+    },
+    uploadorgSuccess(fileList) {
+      let matchResult = fileList.match(/\/statics(.*)/);
+      if (matchResult) {
+        let result = matchResult[0];
+        this.orgform.certificate = result;
+      } else {
+      }
+    },
+    uploaddetachedSuccess(fileList) {
+      let matchResult = fileList.match(/\/statics(.*)/);
+      if (matchResult) {
+        let result = matchResult[0];
+        this.detachedform.certificate = result;
+      } else {
       }
     },
     handleInput() {