文件上传

src/http/moudules/finance/settlement.js

@@ -57,5 +57,11 @@ export const WriteOffDetails = (data) => {
   })
 }
 
+export const filesdownload = (data) => {
+  return axios({
+    url: '/sys/files/'+data,
+    method: "get",
+  })
+}
 
 

src/views/FinancialManagement/CarInsurance/CompanySettlement/DocQuery.vue

@@ -299,6 +299,23 @@
             class="widths"
           ></el-input>
         </el-form-item>
+        <el-form-item label="附件：">
+          <el-upload
+            class="upload-demo"
+            :auto-upload="false"
+            :on-change="writeOffUpload"
+            action="###"
+          >
+            <el-button size="small" type="primary">点击上传</el-button>
+          </el-upload>
+        </el-form-item>
+        <el-form-item label="附件ID：">
+          <el-input
+            type="text"
+            v-model="writeOffRequest.dirid"
+            disabled
+          ></el-input>
+        </el-form-item>
         <el-form-item label="核销说明：">
           <el-input type="textarea" v-model="writeOffRequest.remark"></el-input>
         </el-form-item>
@@ -330,7 +347,7 @@
         }"
         highlight-current-row
       >
-      <el-table-column
+        <el-table-column
           prop="settleno"
           label="结算单号"
           align="center"
@@ -345,20 +362,18 @@
           label="发票号"
           align="center"
         ></el-table-column>
-
-
         <el-table-column
-          prop="feeType"
-          label="核销费用类型"
+          prop="dirid"
+          label="附件id"
           align="center"
-        >
-        <template slot-scope="scope">
-            <span v-if="scope.row.feeType=='S'">手续费</span>
-            <span v-if="scope.row.feeType=='O'">其他费用</span>
-            <span v-if="scope.row.feeType=='A'">手续费+其他费用</span>
+        ></el-table-column>
+        <el-table-column prop="feeType" label="核销费用类型" align="center">
+          <template slot-scope="scope">
+            <span v-if="scope.row.feeType == 'S'">手续费</span>
+            <span v-if="scope.row.feeType == 'O'">其他费用</span>
+            <span v-if="scope.row.feeType == 'A'">手续费+其他费用</span>
           </template>
-
-      </el-table-column>
+        </el-table-column>
         <el-table-column
           prop="operator"
           label="核销操作人"
@@ -375,6 +390,17 @@
             <span>{{ transformTime(scope.row.createTime) }}</span>
           </template>
         </el-table-column>
+        <el-table-column fixed="right" label="操作" width="120" align="center">
+          <template slot-scope="scope">
+            <el-button
+              @click="writedownload(scope.row.dirid)"
+              type="text"
+              size="small"
+            >
+              附件查看
+            </el-button>
+          </template>
+        </el-table-column>
       </el-table>
     </el-dialog>
   </div>
@@ -390,6 +416,7 @@ export default {
   },
   data() {
     return {
+      imgList1: [],
       loading: false,
       xlcell: 8,
       lgcell: 12,
@@ -416,6 +443,7 @@ export default {
         feeType: "", //核销费用类型
         amount: "", //核销金额
         checkno: "", //发票号
+        dirid: "", //附件id
         remark: "", //核销说明
       },
 
@@ -447,7 +475,7 @@ export default {
       // 右侧列表查询数据Start
       pageResult: [],
       docDetialslist: [], //结算明细列表
-      writeOffDetailslist:[],
+      writeOffDetailslist: [],
       columns: [
         //数据列
         { prop: "settleno", label: "结算号", minWidth: 160 },
@@ -500,6 +528,31 @@ export default {
   },
   mounted() {},
   methods: {
+    //附件上传
+    writeOffUpload(file) {
+      var file = file.raw;
+      const params = new FormData(); // 声明formData数据类型
+      params.append("multipartFile", file);
+      params.append("type", "settle");
+      this.$api.letter.uploadFile(params).then((res) => {
+        if (res.code == "200") {
+          this.writeOffRequest.dirid = res.data.id;
+        }
+      });
+    },
+    writedownload(id) {
+      this.$api.settlement.filesdownload(id).then((res) => {
+        let url = process.env.BASE_URL + res.data.url;
+        let name=res.data.fileName
+        const a = document.createElement("a");
+        a.style.display = "none";
+        a.href = url;
+        a.target = "_ blank";
+        a.download =name; // 下载文件的名字
+        document.body.appendChild(a);
+        a.click();
+      });
+    },
     onSubmit() {
       this.$api.settlement.docQuery(this.pageRequest).then((res) => {
         if (res.data.content.length > 0) {
@@ -549,10 +602,12 @@ export default {
     },
     writeOffDetails({ row, index }) {
       let settleno = row.settleno;
-      this.$api.settlement.WriteOffDetails({ settleno: settleno }).then((res) => {
-        this.writeOffDetailslist=res.data;
-        this.writeDetialsVisible = true;
-      });
+      this.$api.settlement
+        .WriteOffDetails({ settleno: settleno })
+        .then((res) => {
+          this.writeOffDetailslist = res.data;
+          this.writeDetialsVisible = true;
+        });
     },
     writeOffsubmit(formName) {
       this.$refs[formName].validate((valid) => {