浏览代码

首页统计信息接口联调完成

htc 1 月之前
父节点
当前提交
5a0d167a80
共有 1 个文件被更改,包括 35 次插入8 次删除
  1. 35 8
      pages/operation/index.vue

+ 35 - 8
pages/operation/index.vue

@@ -7,30 +7,30 @@
 				<div class="top">
 					<div class="left">
 						<p>本月巡检次数</p>
-						<p>{{5}}/{{40}}</p>
+						<p>{{xjData.abnormalNum}}/{{xjData.normalNum}}</p>
 					</div>
 					<div class="right">
-						<p>异常:<span>{{0}}</span></p>
-						<p>正常:<span>{{40}}</span></p>
+						<p>异常:<span>{{xjData.abnormalNum}}</span></p>
+						<p>正常:<span>{{xjData.normalNum}}</span></p>
 					</div>
 				</div>
 				<div class="bottom">
-					<div class="jd" :style="{'width':10+'%'}"></div>
+					<div class="jd" :style="{'width':xjWidth+'%'}"></div>
 				</div>
 			</div>
 			<div class="pre">
 				<div class="top">
 					<div class="left">
 						<p>故障工单</p>
-						<p>{{14}}/{{28}}</p>
+						<p>{{gzData.normalNum}}/{{gzData.abnormalNum}}</p>
 					</div>
 					<div class="right">
-						<p>已解决:<span>{{5}}</span></p>
-						<p>未解决:<span>{{40}}</span></p>
+						<p>已解决:<span>{{gzData.normalNum}}</span></p>
+						<p>未解决:<span>{{gzData.abnormalNum}}</span></p>
 					</div>
 				</div>
 				<div class="bottom">
-					<div class="jd green" :style="{'width':50+'%'}"></div>
+					<div class="jd green" :style="{'width':gzWidth+'%'}"></div>
 				</div>
 			</div>
 		</div>
@@ -89,6 +89,16 @@
 		},
 		data(){
 			return {
+				xjData:{
+					normalNum:0,
+					abnormalNum:0
+				},
+				gzData:{
+					normalNum:0,
+					abnormalNum:0
+				},
+				xjWidth:0,
+				gzWidth:0,
 				isOver:false,
 				params:{
 					page:1,
@@ -99,6 +109,7 @@
 			}
 		},
 		onShow() {
+			this.getNumsInfo();
 			this.getTypeList();
 		},
 		methods:{
@@ -106,6 +117,22 @@
 				if(!url) return
 				uni.navigateTo({ url })
 			},
+			getNumsInfo(){
+				this.$api.get('/wms/order/operation/getOperationCountInfo').then(res=>{
+					if(res.data.code===0){
+						let xj = res.data.data.find(d=>d.type==1);
+						let gz = res.data.data.find(d=>d.type==2);
+						if(xj){
+							this.xjData = xj;
+							this.xjWidth = xj.abnormalNum/(xj.normalNum+xj.abnormalNum)*100;
+						}
+						if(gz){
+							this.gzData = gz;
+							this.gzWidth = gz.normalNum/(gz.normalNum+gz.abnormalNum)*100;
+						}
+					}else this.$showToast(res.data.msg)
+				})
+			},
 			getTypeList(){
 				this.$api.get('/sys/dict/data/getListByType/wms_operation_category').then(res=>{
 					if(res.data.code===0){