|
@@ -26,6 +26,8 @@
|
|
</div>
|
|
</div>
|
|
<qiun-data-charts
|
|
<qiun-data-charts
|
|
type="line"
|
|
type="line"
|
|
|
|
+ :opts="opts"
|
|
|
|
+ :ontouch="true"
|
|
:chartData="chartData"
|
|
:chartData="chartData"
|
|
/>
|
|
/>
|
|
</div>
|
|
</div>
|
|
@@ -51,6 +53,8 @@
|
|
</div>
|
|
</div>
|
|
<qiun-data-charts
|
|
<qiun-data-charts
|
|
type="line"
|
|
type="line"
|
|
|
|
+ :opts="opts1"
|
|
|
|
+ :ontouch="true"
|
|
:chartData="chartData1"
|
|
:chartData="chartData1"
|
|
/>
|
|
/>
|
|
</div>
|
|
</div>
|
|
@@ -76,6 +80,8 @@
|
|
</div>
|
|
</div>
|
|
<qiun-data-charts
|
|
<qiun-data-charts
|
|
type="line"
|
|
type="line"
|
|
|
|
+ :opts="opts2"
|
|
|
|
+ :ontouch="true"
|
|
:chartData="chartData2"
|
|
:chartData="chartData2"
|
|
/>
|
|
/>
|
|
</div>
|
|
</div>
|
|
@@ -117,6 +123,9 @@
|
|
chartData: {},
|
|
chartData: {},
|
|
chartData1: {},
|
|
chartData1: {},
|
|
chartData2: {},
|
|
chartData2: {},
|
|
|
|
+ opts: {},
|
|
|
|
+ opts1:{},
|
|
|
|
+ opts2:{},
|
|
allData: null,
|
|
allData: null,
|
|
showSearch: false,
|
|
showSearch: false,
|
|
showDate: false,
|
|
showDate: false,
|
|
@@ -172,7 +181,9 @@
|
|
this.curCustomerName = data.customerName
|
|
this.curCustomerName = data.customerName
|
|
this.queryPramas.buyerSn = data.customerSn
|
|
this.queryPramas.buyerSn = data.customerSn
|
|
})
|
|
})
|
|
|
|
+ //#ifdef APP-PLUS
|
|
this.webView = this.$mp.page.$getAppWebview();
|
|
this.webView = this.$mp.page.$getAppWebview();
|
|
|
|
+ //#endif
|
|
// 默认数据
|
|
// 默认数据
|
|
this.tabChange(this.placeTab[2])
|
|
this.tabChange(this.placeTab[2])
|
|
},
|
|
},
|
|
@@ -217,9 +228,11 @@
|
|
this.queryPramas.endDate = ''
|
|
this.queryPramas.endDate = ''
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+ // 重置
|
|
handleClean(){
|
|
handleClean(){
|
|
this.tabChange(this.placeTab[2])
|
|
this.tabChange(this.placeTab[2])
|
|
this.showSearch = false
|
|
this.showSearch = false
|
|
|
|
+ this.getServerData()
|
|
},
|
|
},
|
|
// 查询
|
|
// 查询
|
|
handleSearch(){
|
|
handleSearch(){
|
|
@@ -256,6 +269,21 @@
|
|
]
|
|
]
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+ getOpts(data){
|
|
|
|
+ return {
|
|
|
|
+ enableScroll: true,
|
|
|
|
+ xAxis: {
|
|
|
|
+ disableGrid: true,
|
|
|
|
+ itemCount: 4,
|
|
|
|
+ scrollShow: data.length > 4,
|
|
|
|
+ scrollAlign:'right'
|
|
|
|
+ },
|
|
|
|
+ yAxis: {
|
|
|
|
+ gridType: "dash",
|
|
|
|
+ dashLength: 2
|
|
|
|
+ },
|
|
|
|
+ }
|
|
|
|
+ },
|
|
getQueryDate(){
|
|
getQueryDate(){
|
|
const fun = [
|
|
const fun = [
|
|
getDate.getToday,
|
|
getDate.getToday,
|
|
@@ -280,8 +308,11 @@
|
|
if(res.status == 200){
|
|
if(res.status == 200){
|
|
this.allData = res.data
|
|
this.allData = res.data
|
|
this.chartData = this.getFormatData(res.data.salesDateList,res.data.salesAmountList,"销售金额")
|
|
this.chartData = this.getFormatData(res.data.salesDateList,res.data.salesAmountList,"销售金额")
|
|
|
|
+ this.opts = this.getOpts(res.data.salesDateList)
|
|
this.chartData1 = this.getFormatData(res.data.orderDateList,res.data.orderAmountList,"取货产品金额")
|
|
this.chartData1 = this.getFormatData(res.data.orderDateList,res.data.orderAmountList,"取货产品金额")
|
|
|
|
+ this.opts1 = this.getOpts(res.data.orderDateList)
|
|
this.chartData2 = this.getFormatData(res.data.tempDateList,res.data.tempAmountList,"急送产品金额")
|
|
this.chartData2 = this.getFormatData(res.data.tempDateList,res.data.tempAmountList,"急送产品金额")
|
|
|
|
+ this.opts2 = this.getOpts(res.data.tempDateList)
|
|
}
|
|
}
|
|
})
|
|
})
|
|
},
|
|
},
|
|
@@ -341,6 +372,9 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ .card-body{
|
|
|
|
+ overflow: auto;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
// 筛选
|
|
// 筛选
|
|
.tabBox{
|
|
.tabBox{
|