52651 清单更新发布流程 所有节点都没有在线预览功能 得加上

src/pages/processCenter/pages/creatProcess/bzqdfb/step1-1.vue

@@ -49,22 +49,32 @@
                 ></el-input>
               </el-form-item>
               <el-form-item label="附件" prop="fileName" class="add-form-item form-item-disabled">
-                <div class="file-box">
-                  <el-upload
-                    :action="uploadFileListPath"
-                    show-file-list
-                    :file-list="fileInfoList"
-                    name="file"
-                    accept=".PDF, .pdf, .doc, .DOC, .docx, .DOCX, .xls, .xlsx, .ppt, .pptx, .PPT, .PPTX, .JPG, .JPEG, .PNG, .jpg, .jpeg, .png"
-                    :on-remove="delFileInfo"
-                    :on-success="uploadBackSuccess"
-                    :before-upload="beforeUpload"
-                  >
-                    <el-button class="common-button-default" size="mini">
-                      点击上传
-                    </el-button>
-                  </el-upload>
+                <el-input
+                  disabled
+                  style="display: none;"
+                  v-model="fileInfo"
+                  clearable
+                ></el-input>
+                <div v-if="fileInfoList.length > 0">
+                  <div v-for="(item, index) in fileInfoList" :key="index" style="margin-right: 5px; padding-left: 10px">
+                    <div class="fileClass" >
+                      <span @click="clickButtonToUpload2(item)">{{ item.name }}</span>
+                      <el-button
+                        size="small"
+                        @click="clickButtonToUpload(item)"
+                        icon="el-icon-download"
+                        style="height: 32px; margin-left: 5px;"
+                      ></el-button>
+                    </div>
+                  </div>
                 </div>
+                <el-button
+                  type="primary"
+                  class="common-button-primary"
+                  @click="fileUpload"
+                  size="mini">
+                  点击上传
+                </el-button>
               </el-form-item>
               <el-form-item label="会签" prop="sign" class="add-form-item form-item-disabled">
                 <el-radio-group v-model="signFlag" @change="selectSign">
@@ -699,17 +709,20 @@
       @checkedRole="checkedRole"
       :nodeList="nodeList"
     ></Role-tree>
-    <el-dialog width="400px" :visible.sync="fileMadel" title="上传文件">
+    <el-dialog width="400px" :visible.sync="fileMadel" title="上传附件">
       <el-upload
+        v-if="fileMadel"
         multiple
+        class="upload-demo"
         drag
-        :action="fileUrl"
+        :action="uploadFileListPath"
         ref="importfile"
         name="file"
-        accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
-        :before-upload="beginImportFile"
-        :on-success="importFileSuccess"
-        :show-file-list="false"
+        accept=".PDF, .pdf, .doc, .DOC, .docx, .DOCX, .xls, .xlsx, .ppt, .pptx, .PPT, .PPTX, .JPG, .JPEG, .PNG, .jpg, .jpeg, .png"
+        :on-remove="delFileInfo"
+        :on-success="uploadBackSuccess"
+        :before-upload="beforeUpload"
+        :file-list="fileInfoList"
       >
         <div style="padding: 20px 0">
           <i class="el-icon-upload" style="color: #3399ff"></i>
@@ -793,6 +806,7 @@ export default {
       sarAccessListDatas: [], //国家地区清单表格
       uploadFileListPath: "api/att/attFile/upload", // 上传的地址
       fileInfoList: [], // 上传的附件
+      fileInfo: '', // 展示的附件
       fileIds: [], // 上传的附件
       fileList: [],
       fileListName: [], //上传的附件名称
@@ -1191,6 +1205,16 @@ export default {
           this.fileInfoList.splice(index, 1);
         }
       });
+      let list = ''
+      this.fileInfoList.forEach(item => {
+        if (list.length > 0) {
+          list += ','
+          list += item.name
+        } else {
+          list+= item.name
+        }
+      })
+      this.fileInfo = list
     },
     fileUpload() {
       this.fileMadel = true;
@@ -1204,6 +1228,16 @@ export default {
         this.$message.error(res.message);
         fileList.pop();
       }
+      let list = ''
+      this.fileInfoList.forEach(item => {
+        if (list.length > 0) {
+          list += ','
+          list += item.name
+        } else {
+          list+= item.name
+        }
+      })
+      this.fileInfo = list
     },
     // 相关附件 上传之前钩子
     beforeUpload(file) {
@@ -1243,6 +1277,18 @@ export default {
       });
       window.open(routeUrl.href, "_blank");
     },
