task 银农直联 资金申请审批查看附件

src/views/yinnong/bankAgriculture/cashExpense/cashExpenseApproval.vue

@@ -65,6 +65,19 @@
             @cancel="showTemplate = false"
           />
         </van-popup>
+
+        <van-field label="附件" input-align="right" readonly>
+          <template #button>
+            <van-button type="info" size="small" @click="openAttachment(form.id)" >查看附件</van-button>
+          </template>
+        </van-field>
+
+        <van-popup v-model="showAttachment" lock-scroll closeable position="top" :style="{ height: '30%' }" >
+          <div style="padding: 0 13% 0 5%;">
+            <van-divider>附件</van-divider>
+            <van-uploader v-model="fileList" multiple :readonly="true" :show-upload="false" />
+          </div>
+        </van-popup>
       </div>
     </van-form>
 
@@ -96,6 +109,8 @@
 
 import {selectApprovalByTemplateId, listTemplate, approval} from "@/api/onlineHome/bankAgriculture/paymentApproval";
 import { getCashExpense } from "@/api/onlineHome/bankAgriculture/cashExpense";
+import {attachmentList} from "@/api/sunVillage_info/fixedAssets";
+import request from "@/utils/request";
 
 export default {
   name: "cashExpenseApproval",
@@ -119,6 +134,9 @@ export default {
       // 审核意见默认值
       pass: "true",
       comment: "同意",
+
+      showAttachment: false,
+      fileList: [],
     };
   },
   created() {
@@ -215,6 +233,22 @@ export default {
     goFlow(){
       this.$router.push({path: '/yinnong/cashExpenseProcess', query: { id: this.form.id, templateId: this.form.approvalTemplateId }});
     },
+    openAttachment(id) {
+      this.showAttachment = true;
+      this.fileList = [];
+      let params = {
+        tableId: id,
+        tableName: "t_yinnong_cashexpense",
+        bizPath: "yinnong",
+        fileType: '',
+      };
+      attachmentList(params).then(res => {
+        res.rows.map(r => {
+          let baseUrl = location.protocol + "//" + location.host + request.defaults.baseURL;
+          this.fileList.push({"url": baseUrl + r.fileUrl, "file": new File([], r.fileName, {}), "id": r.id});
+        });
+      });
+    },
   }
 }
 </script>