MicroCommunityWeb/public/pages/owner/adminOwner/adminOwner.html
2025-02-28 18:32:44 +08:00

200 lines
11 KiB
HTML

<div>
<div class="row">
<div class="col-md-1 padding-r-0">
<vc:create path="community/selectAdminCommunity"></vc:create>
</div>
<div class="col-md-11">
<div class="ibox ">
<div class="ibox-title">
<h5>
<vc:i18n name="查询条件" namespace="adminOwner"></vc:i18n>
</h5>
<div class="ibox-tools" style="top:10px;">
</div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-2">
<div class="form-group">
<select class="custom-select" v-model.trim="adminOwnerInfo.conditions.personRole">
<option selected value="">请选择人员角色</option>
<option :value="item.statusCd" v-for="(item,index) in adminOwnerInfo.personRoles">{{item.name}}</option>
</select>
</div>
</div>
<div class="col-sm-2">
<div class="form-group">
<select class="custom-select" v-model.trim="adminOwnerInfo.conditions.personType">
<option selected value="">请选择人员类型</option>
<option value="P">个人</option>
<option value="C">公司</option>
</select>
</div>
</div>
<div class="col-sm-2">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入客户名称','adminOwner')"
v-model="adminOwnerInfo.conditions.name" class=" form-control">
</div>
</div>
<div class="col-sm-2">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('房屋编号 楼栋-单元-房屋','adminOwner')"
v-model="adminOwnerInfo.conditions.roomName" class=" form-control">
</div>
</div>
<div class="col-sm-2">
<div class="form-group">
<input type="number" :placeholder="vc.i18n('请输入联系方式','adminOwner')"
v-model="adminOwnerInfo.conditions.link" class=" form-control">
</div>
</div>
<div class="col-sm-2">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_queryOwnerMethod()">
<vc:i18n name="查询" namespace="adminOwner"></vc:i18n>
</button>
<button type="button" class="btn btn-primary btn-sm" v-on:click="_resetOwnerMethod()">
<vc:i18n name="重置" namespace="adminOwner"></vc:i18n>
</button>
</div>
<div class="col-sm-2">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入业主身份证号','adminOwner')"
v-model="adminOwnerInfo.conditions.idCard" class=" form-control">
</div>
</div>
</div>
</div>
</div>
<div class="ibox">
<div class="ibox-title">
<h5>
<vc:i18n name="业主信息" namespace="adminOwner"></vc:i18n>
</h5>
<div class="ibox-tools" style="top:10px;">
</div>
</div>
<div class="ibox-content">
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
<thead>
<tr>
<th class="text-center">
<vc:i18n name="人脸" namespace="adminOwner"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="小区名称" namespace="adminOwner"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="客户名称" namespace="adminOwner"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="人员类型" namespace="adminOwner"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="人员角色" namespace="adminOwner"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="性别" namespace="adminOwner"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="证件号" namespace="adminOwner"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="联系手机" namespace="adminOwner"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="备用手机" namespace="adminOwner"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="地址" namespace="adminOwner"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="房屋数" namespace="adminOwner"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="业主成员" namespace="adminOwner"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="车辆数" namespace="adminOwner"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="欠费" namespace="adminOwner"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="操作" namespace="adminOwner"></vc:i18n>
</th>
</tr>
</thead>
<tbody>
<tr v-for="owner in adminOwnerInfo.owners">
<td class="text-center" style="white-space: nowrap;">
<img style="width: 60px; height: 60px;" class="border-radius" v-if="owner.faceUrl"
v-bind:src="owner.faceUrl" v-on:click="_viewOwnerFace(owner.faceUrl)" />
<img style="width: 60px; height: 60px;" class="border-radius" v-else
src="/img/noPhoto.jpg" />
</td>
<td class="text-center">
{{owner.communityName}}
</td>
<td class="text-center">
{{owner.name}}
<div v-if="owner.personType == 'C'">
{{owner.concactPerson}}
</div>
</td>
<td class="text-center">
{{owner.personTypeName}}
</td>
<td class="text-center">
{{owner.personRoleName}}
</td>
<td class="text-center">
{{owner.sex == 0 ? '男' : '女'}}
</td>
<td class="text-center">
{{owner.idCard || '-'}}
</td>
<td class="text-center">
{{owner.link}}
</td>
<td class="text-center">
{{owner.concactLink || '-'}}
</td>
<td class="text-center">
{{owner.address || '-'}}
</td>
<td class="text-center">
{{owner.roomCount || 0}}
</td>
<td class="text-center">
{{owner.memberCount || 0}}
</td>
<td class="text-center">
{{owner.carCount || 0}}
</td>
<td class="text-center">
{{owner.oweFee || '0.00'}}
</td>
<td class="text-center">
<div class="btn-group">
<button class="btn-white btn btn-xs " v-on:click="_toAdminOwnerDetail(owner)">
<vc:i18n name="详情" namespace="adminOwner"></vc:i18n>
</button>
</div>
</td>
</tr>
</tbody>
</table>
<!-- 分页 -->
<vc:create path="frame/pagination"></vc:create>
</div>
</div>
</div>
</div>
<vc:create path="common/viewImage"></vc:create>
</div>