+    clickButtonToUpload2(file) {
+      const attId = file.attId
+      this.$preview(attId)
+    },
+    clickButtonToUpload (file) {
+      const attId = file.attId
+      if (attId) {
+        window.location.href = '/api/att/attFile/downloadFileForSarNew?fileId=' + attId
+      } else {
+        this.$message.warning('文件不存在,下载失败')
+      }
+    },
     // 导入标准数据成功后执行
     importFileSuccess(response, file) {
       if (response.ok) {

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

@@ -49,22 +49,32 @@
                 ></el-input>
               </el-form-item>
               <el-form-item label="附件" prop="fileName" class="add-form-item form-item-disabled">
-                <div>
-                  <el-upload
-                    :action="uploadFileListPath"
-                    show-file-list
-                    :file-list="fileInfoList"
-                    name="file"
-                    accept=".PDF, .pdf, .doc, .DOC, .docx, .DOCX, .xls, .xlsx, .ppt, .pptx, .PPT, .PPTX, .JPG, .JPEG, .PNG, .jpg, .jpeg, .png"
-                    :on-remove="delFileInfo"
-                    :on-success="uploadBackSuccess"
-                    :before-upload="beforeUpload"
-                  >
-                    <el-button class="common-button-default" size="mini">
-                      点击上传
-                    </el-button>
-                  </el-upload>
+                <el-input
+                  disabled
+                  style="display: none;"
+                  v-model="fileInfo"
+                  clearable
+                ></el-input>
+                <div v-if="fileInfoList.length > 0">
+                  <div v-for="(item, index) in fileInfoList" :key="index" style="margin-right: 5px; padding-left: 10px">
+                    <div class="fileClass" >
+                      <span @click="clickButtonToUpload2(item)">{{ item.name }}</span>
+                      <el-button
+                        size="small"
+                        @click="clickButtonToUpload(item)"
+                        icon="el-icon-download"
+                        style="height: 32px; margin-left: 5px;"
+                      ></el-button>
+                    </div>
+                  </div>
                 </div>
+                <el-button
+                  type="primary"
+                  class="common-button-primary"
+                  @click="fileUpload"
+                  size="mini">
+                  点击上传
+                </el-button>
               </el-form-item>
               <el-form-item label="会签" prop="sign" class="add-form-item form-item-disabled">
                 <el-radio-group v-model="signFlag" @change="selectSign">
@@ -669,17 +679,20 @@
       @checkedRole="checkedRole"
       :nodeList="nodeList"
     ></Role-tree>
-    <el-dialog width="400px" :visible.sync="fileMadel" title="上传文件">
+    <el-dialog width="400px" :visible.sync="fileMadel" title="上传附件">
       <el-upload
+        v-if="fileMadel"
         multiple
+        class="upload-demo"
         drag
-        :action="fileUrl"
+        :action="uploadFileListPath"
         ref="importfile"
         name="file"
-        accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx"
-        :before-upload="beginImportFile"
-        :on-success="importFileSuccess"
-        :show-file-list="false"
+        accept=".PDF, .pdf, .doc, .DOC, .docx, .DOCX, .xls, .xlsx, .ppt, .pptx, .PPT, .PPTX, .JPG, .JPEG, .PNG, .jpg, .jpeg, .png"
+        :on-remove="delFileInfo"
+        :on-success="uploadBackSuccess"
+        :before-upload="beforeUpload"
+        :file-list="fileInfoList"
       >
         <div style="padding: 20px 0">
           <i class="el-icon-upload" style="color: #3399ff"></i>
@@ -762,6 +775,7 @@ export default {
       sarAccessListDatas: [], //国家地区清单表格
       uploadFileListPath: "api/att/attFile/upload", // 上传的地址
       fileInfoList: [], // 上传的附件
+      fileInfo: '', // 展示的附件
       fileIds: [], // 上传的附件
       fileListName: [], //上传的附件名称
       standardData: [], //添加标准数据
@@ -1122,6 +1136,16 @@ export default {
           this.fileInfoList.splice(index,1)
         }
       })
+      let list = ''
+      this.fileInfoList.forEach(item => {
+        if (list.length > 0) {
+          list += ','
+          list += item.name
+        } else {
+          list+= item.name
+        }
+      })
+      this.fileInfo = list
     },
     fileUpload() {
       this.fileMadel = true;
@@ -1135,6 +1159,16 @@ export default {
         this.$message.error(res.message);
         fileList.pop();
       }
+      let list = ''
+      this.fileInfoList.forEach(item => {
+        if (list.length > 0) {
+          list += ','
+          list += item.name
+        } else {
+          list+= item.name
+        }
+      })
+      this.fileInfo = list
     },
     // 相关附件 上传之前钩子
     beforeUpload(file) {
@@ -1174,6 +1208,18 @@ export default {
       });
       window.open(routeUrl.href, "_blank");
     },
