征求意见详情

src/pages/details/categoryDetails/index.vue

@@ -5,7 +5,7 @@
       <div class="back" title="返回" @click="back">
         <i class="el-icon-back"></i>
       </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>
     <transition name="el-zoom-in-top">
       <div v-show="heightShow" class="transition-box">
@@ -27,7 +27,7 @@
       </div>
     </transition>
     <div class="effect">
-      <el-button type="primary" class="common-button-primary" size="mini" @click="addModel">添加</el-button>
+      <el-button type="primary" class="common-button-primary" size="mini" @click="exportStandard"  title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项">导出</el-button>
     </div>
     <div class="container" style="position:relative;">
       <div style="position: absolute;top: 0;left: 0;bottom: 0;right: 0;">
@@ -38,6 +38,11 @@
           style="width: 100%"
           :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
               fontWeight: 'bold', height: '48px'}">
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
           <el-table-column
             prop="date"
             label="章节编号"
@@ -48,23 +53,22 @@
             label="修改意见内容(包括理由或依据)"
           >
           </el-table-column>
-          <el-table-column label="操作" align="center" width="50" fixed="right">
-            <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 :command="[scope.row, '编辑']" v-btn-permission="'9K6ANCMBZ9'">编辑</el-dropdown-item>
-                    <el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="'UH6NV867E7'">删除</el-dropdown-item>
-                  </el-dropdown-menu>
-                </el-dropdown>
-              </div>
-            </template>
+          <el-table-column
+            prop="department"
+            label="提出部门"
+            width="300"
+          >
           </el-table-column>
+          <el-table-column
+          prop="proposer"
+          label="提出人"
+          width="170"
+        >
+        </el-table-column>
+
         </el-table>
       </div>
     </div>
-    <!--    <pagination :page="splitInfoPage" :total="total" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>-->
     <div>
       <pagination
         style="position: static;"
@@ -73,31 +77,18 @@
         @pageChange="page => handlePageChange('newModel', page)"
         @pageSizeChange="pageSize => handlePageSizeChange('newModel', pageSize)"></pagination>
     </div>
-    <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 :model="opinionContent">
-            <el-form-item label="章节编号" label-width="80px">
-              <el-input  v-model="opinionContent.number" autocomplete="off" placeholder="请输入章节编号"></el-input>
-            </el-form-item>
-            <el-form-item label="修改意见内容(包括理由或依据)" label-width="">
-              <el-input type="textarea" v-model="opinionContent.content" autocomplete="off" placeholder="请输入修改意见内容"></el-input>
-            </el-form-item>
-          </el-form>
-        </div>
-        <div class="demo-drawer-footer">
-          <el-button :loading="isSubmit" class="common-button-primary" icon="el-icon-check" type="primary" @click="saveUserInfo">提交</el-button>
-          <el-button class="common-button-default" icon="el-icon-close" @click="closeDrawer">取消</el-button>
-        </div>
-      </div>
-    </el-drawer>
+    <!--导出文件改名字模态框-->
+    <el-dialog :visible.sync="exportModelFlag" class="export-dialog" title="导出文件" width="300px">
+      <el-form :inline="true" class="label-input-form search-area">
+        <el-form-item label="导出名称" class="search-item">
+          <el-input v-model="exportName" placeholder="请输入导出文件名称" :maxlength="30" clearable label="导出名称"/>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="demo-drawer-footer">
+          <el-button  size="mini" class="common-button-default" icon="el-icon-close" @click="cancal">取消</el-button>
+          <el-button size="mini" type="primary"  class="common-button-primary" icon="el-icon-check" @click="exportTestItem">提交</el-button>
+        </span>
+    </el-dialog>
   </div>
 </template>
 
@@ -106,8 +97,8 @@ export default {
   name: 'categoryDetails',
   data () {
     return {
-      opiniontitle: '新增意见',
-      isDialog: false, //新增抽屉状态
+      exportName:'',
+      exportModelFlag: false, //导出模态窗状态
       heightShow: true,
       isSubmit: false,
       opinionList: {
@@ -123,18 +114,28 @@ export default {
       standinfoList: [{
         date: '1.1.2',
         name: '文章内容不清晰',
+        department: '事业部',
+        proposer: '徐磊',
       }, {
         date: '1.2.3.1',
         name: '标准有错误',
+        department: '标准法规部',
+        proposer: '汪重阳',
       }, {
         date: '1.21.1',
         name: '标准延时',
+        department: '政策部',
+        proposer: '吕毅',
       }, {
         date: '1.21.1',
         name: '实用性不高',
+        department: '技术部',
+        proposer: '王浩宇',
       }, {
         date: '1.2.31',
         name: '不贴合国家标准',
+        department: '事业部',
+        proposer: '胡佳硕',
       }, ],
       newModelPageConfig: {
         page: 1,
@@ -165,54 +166,15 @@ export default {
         name:'standardForComments'
       })
     },
-    // 更多
-    handleCommand (command) {
-      switch (command[1]) {
-        case '编辑':
-          this.selectStandardPro(command[0], 'edit')
-          break
-        case '删除':
-          this.deleteStand(1, command[0].id)
-          break
-      }
+    exportStandard() {
+      this.exportModelFlag = true
     },
-    //编辑
-    selectStandardPro(){
-      this.opiniontitle = '编辑意见内容'
-      this.isDialog = true
+    cancal () {
+      this.exportModelFlag = false
     },
-    //删除
-    deleteStand(flag,itemid){
-      if(flag === 1){
-        (
-          this.$confirm('确认删除这些意见？', '提示', {
-            confirmButtonText: '确定',
-            confirmButtonClass: 'common-button-primary',
-            cancelButtonText: '取消',
-            type: 'warning',
-            roundButton: false
-          }).then(() => {
-            //确认事件
-          }).catch(() => {
-            //取消事件
-          })
-        )
-      }
-    },
-    //新增意见模态窗
-    addModel() {
-      this.opiniontitle = '新增意见'
-      this.isDialog = true
-    },
-    //点击抽屉按钮提交事件
-    saveUserInfo() {
-      this.isDialog = false
-    },
-    //点击抽屉按钮取消事件
-    closeDrawer() {
-      this.isDialog = false
-    },
-
+    exportTestItem() {
+      this.exportModelFlag = false
+    }
   },
   mounted () {}
 }