新增弹框 诉求申诉列表 诉求申诉详情

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

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

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

@@ -0,0 +1,52 @@
+<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

@@ -0,0 +1,192 @@
+<template>
+    <el-card shadow="never" class="aui-card--fill">
+        <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-form-item>
+
+                <el-form-item label="上报时间" prop="startTime" label-width="100px">
+                    <el-date-picker v-model="dataForm.startTime" type="date" :picker-options="pickerBeginDateBefore"
+                        value-format="yyyy-MM-dd" format="yyyy-MM-dd" placeholder="选择日期时间" style="width:250px;"
+                        @change="changeTime"></el-date-picker>
+                </el-form-item>
+                <el-form-item label="至" label-width="25px" prop="endTime">
+                    <el-date-picker v-model="dataForm.endTime" type="date" :picker-options="pickerBeginDateAfter"
+                        value-format="yyyy-MM-dd" format="yyyy-MM-dd" placeholder="选择日期时间" style="width:250px;"
+                        @change="changeTime"></el-date-picker>
+                </el-form-item>
+            </el-form>
+            <el-table v-loading="dataListLoading" :data="dataList" border
+                @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
+                <el-table-column label="序号" type="index" show-overflow-tooltip align="center"
+                    width="50"></el-table-column>
+                <el-table-column prop="serialNum" label="编码" header-align="center" width="250" align="center"
+                    show-overflow-tooltip></el-table-column>
+                <el-table-column prop="parentDeptNames" label="所属组织" header-align="center" width="230" align="center"
+                    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"
+                    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 :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"
+                            @click="handelAdd(scope.row, 'view')">申诉</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>
+        </div>
+        <!-- 弹窗, 新增 / 修改 -->
+        <el-dialog :title="'申诉'" v-if="dialogVisible" :visible.sync="dialogVisible" width="50%">
+            <el-form :inline="true" :model="addForm" :rules="dataRule"
+                :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"
+                            placeholder="请输入主要申诉原因（诉求详情不少于10个字）" style="width:90%;"></el-input>
+                    </el-form-item>
+                </el-row>
+                <el-row>
+                    <el-form-item label="审核结果" prop="shjg" >
+                        <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">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-row>
+
+                <el-row>
+                    <el-form-item label="解决情况">
+                        <el-select v-model="addForm.jjqk" clearable placeholder="请选择">
+                            <el-option v-for="item in resultList" :key="item.id" :label="item.label"
+                                :value="item.value">
+                            </el-option>
+                        </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">
+                <el-button @click="dialogVisible = false">取 消</el-button>
+                <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' }],
+            },
+            dataForm: {
+                id: '',
+                startTime: '',
+                endTime: '',
+            },
+            options: [],
+            pickerBeginDateBefore: {
+                disabledDate: time => {
+                    let beginDateVal = this.dataForm.endTime;
+                    if (beginDateVal) {
+                        return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime();
+                    }
+                }
+            },
+            pickerBeginDateAfter: {
+                disabledDate: time => {
+                    let EndDateVal = this.dataForm.startTime;
+                    if (EndDateVal) {
+                        return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime();
+                    }
+                }
+            },
+            resultList: [
+                { label: '解决', value: '01' }, { label: '基本解决', value: '02' }, { label: '未解决', value: '03' },
+            ],
+            evaluateList: [
+                { label: '满意', value: '01' }, { label: '基本满意', value: '02' }, { label: '不满意', value: '03' },
+            ],
+            addForm: {
+                sqid: '',
+                ssyy: '',
+                shjg: '',
+                pjjg: '',
+                files: [],
+                czr: '',
+                czsj: ''
+            }
+        };
+    },
+    components: {
+        info
+    },
+    watch: {
+
+    },
+    created: function () {
+    },
+    methods: {
+        handelAdd(item) {
+            console.log(item);
+            this.dialogVisible = true
+        },
+        handelView(item){
+            this.showInfo = true
+            this.$nextTick(() => {
+                this.$refs.info.init(item.id)
+            })
+        },
+        handleClickSave() {
+            this.dialogVisible = false
+        },
+        btKeyUpItemContent(e) {
+            e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '');
+            this.dataForm.itemContent = e.target.value;
+        },
+
+    }
+};
+</script>