From 9dc238b1b7be04104913a34efe3480119fc81ce4 Mon Sep 17 00:00:00 2001
From: super_liu <396572590@qq.com>
Date: Tue, 21 Dec 2021 15:22:35 +0800
Subject: [PATCH] feat: There is no way the,

---
 .../pages/creatProcess/zcrk/step1.vue         | 173 +++++++++---------
 1 file changed, 87 insertions(+), 86 deletions(-)

diff --git a/src/pages/processCenter/pages/creatProcess/zcrk/step1.vue b/src/pages/processCenter/pages/creatProcess/zcrk/step1.vue
index a41c03860..aa845207d 100644
--- a/src/pages/processCenter/pages/creatProcess/zcrk/step1.vue
+++ b/src/pages/processCenter/pages/creatProcess/zcrk/step1.vue
@@ -266,28 +266,21 @@
                                             v-model="form.ZCWBLAWSName"
                                             clearable
                                     ></el-input>
-                                    <div v-if="ZCWBLAWSFileList.length>0">
-<!--                                        {{ form.fbgbjbdName }}-->
-                                        <el-button
-                                                type="primary"
-                                                class="common-button-primary"
-                                                size="mini"
-                                                style="margin-left: 10px"
-                                                @click="fileUpload('ZCWBLAWS')">
-                                          <i class="el-icon-upload el-icon--right"></i>
-                                         查看已上传的文件
-                                        </el-button>
-                                    </div>
-                                    <div v-else>
-                                        <el-button
-                                                type="primary"
-                                                class="common-button-primary"
-                                                size="mini"
-                                                @click="fileUpload('ZCWBLAWS')">
-                                          <i class="el-icon-upload el-icon--right"></i>
-                                            点击上传
-                                        </el-button>
-                                    </div>
+                                  <div style="display: flex;justify-content: space-between">
+                                      <div style="width: 80%;">
+                                          <div v-for="(item,index) in ZCWBLAWSFileList" :key="index" @click="handleFilePreview(item)" style="color: #409eff;cursor:pointer" class="fileClass">{{ item.name }}</div>
+                                      </div>
+                                      <div style="width: 20%;">
+                                          <el-button
+                                                  type="primary"
+                                                  class="common-button-primary"
+                                                  size="mini"
+                                                  @click="fileUpload('ZCWBLAWS')"
+                                                  style="margin-left: 10px; margin-top: 11px; float: right;">
+                                              <i class="el-icon-upload el-icon--right"></i>
+                                          </el-button>
+                                      </div>
+                                  </div>
                                 </el-form-item>
                               <el-form-item label="解读文件" prop="JDWJLAWSName" class="add-form-item form-item-disabled">
                                 <el-input
@@ -296,28 +289,21 @@
                                     v-model="form.JDWJLAWSName"
                                     clearable
                                 ></el-input>
-                                <div v-if="JDWJLAWSFileList.length>0">
-                                  <!--                                        {{ form.caName }}-->
-                                  <el-button
-                                      type="primary"
-                                      class="common-button-primary"
-                                      size="mini"
-                                      style="margin-left: 10px"
-                                      @click="fileUpload('JDWJLAWS')">
-                                    <i class="el-icon-upload el-icon--right"></i>
-                                    查看已上传的文件
-                                  </el-button>
-                                </div>
-                                <div v-else>
-                                  <el-button
-                                      type="primary"
-                                      class="common-button-primary"
-                                      size="mini"
-                                      @click="fileUpload('JDWJLAWS')">
-                                    <i class="el-icon-upload el-icon--right"></i>
-                                    点击上传
-                                  </el-button>
-                                </div>
+                                  <div style="display: flex;justify-content: space-between">
+                                      <div style="width: 80%;">
+                                          <div v-for="(item,index) in JDWJLAWSFileList" :key="index" @click="handleFilePreview(item)" style="color: #409eff;cursor:pointer" class="fileClass">{{ item.name }}</div>
+                                      </div>
+                                      <div style="width: 20%;">
+                                          <el-button
+                                                  type="primary"
+                                                  class="common-button-primary"
+                                                  size="mini"
+                                                  @click="fileUpload('JDWJLAWS')"
+                                                  style="margin-left: 10px; margin-top: 11px; float: right;">
+                                              <i class="el-icon-upload el-icon--right"></i>
+                                          </el-button>
+                                      </div>
+                                  </div>
                               </el-form-item>
                             </el-col>
                             <el-col :span="12">
@@ -328,27 +314,20 @@
                                             v-model="form.GCWBLAWSName"
                                             clearable
                                     ></el-input>
