修改大屏数据处理

2025-10-23 11:13:02 +08:00
parent b4b86f4757
commit 817e6ec683
5 changed files with 122 additions and 71 deletions
--- a/src/views/recruitment/card/LaborSystemTwo.vue
+++ b/src/views/recruitment/card/LaborSystemTwo.vue
@ -1,6 +1,6 @@
 <template>
  <div>
-    <div class="carcTitle">合作社位置撒点</div>
+    <div class="carcTitle">省内区域劳务协作撒点</div>
    <div ref="map" style="width: 17vw; height: 14.5vw"></div>
  </div>
 </template>
--- a/src/views/recruitment/card/ListView.vue
+++ b/src/views/recruitment/card/ListView.vue
@ -4,9 +4,10 @@
    <!-- 表头保持固定 -->
    <ul class="header-list">
      <li class="singleBackground topLi">
-        <div> 序号</div>
+<!--        <div> 序号</div>-->
        <div>区域</div>
        <div>入职人数</div>
+        <div>占比</div>
      </li>
    </ul>
    <!-- 滚动区域 -->
@ -15,9 +16,10 @@
        <div ref="scrollItemBox">
          <li v-for="(item, index) in pieData" :key="index" @click="visible = true"
            :class="{ 'singleBackground': index % 2 == 0, 'evenBackground': index % 2 == 1 }">
-            <div>{{ `${index + 1 >= 10 ? index + 1 : '0' + (index + 1)}` }}</div>
+<!--            <div>{{ `${index + 1 >= 10 ? index + 1 : '0' + (index + 1)}` }}</div>-->
            <div>{{ item.zone }}</div>
            <div>{{ item.count }}人</div>
+            <div>{{ item.proportion }}</div>
            <div></div>
          </li>
        </div>
@ -81,98 +83,120 @@ import * as echarts from "echarts";
 const pieRef = ref(null);
 const pieData = [
  {
-    zone: "四川 - 成都",
-    count: 2920
+    "zone": "四川 - 成都",
+    "count": 2920,
+    "proportion": 29.87
  },
  {
-    zone: "省外",
-    count: 1490
+    "zone": "省外",
+    "count": 1490,
+    "proportion": 15.24
  },
  {
-    zone: "四川 - 南充",
-    count: 598
+    "zone": "四川 - 南充",
+    "count": 598,
+    "proportion": 6.12
  },
  {
-    zone: "四川 - 内江",
-    count: 473
+    "zone": "四川 - 内江",
+    "count": 473,
+    "proportion": 4.84
  },
  {
-    zone: "四川 - 乐山",
-    count: 421
+    "zone": "四川 - 乐山",
+    "count": 421,
+    "proportion": 4.31
  },
  {
-    zone: "四川 - 眉山",
-    count: 386
+    "zone": "四川 - 眉山",
+    "count": 386,
+    "proportion": 3.95
  },
  {
-    zone: "四川 - 巴中",
-    count: 373
+    "zone": "四川 - 巴中",
+    "count": 373,
+    "proportion": 3.82
  },
  {
-    zone: "四川 - 宜宾",
-    count: 313
+    "zone": "四川 - 宜宾",
+    "count": 313,
+    "proportion": 3.2
  },
  {
-    zone: "四川 - 达州",
-    count: 313
+    "zone": "四川 - 达州",
+    "count": 313,
+    "proportion": 3.2
  },
  {
-    zone: "四川 - 广元",
-    count: 300
+    "zone": "四川 - 广元",
+    "count": 300,
+    "proportion": 3.07
  },
  {
-    zone: "四川 - 泸州",
-    count: 294
+    "zone": "四川 - 泸州",
+    "count": 294,
+    "proportion": 3.01
  },
  {
-    zone: "四川 - 遂宁",
-    count: 278
+    "zone": "四川 - 遂宁",
+    "count": 278,
+    "proportion": 2.84
  },
  {
-    zone: "四川 - 自贡",
-    count: 276
+    "zone": "四川 - 自贡",
+    "count": 276,
+    "proportion": 2.82
  },
  {
-    zone: "四川 - 资阳",
-    count: 272
+    "zone": "四川 - 资阳",
+    "count": 272,
+    "proportion": 2.78
  },
  {
-    zone: "四川 - 绵阳",
-    count: 231
+    "zone": "四川 - 绵阳",
+    "count": 231,
+    "proportion": 2.36
  },
  {
-    zone: "四川 - 德阳",
-    count: 222
+    "zone": "四川 - 德阳",
+    "count": 222,
+    "proportion": 2.27
  },
  {
-    zone: "四川 - 凉山",
-    count: 177
+    "zone": "四川 - 凉山",
+    "count": 177,
+    "proportion": 1.81
  },
  {
-    zone: "四川 - 雅安",
-    count: 166
+    "zone": "四川 - 雅安",
+    "count": 166,
+    "proportion": 1.7
  },
  {
-    zone: "四川 - 广安",
-    count: 162
+    "zone": "四川 - 广安",
+    "count": 162,
+    "proportion": 1.66
  },
  {
-    zone: "四川 - 攀枝花",
-    count: 54
+    "zone": "四川 - 攀枝花",
+    "count": 54,
+    "proportion": 0.55
  },
  {
-    zone: "四川 - 阿坝",
-    count: 47
+    "zone": "四川 - 阿坝",
+    "count": 47,
+    "proportion": 0.48
  },
  {
-    zone: "四川 - 甘孜",
-    count: 9
+    "zone": "四川 - 甘孜",
+    "count": 9,
+    "proportion": 0.09
  }
 ]
 const visible = ref(false);
 // 滚动相关变量
 const scrollTop = ref(0); // 列表滚动高度
