|
@@ -175,8 +175,8 @@
|
|
|
<div class="shareTime">
|
|
|
分享时间:{{info.createDate}}
|
|
|
</div>
|
|
|
- <div class="tip">
|
|
|
- 尊敬的“{{info.customer.customerName}}”,您好!
|
|
|
+ <div class="tip" v-if="info.customer">
|
|
|
+ 尊敬的“{{info.customer.customerName || '--'}}”,您好!
|
|
|
</div>
|
|
|
<div class="tipDesc">
|
|
|
以下是您{{time}}在本店的对账单,请查阅。
|
|
@@ -184,7 +184,8 @@
|
|
|
<div class="orderInfo">
|
|
|
<div class="flex align_center flex-between">
|
|
|
<span>欠款金额</span>
|
|
|
- <span class="amount">¥{{toThousands(info.totalAmount,2)}}</span>
|
|
|
+ <span class="amount" v-if="info.totalAmount">¥{{toThousands(info.totalAmount,2)}}</span>
|
|
|
+ <span class="amount" v-else>¥0</span>
|
|
|
</div>
|
|
|
<div class="downLoadTip">
|
|
|
单据明细Excel下载请点击下面的链接:
|
|
@@ -196,36 +197,42 @@
|
|
|
</div>
|
|
|
<div class="orderCon flex flex-column">
|
|
|
<div class="handleOrder flex flex-between align_center">
|
|
|
- <span>共{{saleList.length}}个销售单</span>
|
|
|
+ <span>共{{saleList ? saleList.length : 0}}个销售单</span>
|
|
|
<span>全部展开</span>
|
|
|
</div>
|
|
|
<div class="oederBox">
|
|
|
- <div class="oederList flex align_center" v-for="(item,i) in saleList" :key="item.bizSn">
|
|
|
- <div class="order-l">
|
|
|
- <div class="order-t flex align_center flex-between">
|
|
|
- <span>{{item.bizDate.substr(0,10)}}</span>
|
|
|
- <span>{{item.bizNo}}</span>
|
|
|
+ <div v-for="(item,i) in saleList" :key="item.bizSn">
|
|
|
+ <div class="oederList flex align_center" @click="handleShow(item,i)">
|
|
|
+ <div class="order-l">
|
|
|
+ <div class="order-t flex align_center flex-between">
|
|
|
+ <span>{{item.bizDate.substr(0,10)}}</span>
|
|
|
+ <span>{{item.bizNo}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="order-b flex align_center flex-between">
|
|
|
+ <div>应付:¥{{item.bizAmount ||0}}</div>
|
|
|
+ <div>已付:¥{{item.settledAmount | 0}}</div>
|
|
|
+ <div>
|
|
|
+ 欠款:<span>¥{{item.unsettleAmount ? toThousands(item.unsettleAmount,2): 0}}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="order-b flex align_center flex-between">
|
|
|
- <div>应付:¥{{item.bizAmount ||0}}</div>
|
|
|
- <div>已付:¥{{item.settledAmount | 0}}</div>
|
|
|
- <div>欠款:<span>¥{{toThousands(item.unsettleAmount,2)|| 0}}</span></div>
|
|
|
+ <div class="order-r">
|
|
|
+ <img src="./img/close.png" alt="" v-if="!item.isShow">
|
|
|
+ <img src="./img/open.png" alt="" v-else>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="order-r" @click="handleShow(item)">
|
|
|
- <img src="./img/close.png" alt="" v-if="!isShow">
|
|
|
- <img src="./img/open.png" alt="" v-else>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="otherList" v-if="isShow">
|
|
|
- <div class="list" v-for="(con,j) in saleDetailList" :key="con.id">
|
|
|
- <div class="list-t flex align_center flex-between">
|
|
|
- <span>{{con.productCode}}</span>
|
|
|
- <span>¥{{toThousands(con.price,2)}}</span>
|
|
|
- </div>
|
|
|
- <div class="list-b flex align_center flex-between">
|
|
|
- <div>{{con.productName}}</div>
|
|
|
- <div>x{{con.qty}}</div>
|
|
|
+ <div class="otherList" v-show="item.isShow">
|
|
|
+ <div class="list" v-for="(con,j) in saleDetailList" :key="con.id">
|
|
|
+ <div class="list-t flex align_center flex-between">
|
|
|
+ <span>{{con.dealerProductEntity.code}}</span>
|
|
|
+ <span>¥{{con.price?toThousands(con.price,2):0}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="list-b flex align_center flex-between">
|
|
|
+ <div>
|
|
|
+ {{con.dealerProductEntity.productBrandName}}{{con.dealerProductEntity.productTypeName3}}
|
|
|
+ </div>
|
|
|
+ <div>x{{con.qty}}</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -237,45 +244,47 @@
|
|
|
new Vue({
|
|
|
el: '#app',
|
|
|
data: {
|
|
|
- isShow: false,
|
|
|
ajaxUrl: 'http://192.168.0.215:8503/qpls-md/',
|
|
|
- customerName: '',
|
|
|
- userName: '',
|
|
|
saleList: [],
|
|
|
saleDetailList: [],
|
|
|
- info:{},
|
|
|
- time:''
|
|
|
+ info: {},
|
|
|
+ time: ''
|
|
|
},
|
|
|
created() {
|
|
|
- document.title = '这是标题';
|
|
|
this.loadData();
|
|
|
+ document.title = this.getUrlParam('name');
|
|
|
},
|
|
|
methods: {
|
|
|
- loadData(item) {
|
|
|
+ loadData() {
|
|
|
let ajaxData = {
|
|
|
- verifySn:this.getUrlParam(verifySn),
|
|
|
- dealerSn:this.getUrlParam(userSn)
|
|
|
+ verifySn: this.getUrlParam('verifySn'),
|
|
|
+ dealerSn: this.getUrlParam('userSn')
|
|
|
}
|
|
|
axios.post(this.ajaxUrl + 'verify/findBySn', ajaxData).then((res) => {
|
|
|
- this.info = res.data;
|
|
|
- this.saleList = res.data.detailList;
|
|
|
- if(res.data.bizBeginDate && res.data.bizEndDate){
|
|
|
- this.time = res.data.bizBeginDate.split(' ')[0] +'至'+res.data.bizEndDate.split(' ')[0]
|
|
|
+ this.info = res.data.data;
|
|
|
+ res.data.data.detailList.forEach(item=>{
|
|
|
+ item.isShow = false;
|
|
|
+ })
|
|
|
+ this.saleList = res.data.data.detailList;
|
|
|
+ if (res.data.data.bizBeginDate && res.data.data.bizEndDate) {
|
|
|
+ this.time = res.data.data.bizBeginDate.split(' ')[0] + '至' + res.data.data
|
|
|
+ .bizEndDate.split(' ')[0]
|
|
|
}
|
|
|
}).catch((error) => {
|
|
|
console.log(error);
|
|
|
});
|
|
|
},
|
|
|
- handleShow(con) {
|
|
|
+ handleShow(con , i) {
|
|
|
let req_data = {
|
|
|
- bizSn: con.bizSn
|
|
|
+ salesBillSn: con.bizSn
|
|
|
}
|
|
|
axios.post(this.ajaxUrl + 'salesDetail/queryList', req_data).then((res) => {
|
|
|
- this.saleDetailList = res.data;
|
|
|
+ this.saleDetailList = res.data.data;
|
|
|
+ this.saleList[i].isShow = !this.saleList[i].isShow ;
|
|
|
}).catch((error) => {
|
|
|
console.log(error);
|
|
|
});
|
|
|
- this.isShow = !this.isShow
|
|
|
+
|
|
|
},
|
|
|
downLoad() {
|
|
|
let ajaxData = {
|
|
@@ -291,7 +300,6 @@
|
|
|
dataType: "jsonp",
|
|
|
jsonp: "callback"
|
|
|
}).then((res) => {
|
|
|
- console.log('res', res)
|
|
|
if (res.status == 200) {
|
|
|
downloadExcel(res.data, '对账单明细')
|
|
|
}
|