mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-02-23 21:36:37 +08:00
Merge branch 'master' of http://git.homecommunity.cn/supervip/MicroCommunityWeb
This commit is contained in:
wuxw
commit
ac134a214c
@ -4,9 +4,7 @@
|
||||
<div class=" border-radius ">
|
||||
<div class="margin-xs-r treeview attendance-staff">
|
||||
<ul class="list-group text-center border-radius">
|
||||
<li class="list-group-item node-orgTree " v-for="(item,index) in invoiceApplyInfo.states"
|
||||
:key="index" @click="swatchState(item)"
|
||||
:class="{'vc-node-selected':invoiceApplyInfo.conditions.state == item.state}">
|
||||
<li class="list-group-item node-orgTree " v-for="(item,index) in invoiceApplyInfo.states" :key="index" @click="swatchState(item)" :class="{'vc-node-selected':invoiceApplyInfo.conditions.state == item.state}">
|
||||
{{item.stateName}}
|
||||
</li>
|
||||
</ul>
|
||||
@ -29,8 +27,7 @@
|
||||
<div class="row">
|
||||
<div class="col-sm-2">
|
||||
<div class="form-group">
|
||||
<input type="text" :placeholder="vc.i18n('请填写编号','invoiceApply')"
|
||||
v-model="invoiceApplyInfo.conditions.applyId" class=" form-control">
|
||||
<input type="text" :placeholder="vc.i18n('请填写编号','invoiceApply')" v-model="invoiceApplyInfo.conditions.applyId" class=" form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
@ -44,25 +41,21 @@
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<div class="form-group">
|
||||
<input type="text" :placeholder="vc.i18n('请选择业主名称','invoiceApply')"
|
||||
v-model="invoiceApplyInfo.conditions.ownerName" class=" form-control">
|
||||
<input type="text" :placeholder="vc.i18n('请选择业主名称','invoiceApply')" v-model="invoiceApplyInfo.conditions.ownerName" class=" form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<div class="form-group">
|
||||
<input type="text" :placeholder="vc.i18n('请选择申请人','invoiceApply')"
|
||||
v-model="invoiceApplyInfo.conditions.createUserName" class=" form-control">
|
||||
<input type="text" :placeholder="vc.i18n('请选择申请人','invoiceApply')" v-model="invoiceApplyInfo.conditions.createUserName" class=" form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<div class="form-group">
|
||||
<input type="text" :placeholder="vc.i18n('请选择申请人电话','invoiceApply')"
|
||||
v-model="invoiceApplyInfo.conditions.applyTel" class=" form-control">
|
||||
<input type="text" :placeholder="vc.i18n('请选择申请人电话','invoiceApply')" v-model="invoiceApplyInfo.conditions.applyTel" class=" form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-1">
|
||||
<button type="button" class="btn btn-primary btn-sm"
|
||||
v-on:click="_queryInvoiceApplyMethod()">
|
||||
<button type="button" class="btn btn-primary btn-sm" v-on:click="_queryInvoiceApplyMethod()">
|
||||
<i class="glyphicon glyphicon-search"></i> <span>
|
||||
<vc:i18n name="查询"></vc:i18n>
|
||||
</span>
|
||||
@ -135,7 +128,7 @@
|
||||
<td class="text-center">{{invoiceApply.invoiceAddress}}</td>
|
||||
|
||||
<td class="text-center">{{invoiceApply.invoiceAmount}}</td>
|
||||
<td class="text-center">{{invoiceApply.state}}</td>
|
||||
<td class="text-center">{{invoiceApply.stateName}}</td>
|
||||
<td class="text-center">
|
||||
<div class="btn-group">
|
||||
<button class="btn-white btn btn-xs"
|
||||
@ -144,8 +137,7 @@
|
||||
</button>
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
<button class="btn-white btn btn-xs"
|
||||
v-on:click="_openDeleteInvoiceApplyModel(invoiceApply)">
|
||||
<button class="btn-white btn btn-xs" v-on:click="_openDeleteInvoiceApplyModel(invoiceApply)">
|
||||
<vc:i18n name='删除'></vc:i18n>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
214
public/pages/fee/invoiceApplyDetail/invoiceApplyDetail.html
Normal file
214
public/pages/fee/invoiceApplyDetail/invoiceApplyDetail.html
Normal file
@ -0,0 +1,214 @@
|
||||
<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>
|
||||
|
||||
</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="编号：" namespace="invoiceApplyDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{invoiceApplyDetailInfo.applyId}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="发票类型：" namespace="invoiceApplyDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{invoiceApplyDetailInfo.invoiceType == '1001'?'个人':'企业'}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="业主名称：" namespace="invoiceApplyDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{invoiceApplyDetailInfo.ownerName}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="申请人：" namespace="invoiceApplyDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{invoiceApplyDetailInfo.createUserName}}({{invoiceApplyDetailInfo.applyTel}})</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="invoiceApplyDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{invoiceApplyDetailInfo.invoiceName}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="纳税人识别号：" namespace="invoiceApplyDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{invoiceApplyDetailInfo.invoiceNum}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="地址、电话：" namespace="invoiceApplyDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{invoiceApplyDetailInfo.invoiceAddress}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="申请金额：" namespace="invoiceApplyDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{invoiceApplyDetailInfo.invoiceAmount}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="审核状态：" namespace="invoiceApplyDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{invoiceApplyDetailInfo.stateName}}</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:invoiceApplyDetailInfo._currentTab == 'invoiceApplyDetailFee'}" v-on:click="changeTab('invoiceApplyDetailFee')">
|
||||
<vc:i18n name="车辆费用" namespace="invoiceApplyDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:invoiceApplyDetailInfo._currentTab == 'ownerDetailHisFee'}" v-on:click="changeTab('ownerDetailHisFee')">
|
||||
<vc:i18n name="缴费记录" namespace="invoiceApplyDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:invoiceApplyDetailInfo._currentTab == 'invoiceApplyDetailHis'}" v-on:click="changeTab('invoiceApplyDetailHis')">
|
||||
<vc:i18n name="修改记录" namespace="invoiceApplyDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:invoiceApplyDetailInfo._currentTab == 'invoiceApplyDetailMember'}" v-on:click="changeTab('invoiceApplyDetailMember')">
|
||||
<vc:i18n name="成员车辆" namespace="invoiceApplyDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:invoiceApplyDetailInfo._currentTab == 'invoiceApplyDetailOwner'}" v-on:click="changeTab('invoiceApplyDetailOwner')">
|
||||
<vc:i18n name="业主信息" namespace="invoiceApplyDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:invoiceApplyDetailInfo._currentTab == 'ownerDetailRoom'}" v-on:click="changeTab('ownerDetailRoom')">
|
||||
<vc:i18n name="业主房屋" namespace="invoiceApplyDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:invoiceApplyDetailInfo._currentTab == 'ownerDetailCar'}" v-on:click="changeTab('ownerDetailCar')">
|
||||
<vc:i18n name="业主车辆" namespace="invoiceApplyDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:invoiceApplyDetailInfo._currentTab == 'ownerDetailOweFee'}" v-on:click="changeTab('ownerDetailOweFee')">
|
||||
<vc:i18n name="业主欠费" namespace="invoiceApplyDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:invoiceApplyDetailInfo._currentTab == 'invoiceApplyDetailTransactionCar'}" v-on:click="changeTab('invoiceApplyDetailTransactionCar')">
|
||||
<vc:i18n name="车牌同步" namespace="invoiceApplyDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:invoiceApplyDetailInfo._currentTab == 'invoiceApplyDetailApplyParkingSpace'}" v-on:click="changeTab('invoiceApplyDetailApplyParkingSpace')">
|
||||
<vc:i18n name="车位申请" namespace="invoiceApplyDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:invoiceApplyDetailInfo._currentTab == 'invoiceApplyDetailCarInout'}" v-on:click="changeTab('invoiceApplyDetailCarInout')">
|
||||
<vc:i18n name="出入场记录" namespace="invoiceApplyDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:invoiceApplyDetailInfo._currentTab == 'invoiceApplyDetailCoupon'}" v-on:click="changeTab('invoiceApplyDetailCoupon')">
|
||||
<vc:i18n name="优惠券" namespace="invoiceApplyDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:invoiceApplyDetailInfo._currentTab == 'invoiceApplyDetailCouponOrder'}" v-on:click="changeTab('invoiceApplyDetailCouponOrder')">
|
||||
<vc:i18n name="优惠券核销" namespace="invoiceApplyDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="white-bg padding-left padding-right padding-top border-radius-bottom">
|
||||
<div v-if="invoiceApplyDetailInfo._currentTab == 'invoiceApplyDetailFee'">
|
||||
<vc:create path="car/invoiceApplyDetailFee"></vc:create>
|
||||
</div>
|
||||
|
||||
<div v-if="invoiceApplyDetailInfo._currentTab == 'ownerDetailRoom'">
|
||||
<vc:create path="owner/ownerDetailRoom"></vc:create>
|
||||
</div>
|
||||
<div v-if="invoiceApplyDetailInfo._currentTab == 'ownerDetailCar'">
|
||||
<vc:create path="owner/ownerDetailCar"></vc:create>
|
||||
</div>
|
||||
<div v-if="invoiceApplyDetailInfo._currentTab == 'ownerDetailOweFee'">
|
||||
<vc:create path="owner/ownerDetailOweFee"></vc:create>
|
||||
</div>
|
||||
<div v-if="invoiceApplyDetailInfo._currentTab == 'ownerDetailHisFee'">
|
||||
<vc:create path="owner/ownerDetailHisFee"></vc:create>
|
||||
</div>
|
||||
<div v-if="invoiceApplyDetailInfo._currentTab == 'invoiceApplyDetailHis'">
|
||||
<vc:create path="car/invoiceApplyDetailHis"></vc:create>
|
||||
</div>
|
||||
<div v-if="invoiceApplyDetailInfo._currentTab == 'invoiceApplyDetailMember'">
|
||||
<vc:create path="car/invoiceApplyDetailMember"></vc:create>
|
||||
</div>
|
||||
<div v-if="invoiceApplyDetailInfo._currentTab == 'invoiceApplyDetailOwner'">
|
||||
<vc:create path="car/invoiceApplyDetailOwner"></vc:create>
|
||||
</div>
|
||||
<div v-if="invoiceApplyDetailInfo._currentTab == 'invoiceApplyDetailTransactionCar'">
|
||||
<vc:create path="car/invoiceApplyDetailTransactionCar"></vc:create>
|
||||
</div>
|
||||
<div v-if="invoiceApplyDetailInfo._currentTab == 'invoiceApplyDetailApplyParkingSpace'">
|
||||
<vc:create path="car/invoiceApplyDetailApplyParkingSpace"></vc:create>
|
||||
</div>
|
||||
<div v-if="invoiceApplyDetailInfo._currentTab == 'invoiceApplyDetailCarInout'">
|
||||
<vc:create path="car/invoiceApplyDetailCarInout"></vc:create>
|
||||
</div>
|
||||
<div v-if="invoiceApplyDetailInfo._currentTab == 'invoiceApplyDetailCoupon'">
|
||||
<vc:create path="car/invoiceApplyDetailCoupon"></vc:create>
|
||||
</div>
|
||||
<div v-if="invoiceApplyDetailInfo._currentTab == 'invoiceApplyDetailCouponOrder'">
|
||||
<vc:create path="car/invoiceApplyDetailCouponOrder"></vc:create>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<vc:create path="property/editCar" notifyLoadDataComponentName="invoiceApplyDetail"></vc:create>
|
||||
</div>
|
||||
87
public/pages/fee/invoiceApplyDetail/invoiceApplyDetail.js
Normal file
87
public/pages/fee/invoiceApplyDetail/invoiceApplyDetail.js
Normal file
@ -0,0 +1,87 @@
|
||||
/**
|
||||
业主详情页面
|
||||
**/
|
||||
(function(vc) {
|
||||
var _fileUrl = '/callComponent/download/getFile/fileByObjId';
|
||||
vc.extends({
|
||||
data: {
|
||||
invoiceApplyDetailInfo: {
|
||||
memberId: '',
|
||||
carId: '',
|
||||
carNum: '',
|
||||
carTypeCd: '',
|
||||
carTypeCdName: '',
|
||||
carType: '',
|
||||
carTypeName: '',
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
leaseType: '',
|
||||
leaseTypeName: '',
|
||||
areaNum: '',
|
||||
num: '',
|
||||
remark: '',
|
||||
stateName: '',
|
||||
carColor: '',
|
||||
carBrand: '',
|
||||
ownerId: '',
|
||||
roomName: '',
|
||||
carNumType: '',
|
||||
paId: '',
|
||||
_currentTab: 'invoiceApplyDetailFee',
|
||||
needBack: false,
|
||||
}
|
||||
},
|
||||
_initMethod: function() {
|
||||
$that.invoiceApplyDetailInfo.memberId = vc.getParam('memberId');
|
||||
if (!vc.notNull($that.invoiceApplyDetailInfo.memberId)) {
|
||||
return;
|
||||
}
|
||||
vc.component._loadinvoiceApplyDetailInfo();
|
||||
|
||||
},
|
||||
_initEvent: function() {
|
||||
vc.on('invoiceApplyDetail', 'listCarData', function(_info) {
|
||||
//vc.component._loadinvoiceApplyDetailInfo();
|
||||
$that.changeTab($that.invoiceApplyDetailInfo._currentTab);
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
_loadinvoiceApplyDetailInfo: function() {
|
||||
let param = {
|
||||
params: {
|
||||
page: 1,
|
||||
row: 1,
|
||||
memberId: $that.invoiceApplyDetailInfo.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.invoiceApplyDetailInfo);
|
||||
$that.changeTab($that.invoiceApplyDetailInfo._currentTab);
|
||||
},
|
||||
function() {
|
||||
console.log('请求失败处理');
|
||||
}
|
||||
);
|
||||
},
|
||||
changeTab: function(_tab) {
|
||||
$that.invoiceApplyDetailInfo._currentTab = _tab;
|
||||
vc.emit(_tab, 'switch', {
|
||||
memberId: $that.invoiceApplyDetailInfo.memberId,
|
||||
carId: $that.invoiceApplyDetailInfo.carId,
|
||||
ownerId: $that.invoiceApplyDetailInfo.ownerId,
|
||||
carNum: $that.invoiceApplyDetailInfo.carNum,
|
||||
paId: $that.invoiceApplyDetailInfo.paId
|
||||
})
|
||||
},
|
||||
_openEditDetailOwnerCar: function() {
|
||||
vc.emit('editCar', 'openEditCar', $that.invoiceApplyDetailInfo);
|
||||
},
|
||||
}
|
||||
});
|
||||
})(window.vc);
|
||||
Loading…
Reference in New Issue
Block a user