业绩目标优化

packageA/target/index.js

@@ -10,10 +10,13 @@ let obj = {},
 	}).format();
 Page({
 	data: {
-
+		loading: true
 	},
 	onLoad(options) {
-		this.getDetail()
+		wx.showLoading({
+			title: '加载中...',
+			mask: true
+		})
 		let date = formatTime().split(" ")[0].split("/");
 		obj = {
 			year: date[0],
@@ -21,19 +24,25 @@ Page({
 			day: date[2],
 			quarter: Math.ceil(date[1] / 3)
 		};
-		console.log(obj)
+		this.getDetail()
 	},
 	getDetail() {
 		_Http.basic({
 			"id": "20230110151902",
 			"version": 1,
+			nocache: true,
 			"content": {
+				nocache: true,
 				"where": {
 					"year": obj.year
 				}
 			}
 		}).then(res => {
 			console.log("业绩目标", res)
+			this.setData({
+				loading: false
+			})
+			wx.hideLoading()
 			if (res.msg != '成功') return wx.showToast({
 				title: res.msg,
 				icon: "none"
@@ -50,20 +59,26 @@ Page({
 			};
 			//l基本 h挑战 a实际 pl基础目标实际完成率 ph挑战目标实际完成率
 			let data = res.data[0];
+			console.log("第二季度", data.m4a + data.m5a + data.m6a)
+			console.log("data.m4", data.m4a)
+			console.log("data.m5", data.m5a)
+			console.log("data.m6", data.m6a)
 			let ar = [{
-					fulfill: data.m1a + data.m2a + data.m3a,
-					target: data.m3l + data.m3l + data.m3l,
+					fulfill: data.s1a,
+					target: data.s1l,
 				}, {
-					fulfill: data.m4a + data.m5a + data.m6a,
-					target: data.m4l + data.m5l + data.m6l,
+					fulfill: data.s2a,
+					target: data.s2l,
 				}, {
-					fulfill: data.m7a + data.m8a + data.m9a,
-					target: data.m7l + data.m8l + data.m9l,
+					fulfill: data.s3a,
+					target: data.s3l,
 				}, {
-					fulfill: data.m10a + data.m11a + data.m12a,
-					target: data.m10l + data.m11l + data.m12l,
+					fulfill: data.s4a,
+					target: data.s4l,
 				}].map(v => {
 					v.achievingRate = ((v.fulfill / v.target) * 100).toFixed(2) + '%'
+					if ((v.fulfill + '').split('.').length >= 2) v.fulfill = (v.fulfill).toFixed(2)
+					if ((v.target + '').split('.').length >= 2) v.target = (v.target).toFixed(2)
 					return v
 				}),
 				table = [{

packageA/target/index.scss

@@ -1,3 +1,5 @@
+@import "./index.skeleton.wxss";
+
 .chart {
 	width: 100vw;
 	background-color: #fff;

packageA/target/index.skeleton.wxml

@@ -0,0 +1,303 @@
+<!--
+此文件为开发者工具生成，生成时间: 2024/6/15下午2:16:39
+使用方法：
+在 D:\开发项目\来斯奥E订单\packageA\target\index.wxml 引入模板
+
+```
+<import src="index.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+在 D:\开发项目\来斯奥E订单\packageA\target\index.wxss 中引入样式
+```
+@import "./index.skeleton.wxss";
+```
+
+更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+-->
+<template name="skeleton">
+  <view class="sk-container">
+    <view class="chart">
+      <view class="item" style="color: #FF9900 !important;">
+        <view class="circle" style="box-shadow: inset 0 0 0 4px  #FF9900;">
+          <view class="circle_left ab" style="true"></view>
+          <view class="circle_right ab" style="transform: rotate(0deg);"></view>
+          <view class="circle_text sk-transparent sk-text-14-2857-852 sk-text">
+            0%
+          </view>
+        </view>
+        <view class="s-label sk-transparent sk-text-14-2857-627 sk-text" style="background-position-x: 50%;">
+          月度
+        </view>
+        <view class="s-fulfill line-1 sk-transparent sk-text-14-2857-262 sk-text" style="background-position-x: 50%;">
+          0万
+        </view>
+        <view class="s-row line-1 sk-transparent sk-text-14-2857-499 sk-text" style="background-position-x: 50%;">
+          目标:4.48万
+        </view>
+        <view class="s-row line-1 sk-transparent sk-text-14-2857-800 sk-text" style="background-position-x: 50%;">
+          差额:4.48万
+        </view>
+      </view>
+      <view class="item" style="color: #2AB4A3 !important;">
+        <view class="circle" style="box-shadow: inset 0 0 0 4px  #2AB4A3;">
+          <view class="circle_left ab" style="true"></view>
+          <view class="circle_right ab" style="transform: rotate(45.75600000000001deg);"></view>
+          <view class="circle_text sk-transparent sk-text-14-2857-856 sk-text">
+            12.71%
+          </view>
+        </view>
+        <view class="s-label sk-transparent sk-text-14-2857-964 sk-text" style="background-position-x: 50%;">
+          季度
+        </view>
+        <view class="s-fulfill line-1 sk-transparent sk-text-14-2857-848 sk-text" style="background-position-x: 50%;">
+          1.78万
+        </view>
+        <view class="s-row line-1 sk-transparent sk-text-14-2857-538 sk-text" style="background-position-x: 50%;">
+          目标:14万
+        </view>
+        <view class="s-row line-1 sk-transparent sk-text-14-2857-965 sk-text" style="background-position-x: 50%;">
+          差额:12.22万
+        </view>
+      </view>
+      <view class="item" style="color: #FF001F !important;">
+        <view class="circle" style="box-shadow: inset 0 0 0 4px  #FF001F;">
+          <view class="circle_left ab" style="true"></view>
+          <view class="circle_right ab" style="transform: rotate(12.924deg);"></view>
+          <view class="circle_text sk-transparent sk-text-14-2857-650 sk-text">
+            3.59%
+          </view>
+        </view>
+        <view class="s-label sk-transparent sk-text-14-2857-20 sk-text" style="background-position-x: 50%;">
+          年度
+        </view>
+        <view class="s-fulfill line-1 sk-transparent sk-text-14-2857-90 sk-text" style="background-position-x: 50%;">
+          2.01万
+        </view>
+        <view class="s-row line-1 sk-transparent sk-text-14-2857-903 sk-text" style="background-position-x: 50%;">
+          目标:56万
+        </view>
+        <view class="s-row line-1 sk-transparent sk-text-14-2857-217 sk-text" style="background-position-x: 50%;">
+          差额:53.99万
+        </view>
+      </view>
+    </view>
+    <view class="table">
+      <view class="label sk-transparent">
+        <text class="text"></text> 业绩明细
+      </view>
+      <view class="row-label">
+        <view class="line-1 sk-transparent sk-text-14-2857-142 sk-text">
+          月/季/年
+        </view>
+        <view class="line-1 sk-transparent sk-text-14-2857-870 sk-text">
+          达成金额(万)
+        </view>
+        <view class="line-1 sk-transparent sk-text-14-2857-528 sk-text">
+          目标金额(万)
+        </view>
+        <view class="line-1 sk-transparent sk-text-14-2857-986 sk-text">
+          达成率
+        </view>
+      </view>
+      <view>
+        <view class="row">
+          <view class="line-1 sk-transparent sk-text-14-2857-741 sk-text">
+            年
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-170 sk-text">
+            2.01
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-590 sk-text">
+            56
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-249 sk-text">
+            3.59%
+          </view>
+        </view>
+        <view class="row">
+          <view class="line-1 sk-transparent sk-text-14-2857-422 sk-text">
+            第一季度
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-505 sk-text">
+            0.24
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-10 sk-text">
+            20.16
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-987 sk-text">
+            1.19%
+          </view>
+        </view>
+        <view class="row">
+          <view class="line-1 sk-transparent sk-text-14-2857-245 sk-text">
+            1月
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-327 sk-text">
+            0
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-768 sk-text">
+            2.8
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-446 sk-text">
+            0%
+          </view>
+        </view>
+        <view class="row">
+          <view class="line-1 sk-transparent sk-text-14-2857-780 sk-text">
+            2月
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-950 sk-text">
+            0.24
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-238 sk-text">
+            0.56
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-460 sk-text">
+            42.86%
+          </view>
+        </view>
+        <view class="row">
+          <view class="line-1 sk-transparent sk-text-14-2857-57 sk-text">
+            3月
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-264 sk-text">
+            0
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-95 sk-text">
+            6.72
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-189 sk-text">
+            0%
+          </view>
+        </view>
+        <view class="row">
+          <view class="line-1 sk-transparent sk-text-14-2857-5 sk-text">
+            第二季度
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-265 sk-text">
+            1.78
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-101 sk-text">
+            14
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-67 sk-text">
+            12.71%
+          </view>
+        </view>
+        <view class="row">
+          <view class="line-1 sk-transparent sk-text-14-2857-941 sk-text">
+            4月
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-570 sk-text">
+            1.73
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-678 sk-text">
+            3.92
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-773 sk-text">
+            44.13%
+          </view>
+        </view>
+        <view class="row">
+          <view class="line-1 sk-transparent sk-text-14-2857-806 sk-text">
+            5月
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-746 sk-text">
+            0.05
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-882 sk-text">
+            5.6
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-922 sk-text">
+            0.89%
+          </view>
+        </view>
+        <view class="row">
+          <view class="line-1 sk-transparent sk-text-14-2857-202 sk-text">
+            6月
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-331 sk-text">
+            0
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-86 sk-text">
+            4.48
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-507 sk-text">
+            0%
+          </view>
+        </view>
+        <view class="row">
+          <view class="line-1 sk-transparent sk-text-14-2857-352 sk-text">
+            第三季度
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-815 sk-text">
+            0
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-979 sk-text">
+            15.12
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-333 sk-text">
+            0.00%
+          </view>
+        </view>
+        <view class="row">
+          <view class="line-1 sk-transparent sk-text-14-2857-703 sk-text">
+            7月
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-763 sk-text">
+            0
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-648 sk-text">
+            3.92
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-81 sk-text">
+            0%
+          </view>
+        </view>
+        <view class="row">
+          <view class="line-1 sk-transparent sk-text-14-2857-470 sk-text">
+            8月
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-810 sk-text">
+            0
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-432 sk-text">
+            5.04
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-845 sk-text">
+            0%
+          </view>
+        </view>
+        <view class="row">
+          <view class="line-1 sk-transparent sk-text-14-2857-84 sk-text">
+            9月
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-329 sk-text">
+            0
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-326 sk-text">
+            6.16
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-730 sk-text">
+            0%
+          </view>
+        </view>
+        <view class="row">
+          <view class="line-1 sk-transparent sk-text-14-2857-709 sk-text">
+            第四季度
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-10 sk-text">
+            0
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-757 sk-text">
+            16.80
+          </view>
+          <view class="line-1 sk-transparent sk-text-14-2857-37 sk-text">
+            0.00%
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>

packageA/target/index.skeleton.wxss

@@ -0,0 +1,399 @@
+/*
+此文件为开发者工具生成，生成时间: 2024/6/15下午2:16:39
+
+在 D:\开发项目\来斯奥E订单\packageA\target\index.wxss 中引入样式
+```
+@import "./index.skeleton.wxss";
+```
+
+更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+*/
+.sk-transparent {
+    color: transparent !important;
+  }
+.sk-text-14-2857-852 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 32.3077rpx;
+    position: relative !important;
+  }
+.sk-text {
+    background-origin: content-box !important;
+    background-clip: content-box !important;
+    background-color: transparent !important;
+    color: transparent !important;
+    background-repeat: repeat-y !important;
+  }
+.sk-text-14-2857-627 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 35.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-262 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 45.7692rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-499 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 29.6154rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-800 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 29.6154rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-856 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 32.3077rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-964 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 35.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-848 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 45.7692rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-538 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 29.6154rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-965 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 29.6154rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-650 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 32.3077rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-20 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 35.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-90 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 45.7692rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-903 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 29.6154rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-217 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 29.6154rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-142 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-870 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-528 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-986 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-741 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-170 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-590 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-249 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-422 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-505 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-10 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-987 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-245 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-327 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-768 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-446 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-780 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-950 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-238 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-460 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-57 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-264 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-95 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-189 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-5 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-265 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-101 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-67 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-941 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-570 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-678 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-773 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-806 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-746 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-882 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-922 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-202 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-331 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-86 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-507 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-352 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-815 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-979 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-333 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-703 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-763 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-648 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-81 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-470 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-810 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-432 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-845 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-84 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-329 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-326 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-730 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-709 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-757 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-37 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 37.6923rpx;
+    position: relative !important;
+  }
+.sk-container {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background-color: transparent;
+  }

packageA/target/index.wxml

@@ -1,3 +1,5 @@
+<import src="index.skeleton.wxml" />
+<template is="skeleton" wx:if="{{loading}}" />
 <view class="chart">
 
 	<view class="item" wx:for="{{statistics}}" style="color: {{item.color}} !important;">
@@ -63,6 +65,7 @@
 </view>
 
 <My_empty wx:if="{{list.length==0}}" />
+<view style="height: 30px;"></view>
 <wxs module="render">
 	module.exports = {
 		rightRate: function (rate, color) {