UI

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

@@ -23,7 +23,7 @@
             </span>
           </div>
         </div>
-        <div class="detail-wrapper" :style="{marginTop: '10px'}">
+        <div class="detail-wrapper" :style="{marginTop : '10px'}">
           <div  v-if="this.pieData.filter(elm => elm.total).length">
             <div
               v-for="(
@@ -37,21 +37,21 @@
               <div class="fontWeight" style="margin-bottom: 0px">
                 {{ item.type }}数据
               </div>
-              <div style="margin-top: 5px;color: #333;padding-left: 10px">本月{{ item.type }}<span style="font-weight: 500">{{ item.total }}</span>次</div>
+              <div style="margin-top: 0px;color: #333;">本月{{ 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;padding-left: 10px"
+                style="margin-bottom: 10px;"
               >
                 <div style="margin-top: 10px;color: #333;">
-                  <span style="color: #ED8F41;">{{ elm.subClientType }}</span>{{ item.type }}<span class="fontWeight">{{ elm.total }}</span>次
+                  <span style="color: #ED8F41;" class="fontWeight">{{ elm.subClientType }}</span>{{ item.type }}<span class="fontWeight">{{ elm.total }}</span>次
                 </div>
                 <div
                   v-for="(subItem, subindex) in elm.details"
                   :key="'sub_' + subindex"
-                  style="margin-bottom: 5px"
+                  style="margin-bottom: 5px;padding-left: 10px"
                 >
-                  <div v-if="subItem.name" style="margin-top: 5px">
+                  <div v-if="subItem.name" style="margin-top: 0px">
                     <span class="fontWeight">{{ subindex + 1 }}、</span
                     >{{ subItem.name
                     }}<span
@@ -233,7 +233,9 @@ export default {
       this.option.series[1].data = this.pieData.map(elm => {
         return elm.subReportDetails
       }).reduce((a, b) => a.concat(b)).filter(elm => elm.total)
-      this.myChart.setOption(this.option)
+      if(this.pieData.filter(elm => elm.total).length) {
+        this.myChart.setOption(this.option)  
+      }
     }
   }
 }