admingit/MicroCommunityWeb
1
0
Fork 0
mirror of https://gitee.com/java110/MicroCommunityWeb.git synced 2026-02-24 05:46:03 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

加入业主详情页面

Browse Source
This commit is contained in:
Your Name 2023-04-03 01:13:34 +08:00
parent f21f74475c
commit ac302bfc43
6 changed files with 334 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
public/components/owner/ownerDetailCoupon/ownerDetailCoupon.html Normal file
View File

@ -0,0 +1,68 @@
<div class="margin-top">
<div class="row margin-top-lg">
</div>
<div class="margin-top">
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
<thead>
<tr>
<th class="text-center">
<vc:i18n name='编号' namespace='ownerDetailCoupon'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='优惠券名称' namespace='ownerDetailCoupon'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='面值' namespace='ownerDetailCoupon'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='有效期' namespace='ownerDetailCoupon'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='用户名称' namespace='ownerDetailCoupon'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='手机号' namespace='ownerDetailCoupon'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='用途' namespace='ownerDetailCoupon'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='数量' namespace='ownerDetailCoupon'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='状态' namespace='ownerDetailCoupon'></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name='生效时间' namespace='ownerDetailCoupon'></vc:i18n>
</th>
</tr>
</thead>
<tbody>
<tr v-for="coupon in ownerDetailCouponInfo.coupons">
<td class="text-center">{{coupon.couponId}}</td>
<td class="text-center">{{coupon.couponName}}</td>
<td class="text-center">{{coupon.value}}</td>
<td class="text-center">{{coupon.validityDay}}</td>
<td class="text-center">{{coupon.userName}}</td>
<td class="text-center">{{coupon.tel}}</td>
<td class="text-center">{{coupon.toTypeName}}</td>
<td class="text-center">{{coupon.stock}}张</td>
<td class="text-center">{{coupon.state == '1001'?'未使用':'已使用'}}</td>
<td class="text-center">{{coupon.startTime}}</td>
</tr>
</tbody>
</table>
<!-- 分页 -->
<div class="row">
<div class="col-sm-4">
</div>
<div class="col-sm-8">
<vc:create namespace="ownerDetailCoupon" path="frame/paginationPlus"></vc:create>
</div>
</div>
</div>
</div>

62
public/components/owner/ownerDetailCoupon/ownerDetailCoupon.js Normal file
View File

@ -0,0 +1,62 @@
/**
入驻小区
**/
(function (vc) {
var DEFAULT_PAGE = 1;
var DEFAULT_ROWS = 10;
vc.extends({
data: {
ownerDetailCouponInfo: {
coupons: [],
ownerId: '',
link: '',
}
},
_initMethod: function () {
},
_initEvent: function () {
vc.on('ownerDetailCoupon', 'switch', function (_data) {
$that.ownerDetailCouponInfo.ownerId = _data.ownerId;
$that.ownerDetailCouponInfo.link = _data.link;
$that._loadOwnerDetailCouponData(DEFAULT_PAGE, DEFAULT_ROWS);
});
vc.on('ownerDetailCoupon', 'paginationPlus', 'page_event',
function (_currentPage) {
vc.component._loadOwnerDetailCouponData(_currentPage, DEFAULT_ROWS);
});
},
methods: {
_loadOwnerDetailCouponData: function (_page, _row) {
let param = {
params: {
page: _page,
row: _row,
communityId: vc.getCurrentCommunity().communityId,
tel: $that.ownerDetailCouponInfo.link,
}
};
//发送get请求
vc.http.apiGet('/couponProperty.listCouponPropertyUser',
param,
function (json) {
let _roomInfo = JSON.parse(json);
vc.component.ownerDetailCouponInfo.coupons = _roomInfo.data;
vc.emit('ownerDetailCoupon', 'paginationPlus', 'init', {
total: _roomInfo.records,
dataCount: _roomInfo.total,
currentPage: _page
});
},
function () {
console.log('请求失败处理');
}
);
},
//查询
_qureyOwnerDetailCoupon: function () {
$that._loadOwnerDetailCouponData(DEFAULT_PAGE, DEFAULT_ROWS);
},
}
});
})(window.vc);

102
public/components/owner/ownerDetailHisFee/ownerDetailHisFee.html Normal file
View File

