征求意见的查看附件

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

@@ -63,7 +63,9 @@
                     style="display: none;"
                   ></el-input>
                   <div style="display: flex;">
-                                        <div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;" v-for="(item, index) in form.fjList" :key="index">{{ item.fileName }}</div>
+                    <div class="table-jump" @click="updataFj(item)" style="margin-right: 15px;" v-for="(item, index) in form.fjList" :key="index">
+                      {{ item.fileName }}
+                    </div>
                   </div>
                 </el-form-item>
               </el-col>
@@ -194,7 +196,8 @@
                   </el-formItem>
                   <el-formItem label="标准类别" prop="standSort" class="search-item">
                     <el-select v-model="standCommonlySearch.standSort" placeholder="根据标准类别查找" clearable>
-                                            <el-option v-for="opt in standSortOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">{{ opt.label }}
+                      <el-option v-for="opt in standSortOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value" :label="opt.label">
+                        {{ opt.label }}
                       </el-option>
                     </el-select>
                   </el-formItem>
@@ -210,11 +213,13 @@
                       size="mini"
                       class="common-button-primary"
 
-                                                @click="sarStandCompareHisInfo">查询</el-button>
+                      @click="sarStandCompareHisInfo">查询
+                    </el-button>
                     <el-button
                       class="common-button-default"
                       size="mini"
-                                                @click="clearSearchStand">清空</el-button>
+                      @click="clearSearchStand">清空
+                    </el-button>
                   </el-formItem>
                 </el-form>
               </div>
@@ -234,8 +239,12 @@
                 <el-table-column type="selection" width="55" align="center"/>
                 <el-table-column label="标准号" align="center">
                   <template slot-scope="scope">
-                                        <div v-if="scope.row.standYear" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</div>
+                    <div v-if="scope.row.standYear" @click="handlePreview(scope.row)" class="table-jump">
-                                        <div v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}</div>
+                      {{ scope.row.standSortShow }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}
+                    </div>
+                    <div v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSortShow }}
+                      {{ scope.row.standNumber }}
+                    </div>
                   </template>
                 </el-table-column>
                 <el-table-column prop="cname" label="标准名称" align="center">
@@ -609,7 +618,8 @@
     handleTabs(name) {
       this.active = name
     },