+    clickButtonToUpload2(file) {
+      const attId = file.attId
+      this.$preview(attId)
+    },
+    clickButtonToUpload (file) {
+      const attId = file.attId
+      if (attId) {
+        window.location.href = '/api/att/attFile/downloadFileForSarNew?fileId=' + attId
+      } else {
+        this.$message.warning('文件不存在,下载失败')
+      }
+    },
     // 导入标准数据成功后执行
     importFileSuccess(response, file) {
       if (response.ok) {

src/pages/processCenter/pages/creatProcess/bzqdfb/step3.vue

@@ -52,21 +52,32 @@
                 ></el-input>
               </el-form-item>
               <el-form-item label="附件" prop="fileName" class="add-form-item form-item-disabled">
-                <el-upload
-                  :action="uploadFileListPath"
-                  show-file-list
-                  :file-list="fileInfoList"
-                  name="file"
-                  accept=".PDF, .pdf, .doc, .DOC, .docx, .DOCX, .xls, .xlsx, .ppt, .pptx, .PPT, .PPTX, .JPG, .JPEG, .PNG, .jpg, .jpeg, .png"
-                  :on-remove="delFileInfo"
-                  :on-success="uploadBackSuccess"
-                  :before-upload="beforeUpload"
-                  :on-preview="handleOnPreview"
-                >
-                  <el-button class="common-button-default" size="mini">
-                    点击上传
-                  </el-button>
-                </el-upload>
+                <el-input
+                  disabled
+                  style="display: none;"
+                  v-model="fileInfo"
+                  clearable
+                ></el-input>
+                <div v-if="fileInfoList.length > 0">
+                  <div v-for="(item, index) in fileInfoList" :key="index" style="margin-right: 5px; padding-left: 10px">
+                    <div class="fileClass" >
+                      <span @click="clickButtonToUpload2(item)">{{ item.name }}</span>
+                      <el-button
+                        size="small"
+                        @click="clickButtonToUpload(item)"
+                        icon="el-icon-download"
+                        style="height: 32px; margin-left: 5px;"
+                      ></el-button>
+                    </div>
+                  </div>
+                </div>
+                <el-button
+                  type="primary"
+                  class="common-button-primary"
+                  @click="fileUpload"
+                  size="mini">
+                  点击上传
+                </el-button>
               </el-form-item>
             </el-col>
           </el-row>
@@ -381,6 +392,27 @@
         @checkedRole="checkedRole"
         :nodeList="nodeList"
     ></Role-tree>
+    <el-dialog width="400px" :visible.sync="fileMadel" title="上传附件">
+      <el-upload
+        v-if="fileMadel"
+        multiple
+        class="upload-demo"
+        drag
+        :action="uploadFileListPath"
+        ref="importfile"
+        name="file"
+        accept=".PDF, .pdf, .doc, .DOC, .docx, .DOCX, .xls, .xlsx, .ppt, .pptx, .PPT, .PPTX, .JPG, .JPEG, .PNG, .jpg, .jpeg, .png"
+        :on-remove="delFileInfo"
+        :on-success="uploadBackSuccess"
+        :before-upload="beforeUpload"
+        :file-list="fileInfoList"
+      >
+        <div style="padding: 20px 0">
+          <i class="el-icon-upload" style="color: #3399ff"></i>
+          <p>点击或拖拽上传文件</p>
+        </div>
+      </el-upload>
+    </el-dialog>
   </div>
 </template>
 
@@ -404,6 +436,7 @@ export default {
       // 当前流程类型(1待办/2已办)
       processType: 1,
       searching: false,
+      fileMadel: false,
       commentText:'',
       nodeList:[],
       isTransfer: false,
@@ -436,6 +469,7 @@ export default {
       uploadFileListPath: 'api/att/attFile/upload', // 上传的地址
       fileList:[],
       fileInfoList: [], // 上传的附件
+      fileInfo: '', //展示的附件
       dataList: [],//清单里的标准数据
       standardData: [], //添加标准数据
       standModel: false, // 选择标准抽屉状态
@@ -709,6 +743,19 @@ export default {
           this.fileInfoList.splice(index,1)
         }
       })
+      let list = ''
+      this.fileInfoList.forEach(item => {
+        if (list.length > 0) {
+          list += ','
+          list += item.name
+        } else {
+          list+= item.name
+        }
+      })
+      this.fileInfo = list
+    },
+    fileUpload() {
+      this.fileMadel = true;
     },
     // 上传文件成功回调
     uploadBackSuccess (res, file, fileList) {
@@ -720,6 +767,16 @@ export default {
         this.$message.error(res.message)
         fileList.pop()
       }
+      let list = ''
+      this.fileInfoList.forEach(item => {
+        if (list.length > 0) {
+          list += ','
+          list += item.name
+        } else {
+          list+= item.name
+        }
+      })
+      this.fileInfo = list
     },
     //上传之前的钩子
     beforeUpload (file) {
@@ -748,10 +805,16 @@ export default {
       }
       return true;
     },
-    handleOnPreview(file) {
-      let attId = file.id
-      if (attId != null && attId !== "") {
-        window.location.href = "/api/att/attFile/downloadFileForSarNew?fileId=" + attId;
+    clickButtonToUpload2(file) {
+      const attId = file.id
+      this.$preview(attId)
+    },
+    clickButtonToUpload (file) {
+      const attId = file.id
+      if (attId) {
+        window.location.href = '/api/att/attFile/downloadFileForSarNew?fileId=' + attId
+      } else {
+        this.$message.warning('文件不存在,下载失败')
       }
     },
     getData() {