mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-06-12 18:11:00 +08:00
254 lines
15 KiB
HTML
254 lines
15 KiB
HTML
<div>
|
|
<div class="row">
|
|
<div class="col-md-1 padding-r-0">
|
|
<div class=" border-radius ">
|
|
<div class="margin-xs-r treeview ">
|
|
<ul class="list-group text-center border-radius">
|
|
<li class="list-group-item node-orgTree " v-for="(item,index) in listOwnerInfo.personRoles"
|
|
:key="index" @click="swatchPersonRole(item)"
|
|
:class="{'vc-node-selected':listOwnerInfo.conditions.personRole == item.statusCd}">
|
|
{{item.name}}
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-11">
|
|
<div class="ibox ">
|
|
<div class="ibox-title">
|
|
<h5>
|
|
<vc:i18n name="查询条件" namespace="listOwner"></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="listOwnerInfo.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('请输入客户名称','listOwner')"
|
|
v-model="listOwnerInfo.conditions.name" class=" form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<div class="form-group">
|
|
<input type="text" :placeholder="vc.i18n('房屋编号 楼栋-单元-房屋','listOwner')"
|
|
v-model="listOwnerInfo.conditions.roomName" class=" form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<div class="form-group">
|
|
<input type="number" :placeholder="vc.i18n('请输入联系方式','listOwner')"
|
|
v-model="listOwnerInfo.conditions.link" class=" form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<div class="form-group">
|
|
<input type="text" :placeholder="vc.i18n('请输入业主身份证号','listOwner')"
|
|
v-model="listOwnerInfo.conditions.idCard" 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="listOwner"></vc:i18n>
|
|
</button>
|
|
<button type="button" class="btn btn-primary btn-sm" v-on:click="_resetOwnerMethod()">
|
|
<vc:i18n name="重置" namespace="listOwner"></vc:i18n>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ibox">
|
|
<div class="ibox-title">
|
|
<h5>
|
|
<vc:i18n name="业主信息" namespace="listOwner"></vc:i18n>
|
|
</h5>
|
|
<div class="ibox-tools" style="top:10px;">
|
|
<button type="button" class="btn btn-primary btn-sm" v-on:click="_openAddOwnerModal(-1)"
|
|
v-if="vc.hasPrivilege('502023032885101706')">
|
|
<vc:i18n name="添加" namespace="listOwner"></vc:i18n>
|
|
</button>
|
|
</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="listOwner"></vc:i18n>
|
|
</th> -->
|
|
<th class="text-center">
|
|
<vc:i18n name="人脸" namespace="listOwner"></vc:i18n>
|
|
</th>
|
|
<th data-hide="phone" class="text-center">
|
|
<vc:i18n name="客户名称" namespace="listOwner"></vc:i18n>
|
|
</th>
|
|
<th data-hide="phone" class="text-center">
|
|
<vc:i18n name="人员类型" namespace="listOwner"></vc:i18n>
|
|
</th>
|
|
<th data-hide="phone" class="text-center">
|
|
<vc:i18n name="人员角色" namespace="listOwner"></vc:i18n>
|
|
</th>
|
|
<th data-hide="phone" class="text-center">
|
|
<vc:i18n name="性别" namespace="listOwner"></vc:i18n>
|
|
</th>
|
|
<th data-hide="phone" class="text-center">
|
|
<vc:i18n name="证件号" namespace="listOwner"></vc:i18n>
|
|
</th>
|
|
<th data-hide="phone" class="text-center">
|
|
<vc:i18n name="联系手机" namespace="listOwner"></vc:i18n>
|
|
</th>
|
|
<th data-hide="phone" class="text-center">
|
|
<vc:i18n name="备用手机" namespace="listOwner"></vc:i18n>
|
|
</th>
|
|
<th data-hide="phone" class="text-center">
|
|
<vc:i18n name="地址" namespace="listOwner"></vc:i18n>
|
|
</th>
|
|
<th data-hide="phone" class="text-center">
|
|
<vc:i18n name="房屋数" namespace="listOwner"></vc:i18n>
|
|
</th>
|
|
<th data-hide="phone" class="text-center">
|
|
<vc:i18n name="业主成员" namespace="listOwner"></vc:i18n>
|
|
</th>
|
|
<th data-hide="phone" class="text-center">
|
|
<vc:i18n name="车辆数" namespace="listOwner"></vc:i18n>
|
|
</th>
|
|
<th data-hide="phone" class="text-center">
|
|
<vc:i18n name="欠费" namespace="listOwner"></vc:i18n>
|
|
</th>
|
|
<th v-for="(item,index) in listOwnerInfo.listColumns" class="text-center">{{item}}</th>
|
|
<th class="text-center">
|
|
<vc:i18n name="操作" namespace="listOwner"></vc:i18n>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr v-for="owner in listOwnerInfo.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.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">
|
|
<a href="javascript:void(0)" @click="_viewOwnerRooms(owner)">
|
|
{{owner.roomCount || 0}}
|
|
</a>
|
|
</td>
|
|
<td class="text-center">
|
|
<a href="javascript:void(0)" @click="_viewOwnerMembers(owner)" v-if="owner.ownerTypeCd == '1001'">
|
|
{{owner.memberCount || 0}}
|
|
</a>
|
|
<span v-else>-</span>
|
|
</td>
|
|
<td class="text-center">
|
|
<a href="javascript:void(0)" @click="_viewOwnerCars(owner)">
|
|
{{owner.carCount || 0}}
|
|
</a>
|
|
</td>
|
|
<td class="text-center">
|
|
<a href="javascript:void(0)" @click="_viewOweFees(owner)">
|
|
{{owner.oweFee || '0.00'}}
|
|
</a>
|
|
</td>
|
|
<td v-for="item in owner.listValues" class="text-center">
|
|
{{item || '-'}}
|
|
</td>
|
|
<td class="text-center">
|
|
<div class="btn-group">
|
|
<button class="btn-white btn btn-xs dropdown-toggle" data-toggle="dropdown"
|
|
aria-haspopup="true" aria-expanded="false">
|
|
<vc:i18n name="变更" namespace="listOwner"></vc:i18n>
|
|
</button>
|
|
<div class="dropdown-menu p-4 text-muted" style="max-width: 200px;">
|
|
<p style="margin:10px 0;">
|
|
<a href="javascript:void(0)" v-on:click="_openEditOwnerModel(owner)"
|
|
v-if="vc.hasPrivilege('502023032899781711')">
|
|
<vc:i18n name="修改业主" namespace="listOwner"></vc:i18n>
|
|
</a>
|
|
<span>|</span>
|
|
<a href="javascript:void(0)" v-on:click="_openDelOwnerModel(owner)"
|
|
v-if="vc.hasPrivilege('502023032818941714')">
|
|
<vc:i18n name="删除业主" namespace="listOwner"></vc:i18n>
|
|
</a>
|
|
</p>
|
|
<p style="margin:10px 0;">
|
|
<a href="javascript:void(0)" v-on:click="_openAddOwnerRoom(owner)">
|
|
<vc:i18n name="入住房屋" namespace="listOwner"></vc:i18n>
|
|
</a>
|
|
<span>|</span>
|
|
<a href="javascript:void(0)" v-on:click="_openDeleteOwnerRoom(owner)">
|
|
<vc:i18n name="房屋解绑" namespace="listOwner"></vc:i18n>
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="btn-group" v-if="owner.ownerTypeCd == '1001'">
|
|
<button class="btn-white btn btn-xs " v-on:click="_openOwnerDetailMember(owner)">
|
|
<vc:i18n name="成员" namespace="listOwner"></vc:i18n>
|
|
</button>
|
|
</div>
|
|
<div class="btn-group">
|
|
<button class="btn-white btn btn-xs " v-on:click="_openOwnerDetailModel(owner)">
|
|
<vc:i18n name="详情" namespace="listOwner"></vc:i18n>
|
|
</button>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<!-- 分页 -->
|
|
<vc:create path="frame/pagination"></vc:create>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<vc:create path="property/addOwner"></vc:create>
|
|
<vc:create path="property/editOwner" ></vc:create>
|
|
<vc:create path="property/deleteOwner" notifyLoadDataComponentName="listOwner"></vc:create>
|
|
<vc:create path="owner/ownerRooms"></vc:create>
|
|
<vc:create path="owner/ownerMembers"></vc:create>
|
|
<vc:create path="owner/ownerCars"></vc:create>
|
|
<vc:create path="owner/ownerOweFees"></vc:create>
|
|
<vc:create path="common/viewImage"></vc:create>
|
|
</div> |