征求意见的查看附件

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) {
-      this.addFjList = 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 = []
-      this.addFjList.forEach( item => {
+      let nameList = []
-        idList += item.id + ','
+      this.addFjList.forEach(item => {
+        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

@@ -1,480 +1,537 @@
 <!--征求意见详情-->
 <template>
-    <div class="consultationDetails">
+  <div class="consultationDetails">
-        <div class="contentTitle">
+    <div class="contentTitle">
-            <div class="back" title="返回" @click="back">
+      <div class="back" title="返回" @click="back">
-                <i class="el-icon-back"></i>
+        <i class="el-icon-back"></i>
-            </div>
+      </div>
-            <div class="title">征求意见详情<i class="el-icon-s-order" @click="heightShow = !heightShow"></i></div>
+      <div class="title">征求意见详情<i class="el-icon-s-order" @click="heightShow = !heightShow"></i></div>
-        </div>
+    </div>
-        <transition name="el-zoom-in-top">
+    <transition name="el-zoom-in-top">
-            <div v-show="heightShow" class="transition-box">
+      <div v-show="heightShow" class="transition-box">
-                <p class="transition-box-p">
+        <p class="transition-box-p">
-                    <label class="transition-box-label">标准号：</label>
+          <label class="transition-box-label">标准号：</label>
-                    <span class="transition-box-span table-jump"
+          <span class="transition-box-span table-jump"
-                          @click="handlePreview(itemData)"
+                @click="handlePreview(itemData)"
-                    >
+          >
                       {{ this.$route.query.item.cid }}
                     </span>
-                </p>
+        </p>
-                <p class="transition-box-p">
+        <p class="transition-box-p">
-                    <label class="transition-box-label">标准名称：</label>
+          <label class="transition-box-label">标准名称：</label>
-                    <span class="transition-box-span table-jump"
+          <span class="transition-box-span table-jump"
-                          @click="handlePreview(itemData)"
+                @click="handlePreview(itemData)"
-                    >
+          >
                       {{ this.$route.query.item.cname || '-' }}
                     </span>
-                </p>
+        </p>
-                <p class="transition-box-p">
+        <p class="transition-box-p">
-                    <label class="transition-box-label">上传时间：</label>
+          <label class="transition-box-label">附件：</label>
-                    <span class="transition-box-span">{{ this.$route.query.item.startTime || '-' }}</span>
+          <span class="file-box" v-if="fileInfoList.length > 0">
-                </p>
+                     <span v-for="(file,item) in fileInfoList"
-                <p class="transition-box-p">
+                           target="_blank"
-                    <label class="transition-box-label">征求意见周期：</label>
+                           class="transition-box-span table-jump"
-                    <span class="transition-box-span" v-if="this.$route.query.item.startTime && this.$route.query.item.endTime">{{ this.$route.query.item.startTime + ' ~ ' + this.$route.query.item.endTime}}</span>
+                           @click="handleQueryPdf(file)"
-                    <span class="transition-box-span" v-else>-</span>
+                           :key="item">
-                </p>
+                       {{ file.name }}
-            </div>
+                     </span>
-        </transition>
+                  </span>
-        <div class="effect">
+          <span class="transition-box-span" v-else>-</span>
-            <el-button v-if="ideaKey" type="primary" class="common-button-primary" size="mini" @click="selectStandardPro('add')">添加</el-button>
+        </p>
-            <el-button type="primary" class="common-button-primary" size="mini" @click="exportAll">导出</el-button>
+        <p class="transition-box-p">
-        </div>
+          <label class="transition-box-label">上传时间：</label>
-        <div class="container">
+          <span class="transition-box-span">{{ this.$route.query.item.startTime || '-' }}</span>
-            <el-table
+        </p>
-                    :data="standinfoList"
+        <p class="transition-box-p">
-                    height="100%"
+          <label class="transition-box-label">征求意见周期：</label>
-                    border
+          <span class="transition-box-span" v-if="this.$route.query.item.startTime && this.$route.query.item.endTime">{{ this.$route.query.item.startTime + ' ~ ' + this.$route.query.item.endTime }}</span>
-                    style="width: 100%"
+          <span class="transition-box-span" v-else>-</span>
-                    :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+        </p>
-              fontWeight: 'bold', height: '48px'}">
+      </div>
-                <el-table-column
+    </transition>
-                        type="index"
+    <div class="effect">
-                        label="序号"
+      <el-button v-if="ideaKey" type="primary" class="common-button-primary" size="mini" @click="selectStandardPro('add')">
-                        align="center"
+        添加
-                        width="50">
+      </el-button>
-                </el-table-column>
+      <el-button type="primary" class="common-button-primary" size="mini" @click="exportAll">导出</el-button>
-                <el-table-column
-                        prop="partCode"
-                        label="章节编号"
-                        sortable
-                        align="center"
-                        width="180">
-                </el-table-column>
-                <el-table-column
-                        prop="content"
-                        align="center"
-                        label="修改意见内容(包括理由或依据)"
-                >
-                    <el-table-column
-                            prop="oldText"
-                            align="center"
-                            label="修改前"
-                    >
-                    </el-table-column>
-                    <el-table-column
-                            prop="newText"
-                            align="center"
-                            label="修改后"
-                    >
-                    </el-table-column>
-                    <el-table-column
-                            prop="reason"
-                            align="center"
-                            label="修改理由"
-                    >
-                    </el-table-column>
-                </el-table-column>
-                <el-table-column
-                        prop="deptName"
-                        align="center"
-                        label="提出部门"
-                >
-                </el-table-column>
-                <el-table-column
-                        prop="userName"
-                        align="center"
-                        label="提出人"
-                >
-                </el-table-column>
-                <el-table-column label="操作" align="center" width="50" fixed="right" v-if="ideaKey">
-                    <template slot-scope="scope">
-                        <div @click.stop style="display: inline-block">
-                            <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-menu>
-                            </el-dropdown>
-                        </div>
-                    </template>
-                </el-table-column>
-            </el-table>
-        </div>
-        <pagination
-                style="position: static;width: 100%;"
-                :page="form.page"
-                :total="total"
-                @pageChange="handlePageChange"
-                @pageSizeChange="handlePageSizeChange"></pagination>
-        <el-drawer
-                :title=opiniontitle
-                :visible.sync="isDialog"
-                :wrapperClosable="false"
-                size="1050px"
-                destroy-on-close
-                :before-close="closeDrawer"
-        >
-            <div class="demo-drawer-content add-demo">
-                <div class="search-area">
-                    <el-form style="width: 100%;" :model="opinionContent" ref="formAdd" :rules="opinionContentRules" class="label-input-form">
-                        <el-form-item label="章节编号" label-width="" prop="partCode" class="add-form-item">
-                            <el-input  v-model="opinionContent.partCode" autocomplete="off" placeholder="请输入章节编号"></el-input>
-                        </el-form-item>
-                        <el-form-item label="修改前" prop="oldText" label-width="" class="add-form-item">
-                            <el-input  v-model="opinionContent.oldText" autocomplete="off" placeholder="请输入"></el-input>
-                        </el-form-item>
-                        <el-form-item label="修改后" prop="newText" label-width="" class="add-form-item">
-                            <el-input  v-model="opinionContent.newText" autocomplete="off" placeholder="请输入"></el-input>
-                        </el-form-item>
-                        <el-form-item label="修改理由" prop="reason" label-width="" class="add-form-item">
-                            <el-input  v-model="opinionContent.reason" autocomplete="off" placeholder="请输入修改理由"></el-input>
-                        </el-form-item>
-                    </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 size="mini" class="common-button-default" icon="el-icon-close" @click="closeDrawer">取消</el-button>
-                </div>
-            </div>
-        </el-drawer>
-        <loading :loading="spinShow">数据加载中……</loading>
     </div>
+    <div class="container">
+      <el-table
+        :data="standinfoList"
+        height="100%"
+        border
+        style="width: 100%"
+        :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              fontWeight: 'bold', height: '48px'}">
+        <el-table-column
+          type="index"
+          label="序号"
+          align="center"
+          width="50">
+        </el-table-column>
+        <el-table-column
+          prop="partCode"
+          label="章节编号"
+          sortable
+          align="center"
+          width="180">
+        </el-table-column>
+        <el-table-column
+          prop="content"
+          align="center"
+          label="修改意见内容(包括理由或依据)"
+        >
+          <el-table-column
+            prop="oldText"
+            align="center"
+            label="修改前"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="newText"
+            align="center"
+            label="修改后"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="reason"
+            align="center"
+            label="修改理由"
+          >
+          </el-table-column>
+        </el-table-column>
+        <el-table-column
+          prop="deptName"
+          align="center"
+          label="提出部门"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="userName"
+          align="center"
+          label="提出人"
+        >
+        </el-table-column>
+        <el-table-column label="操作" align="center" width="50" fixed="right" v-if="ideaKey">
+          <template slot-scope="scope">
+            <div @click.stop style="display: inline-block">
+              <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-menu>
+              </el-dropdown>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <pagination
+      style="position: static;width: 100%;"
+      :page="form.page"
+      :total="total"
+      @pageChange="handlePageChange"
+      @pageSizeChange="handlePageSizeChange"></pagination>
+    <el-drawer
+      :title=opiniontitle
+      :visible.sync="isDialog"
+      :wrapperClosable="false"
+      size="1050px"
+      destroy-on-close
+      :before-close="closeDrawer"
+    >
+      <div class="demo-drawer-content add-demo">
+        <div class="search-area">
+          <el-form style="width: 100%;" :model="opinionContent" ref="formAdd" :rules="opinionContentRules" class="label-input-form">
+            <el-form-item label="章节编号" label-width="" prop="partCode" class="add-form-item">
+              <el-input v-model="opinionContent.partCode" autocomplete="off" placeholder="请输入章节编号"></el-input>
+            </el-form-item>
+            <el-form-item label="修改前" prop="oldText" label-width="" class="add-form-item">
+              <el-input v-model="opinionContent.oldText" autocomplete="off" placeholder="请输入"></el-input>
+            </el-form-item>
+            <el-form-item label="修改后" prop="newText" label-width="" class="add-form-item">
+              <el-input v-model="opinionContent.newText" autocomplete="off" placeholder="请输入"></el-input>
+            </el-form-item>
+            <el-form-item label="修改理由" prop="reason" label-width="" class="add-form-item">
+              <el-input v-model="opinionContent.reason" autocomplete="off" placeholder="请输入修改理由"></el-input>
+            </el-form-item>
+          </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 size="mini" class="common-button-default" icon="el-icon-close" @click="closeDrawer">取消</el-button>
+        </div>
+      </div>
+    </el-drawer>
+    <loading :loading="spinShow">数据加载中……</loading>
+  </div>
 </template>
 
 <script>
-    export default {
+export default {
-        name: 'consultationDetails',
+  name: 'consultationDetails',
-        data () {
+  data() {
-            return {
+    return {
-                itemData: this.$route.query.item,
+      fileInfoList: [],
-                id: '', // 选中id
+      itemData: this.$route.query.item,
-                type: '', // 选中状态
+      id: '', // 选中id
-                spinShow: false,
+      type: '', // 选中状态
-                total: 0, // 总数
+      spinShow: false,
-                opiniontitle: '新增意见', // 抽屉标题
+      total: 0, // 总数
-                isDialog: false, //新增抽屉状态
+      opiniontitle: '新增意见', // 抽屉标题
-                heightShow: true, // 高度
+      isDialog: false, //新增抽屉状态
-                isSubmit: false,
+      heightShow: true, // 高度
-                opinionContent: { // 抽屉数据
+      isSubmit: false,
-                    partCode: '',
+      opinionContent: { // 抽屉数据
-                    oldText: '',
+        partCode: '',
-                    newText: '',
+        oldText: '',
-                    reason: ''
+        newText: '',
-                },
+        reason: ''
-                opinionContentRules: {
+      },
-                    partCode: [
+      opinionContentRules: {
-                        { required: true, message: '请输入章节编号', trigger: 'blur' },
+        partCode: [
-                    ],
+          {required: true, message: '请输入章节编号', trigger: 'blur'},
-                    oldText: [
+        ],
-                        { required: true, message: '请输入修改前内容', trigger: 'blur' }
+        oldText: [
-                    ],
+          {required: true, message: '请输入修改前内容', trigger: 'blur'}
-                    newText: [
+        ],
-                        { required: true, message: '请输入修改后内容', trigger: 'blur' }
+        newText: [
-                    ],
+          {required: true, message: '请输入修改后内容', trigger: 'blur'}
-                    reason: [
+        ],
-                        { required: true, message: '请输入修改理由', trigger: 'blur' }
+        reason: [
-                    ],
+          {required: true, message: '请输入修改理由', trigger: 'blur'}
-                },
+        ],
-                standinfoList: [], // 详情列表
+      },
-                form: {
+      standinfoList: [], // 详情列表
-                    ideaId: this.$route.query.item.id,
+      form: {
-                    cid: this.$route.query.item.cid,
+        ideaId: this.$route.query.item.id,
-                    page: 1,
+        cid: this.$route.query.item.cid,
-                    size: this.$store.getters.userInfo.configContent,
+        page: 1,
-                    userId: this.$store.getters.userInfo.userId,
+        size: this.$store.getters.userInfo.configContent,
-                    endTime:  this.$route.query.item.endTime
+        userId: this.$store.getters.userInfo.userId,
-                }, // 详情数据
+        endTime: this.$route.query.item.endTime
-                ideaKey: false
+      }, // 详情数据
-            }
+      ideaKey: false
-        },
-        methods: {
-          // 点击查看
-          handlePreview (item) {
-            let routeUrl = this.$router.resolve({
-              name: 'OtherStandardDetails',
-              params: {
-                id: item.standId,
-                pageType: 'INLAND_STAND'
-              }
-            })
-            window.open(routeUrl.href, '_blank')
-          },
-            exportAll () {
-                window.open('/api/slrs/sar-public-idea-all/tuallStand?cid=' + this.$route.query.item.cid)
-            },
-            getIdeaKey () {
-                this.$http.get('slrs/sar-public-idea-all/checkIsShow', {
-                    endTime: this.form.endTime
-                }, {}, res => {
-                    if (res.message === '1') {
-                        this.ideaKey = false
-                    } else {
-                        this.ideaKey = true
-                    }
-                })
-            },
-            // 获取详情信息列表
-            getList() {
-                this.spinShow = true
-                this.$http.get('slrs/sar-public-idea-all/getAllStand', this.form, {
-                    _this: this
-                }, res => {
-                    this.standinfoList = res.data.records
-                    this.total = res.data.total
-                    this.spinShow = false
-                }, e => {
-                })
-            },
-            //分页数据改变
-            handlePageChange(page) {
-                this.form.page = page
-                this.getList()
-            },
-            handlePageSizeChange(pageSize) {
-                this.$store.getters.userInfo.configContent = pageSize
-                this.form.size = pageSize
-                this.getList()
-            },
-            back (){
-                this.$router.push({
-                    name:'standardForComments'
-                })
-            },
-            // 更多
-            handleCommand (command) {
-                switch (command[1]) {
-                    case '编辑':
-                        this.selectStandardPro('edit', command[0])
-                        break
-                    case '删除':
-                        this.deleteStand(command[0].id)
-                        break
-                }
-            },
-            //编辑
-            selectStandardPro(type, row){
-                this.type = type
-                if (type === 'edit') {
-                    this.id = row.id
-                    this.opiniontitle = '编辑意见内容'
-                    this.opinionContent.partCode = row.partCode
-                    this.opinionContent.reason = row.reason
-                    this.opinionContent.oldText = row.oldText
-                    this.opinionContent.newText = row.newText
-                } else {
-                    this.id = ''
-                    this.opiniontitle = '新增意见'
-                    this.opinionContent.partCode = ''
-                    this.opinionContent.reason = ''
-                    this.opinionContent.oldText = ''
-                    this.opinionContent.newText = ''
-                }
-                this.isDialog = true
-            },
-            //删除
-            deleteStand(id){
-                this.$confirm('确认删除这些意见？', '提示', {
-                    confirmButtonText: '确定',
-                    confirmButtonClass: 'common-button-primary',
-                    cancelButtonText: '取消',
-                    type: 'warning',
-                    roundButton: false
-                }).then(() => {
-                    var form = {
-                        id: id,
-                        autUserId: this.$store.getters.userInfo.userId,
-                        userId: this.$store.getters.userInfo.userId
-                    }
-                    this.$http.get('slrs/sar-public-idea-all/deleteStand', form, {
-                        _this: this
-                    }, res => {
-                        this.$message.warning(res.message)
-                        this.form.page = 1
-                        this.getList()
-                    })
-                    //确认事件
-                }).catch(() => {
-                    this.$message.warning('取消删除')
-                    //取消事件
-                })
-            },
-            //点击抽屉按钮提交事件
-            saveUserInfo() {
-                this.$refs['formAdd'].validate((valid) => {
-                    if (valid) {
-                        var url = ''
-                        var form = {
-                            ideaId: this.$route.query.item.id,
-                            cid: this.$route.query.item.cid,
-                            content: this.opinionContent.content,
-                            oldText: this.opinionContent.oldText,
-                            newText: this.opinionContent.newText,
-                            reason: this.opinionContent.reason,
-                            partCode: this.opinionContent.partCode,
-                            userId: this.$store.getters.userInfo.userId || '',
-                            userName: this.$store.getters.userInfo.userName || '',
-                            deptName: this.$store.getters.userInfo.orgName || '',
-                            deptId: this.$store.getters.userInfo.orgId || ''
-                        }
-                        if (this.type === 'edit') {
-                            form.id = this.id
-                            form.autUserId = this.$store.getters.userInfo.userId
-                            url = 'slrs/sar-public-idea-all/updateStand'
-                        } else {
-                            url = 'slrs/sar-public-idea-all/insetStand'
-                        }
-                        this.$http.post(url, form, {
-                            _this: this
-                        }, res => {
-                            if (res.respCode === '200') {
-                                this.form.page = 1
-                                this.getList()
-                            }
-                        })
-                        this.isDialog = false
-                    }
-                })
-            },
-            //点击抽屉按钮取消事件
-            closeDrawer() {
-                this.isDialog = false
-            },
-        },
-        mounted () {
-            this.getList()
-            this.getIdeaKey()
-        }
     }
+  },
+  methods: {
+    // 点击查看
+    handlePreview(item) {
+      let routeUrl = this.$router.resolve({
+        name: 'OtherStandardDetails',
+        params: {
+          id: item.standId,
+          pageType: 'INLAND_STAND'
+        }
+      })
+      window.open(routeUrl.href, '_blank')
+    },
+    exportAll() {
+      window.open('/api/slrs/sar-public-idea-all/tuallStand?cid=' + this.$route.query.item.cid)
+    },
+    getIdeaKey() {
+      this.$http.get('slrs/sar-public-idea-all/checkIsShow', {
+        endTime: this.form.endTime
+      }, {}, res => {
+        if (res.message === '1') {
+          this.ideaKey = false
+        } else {
+          this.ideaKey = true
+        }
+      })
+    },
+    // 获取详情信息列表
+    getList() {
+      this.spinShow = true
+      this.$http.get('slrs/sar-public-idea-all/getAllStand', this.form, {
+        _this: this
+      }, res => {
+        this.standinfoList = res.data.records
+        this.total = res.data.total
+        this.spinShow = false
+      }, e => {
+      })
+    },
+    //分页数据改变
+    handlePageChange(page) {
+      this.form.page = page
+      this.getList()
+    },
+    handlePageSizeChange(pageSize) {
+      this.$store.getters.userInfo.configContent = pageSize
+      this.form.size = pageSize
+      this.getList()
+    },
+    back() {
+      this.$router.push({
+        name: 'standardForComments'
+      })
+    },
+    // 更多
+    handleCommand(command) {
+      switch (command[1]) {
+        case '编辑':
+          this.selectStandardPro('edit', command[0])
+          break
+        case '删除':
+          this.deleteStand(command[0].id)
+          break
+      }
+    },
+    //编辑
+    selectStandardPro(type, row) {
+      this.type = type
+      if (type === 'edit') {
+        this.id = row.id
+        this.opiniontitle = '编辑意见内容'
+        this.opinionContent.partCode = row.partCode
+        this.opinionContent.reason = row.reason
+        this.opinionContent.oldText = row.oldText
+        this.opinionContent.newText = row.newText
+      } else {
+        this.id = ''
+        this.opiniontitle = '新增意见'
+        this.opinionContent.partCode = ''
+        this.opinionContent.reason = ''
+        this.opinionContent.oldText = ''
+        this.opinionContent.newText = ''
+      }
+      this.isDialog = true
+    },
+    //删除
+    deleteStand(id) {
+      this.$confirm('确认删除这些意见？', '提示', {
+        confirmButtonText: '确定',
+        confirmButtonClass: 'common-button-primary',
+        cancelButtonText: '取消',
+        type: 'warning',
+        roundButton: false
+      }).then(() => {
+        var form = {
+          id: id,
+          autUserId: this.$store.getters.userInfo.userId,
+          userId: this.$store.getters.userInfo.userId
+        }
+        this.$http.get('slrs/sar-public-idea-all/deleteStand', form, {
+          _this: this
+        }, res => {
+          this.$message.warning(res.message)
+          this.form.page = 1
+          this.getList()
+        })
+        //确认事件
+      }).catch(() => {
+        this.$message.warning('取消删除')
+        //取消事件
+      })
+    },
+    //点击抽屉按钮提交事件
+    saveUserInfo() {
+      this.$refs['formAdd'].validate((valid) => {
+        if (valid) {
+          var url = ''
+          var form = {
+            ideaId: this.$route.query.item.id,
+            cid: this.$route.query.item.cid,
+            content: this.opinionContent.content,
+            oldText: this.opinionContent.oldText,
+            newText: this.opinionContent.newText,
+            reason: this.opinionContent.reason,
+            partCode: this.opinionContent.partCode,
+            userId: this.$store.getters.userInfo.userId || '',
+            userName: this.$store.getters.userInfo.userName || '',
+            deptName: this.$store.getters.userInfo.orgName || '',
+            deptId: this.$store.getters.userInfo.orgId || ''
+          }
+          if (this.type === 'edit') {
+            form.id = this.id
+            form.autUserId = this.$store.getters.userInfo.userId
+            url = 'slrs/sar-public-idea-all/updateStand'
+          } else {
+            url = 'slrs/sar-public-idea-all/insetStand'
+          }
+          this.$http.post(url, form, {
+            _this: this
+          }, res => {
+            if (res.respCode === '200') {
+              this.form.page = 1
+              this.getList()
+            }
+          })
+          this.isDialog = false
+        }
+      })
+    },
+    //点击抽屉按钮取消事件
+    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>
 
 <style lang="less" scoped>
-    @import '~@/assets/styles/mixins';
+@import '~@/assets/styles/mixins';
-    @import '~@/assets/styles/style';
+@import '~@/assets/styles/style';
-    .consultationDetails {
+
-        height: 100%;
+.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;
+        cursor: pointer;
+      }
+    }
+  }
+
+  .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;
+            width: 18px;
+            height: 16px;
+            background-repeat: no-repeat;
+            background-size: 100% 100%;
+            background-position: center center;
+            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");
+          }
+        }
+
+      }
+    }
+  }
+
+  .effect {
+    margin: 10px 10px 0 0;
+  }
+
+  .container {
+    height: calc(~'100% - 52px - 55px - 50px');
+    flex: auto;
+    display: flex;
+    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;
-        .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;
-                    cursor: pointer;
-                }
-            }
-        }
-        .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;
-                            width: 18px;
-                            height: 16px;
-                            background-repeat: no-repeat;
-                            background-size: 100% 100%;
-                            background-position: center center;
-                            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");
-                        }
-                    }
 
-                }
+        .el-tab-pane {
-            }
+          height: 100%;
-        }
+          flex: auto;
-        .effect {
+          display: flex;
-            margin: 10px 10px 0 0;
+          flex-direction: column;
-        }
-        .container {
-            height: calc(~'100% - 52px - 55px - 50px');
-            flex: auto;
-            display: flex;
-            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;
-                        display: flex;
-                        flex-direction: column;
-                    }
-                }
-            }
-        }
-        .add-demo {
-            .search-area {
-                height: 100%;
-            }
-            ::v-deep .el-textarea__inner {
-                width: 1000px;
-            }
         }
+      }
     }
+  }
+
+  .add-demo {
+    .search-area {
+      height: 100%;
+    }
+
+    ::v-deep .el-textarea__inner {
+      width: 1000px;
+    }
+  }
+}
 </style>