仓储管理首页接口联调完成

pagesStorage/home.vue

@@ -60,8 +60,8 @@
 		},
 		data(){
 			return {
-				inNum:'9879',
-				outNum:'880',
+				inNum:0,
+				outNum:0,
 				menuList:[
 					{
 						icon:this.$imgBase+'storage/home_icon_rk.png',
@@ -108,13 +108,41 @@
 				ckIdx:0,
 			}
 		},
+		onLoad() {
+			this.getHeaderInfo();
+		},
 		methods:{
 			toTurn(url){
 				if(!url) return;
 				uni.navigateTo({ url })
 			},
+			//头部统计信息
+			getHeaderInfo(){
+				this.$api.post('/wms/home/getAppHomeHeadGather').then(res=>{
+					if(res.data.code===0){
+						this.inNum = res.data.data.find(d=>d.orderType==1).total||0;
+						this.outNum = res.data.data.find(d=>d.orderType==2).total||0;
+					}else this.$showToast(res.data.msg)
+				})
+			},
 			// 库存数量占比
+			async getKcslzbData(){
+				let res = await this.$api.post('/wms/home/getWarehouseCargoRatio');
+				if(res.data.code===0){
+					let data = res.data.data.map(d=>{
+						return {
+							value:d.quantity,
+							name:d.warehouseName
+						}
+					})
+					return data;
+				}else{
+					this.$showToast(res.data.msg);
+					return [];
+				} 
+			},
 			async initKcslzb() {
+				let data = await this.getKcslzbData();
 				const chart = await this.$refs.kcslzbChartRef.init(echarts);
 				let option = {
 				  legend: {
@@ -129,26 +157,30 @@
 					  type: 'pie',
 					  radius: [20, 100],
 					  center: ['50%', '42%'],
-					  roseType: 'area',
 					  itemStyle: {
 						borderRadius: 5
 					  },
-					  data: [
-						{ value: 40, name: '分类1' },
-						{ value: 38, name: '分类2' },
-						{ value: 32, name: '分类3' },
-						{ value: 30, name: '分类4' },
-						{ value: 28, name: '分类5' },
-						{ value: 26, name: '分类6' },
-						{ value: 22, name: '分类7' }
-					  ]
+					  data
 					}
 				  ]
 				};
 				chart.setOption(option)
 			},
+			
 			//入库统计
+			async getRktjData(){
+				let res = await this.$api.get('/wms/home/getReceiptTrend/'+(this.rkIdx+1));
+				if(res.data.code===0){
+					let xData = res.data.data.map(d=>d.optTime);
+					let yData = res.data.data.map(d=>d.quantity);
+					return {xData,yData}
+				}else{
+					this.$showToast(res.data.msg);
+					return {xData:[],yData:[]};
+				} 
+			},
 			async initRktj(){
+				let {xData,yData} = await this.getRktjData();
 				const chart = await this.$refs.rktjChartRef.init(echarts);
 				let option = {
 				  title: {
@@ -160,7 +192,7 @@
 				  },
 				  xAxis: {
 					type: 'category',
-					data: ['12-20', '12-21', '12-22', '12-23', '12-24', '12-25', '12-26']
+					data: xData
 				  },
 				  yAxis: {
 					type: 'value'
@@ -184,7 +216,7 @@
 				  series: [
 					{
 					  name:'入库数量',
-					  data: [0, 479, 389, 726, 111, 1000, 0],
+					  data: yData,
 					  type: 'line',
 					  lineStyle:{
 					   color:'#198CFF',
@@ -202,9 +234,23 @@
 			},
 			changeRkCahrtData(type){
 				this.rkIdx = type;
+				this.initRktj();
 			},
+			
 			//出库统计
+			async getCktjData(){
+				let res = await this.$api.get('/wms/home/getShipmentTrend/'+(this.ckIdx+1));
+				if(res.data.code===0){
+					let xData = res.data.data.map(d=>d.optTime);
+					let yData = res.data.data.map(d=>d.quantity);
+					return {xData,yData}
+				}else{
+					this.$showToast(res.data.msg);
+					return {xData:[],yData:[]};
+				} 
+			},
 			async initCktj(){
+				let {xData,yData} = await this.getCktjData();
 				const chart = await this.$refs.cktjChartRef.init(echarts);
 				let option = {
 				  title: {
@@ -216,7 +262,7 @@
 				  },
 				  xAxis: {
 					type: 'category',
-					data: ['12-20', '12-21', '12-22', '12-23', '12-24', '12-25', '12-26']
+					data: xData
 				  },
 				  yAxis: {
 					type: 'value'
@@ -240,7 +286,7 @@
 				  series: [
 					{
 					  name:'出库数量',
-					  data: [0, 479, 389, 726, 111, 1000, 0],
+					  data: yData,
 					  type: 'line',
 					  lineStyle:{
 					   color:'#198CFF',
@@ -258,7 +304,9 @@
 			},
 			changeCkCahrtData(type){
 				this.ckIdx = type;
+				this.initCktj();
 			},
+			
 			// 金额格式化
 			priceFormat(number, decimals = 0, decimalPoint = '.', thousandsSeparator = ',') {
 				number = (`${number}`).replace(/[^0-9+-Ee.]/g, '')