履职评估页面

src/views/modules/events/appeal-peo.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import AppeaPeolList from './appeal-sqss-list.vue'
+import AppeaPeolList from './appeal-peo-list.vue'
 import AppealDetailView from './appeal-detail-view'
 export default {
   data () {

src/views/modules/events/appeal-sqss-info.vue

@@ -1,52 +0,0 @@
-<template>
-     <el-dialog :visible.sync="visible"
-             :title="'查看'"
-             :close-on-click-modal="false"
-             :close-on-press-escape="false"
-             width="700px"
-             customClass="customWidth">
-   
-    <template slot="footer">
-      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
-      <el-button type="primary"
-                >{{ $t('confirm') }}</el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            id:null,
-            visible:false
-        };
-    },
-    created() {},
-    methods: {
-        init (id) {
-            console.log(id);
-            this.visible = true;
-            this.id = id
-            this.$nextTick(() => {
-                this.getInfo()
-            })
-    },
-    getInfo () {
-      this.$http.get(`/events/item/getDissatisfied/${this.id}`).then(({ data: res }) => {
-        if (res.code !== 0) {
-          return this.$message.error(res.msg)
-        }
-       console.log(res);
-      }).catch(() => {})
-    },
-    },
-    components:{},
-    computed:{},
-    watch: {},
-}
-</script>
-
-<style lang='scss'>
-
-</style>

src/views/modules/events/appeal-sqss-list.vue

@@ -3,7 +3,7 @@
         <div class="mod-item__item}">
             <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()">
                 <el-form-item label="编码" label-width="100px">
-                    <el-input v-model="dataForm.startTime"></el-input>
+                    <el-input v-model="dataForm.serialNum" placeholder="请输入"></el-input>
                 </el-form-item>
 
                 <el-form-item label="上报时间" prop="startTime" label-width="100px">
@@ -16,6 +16,9 @@
                         value-format="yyyy-MM-dd" format="yyyy-MM-dd" placeholder="选择日期时间" style="width:250px;"
                         @change="changeTime"></el-date-picker>
                 </el-form-item>
+                <el-form-item>
+					<el-button type="success" @click="getDataListSearch()" class="custom-button-default">{{ $t('query') }}</el-button>
+				</el-form-item>
             </el-form>
             <el-table v-loading="dataListLoading" :data="dataList" border
                 @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
@@ -27,18 +30,30 @@
                     show-overflow-tooltip></el-table-column>
                 <el-table-column prop="itemContent" label="诉求内容" header-align="center" align="center"
                     show-overflow-tooltip></el-table-column>
-                <el-table-column prop="" label="诉求来源" header-align="center" width="120" align="center"
+                <el-table-column prop="appealSource" label="诉求来源" header-align="center" width="120" align="center"
-                    show-overflow-tooltip></el-table-column>
+                    show-overflow-tooltip>
+                    <template slot-scope="scope">
+                            {{appealSource(scope.row.appealSource)}}                        
+                    </template>
+                </el-table-column>
+                <el-table-column prop="evaluationContent" label="评价内容" header-align="center" align="center"
+                show-overflow-tooltip></el-table-column>
                 <el-table-column prop="createdTime" label="上报时间" header-align="center" width="180" align="center"
                     show-overflow-tooltip></el-table-column>
                 <el-table-column prop="handlePeopleMobile" label="联系电话" header-align="center" width="120" align="center"
                     show-overflow-tooltip></el-table-column>
+                <el-table-column prop="issueScore" label="评价" header-align="center" width="120" align="center"
+                    show-overflow-tooltip>
+                    <template slot-scope="scope">
+                            {{scope.row.issueScore === 0?'不满意':scope.row.issueScore === 1?'基本满意':'满意'}}
+                    </template>
+                </el-table-column>
                 <el-table-column :label="$t('handle')" fixed="right" header-align="center" max-width="250"
                     align="center">
                     <template slot-scope="scope">
                         <el-button type="text" size="small" class="custom-table-button-default"
                         @click="handelView(scope.row)">详情</el-button>
-                        <el-button type="text" size="small" class="custom-table-button-default"
+                        <el-button type="text" size="small" v-if="scope.row.appealFlag === 0" class="custom-table-button-default"
                             @click="handelAdd(scope.row, 'view')">申诉</el-button>
                     </template>
                 </el-table-column>
@@ -53,20 +68,13 @@
                 :label-width="$i18n.locale === 'en-US' ? '100px' : '82px'" ref="addForm">
                 <el-row>
                     <el-form-item label="申诉原因" prop="ssyy" >
-                        <el-input v-model="addForm.lawContent" type="textarea" :rows="6" maxlength="500"
+                        <el-input v-model="addForm.ssyy" type="textarea" :rows="6" maxlength="500"
                             placeholder="请输入主要申诉原因（诉求详情不少于10个字）" style="width:90%;"></el-input>
                     </el-form-item>
                 </el-row>
+                
                 <el-row>
-                    <el-form-item label="审核结果" prop="shjg" >
+                    <el-form-item label="评价结果" prop="pjjg">
-                        <el-radio-group v-model="addForm.shjg">
-                            <el-radio :label="'01'">审核通过</el-radio>
-                            <el-radio :label="'12'">审核不通过</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                </el-row>
-                <el-row>
-                    <el-form-item label="评价结果">
                         <el-select v-model="addForm.pjjg" clearable placeholder="请选择">
                             <el-option v-for="item in evaluateList" :key="item.id" :label="item.label"
                                 :value="item.value">
@@ -76,7 +84,7 @@
                 </el-row>
 
                 <el-row>
