181 lines
12 KiB
HTML
181 lines
12 KiB
HTML
<div id="accountManageVoucherModal" tabindex="-1" class="modal fade" role="dialog" aria-labelledby="exampleModalLabel"
|
|
aria-hidden="true" style="overflow-y: auto;">
|
|
|
|
<div class="modal-dialog modal-xl modal-dialog-centered"
|
|
style="width: 100vw; height: 100vh; margin: 0; padding: 0; max-width: 100vw;">
|
|
|
|
<div class="modal-content" style="width: 100vw; height: 100vh; margin: 0; padding: 0; max-width: 100vw;">
|
|
|
|
<div>
|
|
<div class="row">
|
|
<div class="col-md-11" style=" flex: 0 0 100%;max-width: 100%;">
|
|
<div class="ibox ">
|
|
<div class="ibox-title">
|
|
<h5>
|
|
<vc:i18n name="查询条件" namespace="accountManageVoucher"></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">
|
|
<input type="text" :placeholder="vc.i18n('请输入账户名称','accountManageVoucher')"
|
|
v-model="accountManageInfo.conditions.ownerName" class=" form-control">
|
|
</div>
|
|
</div> -->
|
|
<div class="col-sm-2">
|
|
<div class="form-group">
|
|
<input type="text" :placeholder="vc.i18n('请输入身份证号','accountManageVoucher')"
|
|
v-model="accountManageInfo.conditions.idCard" class=" form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<div class="form-group">
|
|
<input type="number"
|
|
:placeholder="vc.i18n('请输入联系方式','accountManageVoucher')"
|
|
v-model="accountManageInfo.conditions.link" class=" form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<div class="form-group">
|
|
<select class="form-control" v-model="accountManageInfo.conditions.acctType"
|
|
@change="_swatchAcctTypeBySelect">
|
|
<option v-for="(item, index) in accountManageInfo.acctTypes"
|
|
:key="index" :value="item.statusCd">
|
|
{{ item.name }}
|
|
</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<button type="button" class="btn btn-primary btn-sm"
|
|
v-on:click="_queryAccountMethod()">
|
|
<vc:i18n name="查询" namespace="accountManageVoucher"></vc:i18n>
|
|
</button>
|
|
<button type="button" class="btn btn-primary btn-sm"
|
|
v-on:click="_resetAccountMethod()">
|
|
<vc:i18n name="重置" namespace="accountManageVoucher"></vc:i18n>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ibox">
|
|
<div class="ibox-title">
|
|
<h5>
|
|
<vc:i18n name="业主账户" namespace="accountManageVoucher"></vc:i18n>
|
|
</h5>
|
|
<div class="ibox-tools" style="top:10px;">
|
|
<!-- <button type="button" class="btn btn-info btn-sm" style="margin-left:10px"
|
|
v-on:click="_openDoCreateRoomFee()">
|
|
<span>
|
|
<vc:i18n name="生成凭证号" namespace="accountManageVoucher"></vc:i18n>
|
|
</span>
|
|
</button> -->
|
|
<!-- <button type="button" class="btn btn-primary btn-sm" v-on:click="_prestoreAccount()"
|
|
v-if="vc.hasPrivilege('502023032809461736')">
|
|
<vc:i18n name="预存" namespace="accountManageVoucher"></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">
|
|
<input type="checkbox" class="i-checks " @click="checkAll($event)"
|
|
id="quan">
|
|
</th>
|
|
<th class="text-center">
|
|
<vc:i18n name="账户编号" namespace="accountManageVoucher"></vc:i18n>
|
|
</th>
|
|
<th class="text-center">
|
|
<vc:i18n name="账户名称" namespace="accountManageVoucher"></vc:i18n>
|
|
</th>
|
|
<th class="text-center">
|
|
<vc:i18n name="身份证号" namespace="accountManageVoucher"></vc:i18n>
|
|
</th>
|
|
<th class="text-center">
|
|
<vc:i18n name="手机号" namespace="accountManageVoucher"></vc:i18n>
|
|
</th>
|
|
<th class="text-center">
|
|
<vc:i18n name="账户类型" namespace="accountManageVoucher"></vc:i18n>
|
|
</th>
|
|
<th class="text-center">
|
|
<vc:i18n name="账户金额" namespace="accountManageVoucher"></vc:i18n>
|
|
</th>
|
|
<th class="text-center">
|
|
<vc:i18n name="扣款房号" namespace="accountManageVoucher"></vc:i18n>
|
|
</th>
|
|
<th class="text-center">
|
|
<vc:i18n name="创建时间" namespace="accountManageVoucher"></vc:i18n>
|
|
</th>
|
|
<!-- <th class="text-center">
|
|
<vc:i18n name="操作" namespace="accountManageVoucher"></vc:i18n>
|
|
</th> -->
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr v-for="account in accountManageInfo.accounts">
|
|
<td class="text-center">
|
|
<input type="checkbox" class="i-checks checkItem"
|
|
v-bind:value="account.acctId" v-model="selectIds">
|
|
</td>
|
|
<td class="text-center">{{account.acctId}}</td>
|
|
<td class="text-center">{{account.acctName}}</td>
|
|
<td class="text-center">{{account.idCard}}</td>
|
|
<td class="text-center">{{account.link}}</td>
|
|
<td class="text-center">{{account.acctTypeName}}</td>
|
|
<td class="text-center">{{account.amount}}</td>
|
|
<td class="text-center">{{account.roomName || '无'}}</td>
|
|
<td class="text-center">{{account.createTime}}</td>
|
|
<!-- <td class="text-center">
|
|
<div class="btn-group">
|
|
<button class="btn-white btn btn-xs"
|
|
v-on:click="_accountVoucherDetail(account)">
|
|
<vc:i18n name="账户明细" namespace="accountManageVoucher"></vc:i18n>
|
|
</button>
|
|
</div>
|
|
<div class="btn-group">
|
|
<button class="btn-white btn btn-xs"
|
|
v-on:click="_doDeleteAccount(account)">
|
|
<vc:i18n name="删除" namespace="accountManageVoucher"></vc:i18n>
|
|
</button>
|
|
</div>
|
|
</td> -->
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<!-- 分页 -->
|
|
<vc:create path="frame/pagination"></vc:create>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-footer"
|
|
style="position: sticky; bottom: 0; background: #fff; border-top: 1px solid #ddd; padding: 15px;">
|
|
|
|
<button type="button" class="btn btn-primary btn-sm" v-on:click="_createAllVoucher()">
|
|
<vc:i18n name="结果集合并生成" namespace="accountManageVoucher"></vc:i18n>
|
|
</button>
|
|
|
|
<button class="btn btn-primary float-right" type="button" v-on:click="_createVoucher()">
|
|
<i class="fa fa-check"></i>
|
|
<vc:i18n name="合并生成" namespace="accountManageVoucher"></vc:i18n>
|
|
</button>
|
|
|
|
<button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
|
|
data-dismiss="modal">
|
|
<i class="fa fa-close"></i>
|
|
<vc:i18n name="取消" namespace="accountManageVoucher"></vc:i18n>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<vc:create path="property/accountManageVoucherDetail"></vc:create>
|
|
</div> |