兴蜀大屏调整

src/views/threeLaborService/components/solveEmployment-gwxqdb.vue

@@ -4,20 +4,20 @@
     <div class="pieMain">
       <div class="pieBox" ref="pieRef"></div>
       <div class="pieTitle">
-        <span style="font-size: 24px">288</span><br />需求总数
+        <span style="font-size: 24px">24637</span><br />需求总数
       </div>
     </div>
     <ul class="pieLsit">
       <li>
         <div><span class="blockOne"></span><span>已满足需求岗位</span></div>
         <div>
-          <span class="numb">230</span><span class="proportion">79.86%</span>
+          <span class="numb">8627</span><span class="proportion">35.01%</span>
         </div>
       </li>
       <li>
         <div><span class="blockTwo"></span><span>未满足需求岗位</span></div>
         <div>
-          <span class="numb">58</span><span class="proportion">20.14%</span>
+          <span class="numb">16010</span><span class="proportion">64.99%</span>
         </div>
       </li>
     </ul>
@@ -53,8 +53,16 @@ const option = {
         show: false
       },
       data: [
-        { value: 230, name: "已满足需求岗位", itemStyle: { color: "#58A8FF" } },
-        { value: 58, name: "未满足需求岗位", itemStyle: { color: "#30DCFF" } }
+        {
+          value: 8627,
+          name: "已满足需求岗位",
+          itemStyle: { color: "#58A8FF" }
+        },
+        {
+          value: 16010,
+          name: "未满足需求岗位",
+          itemStyle: { color: "#30DCFF" }
+        }
       ]
     }
   ]
@@ -90,6 +98,7 @@ onMounted(() => {
     text-align: center;
     z-index: 10;
     margin-top: -10px;
+    font-size: 20px;
   }
 }
 ul.pieLsit {
@@ -107,6 +116,7 @@ ul.pieLsit {
     border-radius: 4px 4px 4px 4px;
     border: 1px solid rgba(203, 242, 250, 0.2);
     margin-top: 12px;
+    font-size: 18px;
     > div {
       height: 100%;
       line-height: 40px;