From e6736363e84b9cd16dc88f386e9fe0a6a0c2ecd8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E5=BC=BA=E5=BC=BA?= <787203167>
Date: Tue, 26 Mar 2024 11:51:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BC=81=E6=A0=87=E5=88=B6?=
 =?UTF-8?q?=E4=BF=AE=E8=AE=A2-=E6=8A=80=E6=9C=AF=E6=A0=87=E5=87=86?=
 =?UTF-8?q?=E7=9A=84=E5=8E=86=E5=8F=B2=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../creatProcess/qbrk/common/formEditList.vue | 57 +++++++++++++++----
 .../qbrk/common/formEditListFb.vue            | 28 ++++++++-
 .../creatProcess/qbrk/common/formList.vue     | 56 ++++++++++++++----
 .../pages/creatProcess/qbrk/step1-2.vue       | 18 ++++++
 .../pages/creatProcess/qbrk/step1.vue         | 21 ++++++-
 5 files changed, 155 insertions(+), 25 deletions(-)

diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/common/formEditList.vue b/src/pages/processCenter/pages/creatProcess/qbrk/common/formEditList.vue
index 4ec906e85..993b41a38 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/common/formEditList.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/common/formEditList.vue
@@ -212,19 +212,37 @@
               clearable
             />
             <div style="display: flex;justify-content: space-between;margin-left: 12px;">
-              <div style="width: 80%;margin-top: 13px">
-                <div
-                  v-for="(item,index) in LSBBBUSSFileList"
-                  :key="index"
-                  style="color: #409eff;cursor:pointer"
-                  class="fileClass"
-                >
-                  <span style="" :title="item.name" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
-<!--                  <span v-if="item.id !== ''" style="margin-left: 7px;">-->
-<!--                    <i class="el-icon-download" title="下载" @click="handleFilePreview(item,'down')" />-->
-<!--                  </span>-->
+                <div v-if="isTrue" style="width: 80%;margin-top: 13px">
+                  <div
+                          v-for="(item,index) in LSBBBUSSFileList"
+                          :key="index"
+                          style="color: #409eff;cursor:pointer"
+                          class="fileClass"
+                  >
+                    <span style="" :title="item.name" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
+                    <span style="margin-left: 7px;">
+                          <i class="el-icon-view" style="font-size: 18px" title="预览" @click="viewOnlyOffice(item)" />
+                     </span>
+                    <!--                  <span v-if="item.id !== ''" style="margin-left: 7px;">-->
+                    <!--                    <i class="el-icon-download" title="下载" @click="handleFilePreview(item,'down')" />-->
+                    <!--                  </span>-->
+                  </div>
                 </div>
-              </div>
+
+                <div v-if="!isTrue" style="width: 80%;margin-top: 13px">
+                  <div
+                          v-for="(item,index) in LSBBBUSSFileList"
+                          :key="index"
+                          style="color: #409eff;cursor:pointer"
+                          class="fileClass"
+                  >
+                    <span style="" :title="item.name" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
+                    <!--                  <span v-if="item.id !== ''" style="margin-left: 7px;">-->
+                    <!--                    <i class="el-icon-download" title="下载" @click="handleFilePreview(item,'down')" />-->
+                    <!--                  </span>-->
+                  </div>
+                </div>
+
               <div style="width: 20%;">
                 <el-button
                   type="primary"
