7 changed files with 401 additions and 5 deletions
@ -0,0 +1,301 @@ |
|||
<template> |
|||
<div class="mod-axis__caLoudong}"> |
|||
<el-card> |
|||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|||
<el-form-item label="上报人姓名" prop="wgy"> |
|||
<el-input |
|||
v-model="dataForm.wgy" |
|||
placeholder="上报人姓名" |
|||
clearable |
|||
></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="网格名称" prop="griddingname"> |
|||
<el-input |
|||
v-model="dataForm.griddingname" |
|||
placeholder="网格名称" |
|||
clearable |
|||
></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="事件名称" prop="eventtitle"> |
|||
<el-input |
|||
v-model="dataForm.eventtitle" |
|||
placeholder="事件名称" |
|||
clearable |
|||
></el-input> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" @click="getDataList()">{{ $t("query") }}</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-card> |
|||
<el-card shadow="never" class="aui-card--fill"> |
|||
<el-table |
|||
v-loading="dataListLoading" |
|||
:data="dataList" |
|||
border |
|||
@selection-change="dataListSelectionChangeHandle" |
|||
style="width: 100%" |
|||
> |
|||
<el-table-column |
|||
type="selection" |
|||
header-align="center" |
|||
align="center" |
|||
width="50" |
|||
></el-table-column> |
|||
<el-table-column |
|||
prop="griddingname" |
|||
label="网格名称" |
|||
header-align="center" |
|||
align="center" |
|||
:show-overflow-tooltip="true" |
|||
></el-table-column> |
|||
<el-table-column |
|||
prop="eventtitle" |
|||
label="事件名称" |
|||
header-align="center" |
|||
align="center" |
|||
:show-overflow-tooltip="true"> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="wgy" |
|||
label="上报人" |
|||
header-align="center" |
|||
align="center" |
|||
:show-overflow-tooltip="true" |
|||
></el-table-column> |
|||
<el-table-column |
|||
prop="eventaddrdetail" |
|||
label="发生地点" |
|||
header-align="center" |
|||
align="center" |
|||
:show-overflow-tooltip="true" |
|||
></el-table-column> |
|||
<el-table-column |
|||
prop="eventdate" |
|||
label="发生日期" |
|||
header-align="center" |
|||
align="center" |
|||
:show-overflow-tooltip="true"> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="finishedmethod" |
|||
label="办结方式" |
|||
header-align="center" |
|||
align="center" |
|||
:show-overflow-tooltip="true"> |
|||
</el-table-column> |
|||
<el-table-column :label="$t('handle')" fixed="right" align="center" width="100"> |
|||
<template slot-scope="row"> |
|||
<el-button |
|||
type="text" |
|||
class="div-table-button--detail" |
|||
size="small" |
|||
@click="getDetailById(row)" |
|||
>查看</el-button> |
|||
<el-button |
|||
type="text" |
|||
class="div-table-button--detail" |
|||
size="small" |
|||
@click="jumplink">去处置</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> |
|||
</el-card> |
|||
<el-dialog |
|||
title="事件信息详情" |
|||
:visible.sync="dialogVisible" |
|||
width="37%" |
|||
:before-close="handleClose"> |
|||
<el-form ref="form" :model="detailForm" label-width="100px"> |
|||
<el-form-item label="事件来源:"> |
|||
<el-input |
|||
style="width:300px;margin-left:20px" |
|||
v-model="detailForm.eventsource" |
|||
:disabled="true"> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item label="上报人:"> |
|||
<el-input |
|||
style="width:300px;margin-left:20px" |
|||
v-model="detailForm.wgy" |
|||
:disabled="true"> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item label="办结方式:"> |
|||
<el-input |
|||
style="width:300px;margin-left:20px" |
|||
v-model="detailForm.finishedmethod" |
|||
:disabled="true"> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item label="网格名称:"> |
|||
<el-input |
|||
style="width:300px;margin-left:20px" |
|||
v-model="detailForm.griddingname" |
|||
:disabled="true"> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item label="事件名称:"> |
|||
<el-input |
|||
type="textarea" |
|||
style="width:300px;margin-left:20px" |
|||
v-model="detailForm.eventtitle" |
|||
:disabled="true"> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item label="发生地点:"> |
|||
<el-input |
|||
type="textarea" |
|||
style="width:300px;margin-left:20px" |
|||
v-model="detailForm.eventaddrdetail" |
|||
:disabled="true"> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item label="事件简述:"> |
|||
<el-input |
|||
type="textarea" |
|||
style="width:300px;margin-left:20px" |
|||
v-model="detailForm.eventtext" |
|||
:disabled="true"> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item label="发生日期:"> |
|||
<el-input |
|||
style="width:300px;margin-left:20px" |
|||
v-model="detailForm.eventdate" |
|||
:disabled="true"> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item label="事件状态:"> |
|||
<el-input |
|||
style="width:300px;margin-left:20px" |
|||
v-model="detailForm.curstatus" |
|||
:disabled="true"> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item label="是否已抽取:"> |
|||
<el-input |
|||
style="width:300px;margin-left:20px" |
|||
v-model="detailForm.isExtracted" |
|||
:disabled="true"> |
|||
</el-input> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button style="margin-left:100px" @click="dialogVisible = false" type="primary">取 消</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import mixinViewModule from "@/mixins/view-post"; |
|||
export default { |
|||
mixins: [mixinViewModule], |
|||
data() { |
|||
return { |
|||
mixinViewModuleOptions: { |
|||
getDataListURL: "/opendata/caKettleBaseDisputeProcess/todo/getCaKettlePage", |
|||
getDataListIsPage: true, |
|||
deleteURL: "", |
|||
deleteIsBatch: true, |
|||
}, |
|||
dataForm: { |
|||
wgy: "", |
|||
griddingname:"", |
|||
eventtitle:"" |
|||
}, |
|||
detailForm:{ |
|||
griddingname: "", |
|||
eventtitle: "", |
|||
eventdate:"", |
|||
eventaddrdetail:"", |
|||
eventtext:"", |
|||
finishedmethod:"", |
|||
wgy:"", |
|||
eventsource:"", |
|||
curstatus:"", |
|||
isExtracted:"", |
|||
}, |
|||
optionsG:[], |
|||
dialogVisible: false |
|||
}; |
|||
}, |
|||
methods:{ |
|||
getDetailById(row){ |
|||
this.dialogVisible = true |
|||
this.$http.post(`/opendata/caKettleBaseDisputeProcess/getCaKettleDetails`,{ |
|||
baseKeyId:row.row.baseKeyId |
|||
}).then(resp => { |
|||
this.detailForm = resp.data.data |
|||
this.EscapeAttribute() |
|||
}).catch(error => { |
|||
this.$message.error(error) |
|||
}) |
|||
}, |
|||
EscapeAttribute(){ |
|||
if(this.detailForm.eventsource === "05") { |
|||
this.detailForm.eventsource = '网格员上报' |
|||
} else if(this.detailForm.eventsource === "03") { |
|||
this.detailForm.eventsource = '街道吹哨' |
|||
} else { |
|||
this.detailForm.eventsource = '其他' |
|||
} |
|||
switch (this.detailForm.curstatus) { |
|||
case 0 : |
|||
this.detailForm.curstatus = '待提交' |
|||
break |
|||
case 1 : |
|||
this.detailForm.curstatus = '提交' |
|||
break |
|||
case 2 : |
|||
this.detailForm.curstatus = '代派发' |
|||
break |
|||
case 3 : |
|||
this.detailForm.curstatus = '处理中' |
|||
break |
|||
case 4 : |
|||
this.detailForm.curstatus = '复核' |
|||
break |
|||
case 5 : |
|||
this.detailForm.curstatus = '办结' |
|||
break |
|||
case 6 : |
|||
this.detailForm.curstatus = '退回' |
|||
break |
|||
default : |
|||
this.detailForm.curstatus = '作废' |
|||
} |
|||
if(this.detailForm.isExtracted === '0') { |
|||
this.detailForm.isExtracted = '未抽取' |
|||
} else if (this.detailForm.isExtracted === '1') { |
|||
this.detailForm.isExtracted = '已抽取' |
|||
} else { |
|||
this.detailForm.isExtracted = '准备抽取' |
|||
} |
|||
}, |
|||
handleClose(done) { |
|||
this.$confirm('确认关闭?') |
|||
.then(_ => { |
|||
done(); |
|||
dialogVisible = false |
|||
}) |
|||
.catch(_ => {}); |
|||
}, |
|||
jumplink(){ |
|||
window.open('http://120.221.72.15:8089/sbwgh/bizsys/login.htm','_blank') |
|||
} |
|||
}, |
|||
}; |
|||
</script> |
Loading…
Reference in new issue