修改了委托管理附件

components/file/entrust-file-manage/FilesList.vue

@@ -61,7 +61,7 @@
               fixed="right">
               <template slot-scope="scope">
                 <VXEIconList
-                  :msg="scope.row.type === 'jpg'||scope.row.type === 'pdf' ?iconMsgJpg:iconMsg"
+                  :msg="scope.row.type === 'jpg'||scope.row.type === 'pdf'||scope.row.type === 'png' ?iconMsgJpg:iconMsg"
                   @on-result-change="_iconClick" :rowData="scope.row"></VXEIconList>
               </template>
             </vxe-table-column>
@@ -331,6 +331,12 @@ export default {
         case 'pdf':
           this.$pdfView(data.objectKey)
           break
+        case 'png':
+          const pngViewList = []
+          pngViewList.push(global.baseURL + this.downloadFileUrlFile + data.id)
+          this.imgViewList = pngViewList
+          this.imgViewIndex = 0
+          break
       }
       // console.log(data)
       // if (this.urlData.viewUri === '/meter/v1/entrust_attachment/preview/') {

components/file/file-manage/FilesList.vue

@@ -74,7 +74,7 @@
               <li v-for="item in getPage.records" :key="item.id">
                 <div class="thumbnailStyleImg">
                   <Tooltip placement="top">
-                    <img :src=" bigUrl+item.type+'.png' "/>
+                    <img :class="item.type === 'jpg'||item.type === 'png'?'samllJpg':' ' " :src=" item.type==='jpg'||item.type === 'png'?imgUrl+item.id:bigUrl+item.type+'.png' "/>
                     <div slot="content" style="white-space: normal">
                       <p>名称：{{item.fileName}}</p>
                     </div>
@@ -126,10 +126,10 @@
       </Spin>
     </div>
     <!--图片预览-->
-<!--    <div>-->
-<!--      <vue-gallery-slideshow :images="imgViewList" :index="imgViewIndex"-->
-<!--                             @close="imgViewIndex = null"></vue-gallery-slideshow>-->
-<!--    </div>-->
+    <div>
+      <vue-gallery-slideshow :images="imgViewList" :index="imgViewIndex"
+                             @close="imgViewIndex = null"></vue-gallery-slideshow>
+    </div>
 
   </div>
 </template>
@@ -156,6 +156,11 @@ export default {
         { type: 'ios-download', id: '', name: '下载' }
         // { type: 'ios-eye', id: '', name: '预览' }
       ],
+      iconMsgJpg: [
+        { type: 'md-remove-circle', id: '', name: '删除' },
+        { type: 'ios-download', id: '', name: '下载' },
+        { type: 'ios-eye', id: '', name: '预览' }
+      ],
       iconMsgDis: [
         { type: 'trash-a', id: '', name: '删除' },
         { type: 'ios-download', id: '', name: '下载' },
@@ -188,7 +193,7 @@ export default {
       Ids: [],
       smallUrl: global.staticURL + '/img/smallfile/',
       bigUrl: global.staticURL + '/img/bigfile/',
-
+      imgUrl: global.baseURL + '/soil/v1/entrust_annex/download/',
       action: '',
       dataObj: {
         file: ''
@@ -229,6 +234,7 @@ export default {
       this.idsObj = idsObj
       this.urlData = data
       this.action = global.baseURL + data.uploadFileUrl + data.id
+      this.downloadFileUrlFile = data.downloadFileUrl
       this.$nextTick(() => {
         this._page()
       })
@@ -311,17 +317,28 @@ export default {
       }
     },
     // 预览图片（该合同下所有的）
-    _viewImg: async function(data) {
-      console.log(data)
-      if (this.urlData.viewUri === '/meter/v1/entrust_attachment/preview/') {
-        const id = data.entrustId
-        const result = await meterEntrust.entrustPreview(id)
-        console.log(result)
-      } else {
-        const id = data.contractId
-        const result = await meterEntrust.attachmentPreview(id)
-        console.log(result)
+    _viewImg(data) {
+      switch (data.type) {
+        case 'jpg':
+          const imgViewList = []
+          imgViewList.push(global.baseURL + this.downloadFileUrlFile + data.id)
+          this.imgViewList = imgViewList
+          this.imgViewIndex = 0
+          break
+        case 'pdf':
+          this.$pdfView(data.objectKey)
+          break
       }
+      // console.log(data)
+      // if (this.urlData.viewUri === '/meter/v1/entrust_attachment/preview/') {
+      //   const id = data.entrustId
+      //   const result = await meterEntrust.entrustPreview(id)
+      //   console.log(result)
+      // } else {
+      //   const id = data.contractId
+      //   const result = await meterEntrust.attachmentPreview(id)
+      //   console.log(result)
+      // }
 
       // this.$store.dispatch(this.urlData.uri, this.id).then(() => {
       //   const viewUri = this.urlData.viewUri
@@ -439,4 +456,8 @@ export default {
   border-radius: 4px !important;
   border-left: 1px solid #dddee1 !important;
 }
+.samllJpg {
+  width: 15%;
+  height: auto;
+}
 </style>