-            handleSave() {},
+    handleSave() {
+    },
     handleSubmit() {
       this.$refs['bzzqyjForm'].validate((valid) => {
         if (valid) {
@@ -622,6 +632,8 @@
                 if (res.ok) {
                   var json = Object.assign(this.form, this.roleForm)
                   json.commentText = this.commentText
+                  json.filesId = this.roleForm.dockUserList
+                  json.filesName = this.roleForm.dockUserListName
                   this.$http.post('lawss/activiti/completeTask', {
                     json: JSON.stringify(json),
                     taskId: res.data,
@@ -653,20 +665,24 @@
 <style lang="less" scoped>
 @import '~@/assets/styles/style';
 @import '~@/assets/styles/mixins';
+
 .bzzqyjStep1-1 {
   .myForm {
     /deep/ .el-form-item__content {
       line-height: 10px;
     }
   }
+
   /deep/ .el-drawer__container {
     .prc-content-border {
       border: none;
       padding: 0 20px 0;
     }
   }
+
   position: relative;
   height: 100%;
+
   .headerTabs {
     height: 52px;
     display: flex;
@@ -674,6 +690,7 @@
     position: absolute;
     top: 0;
     right: 10px;
+
     .headerTabsItem {
       border: 1px solid #c1c1c1;
       padding: 0 5px;
@@ -681,12 +698,14 @@
       line-height: 30px;
       cursor: pointer;
     }
+
     .active {
       border: 1px solid #E6A23C;
       color: #fff;
       background: #E6A23C;
     }
   }
+
   .content {
     display: flex;
     flex-direction: column;
@@ -694,33 +713,41 @@
     height: calc(~'100% - 107px');
     overflow: auto;
   }
+
   .standardForComments {
     height: 100%;
     background: #fff;
+
     .el-divider--horizontal {
       display: block;
       height: 1px;
       width: 100%;
       margin: 0;
     }
+
     flex-direction: column;
+
     .action-bar {
       margin-bottom: 5px;
       padding: 0;
     }
+
     .content {
       flex: auto;
       overflow: hidden;
       display: flex;
       flex-direction: column;
+
       .table-wrap {
         flex: auto;
         overflow: hidden;
         position: relative;
       }
     }
+
     & > .pagination {
       position: static;
+
       /deep/ .pagination-slot {
         padding: 0;
       }

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

@@ -334,6 +334,7 @@ export default {
         standType: '',
         standId: '',
         fjList: [],
+        fjListName: '',
         fjListId: ''
       },
       formRules: {
@@ -438,7 +439,11 @@ export default {
       this.fzlistModel = true
     },
     handleSelection2 (data) {
+      if(data.length > 5) {
+        this.$message.warning('最多选择5条附件')
+      } else {
         this.addFjList = data
+      }
     },
     closeDrawer2 () {
       this.fzlistModel = false
@@ -447,11 +452,14 @@ export default {
     enterDrawer2 () {
       this.fzlistModel = false
       this.form.fjList = this.addFjList
-      let idList
+      let idList = []
+      let nameList = []
       this.addFjList.forEach(item => {
-        idList += item.id + ','
+        idList.push(item.id)
+        nameList.push(item.fileName)
       })
-      this.form.fjListId = idList
+      this.form.fjListName = nameList.join(',')
+      this.form.fjListId = idList.join(',')
     },
     // 点击查看
     handlePreview (item) {
@@ -633,6 +641,8 @@ export default {
                 if (res.ok) {
                   var json = Object.assign(this.form, this.roleForm)
                   json.commentText = this.commentText
+                  json.filesId = this.addFjList
+                  json.filesName = this.form.fjListName
                   this.$http.post('lawss/activiti/completeTask', {
                     json: JSON.stringify(json),
                     taskId: res.data,

src/pages/regulatoryRepository/standardForComments/pags/consultationDetails.vue

@@ -25,6 +25,19 @@
                       {{ this.$route.query.item.cname || '-' }}
                     </span>
         </p>
+        <p class="transition-box-p">
+          <label class="transition-box-label">附件：</label>
+          <span class="file-box" v-if="fileInfoList.length > 0">
+                     <span v-for="(file,item) in fileInfoList"
+                           target="_blank"
+                           class="transition-box-span table-jump"
+                           @click="handleQueryPdf(file)"
+                           :key="item">
+                       {{ file.name }}
+                     </span>
+                  </span>
+          <span class="transition-box-span" v-else>-</span>
+        </p>
         <p class="transition-box-p">
           <label class="transition-box-label">上传时间：</label>
           <span class="transition-box-span">{{ this.$route.query.item.startTime || '-' }}</span>
@@ -37,7 +50,9 @@
       </div>
     </transition>
     <div class="effect">
-            <el-button v-if="ideaKey" type="primary" class="common-button-primary" size="mini" @click="selectStandardPro('add')">添加</el-button>
+      <el-button v-if="ideaKey" type="primary" class="common-button-primary" size="mini" @click="selectStandardPro('add')">
+        添加
+      </el-button>
       <el-button type="primary" class="common-button-primary" size="mini" @click="exportAll">导出</el-button>
     </div>
     <div class="container">
@@ -103,8 +118,12 @@
               <el-dropdown trigger="click" @command="handleCommand">
                 <i class="iconfont">&#xe61e;</i>
                 <el-dropdown-menu slot="dropdown">
-                                    <el-dropdown-item v-if="scope.row.userId === $store.getters.userInfo.userId" :command="[scope.row, '编辑']">编辑</el-dropdown-item>
+                  <el-dropdown-item v-if="scope.row.userId === $store.getters.userInfo.userId" :command="[scope.row, '编辑']">
-                                    <el-dropdown-item v-if="scope.row.userId === $store.getters.userInfo.userId" :command="[scope.row, '删除']">删除</el-dropdown-item>
+                    编辑
+                  </el-dropdown-item>
+                  <el-dropdown-item v-if="scope.row.userId === $store.getters.userInfo.userId" :command="[scope.row, '删除']">
+                    删除
+                  </el-dropdown-item>
                 </el-dropdown-menu>
               </el-dropdown>
             </div>
@@ -144,7 +163,9 @@
           </el-form>
         </div>
         <div class="demo-drawer-footer">
-                    <el-button :loading="isSubmit" size="mini" class="common-button-primary" icon="el-icon-check" type="primary" @click="saveUserInfo">提交</el-button>
+          <el-button :loading="isSubmit" size="mini" class="common-button-primary" icon="el-icon-check" type="primary" @click="saveUserInfo">
+            提交
+          </el-button>
           <el-button size="mini" class="common-button-default" icon="el-icon-close" @click="closeDrawer">取消</el-button>
         </div>
       </div>
@@ -158,6 +179,7 @@
   name: 'consultationDetails',
   data() {
     return {
+      fileInfoList: [],
       itemData: this.$route.query.item,
       id: '', // 选中id
       type: '', // 选中状态
@@ -351,10 +373,23 @@
     closeDrawer() {
       this.isDialog = false
     },
+    getFileInfo() {
+      JSON.parse(this.$route.query.item.files).forEach(item=>{
+        this.fileInfoList.push({
+          attId: item.attId,
+          id: item.id,
+          name: item.fileName
+        })
+      })
+    },
+    handleQueryPdf(file){
+      window.open('/static/pdf/web/viewer.html?file=' + encodeURIComponent('/api/att/attFile/getFileInfo?fileId=' + file.id))
+    }
   },
   mounted() {
     this.getList()
     this.getIdeaKey()
+    this.getFileInfo()
   }
 }
 </script>
@@ -362,25 +397,30 @@
 <style lang="less" scoped>
 @import '~@/assets/styles/mixins';
 @import '~@/assets/styles/style';
+
 .consultationDetails {
   height: 100%;
   display: flex;
   flex-direction: column;
+
   .iconClass {
     width: 18px;
     height: 18px;
   }
+
   .contentTitle {
     display: flex;
     align-items: center;
     padding: 0 10px;
     height: 50px;
     background: #ffffff;
+
     .title {
       flex: 1;
       font-weight: bold;
       font-size: 20px;
       margin-left: 15px;
+
       .el-icon-s-order {
         font-size: 22px;
         color: #4498F0;
@@ -388,34 +428,42 @@
       }
     }
   }
+
   .transition-box {
     padding: 0 10px;
     background: #ffffff;
     font-size: 14px;
+
     .transition-box-p {
       line-height: 35px;
+
       .transition-box-label {
         display: inline-block;
         width: 100px;
         vertical-align: top;
       }
+
       .transition-box-span {
         display: inline-block;
         width: calc(~'100% - 100px');
       }
+
       .file-box {
         display: inline-block;
         width: calc(~'100% - 100px');
+
         .transition-box-span {
           display: inline;
           width: 100%;
           cursor: pointer;
           color: #4498f0;
         }
+
         p {
           & > a {
             cursor: pointer;
           }
+
           & > i {
             display: inline-block;
             margin-left: 3px;
@@ -427,9 +475,11 @@
             vertical-align: sub;
             cursor: pointer;
           }
+
           .icon-download {
             background-image: url("~assets/images/shangqi/img/download.png");
           }
+
           .icon-download2 {
             background-image: url("~assets/images/shangqi/img/download2.png");
           }
@@ -438,9 +488,11 @@
       }
     }
   }
+
   .effect {
     margin: 10px 10px 0 0;
   }
+
   .container {
     height: calc(~'100% - 52px - 55px - 50px');
     flex: auto;
@@ -448,17 +500,20 @@
     margin: 10px 0;
     flex-direction: column;
     padding: 0;
+
     .el-tabs {
       height: 100%;
       display: flex;
       flex-direction: column;
       flex: auto;
+
       /deep/ .el-tabs__content {
         //height: calc(~'100% - 55px');
         overflow-y: auto;
         flex: auto;
         display: flex;
         flex-direction: column;
+
         .el-tab-pane {
           height: 100%;
           flex: auto;
@@ -468,10 +523,12 @@
       }
     }
   }
+
   .add-demo {
     .search-area {
       height: 100%;
     }
+
     ::v-deep .el-textarea__inner {
       width: 1000px;
     }