MicroCommunityWeb/public/pages/property/listOwner/listOwner.html

251 lines
14 KiB
HTML
Executable File

<div xmlns:vc="http://www.w3.org/1999/html">
<div class="row">
<div class="col-lg-12">
<div class="ibox ">
<div class="ibox-title">
<h5>
<span>
<span><vc:i18n name="查询条件" namespace="listOwner"></vc:i18n></span>
</span>
</h5>
<div class="ibox-tools" style="top:10px;">
<button type="button" class="btn btn-link btn-sm" style="margin-right:10px;"
v-on:click="_moreCondition()">{{listOwnerInfo.moreCondition == true?'隐藏':'更多'}}
</button>
</div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-3">
<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-4">
<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-3">
<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">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_queryOwnerMethod()">
<i class="fa fa-search"></i>
<span>
<span><vc:i18n name="查询" namespace="listOwner"></vc:i18n></span>
</span>
</button>
<button type="button" class="btn btn-primary btn-sm" v-on:click="_resetOwnerMethod()">
<i class="fa fa-repeat"></i>
<span>
<span><vc:i18n name="重置" namespace="listOwner"></vc:i18n></span>
</span>
</button>
</div>
</div>
<div class="row" v-if="listOwnerInfo.moreCondition == true">
<div class="col-sm-3">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入业主ID','listOwner')"
v-model="listOwnerInfo.conditions.ownerId" class=" form-control">
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<input type="text" :placeholder="vc.i18n('请输入业主身份证号','listOwner')"
v-model="listOwnerInfo.conditions.idCard" class=" form-control">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="ibox">
<div class="ibox-title">
<h5>
<span>
<span><vc:i18n name="业主信息" namespace="listOwner"></vc:i18n></span>
</span>
</h5>
<div class="ibox-tools" style="top:10px;">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_openAddOwnerModal(-1)">
<i class="fa fa-plus"></i>
<span>
<span><vc:i18n name="添加业主" namespace="listOwner"></vc:i18n></span>
</span>
</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">
<span>
<span><vc:i18n name="业主" namespace="listOwner"></vc:i18n></span>
</span>ID
</th>
<th data-hide="phone" class="text-center">
<span>
<span><vc:i18n name="姓名" namespace="listOwner"></vc:i18n></span>
</span>
</th>
<!-- <th data-hide="phone">
<span>
<span><vc:i18n name="房屋编号" namespace="listOwner"></vc:i18n></span>
</span>
</th> -->
<th data-hide="phone" class="text-center">
<span>
<span><vc:i18n name="性别" namespace="listOwner"></vc:i18n></span>
</span>
</th>
<th data-hide="phone" class="text-center">
<span>
<span><vc:i18n name="年龄" namespace="listOwner"></vc:i18n></span>
</span>
</th>
<th data-hide="phone" class="text-center">
<span>
<span><vc:i18n name="身份证" namespace="listOwner"></vc:i18n></span>
</span>
</th>
<th data-hide="phone" class="text-center">
<span>
<span><vc:i18n name="联系方式" namespace="listOwner"></vc:i18n></span>
</span>
</th>
<th data-hide="phone" class="text-center">
<span>
<span><vc:i18n name="家庭住址" namespace="listOwner"></vc:i18n></span>
</span>
</th>
<th data-hide="phone" class="text-center">
<span>
<span><vc:i18n name="创建员工" namespace="listOwner"></vc:i18n></span>
</span>
</th>
<th v-for="(item,index) in listOwnerInfo.listColumns" class="text-center">{{item}}</th>
<th class="text-center">
<span>
<span><vc:i18n name="操作" namespace="listOwner"></vc:i18n></span>
</span>
</th>
</tr>
</thead>
<tbody>
<tr v-for="owner in listOwnerInfo.owners">
<td class="text-center">
{{owner.memberId}}
</td>
<td class="text-center">
{{owner.name}}
</td>
<!-- <td>
{{owner.roomName}}
</td> -->
<td class="text-center">
{{owner.sex == 0 ? '男' : '女'}}
</td>
<td class="text-center">
{{owner.age}}
</td>
<td class="text-center">
{{owner.idCard}}
</td>
<td class="text-center">
{{owner.link}}
</td>
<td class="text-center">
{{owner.address}}
</td>
<td class="text-center">
{{owner.userName}}
</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 "
v-on:click="_openEditOwnerModel(owner)"><span><span><vc:i18n name="修改" namespace="listOwner"></vc:i18n></span></span>
</button>
</div>-->
<div class="btn-group">
<button class="btn-white btn btn-xs dropdown-toggle" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
<span>
<span><vc:i18n name="变更" namespace="listOwner"></vc:i18n></span>
</span>
</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)">
<span>
<span><vc:i18n name="修改业主" namespace="listOwner"></vc:i18n></span>
</span>
</a>
<span>|</span>
<a href="javascript:void(0)" v-on:click="_openDelOwnerModel(owner)">
<span>
<span><vc:i18n name="删除业主" namespace="listOwner"></vc:i18n></span>
</span>
</a>
</p>
<p style="margin:10px 0;">
<a href="javascript:void(0)" v-on:click="_openAddOwnerRoom(owner)">
<span>
<span><vc:i18n name="入住房屋" namespace="listOwner"></vc:i18n></span>
</span>
</a>
<span>|</span>
<a href="javascript:void(0)" v-on:click="_openDeleteOwnerRoom(owner)">
<span>
<span><vc:i18n name="房屋解绑" namespace="listOwner"></vc:i18n></span>
</span>
</a>
</p>
</div>
</div>
<div class="btn-group">
<button class="btn-white btn btn-xs " v-on:click="_openOwnerDetailModel(owner)">
<span>
<span><vc:i18n name="详情" namespace="listOwner"></vc:i18n></span>
</span>
</button>
</div>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="13">
<ul class="pagination float-right"></ul>
</td>
</tr>
</tfoot>
</table>
<!-- 分页 -->
<vc:create path="frame/pagination"></vc:create>
</div>
</div>
</div>
</div>
<vc:create path="property/addOwner" notifyLoadDataComponentName="listOwner" componentTitle="业主"></vc:create>
<vc:create path="property/editOwner" notifyLoadDataComponentName="listOwner" componentTitle="业主"></vc:create>
<vc:create path="property/deleteOwner" notifyLoadDataComponentName="listOwner"></vc:create>
<vc:create path="property/searchRoom" emitChooseRoom="listOwner" emitLoadData="listOwner" roomFlag="1"
showSearchCondition="false"></vc:create>
<vc:create path="property/searchParkingSpace" emitChooseParkingSpace="listOwner" emitLoadData="listOwner"
parkingSpaceFlag="SH" showSearchCondition="false"></vc:create>
</div>