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

市级处理 增加再次上报处理

release/epdc
井乐禹 2 years ago
parent
e495812d5a
commit
a5cf21f0dd
1 changed files with 465 additions and 297 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 762
      src/views/modules/events/appeal-cssb-list.vue

762
src/views/modules/events/appeal-cssb-list.vue
View File

@ -1,303 +1,471 @@
<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="peopleFlag" label-width="100px">
<el-select v-model="dataForm.peopleFlag" 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" label-width="100px">
<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" label-width="100px">
<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-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="peopleFlag"
label-width="100px">
<el-select v-model="dataForm.peopleFlag"
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"
label-width="100px">
<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"
label-width="100px">
<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="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.itemState === 0 && scope.row.isRemind === '1'" />
<img :src="yellow" width="25" height="25"
v-if="scope.row.itemState === 0 && scope.row.isRemind === '2'" />
<img :src="green" width="25" height="25"
v-if="scope.row.itemState === 0 && scope.row.isRemind === '3'" />
</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="120"
align="center"></el-table-column>
<el-table-column prop="itemStateName" label="处理状态" header-align="center" min-width="120" align="center">
<template slot-scope="scope">
<span v-if="scope.row.processState === '16'">市区处理中</span>
<span v-else>{{scope.row.itemStateName}}</span>
</template>
</el-table-column>
<el-table-column prop="createdTime" label="上报时间" header-align="center" width="180"
align="center"></el-table-column>
<el-table-column prop="remainTime" label="事件时间" header-align="center" min-width="120" align="center"
show-overflow-tooltip>
<template slot-scope="scope">
<span v-if="scope.row.itemState === 0">{{scope.row.remainTime}}</span>
</template>
</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" min-width="150" 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>
<el-button type="text" size="small"
v-if="!(scope.row.processState == '16'||scope.row.processState == '2021'||scope.row.processState == '1105' )"
class="custom-table-button-default" @click="cssbAction(scope.row.id)">吹哨上报 </el-button>
<el-button type="text" size="small" v-if="scope.row.processState == '2021'"
class="custom-table-button-default" @click="evaluationIssue(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>
<cssb-reason v-if="cssbReasonVisible" ref="cssbReason" @refreshDataList="getDataList"></cssb-reason>
</el-card>
</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.itemState === 0 && scope.row.isRemind === '1'" />
<img :src="yellow"
width="25"
height="25"
v-if="scope.row.itemState === 0 && scope.row.isRemind === '2'" />
<img :src="green"
width="25"
height="25"
v-if="scope.row.itemState === 0 && scope.row.isRemind === '3'" />
</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="120"
align="center"></el-table-column>
<el-table-column prop="itemStateName"
label="处理状态"
header-align="center"
min-width="120"
align="center">
<template slot-scope="scope">
<span v-if="scope.row.processState === '16'">市区处理中</span>
<span v-else>{{scope.row.itemStateName}}</span>
</template>
</el-table-column>
<el-table-column prop="createdTime"
label="上报时间"
header-align="center"
width="180"
align="center"></el-table-column>
<el-table-column prop="remainTime"
label="事件时间"
header-align="center"
min-width="120"
align="center"
show-overflow-tooltip>
<template slot-scope="scope">
<span v-if="scope.row.itemState === 0">{{scope.row.remainTime}}</span>
</template>
</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"
min-width="150"
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>
<!-- 吹哨上报@click="cssbAction(scope.row.id)"吹哨上报，再次上报dealAction -->
<el-button type="text"
size="small"
v-if="!(scope.row.processState == '16'||scope.row.processState == '2021'||scope.row.processState == '1105' )"
class="custom-table-button-default"
@click="goShowCssbActionPopup(scope.row.id,scope.row.itemHandleDeptId)">再处理</el-button>
<el-button type="text"
size="small"
v-if="scope.row.processState == '2021'"
class="custom-table-button-default"
@click="evaluationIssue(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>
<cssb-reason v-if="cssbReasonVisible"
ref="cssbReason"
@refreshDataList="getDataList"></cssb-reason>
<el-dialog title="再处理"
:visible.sync="ifShowCssbAction"
width="30%"
:modal="false">
<div class="popupButton">
<div>
<el-button type="primary"
@click="cssbAction()">吹哨上报</el-button>
</div>
<div>
<el-button type="primary"
@click="reportAgain()">再次上报</el-button>
</div>
</div>
</el-dialog>
</el-card>
</template>
<script>
import green from '@/assets/img/green_img.png'
import red from '@/assets/img/red_img.png'
import yellow from '@/assets/img/yellow_img.png'
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './appeal-cssb-add'
import CssbReason from './appeal-cssb-reason'
export default {
mixins: [mixinViewModule],
name: 'AppealList',
data() {
return {
green,
red,
yellow,
mixinViewModuleOptions: {
getDataListURL: '/events/item/epdcpage',
getDataListIsPage: true,
exportURL: '/events/item/unexport'
},
dataForm: {
id: '',
startTime: '',
endTime: '',
streetId: '',
communityId: '',
gridId: '',
itemCode: '',
itemContent: '',
nickName: '',
mobile: '',
peopleFlag: '',
evaluationScore: '',
itemState: 0
},
ids: [],
options: [],
cssbReasonVisible: false,
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,
CssbReason
},
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-cssb',
query: {
id: id
}
})
},
cssbAction(id) {
this.cssbReasonVisible = true
this.$nextTick(() => {
this.$refs.cssbReason.dataForm.id = id
this.$refs.cssbReason.init()
})
},
evaluationIssue(id) {
this.$confirm('确认要下发评价么?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$http['post']('events/item/evaluationIssue', {itemId:id}).then(({
data: res
}) => {
console.log(res)
this.$message({
type: 'success',
message: '下发评价成功'
});
this.getDataList()
// if (res.code !== 0) {
// return this.$message.error(res.msg)
// }
// this.$message({
// message: this.$t('prompt.success'),
// type: 'success',
// duration: 500,
// onClose: () => {
// this.visible = false
// this.$emit('refreshDataList')
// }
// })
}).catch(() => {})
}).catch(() => {
this.$message({
type: 'info',
message: '已取消下发评价'
});
});
},
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>
import green from '@/assets/img/green_img.png'
import red from '@/assets/img/red_img.png'
import yellow from '@/assets/img/yellow_img.png'
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './appeal-cssb-add'
import CssbReason from './appeal-cssb-reason'
export default {
mixins: [mixinViewModule],
name: 'AppealList',
data() {
return {
green,
red,
yellow,
mixinViewModuleOptions: {
getDataListURL: '/events/item/epdcpage',
getDataListIsPage: true,
exportURL: '/events/item/unexport'
},
dataForm: {
id: '',
startTime: '',
endTime: '',
streetId: '',
communityId: '',
gridId: '',
itemCode: '',
itemContent: '',
nickName: '',
mobile: '',
peopleFlag: '',
evaluationScore: '',
itemState: 0
},
ids: [],
options: [],
cssbReasonVisible: false,
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()
}
}
},
ifShowCssbAction: false,
againEscalationId: null,
itemHandleDeptId: null
}
},
components: {
AddOrUpdate,
CssbReason
},
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-cssb',
query: {
id: id
}
})
},
cssbAction() {
this.cssbReasonVisible = true
this.$nextTick(() => {
this.$refs.cssbReason.dataForm.id = this.againEscalationId;
this.$refs.cssbReason.init()
this.ifShowCssbAction = false
})
},
evaluationIssue(id) {
this.$confirm('确认要下发评价么?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$http['post']('events/item/evaluationIssue', { itemId: id }).then(({
data: res
}) => {
console.log(res)
this.$message({
type: 'success',
message: '下发评价成功'
});
this.getDataList()
// if (res.code !== 0) {
// return this.$message.error(res.msg)
// }
// this.$message({
// message: this.$t('prompt.success'),
// type: 'success',
// duration: 500,
// onClose: () => {
// this.visible = false
// this.$emit('refreshDataList')
// }
// })
}).catch(() => { })
}).catch(() => {
this.$message({
type: 'info',
message: '已取消下发评价'
});
});
},
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
},
goShowCssbActionPopup(id, itemHandleDeptId) {
this.ifShowCssbAction = true;
this.againEscalationId = id
this.itemHandleDeptId = itemHandleDeptId
},
reportAgain() {
this.$confirm('确认要再次上报吗么?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
const condition = {
id: this.againEscalationId || null,
handleCategory: 3000,
handlerDept: this.itemHandleDeptId,
handlerDeptId: this.itemHandleDeptId
}
this.$http['post']('events/item/reportWGH', condition).then(({
data: res
}) => {
if (res && res.code == 0) {
this.$message({
type: 'success',
message: '再次上报成功'
});
} else {
this.$message({
type: 'success',
message: res.msg
});
}
this.ifShowCssbAction = false
}).catch(() => { })
}).catch(() => {
this.$message({
type: 'info',
message: '已取消'
});
});
}
}
}
</script>
<style>
.popupButton {
display: flex;
flex-direction: row;
justify-content: space-around;
}
</style>
Write Preview
Loading…
Cancel
Save