|
@ -5,8 +5,8 @@ |
|
|
<el-form :inline="true" :model="formData" ref="ref_searchform" :label-width="'100px'"> |
|
|
<el-form :inline="true" :model="formData" ref="ref_searchform" :label-width="'100px'"> |
|
|
<div> |
|
|
<div> |
|
|
<el-form-item label="事件类别" prop="firstIdList"> |
|
|
<el-form-item label="事件类别" prop="firstIdList"> |
|
|
<el-cascader ref="cascaderEvent" v-model.trim="eventTypeCheck" :options="cateOptions" collapse-tags |
|
|
<el-cascader ref="cascaderEvent" v-model.trim="eventTypeCheck" :options="cateOptions" |
|
|
:show-all-levels="false" :props="{ |
|
|
collapse-tags :show-all-levels="false" :props="{ |
|
|
multiple: true, |
|
|
multiple: true, |
|
|
checkStrictly: false, |
|
|
checkStrictly: false, |
|
|
emitPath: false, |
|
|
emitPath: false, |
|
@ -16,8 +16,8 @@ |
|
|
}" clearable class="u-item-width-normal" @change="handleEventType" /> |
|
|
}" clearable class="u-item-width-normal" @change="handleEventType" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="工单编号" prop="workOrderNum"> |
|
|
<el-form-item label="工单编号" prop="workOrderNum"> |
|
|
<el-input v-model.trim="formData.workOrderNum" class="u-item-width-normal" size="small" clearable |
|
|
<el-input v-model.trim="formData.workOrderNum" class="u-item-width-normal" size="small" |
|
|
placeholder="请输入"> |
|
|
clearable placeholder="请输入"> |
|
|
</el-input> |
|
|
</el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="报件人电话" prop="mobile"> |
|
|
<el-form-item label="报件人电话" prop="mobile"> |
|
@ -26,13 +26,14 @@ |
|
|
</el-input> |
|
|
</el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="事件描述" prop="eventContent"> |
|
|
<el-form-item label="事件描述" prop="eventContent"> |
|
|
<el-input v-model.trim="formData.eventContent" class="u-item-width-normal" size="small" clearable |
|
|
<el-input v-model.trim="formData.eventContent" class="u-item-width-normal" size="small" |
|
|
placeholder="请输入"> |
|
|
clearable placeholder="请输入"> |
|
|
</el-input> |
|
|
</el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="办理超期" prop="overdue"> |
|
|
<el-form-item label="办理超期" prop="overdue"> |
|
|
<el-cascader ref="cascaderEvent" v-model.trim="formData.overdue" :options="overdue" collapse-tags |
|
|
<el-cascader ref="cascaderEvent" v-model.trim="formData.overdue" :options="overdue" |
|
|
:show-all-levels="false" :props="optionProps" clearable class="u-item-width-normal" @change="handleEventType" /> |
|
|
collapse-tags :show-all-levels="false" clearable class="u-item-width-normal" |
|
|
|
|
|
@change="handleEventType" /> |
|
|
<!-- <template slot-scope="{ node, data }"> |
|
|
<!-- <template slot-scope="{ node, data }"> |
|
|
<div @click="cascaderClick(node, data)"> |
|
|
<div @click="cascaderClick(node, data)"> |
|
|
<span>{{ data.name }}</span> |
|
|
<span>{{ data.name }}</span> |
|
@ -41,24 +42,19 @@ |
|
|
</el-cascader> --> |
|
|
</el-cascader> --> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="办理状态" prop="agencyId"> |
|
|
<el-form-item label="办理状态" prop="agencyId"> |
|
|
<el-cascader class="u-item-width-normal" |
|
|
<el-cascader class="u-item-width-normal" size="small" ref="myCascader" |
|
|
size="small" |
|
|
v-model.trim="formData.agencyId" :options="ProcessingList" :show-all-levels="false" |
|
|
ref="myCascader" |
|
|
|
|
|
v-model.trim="formData.agencyId" |
|
|
|
|
|
:options="ProcessingList" |
|
|
|
|
|
:show-all-levels="false" |
|
|
|
|
|
@change="handleChangeAgency" |
|
|
|
|
|
clearable></el-cascader> |
|
|
clearable></el-cascader> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="办结时限" prop="limitStartTime"> |
|
|
<el-form-item label="办结时限" prop="limitStartTime"> |
|
|
<el-date-picker v-model.trim="formData.startTime" :picker-options="startPickerOptions" |
|
|
<el-date-picker v-model.trim="formData.startTime" class="u-item-width-daterange" |
|
|
class="u-item-width-daterange" size="small" type="date" value-format="yyyy-MM-dd HH:mm:ss" |
|
|
size="small" type="date" value-format="yyyy-MM-dd HH:mm:ss" value="yyyy-MM-dd" |
|
|
value="yyyy-MM-dd" placeholder="开始时间"> |
|
|
placeholder="开始时间"> |
|
|
</el-date-picker> |
|
|
</el-date-picker> |
|
|
<span class="u-data-tag">至</span> |
|
|
<span class="u-data-tag">至</span> |
|
|
<el-date-picker v-model.trim="formData.endTime" :picker-options="endPickerOptions" |
|
|
<el-date-picker v-model.trim="formData.endTime" class="u-item-width-daterange u-data-tag" |
|
|
class="u-item-width-daterange u-data-tag" size="small" type="date" |
|
|
size="small" type="date" value-format="yyyy-MM-dd HH:mm:ss" value="yyyy-MM-dd" |
|
|
value-format="yyyy-MM-dd HH:mm:ss" value="yyyy-MM-dd" placeholder="结束时间"> |
|
|
placeholder="结束时间"> |
|
|
</el-date-picker> |
|
|
</el-date-picker> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-row> |
|
|
<el-row> |
|
@ -95,7 +91,7 @@ |
|
|
|
|
|
|
|
|
<el-table-column prop="workOrder" align="center" label="工单编号" :show-overflow-tooltip="true"> |
|
|
<el-table-column prop="workOrder" align="center" label="工单编号" :show-overflow-tooltip="true"> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="eventType" label="事件类别" min-width="140" align="center" |
|
|
<el-table-column prop="eventType" label="事件类别" min-width="140" align="center" |
|
|
:show-overflow-tooltip="true" /> |
|
|
:show-overflow-tooltip="true" /> |
|
|
<!-- <template slot-scope="scope"> |
|
|
<!-- <template slot-scope="scope"> |
|
|
{{ scope.row.firstName + '-' + scope.row.secondName }} |
|
|
{{ scope.row.firstName + '-' + scope.row.secondName }} |
|
@ -107,12 +103,8 @@ |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="phone" align="center" width="110" label="联系电话" :show-overflow-tooltip="true"> |
|
|
<el-table-column prop="phone" align="center" width="110" label="联系电话" :show-overflow-tooltip="true"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-button |
|
|
<el-button v-if="scope.row.reportUserId !== null && scope.row.reportUserId !== ''" |
|
|
v-if="scope.row.reportUserId !== null && scope.row.reportUserId !== ''" |
|
|
@click="handleLook(scope.row)" type="text" size="small"> |
|
|
@click="handleLook(scope.row)" |
|
|
|
|
|
type="text" |
|
|
|
|
|
size="small" |
|
|
|
|
|
> |
|
|
|
|
|
{{ scope.row.phone }} |
|
|
{{ scope.row.phone }} |
|
|
</el-button> |
|
|
</el-button> |
|
|
<span v-else> |
|
|
<span v-else> |
|
@ -123,14 +115,16 @@ |
|
|
<el-table-column prop="date" align="center" width="110" label="办结时限" :show-overflow-tooltip="true"> |
|
|
<el-table-column prop="date" align="center" width="110" label="办结时限" :show-overflow-tooltip="true"> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
<el-table-column prop="handlestatus" align="center" width="110" label="办理状态" :show-overflow-tooltip="true"> |
|
|
<el-table-column prop="handlestatus" align="center" width="110" label="办理状态" |
|
|
|
|
|
:show-overflow-tooltip="true"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span v-if="scope.row.handlestatus === 0">联系当事人超期</span> |
|
|
<span v-if="scope.row.handlestatus === 0">联系当事人超期</span> |
|
|
<span v-else-if="scope.row.handlestatus ===1">部门办结超期</span> |
|
|
<span v-else-if="scope.row.handlestatus ===1">部门办结超期</span> |
|
|
<span v-else>--</span> |
|
|
<span v-else>--</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="deliverystatus" align="center" width="110" label="办理超期" :show-overflow-tooltip="true"> |
|
|
<el-table-column prop="deliverystatus" align="center" width="110" label="办理超期" |
|
|
|
|
|
:show-overflow-tooltip="true"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span v-if="scope.row.deliverystatus === 0">联系当事人超期</span> |
|
|
<span v-if="scope.row.deliverystatus === 0">联系当事人超期</span> |
|
|
<span v-else-if="scope.row.deliverystatus ===1">部门办结超期</span> |
|
|
<span v-else-if="scope.row.deliverystatus ===1">部门办结超期</span> |
|
@ -139,8 +133,9 @@ |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column fixed="right" label="操作" align="center" width="200px" prop="status"> |
|
|
<el-table-column fixed="right" label="操作" align="center" width="200px" prop="status"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-button @click="handleDispose(scope.row)" type="text" size="small" class="">查看</el-button> |
|
|
<el-button type="text" size="small" class="">查看</el-button> |
|
|
<el-button @click="handleDispose(scope.row)" type="text" size="small" class="">办理</el-button> |
|
|
<el-button @click="handleDispose(scope.row)" type="text" size="small" |
|
|
|
|
|
class="">办理</el-button> |
|
|
|
|
|
|
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
@ -162,9 +157,7 @@ |
|
|
import { requestPost } from "@/js/dai/request"; |
|
|
import { requestPost } from "@/js/dai/request"; |
|
|
import nextTick from "dai-js/tools/nextTick"; |
|
|
import nextTick from "dai-js/tools/nextTick"; |
|
|
import { mapGetters } from "vuex"; |
|
|
import { mapGetters } from "vuex"; |
|
|
|
|
|
|
|
|
import axios from "axios"; |
|
|
import axios from "axios"; |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -198,6 +191,7 @@ export default { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
return { |
|
|
return { |
|
|
|
|
|
dialogVisible:"false", |
|
|
pageType: "list", // 列表list 新增add 处理dispose 详情info |
|
|
pageType: "list", // 列表list 新增add 处理dispose 详情info |
|
|
user: {}, |
|
|
user: {}, |
|
|
|
|
|
|
|
@ -233,7 +227,7 @@ export default { |
|
|
{ |
|
|
{ |
|
|
workOrder:"5131133113213213213", |
|
|
workOrder:"5131133113213213213", |
|
|
eventType:"城乡建设-住房", |
|
|
eventType:"城乡建设-住房", |
|
|
eventContent:"王先生反映:市北区有一家换门及不好吃", |
|
|
eventContent:"王先生反映:市北区有一家黄焖鸡不好吃", |
|
|
eventName:"王先生", |
|
|
eventName:"王先生", |
|
|
phone:"15666628220", |
|
|
phone:"15666628220", |
|
|
deliverystatus:0, |
|
|
deliverystatus:0, |
|
@ -245,7 +239,7 @@ export default { |
|
|
{ |
|
|
{ |
|
|
workOrder:"5131133113213213213", |
|
|
workOrder:"5131133113213213213", |
|
|
eventType:"城乡建设-住房", |
|
|
eventType:"城乡建设-住房", |
|
|
eventContent:"王先生反映:市北区有一家换门及不好吃", |
|
|
eventContent:"王先生反映:市北区有一家黄焖鸡不好吃", |
|
|
eventName:"王先生", |
|
|
eventName:"王先生", |
|
|
phone:"15666628220", |
|
|
phone:"15666628220", |
|
|
deliverystatus:1, |
|
|
deliverystatus:1, |
|
@ -257,7 +251,7 @@ export default { |
|
|
{ |
|
|
{ |
|
|
workOrder:"5131133113213213213", |
|
|
workOrder:"5131133113213213213", |
|
|
eventType:"城乡建设-住房", |
|
|
eventType:"城乡建设-住房", |
|
|
eventContent:"王先生反映:市北区有一家换门及不好吃", |
|
|
eventContent:"王先生反映:市北区有一家黄焖鸡不好吃", |
|
|
eventName:"王先生", |
|
|
eventName:"王先生", |
|
|
phone:"15666628220", |
|
|
phone:"15666628220", |
|
|
deliverystatus:1, |
|
|
deliverystatus:1, |
|
@ -511,19 +505,8 @@ export default { |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
//加载组织数据 |
|
|
|
|
|
async handleDispose(row) { |
|
|
async handleDispose(row) { |
|
|
this.eventId = row.icEventId; |
|
|
console.log("row",row); |
|
|
const url = "/governance/icEvent/detail"; |
|
|
|
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
|
|
|
icEventId: this.eventId, |
|
|
|
|
|
}); |
|
|
|
|
|
if (code === 0) { |
|
|
|
|
|
this.eventDetailData = { ...data }; |
|
|
|
|
|
this.pageType = "dispose"; |
|
|
|
|
|
} else { |
|
|
|
|
|
this.$message.error(msg); |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
}, |
|
|
//下载模版 |
|
|
//下载模版 |
|
|
async handleExportModule() { |
|
|
async handleExportModule() { |
|
@ -774,17 +757,6 @@ export default { |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
handleChangeAgency(val) { |
|
|
|
|
|
|
|
|
|
|
|
this.sarr = [] |
|
|
|
|
|
const map = new Map(); |
|
|
|
|
|
this.getLastItem( |
|
|
|
|
|
this.orgOptions, |
|
|
|
|
|
val, |
|
|
|
|
|
"agencyId" |
|
|
|
|
|
); |
|
|
|
|
|
this.level = this.sarr[this.sarr.length - 1].level |
|
|
|
|
|
}, |
|
|
|
|
|
getLastItem(list, vals, key) { |
|
|
getLastItem(list, vals, key) { |
|
|
let LIST = list || []; |
|
|
let LIST = list || []; |
|
|
for (let item of LIST) { |
|
|
for (let item of LIST) { |
|
|