对接设计符合性确认

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

@@ -13,7 +13,8 @@
               @click="urlClick(queryForm[item.value])"
               v-if="item.type == 1"
         >{{queryForm[item.value]}}</span>
-        <span class="text-field-right" :title="queryForm[item.value]"
+
+        <span class="text-field-right" v-else :title="queryForm[item.value]"
         >{{queryForm[item.value]}}</span>
       </div>
     </div>

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

@@ -14,11 +14,48 @@
               v-if="item.type == 1"
         >{{queryForm[item.value]}}</span>
 
+        <span class="text-field-right text-field-right-url"
+              @click="clickButtonToUpload(queryForm[item.value])"
+              v-if="item.type == 2 && queryForm[item.value]"
+        >{{ $t('viewFile') }}</span>
+
         <span class="text-field-right"
               :title="queryForm[item.value]" v-else
         >{{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>
   </div>
 </template>
 <!--
@@ -29,6 +66,7 @@
 -->
 <script>
   import { getAction, postAction, downloadFile, putAction } from '@/api/manage'
+  import { Base64 } from 'js-base64'
 
   export default {
     name: 'standardContent',
@@ -50,17 +88,76 @@
     },
     data() {
       return {
-        queryForm: {}
+        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' }
+          }
+        ]
       }
     },
     mounted() {
       this.queryForm = this.standardContentQuery
+      console.log(this.queryForm)
     },
     methods: {
       urlClick(val) {
         if (val) {
           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
+          }
+        })
       }
     }
   }