|
|
|
@ -1,58 +1,50 @@ |
|
|
|
<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="vaccinationCount"> |
|
|
|
<el-select |
|
|
|
class="list_item_width_1" |
|
|
|
<el-form-item label="接种针次" |
|
|
|
prop="vaccinationCount"> |
|
|
|
<el-select class="list_item_width_1" |
|
|
|
v-model.trim="formData.vaccinationCount" |
|
|
|
placeholder="请选择" |
|
|
|
clearable |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in veroNumList" |
|
|
|
clearable> |
|
|
|
<el-option v-for="item in veroNumList" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
@ -62,26 +54,21 @@ |
|
|
|
<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" |
|
|
|
@ -90,20 +77,16 @@ |
|
|
|
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" |
|
|
|
@ -112,20 +95,16 @@ |
|
|
|
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" |
|
|
|
@ -133,52 +112,39 @@ |
|
|
|
class=" |
|
|
|
resi-cell-select resi-cell-select-middle |
|
|
|
list_item_width_1 |
|
|
|
" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in optionsH" |
|
|
|
"> |
|
|
|
<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 class="diy-button--add" |
|
|
|
size="small" |
|
|
|
@click="handleAdd">新增</el-button> |
|
|
|
|
|
|
|
<el-button |
|
|
|
style="float: left" |
|
|
|
<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" |
|
|
|
@ -186,42 +152,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 |
|
|
|
@ -230,164 +182,124 @@ |
|
|
|
: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"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="mobile" |
|
|
|
<el-table-column prop="mobile" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
label="手机号" |
|
|
|
width="110" |
|
|
|
> |
|
|
|
width="110"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="idCard" |
|
|
|
<el-table-column prop="idCard" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
label="身份证" |
|
|
|
width="170" |
|
|
|
> |
|
|
|
width="170"> |
|
|
|
</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="vaccinationCount" |
|
|
|
<el-table-column prop="vaccinationCount" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
label="接种针次" |
|
|
|
width="90" |
|
|
|
> |
|
|
|
width="90"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="reason" |
|
|
|
<el-table-column prop="reason" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
show-overflow-tooltip |
|
|
|
label="关注原因" |
|
|
|
min-width="180" |
|
|
|
> |
|
|
|
min-width="180"> |
|
|
|
</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 |
|
|
|
prop="lastInformTime" |
|
|
|
<el-table-column prop="lastInformTime" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
show-overflow-tooltip |
|
|
|
label="最后一次通知时间" |
|
|
|
width="160" |
|
|
|
> |
|
|
|
width="160"> |
|
|
|
</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" |
|
|
|
@ -395,79 +307,60 @@ |
|
|
|
width="1050px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="diaClose" |
|
|
|
> |
|
|
|
<vero-focus-add |
|
|
|
ref="ref_form_add" |
|
|
|
@closed="diaClose"> |
|
|
|
<vero-focus-add ref="ref_form_add" |
|
|
|
@dialogCancle="diaClose" |
|
|
|
@dialogOk="addFormOk" |
|
|
|
></vero-focus-add> |
|
|
|
@dialogOk="addFormOk"></vero-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" |
|
|
|
> |
|
|
|
<vero-focus-edit |
|
|
|
ref="ref_form_edit" |
|
|
|
@closed="diaClose"> |
|
|
|
<vero-focus-edit ref="ref_form_edit" |
|
|
|
@dialogCancle="diaClose" |
|
|
|
@dialogOk="addFormOk" |
|
|
|
></vero-focus-edit> |
|
|
|
@dialogOk="addFormOk"></vero-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" |
|
|
|
> |
|
|
|
<vf-send-notice |
|
|
|
ref="ref_sendnotice" |
|
|
|
@closed="diaClose"> |
|
|
|
<vf-send-notice ref="ref_sendnotice" |
|
|
|
@dialogCancle="diaClose" |
|
|
|
@dialogOk="sendNoticeOk" |
|
|
|
></vf-send-notice> |
|
|
|
@dialogOk="sendNoticeOk"></vf-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" |
|
|
|
> |
|
|
|
<vf-notice-list |
|
|
|
ref="ref_noticelist" |
|
|
|
@dialogCancle="diaClose" |
|
|
|
></vf-notice-list> |
|
|
|
@closed="diaClose"> |
|
|
|
<vf-notice-list ref="ref_noticelist" |
|
|
|
@dialogCancle="diaClose"></vf-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" |
|
|
|
> |
|
|
|
<vf-visite-list |
|
|
|
ref="ref_visitelist" |
|
|
|
@dialogCancle="diaClose" |
|
|
|
></vf-visite-list> |
|
|
|
@closed="diaClose"> |
|
|
|
<vf-visite-list ref="ref_visitelist" |
|
|
|
@dialogCancle="diaClose"></vf-visite-list> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
dai
3 years ago