静态台账导出、文档清册上载

src/views/leger/equipmentledger.vue

@@ -47,11 +47,11 @@
         <el-button type="primary"
                    size="small"
                    plain
-                   @click="">导出
+                   @click="handleExport">导出
         </el-button>
       </template>
       <template #menu="{row,index,size}">
-        <el-button @click="handleDetailSearch(row)" type="text">查看</el-button>
+        <el-button @click="handleDetailSearch(row,index)" type="text">查看详情</el-button>
         <el-button @click="rowDel(row)" type="text">删除</el-button>
       </template>
     </avue-crud>
@@ -627,6 +627,15 @@ import {getList, getDetail, add, update, remove, reject, auditing} from "@/api/l
             this.$refs.crud.toggleSelection();
           });
       },
+      handleExport() {
+        this.$confirm("是否导出数据?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          window.open(`/api/equipmentledger/export?daf-auth=${getToken()}`);
+        });
+      },
       beforeOpen(done, type) {
         if (["edit", "view"].includes(type)) {
           getDetail(this.form.id).then(res => {

src/views/leger/equipmentledgerDetail.vue

@@ -36,9 +36,15 @@
                    ref="crud2"
                    @row-update="document_rowUpdate"
                    @row-save="document_rowSave"
-                   @row-del="document_rowDel">
+                   @row-del="document_rowDel"
+                   :upload-after="uploadAfter"
+                   :upload-preview="(file) => handleUploadPreview(file)"
+                   :upload-delete="(file) => handleUploadDelete(file)">
+          <template #accessoryName="scope">
+            <el-link type="primary" :underline="false" @click="handleDownload(scope.row)">{{scope.row.prAccessoryName}}</el-link>
+          </template>
           <template #menu="{row,index,size}">
-            <el-button size="small" type="text" @click="handleDownload(row)">下载</el-button>
+            <el-button size="small" type="text" @click="handleDownload(row)" icon="el-icon-download">下 载</el-button>
           </template>
           </avue-crud>
       </span>
@@ -108,6 +114,7 @@
         shouldShowButton:{},
         addUpdateShowButton:{},
         readonlyForm:{},
+        document_form:{},
         option: {
           column: [{
             label: '基本信息',
@@ -559,6 +566,9 @@
               label: "页数",
               prop: "page",
               span: 20,
+              rules: [{
+                trigger: "blur"
+              }]
             },
             {
               label: "关键字",
@@ -577,13 +587,24 @@
               }]
             },
             {
-              label: "附件",
-              prop: "accessory",
+              label: '附件',
+              prop: 'accessoryName',
+              dataType: 'object',
+              fileType: 'img',//img/video/audio
+              type: 'upload',
+              // hide: true,
+              limit: 1,
+              propsHttp: {
+                res: 'data',
+              },
+              data: {
+                fileType: "1"// 静态台账-文档清册
+              },
+              headers: {
+              },
               span: 20,
-              rules: [{
-                trigger: "blur"
-              }]
-            },
+              action: './api/system/file/upload'
+            }
           ]
         }
       }
@@ -887,6 +908,20 @@
       },
       handleDownload(row) {
         window.open(`/api/system/file/download?daf-auth=${getToken()}&fileName=${row.accessoryName}`);
+      },
+      uploadAfter(response, done) {
+        // response 是服务器响应
+        this.document_form.accessoryName = response.fileName;
+        this.document_form.prAccessoryName = response.name;
+        done();
+      },
+      handleUploadPreview(file) {
+        // 禁止文件预览
+        return false;
+      },
+      handleUploadDelete(file) {
+        this.document_form.accessoryName = '';
+        this.document_form.prAccessoryName = '';
       }
     }
   }
@@ -902,6 +937,12 @@
   outline: none;
   pointer-events: none;
 }
+.frame_class1 .el-input__icon {
+  display: none;
+}
+.frame_class1 .el-input--prefix .el-input__inner {
+  padding-left: 15px;
+}
 .container {
   display: flex;
   justify-content: flex-end; /* 将子元素推到容器的末端 */