充电样式完成

project/biaopin/dv/weiyang/AppDvWeiyang.vue

@@ -4,10 +4,11 @@ import SubHeader from "./comps/subHeader.vue";
 import IconStaPanel from "./comps/iconStaPanel.vue";
 import IconSmallPanel from "./comps/iconSmallPanel.vue";
 import ValueUnit from "./comps/valueUnit.vue";
+import ChargingPercent from "./comps/chargingPercent.vue";
 
 export default {
   name: "AppDvWeiyang",
-  components: {ValueUnit, IconSmallPanel, IconStaPanel, SubHeader},
+  components: {ChargingPercent, ValueUnit, IconSmallPanel, IconStaPanel, SubHeader},
   label: "未央最新定制大屏",
   props: {
     instance: Function,
@@ -85,7 +86,10 @@ export default {
         </div>
       </div>
       <div class="b2"></div>
-      <div class="c"></div>
+      <div class="c flex column center">
+        <div class="mar-b40" v-text="'工单处置率'"/>
+        <charging-percent label="已完成工单" :value="80"/>
+      </div>
       <div class="c1 grid">
         <icon-small-panel class="item row pad-h16" :label="getLabel('工单总数')" :value="0" unit="个"/>
         <div class="item pad-v12 flex column center" v-for="(e,i) in workorderSta" :key="i" :class="{isRed:e.isRed}">