|
|
|
@ -1,19 +1,21 @@ |
|
|
|
<template> |
|
|
|
<div class="resi-container"> |
|
|
|
<div class="g-page" v-show="pageType == 'list'"> |
|
|
|
<el-card ref="searchCard" class="search-card"> |
|
|
|
<el-form |
|
|
|
ref="searchForm" |
|
|
|
<div class="g-page" |
|
|
|
v-show="pageType == 'list'"> |
|
|
|
<el-card ref="searchCard" |
|
|
|
class="search-card"> |
|
|
|
<el-form ref="searchForm" |
|
|
|
:inline="true" |
|
|
|
:model="fmData" |
|
|
|
:label-width="'100px'" |
|
|
|
class="demo-form-inline" |
|
|
|
> |
|
|
|
class="demo-form-inline"> |
|
|
|
<div> |
|
|
|
|
|
|
|
<el-form-item label="所属组织" label-width="100px" |
|
|
|
<el-form-item label="所属组织" |
|
|
|
label-width="100px" |
|
|
|
prop="orgId"> |
|
|
|
<el-cascader ref="cascaderUnit" v-model="orgId" |
|
|
|
<el-cascader ref="cascaderUnit" |
|
|
|
v-model="orgId" |
|
|
|
:options="optionsA" |
|
|
|
:props="{ checkStrictly: true, |
|
|
|
emitPath: false,children:'subAgencyList',label:'agencyName', value: 'orgLevel'}" |
|
|
|
@ -63,7 +65,9 @@ |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="事件类型" |
|
|
|
prop="firstIdList"> |
|
|
|
<el-cascader ref="cascaderEvent" v-model="eventTypeCheck" :options="cateOptions" |
|
|
|
<el-cascader ref="cascaderEvent" |
|
|
|
v-model="eventTypeCheck" |
|
|
|
:options="cateOptions" |
|
|
|
collapse-tags |
|
|
|
:show-all-levels="false" |
|
|
|
:props="{ |
|
|
|
@ -73,7 +77,10 @@ |
|
|
|
children:'subCategory', |
|
|
|
label:'name', |
|
|
|
value:'id' |
|
|
|
}" clearable class="item_width_2" @change="handleEventType" /> |
|
|
|
}" |
|
|
|
clearable |
|
|
|
class="item_width_2" |
|
|
|
@change="handleEventType" /> |
|
|
|
<!-- <template slot-scope="{ node, data }"> |
|
|
|
<div @click="cascaderClick(node, data)"> |
|
|
|
<span>{{ data.name }}</span> |
|
|
|
@ -81,6 +88,7 @@ |
|
|
|
</template> |
|
|
|
</el-cascader> --> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="事件状态" |
|
|
|
prop="status"> |
|
|
|
<el-select class="item_width_2" |
|
|
|
@ -96,7 +104,21 @@ |
|
|
|
</el-select> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
<!-- <el-form-item label="解决状态" |
|
|
|
prop="status"> |
|
|
|
<el-select class="item_width_2" |
|
|
|
v-model="fmData.status" |
|
|
|
placeholder="全部" |
|
|
|
size="small" |
|
|
|
clearable> |
|
|
|
<el-option v-for="item in resolvedStatus" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
|
|
|
|
</el-form-item> --> |
|
|
|
<el-form-item label="上报时间" |
|
|
|
prop="startTime"> |
|
|
|
<el-date-picker v-model="fmData.startTime" |
|
|
|
@ -120,7 +142,8 @@ |
|
|
|
|
|
|
|
<el-form-item label="处置选项" |
|
|
|
prop="staffId"> |
|
|
|
<el-checkbox v-model="checkStaffId" @change="handleCheckbox"></el-checkbox> |
|
|
|
<el-checkbox v-model="checkStaffId" |
|
|
|
@change="handleCheckbox"></el-checkbox> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
<el-button style="margin-left:30px" |
|
|
|
@ -137,22 +160,15 @@ |
|
|
|
|
|
|
|
<el-card class="resi-card-table"> |
|
|
|
<div class="resi-row-btn"> |
|
|
|
<el-button |
|
|
|
v-if="false" |
|
|
|
<el-button v-if="false" |
|
|
|
class="diy-button--add" |
|
|
|
size="small" |
|
|
|
@click="handleAdd" |
|
|
|
>新增</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
v-if="false" |
|
|
|
@click="handleAdd">新增</el-button> |
|
|
|
<el-button v-if="false" |
|
|
|
class="diy-button--export" |
|
|
|
size="small" |
|
|
|
@click="handleExportModule('room')" |
|
|
|
>下载模板</el-button |
|
|
|
> |
|
|
|
<el-upload |
|
|
|
v-if="false" |
|
|
|
@click="handleExportModule('room')">下载模板</el-button> |
|
|
|
<el-upload v-if="false" |
|
|
|
ref="upload" |
|
|
|
class="upload-btn" |
|
|
|
action="uploadUlr" |
|
|
|
@ -164,108 +180,85 @@ |
|
|
|
:on-progress="handleProgress" |
|
|
|
:on-success="handleExcelSuccess" |
|
|
|
:before-upload="beforeExcelUpload" |
|
|
|
:http-request="uploadHttpRequest" |
|
|
|
> |
|
|
|
<el-button |
|
|
|
size="small" |
|
|
|
:http-request="uploadHttpRequest"> |
|
|
|
<el-button size="small" |
|
|
|
class="diy-button--delete" |
|
|
|
:loading="importLoading" |
|
|
|
>{{ importBtnTitle }}</el-button |
|
|
|
> |
|
|
|
:loading="importLoading">{{ importBtnTitle }}</el-button> |
|
|
|
</el-upload> |
|
|
|
|
|
|
|
<el-button @click="handleChu" class="diy-button--reset" size="small" |
|
|
|
:loading="exportLoading">导出</el-button |
|
|
|
> |
|
|
|
<el-button @click="handleChu" |
|
|
|
class="diy-button--reset" |
|
|
|
size="small" |
|
|
|
:loading="exportLoading">导出</el-button> |
|
|
|
</div> |
|
|
|
|
|
|
|
<el-table |
|
|
|
:data="tableData" |
|
|
|
<el-table :data="tableData" |
|
|
|
border |
|
|
|
style="width: 100%" |
|
|
|
class="resi-table" |
|
|
|
:height="maxTableHeight" |
|
|
|
> |
|
|
|
<el-table-column |
|
|
|
label="序号" |
|
|
|
:height="maxTableHeight"> |
|
|
|
<el-table-column label="序号" |
|
|
|
fixed="left" |
|
|
|
type="index" |
|
|
|
align="center" |
|
|
|
width="50" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="gridName" |
|
|
|
width="50" /> |
|
|
|
<el-table-column prop="gridName" |
|
|
|
align="center" |
|
|
|
label="所属组织/网格" |
|
|
|
min-width="140" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
prop="firstName" |
|
|
|
<el-table-column prop="firstName" |
|
|
|
label="事件类型" |
|
|
|
min-width="140" |
|
|
|
align="center" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.firstName + '-' + scope.row.secondName }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
prop="staffName" |
|
|
|
<el-table-column prop="staffName" |
|
|
|
width="100" |
|
|
|
align="center" |
|
|
|
label="报事人" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
prop="mobile" |
|
|
|
<el-table-column prop="mobile" |
|
|
|
align="center" |
|
|
|
label="手机号" |
|
|
|
width="140" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
prop="createdTime" |
|
|
|
<el-table-column prop="createdTime" |
|
|
|
align="center" |
|
|
|
label="上报时间" |
|
|
|
width="160" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
prop="backGround" |
|
|
|
<el-table-column prop="backGround" |
|
|
|
align="center" |
|
|
|
label="事件内容" |
|
|
|
min-width="160" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
prop="publicReply" |
|
|
|
<el-table-column prop="publicReply" |
|
|
|
align="center" |
|
|
|
min-width="160" |
|
|
|
label="办理结果(结案说明)" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.publicReply }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="urlList" |
|
|
|
<el-table-column prop="urlList" |
|
|
|
align="center" |
|
|
|
label="图片 " |
|
|
|
> |
|
|
|
label="图片 "> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-image v-if="scope.row.urlList&&scope.row.urlList.length>0" |
|
|
|
style="width: 40px; height: 40px" |
|
|
|
@ -275,12 +268,10 @@ |
|
|
|
<span v-else></span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="origin" |
|
|
|
<el-table-column prop="origin" |
|
|
|
align="center" |
|
|
|
label="上报渠道" |
|
|
|
width="120" |
|
|
|
/> |
|
|
|
width="120" /> |
|
|
|
<!-- <template slot-scope="scope"> |
|
|
|
<span v-if="scope.row.origin == 'agency'">网格上报</span> |
|
|
|
<span v-else-if="scope.row.origin == 'ic_event'">居民上报</span> |
|
|
|
@ -289,89 +280,73 @@ |
|
|
|
</template> |
|
|
|
</el-table-column> --> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
prop="address" |
|
|
|
<el-table-column prop="address" |
|
|
|
align="center" |
|
|
|
label="地址 " |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="status" |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
<el-table-column prop="status" |
|
|
|
align="center" |
|
|
|
label="状态 " |
|
|
|
width="70" |
|
|
|
/> |
|
|
|
width="70" /> |
|
|
|
<!-- <el-table-column prop="status" |
|
|
|
align="center" |
|
|
|
label="解决状态 " |
|
|
|
width="90" /> --> |
|
|
|
<!-- <template slot-scope="scope"> |
|
|
|
{{ scope.row.status == 'pending' ? '处理中' : '已结案' }} |
|
|
|
</template> |
|
|
|
</el-table-column> --> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
fixed="right" |
|
|
|
<el-table-column fixed="right" |
|
|
|
label="操作" |
|
|
|
align="center" |
|
|
|
width="100" |
|
|
|
> |
|
|
|
width="100"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button |
|
|
|
v-if="scope.row.processable" |
|
|
|
<el-button v-if="scope.row.processable" |
|
|
|
@click="handleEdit(scope.$index)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
class="div-table-button--edit" |
|
|
|
>处理</el-button |
|
|
|
> |
|
|
|
class="div-table-button--edit">处理</el-button> |
|
|
|
|
|
|
|
<el-button |
|
|
|
v-else |
|
|
|
<el-button v-else |
|
|
|
@click="handleWatch(scope.$index)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
>查看</el-button |
|
|
|
> |
|
|
|
size="small">查看</el-button> |
|
|
|
|
|
|
|
<el-popconfirm |
|
|
|
v-if="false" |
|
|
|
<el-popconfirm v-if="false" |
|
|
|
title="删除之后无法回复，确认删除？" |
|
|
|
@onConfirm="handleDel(scope.row, scope.$index)" |
|
|
|
@confirm="handleDel(scope.row, scope.$index)" |
|
|
|
> |
|
|
|
<el-button |
|
|
|
slot="reference" |
|
|
|
@confirm="handleDel(scope.row, scope.$index)"> |
|
|
|
<el-button slot="reference" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
class="div-table-button--delete" |
|
|
|
style="margin-left: 10px" |
|
|
|
>删除</el-button |
|
|
|
> |
|
|
|
style="margin-left: 10px">删除</el-button> |
|
|
|
</el-popconfirm> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<div> |
|
|
|
<el-pagination |
|
|
|
@size-change="handleSizeChange" |
|
|
|
<el-pagination @size-change="handleSizeChange" |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
:current-page.sync="pageNo" |
|
|
|
:page-sizes="[20, 50, 100, 200]" |
|
|
|
:page-size="parseInt(pageSize)" |
|
|
|
layout="sizes, prev, pager, next, total" |
|
|
|
:total="total" |
|
|
|
> |
|
|
|
:total="total"> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="g-page" v-if="pageType == 'edit' || pageType == 'info'"> |
|
|
|
<project-info |
|
|
|
ref="eleEditForm" |
|
|
|
<div class="g-page" |
|
|
|
v-if="pageType == 'edit' || pageType == 'info'"> |
|
|
|
<project-info ref="eleEditForm" |
|
|
|
:type="pageType" |
|
|
|
:projectId="currentProject.projectId" |
|
|
|
@close="handleClose" |
|
|
|
@afterEdit="handleEditSuccess" |
|
|
|
/> |
|
|
|
@afterEdit="handleEditSuccess" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
@ -423,6 +398,16 @@ export default { |
|
|
|
|
|
|
|
tableData: [], |
|
|
|
|
|
|
|
resolvedStatus: [ |
|
|
|
{ |
|
|
|
value: "resolved", |
|
|
|
label: "已解决", |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: "unresolved", |
|
|
|
label: "无需解决", |
|
|
|
}, |
|
|
|
], |
|
|
|
optionsStatus: [ |
|
|
|
{ |
|
|
|
value: "pending", |
|
|
|
|
jiangyy
3 years ago