manage-client 3.2.147 → 3.2.148

package/src/filiale/zhongyi/CallReport/PercentageComplete.vue

@@ -6,12 +6,13 @@
       <div class="beingProcessed"><i></i><span>处理中</span><span class="beingProcessedNum">{{ data.beingProcessedNum }}</span></div>
       <div class="completed"><i></i><span>已完成</span><span class="completedNum">{{ data.completedNum }}</span></div>
       <div class="completedEcharts"></div>
+      <div class="percentText">完成率</div>
     </div>
     <div class="data">
       <ul>
-        <li><span>昨日工单</span><span class="day">{{ data.day }}</span><span>日环比</span><i></i><span class="daysFrom">{{ data.daysFrom }}</span></li>
-        <li><span>月度工单量</span><span class="month">{{ data.month }}</span><span>月环比</span><i></i><span class="onAMonthlyBasis">{{ data.onAMonthlyBasis }}</span></li>
-        <li><span>年度工单量</span><span class="year">{{ data.year }}</span><span>同比</span><i></i><span class="yoy">{{ data.yoy }}</span></li>
+        <li><span>昨日工单</span><span class="day">{{ data.day }}</span><span>日环比</span><div :class="data.daysFrom[0]==='1'?'blueArrows':'yellowArrows'"></div><span :class="data.daysFrom[0]==='1'?'increase':'lower'">{{ data.daysFrom[1] }}</span></li>
+        <li><span>月度工单量</span><span class="month">{{ data.month }}</span><span>月环比</span><div :class="data.onAMonthlyBasis[0]==='1'?'blueArrows':'yellowArrows'"></div><span :class="data.onAMonthlyBasis[0]==='1'?'increase':'lower'">{{ data.onAMonthlyBasis[1] }}</span></li>
+        <li><span>年度工单量</span><span class="year">{{ data.year }}</span><span>同比</span><div :class="data.yoy[0]==='1'?'blueArrows':'yellowArrows'"></div><span :class="data.yoy[0]==='1'?'increase':'lower'">{{ data.yoy[1] }}</span></li>
       </ul>
     </div>
   </div>
@@ -37,12 +38,13 @@ export default {
         month:'5149',
         //年度工单量
         year:'145784',
+        //日环比、月环比、同比第一个参数，0为降，1为增长
         //日环比
-        daysFrom:'44.18%',
+        daysFrom:['0','44.18%'],
         //月环比
-        onAMonthlyBasis:'71.12%',
+        onAMonthlyBasis:['1','71.12%'],
         //同比
-        yoy:'95.07%',
+        yoy:['1','95.07%'],
 
 
       }
