对接设计符合性确认

jero-web/src/views/processCenter/components/standardContent.vue

@@ -24,38 +24,7 @@
         >{{queryForm[item.value]}}</span>
       </div>
     </div>
-    <a-modal
-      :title="$t('deliverableTemplate')"
-      :width="600"
-      :visible="visibleFile"
-      :maskClosable="false"
-      @cancel="visibleFile = false"
-    >
-      <template slot="footer">
-        <a-button key="back" @click="visibleFile = false">
-          {{$t('cancel')}}
-        </a-button>
-      </template>
-      <a-table
-        class="table"
-        :columns="columnsFile"
-        :pagination="false"
-        :scroll="{x:500,y: 400}"
-        :data-source="dataSourceFile"
-        :loading="loading"
-      >
-        <span slot="fileOperation" slot-scope="record">
-           <a class="text" @click="pdfPreview(record)"
-              :disabled="record.fileSuffix == '.pdf' || record.fileSuffix == '.docx'
-         || record.fileSuffix == '.xlsx' || record.fileSuffix == '.xls' ? false : true">
-                {{$t('See')}}
-          </a>
-          <a class="text" @click="download(record)">
-                {{ $t('download') }}
-          </a>
-        </span>
-      </a-table>
-    </a-modal>
+    <viewFileModel ref="viewFileModelRef"/>
   </div>
 </template>
 <!--
@@ -67,6 +36,7 @@
 <script>
   import { getAction, postAction, downloadFile, putAction } from '@/api/manage'
   import { Base64 } from 'js-base64'
+  import viewFileModel from '@/components/viewFileModel/index'
 
   export default {
     name: 'standardContent',
@@ -86,32 +56,16 @@
         default: {}
       }
     },
+    components: {
+      viewFileModel
+    },
     data() {
       return {
-        queryForm: {},
-        visibleFile: false,
-        dataSourceFile: [],
-        loading: false,
-        columnsFile: [
-          {
-            title: this.$t('deliverableTemplate'),
-            dataIndex: 'fileName',
-            align: 'center',
-            width: 260,
-            ellipsis: true
-          },
-          {
-            title: this.$t('operation'),
-            align: 'center',
-            width: 130,
-            scopedSlots: { customRender: 'fileOperation' }
-          }
-        ]
+        queryForm: {}
       }
     },
     mounted() {
       this.queryForm = this.standardContentQuery
-      console.log(this.queryForm)
     },
     methods: {
       urlClick(val) {
@@ -119,45 +73,8 @@
           window.open(val)
         }
       },
-      pdfPreview(fileQuery) {
-        let fileName = fileQuery.fileName
-        let index1 = fileName.lastIndexOf('.')
-        let index2 = fileName.length
-        let fileSuffix = fileName.substring(index1, index2)
-        if (fileSuffix == '.pdf') {
-          window.open('/pdf/web/viewer.html?file=' + encodeURIComponent('/jero-boot/sys/common/pdf/viewFile?id=' + fileQuery.id))
-        } else if (fileSuffix == '.docx') {
-          let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(this.downLoadFileUrl + '/' + fileQuery.id + fileSuffix)
-          window.open(url, '_blank')
-        } else if (fileSuffix == '.xlsx' || fileSuffix == '.xls') {
-          let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(this.downLoadFileUrl + '/' + fileQuery.id + fileSuffix)
-          window.open(url, '_blank')
-        } else {
-          downloadFile('/sys/common/downLoadFile', fileQuery.fileName, { id: fileQuery.id })
-        }
-      },
-      download(item) {
-        downloadFile('/sys/common/downLoadFile', item.fileName, { id: item.id })
-      },
       clickButtonToUpload(item) {
-        this.loading = true
-        this.visibleFile = true
-        getAction('sys/common/getFileInfos', { id: item }).then((res) => {
-          if (res.success) {
-            this.dataSourceFile = res.result
-            this.dataSourceFile.forEach((val) => {
-              let fileName = val.fileName
-              let index1 = fileName.lastIndexOf('.')
-              let index2 = fileName.length
-              let fileSuffix = fileName.substring(index1, index2)
-              val.fileSuffix = fileSuffix
-            })
-            this.loading = false
-          } else {
-            this.dataSourceFile = []
-            this.loading = false
-          }
-        })
+        this.$refs.viewFileModelRef.clickButtonToUpload(item)
       }
     }
   }