elink-star
/
esua-epdc-admin
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

诉办添加3个部门已列表

release/epdc
wanggongfeng 3 years ago
parent
4d489b8f05
commit
8a0c606bc8
6 changed files with 1148 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 336
      src/views/modules/events/appeal-development-list-unsatisfactory.vue
  2. 30
      src/views/modules/events/appeal-development-unsatisfactory.vue
  3. 336
      src/views/modules/events/appeal-enforce-list-unsatisfactory.vue
  4. 30
      src/views/modules/events/appeal-enforce-unsatisfactory.vue
  5. 386
      src/views/modules/events/appeal-peo-list-unsatisfactory.vue
  6. 30
      src/views/modules/events/appeal-peo-unsatisfactory.vue

336
src/views/modules/events/appeal-development-list-unsatisfactory.vue
View File

@ -0,0 +1,336 @@
<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="诉求类型" prop="appealType" label-width="80px">
<el-select v-model="dataForm.appealType" placeholder="请选择" clearable>
<el-option label="民生" value="0"> </el-option>
<el-option label="发展" value="1"> </el-option>
<el-option label="执法" value="2"> </el-option>
</el-select>
</el-form-item> -->
<el-form-item label="所属机构" label-width="100px">
<el-cascader
v-model="ids"
:options="options"
:props="{ checkStrictly: true }"
clearable
style="width:250px;"
>
</el-cascader>
</el-form-item>
<el-form-item label="诉求内容" prop="itemCode">
<el-input
v-model="dataForm.itemContent"
placeholder="请输入诉求内容"
clearable
@keyup.native="btKeyUpItemContent"
style="width:200px;"
></el-input>
</el-form-item>
<el-form-item label="诉求编码" prop="serialNum">
<el-input
v-model="dataForm.serialNum"
placeholder="诉求编码"
clearable
style="width:200px;"
></el-input>
</el-form-item>
<el-form-item label="满意度" prop="evaluationScoreType" label-width="100px">
<el-select v-model="dataForm.evaluationScore" placeholder="请选择" clearable>
<el-option label="不满意" value="0"> </el-option>
<el-option label="基本满意" value="1"> </el-option>
<el-option label="非常满意" value="2"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="处理状态" label-width="105px">
<el-select v-model="dataForm.itemState" clearable placeholder="请选择" style="width:200px;">
<el-option label="处理中" value="0"></el-option>
<el-option label="已结案" value="10"></el-option>
</el-select>
</el-form-item>
<br/>
<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-item>
<el-button type="success" @click="getDataListSearch()" class="custom-button-default">{{ $t('query') }}</el-button>
</el-form-item>
<!-- <el-form-item>
<el-button type="primary"
class="custom-button-add"
@click="addAppealEnforcement()">新增执法诉求</el-button>
</el-form-item> -->
<!-- <el-form-item>
<el-button type="success"
@click="exportHandle()" class="custom-button-modify">{{ $t('export') }}</el-button>
</el-form-item> -->
</el-form>
<el-table
v-loading="dataListLoading"
:data="dataList"
border
@selection-change="dataListSelectionChangeHandle"
style="width: 100%;"
>
<el-table-column
label=" "
align="center"
width="50"
>
<template slot-scope="scope">
<img :src="red" width="25" height="25" v-if="scope.row.isRemind == '1'"/>
<img :src="green" width="25" height="25" v-else/>
</template>
</el-table-column>
<el-table-column
label="序号"
type="index"
show-overflow-tooltip
align="center"
width="50"
></el-table-column>
<el-table-column
prop="gridName"
label="属事街道"
header-align="center"
width="120"
align="center"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="itemContent"
label="诉求内容"
header-align="center"
min-width="300"
align="left"
show-overflow-tooltip
></el-table-column>
<!--<el-table-column-->
<!--prop="serialNum"-->
<!--label="诉求编码"-->
<!--header-align="center"-->
<!--min-width="200"-->
<!--align="center"-->
<!--&gt;</el-table-column>-->
<!-- <el-table-column
prop="peopleFlagName"
label="诉求类型"
header-align="center"
min-width="150"
align="center"
></el-table-column> -->
<el-table-column
prop="itemStateName"
label="处理状态"
header-align="center"
align="center"
></el-table-column>
<el-table-column
prop="createdTime"
label="上报时间"
header-align="center"
width="180"
align="center"
></el-table-column>
<el-table-column
prop="nickName"
label="联系人姓名"
header-align="center"
min-width="100"
align="center"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="evaluationScoreName"
label="满意度"
header-align="center"
align="center"
></el-table-column>
<el-table-column
:label="$t('handle')"
fixed="right"
header-align="center"
align="center">
<template slot-scope="scope">
<el-button
type="text"
size="small"
class="custom-table-button-default"
@click="dealAction(scope.row.id)">详情
</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>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible"
ref="addOrUpdate"
@refreshDataList="getDataList"></add-or-update>
</el-card>
</template>
<script>
import green from '@/assets/img/green_img.png'
import red from '@/assets/img/red_img.png'
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './appeal-enforcement-add'
export default {
mixins: [mixinViewModule],
name: 'AppealList',
data () {
return {
green,
red,
mixinViewModuleOptions: {
getDataListURL: '/events/item/getItemAppealPageUnsatisfactory',
getDataListIsPage: true,
exportURL: '/events/item/unexport'
},
dataForm: {
id: '',
itemState: '0',
startTime: '',
endTime: '',
streetId: '',
communityId: '',
gridId: '',
itemCode: '',
itemContent: '',
nickName: '',
mobile: '',
appealType: 1,
evaluationScore: '',
itemState: ''
},
ids: [],
options: [],
addOrUpdateVisible: false,
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()
}
}
}
}
},
components: {
AddOrUpdate
},
created: function () {
this.getPeoList()
this.getOptions()
},
watch: {
ids: function (val) {
if (val.length === 0) {
this.dataForm.streetId = ''
this.dataForm.communityId = ''
this.dataForm.gridId = ''
}
if (val.length === 1) {
this.dataForm.streetId = this.ids[0]
this.dataForm.communityId = ''
this.dataForm.gridId = ''
}
if (val.length === 2) {
this.dataForm.streetId = this.ids[0]
this.dataForm.communityId = this.ids[1]
this.dataForm.gridId = ''
}
if (val.length === 3) {
this.dataForm.streetId = this.ids[0]
this.dataForm.communityId = this.ids[1]
this.dataForm.gridId = this.ids[2]
}
}
},
methods: {
getOptions () {
this.$http
.get(`/sys/user/deptOptions/getByLoginUser`)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.options = res.data.options
})
.catch(() => {
})
},
getPeoList () {
console.log(this.dataList)
},
dealAction (id) {
this.$parent.selectComponent = 'AppealDetailView'
this.$router.push({ path: '/events-appeal-development-unsatisfactory', query: { id: id } })
},
addAppealEnforcement () {
this.addOrUpdateVisible = true
this.$nextTick(() => {
this.$refs.addOrUpdate.init()
})
},
btKeyUpItemContent (e) {
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
this.dataForm.itemContent = e.target.value
}
}
}
</script>