@@ -802,6 +820,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import ProcessTitle from '../../../components/ProcessTitle'
+import { onlyOfficeUrl } from '@/sysConfig'
 
 export default {
   name: 'FormEditList',
@@ -1023,6 +1042,20 @@ export default {
     }
   },
   methods: {
+    viewOnlyOffice (item) {
+      const key = new Date().getTime()
+      let oldFileName = item.name
+      let index1 = oldFileName.lastIndexOf('.')
+      let fileSuffix = oldFileName.substring(index1+1, oldFileName.length)
+      fileSuffix = fileSuffix.toLowerCase()
+      oldFileName = oldFileName.substring(0, index1)
+      if (fileSuffix == 'pdf' || fileSuffix == 'doc' || fileSuffix == 'docx'){
+        window.open(onlyOfficeUrl + '/viewHistoryOnlyOffice?oldFileName=' + oldFileName + '&fileType=' + fileSuffix +
+                '&attId=' + item.id + '&key=' + key + '&userName=' + this.$store.getters.userInfo.uName)
+      }else{
+        this.$message.warning('此文件不支持onlyoffice预览')
+      }
+    },
     filterOp (data) {
       if (!data) {
         return ''
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/common/formEditListFb.vue b/src/pages/processCenter/pages/creatProcess/qbrk/common/formEditListFb.vue
index ad010ad0a..13fe14412 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/common/formEditListFb.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/common/formEditListFb.vue
@@ -229,14 +229,25 @@
               clearable
             />
             <div style="display: flex;justify-content: space-between;margin-left: 12px;">
-              <div style="width: 80%;margin-top: 13px">
+              <div v-if="isTrue" style="width: 80%;margin-top: 13px">
                 <div v-for="(item,index) in LSBBBUSSFileList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
                   <span style="" :title="item.name" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
+                  <span style="margin-left: 7px;">
+                          <i class="el-icon-view" style="font-size: 18px" title="预览" @click="viewOnlyOffice(item)" />
+                     </span>
 <!--                  <span v-if="item.id !== ''" style="margin-left: 7px;">-->
 <!--                    <i class="el-icon-download" title="下载" @click="handleFilePreview(item,'down')" />-->
 <!--                  </span>-->
                 </div>
               </div>
+              <div v-if="!isTrue" style="width: 80%;margin-top: 13px">
+                <div v-for="(item,index) in LSBBBUSSFileList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
+                  <span style="" :title="item.name" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
+                  <!--                  <span v-if="item.id !== ''" style="margin-left: 7px;">-->
+                  <!--                    <i class="el-icon-download" title="下载" @click="handleFilePreview(item,'down')" />-->
+                  <!--                  </span>-->
+                </div>
+              </div>
               <div style="width: 20%;">
                 <el-button
                   type="primary"
@@ -767,6 +778,7 @@
 
 <script>
 import { mapGetters } from 'vuex'
+import { onlyOfficeUrl } from '@/sysConfig'
 import ProcessTitle from '../../../components/ProcessTitle'
 import CurrentOrder from '@/pages/processCenter/pages/components/CurrentOrder';
 
@@ -999,6 +1011,20 @@ export default {
     }
   },
   methods: {
+    viewOnlyOffice (item) {
+      const key = new Date().getTime()
+      let oldFileName = item.name
+      let index1 = oldFileName.lastIndexOf('.')
+      let fileSuffix = oldFileName.substring(index1+1, oldFileName.length)
+      fileSuffix = fileSuffix.toLowerCase()
+      oldFileName = oldFileName.substring(0, index1)
+      if (fileSuffix == 'pdf' || fileSuffix == 'doc' || fileSuffix == 'docx'){
+        window.open(onlyOfficeUrl + '/viewHistoryOnlyOffice?oldFileName=' + oldFileName + '&fileType=' + fileSuffix +
+                '&attId=' + item.id + '&key=' + key + '&userName=' + this.$store.getters.userInfo.uName)
+      }else{
+        this.$message.warning('此文件不支持onlyoffice预览')
+      }
+    },
     queryOrder () {
       this.$refs.CurrentOrderRef.open(this.form.standSort, this.form.standNum)
     },
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/common/formList.vue b/src/pages/processCenter/pages/creatProcess/qbrk/common/formList.vue
index 7d7077cd6..ab0ef45f4 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/common/formList.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/common/formList.vue
@@ -173,17 +173,36 @@
             <!--          </div>-->
           </el-form-item>
           <el-form-item label="历史版本" prop="LSBBBUSSName" class="add-form-item form-item-disabled">
-            <div
-              v-for="(item,index) in LSBBBUSSFileList"
-              v-if="LSBBBUSSFileList.length > 0"
-              :key="index"
-              style="color: #409eff;cursor:pointer;margin-left: 12px;margin-top: 13px"
-              class="fileClass"
-            >
-              <span style="" :title="item.name" @click="handleFilePreview(item,'preview')"> {{ item.name }}</span>
-<!--              <span v-if="item.id !== ''" style="margin-left: 7px;">-->
-<!--                <i class="el-icon-download" title="下载" @click="handleFilePreview(item,'down')" />-->
-<!--              </span>-->
+            <div v-if="isTrue">
+              <div
+                      v-for="(item,index) in LSBBBUSSFileList"
+                      v-if="LSBBBUSSFileList.length > 0"
+                      :key="index"
+                      style="color: #409eff;cursor:pointer;margin-left: 12px;margin-top: 13px"
+                      class="fileClass"
+              >
+                <span style="" :title="item.name" @click="handleFilePreview(item,'preview')"> {{ item.name }}</span>
+                <span style="margin-left: 7px;">
+                          <i class="el-icon-view" style="font-size: 18px" title="预览" @click="viewOnlyOffice(item)" />
+                </span>
+                <!--              <span v-if="item.id !== ''" style="margin-left: 7px;">-->
+                <!--                <i class="el-icon-download" title="下载" @click="handleFilePreview(item,'down')" />-->
+                <!--              </span>-->
+              </div>
+            </div>
+            <div v-if="!isTrue">
+              <div
+                      v-for="(item,index) in LSBBBUSSFileList"
+                      v-if="LSBBBUSSFileList.length > 0"
+                      :key="index"
+                      style="color: #409eff;cursor:pointer;margin-left: 12px;margin-top: 13px"
+                      class="fileClass"
+              >
+                <span style="" :title="item.name" @click="handleFilePreview(item,'preview')"> {{ item.name }}</span>
+                <!--              <span v-if="item.id !== ''" style="margin-left: 7px;">-->
+                <!--                <i class="el-icon-download" title="下载" @click="handleFilePreview(item,'down')" />-->
+                <!--              </span>-->
+              </div>
             </div>
             <!--          <div  v-if="LSBBBUSSFileList.length>0" v-for="(value,index)  in this.LSBBBUSSFileList" :key="index" style="cursor: pointer;color: #00b7ee"  @click="downloadFile(value)">-->
             <!--            &lt;!&ndash; {{ value.name }} &ndash;&gt;-->
@@ -597,6 +616,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import ProcessTitle from '../../../components/ProcessTitle'
+import { onlyOfficeUrl } from '@/sysConfig'
 import axios from 'axios';
 
 export default {
@@ -741,6 +761,20 @@ export default {
     this.getDataAsync()
   },
   methods: {
+    viewOnlyOffice (item) {
+      const key = new Date().getTime()
+      let oldFileName = item.name
+      let index1 = oldFileName.lastIndexOf('.')
+      let fileSuffix = oldFileName.substring(index1+1, oldFileName.length)
+      fileSuffix = fileSuffix.toLowerCase()
+      oldFileName = oldFileName.substring(0, index1)
+      if (fileSuffix == 'pdf' || fileSuffix == 'doc' || fileSuffix == 'docx'){
+        window.open(onlyOfficeUrl + '/viewHistoryOnlyOffice?oldFileName=' + oldFileName + '&fileType=' + fileSuffix +
+                '&attId=' + item.id + '&key=' + key + '&userName=' + this.$store.getters.userInfo.uName)
+      }else{
+        this.$message.warning('此文件不支持onlyoffice预览')
+      }
+    },
     filterOp (data) {
       if (!data) {
         return ''
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step1-2.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step1-2.vue
index fb7c782fd..150917d78 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step1-2.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step1-2.vue
@@ -172,6 +172,9 @@
                         class="fileClass"
                       >
                         <span style="" :title="item.name" @click="handleFilePreview2(item,'preview')"> {{ item.name }}</span>
+                        <span style="margin-left: 7px;">
+                          <i class="el-icon-view" style="font-size: 18px" title="预览" @click="viewOnlyOffice(item)" />
+                        </span>
 <!--                        <span v-if="item.id !== ''" style="margin-left: 7px;">-->
 <!--                          <i class="el-icon-download" title="下载" @click="handleFilePreview2(item,'down')" />-->
 <!--                        </span>-->
@@ -1513,6 +1516,7 @@
 import ProcessHeader from '../../components/ProcessHeader'
 import ProcessFooter from '../../components/ProcessFooter'
 import ProcessTitle from '../../components/ProcessTitle'
+import { onlyOfficeUrl } from '@/sysConfig'
 import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription'
 import {
   saveTaskFirst,
@@ -3090,6 +3094,20 @@ export default {
       }, e => {
       })
     },
+    viewOnlyOffice (item) {
+      const key = new Date().getTime()
+      let oldFileName = item.name
+      let index1 = oldFileName.lastIndexOf('.')
+      let fileSuffix = oldFileName.substring(index1+1, oldFileName.length)
+      fileSuffix = fileSuffix.toLowerCase()
+      oldFileName = oldFileName.substring(0, index1)
+      if (fileSuffix == 'pdf' || fileSuffix == 'doc' || fileSuffix == 'docx'){
+        window.open(onlyOfficeUrl + '/viewHistoryOnlyOffice?oldFileName=' + oldFileName + '&fileType=' + fileSuffix +
+                '&attId=' + item.id + '&key=' + key + '&userName=' + this.$store.getters.userInfo.uName)
+      }else{
+        this.$message.warning('此文件不支持onlyoffice预览')
+      }
+    },
     beginImportFile (file) {
       const filename = file.name
       const index1 = filename.lastIndexOf('.')
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step1.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step1.vue
index 760060c06..4570ec728 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step1.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step1.vue
@@ -253,9 +253,12 @@
                         :key="index"
                         style="color: #409eff;cursor:pointer;margin-left: 12px;"
                         class="fileClass"
-                        @click="handleFilePreview(item)"
                       >
+<!--                         @click="handleFilePreview(item)"-->
                         <span style="" :title="item.name" @click="handleFilePreview2(item,'preview')"> {{ item.name }}</span>
+                        <span style="margin-left: 7px;">
+                          <i class="el-icon-view" style="font-size: 18px" title="预览" @click="viewOnlyOffice(item)" />
+                        </span>
 <!--                        <span v-if="item.id !== ''" style="margin-left: 7px;">-->
 <!--                          <i class="el-icon-download" title="下载" @click="handleFilePreview2(item,'down')" />-->
 <!--                        </span>-->
@@ -1776,6 +1779,7 @@ import TreeSelectNew from '@/components/treeSelect/treeSelectNew.vue';
 import treeSelectModule from '@/components/treeSelect/treeSelectModule.vue';
 import { selectByIdAtt } from '@/api/flow/index.js'
 import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription'
+import { onlyOfficeUrl } from '@/sysConfig'
 
 const Base64 = require('js-base64').Base64;
 
@@ -2700,6 +2704,20 @@ export default {
         XCSJBUSS: this.dateFormatter(),
       } // 标准信息
     },
+    viewOnlyOffice (item) {
+      const key = new Date().getTime()
+      let oldFileName = item.name
+      let index1 = oldFileName.lastIndexOf('.')
+      let fileSuffix = oldFileName.substring(index1+1, oldFileName.length)
+      fileSuffix = fileSuffix.toLowerCase()
+      oldFileName = oldFileName.substring(0, index1)
+      if (fileSuffix == 'pdf' || fileSuffix == 'doc' || fileSuffix == 'docx'){
+        window.open(onlyOfficeUrl + '/viewHistoryOnlyOffice?oldFileName=' + oldFileName + '&fileType=' + fileSuffix +
+                '&attId=' + item.id + '&key=' + key + '&userName=' + this.$store.getters.userInfo.uName)
+      }else{
+         this.$message.warning('此文件不支持onlyoffice预览')
+      }
+    },
     filterObj (obj) {
       if (obj && obj !== '') {
         if (obj instanceof Array) {
@@ -3833,6 +3851,7 @@ export default {
       } else {
         attId = file.response.data.id
       }
+      console.log(file);
       if (file.name == this.form.standName) {
         let fileName = ''
         let fileNam2 = ''