|
|
@ -1,95 +1,55 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div class="dialog-h-content scroll-h"> |
|
|
|
<el-form |
|
|
|
:inline="true" |
|
|
|
:model="searchFormData" |
|
|
|
ref="ref_searchform" |
|
|
|
:label-width="'110px'"> |
|
|
|
<el-form :inline="true" :model="searchFormData" ref="ref_searchform" :label-width="'110px'"> |
|
|
|
|
|
|
|
<el-form-item label="所属组织" prop="orgId"> |
|
|
|
<el-cascader |
|
|
|
@change="handleOrgChange" |
|
|
|
:options="orgTree" |
|
|
|
:props="orgOptionProps" |
|
|
|
clearable |
|
|
|
placeholder="请选择组织"></el-cascader> |
|
|
|
<el-cascader @change="handleOrgChange" :options="orgTree" :props="orgOptionProps" clearable |
|
|
|
placeholder="请选择组织"></el-cascader> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="人员姓名" prop="title"> |
|
|
|
<el-input |
|
|
|
v-model.trim="searchFormData.name" |
|
|
|
class="u-item-width-normal" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
<el-input v-model.trim="searchFormData.name" class="u-item-width-normal" size="small" clearable |
|
|
|
placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="手机号" prop="title"> |
|
|
|
<el-input |
|
|
|
v-model.trim="searchFormData.mobile" |
|
|
|
class="u-item-width-normal" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
<el-input v-model.trim="searchFormData.mobile" class="u-item-width-normal" size="small" clearable |
|
|
|
placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="身份证号" prop="title"> |
|
|
|
<el-input |
|
|
|
v-model.trim="searchFormData.idCard" |
|
|
|
class="u-item-width-normal" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
<el-input v-model.trim="searchFormData.idCard" class="u-item-width-normal" size="small" clearable |
|
|
|
placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="享受服务次数" prop="title"> |
|
|
|
<el-input |
|
|
|
v-model.trim="searchFormData.serveTimes" |
|
|
|
class="u-item-width-normal" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
<el-input v-model.trim="searchFormData.serveTimes" class="u-item-width-normal" size="small" clearable |
|
|
|
placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="家庭住址" prop="title"> |
|
|
|
<el-select v-model.trim="searchFormData.villageId" placeholder="请选择小区" |
|
|
|
@change="handleQuarterSelectorsChange" clearable> |
|
|
|
<el-option |
|
|
|
v-for="item in quartersSelectItems" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
<el-select v-model.trim="searchFormData.villageId" placeholder="请选择小区" @change="handleQuarterSelectorsChange" |
|
|
|
clearable> |
|
|
|
<el-option v-for="item in quartersSelectItems" :key="item.value" :label="item.label" :value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<el-select v-model.trim="searchFormData.buildId" placeholder="请选择楼栋" |
|
|
|
@change="handleBuildSelectorsChange" clearable> |
|
|
|
<el-option |
|
|
|
v-for="item in buildingSelectItems" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
<el-select v-model.trim="searchFormData.buildId" placeholder="请选择楼栋" @change="handleBuildSelectorsChange" |
|
|
|
clearable> |
|
|
|
<el-option v-for="item in buildingSelectItems" :key="item.value" :label="item.label" :value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<el-select v-model.trim="searchFormData.unitId" placeholder="请选择单元" |
|
|
|
@change="handleUnitSelectorsChange" clearable> |
|
|
|
<el-option |
|
|
|
v-for="item in unitSelectItems" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
<el-select v-model.trim="searchFormData.unitId" placeholder="请选择单元" @change="handleUnitSelectorsChange" |
|
|
|
clearable> |
|
|
|
<el-option v-for="item in unitSelectItems" :key="item.value" :label="item.label" :value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<el-select v-model.trim="searchFormData.homeId" placeholder="请选择房屋" |
|
|
|
@change="handleUnitSelectorsChange" clearable> |
|
|
|
<el-option |
|
|
|
v-for="item in homeSelectItems" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
<el-select v-model.trim="searchFormData.homeId" placeholder="请选择房屋" @change="handleUnitSelectorsChange" |
|
|
|
clearable> |
|
|
|
<el-option v-for="item in homeSelectItems" :key="item.value" :label="item.label" :value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
@ -98,89 +58,52 @@ |
|
|
|
|
|
|
|
<div class="div_btn"> |
|
|
|
<el-button type="primary" size="small" class="diy-button--blue" @click="onDeleteBatch">批量删除</el-button> |
|
|
|
<el-button type="primary" size="small" class="diy-button--blue" @click="sendFindPeopleMsg">公众号消息推送</el-button> |
|
|
|
<el-button type="primary" size="small" class="diy-button--blue" @click="handleIncrementServeTimes">标记享受服务人员</el-button> |
|
|
|
<!-- <el-button type="primary" size="small" class="diy-button--blue" @click="sendFindPeopleMsg">公众号消息推送</el-button> --> |
|
|
|
<el-button type="primary" size="small" class="diy-button--blue" |
|
|
|
@click="handleIncrementServeTimes">标记享受服务人员</el-button> |
|
|
|
<el-button type="primary" size="small" class="diy-button--blue" @click="handleSearch">查询</el-button> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="m-table"> |
|
|
|
<div class="m-table"> |
|
|
|
<!--表格--> |
|
|
|
<el-table |
|
|
|
:data="personList" |
|
|
|
height="250" |
|
|
|
border |
|
|
|
@select-all="handleSelectAll" |
|
|
|
@selection-change="handleTableRowsSelected" |
|
|
|
style="width: 100%"> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
type="selection" |
|
|
|
width="55"> |
|
|
|
<el-table :data="personList" height="250" border @select-all="handleSelectAll" |
|
|
|
@selection-change="handleTableRowsSelected" style="width: 100%"> |
|
|
|
|
|
|
|
<el-table-column type="selection" width="55"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
prop="agencyName" |
|
|
|
label="所属组织" |
|
|
|
width="180"> |
|
|
|
|
|
|
|
<el-table-column prop="agencyName" label="所属组织" width="180"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="gridName" |
|
|
|
label="所属网格" |
|
|
|
width="180"> |
|
|
|
<el-table-column prop="gridName" label="所属网格" width="180"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="name" |
|
|
|
label="姓名"> |
|
|
|
<el-table-column prop="name" label="姓名"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="genderDisplay" |
|
|
|
label="性别"> |
|
|
|
<el-table-column prop="genderDisplay" label="性别"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="birthday" |
|
|
|
width="170" |
|
|
|
label="出生日期"> |
|
|
|
<el-table-column prop="birthday" width="170" label="出生日期"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="age" |
|
|
|
label="年龄"> |
|
|
|
<el-table-column prop="age" label="年龄"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="mobile" |
|
|
|
width="120" |
|
|
|
label="手机号"> |
|
|
|
<el-table-column prop="mobile" width="120" label="手机号"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="idCard" |
|
|
|
width="180" |
|
|
|
label="身份证号"> |
|
|
|
<el-table-column prop="idCard" width="180" label="身份证号"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="address" |
|
|
|
width="250" |
|
|
|
label="家庭住址"> |
|
|
|
<el-table-column prop="address" width="250" label="家庭住址"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="serveTimes" |
|
|
|
label="享受服务次数"> |
|
|
|
<el-table-column prop="serveTimes" label="享受服务次数"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="" |
|
|
|
label="公众号消息推送">已推送 |
|
|
|
<!-- <el-table-column prop="" label="公众号消息推送">已推送 |
|
|
|
</el-table-column> --> |
|
|
|
<el-table-column fixed="right" label="操作" width="100"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<!-- <el-button @click="handelCLickShowCheckPassword(scope.row)" type="text" size="small">编辑</el-button> --> |
|
|
|
<el-button type="text" @click="deleteBatch(scope.row)" size="small">删除</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
fixed="right" |
|
|
|
label="操作" |
|
|
|
width="100"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<!-- <el-button @click="handelCLickShowCheckPassword(scope.row)" type="text" size="small">编辑</el-button> --> |
|
|
|
<el-button type="text" @click="deleteBatch(scope.row)" size="small">删除</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
<el-dialog width="800px" :center="true" title="密码验证" :visible.sync="showCheckPassword" :modal-append-to-body="false" :close-on-click-modal="true" |
|
|
|
:close-on-press-escape="true"> |
|
|
|
<el-dialog width="800px" :center="true" title="密码验证" :visible.sync="showCheckPassword" :modal-append-to-body="false" |
|
|
|
:close-on-click-modal="true" :close-on-press-escape="true"> |
|
|
|
<el-form :model="checkPasswordFrom" :rules="checkPasswordRulse" ref="checkPasswordFrom"> |
|
|
|
<el-form-item label="密码" prop="password"> |
|
|
|
<el-input v-model.trim="checkPasswordFrom.password" autocomplete="off" type="password" placeholder="请输入当前账号密码" |
|
|
@ -194,15 +117,9 @@ |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<!--分页条--> |
|
|
|
<el-pagination |
|
|
|
@size-change="handleSizeChange" |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
:current-page.sync="searchFormData.pageNo" |
|
|
|
:page-sizes="pageSizes" |
|
|
|
:page-size="searchFormData.pageSize" |
|
|
|
layout="sizes, prev, pager, next, total" |
|
|
|
background |
|
|
|
:total="total"> |
|
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" |
|
|
|
:current-page.sync="searchFormData.pageNo" :page-sizes="pageSizes" :page-size="searchFormData.pageSize" |
|
|
|
layout="sizes, prev, pager, next, total" background :total="total"> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|