chenrui 2 vuotta sitten
vanhempi
commit
49db649fff
2 muutettua tiedostoa jossa 64 lisäystä ja 45 poistoa
  1. 53 45
      public/dzd/index.html
  2. 11 0
      public/dzd/js/resize.js

+ 53 - 45
public/dzd/index.html

@@ -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, '对账单明细')
 						}

+ 11 - 0
public/dzd/js/resize.js

@@ -51,3 +51,14 @@ function toThousands (num, decimal) {
     })
   })
 }
+
+function formatDecimal (num, decimal) {
+  num = num.toString()
+  const index = num.indexOf('.')
+  if (index !== -1) {
+    num = num.substring(0, decimal + index + 1)
+  } else {
+    num = num.substring(0)
+  }
+  return parseFloat(num).toFixed(decimal)
+}