|
|
|
@ -1,79 +1,69 @@ |
|
|
|
<template> |
|
|
|
<div class="div_main"> |
|
|
|
<div class="div_search"> |
|
|
|
<el-form |
|
|
|
:inline="true" |
|
|
|
<el-form :inline="true" |
|
|
|
:model="formData" |
|
|
|
ref="ref_searchform" |
|
|
|
:label-width="'90px'" |
|
|
|
> |
|
|
|
:label-width="'90px'"> |
|
|
|
<div> |
|
|
|
<el-form-item label="姓名" prop="name"> |
|
|
|
<el-input |
|
|
|
v-model="formData.name" |
|
|
|
<el-form-item label="姓名" |
|
|
|
prop="name"> |
|
|
|
<el-input v-model="formData.name" |
|
|
|
size="small" |
|
|
|
class="list_item_width_1" |
|
|
|
clearable |
|
|
|
placeholder="请输入姓名" |
|
|
|
> |
|
|
|
placeholder="请输入姓名"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="手机号" prop="mobile"> |
|
|
|
<el-input |
|
|
|
v-model="formData.mobile" |
|
|
|
<el-form-item label="手机号" |
|
|
|
prop="mobile"> |
|
|
|
<el-input v-model="formData.mobile" |
|
|
|
size="small" |
|
|
|
class="list_item_width_1" |
|
|
|
clearable |
|
|
|
placeholder="请输入手机号" |
|
|
|
> |
|
|
|
placeholder="请输入手机号"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="证件号" prop="mobile"> |
|
|
|
<el-input |
|
|
|
v-model="formData.idCard" |
|
|
|
<el-form-item label="证件号" |
|
|
|
prop="mobile"> |
|
|
|
<el-input v-model="formData.idCard" |
|
|
|
size="small" |
|
|
|
class="list_item_width_1" |
|
|
|
clearable |
|
|
|
placeholder="请输入身份证号或护照号" |
|
|
|
> |
|
|
|
placeholder="请输入身份证号或护照号"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="关注原因" prop="mobile"> |
|
|
|
<el-input |
|
|
|
v-model="formData.reason" |
|
|
|
<el-form-item label="关注原因" |
|
|
|
prop="mobile"> |
|
|
|
<el-input v-model="formData.reason" |
|
|
|
size="small" |
|
|
|
class="list_item_width_1" |
|
|
|
clearable |
|
|
|
placeholder="请输入关注原因" |
|
|
|
> |
|
|
|
placeholder="请输入关注原因"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="隔离状态" prop="isolatedState"> |
|
|
|
<el-select |
|
|
|
v-model="formData.isolatedState" |
|
|
|
<el-form-item label="隔离状态" |
|
|
|
prop="isolatedState"> |
|
|
|
<el-select v-model="formData.isolatedState" |
|
|
|
size="small" |
|
|
|
class="list_item_width_1" |
|
|
|
placeholder="请选择" |
|
|
|
clearable |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in options.isolatedState" |
|
|
|
clearable> |
|
|
|
<el-option v-for="item in options.isolatedState" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="备注" prop="remark"> |
|
|
|
<el-input |
|
|
|
v-model="formData.remark" |
|
|
|
<el-form-item label="备注" |
|
|
|
prop="remark"> |
|
|
|
<el-input v-model="formData.remark" |
|
|
|
size="small" |
|
|
|
class="list_item_width_1" |
|
|
|
clearable |
|
|
|
placeholder="请输入备注" |
|
|
|
> |
|
|
|
placeholder="请输入备注"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
@ -83,114 +73,88 @@ |
|
|
|
<div class="resi-cell-value"> |
|
|
|
<div class="resi-cell-col"> |
|
|
|
<el-form-item prop="villageId"> |
|
|
|
<el-select |
|
|
|
v-model.trim="formData.villageId" |
|
|
|
<el-select v-model.trim="formData.villageId" |
|
|
|
placeholder="小区" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="resi-cell-select" |
|
|
|
@change="handleChangeV" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsV" |
|
|
|
@change="handleChangeV"> |
|
|
|
<el-option v-for="item in optionsV" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="buildId"> |
|
|
|
<el-select |
|
|
|
v-model.trim="formData.buildId" |
|
|
|
<el-select v-model.trim="formData.buildId" |
|
|
|
placeholder="楼号" |
|
|
|
:disabled="!this.formData.villageId" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="resi-cell-select resi-cell-select-middle list_item_width_1" |
|
|
|
@change="handleChangeB" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsB" |
|
|
|
@change="handleChangeB"> |
|
|
|
<el-option v-for="item in optionsB" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="unitId"> |
|
|
|
<el-select |
|
|
|
v-model.trim="formData.unitId" |
|
|
|
<el-select v-model.trim="formData.unitId" |
|
|
|
placeholder="单元" |
|
|
|
size="small" |
|
|
|
:disabled="!this.formData.buildId" |
|
|
|
clearable |
|
|
|
class="resi-cell-select resi-cell-select-middle list_item_width_1" |
|
|
|
@change="handleChangeD" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsD" |
|
|
|
@change="handleChangeD"> |
|
|
|
<el-option v-for="item in optionsD" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="homeId"> |
|
|
|
<el-select |
|
|
|
v-model.trim="formData.homeId" |
|
|
|
<el-select v-model.trim="formData.homeId" |
|
|
|
placeholder="房号" |
|
|
|
:disabled="!this.formData.unitId" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="resi-cell-select resi-cell-select-middle list_item_width_1" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsH" |
|
|
|
class="resi-cell-select resi-cell-select-middle list_item_width_1"> |
|
|
|
<el-option v-for="item in optionsH" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
<el-button |
|
|
|
style="margin-left: 30px" |
|
|
|
<el-button style="margin-left: 30px" |
|
|
|
size="small" |
|
|
|
class="diy-button--search" |
|
|
|
@click="handleSearch" |
|
|
|
>查询</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
style="margin-left: 10px" |
|
|
|
@click="handleSearch">查询</el-button> |
|
|
|
<el-button style="margin-left: 10px" |
|
|
|
size="small" |
|
|
|
class="diy-button--reset" |
|
|
|
@click="resetSearch" |
|
|
|
>重置</el-button |
|
|
|
> |
|
|
|
@click="resetSearch">重置</el-button> |
|
|
|
</div> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="div_table"> |
|
|
|
<div class="div_btn"> |
|
|
|
<el-button class="diy-button--add" size="small" @click="handleAdd" |
|
|
|
>新增</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
style="float: left" |
|
|
|
<el-button class="diy-button--add" |
|
|
|
size="small" |
|
|
|
@click="handleAdd">新增</el-button> |
|
|
|
<el-button style="float: left" |
|
|
|
class="diy-button--export" |
|
|
|
size="small" |
|
|
|
@click="handleExportModule" |
|
|
|
>下载模板</el-button |
|
|
|
> |
|
|
|
<el-upload |
|
|
|
ref="upload" |
|
|
|
@click="handleExportModule">下载模板</el-button> |
|
|
|
<el-upload ref="upload" |
|
|
|
:multiple="false" |
|
|
|
:show-file-list="false" |
|
|
|
:before-upload="beforeUpload" |
|
|
|
@ -198,42 +162,28 @@ |
|
|
|
accept=".xlsx" |
|
|
|
:limit="1" |
|
|
|
:on-exceed="handleExceed" |
|
|
|
:http-request="uploadFile" |
|
|
|
> |
|
|
|
<el-button |
|
|
|
style="margin-left: 10px" |
|
|
|
:http-request="uploadFile"> |
|
|
|
<el-button style="margin-left: 10px" |
|
|
|
size="small" |
|
|
|
class="diy-button--delete" |
|
|
|
>导入</el-button |
|
|
|
> |
|
|
|
class="diy-button--delete">导入</el-button> |
|
|
|
</el-upload> |
|
|
|
|
|
|
|
<el-button |
|
|
|
style="float: left; margin-left: 10px" |
|
|
|
<el-button style="float: left; margin-left: 10px" |
|
|
|
class="diy-button--reset" |
|
|
|
size="small" |
|
|
|
@click="handleExport" |
|
|
|
>导出</el-button |
|
|
|
> |
|
|
|
@click="handleExport">导出</el-button> |
|
|
|
|
|
|
|
<el-button |
|
|
|
style="margin-left: 15px" |
|
|
|
<el-button style="margin-left: 15px" |
|
|
|
class="diy-button--more" |
|
|
|
size="small" |
|
|
|
@click="handleSendNotice" |
|
|
|
>发送通知</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
style="margin-left: 15px" |
|
|
|
@click="handleSendNotice">发送通知</el-button> |
|
|
|
<el-button style="margin-left: 15px" |
|
|
|
class="diy-button--more" |
|
|
|
size="small" |
|
|
|
@click="handleDelete" |
|
|
|
>取消关注</el-button |
|
|
|
> |
|
|
|
@click="handleDelete">取消关注</el-button> |
|
|
|
</div> |
|
|
|
|
|
|
|
<el-table |
|
|
|
ref="ref_table" |
|
|
|
<el-table ref="ref_table" |
|
|
|
class="table" |
|
|
|
:data="tableData" |
|
|
|
border |
|
|
|
@ -242,31 +192,24 @@ |
|
|
|
:header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" |
|
|
|
@select="handleSelectTable" |
|
|
|
@select-all="handleSelAll" |
|
|
|
style="width: 100%" |
|
|
|
> |
|
|
|
<el-table-column type="selection" width="55"></el-table-column> |
|
|
|
<el-table-column |
|
|
|
label="序号" |
|
|
|
style="width: 100%"> |
|
|
|
<el-table-column type="selection" |
|
|
|
width="55"></el-table-column> |
|
|
|
<el-table-column label="序号" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
type="index" |
|
|
|
width="50" |
|
|
|
></el-table-column> |
|
|
|
width="50"></el-table-column> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
prop="name" |
|
|
|
<el-table-column prop="name" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
label="姓名" |
|
|
|
width="90" |
|
|
|
> |
|
|
|
width="90"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<a |
|
|
|
style="cursor: pointer" |
|
|
|
<a style="cursor: pointer" |
|
|
|
v-if="scope.row.userId" |
|
|
|
@click="handleWatchPeopleInfo(scope.$index)" |
|
|
|
>{{ scope.row.name }}</a |
|
|
|
> |
|
|
|
@click="handleWatchPeopleInfo(scope.$index)">{{ scope.row.name }}</a> |
|
|
|
<span v-else>{{ scope.row.name }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
@ -288,133 +231,101 @@ |
|
|
|
> |
|
|
|
</el-table-column> --> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
prop="allName" |
|
|
|
<el-table-column prop="allName" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
label="所属房屋" |
|
|
|
min-width="200" |
|
|
|
> |
|
|
|
min-width="200"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="reason" |
|
|
|
<el-table-column prop="reason" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
label="关注原因" |
|
|
|
width="180" |
|
|
|
> |
|
|
|
width="180"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="isolatedState" |
|
|
|
<el-table-column prop="isolatedState" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
label="隔离状态" |
|
|
|
width="180" |
|
|
|
> |
|
|
|
width="180"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ optionsDict.isolatedState[scope.row.isolatedState] || "--" }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
prop="lastNatTime" |
|
|
|
<el-table-column prop="lastNatTime" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
show-overflow-tooltip |
|
|
|
label="最后一次核酸时间" |
|
|
|
width="170" |
|
|
|
> |
|
|
|
width="170"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
prop="remark" |
|
|
|
<el-table-column prop="remark" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
show-overflow-tooltip |
|
|
|
label="备注" |
|
|
|
min-width="180" |
|
|
|
> |
|
|
|
min-width="180"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
label="操作" |
|
|
|
<el-table-column label="操作" |
|
|
|
fixed="right" |
|
|
|
width="140" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
class="operate" |
|
|
|
> |
|
|
|
class="operate"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button |
|
|
|
type="text" |
|
|
|
<el-button type="text" |
|
|
|
class="div-table-button--detail" |
|
|
|
size="small" |
|
|
|
@click="handleDetail(scope.row)" |
|
|
|
>查看</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
type="text" |
|
|
|
@click="handleDetail(scope.row)">查看</el-button> |
|
|
|
<el-button type="text" |
|
|
|
class="div-table-button--edit" |
|
|
|
size="small" |
|
|
|
@click="handleEdit(scope.row)" |
|
|
|
>修改</el-button |
|
|
|
> |
|
|
|
@click="handleEdit(scope.row)">修改</el-button> |
|
|
|
|
|
|
|
<el-popover |
|
|
|
popper-class="btn-popper" |
|
|
|
<el-popover popper-class="btn-popper" |
|
|
|
placement="bottom" |
|
|
|
style="margin-left: 10px" |
|
|
|
width="20" |
|
|
|
trigger="hover" |
|
|
|
> |
|
|
|
trigger="hover"> |
|
|
|
<div class="table-more-btn"> |
|
|
|
<el-button |
|
|
|
type="text" |
|
|
|
<el-button type="text" |
|
|
|
class="div-table-button--detail--noline" |
|
|
|
size="small" |
|
|
|
@click="handleNoticeList(scope.row)" |
|
|
|
>通知记录</el-button |
|
|
|
> |
|
|
|
@click="handleNoticeList(scope.row)">通知记录</el-button> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="table-more-btn"> |
|
|
|
<el-button |
|
|
|
type="text" |
|
|
|
<el-button type="text" |
|
|
|
class="div-table-button--detail--noline" |
|
|
|
size="small" |
|
|
|
@click="handleVisiteList(scope.row)" |
|
|
|
>随访记录</el-button |
|
|
|
> |
|
|
|
@click="handleVisiteList(scope.row)">随访记录</el-button> |
|
|
|
</div> |
|
|
|
|
|
|
|
<el-button |
|
|
|
type="text" |
|
|
|
<el-button type="text" |
|
|
|
size="small" |
|
|
|
class="div-table-button--more" |
|
|
|
slot="reference" |
|
|
|
>更多<i class="el-icon-caret-bottom"></i |
|
|
|
></el-button> |
|
|
|
slot="reference">更多<i class="el-icon-caret-bottom"></i></el-button> |
|
|
|
</el-popover> |
|
|
|
</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="pageSize" |
|
|
|
layout="sizes, prev, pager, next, total" |
|
|
|
:total="total" |
|
|
|
> |
|
|
|
:total="total"> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 新增弹出框 --> |
|
|
|
<el-dialog |
|
|
|
:visible.sync="addFormShow" |
|
|
|
<el-dialog :visible.sync="addFormShow" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
:destroy-on-close="true" |
|
|
|
@ -422,87 +333,66 @@ |
|
|
|
width="1050px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="diaClose" |
|
|
|
> |
|
|
|
<nat-focus-add |
|
|
|
ref="ref_form_add" |
|
|
|
@closed="diaClose"> |
|
|
|
<nat-focus-add ref="ref_form_add" |
|
|
|
@dialogCancle="diaClose" |
|
|
|
@dialogOk="addFormOk" |
|
|
|
></nat-focus-add> |
|
|
|
@dialogOk="addFormOk"></nat-focus-add> |
|
|
|
</el-dialog> |
|
|
|
<!-- 修改弹出框 --> |
|
|
|
<el-dialog |
|
|
|
:visible.sync="editFormShow" |
|
|
|
<el-dialog :visible.sync="editFormShow" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
:title="editFormTitle" |
|
|
|
width="1050px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="diaClose" |
|
|
|
> |
|
|
|
<nat-focus-edit |
|
|
|
ref="ref_form_edit" |
|
|
|
@closed="diaClose"> |
|
|
|
<nat-focus-edit ref="ref_form_edit" |
|
|
|
@dialogCancle="diaClose" |
|
|
|
@dialogOk="addFormOk" |
|
|
|
></nat-focus-edit> |
|
|
|
@dialogOk="addFormOk"></nat-focus-edit> |
|
|
|
</el-dialog> |
|
|
|
<!-- 发送通知弹出框 --> |
|
|
|
<el-dialog |
|
|
|
:visible.sync="sendNoticeFormShow" |
|
|
|
<el-dialog :visible.sync="sendNoticeFormShow" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
title="发送通知" |
|
|
|
width="850px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="diaClose" |
|
|
|
> |
|
|
|
<nf-send-notice |
|
|
|
ref="ref_sendnotice" |
|
|
|
@closed="diaClose"> |
|
|
|
<nf-send-notice ref="ref_sendnotice" |
|
|
|
@dialogOk="sendNoticeOk" |
|
|
|
@dialogCancle="diaClose" |
|
|
|
></nf-send-notice> |
|
|
|
@dialogCancle="diaClose"></nf-send-notice> |
|
|
|
</el-dialog> |
|
|
|
<!-- 通知记录弹出框 --> |
|
|
|
<el-dialog |
|
|
|
:visible.sync="noticeListFormShow" |
|
|
|
<el-dialog :visible.sync="noticeListFormShow" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
title="通知记录" |
|
|
|
width="1050px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="diaClose" |
|
|
|
> |
|
|
|
<nf-notice-list |
|
|
|
ref="ref_noticelist" |
|
|
|
@dialogCancle="diaClose" |
|
|
|
></nf-notice-list> |
|
|
|
@closed="diaClose"> |
|
|
|
<nf-notice-list ref="ref_noticelist" |
|
|
|
@dialogCancle="diaClose"></nf-notice-list> |
|
|
|
</el-dialog> |
|
|
|
<!-- 随访记录弹出框 --> |
|
|
|
<el-dialog |
|
|
|
:visible.sync="visiteListFormShow" |
|
|
|
<el-dialog :visible.sync="visiteListFormShow" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
title="随访记录" |
|
|
|
width="1050px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="diaClose" |
|
|
|
> |
|
|
|
<nf-visite-list |
|
|
|
ref="ref_visitelist" |
|
|
|
@dialogCancle="diaClose" |
|
|
|
></nf-visite-list> |
|
|
|
@closed="diaClose"> |
|
|
|
<nf-visite-list ref="ref_visitelist" |
|
|
|
@dialogCancle="diaClose"></nf-visite-list> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<people-more |
|
|
|
v-if="showedPeopleMoreInfo && currentPepeleId" |
|
|
|
<people-more v-if="showedPeopleMoreInfo && currentPepeleId" |
|
|
|
:userId="currentPepeleId" |
|
|
|
:gridName="currentPepeleGridName" |
|
|
|
@close="showedPeopleMoreInfo = false" |
|
|
|
/> |
|
|
|
@close="showedPeopleMoreInfo = false" /> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
@ -521,7 +411,7 @@ import peopleMore from "@/views/modules/shequ/cpts/people-more"; |
|
|
|
let loading; // 加载动画 |
|
|
|
|
|
|
|
export default { |
|
|
|
data() { |
|
|
|
data () { |
|
|
|
return { |
|
|
|
loading: false, |
|
|
|
total: 0, |
|
|
|
@ -588,11 +478,11 @@ export default { |
|
|
|
peopleMore, |
|
|
|
}, |
|
|
|
|
|
|
|
activated() { |
|
|
|
activated () { |
|
|
|
this.$refs["ref_table"].doLayout(); |
|
|
|
}, |
|
|
|
|
|
|
|
async mounted() { |
|
|
|
async mounted () { |
|
|
|
for (let i = 0; i < 11; i++) { |
|
|
|
let obj = { |
|
|
|
value: i + "", |
|
|
|
@ -611,7 +501,7 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
async handleWatchPeopleInfo(rowIndex) { |
|
|
|
async handleWatchPeopleInfo (rowIndex) { |
|
|
|
let item = this.tableData[rowIndex]; |
|
|
|
this.currentPepeleId = item.userId; |
|
|
|
this.currentPepeleGridName = item.gridName; |
|
|
|
@ -619,7 +509,7 @@ export default { |
|
|
|
this.showedPeopleMoreInfo = true; |
|
|
|
}, |
|
|
|
|
|
|
|
async getFmOptions(field, url, params, cookFn) { |
|
|
|
async getFmOptions (field, url, params, cookFn) { |
|
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
|
...params, |
|
|
|
}); |
|
|
|
@ -636,12 +526,12 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
handleSearch() { |
|
|
|
handleSearch () { |
|
|
|
this.selectionAll = []; |
|
|
|
this.loadTable(); |
|
|
|
}, |
|
|
|
|
|
|
|
async loadTable() { |
|
|
|
async loadTable () { |
|
|
|
this.tableLoading = true; |
|
|
|
|
|
|
|
const url = "/epmetuser/icEpidemicSpecialAttention/list"; |
|
|
|
@ -692,7 +582,7 @@ export default { |
|
|
|
this.tableLoading = false; |
|
|
|
}, |
|
|
|
|
|
|
|
handleChangeV(val) { |
|
|
|
handleChangeV (val) { |
|
|
|
console.log("val", val); |
|
|
|
this.formData.buildId = ""; |
|
|
|
this.formData.unitId = ""; |
|
|
|
@ -701,19 +591,19 @@ export default { |
|
|
|
this.getUniList(); |
|
|
|
this.getHouseList(); |
|
|
|
}, |
|
|
|
handleChangeB(val) { |
|
|
|
handleChangeB (val) { |
|
|
|
console.log("val", val); |
|
|
|
this.formData.unitId = ""; |
|
|
|
this.formData.homeId = ""; |
|
|
|
this.getUniList(); |
|
|
|
this.getHouseList(); |
|
|
|
}, |
|
|
|
handleChangeD() { |
|
|
|
handleChangeD () { |
|
|
|
this.formData.homeId = ""; |
|
|
|
this.getHouseList(); |
|
|
|
}, |
|
|
|
|
|
|
|
getValiheList() { |
|
|
|
getValiheList () { |
|
|
|
const { user } = this.$store.state; |
|
|
|
this.$http |
|
|
|
.post("/gov/org/icneighborhood/neighborhoodoption", { |
|
|
|
@ -733,7 +623,7 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
getBuildList() { |
|
|
|
getBuildList () { |
|
|
|
this.$http |
|
|
|
.post("/gov/org/icbuilding/buildingoption", { |
|
|
|
neighborHoodId: this.formData.villageId, |
|
|
|
@ -750,7 +640,7 @@ export default { |
|
|
|
return this.$message.error("网络错误"); |
|
|
|
}); |
|
|
|
}, |
|
|
|
getUniList() { |
|
|
|
getUniList () { |
|
|
|
this.$http |
|
|
|
.post("/gov/org/icbuildingunit/unitoption", { |
|
|
|
buildingId: this.formData.buildId, |
|
|
|
@ -767,7 +657,7 @@ export default { |
|
|
|
return this.$message.error("网络错误"); |
|
|
|
}); |
|
|
|
}, |
|
|
|
getHouseList() { |
|
|
|
getHouseList () { |
|
|
|
this.$http |
|
|
|
.post("/gov/org/ichouse/houseoption", { unitId: this.formData.unitId }) |
|
|
|
.then(({ data: res }) => { |
|
|
|
@ -783,7 +673,7 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
handleSelectTable(selection, row) { |
|
|
|
handleSelectTable (selection, row) { |
|
|
|
row.isSel = !row.isSel; |
|
|
|
|
|
|
|
if (row.isSel) { |
|
|
|
@ -799,7 +689,7 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
handleSelAll(selection) { |
|
|
|
handleSelAll (selection) { |
|
|
|
let selFlag = selection.length > 0; //全选选中 还是 全选不选中 |
|
|
|
for (let i = 0; i < this.tableData.length; i++) { |
|
|
|
let tableItem = this.tableData[i]; |
|
|
|
@ -823,7 +713,7 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
//回显列表选中的行 |
|
|
|
analysisTableSelection() { |
|
|
|
analysisTableSelection () { |
|
|
|
this.$nextTick(() => { |
|
|
|
this.tableData.forEach((tableItem) => { |
|
|
|
for (let j = 0; j < this.selectionAll.length; j++) { |
|
|
|
@ -841,7 +731,7 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
diaClose() { |
|
|
|
diaClose () { |
|
|
|
this.addFormShow = false; |
|
|
|
this.editFormShow = false; |
|
|
|
this.sendNoticeFormShow = false; |
|
|
|
@ -849,14 +739,14 @@ export default { |
|
|
|
this.visiteListFormShow = false; |
|
|
|
}, |
|
|
|
|
|
|
|
handleAdd() { |
|
|
|
handleAdd () { |
|
|
|
this.addFormShow = true; |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs.ref_form_add.initForm(null, this.agencyId); |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
async handleEdit(row) { |
|
|
|
async handleEdit (row) { |
|
|
|
this.editFormTitle = "修改核酸检测关注名单"; |
|
|
|
this.editFormShow = true; |
|
|
|
const row1 = { ...row }; |
|
|
|
@ -864,7 +754,7 @@ export default { |
|
|
|
this.$refs.ref_form_edit.initForm("edit", row2); |
|
|
|
}, |
|
|
|
|
|
|
|
async handleDetail(row) { |
|
|
|
async handleDetail (row) { |
|
|
|
this.editFormTitle = "查看核酸检测关注名单"; |
|
|
|
this.editFormShow = true; |
|
|
|
const row1 = { ...row }; |
|
|
|
@ -872,7 +762,7 @@ export default { |
|
|
|
this.$refs.ref_form_edit.initForm("detail", row2); |
|
|
|
}, |
|
|
|
|
|
|
|
async getInfo(row) { |
|
|
|
async getInfo (row) { |
|
|
|
const url = "/epmetuser/icEpidemicSpecialAttention/detail"; |
|
|
|
|
|
|
|
let params = { |
|
|
|
@ -888,7 +778,7 @@ export default { |
|
|
|
return row; |
|
|
|
}, |
|
|
|
|
|
|
|
handleSendNotice() { |
|
|
|
handleSendNotice () { |
|
|
|
if (this.selectionAll.length === 0) { |
|
|
|
this.$message.info("请选择要通知的人员"); |
|
|
|
return false; |
|
|
|
@ -899,32 +789,32 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
handleNoticeList(row) { |
|
|
|
handleNoticeList (row) { |
|
|
|
this.noticeListFormShow = true; |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs.ref_noticelist.initTable(row.idCard, "2"); |
|
|
|
this.$refs.ref_noticelist.initTable(row.realIdCard, "2"); |
|
|
|
}); |
|
|
|
}, |
|
|
|
handleVisiteList(row) { |
|
|
|
handleVisiteList (row) { |
|
|
|
this.visiteListFormShow = true; |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs.ref_visitelist.initTable(row, "2"); |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
addFormOk() { |
|
|
|
addFormOk () { |
|
|
|
this.addFormShow = false; |
|
|
|
this.editFormShow = false; |
|
|
|
|
|
|
|
this.loadTable(); |
|
|
|
}, |
|
|
|
sendNoticeOk() { |
|
|
|
sendNoticeOk () { |
|
|
|
this.sendNoticeFormShow = false; |
|
|
|
this.selectionAll = []; |
|
|
|
this.loadTable(); |
|
|
|
}, |
|
|
|
|
|
|
|
async handleDelete(row) { |
|
|
|
async handleDelete (row) { |
|
|
|
if (this.selectionAll.length === 0) { |
|
|
|
this.$message.info("请选择要取消关注的名单"); |
|
|
|
return false; |
|
|
|
@ -943,7 +833,7 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
async deleteFocus(row) { |
|
|
|
async deleteFocus (row) { |
|
|
|
const url = "/epmetuser/icEpidemicSpecialAttention/cancel-attention"; |
|
|
|
// const url = "http://yapi.elinkservice.cn/mock/245/gov/org/placepatrolteam/del" |
|
|
|
let ids = []; |
|
|
|
@ -971,7 +861,7 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
//重置搜索条件 |
|
|
|
resetSearch() { |
|
|
|
resetSearch () { |
|
|
|
this.formData = { |
|
|
|
attentionType: 2, //关注类型，核酸检测：2，疫苗接种：1 |
|
|
|
name: "", |
|
|
|
@ -984,18 +874,18 @@ export default { |
|
|
|
// this.loadTable() |
|
|
|
}, |
|
|
|
|
|
|
|
handleSizeChange(val) { |
|
|
|
handleSizeChange (val) { |
|
|
|
this.pageSize = val; |
|
|
|
this.pageNo = 1; |
|
|
|
this.loadTable(); |
|
|
|
}, |
|
|
|
handleCurrentChange(val) { |
|
|
|
handleCurrentChange (val) { |
|
|
|
this.pageNo = val; |
|
|
|
this.loadTable(); |
|
|
|
}, |
|
|
|
|
|
|
|
//导出表格 |
|
|
|
async handleExport() { |
|
|
|
async handleExport () { |
|
|
|
let title = "核酸检测关注名单"; |
|
|
|
|
|
|
|
const url = "/epmetuser/icEpidemicSpecialAttention/vaccination-export"; |
|
|
|
@ -1013,7 +903,7 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
// 下载文件 |
|
|
|
download(data, fileName) { |
|
|
|
download (data, fileName) { |
|
|
|
if (!data) { |
|
|
|
return; |
|
|
|
} |
|
|
|
@ -1037,7 +927,7 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
handleExportModule() { |
|
|
|
handleExportModule () { |
|
|
|
let title = "核酸检测关注名单模板"; |
|
|
|
|
|
|
|
const url = "/epmetuser/icEpidemicSpecialAttention/export-template"; |
|
|
|
@ -1058,7 +948,7 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
// 上传文件之前的钩子 |
|
|
|
beforeUpload(file) { |
|
|
|
beforeUpload (file) { |
|
|
|
const array = file.name.split("."); |
|
|
|
const extension = array[array.length - 1]; |
|
|
|
// const isLt1M = (file.size / 1024 / 1024) < 5 |
|
|
|
@ -1072,11 +962,11 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
// 上传文件个数超过定义的数量 |
|
|
|
handleExceed(files, fileList) { |
|
|
|
handleExceed (files, fileList) { |
|
|
|
this.$message.warning(`当前限制选择 1 个文件，请删除后继续上传`); |
|
|
|
}, |
|
|
|
|
|
|
|
async uploadFile() { |
|
|
|
async uploadFile () { |
|
|
|
if (this.fileName == "") { |
|
|
|
this.$message.warning("请选择要上传的文件！"); |
|
|
|
return false; |
|
|
|
@ -1115,13 +1005,13 @@ export default { |
|
|
|
|
|
|
|
// this.loadTable() |
|
|
|
}, |
|
|
|
(rspMsg, data) => {}, |
|
|
|
(rspMsg, data) => { }, |
|
|
|
{ headers: { "Content-Type": "multipart/form-data" } } |
|
|
|
); |
|
|
|
}, |
|
|
|
|
|
|
|
// 开启加载动画 |
|
|
|
startLoading() { |
|
|
|
startLoading () { |
|
|
|
loading = Loading.service({ |
|
|
|
lock: true, // 是否锁定 |
|
|
|
text: "正在加载……", // 加载中需要显示的文字 |
|
|
|
@ -1129,7 +1019,7 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 结束加载动画 |
|
|
|
endLoading() { |
|
|
|
endLoading () { |
|
|
|
// clearTimeout(timer); |
|
|
|
if (loading) { |
|
|
|
loading.close(); |
|
|
|
@ -1137,7 +1027,7 @@ export default { |
|
|
|
}, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
tableHeight() { |
|
|
|
tableHeight () { |
|
|
|
return this.$store.state.inIframe |
|
|
|
? this.clientHeight - 415 + this.iframeHeight |
|
|
|
: this.clientHeight - 415; |
|
|
|
|
jiangyy
3 years ago