-                                    <div v-if="GCWBLAWSFileList.length>0">
-                                        <!--                                        {{ form.ssgName }}-->
-                                        <el-button
-                                                type="primary"
-                                                class="common-button-primary"
-                                                size="mini"
-                                                style="margin-left: 10px"
-                                                @click="fileUpload('GCWBLAWS')">
-                                            <i class="el-icon-upload el-icon--right"></i>
-                                            查看已上传的文件
-                                        </el-button>
-                                    </div>
-                                    <div v-else>
-                                        <el-button
-                                                type="primary"
-                                                class="common-button-primary"
-                                                size="mini"
-                                                @click="fileUpload('GCWBLAWS')">
-                                            <i class="el-icon-upload el-icon--right"></i>
-                                            点击上传
-                                        </el-button>
+                                    <div style="display: flex;justify-content: space-between">
+                                        <div style="width: 80%;">
+                                            <div v-for="(item,index) in GCWBLAWSFileList" :key="index" @click="handleFilePreview(item)" style="color: #409eff;cursor:pointer" class="fileClass">{{ item.name }}</div>
+                                        </div>
+                                        <div style="width: 20%;">
+                                            <el-button
+                                                    type="primary"
+                                                    class="common-button-primary"
+                                                    size="mini"
+                                                    @click="fileUpload('GCWBLAWS')"
+                                                    style="margin-left: 10px; margin-top: 11px; float: right;">
+                                                <i class="el-icon-upload el-icon--right"></i>
+                                            </el-button>
+                                        </div>
                                     </div>
                                 </el-form-item>
                             </el-col>
@@ -475,27 +454,20 @@
                                             v-model="form.GLWJLAWSName"
                                             clearable
                                     ></el-input>
-                                    <div v-if="GLWJLAWSFileList.length>0">
-
-                                        <el-button
-                                                type="primary"
-                                                class="common-button-primary"
-                                                size="mini"
-                                                @click="fileUpload('GLWJLAWS')">
-                                            <i class="el-icon-upload el-icon--right"></i>
-                                            查看已上传文件
-                                        </el-button>
-                                        <!--                                        {{ form.glwjName }}-->
-                                    </div>
-                                    <div v-else>
-                                        <el-button
-                                                type="primary"
-                                                class="common-button-primary"
-                                                size="mini"
-                                                @click="fileUpload('GLWJLAWS')">
-                                            <i class="el-icon-upload el-icon--right"></i>
-                                            点击上传
-                                        </el-button>
+                                    <div style="display: flex;justify-content: space-between">
+                                        <div style="width: 80%;">
+                                            <div v-for="(item,index) in GLWJLAWSFileList" :key="index" @click="handleFilePreview(item)" style="color: #409eff;cursor:pointer" class="fileClass">{{ item.name }}</div>
+                                        </div>
+                                        <div style="width: 20%;">
+                                            <el-button
+                                                    type="primary"
+                                                    class="common-button-primary"
+                                                    size="mini"
+                                                    @click="fileUpload('GLWJLAWS')"
+                                                    style="margin-left: 10px; margin-top: 11px; float: right;">
+                                                <i class="el-icon-upload el-icon--right"></i>
+                                            </el-button>
+                                        </div>
                                     </div>
                                 </el-form-item>
                                 <!--                                <el-form-item label="相关流程" prop="xglc" class="add-form-item form-item-disabled">-->
@@ -935,6 +907,7 @@
 </template>
 
 <script>
+    import { onlyOfficeUrl } from '@/sysConfig'
     import ProcessHeader from '../../components/ProcessHeader'
     import ProcessFooter from '../../components/ProcessFooter'
     import ProcessTitle from '../../components/ProcessTitle'
@@ -2024,6 +1997,34 @@
                     })
                 }
             },
+            // 文件预览及下载
+            handleFilePreview(file) {
+                const attId = file.response.data.id
+                if (this.preview) {
+                    if (attId) {
+                        window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + attId
+                    } else {
+                        this.$message.warning('文件不存在,下载失败')
+                    }
+                } else {
+                    this.getBusStandFileByAttId(attId)
+                        .then(res => {
+                            if(res){
+                                const editFileInfo = res
+                                if(editFileInfo.fileSuffix === 'pdg' || editFileInfo.fileSuffix === 'PDG'){
+                                    window.open('book://ssreader/e0?url='+editFileInfo.downLoadUrl)
+                                }else {
+                                    const nowTime = new Date().getTime()
+                                    window.open(onlyOfficeUrl+'/onlyOffice?oldFileName=' + editFileInfo.oldFileName + '&fileType=' + editFileInfo.fileSuffix + '&attId=' + editFileInfo.id + '&fileUrl=' + editFileInfo.downLoadUrl + '&key=' + editFileInfo.id + nowTime+'&filePath='+editFileInfo.filePath+'&fileName='+editFileInfo.fileName)
+
+                                }
+                            }
+                        }).catch(e => {
+                        console.log(e)
+                        this.$message.warning('文件不存在,预览失败')
+                    })
+                }
+            },
             fileUpload (type) {
                 this.fileType = '';
                 // this.fileMadel = true;//此句应在最后执行,否则会有先显示没变换的的文件列表,在显示变换了的文件列表