mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-02-24 05:46:03 +08:00
开始开发费用详情页面
This commit is contained in:
Your Name
parent
9d5284da74
commit
3ef03a5d17
189
public/pages/fee/feeDetail/feeDetail.html
Normal file
189
public/pages/fee/feeDetail/feeDetail.html
Normal file
@ -0,0 +1,189 @@
|
||||
<div class="">
|
||||
<div class="white-bg padding-left padding-right padding-top border-radius-top">
|
||||
<div class="flex justify-between">
|
||||
<div class="text-title">
|
||||
费用信息
|
||||
</div>
|
||||
<div>
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||||
v-if="vc.hasPrivilege('502023032804261679')" v-on:click="_openEditOwnerCar()">
|
||||
修改
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 业主信息 -->
|
||||
<div class="margin-top">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="row">
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="费用ID：" namespace="feeDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{feeDetailInfo.carNum}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="费用标识：" namespace="feeDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{feeDetailInfo.carBrand || '-'}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="费用类型：" namespace="feeDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{feeDetailInfo.leaseTypeName}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="付费对象：" namespace="feeDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{feeDetailInfo.carColor || '-'}}</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="费用项：" namespace="feeDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{feeDetailInfo.carTypeName}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="费用状态：" namespace="feeDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{feeDetailInfo.startTime}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="建账时间：" namespace="feeDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{feeDetailInfo.endTime}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="批次：" namespace="feeDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{feeDetailInfo.remark}}</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="应收开始时间：" namespace="feeDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{feeDetailInfo.areaNum}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="应收结束时间：" namespace="feeDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{feeDetailInfo.num}}</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="vc-line-primary margin-top"></div>
|
||||
|
||||
<div class="margin-top-sm">
|
||||
<ul class="nav nav-tabs">
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:feeDetailInfo._currentTab == 'ownerDetailHisFee'}"
|
||||
v-on:click="changeTab('ownerDetailHisFee')">
|
||||
<vc:i18n name="缴费记录" namespace="feeDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:feeDetailInfo._currentTab == 'feeDetailHis'}"
|
||||
v-on:click="changeTab('feeDetailHis')">
|
||||
<vc:i18n name="费用对象" namespace="feeDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:feeDetailInfo._currentTab == 'feeDetailHis'}"
|
||||
v-on:click="changeTab('feeDetailHis')">
|
||||
<vc:i18n name="修改记录" namespace="feeDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:feeDetailInfo._currentTab == 'feeDetailHis'}"
|
||||
v-on:click="changeTab('feeDetailHis')">
|
||||
<vc:i18n name="费用项" namespace="feeDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:feeDetailInfo._currentTab == 'feeDetailOwner'}"
|
||||
v-on:click="changeTab('feeDetailOwner')">
|
||||
<vc:i18n name="业主信息" namespace="feeDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:feeDetailInfo._currentTab == 'feeDetailOwner'}"
|
||||
v-on:click="changeTab('feeDetailOwner')">
|
||||
<vc:i18n name="同费用对象" namespace="feeDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:feeDetailInfo._currentTab == 'feeDetailOwner'}"
|
||||
v-on:click="changeTab('feeDetailOwner')">
|
||||
<vc:i18n name="关联抄表" namespace="feeDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:feeDetailInfo._currentTab == 'feeDetailOwner'}"
|
||||
v-on:click="changeTab('feeDetailOwner')">
|
||||
<vc:i18n name="关联公摊" namespace="feeDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:feeDetailInfo._currentTab == 'feeDetailOwner'}"
|
||||
v-on:click="changeTab('feeDetailOwner')">
|
||||
<vc:i18n name="优惠申请" namespace="feeDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:feeDetailInfo._currentTab == 'feeDetailOwner'}"
|
||||
v-on:click="changeTab('feeDetailOwner')">
|
||||
<vc:i18n name="补打收据" namespace="feeDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="white-bg padding-left padding-right padding-top border-radius-bottom">
|
||||
|
||||
|
||||
<div v-if="feeDetailInfo._currentTab == 'feeDetailOwner'">
|
||||
<vc:create path="car/carDetailOwner"></vc:create>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<vc:create path="property/editCar" notifyLoadDataComponentName="feeDetail"></vc:create>
|
||||
</div>
|
||||
87
public/pages/fee/feeDetail/feeDetail.js
Normal file
87
public/pages/fee/feeDetail/feeDetail.js
Normal file
@ -0,0 +1,87 @@
|
||||
/**
|
||||
业主详情页面
|
||||
**/
|
||||
(function (vc) {
|
||||
var _fileUrl = '/callComponent/download/getFile/fileByObjId';
|
||||
vc.extends({
|
||||
data: {
|
||||
feeDetailInfo: {
|
||||
memberId: '',
|
||||
carId:'',
|
||||
carNum:'',
|
||||
carTypeCd:'',
|
||||
carTypeCdName: '',
|
||||
carType: '',
|
||||
carTypeName: '',
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
leaseType:'',
|
||||
leaseTypeName: '',
|
||||
areaNum: '',
|
||||
num:'',
|
||||
remark:'',
|
||||
stateName:'',
|
||||
carColor:'',
|
||||
carBrand:'',
|
||||
ownerId:'',
|
||||
roomName:'',
|
||||
carNumType: '',
|
||||
paId:'',
|
||||
_currentTab: 'feeDetailFee',
|
||||
needBack:false,
|
||||
}
|
||||
},
|
||||
_initMethod: function () {
|
||||
$that.feeDetailInfo.memberId = vc.getParam('memberId');
|
||||
if (!vc.notNull($that.feeDetailInfo.memberId)) {
|
||||
return;
|
||||
}
|
||||
vc.component._loadFeeDetailInfo();
|
||||
|
||||
},
|
||||
_initEvent: function () {
|
||||
vc.on('feeDetail', 'listCarData', function (_info) {
|
||||
//vc.component._loadFeeDetailInfo();
|
||||
$that.changeTab($that.feeDetailInfo._currentTab);
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
_loadFeeDetailInfo: function () {
|
||||
let param = {
|
||||
params: {
|
||||
page: 1,
|
||||
row: 1,
|
||||
memberId: $that.feeDetailInfo.memberId,
|
||||
communityId:vc.getCurrentCommunity().communityId
|
||||
}
|
||||
};
|
||||
//发送get请求
|
||||
vc.http.apiGet('/owner.queryOwnerCars',
|
||||
param,
|
||||
function (json) {
|
||||
let _carInfo = JSON.parse(json);
|
||||
// 员工列表 和 岗位列表匹配
|
||||
vc.copyObject(_carInfo.data[0], $that.feeDetailInfo);
|
||||
$that.changeTab($that.feeDetailInfo._currentTab);
|
||||
},
|
||||
function () {
|
||||
console.log('请求失败处理');
|
||||
}
|
||||
);
|
||||
},
|
||||
changeTab: function (_tab) {
|
||||
$that.feeDetailInfo._currentTab = _tab;
|
||||
vc.emit(_tab, 'switch', {
|
||||
memberId: $that.feeDetailInfo.memberId,
|
||||
carId:$that.feeDetailInfo.carId,
|
||||
ownerId:$that.feeDetailInfo.ownerId,
|
||||
carNum:$that.feeDetailInfo.carNum,
|
||||
paId:$that.feeDetailInfo.paId
|
||||
})
|
||||
},
|
||||
_openEditOwnerCar: function () {
|
||||
vc.emit('editCar', 'openEditCar', $that.feeDetailInfo);
|
||||
},
|
||||
}
|
||||
});
|
||||
})(window.vc);
|
||||
Loading…
Reference in New Issue
Block a user