征求意见的查看附件

2021-09-09 18:39:19 +08:00
parent 31a6fa4e4a
commit d42da3d955
3 changed files with 1276 additions and 1182 deletions
@@ -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-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}</div>
+                    <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-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;
      }
@@ -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,
@@ -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>
+                  <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>
                </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;
    }