|
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<div v-show="currentPage == 'chaxun'">
|
|
|
|
|
<div class="m-box m-search">
|
|
|
|
|
<div class="wrap">
|
|
|
|
|
<div class="header">
|
|
|
|
|
<img src="@/assets/imgs/index/title-icon-sqcx.png" />
|
|
|
|
|
<span>社区查询</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="search">
|
|
|
|
|
<div class="search-input">
|
|
|
|
|
<div class="input">
|
|
|
|
|
<el-dropdown
|
|
|
|
|
class="select"
|
|
|
|
|
placement="bottom"
|
|
|
|
|
v-model="searchData.type"
|
|
|
|
|
@command="(type) => (searchData.type = type)"
|
|
|
|
|
>
|
|
|
|
|
<span class="select-show">
|
|
|
|
|
{{
|
|
|
|
|
{ jumin: "居民", fangwu: "房屋", xuqiu: "需求" }[
|
|
|
|
|
searchData.type
|
|
|
|
|
]
|
|
|
|
|
}}<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
|
|
</span>
|
|
|
|
|
<el-dropdown-menu slot="dropdown">
|
|
|
|
|
<el-dropdown-item command="jumin">居民</el-dropdown-item>
|
|
|
|
|
<el-dropdown-item command="fangwu">房屋</el-dropdown-item>
|
|
|
|
|
<el-dropdown-item command="xuqiu">需求</el-dropdown-item>
|
|
|
|
|
</el-dropdown-menu>
|
|
|
|
|
</el-dropdown>
|
|
|
|
|
|
|
|
|
|
<input
|
|
|
|
|
type="text"
|
|
|
|
|
:placeholder="typePlaceholder[searchData.type]"
|
|
|
|
|
v-model="searchData.keyword"
|
|
|
|
|
@keyup.enter="handleClickSearchBtn"
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
class="close-btn"
|
|
|
|
|
v-if="searchData.keyword != ''"
|
|
|
|
|
@click="searchData.keyword = ''"
|
|
|
|
|
>
|
|
|
|
|
<img src="@/assets/img/shequ/close.png" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="btn" @click="handleClickSearchBtn">搜索</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="btn2" @click="handleClickSearchBtn">智能搜索</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
class="m-tb"
|
|
|
|
|
v-if="
|
|
|
|
|
searchData.type == 'jumin' &&
|
|
|
|
|
searchData.keyword != '' &&
|
|
|
|
|
searchStatus == 'ing'
|
|
|
|
|
"
|
|
|
|
|
>
|
|
|
|
|
<div class="tb">
|
|
|
|
|
<el-table
|
|
|
|
|
:data="searchJumin.list"
|
|
|
|
|
border
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
class="resi-table"
|
|
|
|
|
:max-height="1000"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="序号"
|
|
|
|
|
type="index"
|
|
|
|
|
align="center"
|
|
|
|
|
width="50"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column
|
|
|
|
|
v-for="item in searchJumin.header"
|
|
|
|
|
:key="item.columnName"
|
|
|
|
|
:prop="item.columnName"
|
|
|
|
|
:label="item.label"
|
|
|
|
|
align="center"
|
|
|
|
|
:show-overflow-tooltip="true"
|
|
|
|
|
:width="
|
|
|
|
|
item.itemType === 'radio' ? computedWidth(item.label) : 180
|
|
|
|
|
"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<span>{{ handleFilterSpan(scope.row, item) }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column fixed="right" label="操作" align="center">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button
|
|
|
|
|
@click="handleWatchSearchJumin(scope.$index)"
|
|
|
|
|
type="text"
|
|
|
|
|
size="small"
|
|
|
|
|
>查看</el-button
|
|
|
|
|
>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<el-pagination
|
|
|
|
|
@size-change="handleSizeChangeSearchJumin"
|
|
|
|
|
@current-change="handleCurrentChangeSearchJumin"
|
|
|
|
|
:current-page.sync="searchJumin.pageNo"
|
|
|
|
|
:page-sizes="[20, 50, 100, 200]"
|
|
|
|
|
:page-size="parseInt(searchJumin.pageSize)"
|
|
|
|
|
layout="sizes, prev, pager, next, total"
|
|
|
|
|
:total="searchJumin.total"
|
|
|
|
|
>
|
|
|
|
|
</el-pagination>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
class="m-tb"
|
|
|
|
|
v-if="
|
|
|
|
|
searchData.type == 'fangwu' &&
|
|
|
|
|
searchData.keyword != '' &&
|
|
|
|
|
searchStatus == 'ing'
|
|
|
|
|
"
|
|
|
|
|
>
|
|
|
|
|
<div class="tb">
|
|
|
|
|
<el-table
|
|
|
|
|
:data="searchFangwu.list"
|
|
|
|
|
v-loading="searchFangwu.loading"
|
|
|
|
|
border
|
|
|
|
|
:max-height="1000"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="序号"
|
|
|
|
|
type="index"
|
|
|
|
|
align="center"
|
|
|
|
|
width="50"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column prop="houseName" label="房屋名称" width="120">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="neighborHoodName"
|
|
|
|
|
label="所属小区"
|
|
|
|
|
width="160"
|
|
|
|
|
>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="buildingName" label="所属楼栋">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="unitNum" label="单元号">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="doorName" label="门牌号">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="houseType" label="类型">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="purpose" label="用途"> </el-table-column>
|
|
|
|
|
<el-table-column prop="rentFlag" label="房屋状态">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="ownerName" label="房主姓名">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="ownerPhone" label="房主电话" width="110">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="ownerIdCard" label="身份证" width="170">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="操作"
|
|
|
|
|
fixed="right"
|
|
|
|
|
header-align="center"
|
|
|
|
|
align="center"
|
|
|
|
|
class="operate"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button
|
|
|
|
|
type="text"
|
|
|
|
|
style="color: #1c6afd; text-decoration: underline"
|
|
|
|
|
size="small"
|
|
|
|
|
@click="handleWatchSearchFangwu(scope.row)"
|
|
|
|
|
>查看</el-button
|
|
|
|
|
>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
<div>
|
|
|
|
|
<el-pagination
|
|
|
|
|
@size-change="handleSizeChangeSearchFangwu"
|
|
|
|
|
@current-change="handleCurrentChangeSearchFangwu"
|
|
|
|
|
:current-page.sync="searchFangwu.pageNo"
|
|
|
|
|
:page-sizes="[20, 50, 100, 200]"
|
|
|
|
|
:page-size="parseInt(searchFangwu.pageSize)"
|
|
|
|
|
layout="sizes, prev, pager, next"
|
|
|
|
|
:total="searchFangwu.total"
|
|
|
|
|
>
|
|
|
|
|
</el-pagination>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
class="m-tb"
|
|
|
|
|
v-if="
|
|
|
|
|
searchData.type == 'xuqiu' &&
|
|
|
|
|
searchData.keyword != '' &&
|
|
|
|
|
searchStatus == 'ing'
|
|
|
|
|
"
|
|
|
|
|
>
|
|
|
|
|
<div class="tb">
|
|
|
|
|
<el-table
|
|
|
|
|
:data="searchXuqiu.list"
|
|
|
|
|
v-loading="searchXuqiu.loading"
|
|
|
|
|
border
|
|
|
|
|
:max-height="1000"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="序号"
|
|
|
|
|
type="index"
|
|
|
|
|
align="center"
|
|
|
|
|
width="50"
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
<el-table-column
|
|
|
|
|
v-for="item in searchXuqiu.header"
|
|
|
|
|
:key="item.columnName"
|
|
|
|
|
:prop="item.columnName"
|
|
|
|
|
:label="item.label"
|
|
|
|
|
:align="item.align"
|
|
|
|
|
:width="item.width"
|
|
|
|
|
:show-overflow-tooltip="true"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<span>{{ handleFilterSpan(scope.row, item) }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="操作"
|
|
|
|
|
fixed="right"
|
|
|
|
|
header-align="center"
|
|
|
|
|
align="center"
|
|
|
|
|
class="operate"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button
|
|
|
|
|
type="text"
|
|
|
|
|
style="color: #1c6afd; text-decoration: underline"
|
|
|
|
|
size="small"
|
|
|
|
|
@click="handleWatchSearchXuqiu(scope.row)"
|
|
|
|
|
>查看</el-button
|
|
|
|
|
>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
<div>
|
|
|
|
|
<el-pagination
|
|
|
|
|
@size-change="handleSizeChangeSearchXuqiu"
|
|
|
|
|
@current-change="handleCurrentChangeSearchXuqiu"
|
|
|
|
|
:current-page.sync="searchXuqiu.pageNo"
|
|
|
|
|
:page-sizes="[20, 50, 100, 200]"
|
|
|
|
|
:page-size="parseInt(searchXuqiu.pageSize)"
|
|
|
|
|
layout="sizes, prev, pager, next"
|
|
|
|
|
:total="searchXuqiu.total"
|
|
|
|
|
>
|
|
|
|
|
</el-pagination>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
class="m-tb"
|
|
|
|
|
v-if="
|
|
|
|
|
searchData.type == 'xuqiu' &&
|
|
|
|
|
searchData.keyword != '' &&
|
|
|
|
|
searchStatus == 'ing'
|
|
|
|
|
"
|
|
|
|
|
>
|
|
|
|
|
<div class="tb"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="g-row">
|
|
|
|
|
<div class="m-box m-pan">
|
|
|
|
|
<div class="wrap">
|
|
|
|
|
<div class="header">
|
|
|
|
|
<img src="@/assets/imgs/index/title-icon-sqcx.png" />
|
|
|
|
|
<span>社区总览</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="cnt">
|
|
|
|
|
<div class="intro">
|
|
|
|
|
南宁路社区，归属青岛市市北区阜新路街道，划分为6个网格，现有居民3500户、8000人，其中常住人口7000人，流动人口1000人，各类群体分布如下：
|
|
|
|
|
</div>
|
|
|
|
|
<div class="pan">
|
|
|
|
|
<pan-chart
|
|
|
|
|
:width="350"
|
|
|
|
|
:height="300"
|
|
|
|
|
v-if="warningChart.loading"
|
|
|
|
|
:total="warningChart.total"
|
|
|
|
|
:list="warningChart.list"
|
|
|
|
|
@clickBar="changeCategoryCode"
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
<div class="pan-intro">
|
|
|
|
|
<div
|
|
|
|
|
class="item"
|
|
|
|
|
:key="item.code"
|
|
|
|
|
v-for="(item, index) in warningChart.list"
|
|
|
|
|
>
|
|
|
|
|
<i :style="{ background: panColorList[index] }"></i>
|
|
|
|
|
<span>{{ item.name }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="hint">
|
|
|
|
|
<i>*</i> 根据数据分析结果，建议重点关注
|
|
|
|
|
<b>老年人、低保人员、残疾人</b>
|
|
|
|
|
三类群体，开展相关的社区服务和活动。
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="g-row-right">
|
|
|
|
|
<div class="m-box m-tx">
|
|
|
|
|
<div class="wrap">
|
|
|
|
|
<div class="header">
|
|
|
|
|
<img src="@/assets/imgs/index/title-icon-zntx.png" />
|
|
|
|
|
<span>智能提醒</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="more">更多></div>
|
|
|
|
|
<div class="cnt">
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="item-title">
|
|
|
|
|
鞍山路小区12号楼2单元202户房屋状态于2022年9月12日由自住变更为出租，请···
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item-date">2022-09-12 10:25</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="item-title">
|
|
|
|
|
鞍山路小区12号楼2单元202户房屋状态于2022年9月12日由自住变更为出租，请···
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item-date">2022-09-12 10:25</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="item-title">
|
|
|
|
|
鞍山路小区12号楼2单元202户房屋状态于2022年9月12日由自住变更为出租，请···
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item-date">2022-09-12 10:25</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="item-title">
|
|
|
|
|
鞍山路小区12号楼2单元202户房屋状态于2022年9月12日由自住变更为出租，请···
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item-date">2022-09-12 10:25</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="m-box m-tb">
|
|
|
|
|
<div class="wrap">
|
|
|
|
|
<div class="header">
|
|
|
|
|
<img src="@/assets/imgs/index/title-icon-zntb.png" />
|
|
|
|
|
<span>智能填报</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="more">更多></div>
|
|
|
|
|
<div class="cnt">
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="item-name">《80-90周岁高龄老人生活补助申请表》</div>
|
|
|
|
|
<div class="item-btns">
|
|
|
|
|
<div class="item-btn">填写</div>
|
|
|
|
|
<div class="item-btn">下载</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="item-name">《80-90周岁高龄老人生活补助申请表》</div>
|
|
|
|
|
<div class="item-btns">
|
|
|
|
|
<div class="item-btn">填写</div>
|
|
|
|
|
<div class="item-btn">下载</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="item-name">《80-90周岁高龄老人生活补助申请表》</div>
|
|
|
|
|
<div class="item-btns">
|
|
|
|
|
<div class="item-btn">填写</div>
|
|
|
|
|
<div class="item-btn">下载</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="item-name">《80-90周岁高龄老人生活补助申请表》</div>
|
|
|
|
|
<div class="item-btns">
|
|
|
|
|
<div class="item-btn">填写</div>
|
|
|
|
|
<div class="item-btn">下载</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import { requestPost } from "@/js/dai/request";
|
|
|
|
|
import panChart from "@/views/modules/shequ/cpts/pan-chart";
|
|
|
|
|
import warningList from "@/views/modules/warning/index";
|
|
|
|
|
import { mapGetters } from "vuex";
|
|
|
|
|
import nextTick from "dai-js/tools/nextTick";
|
|
|
|
|
import peopleMore from "@/views/modules/shequ/cpts/people-more";
|
|
|
|
|
import fangwuInfo from "@/views/modules/shequ/cpts/fangwu-info";
|
|
|
|
|
import xuqiuInfo from "@/views/modules/shequ/cpts/xuqiu-info";
|
|
|
|
|
import scrollNotice from "@/views/modules/shequ/cpts/scroll-notice";
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
components: {
|
|
|
|
|
panChart,
|
|
|
|
|
peopleMore,
|
|
|
|
|
fangwuInfo,
|
|
|
|
|
xuqiuInfo,
|
|
|
|
|
warningList,
|
|
|
|
|
scrollNotice,
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
panColorList: [
|
|
|
|
|
"#e70014",
|
|
|
|
|
"#ea6200",
|
|
|
|
|
"#f59701",
|
|
|
|
|
"#fcc900",
|
|
|
|
|
"#fef200",
|
|
|
|
|
"#cedc01",
|
|
|
|
|
"#8fc41e",
|
|
|
|
|
"#22ad38",
|
|
|
|
|
"#009b44",
|
|
|
|
|
"#009c6c",
|
|
|
|
|
"#019e97",
|
|
|
|
|
"#00a1be",
|
|
|
|
|
"#00a2c1",
|
|
|
|
|
"#00a0ea",
|
|
|
|
|
"#0085d2",
|
|
|
|
|
"#0067b6",
|
|
|
|
|
"#00469b",
|
|
|
|
|
"#1d2089",
|
|
|
|
|
"#5e1986",
|
|
|
|
|
"#920784",
|
|
|
|
|
"#bd0081",
|
|
|
|
|
"#e5007f",
|
|
|
|
|
"#e5026d",
|
|
|
|
|
"#e4024e",
|
|
|
|
|
"#e40031",
|
|
|
|
|
],
|
|
|
|
|
|
|
|
|
|
searchStatus: "ini", //ing over
|
|
|
|
|
searchData: {
|
|
|
|
|
type: "jumin",
|
|
|
|
|
keyword: "",
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
typePlaceholder: {
|
|
|
|
|
jumin: "请输入姓名或电话或身份证号",
|
|
|
|
|
fangwu: "请输入“小区名称，楼号”，如：亿联小区，1号楼",
|
|
|
|
|
xuqiu: "请输入需求人或需求内容或服务方",
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
selectedFuncIdList: [],
|
|
|
|
|
|
|
|
|
|
funcList: [
|
|
|
|
|
// {
|
|
|
|
|
// url: '',
|
|
|
|
|
// menuId: '',
|
|
|
|
|
// menuName: '',
|
|
|
|
|
// icon: '',
|
|
|
|
|
// }
|
|
|
|
|
],
|
|
|
|
|
|
|
|
|
|
showedFuncPanel: false,
|
|
|
|
|
|
|
|
|
|
warningChart: {
|
|
|
|
|
loading: false,
|
|
|
|
|
total: "",
|
|
|
|
|
list: [],
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
warningTb: {
|
|
|
|
|
pageNo: 1,
|
|
|
|
|
pageSize: window.localStorage.getItem("pageSize") || 20,
|
|
|
|
|
total: 1,
|
|
|
|
|
list: [],
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
searchJumin: {
|
|
|
|
|
header: [],
|
|
|
|
|
pageNo: 1,
|
|
|
|
|
pageSize: window.localStorage.getItem("pageSize") || 20,
|
|
|
|
|
total: 1,
|
|
|
|
|
list: [],
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
searchFangwu: {
|
|
|
|
|
pageNo: 1,
|
|
|
|
|
pageSize: window.localStorage.getItem("pageSize") || 20,
|
|
|
|
|
total: 1,
|
|
|
|
|
list: [],
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
searchXuqiu: {
|
|
|
|
|
header: [
|
|
|
|
|
{
|
|
|
|
|
label: "状态",
|
|
|
|
|
align: "center",
|
|
|
|
|
columnName: "statusName",
|
|
|
|
|
width: "120",
|
|
|
|
|
options: [
|
|
|
|
|
{
|
|
|
|
|
label: "待处理",
|
|
|
|
|
value: "pending",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "已取消",
|
|
|
|
|
value: "canceled",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "已派单",
|
|
|
|
|
value: "assigned",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "已接单",
|
|
|
|
|
value: "have_order",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "已完成",
|
|
|
|
|
value: "finished",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "所属网格",
|
|
|
|
|
columnName: "gridName",
|
|
|
|
|
align: "center",
|
|
|
|
|
width: "",
|
|
|
|
|
options: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "需求类型",
|
|
|
|
|
columnName: "categoryName",
|
|
|
|
|
align: "center",
|
|
|
|
|
width: "",
|
|
|
|
|
options: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "需求内容",
|
|
|
|
|
columnName: "content",
|
|
|
|
|
align: "center",
|
|
|
|
|
width: "",
|
|
|
|
|
options: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "上报类型",
|
|
|
|
|
columnName: "reportTypeName",
|
|
|
|
|
align: "center",
|
|
|
|
|
width: "120",
|
|
|
|
|
options: [
|
|
|
|
|
{
|
|
|
|
|
label: "社区帮办",
|
|
|
|
|
value: "community",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "楼长帮办",
|
|
|
|
|
value: "building_caption",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "党员帮办",
|
|
|
|
|
value: "party",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "自身上报",
|
|
|
|
|
value: "self_help",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "上报人",
|
|
|
|
|
columnName: "reportUserName",
|
|
|
|
|
align: "center",
|
|
|
|
|
width: "120",
|
|
|
|
|
options: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "上报时间",
|
|
|
|
|
columnName: "reportTime",
|
|
|
|
|
align: "center",
|
|
|
|
|
width: "180",
|
|
|
|
|
options: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "需求人",
|
|
|
|
|
columnName: "demandUserName",
|
|
|
|
|
align: "center",
|
|
|
|
|
width: "80",
|
|
|
|
|
options: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "服务方",
|
|
|
|
|
columnName: "serviceShowName",
|
|
|
|
|
align: "center",
|
|
|
|
|
width: "120",
|
|
|
|
|
options: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "服务时间",
|
|
|
|
|
columnName: "wantServiceTime",
|
|
|
|
|
align: "center",
|
|
|
|
|
width: "180",
|
|
|
|
|
options: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
pageNo: 1,
|
|
|
|
|
pageSize: window.localStorage.getItem("pageSize") || 20,
|
|
|
|
|
total: 1,
|
|
|
|
|
list: [],
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// 显示人员详情
|
|
|
|
|
showedPeopleMoreInfo: false,
|
|
|
|
|
|
|
|
|
|
currentPepeleId: "",
|
|
|
|
|
currentPepeleGridName: "",
|
|
|
|
|
|
|
|
|
|
// 显示人员详情
|
|
|
|
|
showedFangwuInfo: false,
|
|
|
|
|
showedXuqiuInfo: false,
|
|
|
|
|
|
|
|
|
|
noticeList: [
|
|
|
|
|
// {
|
|
|
|
|
// configId: "20211210153859_f070ac2dd01129da5d9a9f2329fbd9ea1",
|
|
|
|
|
// noticeContent: "市北区-抚顺第二网格中南国际2号楼低保人员超出预警!",
|
|
|
|
|
// },
|
|
|
|
|
],
|
|
|
|
|
|
|
|
|
|
currentCategoryCode: "",
|
|
|
|
|
|
|
|
|
|
currentPage: "chaxun", //查询 预警
|
|
|
|
|
currentNoticeBuildingId: "",
|
|
|
|
|
currentNoticeConfigId: "",
|
|
|
|
|
|
|
|
|
|
peopleInfo: {
|
|
|
|
|
userTotal: "--",
|
|
|
|
|
userTotalJSY: "--",
|
|
|
|
|
ldUserTotal: "--",
|
|
|
|
|
czUserTotal: "--",
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
orgData: {
|
|
|
|
|
id: "",
|
|
|
|
|
level: "agency",
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
selectedFuncList() {
|
|
|
|
|
const {
|
|
|
|
|
selectedFuncIdList,
|
|
|
|
|
$store: {
|
|
|
|
|
state: { sidebarMenuList },
|
|
|
|
|
},
|
|
|
|
|
} = this;
|
|
|
|
|
let obj = {};
|
|
|
|
|
sidebarMenuList.forEach((menu) => {
|
|
|
|
|
if (selectedFuncIdList.indexOf(menu.id) !== -1) {
|
|
|
|
|
obj[menu.id] = {
|
|
|
|
|
menuId: menu.id,
|
|
|
|
|
menuName: menu.name,
|
|
|
|
|
icon: menu.icon,
|
|
|
|
|
url: menu.url,
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
if (menu.children && menu.children.length > 0) {
|
|
|
|
|
menu.children.forEach((item) => {
|
|
|
|
|
if (selectedFuncIdList.indexOf(item.id) !== -1) {
|
|
|
|
|
obj[item.id] = {
|
|
|
|
|
menuId: item.id,
|
|
|
|
|
menuName: item.name,
|
|
|
|
|
icon: item.icon,
|
|
|
|
|
url: item.url,
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
return selectedFuncIdList.map((id) => obj[id]);
|
|
|
|
|
},
|
|
|
|
|
maxTableHeight() {
|
|
|
|
|
// return this.clientHeight - 450;
|
|
|
|
|
return 420;
|
|
|
|
|
},
|
|
|
|
|
...mapGetters(["clientHeight"]),
|
|
|
|
|
},
|
|
|
|
|
watch: {
|
|
|
|
|
"searchData.keyword": function (val) {
|
|
|
|
|
if (val == "") {
|
|
|
|
|
this.searchStatus = "ini";
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
this.getApiData();
|
|
|
|
|
console.log(
|
|
|
|
|
"dynamicMenuRoutes----------------------------",
|
|
|
|
|
this.$store.state.sidebarMenuList
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
changeCategoryCode({ code }) {
|
|
|
|
|
this.currentCategoryCode = code || "";
|
|
|
|
|
|
|
|
|
|
this.warningTb.pageNo = 1;
|
|
|
|
|
this.getWarningTb();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
computedWidth(label) {
|
|
|
|
|
const wd = 20 * label.length;
|
|
|
|
|
return wd > 80 ? wd : 80;
|
|
|
|
|
},
|
|
|
|
|
handleFilterSpan(row, item) {
|
|
|
|
|
let _val = "";
|
|
|
|
|
if (item.options && item.options.length > 0) {
|
|
|
|
|
item.options.forEach((n) => {
|
|
|
|
|
if (n.value === row[item.columnName]) _val = n.label;
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
return _val || row[item.columnName];
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
handleClickSearchBtn() {
|
|
|
|
|
const {
|
|
|
|
|
searchData: { type, keyword },
|
|
|
|
|
} = this;
|
|
|
|
|
if (!keyword) return this.$message.error("请输入搜索条件");
|
|
|
|
|
if (type == "jumin") {
|
|
|
|
|
this.searchJumin.pageNo = 1;
|
|
|
|
|
this.searchJumin.total = 0;
|
|
|
|
|
this.getSearchJumin();
|
|
|
|
|
} else if (type == "fangwu") {
|
|
|
|
|
this.searchFangwu.pageNo = 1;
|
|
|
|
|
this.searchFangwu.total = 0;
|
|
|
|
|
this.getSearchFangwu();
|
|
|
|
|
} else if (type == "xuqiu") {
|
|
|
|
|
this.searchXuqiu.pageNo = 1;
|
|
|
|
|
this.searchXuqiu.total = 0;
|
|
|
|
|
this.getSearchXuqiu();
|
|
|
|
|
}
|
|
|
|
|
this.searchStatus = "ing";
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
handleSizeChangeWarning(val) {
|
|
|
|
|
console.log(`每页 ${val} 条`);
|
|
|
|
|
this.warningTb.pageSize = val;
|
|
|
|
|
window.localStorage.setItem("pageSize", val);
|
|
|
|
|
this.getWarningTb();
|
|
|
|
|
},
|
|
|
|
|
handleCurrentChangeWarning(val) {
|
|
|
|
|
console.log(`当前页: ${val}`);
|
|
|
|
|
this.warningTb.pageNo = val;
|
|
|
|
|
this.getWarningTb();
|
|
|
|
|
},
|
|
|
|
|
async handleWatchWarning(rowIndex) {
|
|
|
|
|
let item = this.warningTb.list[rowIndex];
|
|
|
|
|
this.currentPepeleId = item.userId;
|
|
|
|
|
this.currentPepeleGridName = item.gridName;
|
|
|
|
|
await nextTick();
|
|
|
|
|
this.showedPeopleMoreInfo = true;
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
handleSizeChangeSearchJumin(val) {
|
|
|
|
|
console.log(`每页 ${val} 条`);
|
|
|
|
|
this.searchJumin.pageSize = val;
|
|
|
|
|
window.localStorage.setItem("pageSize", val);
|
|
|
|
|
this.getSearchJumin();
|
|
|
|
|
},
|
|
|
|
|
handleCurrentChangeSearchJumin(val) {
|
|
|
|
|
console.log(`当前页: ${val}`);
|
|
|
|
|
this.searchJumin.pageNo = val;
|
|
|
|
|
this.getSearchJumin();
|
|
|
|
|
},
|
|
|
|
|
async handleWatchSearchJumin(rowIndex) {
|
|
|
|
|
let item = this.searchJumin.list[rowIndex];
|
|
|
|
|
this.currentPepeleId = item.icResiUserId;
|
|
|
|
|
this.currentPepeleGridName = item.GRID_ID;
|
|
|
|
|
await nextTick();
|
|
|
|
|
this.showedPeopleMoreInfo = true;
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
handleSizeChangeSearchFangwu(val) {
|
|
|
|
|
console.log(`每页 ${val} 条`);
|
|
|
|
|
this.searchFangwu.pageSize = val;
|
|
|
|
|
window.localStorage.setItem("pageSize", val);
|
|
|
|
|
this.getSearchFangwu();
|
|
|
|
|
},
|
|
|
|
|
handleCurrentChangeSearchFangwu(val) {
|
|
|
|
|
console.log(`当前页: ${val}`);
|
|
|
|
|
this.searchFangwu.pageNo = val;
|
|
|
|
|
this.getSearchFangwu();
|
|
|
|
|
},
|
|
|
|
|
async handleWatchSearchFangwu(row) {
|
|
|
|
|
this.showedFangwuInfo = true;
|
|
|
|
|
await nextTick();
|
|
|
|
|
this.$refs.fangwu_info.initForm("detail", row);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
handleSizeChangeSearchXuqiu(val) {
|
|
|
|
|
console.log(`每页 ${val} 条`);
|
|
|
|
|
this.searchXuqiu.pageSize = val;
|
|
|
|
|
window.localStorage.setItem("pageSize", val);
|
|
|
|
|
this.getSearchXuqiu();
|
|
|
|
|
},
|
|
|
|
|
handleCurrentChangeSearchXuqiu(val) {
|
|
|
|
|
console.log(`当前页: ${val}`);
|
|
|
|
|
this.searchXuqiu.pageNo = val;
|
|
|
|
|
this.getSearchXuqiu();
|
|
|
|
|
},
|
|
|
|
|
async handleWatchSearchXuqiu(row) {
|
|
|
|
|
this.showedXuqiuInfo = true;
|
|
|
|
|
await nextTick();
|
|
|
|
|
this.$refs.xuqiu_info.initForm("detail", row);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
handleClickFunc(menu) {
|
|
|
|
|
const menuId = menu.menuId;
|
|
|
|
|
var route = window.SITE_CONFIG["dynamicMenuRoutes"].filter(
|
|
|
|
|
(item) => item.meta.menuId === menuId
|
|
|
|
|
)[0];
|
|
|
|
|
if (route) {
|
|
|
|
|
if (route.meta.iframeURL.endsWith("【跳转新页面】")) {
|
|
|
|
|
window.open(route.meta.iframeURL.slice(0, -7));
|
|
|
|
|
} else {
|
|
|
|
|
this.$router.push({ name: route.name });
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
async getApiData() {
|
|
|
|
|
await this.getOrgData();
|
|
|
|
|
this.getPeopleInfo();
|
|
|
|
|
this.getWarningList();
|
|
|
|
|
// this.getWarningTb();
|
|
|
|
|
// this.getSearchJuminHeader();
|
|
|
|
|
// this.getNoticeList();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
selectFuncItem(id) {
|
|
|
|
|
let index = this.selectedFuncIdList.indexOf(id);
|
|
|
|
|
if (index === -1) {
|
|
|
|
|
this.selectedFuncIdList.push(id);
|
|
|
|
|
} else {
|
|
|
|
|
this.selectedFuncIdList.splice(index, 1);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
toNoticeInfo(item) {
|
|
|
|
|
console.log(item);
|
|
|
|
|
this.currentPage = "yujing";
|
|
|
|
|
if (item) {
|
|
|
|
|
this.currentNoticeBuildingId = item.buildingId;
|
|
|
|
|
this.currentNoticeConfigId = item.configId;
|
|
|
|
|
} else {
|
|
|
|
|
this.currentNoticeBuildingId = "";
|
|
|
|
|
this.currentNoticeConfigId = "";
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
//加载组织数据
|
|
|
|
|
async getOrgData() {
|
|
|
|
|
const url = "/gov/org/agency/maporg";
|
|
|
|
|
let params = {
|
|
|
|
|
orgId: "",
|
|
|
|
|
level: "",
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params);
|
|
|
|
|
|
|
|
|
|
if (code === 0) {
|
|
|
|
|
this.orgData = data;
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(msg);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
async getNoticeList() {
|
|
|
|
|
const url = "/epmetuser/statsresiwarn/queryuserwarnnotice";
|
|
|
|
|
const { data, code, msg } = await requestPost(url, {
|
|
|
|
|
agencyId: this.$store.state.user.agencyId,
|
|
|
|
|
});
|
|
|
|
|
if (code === 0) {
|
|
|
|
|
this.noticeList = data || [];
|
|
|
|
|
} else {
|
|
|
|
|
// return this.$message.error("网络错误");
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
async getSearchJuminHeader() {
|
|
|
|
|
const url = "/oper/customize/icform/tableheaders";
|
|
|
|
|
const { data, code, msg } = await requestPost(url, {
|
|
|
|
|
formCode: "resi_base_info",
|
|
|
|
|
});
|
|
|
|
|
if (code === 0) {
|
|
|
|
|
console.log("居民表格header请求成功！！！！！！！！！！！！！！");
|
|
|
|
|
this.searchJumin.header = data;
|
|
|
|
|
} else {
|
|
|
|
|
return this.$message.error("网络错误");
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
async getSearchXuqiu() {
|
|
|
|
|
const url = "/heart/userdemand/search";
|
|
|
|
|
const {
|
|
|
|
|
searchData: { keyword },
|
|
|
|
|
searchXuqiu: { pageSize, pageNo },
|
|
|
|
|
} = this;
|
|
|
|
|
const { data, code, msg } = await requestPost(url, {
|
|
|
|
|
keyword,
|
|
|
|
|
pageSize,
|
|
|
|
|
pageNo,
|
|
|
|
|
});
|
|
|
|
|
if (code === 0) {
|
|
|
|
|
console.log("列表请求成功！！！！！！！！！！！！！！");
|
|
|
|
|
this.searchXuqiu.total = data.total || 0;
|
|
|
|
|
this.searchXuqiu.list = data.list
|
|
|
|
|
? data.list.map((item) => {
|
|
|
|
|
return item;
|
|
|
|
|
})
|
|
|
|
|
: [];
|
|
|
|
|
} else {
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
async getSearchJumin() {
|
|
|
|
|
const url = "/epmetuser/icresiuser/search";
|
|
|
|
|
const {
|
|
|
|
|
searchData: { keyword },
|
|
|
|
|
searchJumin: { pageSize, pageNo },
|
|
|
|
|
} = this;
|
|
|
|
|
const { data, code, msg } = await requestPost(url, {
|
|
|
|
|
keyword,
|
|
|
|
|
pageSize,
|
|
|
|
|
pageNo,
|
|
|
|
|
});
|
|
|
|
|
if (code === 0) {
|
|
|
|
|
console.log("列表请求成功！！！！！！！！！！！！！！");
|
|
|
|
|
this.searchJumin.total = data.total || 0;
|
|
|
|
|
this.searchJumin.list = data.list
|
|
|
|
|
? data.list.map((item) => {
|
|
|
|
|
return item;
|
|
|
|
|
})
|
|
|
|
|
: [];
|
|
|
|
|
} else {
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
async getSearchFangwu() {
|
|
|
|
|
const url = "/gov/org/house/search";
|
|
|
|
|
const {
|
|
|
|
|
searchData: { keyword },
|
|
|
|
|
searchFangwu: { pageSize, pageNo },
|
|
|
|
|
} = this;
|
|
|
|
|
const { data, code, msg } = await requestPost(url, {
|
|
|
|
|
keyword,
|
|
|
|
|
pageSize,
|
|
|
|
|
pageNo,
|
|
|
|
|
});
|
|
|
|
|
if (code === 0) {
|
|
|
|
|
console.log("列表请求成功！！！！！！！！！！！！！！");
|
|
|
|
|
this.searchFangwu.total = data.total || 0;
|
|
|
|
|
this.searchFangwu.list = data.list
|
|
|
|
|
? data.list.map((item) => {
|
|
|
|
|
return item;
|
|
|
|
|
})
|
|
|
|
|
: [];
|
|
|
|
|
} else {
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
async getWarningTb() {
|
|
|
|
|
const url = "/epmetuser/icresiuser/personwarn/rightlist";
|
|
|
|
|
const {
|
|
|
|
|
warningTb: { pageSize, pageNo },
|
|
|
|
|
} = this;
|
|
|
|
|
const { data, code, msg } = await requestPost(url, {
|
|
|
|
|
pageSize,
|
|
|
|
|
pageNo,
|
|
|
|
|
categoryCode: this.currentCategoryCode,
|
|
|
|
|
});
|
|
|
|
|
if (code === 0) {
|
|
|
|
|
console.log("列表请求成功！！！！！！！！！！！！！！");
|
|
|
|
|
this.warningTb.total = data.total || 0;
|
|
|
|
|
this.warningTb.list = data.list
|
|
|
|
|
? data.list.map((item) => {
|
|
|
|
|
item.typeName = item.type.join("、");
|
|
|
|
|
return item;
|
|
|
|
|
})
|
|
|
|
|
: [];
|
|
|
|
|
} else {
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
//加载组织数据
|
|
|
|
|
async getWarningList() {
|
|
|
|
|
const url = "/epmetuser/statsresiwarn/list";
|
|
|
|
|
let params = {
|
|
|
|
|
id: this.orgData.id,
|
|
|
|
|
level: "agency",
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params);
|
|
|
|
|
|
|
|
|
|
if (code === 0) {
|
|
|
|
|
this.warningChart.loading = true;
|
|
|
|
|
this.warningChart.total = data.reduce(
|
|
|
|
|
(total, item) => total + item.count,
|
|
|
|
|
0
|
|
|
|
|
);
|
|
|
|
|
this.warningChart.list = data.map((item) => {
|
|
|
|
|
return {
|
|
|
|
|
code: item.columnName,
|
|
|
|
|
name: item.label,
|
|
|
|
|
count: item.count,
|
|
|
|
|
const: "const",
|
|
|
|
|
};
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(msg);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
//加载组织数据
|
|
|
|
|
async getPeopleInfo() {
|
|
|
|
|
const url = "/epmetuser/icresiuser/userchart";
|
|
|
|
|
let params = {
|
|
|
|
|
orgId: "",
|
|
|
|
|
orgType: "",
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params);
|
|
|
|
|
|
|
|
|
|
if (code === 0) {
|
|
|
|
|
this.peopleInfo = data;
|
|
|
|
|
} else {
|
|
|
|
|
this.$message.error(msg);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="scss" src="@/assets/scss/modules/index.scss" scoped></style>
|