-const speed = ref(15); // 滚动速度
+const speed = ref(120); // 滚动速度
 const copyHtml = ref(''); // 复制的HTML内容
 const scrollItemBox = ref(null); // 滚动项容器引用
 let timer = null;
@ -308,13 +332,13 @@ function closeModal() {
  }

  >div:first-child {
-    width: 20%;
+    width: 50%;
    text-align: left;
    font-weight: bold;
  }

  >div:nth-child(2) {
-    width: 50%;
+    width: 25%;
    text-align: center;
  }

--- a/src/views/recruitment/index.vue
+++ b/src/views/recruitment/index.vue
@ -153,17 +153,17 @@ const cardTwoInfo = {
  title: "兴蜀就业生态数据",
  type1: {
    title: "第一产业",
-    count: "1.2",
+    count: "1.01",
    class: "modelItem3 first"
  },
  type2: {
    title: "第二产业",
-    count: "1.6",
+    count: "1.36",
    class: "modelItem3 seconed"
  },
  type3: {
    title: "第三产业",
-    count: "1.4",
+    count: "1.29",
    class: "modelItem3 third"
  }
 };
@ -176,7 +176,7 @@ const cardThreeInfo = {
    class: "modelItem2"
  },
  type2: {
-    title: "企业总人数",
+    title: "企业总人数（2025/10/25）",
    count: "38448",
    class: "modelItem2"
  }
@ -185,13 +185,13 @@ const cardFourInfo = {
  title: "三级劳务体系建设",
  description: "198名平台劳务经纪人",
  type1: {
-    title: "合作社",
-    count: "5",
+    title: "区域劳务协作",
+    count: "19个区县",
    class: "modelItem2"
  },
  type2: {
    title: "劳务经纪人",
-    count: "198",
+    count: "198名",
    class: "modelItem2"
  }
 };
--- a/src/views/recruitment/layout/centerModel.vue
+++ b/src/views/recruitment/layout/centerModel.vue
@ -162,18 +162,41 @@
        </table>
      </div>
    </div>
-    <div class="hjrkDialogBox topSchoolsDialog" v-show="isactive == 5">
+    <div class="hjrkDialogBox" v-show="isactive == 5">
      <div class="titleBox">
-        <div class="title">合作学校TOP5</div>
+        <div class="title">部分合作学校</div>
        <div class="close" @click="isactive = -1"></div>
      </div>
-      <ul class="cooperateSchoolList">
-        <li v-for="(item, index) in topSchools" :key="index">
-          <img :src="schoolIcon" alt="学校" class="schoolIcon" />
-          <div class="schoolName">{{ item.name }}</div>
-        </li>
-      </ul>
+      <div class="schoolEmploymentBox">
+        <table class="employmentTable">
+          <thead>
+          <tr>
+<!--            <th>序号</th>-->
+            <th colspan="2">部分合作学校</th>
+<!--            <th>当年就业人数</th>-->
+          </tr>
+          </thead>
+          <tbody>
+          <tr v-for="(item, idx) in topSchools" :key="idx">
+            <td>{{ item.name }}</td>
+            <td>{{ item.name1 }}</td>
+          </tr>
+          </tbody>
+        </table>
+      </div>
    </div>
+<!--    <div class="hjrkDialogBox topSchoolsDialog" v-show="isactive == 5">-->
+<!--      <div class="titleBox">-->
+<!--        <div class="title">合作学校TOP5</div>-->
+<!--        <div class="close" @click="isactive = -1"></div>-->
+<!--      </div>-->
+<!--      <ul class="cooperateSchoolList">-->
+<!--        <li v-for="(item, index) in topSchools" :key="index">-->
+<!--          <img :src="schoolIcon" alt="学校" class="schoolIcon" />-->
+<!--          <div class="schoolName">{{ item.name }}</div>-->
+<!--        </li>-->
+<!--      </ul>-->
+<!--    </div>-->
    <div class="hjrkDialogBox" v-show="isactive == 6">
      <div class="titleBox">
        <div class="title">合作社TOP5</div>
@ -326,11 +349,15 @@ const schoolEmploymentList = ref([
  { name: "四川文化传媒职业技术学校", count: 1200 }
 ]);
 const topSchools = ref([
-  { name: "成都工业职业技术学院" },
-  { name: "成都工贸职业技术学院" },
-  { name: "四川师范大学" },
-  { name: "崇州市职业教育培训中心（成都市技师学院南校区）" },
-  { name: "成都矿产机电技师学院" }
+  // { name: "成都工业职业技术学院" },
+  // { name: "成都工贸职业技术学院" },
+  // { name: "四川师范大学" },
+  // { name: "崇州市职业教育培训中心（成都市技师学院南校区）" },
+  // { name: "成都矿产机电技师学院" }
+  { name: "成都工贸职业技术学院", name1: '成都工业职业技术学院' },
+  { name: "四川师范大学", name1: '四川水利职业技术学校' },
+  { name: "四川文化传媒职业技术学校", name1: '甘孜州职业技术学院' },
+  { name: "四川矿产机电技师学院", name1: '成都职业技术学院' },
 ]);
 const topCoops = ref([
  { name: "绵阳市游仙区鑫众达劳务信息咨询农民专业合作社" },