UI调整

src/views/monthlyReport/childrenPage/editReport/components/OverallOverviewOfTheClient/box.vue

@@ -82,5 +82,7 @@ export default {
 }
 /deep/.el-tabs__item {
   padding: 0 5px;
+  font-weight: 400;
 }
+
 </style>

src/views/monthlyReport/childrenPage/editReport/components/OverallOverviewOfTheClient/index.vue

@@ -40,6 +40,7 @@ export default {
 </script>
 <style lang="less" scoped>
 .OverallOverviewOfTheClient {
+  padding-top:20px;
   display: flex;
   > * {
     flex: 1;

src/views/monthlyReport/childrenPage/editReport/components/OverallOverviewOfTheClient/onlineQuestion.vue

@@ -13,7 +13,8 @@
             style="width: 100%; height: 160px"
           />
         </div>
-        <div v-if="tabData" class="detail-wrapper">
+<div  class="detail-wrapper">
+          <div v-if="tabData && pieData.length">
           <div class="fontWeight" style="margin-bottom: 10px;">{{ tabData.title }}</div>
           <div
             v-for="item in tabData.onlineProblemCopywriters.filter((elm) =>
@@ -24,7 +25,7 @@
             <div>{{ item.reportBizName }}：{{ item.priorityStr }}</div>
             <div v-for="(pitem, pIndex) in item.problemDetails" :key="pIndex">
               <div class="fontWeight" style="color: #ED8F41;margin-top: 10px;">{{ pitem.subClientType }}</div>
-              <div v-for="(dItem, dIndex) in pitem.details" :key="dIndex">
+              <div v-for="(dItem, dIndex) in pitem.details" :key="dIndex" style="padding-left: 10px">
                 <div style="margin-top: 5px;">
                   <span class="fontWeight">{{ dIndex + 1 }}、</span
                   ><span class="fontWeight">{{ dItem.priority }}问题：</span
@@ -35,6 +36,8 @@
             </div>
           </div>
         </div>
+</div>
+        <div class="no-data" v-if="!pieData.length">各业务线{{active}}类线上问题为 <span style="font-size: 16px">0</span>！</div>
       </div>
     </boxCom>
   </div>
@@ -85,6 +88,7 @@ export default {
       })
     },
     echartsInit() {
+      this.pieData = this.tabData.onlineProblemCopywriters.filter(elm => elm.total)
       this.option = {
         color: [
           '#5470c6',
@@ -100,12 +104,16 @@ export default {
         tooltip: {
           trigger: 'item'
         },
+        label: {
+          position: 'inner',
+          fontSize: 12
+        },
         series: [
           {
             // name: '访问来源',
             type: 'pie',
             radius: '80%',
-            data: this.tabData.onlineProblemCopywriters.filter(elm => elm.total),
+            data: this.pieData,
             emphasis: {
               itemStyle: {
                 shadowBlur: 0,
@@ -135,7 +143,8 @@ export default {
       )[0]
       console.log(this.tabData)
       console.log(this.tabData.onlineProblemCopywriters)
-      this.option.series[0].data = this.tabData.onlineProblemCopywriters.filter(elm => elm.total)
+      this.pieData = this.tabData.onlineProblemCopywriters.filter(elm => elm.total)
+      this.option.series[0].data = this.pieData
       this.myChart.setOption(this.option)
     }
   }
@@ -145,10 +154,11 @@ export default {
 <style scoped lang="less">
 .echarts-wrapper {
   margin-top: -10px;
-
+  font-size: 12px;
   display: flex;
   color: #333;
-  font-size: 14px;
+  position: relative;
+  // font-size: 14px;
   .pie-wrapper {
     width: 50%;
     .total-wrapper {
@@ -156,7 +166,7 @@ export default {
       margin-top: 10px;
       .total {
         color: #409eff;
-        font-size: 18px;
+        font-size: 16px;
         cursor: pointer;
       }
     }
@@ -164,7 +174,7 @@ export default {
   .detail-wrapper {
     width: 50%;
     padding: 10px;
-    height: 270px;
+    height: 235px;
     margin-bottom: 10px;
     overflow-y: scroll;
   }
@@ -172,5 +182,12 @@ export default {
     color: #333;
     font-weight: 500;
   }
+  .no-data {
+      top: 50%;
+  left: 0;
+  right: 0;
+  text-align: center;
+    position:absolute;
+  }
 }
 </style>

src/views/monthlyReport/childrenPage/editReport/components/OverallOverviewOfTheClient/qualityProcess.vue

@@ -14,11 +14,11 @@
             class="pir"
             style="width: 100%; height: 170px"
           />
-          <div v-if="tabData" style="width: 205px">
+          <div v-if="tabData" style="width: 205px;color: #333">
             本月{{ active }}类：
             <span v-for="(item, itemIndex ) in tabData.qualityProcessAndRdEfficiencyCopywriters" :key="itemIndex">
               <span>{{ item.type }}</span>
-              <span :class="{ fontWeight: true, red: item.total > 0 }">{{ item.total }}次</span>
+              <span :class="{ fontWeight: true, red: item.total > 0 }">{{ item.total }}</span>次
               <span>{{ tabData.qualityProcessAndRdEfficiencyCopywriters.length - 1 > itemIndex ? '，': '。' }}</span>
             </span>
           </div>
@@ -36,11 +36,11 @@
             <div class="fontWeight" style="margin-bottom: 0px">
               {{ item.type }}数据
             </div>
-            <div style="margin-top: 5px;">本月{{ item.type }}{{ item.total }}次</div>
+            <div style="margin-top: 5px;color: #333;padding-left: 10px">本月{{ item.type }}<span style="font-weight: 500">{{ item.total }}</span>次</div>
             <div
               v-for="(elm, elmIndex) in item.subClientDetails"
               :key="elmIndex"
-              style="margin-bottom: 10px"
+              style="margin-bottom: 10px;padding-left: 10px"
             >
               <div class="fontWeight" style="margin-top: 10px">
                 {{ elm.subClientType }}{{ item.type }}{{ elm.total }}次
@@ -240,7 +240,7 @@ export default {
 
   display: flex;
   color: #666;
-  font-size: 14px;
+  font-size: 12px;
   .pie-wrapper {
     width: 50%;
     .total-wrapper {
@@ -257,7 +257,7 @@ export default {
   .detail-wrapper {
     width: 50%;
     padding: 10px;
-    height: 270px;
+    height: 235px;
     overflow-y: scroll;
   }
     .fontWeight {