@ -0,0 +1,102 @@
<div>
<div class="margin-top">
<table class="footable table table-stripped toggle-arrow-tiny" style="margin-top:10px" data-page-size="10">
<thead>
<tr>
<th class="text-center">
<vc:i18n name="费用项" namespace="ownerDetailHisFee"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="收费对象" namespace="ownerDetailHisFee"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="周期(单位:月)" namespace="ownerDetailHisFee"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="应收/实收(单位:元)" namespace="ownerDetailHisFee"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="缴费方式" namespace="ownerDetailHisFee"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="缴费起始段" namespace="ownerDetailHisFee"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="缴费时间" namespace="ownerDetailHisFee"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="状态" namespace="ownerDetailHisFee"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="备注" namespace="ownerDetailHisFee"></vc:i18n>
</th>
<th data-hide="phone" class="text-center">
<vc:i18n name="操作" namespace="ownerDetailHisFee"></vc:i18n>
</th>
</tr>
</thead>
<tbody>
<tr v-for="feeDetail in ownerDetailHisFeeInfo.feeDetails">
<td class="text-center">
{{feeDetail.feeName}}
</td>
<td class="text-center">
{{feeDetail.payerObjName}}
</td>
<td class="text-center">
{{feeDetail.cycles}}
</td>
<td class="text-center">
{{feeDetail.receivableAmount}}/{{feeDetail.receivedAmount}}<br>
<div v-for="(item,index) in feeDetail.feeAccountDetailDtoList" :key="index"
v-bind:value="item.state" v-if="item.state != '1001'">
{{item.stateName}}: {{item.amount}}<br>
</div>
<div v-for="(item,index) in feeDetail.payFeeDetailDiscountDtoList" :key="index"
v-bind:value="item.state">
{{item.discountName}}: {{Math.abs(item.discountPrice)}}<br>
</div>
</td>
<td class="text-center">
{{feeDetail.primeRateName}}
</td>
<td class="text-center">
{{vc.dateFormat(feeDetail.startTime)}}~</br>
<span v-if="feeDetail.startTime >= feeDetail.endTime">
{{vc.dateFormat(feeDetail.endTime)}}
</span>
<span v-else>
{{vc.dateSubOneDay(vc.dateFormat(feeDetail.endTime),vc.dateFormat(feeDetail.endTime),feeDetail.feeFlag)}}
</span>
</td>
<td class="text-center">
{{feeDetail.createTime}}
</td>
<td class="text-center">
{{feeDetail.stateName}}
</td>
<td class="text-center">
{{feeDetail.remark}}
</td>
<td class="text-center">
<div class="btn-group"
v-if="feeDetail.state=='1400' || feeDetail.state== 1200 || feeDetail.state== ''">
<button class="btn-white btn btn-xs" v-on:click="_toRefundFee(feeDetail)">
<vc:i18n name="详情" namespace="ownerDetailHisFee"></vc:i18n>
</button>
</div>
</td>
</tr>
</tbody>
<tr>
<td colspan="12">
<ul class="pagination float-right"></ul>
</td>
</tr>
</table>
<vc:create namespace="ownerDetailHisFee" path="frame/paginationPlus"></vc:create>
</div>
</div>

81
public/components/owner/ownerDetailHisFee/ownerDetailHisFee.js Normal file
View File