@@ -79,21 +81,22 @@ export default {
   position: absolute;
   top: 4.63vh;
   left: 0.573vw;
-  border: 1px dashed #fff;
+  border: 0.093vh dashed #fff;
 }
 
 .pending i {
-  width: 100%;
+  width: 93%;
   height: 100%;
   background-repeat: no-repeat;
-  background-position: 1px 0px;
+  background-position: 0 -0.365vw;
   background-size: cover;
   position: absolute;
   background-image: url("../../../../static/images/zhongyi/exclamationPoint.png");
+  margin-left: 0.15625vw;
 }
 
 .pending span:nth-of-type(1) {
-  font-size: 22px;
+  font-size: 2.037vh;
   color: #FFFFFF;
   position: absolute;
   bottom: 9.259vh;
@@ -101,7 +104,7 @@ export default {
 }
 
 .pending span:nth-of-type(2) {
-  font-size: 32px;
+  font-size: 2.963vh;
   font-weight: bold;
   color: #FF7E00;
   position: absolute;
@@ -115,21 +118,22 @@ export default {
   position: absolute;
   top: 4.63vh;
   left: 5.417vw;
-  border: 1px dashed #fff;
+  border: 0.093vh dashed #fff;
 }
 
 .beingProcessed i {
-  width: 100%;
+  width: 93%;
   height: 100%;
   background-repeat: no-repeat;
-  background-position: 1px 0px;
+  background-position: 0 -0.365vw;
   background-size: cover;
   position: absolute;
   background-image: url("../../../../static/images/zhongyi/refresh.png");
+  margin-left: 0.15625vw;
 }
 
 .beingProcessed span:nth-of-type(1) {
-  font-size: 22px;
+  font-size: 2.037vh;
   color: #FFFFFF;
   position: absolute;
   bottom: 9.259vh;
@@ -137,7 +141,7 @@ export default {
 }
 
 .beingProcessed span:nth-of-type(2) {
-  font-size: 32px;
+  font-size: 2.963vh;
   font-weight: bold;
   color: #FFCC0F;
   position: absolute;
@@ -151,21 +155,22 @@ export default {
   position: absolute;
   top: 4.63vh;
   left: 10.208vw;
-  border: 1px dashed #fff;
+  border: 0.093vh dashed #fff;
 }
 
 .completed i {
-  width: 100%;
+  width: 93%;
   height: 100%;
   background-repeat: no-repeat;
-  background-position: 1px 0px;
+  background-position: 0 -0.365vw;
   background-size: cover;
   position: absolute;
   background-image: url("../../../../static/images/zhongyi/Pigeon.png");
+  margin-left: 0.15625vw;
 }
 
 .completed span:nth-of-type(1) {
-  font-size: 22px;
+  font-size: 2.037vh;
   color: #FFFFFF;
   position: absolute;
   bottom: 9.259vh;
@@ -173,7 +178,7 @@ export default {
 }
 
 .completed span:nth-of-type(2) {
-  font-size: 32px;
+  font-size: 2.963vh;
   font-weight: bold;
   color: #01F7E6;
   position: absolute;
@@ -212,7 +217,7 @@ export default {
   background-repeat: no-repeat;
   background-size: cover;
   bottom: 16.389vh;
-  border: 1px dashed #fff;
+  border: 0.093vh dashed #fff;
 }
 
 .data li:nth-of-type(2) {
@@ -222,7 +227,7 @@ export default {
   background-repeat: no-repeat;
   background-size: cover;
   bottom: 9.259vh;
-  border: 1px dashed #fff;
+  border: 0.093vh dashed #fff;
 }
 
 .data li:nth-of-type(3) {
@@ -232,18 +237,18 @@ export default {
   background-repeat: no-repeat;
   background-size: cover;
   bottom: 2.037vh;
-  border: 1px dashed #fff;
+  border: 0.093vh dashed #fff;
 }
 
 .data li span:nth-of-type(1) {
-  font-size: 22px;
+  font-size: 2.037vh;
   color: #FFFFFF;
   position: relative;
   top: 0.833vh;
   left: 0.625vw;
 }
 .data li span:nth-of-type(2) {
-  font-size: 27px;
+  font-size: 2.5vh;
   position: absolute;
   font-weight: bold;
   top: 0.556vh;
@@ -258,34 +263,60 @@ export default {
 .year{
   color: #01F7E6;
 }
+/*.data li{*/
+/*  position: relative;*/
+/*}*/
 .data li span:nth-of-type(3) {
-  font-size: 22px;
+  font-size: 2.037vh;
   color: #FFFFFF;
   position: absolute;
   top: 0.833vh;
   right: 7.292vw;
 }
 .data li span:nth-of-type(4) {
-  font-size: 22px;
-
+  font-size: 2.037vh;
   position: absolute;
   font-weight: bold;
   top: 0.833vh;
   right: 0.833vw;
 }
-.daysFrom{
+
+.increase{
+  color: #01F7E6;
+}
+.lower{
   color: #FF7E00;
 }
-.onAMonthlyBasis,.yoy{
-  color: #01F7E6;
+.view{
+  position: relative;
+}
+.percentText{
+  width: 3.4375vw;
+  height: 2.037vh;
+  font-size: 2.037vh;
+  font-weight: bold;
+  color: #FFFFFF;
+  position: absolute;
+  top: 12vh;
+  right: 2.917vw;
+}
+.blueArrows{
+  width: 1.146vw;
+  height: 2.037vh;
+  background: url('../../../../static/images/zhongyi/blueArrows.png') no-repeat;
+  background-size: cover;
+  position: absolute;
+  right: 5.365vw;
+  top: 1.389vh;
+}
+.yellowArrows{
+  width: 1.146vw;
+  height: 2.037vh;
+  background: url('../../../../static/images/zhongyi/yellowArrows.png') no-repeat;
+  background-size: cover;
+  position: absolute;
+  right: 5.365vw;
+  top: 1.389vh;
 }
-/*.data ul li i{*/
-/*  width: 22px;*/
-/*  height: 22px;*/
-/*  background-image: url('./images/zhongyi/箭头\ 19\ 1.png');*/
-/*  background-repeat: no-repeat;*/
-/*  background-size: cover;*/
-/*  position: absolute;*/
-/*}*/
 /* 完成率组件样式结束 */
 </style>

package/src/filiale/zhongyi/CallReport/PercentageCompleteEchart.vue

@@ -31,10 +31,10 @@ export default {
         title: {
           text: `${value}%`,
           x: 'center',
-          y: 'center',
+          y: '38%',
           textStyle: {
             color: '#00F6FF',
-            fontSize:20
+            fontSize:36
           }
         },
         series: [  {
@@ -131,10 +131,10 @@ export default {
 
 <style scoped>
 #echart{
-  margin-left: 270px;
-  margin-top: 140px;
-  width: 250px;
-  height: 250px;
+  margin-left: 14.0625vw;
+  margin-top: 12.963vh;
+  width: 13.021vw;
+  height: 23.148vh;
 }
 canvas{}
 </style>

package/src/filiale/zhongyi/CallReport/RateBottom.vue

@@ -34,7 +34,7 @@ export default {
           text: '{num|' + data.value + '%}',
           subtext: '\n' + data.name,
           x: '49%',
-          y: '49%',
+          y: '40%',
           textAlign: 'center',
           textStyle: {
             rich: {
@@ -42,7 +42,7 @@ export default {
                 fontWeight: '500',
                 color: '#fff',
                 fontFamily: '微软雅黑',
-                fontSize: 50,
+                fontSize: 40,
               },
             }
 
@@ -73,10 +73,10 @@ export default {
             y2: 0,
             colorStops: [{
               offset: 0,
-              color: 'rgba(54, 255, 239, .1)' // 0% 处的颜色
+              color: 'rgba(54, 255, 239, 1)' // 0% 处的颜色
             }, {
               offset: 1,
-              color: 'rgba(54, 255, 239, 1)' // 100% 处的颜色
+              color: 'rgba(54, 255, 239, .1)' // 100% 处的颜色
             }]
           }, 'transparent'],
           hoverAnimation: true,
@@ -134,10 +134,10 @@ export default {
 
 <style scoped>
 #echart2{
-  width: 200px;
-  height: 200px;
+  width: 10.417vw;
+  height: 18.519vh;
   position: absolute;
-  top: 455px;
-  right: 27px;
+  top: 42.13vh;
+  right: 1.40625vw;
 }
 </style>

package/src/filiale/zhongyi/CallReport/RateTop.vue

@@ -34,7 +34,7 @@ export default {
           text: '{num|' + data.value + '%}',
           subtext: '\n' + data.name,
           x: '49%',
-          y: '49%',
+          y: '40%',
           textAlign: 'center',
           textStyle: {
             rich: {
@@ -42,7 +42,7 @@ export default {
                 fontWeight: '500',
                 color: '#fff',
                 fontFamily: '微软雅黑',
-                fontSize: 50,
+                fontSize: 40,
               },
             }
 
@@ -73,10 +73,10 @@ export default {
             y2: 0,
             colorStops: [{
               offset: 0,
-              color: 'rgba(255, 205, 0, .1)' // 0% 处的颜色
+              color: 'rgba(255, 205, 0, 1)' // 0% 处的颜色
             }, {
               offset: 1,
-              color: 'rgba(255, 205, 0, 1)' // 100% 处的颜色
+              color: 'rgba(255, 205, 0, .1)' // 100% 处的颜色
             }]
           }, 'transparent'],
           hoverAnimation: true,
@@ -134,11 +134,11 @@ export default {
 
 <style scoped>
 #echart1{
-  width: 200px;
-  height: 200px;
+  width: 10.417vw;
+  height: 18.519vh;
   position: absolute;
-  top: 222px;
-  right: 27px;
+  top: 20.556vh;
+  right: 1.40625vw;
 }
 
 </style>

package/src/filiale/zhongyi/CallReport/ScrollContent.vue

@@ -102,39 +102,39 @@ li{
 }
 span{
   color: #ffffff;
-  font-size: 22px;
-  line-height: 39px;
+  font-size: 2.037vh;
+  line-height: 3.611vh;
 }
 .date{
-  margin-left: 40px;
+  margin-left: 2.083vw;
 }
 .duration{
-  margin-left: 115px;
+  margin-left: 5.99vw;
 }
 .name{
   position: absolute;
-  left: 526px;
-  width: 100px;
+  left: 27.396vw;
+  width: 9.259vh;
 }
 .orderType{
   position: absolute;
-  left: 685px;
-  width: 60px;
+  left: 35.677vw;
+  width: 3.125vw;
 }
 .address{
   position: absolute;
-  left: 826px;
-  width: 500px;
+  left: 43.021vw;
+  width: 26.042vw;
 }
 .receptionist{
   position: absolute;
-  left: 1090px;
-  width: 90px;
+  left: 56.771vw;
+  width: 4.6875vw;
 }
 .state{
   position: absolute;
-  left: 1242px;
-  width: 100px;
+  left: 64.6875vw;
+  width: 5.208vw;
   color: #F7DB35;
 }
 

package/src/filiale/zhongyi/CallReport/ServiceStatus.vue

@@ -184,24 +184,24 @@ export default {
 }
 
 .service1 {
-  width: 67px;
-  height: 88px;
+  width: 3.49vw;
+  height: 8.148vh;
   background-image: url("../../../../static/images/zhongyi/service1.png");
   background-repeat: no-repeat;
-  background-position: 0px 0px;
-  background-size: cover;
+  background-position: 0 0;
+  background-size: contain;
   position: absolute;
-  left: 15px;
+  left: 0.78125vw;
 }
 .service2 {
-  width: 67px;
-  height: 88px;
+  width: 3.49vw;
+  height: 8.148vh;
   background-image: url("../../../../static/images/zhongyi/service2.png");
   background-repeat: no-repeat;
-  background-position: 0px 0px;
-  background-size: cover;
+  background-position: 0 0;
+  background-size: contain;
   position: absolute;
-  left: 15px;
+  left: 0.78125vw;
 }
 
 
@@ -212,55 +212,55 @@ export default {
 .status1 {
   width: 1.875vw;
   background-image: url("../../../../static/images/zhongyi/ring.png");
-  height: 36px;
+  height: 4.333vh;
   background-repeat: no-repeat;
-  background-position: 0px 0px;
-  background-size: cover;
+  background-position: 0 0;
+  background-size: contain;
   position: absolute;
-  right: 1px;
-  bottom: 2px;
+  right: 0.052vw;
+  bottom: 0.185vh;
 }
 
 .status2 {
   width: 1.875vw;
   background-image: url("../../../../static/images/zhongyi/phone1.png");
-  height: 36px;
+  height: 4.333vh;
   background-repeat: no-repeat;
-  background-position: 0px 0px;
-  background-size: cover;
+  background-position: 0 0;
+  background-size: contain;
   position: absolute;
-  right: 1px;
-  bottom: 2px;
+  right: 0.052vw;
+  bottom: 0.104vw;
 }
 
 .status3 {
   width: 2.34375vw;
   background-image: url("../../../../static/images/zhongyi/telephone1.png");
-  height: 36px;
+  height: 4.333vh;
   background-repeat: no-repeat;
-  background-position: 0px 0px;
-  background-size: cover;
+  background-position: 0 0;
+  background-size: contain;
   position: absolute;
-  right: 1px;
-  bottom: 2px;
+  right: 0.052vw;
+  bottom: 0.185vh;
 }
 
 .status4 {
   width: 1.875vw;
   background-image: url("../../../../static/images/zhongyi/phone2.png");
-  height: 36px;
+  height: 4.333vh;
   background-repeat: no-repeat;
-  background-position: 0px 0px;
-  background-size: cover;
+  background-position: 0 0;
+  background-size: contain;
   position: absolute;
-  right: 1px;
-  bottom: 2px;
+  right: 0.052vw;
+  bottom: 0.185vh;
 }
 
 .service-status div span {
   width: 5.208vw;
   height: 2.037vh;
-  font-size: 22px;
+  font-size: 2.037vh;
   font-weight: bold;
   color: #FFFEFE;
   display: block;
@@ -283,11 +283,11 @@ export default {
 
 .answer{
   width: 1.875vw;
-  height: 3.333vh;
+  height: 4.333vh;
   background-image: url("../../../../static/images/zhongyi/phone1.png");
   background-repeat: no-repeat;
-  background-position: 0px 0px;
-  background-size: cover;
+  background-position: 0 0;
+  background-size: contain;
   position: absolute;
   top: 1.389vh;
 }
@@ -297,7 +297,7 @@ export default {
   left: 3.125vw;
 }
 .answer-num{
-  font-size: 28px;
+  font-size: 2.593vh;
   color: #00FFEA;
   position: absolute;
   top: 1.204vh;
@@ -306,11 +306,11 @@ export default {
 
 .await{
   width: 2.34375vw;
-  height: 3.333vh;
+  height: 4.333vh;
   background-image: url("../../../../static/images/zhongyi/telephone1.png");
   background-repeat: no-repeat;
-  background-position: 0px 0px;
-  background-size: cover;
+  background-position: 0 0;
+  background-size: contain;
   position: absolute;
   top: 1.389vh;
   left: 10.417vw;
@@ -321,7 +321,7 @@ export default {
   left: 14.0625vw;
 }
 .await-num{
-  font-size: 28px;
+  font-size: 2.593vh;
   color: #FFCD00;
   position: absolute;
   top: 1.204vh;
@@ -330,11 +330,11 @@ export default {
 
 .ring{
   width: 1.875vw;
-  height: 3.333vh;
+  height: 4.333vh;
   background-image: url("../../../../static/images/zhongyi/ring.png");
   background-repeat: no-repeat;
-  background-position: 0px 0px;
-  background-size: cover;
+  background-position: 0 0;
+  background-size: contain;
   position: absolute;
   top: 1.389vh;
   left: 22.396vw;
@@ -345,7 +345,7 @@ export default {
   left: 25.78125vw;
 }
 .ring-num{
-  font-size: 28px;
+  font-size: 2.593vh;
   color: #FF7E00;
   position: absolute;
   top: 1.204vh;
@@ -354,11 +354,11 @@ export default {
 
 .off-line{
   width: 1.875vw;
-  height: 3.333vh;
+  height: 4.333vh;
   background-image: url("../../../../static/images/zhongyi/phone2.png");
   background-repeat: no-repeat;
-  background-position: 0px 0px;
-  background-size: cover;
+  background-position: 0 0;
+  background-size: contain;
   position: absolute;
   top: 1.389vh;
   left: 32.03125vw;
@@ -369,7 +369,7 @@ export default {
   left: 35.417vw;
 }
 .off-line-num{
-  font-size: 28px;
+  font-size: 2.593vh;
   color: #DBDBDB;
   position: absolute;
   top: 1.204vh;
@@ -378,8 +378,8 @@ export default {
 
 
 .status-count div span:nth-of-type(1) {
-  font-size: 22px;
+  font-size: 2.037vh;
   color: #FFFFFF;
-  line-height: 25px;
+  line-height: 2.315vh;
 }
 </style>