新加阳光信访页面

src/views/modules/events/petitionLetter.vue

@@ -0,0 +1,102 @@
+<template>
+    <el-card shadow="never" class="aui-card--fill">
+      <div class="mod-event__veterantopic}">
+        <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+          <el-form-item>
+            <el-input v-model="dataForm.topicContent" placeholder="请输入内容" clearable></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button @click="getDataList()">{{ $t('query') }}</el-button>
+          </el-form-item>
+          <el-form-item>
+            <el-button v-if="$hasPermission('event:veterantopic:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+          </el-form-item>
+          <el-form-item>
+            <el-button v-if="$hasPermission('event:veterantopic:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
+          </el-form-item>
+        </el-form>
+        <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
+          <el-table-column prop="nickName" label="用户昵称" header-al ign="center" align="center"></el-table-column>
+          <el-table-column prop="userFace" label="用户头像" header-align="center" align="center">
+            <template slot-scope="scope">
+              <img :src="scope.row.userFace" width="40" height="40"/>
+            </template>
+          </el-table-column>
+          <el-table-column prop="mobile" label="手机号" header-align="center" align="center"></el-table-column>
+          <el-table-column prop="topicContent" label="话题内容" header-align="center" align="center"></el-table-column>
+          <el-table-column prop="eventState" :formatter="formatState" label="话题状态" header-align="center" align="center"></el-table-column>
+          <el-table-column prop="advice" label="回复意见" header-align="center" align="center"></el-table-column>         
+          <el-table-column prop="allDeptNames" label="所有部门名称" header-align="center" align="center"></el-table-column>
+          <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
+            <template slot-scope="scope">
+               <el-button  type="text" size="small" @click="detailsHandle(scope.row.id)">查看</el-button>
+              <el-button  v-if="scope.row.eventState == 0" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">审核</el-button>
+              <el-button  type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-pagination
+          :current-page="page"
+          :page-sizes="[10, 20, 50, 100]"
+          :page-size="limit"
+          :total="total"
+          layout="total, sizes, prev, pager, next, jumper"
+          @size-change="pageSizeChangeHandle"
+          @current-change="pageCurrentChangeHandle">
+        </el-pagination>
+        <!-- 弹窗, 新增 / 修改 -->
+        <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+        <details-veteran v-if="detailsVisible" ref="details" @refreshDataList="getDataList"></details-veteran>
+      </div>
+    </el-card>
+  </template>
+  
+  <script>
+  import mixinViewModule from '@/mixins/view-module'
+  import AddOrUpdate from './veterantopic-add-or-update'
+  import DetailsVeteran from './veteran-details'
+  export default {
+    mixins: [mixinViewModule],
+    data () {
+      return {
+        mixinViewModuleOptions: {
+          getDataListURL: '/events/veterantopic/page',
+          getDataListIsPage: true,
+          deleteURL: '/events/veterantopic',
+          deleteIsBatch: true
+        },
+        dataForm: {
+          type: '2'
+        },
+        detailsVisible: false
+      }
+    },
+    components: {
+      AddOrUpdate, DetailsVeteran
+    },
+    methods: {
+      formatState: function (row, column) {
+        let state = row.eventState
+        if (state == '9') {
+          return '待审核'
+        } else if (state == '1') {
+          return '审核通过'
+        } else if (state == '2') {
+          return '审核不通过'
+        } else {
+          return '待审核'
+        }
+      },
+      // 新增 / 修改
+      detailsHandle (id) {
+        this.detailsVisible = true
+        this.$nextTick(() => {
+          this.$refs.details.dataForm.id = id
+          this.$refs.details.init()
+        })
+      }
+    }
+  
+  }
+  </script>
+  

src/views/modules/events/veterantopic.vue

@@ -66,7 +66,8 @@ export default {
         deleteIsBatch: true
       },
       dataForm: {
-        id: ''
+        id: '',
+        type:'1'
       },
       detailsVisible: false
     }
@@ -89,7 +90,6 @@ export default {
     },
     // 新增 / 修改
     detailsHandle (id) {
-      console.log('111111111111')
       this.detailsVisible = true
       this.$nextTick(() => {
         this.$refs.details.dataForm.id = id