feat：完善功能

src/views/workOrder/components/box-2.vue

@@ -25,10 +25,6 @@
       <div class="chart">
         <div class="chart__wrapper mr-8">
           <Title3 title="工单总数" />
-          <!-- <div class="check-label">
-            <span class="active">全部</span>
-            <span>已完成总数</span>
-          </div> -->
           <Line :width="680" :height="320" :data="seriesData" :xAxisData="xAxisData" />
         </div>
         <div class="chart__wrapper">
@@ -77,7 +73,7 @@
         <div class="chart__wrapper">
           <Title3 title="景区工单占比" />
           <div class="chart__inner">
-            <spotRate :dataList="spotRateData" :total="spotRateTotal" />
+            <spotRate :dataList="spotRateData" :total="spotRateTotal" label="工单总数" />
             <ul class="chart__legend">
               <li class="chart__legend-item" v-for="(item, index) in spotRateData" :key="index">
                 <p class="dot" :style="{ background: colors[index] }" />
@@ -90,7 +86,7 @@
         <div class="chart__wrapper">
           <Title3 title="景区工单类型占比" />
           <div class="chart__inner">
-            <spotRate :dataList="typeRateData" :total="typeRateTotal" />
+            <spotRate :dataList="typeRateData" :total="typeRateTotal" label="工单总数" />
             <ul class="chart__legend">
               <li class="chart__legend-item" v-for="(item, index) in typeRateData" :key="index">
                 <p class="dot" :style="{ background: colors[index] }" />
@@ -373,8 +369,8 @@
             }
 
             .dot {
-              width: vw(4);
-              height: vw(4);
+              width: vw(10);
+              height: vw(10);
               margin: 0 vw(16);
             }
 

src/views/workOrder/components/spotRate.vue

@@ -21,6 +21,10 @@
       type: Number,
       default: () => 0
     },
+    label: {
+      type: String,
+      default: () => ''
+    },
     colors: {
       type: Array,
       default: () => ['#FDC40A', '#FF5232', '#50F0A6', '#5FDFFA']
@@ -52,7 +56,7 @@
               padding: [0, 0, 5, 0]
             },
             name: {
-              color: '#7894A8',
+              color: '#fff',
               fontSize: fitChartSize(12)
             }
           }
@@ -73,7 +77,7 @@
           defaultCofig.color = props.colors
           defaultCofig.series[0].data = props.dataList
           defaultCofig.series[0].label.formatter = () => {
-            return `{value|${props.total}}` + '\n' + `{name|工单总数}`
+            return `{value|${props.total}}` + '\n' + `{name|${props.label}}`
           }
           setOption({
             ...defaultCofig,