|
@@ -202,13 +202,13 @@
|
|
|
<div class="orderInfo" :style="{bottom:(info.discountAmount && info.discountAmount*1 !=0 ? '-1.9rem':'-1.3rem' )}">
|
|
|
<div class="amount_list flex align_center flex-between">
|
|
|
<span class="amountName">货款金额</span>
|
|
|
- <span class="amount" v-if="info.settleAmount">¥{{toThousands(info.totalAmount,2)}}</span>
|
|
|
- <span class="amount" v-else>¥0.00</span>
|
|
|
+ <span class="amount" v-if="info.totalAmount" :style="{color:!info.settleAmount? '#f0ad4e':'#333333'}">¥{{toThousands(info.totalAmount,2)}}</span>
|
|
|
+ <span class="amount" v-else :style="{color:!info.discountAmount ? '#f0ad4e':'#333333'}">¥0.00</span>
|
|
|
</div>
|
|
|
<div v-if="info.discountAmount && info.discountAmount*1 !=0">
|
|
|
<div class="amount_list flex align_center flex-between">
|
|
|
<span class="amountName">折让金额</span>
|
|
|
- <span class="amount" v-if="info.settleAmount">-¥{{toThousands(info.discountAmount,2)}}</span>
|
|
|
+ <span class="amount" v-if="info.discountAmount">-¥{{toThousands(info.discountAmount,2)}}</span>
|
|
|
<span class="amount" v-else>¥0.00</span>
|
|
|
</div>
|
|
|
<div class="amount_list flex align_center flex-between">
|
|
@@ -276,78 +276,76 @@
|
|
|
</body>
|
|
|
<script>
|
|
|
new Vue({
|
|
|
- el: '#app',
|
|
|
- data: {
|
|
|
- ajaxUrl: 'http://p.iscm.360arrow.com/qpls-md/',
|
|
|
- saleList: [],
|
|
|
- saleDetailList: [],
|
|
|
- info: {},
|
|
|
- flag: false
|
|
|
- },
|
|
|
- created() {
|
|
|
- this.loadData();
|
|
|
- document.title = this.getUrlParam('name');
|
|
|
- },
|
|
|
- methods: {
|
|
|
- loadData() {
|
|
|
- let ajaxData = {
|
|
|
- verifySn: this.getUrlParam('verifySn'),
|
|
|
- dealerSn: this.getUrlParam('userSn')
|
|
|
- }
|
|
|
- axios.post(this.ajaxUrl + 'verify/findBySn', ajaxData).then((res) => {
|
|
|
- this.info = res.data.data;
|
|
|
- res.data.data.detailList.forEach(item => {
|
|
|
- item.isShow = false;
|
|
|
- item.list = []
|
|
|
- })
|
|
|
- this.saleList = res.data.data.detailList;
|
|
|
- this.getALlList(res.data.data.detailList)
|
|
|
- }).catch((error) => {
|
|
|
- console.log(error);
|
|
|
- });
|
|
|
- },
|
|
|
- handleShow(con,i) {
|
|
|
- let req_data = {
|
|
|
- salesBillSn: con.bizSn
|
|
|
- }
|
|
|
- axios.post(this.ajaxUrl + 'salesDetail/queryList', req_data).then((res) => {
|
|
|
- this.saleList[i].list= res.data.data;
|
|
|
- }).catch((error) => {
|
|
|
- console.log(error);
|
|
|
- });
|
|
|
-
|
|
|
- },
|
|
|
- openInfoList(i) {
|
|
|
- this.saleList[i].isShow = !this.saleList[i].isShow
|
|
|
- this.saleList.splice()
|
|
|
- },
|
|
|
- downLoad() {
|
|
|
- window.location.href = this.ajaxUrl + 'verify/exportExcel?verifySn=' + this.getUrlParam(
|
|
|
- 'verifySn') + '&dealerSn=' + this.getUrlParam('userSn')
|
|
|
- },
|
|
|
- getUrlParam(name) {
|
|
|
- var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
|
|
|
- var r = window.location.search.substr(1).match(reg); //匹配目标参数
|
|
|
- if (r != null) return unescape(r[2]);
|
|
|
- return null; //返回参数值
|
|
|
- },
|
|
|
- openAll() {
|
|
|
- this.flag = !this.flag;
|
|
|
- this.saleList.forEach((item, i) => {
|
|
|
- if(this.flag){
|
|
|
- item.isShow = true;
|
|
|
- }else{
|
|
|
- item.isShow = false;
|
|
|
- }
|
|
|
-
|
|
|
- })
|
|
|
- },
|
|
|
- getALlList(list) {
|
|
|
- list.forEach((item, i) => {
|
|
|
- this.handleShow(item,i);
|
|
|
- })
|
|
|
- }
|
|
|
- }
|
|
|
+ el: '#app',
|
|
|
+ data: {
|
|
|
+ ajaxUrl: 'http://p.iscm.360arrow.com/qpls-md/',
|
|
|
+ saleList: [],
|
|
|
+ saleDetailList: [],
|
|
|
+ info: {},
|
|
|
+ flag: false
|
|
|
+ },
|
|
|
+ created () {
|
|
|
+ this.loadData()
|
|
|
+ document.title = this.getUrlParam('name')
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ loadData () {
|
|
|
+ const ajaxData = {
|
|
|
+ verifySn: this.getUrlParam('verifySn'),
|
|
|
+ dealerSn: this.getUrlParam('userSn')
|
|
|
+ }
|
|
|
+ axios.post(this.ajaxUrl + 'verify/findBySn', ajaxData).then((res) => {
|
|
|
+ this.info = res.data.data
|
|
|
+ res.data.data.detailList.forEach(item => {
|
|
|
+ item.isShow = false
|
|
|
+ item.list = []
|
|
|
+ })
|
|
|
+ this.saleList = res.data.data.detailList
|
|
|
+ this.getALlList(res.data.data.detailList)
|
|
|
+ }).catch((error) => {
|
|
|
+ console.log(error)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handleShow (con, i) {
|
|
|
+ const req_data = {
|
|
|
+ salesBillSn: con.bizSn
|
|
|
+ }
|
|
|
+ axios.post(this.ajaxUrl + 'salesDetail/queryList', req_data).then((res) => {
|
|
|
+ this.saleList[i].list = res.data.data
|
|
|
+ }).catch((error) => {
|
|
|
+ console.log(error)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ openInfoList (i) {
|
|
|
+ this.saleList[i].isShow = !this.saleList[i].isShow
|
|
|
+ this.saleList.splice()
|
|
|
+ },
|
|
|
+ downLoad () {
|
|
|
+ window.location.href = this.ajaxUrl + 'verify/exportExcel?verifySn=' + this.getUrlParam(
|
|
|
+ 'verifySn') + '&dealerSn=' + this.getUrlParam('userSn')
|
|
|
+ },
|
|
|
+ getUrlParam (name) {
|
|
|
+ var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)') // 构造一个含有目标参数的正则表达式对象
|
|
|
+ var r = window.location.search.substr(1).match(reg) // 匹配目标参数
|
|
|
+ if (r != null) return unescape(r[2])
|
|
|
+ return null // 返回参数值
|
|
|
+ },
|
|
|
+ openAll () {
|
|
|
+ this.flag = !this.flag
|
|
|
+ this.saleList.forEach((item, i) => {
|
|
|
+ if (this.flag) {
|
|
|
+ item.isShow = true
|
|
|
+ } else {
|
|
|
+ item.isShow = false
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getALlList (list) {
|
|
|
+ list.forEach((item, i) => {
|
|
|
+ this.handleShow(item, i)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
})
|
|
|
</script>
|
|
|
|