30
src/views/modules/events/appeal-development-unsatisfactory.vue
View File

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

336
src/views/modules/events/appeal-enforce-list-unsatisfactory.vue
View File

@ -0,0 +1,336 @@
<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="诉求类型" prop="appealType" label-width="80px">
<el-select v-model="dataForm.appealType" placeholder="请选择" clearable>
<el-option label="民生" value="0"> </el-option>
<el-option label="发展" value="1"> </el-option>
<el-option label="执法" value="2"> </el-option>
</el-select>
</el-form-item> -->
<el-form-item label="所属机构" label-width="100px">
<el-cascader
v-model="ids"
:options="options"
:props="{ checkStrictly: true }"
clearable
style="width:250px;"
>
</el-cascader>
</el-form-item>
<el-form-item label="诉求内容" prop="itemCode">
<el-input
v-model="dataForm.itemContent"
placeholder="请输入诉求内容"
clearable
@keyup.native="btKeyUpItemContent"
style="width:200px;"
></el-input>
</el-form-item>
<el-form-item label="诉求编码" prop="serialNum">
<el-input
v-model="dataForm.serialNum"
placeholder="诉求编码"
clearable
style="width:200px;"
></el-input>
</el-form-item>
<el-form-item label="满意度" prop="evaluationScoreType" label-width="100px">
<el-select v-model="dataForm.evaluationScore" placeholder="请选择" clearable>
<el-option label="不满意" value="0"> </el-option>
<el-option label="基本满意" value="1"> </el-option>
<el-option label="非常满意" value="2"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="处理状态" label-width="105px">
<el-select v-model="dataForm.itemState" clearable placeholder="请选择" style="width:200px;">
<el-option label="处理中" value="0"></el-option>
<el-option label="已结案" value="10"></el-option>
</el-select>
</el-form-item>
<br/>
<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-item>
<el-button type="success" @click="getDataListSearch()" class="custom-button-default">{{ $t('query') }}</el-button>
</el-form-item>
<!--<el-form-item>-->
<!--<el-button type="primary"-->
<!--class="custom-button-add"-->
<!--@click="addAppealEnforcement()">新增执法诉求</el-button>-->
<!--</el-form-item>-->
<!-- <el-form-item>
<el-button type="success"
@click="exportHandle()" class="custom-button-modify">{{ $t('export') }}</el-button>
</el-form-item> -->
</el-form>
<el-table
v-loading="dataListLoading"
:data="dataList"
border
@selection-change="dataListSelectionChangeHandle"
style="width: 100%;"
>
<el-table-column
label=" "
align="center"
width="50"
>
<template slot-scope="scope">
<img :src="red" width="25" height="25" v-if="scope.row.isRemind == '1'"/>
<img :src="green" width="25" height="25" v-else/>
</template>
</el-table-column>
<el-table-column
label="序号"
type="index"
show-overflow-tooltip
align="center"
width="50"
></el-table-column>
<el-table-column
prop="gridName"
label="属事街道"
header-align="center"
width="120"
align="center"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="itemContent"
label="诉求内容"
header-align="center"
min-width="300"
align="left"
show-overflow-tooltip
></el-table-column>
<!--<el-table-column-->
<!--prop="serialNum"-->
<!--label="诉求编码"-->
<!--header-align="center"-->
<!--min-width="200"-->
<!--align="center"-->
<!--&gt;</el-table-column>-->
<!-- <el-table-column
prop="peopleFlagName"
label="诉求类型"
header-align="center"
min-width="150"
align="center"
></el-table-column> -->
<el-table-column
prop="itemStateName"
label="处理状态"
header-align="center"
align="center"
></el-table-column>
<el-table-column
prop="createdTime"
label="上报时间"
header-align="center"
width="180"
align="center"
></el-table-column>
<el-table-column
prop="nickName"
label="联系人姓名"
header-align="center"
min-width="100"
align="center"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="evaluationScoreName"
label="满意度"
header-align="center"
align="center"
></el-table-column>
<el-table-column
:label="$t('handle')"
fixed="right"
header-align="center"
align="center">
<template slot-scope="scope">
<el-button
type="text"
size="small"
class="custom-table-button-default"
@click="dealAction(scope.row.id)">详情
</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>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible"
ref="addOrUpdate"
@refreshDataList="getDataList"></add-or-update>
</el-card>
</template>
<script>
import green from '@/assets/img/green_img.png'
import red from '@/assets/img/red_img.png'
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './appeal-enforcement-add'
export default {
mixins: [mixinViewModule],
name: 'AppealList',
data () {
return {
green,
red,
mixinViewModuleOptions: {
getDataListURL: '/events/item/getItemAppealPageUnsatisfactory',
getDataListIsPage: true,
exportURL: '/events/item/unexport'
},
dataForm: {
id: '',
itemState: '0',
startTime: '',
endTime: '',
streetId: '',
communityId: '',
gridId: '',
itemCode: '',
itemContent: '',
nickName: '',
mobile: '',
appealType: 2,
evaluationScore: '',
itemState: ''
},
ids: [],
options: [],
addOrUpdateVisible: false,
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()
}
}
}
}
},
components: {
AddOrUpdate
},
created: function () {
this.getPeoList()
this.getOptions()
},
watch: {
ids: function (val) {
if (val.length === 0) {
this.dataForm.streetId = ''
this.dataForm.communityId = ''
this.dataForm.gridId = ''
}
if (val.length === 1) {
this.dataForm.streetId = this.ids[0]
this.dataForm.communityId = ''
this.dataForm.gridId = ''
}
if (val.length === 2) {
this.dataForm.streetId = this.ids[0]
this.dataForm.communityId = this.ids[1]
this.dataForm.gridId = ''
}
if (val.length === 3) {
this.dataForm.streetId = this.ids[0]
this.dataForm.communityId = this.ids[1]
this.dataForm.gridId = this.ids[2]
}
}
},
methods: {
getOptions () {
this.$http
.get(`/sys/user/deptOptions/getByLoginUser`)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.options = res.data.options
})
.catch(() => {
})
},
getPeoList () {
console.log(this.dataList)
},
dealAction (id) {
this.$parent.selectComponent = 'AppealDetailView'
this.$router.push({ path: '/events-appeal-enforce-unsatisfactory', query: { id: id } })
},
addAppealEnforcement () {
this.addOrUpdateVisible = true
this.$nextTick(() => {
this.$refs.addOrUpdate.init()
})
},
btKeyUpItemContent (e) {
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
this.dataForm.itemContent = e.target.value
}
}
}
</script>

