|
|
@ -1,5 +1,6 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div v-show="!showedFuncPanel"> |
|
|
|
<div class="m-info"> |
|
|
|
<div class="wrap"> |
|
|
|
<div class="logo"> |
|
|
@ -128,10 +129,12 @@ |
|
|
|
</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="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="houseType" label="类型"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="purpose" label="用途"> </el-table-column> |
|
|
|
<el-table-column prop="rentFlag" label="是否出租"> |
|
|
|
</el-table-column> |
|
|
@ -265,7 +268,10 @@ |
|
|
|
v-for="item in funcList" |
|
|
|
> |
|
|
|
<div class="icon"> |
|
|
|
<svg class="icon-svg aui-sidebar__menu-icon" aria-hidden="true"> |
|
|
|
<svg |
|
|
|
class="icon-svg aui-sidebar__menu-icon" |
|
|
|
aria-hidden="true" |
|
|
|
> |
|
|
|
<use :xlink:href="`#${item.icon}`" /> |
|
|
|
</svg> |
|
|
|
</div> |
|
|
@ -280,17 +286,76 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 修改弹出框 --> |
|
|
|
<el-dialog |
|
|
|
:visible.sync="showedFuncPanel" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
title="" |
|
|
|
width="850px" |
|
|
|
top="5vh" |
|
|
|
@closed="showedFuncPanel = false" |
|
|
|
<div class="m-data" v-if="searchStatus == 'ini'"> |
|
|
|
<div class="wrap"> |
|
|
|
<div class="headline">人员预警</div> |
|
|
|
|
|
|
|
<div class="cnt"> |
|
|
|
<div class="chart"> |
|
|
|
<pan-chart |
|
|
|
:width="520" |
|
|
|
:height="420" |
|
|
|
v-if="warningChart.loading" |
|
|
|
:total="warningChart.total" |
|
|
|
:list="warningChart.list" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div class="tb"> |
|
|
|
<el-table |
|
|
|
:data="warningTb.list" |
|
|
|
border |
|
|
|
style="width: 100%" |
|
|
|
class="resi-table" |
|
|
|
:max-height="maxTableHeight" |
|
|
|
> |
|
|
|
<el-table-column |
|
|
|
label="序号" |
|
|
|
type="index" |
|
|
|
align="center" |
|
|
|
width="50" |
|
|
|
/> |
|
|
|
<el-table-column prop="typeName" label="类型"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="gridName" label="所属网格"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="name" label="姓名"> </el-table-column> |
|
|
|
<el-table-column prop="family" label="所属家庭"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="mobile" label="电话"> </el-table-column> |
|
|
|
<el-table-column fixed="right" label="操作" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button |
|
|
|
@click="handleWatchWarning(scope.$index)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
>查看</el-button |
|
|
|
> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<div> |
|
|
|
<el-pagination |
|
|
|
@size-change="handleSizeChangeWarning" |
|
|
|
@current-change="handleCurrentChangeWarning" |
|
|
|
:current-page.sync="warningTb.pageNo" |
|
|
|
:page-sizes="[20, 50, 100, 200]" |
|
|
|
:page-size="parseInt(warningTb.pageSize)" |
|
|
|
layout="sizes, prev, pager, next" |
|
|
|
:total="warningTb.total" |
|
|
|
> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 修改弹出框 --> |
|
|
|
<div v-show="showedFuncPanel"> |
|
|
|
<div class="m-panel"> |
|
|
|
<div |
|
|
|
class="m-list" |
|
|
@ -309,10 +374,7 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="icon"> |
|
|
|
<svg |
|
|
|
class="icon-svg aui-sidebar__menu-icon" |
|
|
|
aria-hidden="true" |
|
|
|
> |
|
|
|
<svg class="icon-svg aui-sidebar__menu-icon" aria-hidden="true"> |
|
|
|
<use :xlink:href="`#${item.icon}`" /> |
|
|
|
</svg> |
|
|
|
</div> |
|
|
@ -361,75 +423,8 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="operate"> |
|
|
|
<el-button round @click="showedFuncPanel = false">取消</el-button> |
|
|
|
<el-button type="primary" round @click="editFuncList" |
|
|
|
>确认</el-button |
|
|
|
> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="m-data" v-if="searchStatus == 'ini'"> |
|
|
|
<div class="wrap"> |
|
|
|
<div class="headline">人员预警</div> |
|
|
|
|
|
|
|
<div class="cnt"> |
|
|
|
<div class="chart"> |
|
|
|
<pan-chart |
|
|
|
:width="520" |
|
|
|
:height="420" |
|
|
|
v-if="warningChart.loading" |
|
|
|
:total="warningChart.total" |
|
|
|
:list="warningChart.list" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div class="tb"> |
|
|
|
<el-table |
|
|
|
:data="warningTb.list" |
|
|
|
border |
|
|
|
style="width: 100%" |
|
|
|
class="resi-table" |
|
|
|
:max-height="maxTableHeight" |
|
|
|
> |
|
|
|
<el-table-column |
|
|
|
label="序号" |
|
|
|
type="index" |
|
|
|
align="center" |
|
|
|
width="50" |
|
|
|
/> |
|
|
|
<el-table-column prop="typeName" label="类型"> </el-table-column> |
|
|
|
<el-table-column prop="gridName" label="所属网格"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="name" label="姓名"> </el-table-column> |
|
|
|
<el-table-column prop="family" label="所属家庭"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="mobile" label="电话"> </el-table-column> |
|
|
|
<el-table-column fixed="right" label="操作" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button |
|
|
|
@click="handleWatchWarning(scope.$index)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
>查看</el-button |
|
|
|
> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<div> |
|
|
|
<el-pagination |
|
|
|
@size-change="handleSizeChangeWarning" |
|
|
|
@current-change="handleCurrentChangeWarning" |
|
|
|
:current-page.sync="warningTb.pageNo" |
|
|
|
:page-sizes="[20, 50, 100, 200]" |
|
|
|
:page-size="parseInt(warningTb.pageSize)" |
|
|
|
layout="sizes, prev, pager, next" |
|
|
|
:total="warningTb.total" |
|
|
|
> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-button round @click="showedFuncPanel = false">返回</el-button> |
|
|
|
<el-button type="primary" round @click="editFuncList">确认</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|