@ -0,0 +1,81 @@
/**
入驻小区
**/
(function (vc) {
var DEFAULT_PAGE = 1;
var DEFAULT_ROWS = 10;
vc.extends({
data: {
ownerDetailHisFeeInfo: {
total: 0,
records: 1,
feeDetails: [],
ownerId: ''
}
},
_initMethod: function () {
},
_initEvent: function () {
//切换 至费用页面
vc.on('ownerDetailHisFee', 'switch', function (_param) {
$that.clearOwnerDetailHisFeeInfo();
if (_param.ownerId == '') {
return;
}
vc.copyObject(_param, $that.ownerDetailHisFeeInfo)
$that._listOwnerDetailFeeDetails(DEFAULT_PAGE, DEFAULT_ROWS);
});
vc.on('ownerDetailHisFee', 'notify', function () {
$that._listOwnerDetailFeeDetails(DEFAULT_PAGE, DEFAULT_ROWS);
});
vc.on('ownerDetailHisFee', 'paginationPlus', 'page_event',
function (_currentPage) {
vc.component._listOwnerDetailFeeDetails(_currentPage, DEFAULT_ROWS);
});
},
methods: {
_listOwnerDetailFeeDetails: function (_page, _row) {
let param = {
params: {
page: _page,
row: _row,
communityId: vc.getCurrentCommunity().communityId,
ownerId: $that.ownerDetailHisFeeInfo.ownerId,
}
};
//发送get请求
vc.http.apiGet('/fee.queryFeeDetail',
param,
function (json) {
let _feeConfigInfo = JSON.parse(json);
vc.component.ownerDetailHisFeeInfo.total = _feeConfigInfo.total;
vc.component.ownerDetailHisFeeInfo.records = _feeConfigInfo.records;
vc.component.ownerDetailHisFeeInfo.feeDetails = _feeConfigInfo.feeDetails;
vc.emit('ownerDetailHisFee', 'paginationPlus', 'init', {
total: vc.component.ownerDetailHisFeeInfo.records,
dataCount: vc.component.ownerDetailHisFeeInfo.total,
currentPage: _page
});
},
function () {
console.log('请求失败处理');
}
);
},
clearOwnerDetailHisFeeInfo: function () {
$that.ownerDetailHisFeeInfo = {
total: 0,
records: 1,
feeDetails: [],
ownerId: ''
}
},
_toRefundFee: function (_detail) {
vc.jumpToPage('/#/pages/property/propertyFee?feeId=' + _detail.feeId);
}
}
});
})(window.vc);

2
public/components/owner/ownerDetailOweFee/ownerDetailOweFee.html
View File

@ -54,7 +54,7 @@
<!-- 分页 -->
<div class="row">
<div class="col-sm-4">
<span>缴费请到业务受理页面缴费</span>
</div>
<div class="col-sm-8">
<vc:create namespace="ownerDetailOweFee" path="frame/paginationPlus"></vc:create>

20
public/pages/owner/ownerDetail/ownerDetail.html
View File

@ -167,6 +167,12 @@
<vc:i18n name="业主账户" namespace="ownerDetail"></vc:i18n>
</a>
</li>
<li class="nav-item">
<a class="nav-link" v-bind:class="{active:ownerDetailInfo._currentTab == 'ownerDetailCoupon'}"
v-on:click="changeTab('ownerDetailCoupon')">
<vc:i18n name="优惠券" namespace="ownerDetail"></vc:i18n>
</a>
</li>
<li class="nav-item">
<a class="nav-link" v-bind:class="{active:ownerDetailInfo._currentTab == 'ownerDetailAppUser'}"
v-on:click="changeTab('ownerDetailAppUser')">
@ -198,6 +204,12 @@
<vc:i18n name="业主欠费" namespace="ownerDetail"></vc:i18n>
</a>
</li>
<li class="nav-item">
<a class="nav-link" v-bind:class="{active:ownerDetailInfo._currentTab == 'ownerDetailHisFee'}"
v-on:click="changeTab('ownerDetailHisFee')">
<vc:i18n name="缴费历史" namespace="ownerDetail"></vc:i18n>
</a>
</li>
<li class="nav-item">
<a class="nav-link" v-bind:class="{active:ownerDetailInfo._currentTab == 'ownerDetailAccessControl'}"
v-on:click="changeTab('ownerDetailAccessControl')">
@ -224,6 +236,10 @@
<div v-if="ownerDetailInfo._currentTab == 'ownerDetailAccount'">
<vc:create path="owner/ownerDetailAccount"></vc:create>
</div>
<div v-if="ownerDetailInfo._currentTab == 'ownerDetailCoupon'">
<vc:create path="owner/ownerDetailCoupon"></vc:create>
</div>
<div v-if="ownerDetailInfo._currentTab == 'ownerDetailAppUser'">
<vc:create path="owner/ownerDetailAppUser"></vc:create>
</div>
@ -240,6 +256,9 @@
<div v-if="ownerDetailInfo._currentTab == 'ownerDetailOweFee'">
<vc:create path="owner/ownerDetailOweFee"></vc:create>
</div>
<div v-if="ownerDetailInfo._currentTab == 'ownerDetailHisFee'">
<vc:create path="owner/ownerDetailHisFee"></vc:create>
</div>
<div v-if="ownerDetailInfo._currentTab == 'ownerDetailAccessControl'">
<vc:create path="owner/ownerDetailAccessControl"></vc:create>
</div>
@ -247,6 +266,7 @@
<vc:create path="owner/ownerDetailAccessControlRecord"></vc:create>
</div>