30
src/views/modules/events/appeal-enforce-unsatisfactory.vue
View File

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

386
src/views/modules/events/appeal-peo-list-unsatisfactory.vue
View File

@ -0,0 +1,386 @@
<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="诉求类型" prop="appealType" label-width="80px">-->
<!--<el-select v-model="dataForm.appealType" placeholder="请选择" clearable>-->
<!--<el-option label="民生" value="0"> </el-option>-->
<!--<el-option label="发展" value="1"> </el-option>-->
<!--<el-option label="执法" value="2"> </el-option>-->
<!--</el-select>-->
<!--</el-form-item>-->
<el-form-item label="所属机构" label-width="100px">
<el-cascader
v-model="ids"
:options="options"
:props="{ checkStrictly: true }"
clearable
style="width:250px;"
>
</el-cascader>
</el-form-item>
<el-form-item label="诉求内容" prop="itemCode">
<el-input
v-model="dataForm.itemContent"
placeholder="请输入诉求内容"
clearable
@keyup.native="btKeyUpItemContent"
style="width:200px;"
></el-input>
</el-form-item>
<el-form-item label="诉求编码" prop="serialNum">
<el-input
v-model="dataForm.serialNum"
placeholder="诉求编码"
clearable
style="width:200px;"
></el-input>
</el-form-item>
<el-form-item label="满意度" prop="evaluationScoreType" label-width="100px">
<el-select v-model="dataForm.evaluationScore" placeholder="请选择" clearable>
<el-option label="不满意" value="0"> </el-option>
<el-option label="基本满意" value="1"> </el-option>
<el-option label="非常满意" value="2"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="处理状态" label-width="105px">
<el-select v-model="dataForm.itemState" clearable placeholder="请选择" style="width:200px;">
<el-option label="处理中" value="0"></el-option>
<el-option label="已结案" value="10"></el-option>
</el-select>
</el-form-item>
<br/>
<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-item>
<el-button type="success" @click="getDataListSearch()" class="custom-button-default">{{ $t('query') }}</el-button>
</el-form-item>
<!-- <el-form-item>
<el-button type="primary"
class="custom-button-add"
@click="addAppealEnforcement()">新增执法诉求</el-button>
</el-form-item> -->
<!-- <el-form-item>
<el-button type="success"
@click="exportHandle()" class="custom-button-modify">{{ $t('export') }}</el-button>
</el-form-item> -->
</el-form>
<el-table
v-loading="dataListLoading"
:data="dataList"
border
@selection-change="dataListSelectionChangeHandle"
style="width: 100%;"
>
<el-table-column
label=" "
align="center"
width="50"
>
<template slot-scope="scope">
<img :src="red" width="25" height="25" v-if="scope.row.isRemind == '1'"/>
<img :src="green" width="25" height="25" v-else/>
</template>
</el-table-column>
<el-table-column
label="序号"
type="index"
show-overflow-tooltip
align="center"
width="50"
></el-table-column>
<el-table-column
prop="streetName"
label="属事街道"
header-align="center"
width="120"
align="center"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="communityName"
label="属事社区"
header-align="center"
width="130"
align="center"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="gridName"
label="属事网格"
header-align="center"
width="140"
align="center"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
prop="itemContent"
label="诉求内容"
header-align="center"
min-width="300"
align="left"
show-overflow-tooltip
></el-table-column>
<!--<el-table-column-->
<!--prop="serialNum"-->
<!--label="诉求编码"-->
<!--header-align="center"-->
<!--min-width="200"-->
<!--align="center"-->
<!--&gt;</el-table-column>-->
<!-- <el-table-column
prop="peopleFlagName"
label="诉求类型"
header-align="center"
min-width="150"
align="center"
></el-table-column> -->
<el-table-column
prop="itemStateName"
label="处理状态"
header-align="center"
width="100"
align="center"
:formatter="stateFormat"
>
</el-table-column>
<el-table-column
prop="createdTime"
label="上报时间"
header-align="center"
width="180"
align="center"
></el-table-column>
<el-table-column
prop="nickName"
label="联系人姓名"
header-align="center"
min-width="100"
align="center"
show-overflow-tooltip
></el-table-column>
<el-table-column
prop="evaluationScoreName"
label="满意度"
header-align="center"
align="center"
></el-table-column>
<el-table-column
:label="$t('handle')"
fixed="right"
header-align="center"
align="center"
>
<template slot-scope="scope">
<el-button
type="text"
size="small"
class="custom-table-button-default"
@click="dealAction(scope.row.id)">详情
</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>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible"
ref="addOrUpdate"
@refreshDataList="getDataList"></add-or-update>
</el-card>
</template>
<script>
import green from '@/assets/img/green_img.png'
import red from '@/assets/img/red_img.png'
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './appeal-enforcement-add'
export default {
mixins: [mixinViewModule],
name: 'AppealList',
data () {
return {
green,
red,
mixinViewModuleOptions: {
getDataListURL: '/events/item/getItemAppealPageUnsatisfactory',
getDataListIsPage: true,
exportURL: '/events/item/unexport'
},
dataForm: {
id: '',
startTime: '',
endTime: '',
streetId: '',
communityId: '',
gridId: '',
itemCode: '',
itemContent: '',
nickName: '',
mobile: '',
appealType: 0,
evaluationScore: '',
itemHandleDeptId: '',
itemState: ''
},
ids: [],
options: [],
optionsDept: [],
addOrUpdateVisible: false,
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()
}
}
}
}
},
components: {
AddOrUpdate
},
watch: {
ids: function (val) {
if (val.length === 0) {
this.dataForm.streetId = ''
this.dataForm.communityId = ''
this.dataForm.gridId = ''
}
if (val.length === 1) {
this.dataForm.streetId = this.ids[0]
this.dataForm.communityId = ''
this.dataForm.gridId = ''
}
if (val.length === 2) {
this.dataForm.streetId = this.ids[0]
this.dataForm.communityId = this.ids[1]
this.dataForm.gridId = ''
}
if (val.length === 3) {
this.dataForm.streetId = this.ids[0]
this.dataForm.communityId = this.ids[1]
this.dataForm.gridId = this.ids[2]
}
}
},
created: function () {
this.getOptions()
},
methods: {
getOptions () {
this.$http
.get(`/sys/user/deptOptions/getByLoginUser`)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.options = res.data.options
})
.catch(() => {
})
this.$http
.post(`/sys/dept/queryUserSysDeptTypeKey`, { })
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.optionsDept = res.data
})
.catch(() => {
})
},
stateFormat (row, column) {
if (row.itemState === 0) {
if (row.itemHandleDeptId === null || row.itemHandleDeptId === '0') {
return '街道处理中'
} else {
let itemStateDetail = '网格处理中'
this.optionsDept.filter(function (item) {
if (item.id === row.itemHandleDeptId) {
if (item.typeKey === 'grid_party') {
itemStateDetail = '网格处理中'
}
if (item.typeKey === 'community_party') {
itemStateDetail = '社区处理中'
}
}
})
return itemStateDetail
}
} else if (row.itemState === 10) {
return '已结案'
}
},
dealAction (id) {
this.$parent.selectComponent = 'AppealDetailView'
this.$router.push({ path: '/events-appeal-peo-unsatisfactory', query: { id: id } })
},
addAppealEnforcement () {
this.addOrUpdateVisible = true
this.$nextTick(() => {
this.$refs.addOrUpdate.init()
})
},
btKeyUpItemContent (e) {
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~！#￥%……&*（）={}|《》？：“”【】\\[\]、；‘’，。、\s+]/g, '')
this.dataForm.itemContent = e.target.value
}
}
}
</script>

30
src/views/modules/events/appeal-peo-unsatisfactory.vue
View File

@ -0,0 +1,30 @@
<template>
<keep-alive include="AppealList">
<component :is="selectComponent"></component>
</keep-alive>
</template>
<script>
import AppeaPeolList from './appeal-peo-list-unsatisfactory.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>
Write Preview
Loading…
Cancel
Save