-                    <el-form-item label="解决情况">
+                    <el-form-item label="解决情况" prop="jjqk">
                         <el-select v-model="addForm.jjqk" clearable placeholder="请选择">
                             <el-option v-for="item in resultList" :key="item.id" :label="item.label"
                                 :value="item.value">
@@ -84,13 +92,6 @@
                         </el-select>
                     </el-form-item>
                 </el-row>
-                <el-row>
-                    <el-form-item label="审核时间" prop="czsj">
-                        <el-date-picker v-model="addForm.czsj" type="date" :picker-options="pickerBeginDateBefore"
-                            value-format="yyyy-MM-dd" format="yyyy-MM-dd" placeholder="选择日期时间" style="width:250px;">
-                        </el-date-picker>
-                    </el-form-item>
-                </el-row>
 
             </el-form>
             <span slot="footer" class="dialog-footer">
@@ -98,31 +99,31 @@
                 <el-button type="primary" @click="handleClickSave">确 定</el-button>
             </span>
         </el-dialog>
-        <info v-if="showInfo" ref="info"></info>
     </el-card>
 </template>
 
 <script>
 import mixinViewModule from '@/mixins/view-module';
 import debounce from "_lodash@4.17.21@lodash/debounce";
-import info from "./appeal-sqss-info.vue"
 export default {
     mixins: [mixinViewModule],
     name: 'AppealList',
     data() {
         return {
             dialogVisible: false,
-            showInfo:false,
             mixinViewModuleOptions: {
                 getDataListURL: '/events/item/getDissatisfied',
                 getDataListIsPage: true,
                 exportMoudle: ''
             },
             dataRule: {
-                huituicontent: [{ required: true, message: this.$t('validate.required'), trigger: 'blur' }],
+                ssyy: [{ required: true, message: this.$t('validate.required'), trigger: 'blur' }],
+                pjjg: [{ required: true, message: this.$t('validate.required'), trigger: 'blur' }],
+                jjqk: [{ required: true, message: this.$t('validate.required'), trigger: 'blur' }],
             },
             dataForm: {
                 id: '',
+                serialNum:'',
                 startTime: '',
                 endTime: '',
             },
@@ -150,37 +151,92 @@ export default {
                 { label: '满意', value: '01' }, { label: '基本满意', value: '02' }, { label: '不满意', value: '03' },
             ],
             addForm: {
-                sqid: '',
+                sqid: null,
-                ssyy: '',
+                ssyy: null,
-                shjg: '',
+                shjg: '02',
-                pjjg: '',
+                pjjg: null,
                 files: [],
-                czr: '',
+                czr: null,
-                czsj: ''
+                czsj: null,
+                itemId:null
             }
         };
     },
     components: {
-        info
     },
     watch: {
 
+    },
+    computed:{
+        appealSource(){
+            return function(val){
+                let str = ''
+                switch (val){
+                    case '0':
+                    str = '网格员上报'
+                    break
+                    case '1':
+                    str = '居民上报'
+                    break
+                    case '2':
+                    str = '新新向党随手拍'
+                    break 
+                    case '3':
+                    str = '12345热线'
+                    break
+                }
+                return str || ''
+            }
+        }
     },
     created: function () {
     },
     methods: {
+        getFormattedTime(separator = '-') {
+            const now = new Date();
+            const year = now.getFullYear();
+            const month = String(now.getMonth() + 1).padStart(2, '0');
+            const day = String(now.getDate()).padStart(2, '0');
+            const hours = String(now.getHours()).padStart(2, '0');
+            const minutes = String(now.getMinutes()).padStart(2, '0');
+            const seconds = String(now.getSeconds()).padStart(2, '0');
+
+            return `${year}${separator}${month}${separator}${day} ${hours}:${minutes}:${seconds}`;
+        },
         handelAdd(item) {
-            console.log(item);
+            this.addForm.sqid = item.sqid;
-            this.dialogVisible = true
+            this.addForm.itemId = item.id;
+            this.dialogVisible = true;
         },
         handelView(item){
-            this.showInfo = true
+            this.$parent.selectComponent = 'AppealDetailView';
-            this.$nextTick(() => {
+			this.$router.push({ path: '/events-appeal-sqss', query: { id: item.id, type: 'view', infoCode: 'B' } });
-                this.$refs.info.init(item.id)
-            })
         },
+        
         handleClickSave() {
-            this.dialogVisible = false
+            this.$refs['addForm'].validate(valid => {
+					if (!valid) {
+						return false;
+					}
+                    this.addForm.czsj = this.getFormattedTime()
+                    console.log(this.addForm);
+                    
+					this.$http.post('/events/item/sqAppeal', this.addForm)
+						.then(({ data: res }) => {
+							if (res.code !== 0) {
+								return this.$message.error(res.msg);
+							}
+							this.$message({
+								message: this.$t('prompt.success'),
+								type: 'success',
+								duration: 500,
+								onClose: () => {
+									this.dialogVisible = false;
+								}
+							});
+						})
+						.catch(() => {});
+				});
         },
         btKeyUpItemContent(e) {
             e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '');

src/views/modules/events/appeal-sqss.vue

@@ -0,0 +1,31 @@
+<template>
+    <keep-alive include="AppealList">
+        <component :is="selectComponent"></component>
+    </keep-alive>
+  </template>
+  
+  <script>
+  import AppeaPeolList from './appeal-sqss-list.vue'
+  import AppealDetailView from './appeal-detail-view'
+  export default {
+    data () {
+      return {
+        selectComponent: AppeaPeolList
+      }
+    },
+    components: {
+      AppeaPeolList,
+      AppealDetailView
+    },
+    methods: {
+      init () {
+        this.selectComponent = AppeaPeolList
+      }
+    }
+  }
+  </script>
+  
+  <style lang="scss" scoped>
+  
+  </style>
+