feat: There is no way the,

src/pages/processCenter/pages/creatProcess/zcrk/step1.vue

@@ -266,27 +266,20 @@
                                             v-model="form.ZCWBLAWSName"
                                             clearable
                                     ></el-input>
-                                    <div v-if="ZCWBLAWSFileList.length>0">
+                                  <div style="display: flex;justify-content: space-between">
-<!--                                        {{ form.fbgbjbdName }}-->
+                                      <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"
-                                                style="margin-left: 10px"
+                                                  @click="fileUpload('ZCWBLAWS')"
-                                                @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 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>
                                 </el-form-item>
                               <el-form-item label="解读文件" prop="JDWJLAWSName" class="add-form-item form-item-disabled">
@@ -296,27 +289,20 @@
                                     v-model="form.JDWJLAWSName"
                                     clearable
                                 ></el-input>
-                                <div v-if="JDWJLAWSFileList.length>0">
+                                  <div style="display: flex;justify-content: space-between">
-                                  <!--                                        {{ form.caName }}-->
+                                      <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"
-                                      style="margin-left: 10px"
+                                                  @click="fileUpload('JDWJLAWS')"
-                                      @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 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>
                               </el-form-item>
                             </el-col>
@@ -328,27 +314,20 @@
                                             v-model="form.GCWBLAWSName"
                                             clearable
                                     ></el-input>
-                                    <div v-if="GCWBLAWSFileList.length>0">
+                                    <div style="display: flex;justify-content: space-between">
-                                        <!--                                        {{ form.ssgName }}-->
+                                        <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"
-                                                style="margin-left: 10px"
+                                                    @click="fileUpload('GCWBLAWS')"
-                                                @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 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>
                                 </el-form-item>
                             </el-col>
@@ -475,28 +454,21 @@
                                             v-model="form.GLWJLAWSName"
                                             clearable
                                     ></el-input>
-                                    <div v-if="GLWJLAWSFileList.length>0">
+                                    <div style="display: flex;justify-content: space-between">
-
+                                        <div style="width: 80%;">
-                                        <el-button
+                                            <div v-for="(item,index) in GLWJLAWSFileList" :key="index" @click="handleFilePreview(item)" style="color: #409eff;cursor:pointer" class="fileClass">{{ item.name }}</div>
-                                                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>
+                                        <div style="width: 20%;">
                                             <el-button
                                                     type="primary"
                                                     class="common-button-primary"
                                                     size="mini"
-                                                @click="fileUpload('GLWJLAWS')">
+                                                    @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">-->
                                 <!--                                    <el-input-->
@@ -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;//此句应在最后执行,否则会有先显示没变换的的文件列表,在显示变换了的文件列表