兴蜀大屏调整

2025-10-21 23:50:01 +08:00
parent f99c6b5374
commit 33bed9b9ef
30 changed files with 1218 additions and 311 deletions
--- a/src/views/threeLaborService/components/companyProfile.vue
+++ b/src/views/threeLaborService/components/companyProfile.vue
@ -4,12 +4,13 @@
    <div class="content">
      <!-- tabs切换 -->
      <ul class="tabsBox">
-        <li
+        <!-- <li
          v-for="(item, index) in tabsData"
          :key="item.title"
          :class="{ active: activeIndex === index }"
          @click="handleTabClick(index)"
-        >
+        > -->
+        <li v-for="(item, index) in tabsData" :key="index">
          <div class="tabsMainBox">
            <div class="tabsTitle">{{ item.title }}</div>
            <div class="tabsContent">
@ -41,10 +42,10 @@
            </template>
          </el-table-column>
          <el-table-column prop="name" label="企业名称" />
-          <el-table-column prop="street" label="地址" />
+          <el-table-column prop="street" label="所在街道" />
          <el-table-column prop="position" label="招聘岗位" />
          <el-table-column prop="recruitmentNum" label="招聘人数" />
-          <el-table-column prop="broker" label="服务经纪人" />
+          <!-- <el-table-column prop="broker" label="服务经纪人" /> -->
        </el-table>
      </div>
    </div>
@ -60,7 +61,7 @@ const tabsData = ref([
    content: [
      {
        title: "服务企业数",
-        num: "3"
+        num: "23"
      },
      {
        title: "推荐岗位数",
@ -73,11 +74,11 @@ const tabsData = ref([
    content: [
      {
        title: "服务企业数",
-        num: "80"
+        num: "461"
      },
      {
        title: "推荐岗位数",
-        num: "8459"
+        num: "54918"
      }
    ]
  },
@ -86,11 +87,11 @@ const tabsData = ref([
    content: [
      {
        title: "服务企业数",
-        num: "11"
+        num: "93"
      },
      {
        title: "推荐岗位数",
-        num: "112"
+        num: "2310"
      }
    ]
  }
@ -110,171 +111,220 @@ const handleTabClick = (index) => {
 };
 const tableData = ref([
  {
-    name: "全友家私有限公司",
-    street: "崇州市经济开发区崇阳大道333号",
-    position: "警卫",
-    recruitmentNum: "20",
+    name: "比亚迪电子科技 (崇州) 有限公司",
+    street: "大划街道",
+    position: "操作工（正式工）",
+    recruitmentNum: "150",
    broker: "张强"
  },
  {
-    name: "全友家私有限公司",
-    street: "崇州市经济开发区崇阳大道333号",
-    position: "文员统计",
+    name: "成都领益科技有限公司",
+    street: "崇阳街道",
+    position: "电子设备维修师",
    recruitmentNum: "5",
    broker: "张强"
  },
  {
-    name: "全友家私有限公司",
-    street: "崇州市经济开发区崇阳大道333号",
-    position: "消防",
+    name: "日东材料科技 (成都) 有限公司",
+    street: "崇阳街道",
+    position: "材料研发工程师",
    recruitmentNum: "10",
    broker: "张强"
  },
  {
-    name: "全友家私有限公司",
-    street: "崇州市经济开发区崇阳大道333号",
-    position: "清洁工",
-    recruitmentNum: "1",
+    name: "日东材料科技 (成都) 有限公司",
+    street: "崇阳街道",
+    position: "设备操作员",
+    recruitmentNum: "8",
    broker: "张强"
  },
  {
-    name: "全友家私有限公司",
-    street: "崇州市经济开发区崇阳大道333号",
-    position: "兑油工",
-    recruitmentNum: "1",
-    broker: "张强"
-  },
-  {
-    name: "全友家私有限公司",
-    street: "崇州市经济开发区崇阳大道333号",
-    position: "质检员",
-    recruitmentNum: "10",
-    broker: "张强"
-  },
-  {
-    name: "全友家私有限公司",
-    street: "崇州市经济开发区崇阳大道333号",
-    position: "行政专员",
-    recruitmentNum: "2",
-    broker: "张强"
-  },
-  {
-    name: "全友家私有限公司",
-    street: "崇州市经济开发区崇阳大道333号",
-    position: "巡店专员",
-    recruitmentNum: "10",
-    broker: "张强"
-  },
-  {
-    name: "全友家私有限公司",
-    street: "崇州市经济开发区崇阳大道333号",
-    position: "设备主管",
-    recruitmentNum: "1",
-    broker: "张强"
-  },
-  {
-    name: "四川福蓉科技股份公司",
-    street: "成都崇州市崇双大道518号",
-    position: "电气技术员",
-    recruitmentNum: "10",
-    broker: "张强"
-  },
-  {
-    name: "四川福蓉科技股份公司",
-    street: "成都崇州市崇双大道518号",
-    position: "机械技术员",
-    recruitmentNum: "10",
-    broker: "张强"
-  },
-  {
-    name: "四川福蓉科技股份公司",
-    street: "成都崇州市崇双大道518号",
-    position: "送样员",
-    recruitmentNum: "1",
-    broker: "张强"
-  },
-  {
-    name: "四川福蓉科技股份公司",
-    street: "成都崇州市崇双大道518号",
-    position: "电工",
-    recruitmentNum: "30",
-    broker: "张强"
-  },
-  {
-    name: "四川福蓉科技股份公司",
-    street: "成都崇州市崇双大道518号",
-    position: "钳工",
-    recruitmentNum: "1",
-    broker: "张强"
-  },
-  {
-    name: "四川福蓉科技股份公司",
-    street: "成都崇州市崇双大道518号",
-    position: "修磨工",
+    name: "日东材料科技 (成都) 有限公司",
+    street: "崇阳街道",
+    position: "品保",
    recruitmentNum: "2",
    broker: "张强"
  },
  {
    name: "四川福蓉科技股份公司",
-    street: "成都比亚迪电子有限公司（成都市崇州市经济开发区创新路三段一号）",
-    position: "操作工（短期工）",
-    recruitmentNum: "3000",
+    street: "崇双路街道",
+    position: "铝合金加工技师",
+    recruitmentNum: "6",
    broker: "张强"
  },
  {
-    name: "四川福蓉科技股份公司",
-    street: "成都比亚迪电子有限公司（成都市崇州市经济开发区创新路三段一号）",
-    position: "作业员",
-    recruitmentNum: "1500",
+    name: "索菲亚家居（成都）有限公司",
+    street: "崇阳街道",
+    position: "安装售后专员",
+    recruitmentNum: "10",
    broker: "张强"
  },
  {
-    name: "四川福蓉科技股份公司",
-    street: "成都比亚迪电子有限公司（成都市崇州市经济开发区创新路三段一号）",
-    position: "检验员",
-    recruitmentNum: "200",
+    name: "四川中源智慧电缆有限公司",
+    street: "崇阳街道",
+    position: "编织工",
+    recruitmentNum: "3",
    broker: "张强"
  },
  {
-    name: "四川福蓉科技股份公司",
-    street: "成都比亚迪电子有限公司（成都市崇州市经济开发区创新路三段一号）",
-    position: "厨工",
-    recruitmentNum: "50",
+    name: "四川中源智慧电缆有限公司",
+    street: "崇阳街道",
+    position: "挤塑工",
+    recruitmentNum: "6",
    broker: "张强"
  },
  {
-    name: "四川福蓉科技股份公司",
-    street: "成都比亚迪电子有限公司（成都市崇州市经济开发区创新路三段一号）",
-    position: "厨师",
+    name: "四川中源智慧电缆有限公司",
+    street: "崇阳街道",
+    position: "拉丝工",
+    recruitmentNum: "3",
+    broker: "张强"
+  },
+  {
+    name: "四川中源智慧电缆有限公司",
+    street: "崇阳街道",
+    position: "成缆工",
+    recruitmentNum: "5",
+    broker: "张强"
+  },
+  {
+    name: "四川中源智慧电缆有限公司",
+    street: "崇阳街道",
+    position: "绞线工",
+    recruitmentNum: "5",
+    broker: "张强"
+  },
+  {
+    name: "四川展新胶粘材料有限公司",
+    street: "崇阳街道",
+    position: "QC主管",
+    recruitmentNum: "5",
+    broker: "张强"
+  },
+  {
+    name: "四川展新胶粘材料有限公司",
+    street: "崇阳街道",
+    position: "销售经理",
+    recruitmentNum: "2",
+    broker: "张强"
+  },
+  {
+    name: "四川展新胶粘材料有限公司",
+    street: "崇阳街道",
+    position: "SQE工程师",
+    recruitmentNum: "2",
+    broker: "张强"
+  },
+  {
+    name: "四川展新胶粘材料有限公司",
+    street: "崇阳街道",
+    position: "研发工程师",
+    recruitmentNum: "4",
+    broker: "张强"
+  },
+  {
+    name: "全友家私有限公司",
+    street: "崇阳街道",
+    position: "组装操作工",
+    recruitmentNum: "8",
+    broker: "张强"
+  },
+  {
+    name: "融通农发牧原（崇州）有限责任公司",
+    street: "隆兴镇",
+    position: "养殖技术员",
    recruitmentNum: "9",
    broker: "张强"
  },
  {
-    name: "四川福蓉科技股份公司",
-    street: "成都比亚迪电子有限公司（成都市崇州市经济开发区创新路三段一号）",
-    position: "面点师",
+    name: "四川蜀玻（集团）有限责任公司",
+    street: "崇阳街道",
+    position: "制瓶工",
+    recruitmentNum: "5",
+    broker: "张强"
+  },
+  {
+    name: "四川蜀玻（集团）有限责任公司",
+    street: "崇阳街道",
+    position: "包装工",
+    recruitmentNum: "10",
+    broker: "张强"
+  },
+  {
+    name: "四川蜀玻（集团）有限责任公司",
+    street: "崇阳街道",
+    position: "配料工",
+    recruitmentNum: "5",
+    broker: "张强"
+  },
+  {
+    name: "四川蜀玻（集团）有限责任公司",
+    street: "崇阳街道",
+    position: "磨口工",
+    recruitmentNum: "3",
+    broker: "张强"
+  },
+  {
+    name: "四川蜀玻（集团）有限责任公司",
+    street: "崇阳街道",
+    position: "灯工",
+    recruitmentNum: "3",
+    broker: "张强"
+  },
+  {
+    name: "成都达旺膜结构工程公司",
+    street: "青霞街道",
+    position: "膜结构业务员",
    recruitmentNum: "2",
    broker: "张强"
  },
  {
-    name: "四川福蓉科技股份公司",
-    street: "崇州市经济开发区创新路三段一号",
-    position: "第四事业部操作工",
-    recruitmentNum: "1500",
+    name: "成都兴兴蓉通信科技有限公司",
+    street: "崇阳街道",
+    position: "通信设备调试员",
+    recruitmentNum: "8",
    broker: "张强"
  },
  {
-    name: "四川福蓉科技股份公司",
-    street: "成都市崇州市经济开发区创新路三段一号",
-    position: "第八事业部操作工",
-    recruitmentNum: "1000",
+    name: "四川合丰运维科技有限公司",
+    street: "崇阳街道",
+    position: "信息化平台值班专员",
+    recruitmentNum: "2",
    broker: "张强"
  },
  {
-    name: "四川福蓉科技股份公司",
-    street: "成都比亚迪电子有限公司（成都市崇州市经济开发区创新路三段一号）",
-    position: "第八事业部技术员",
-    recruitmentNum: "300",
+    name: "成都市艾家食品有限公司",
+    street: "街子古镇",
+    position: "标签打码员",
+    recruitmentNum: "2",
+    broker: "张强"
+  },
+  {
+    name: "成都市艾家食品有限公司",
+    street: "街子古镇",
+    position: "销售",
+    recruitmentNum: "2",
+    broker: "张强"
+  },
+  {
+    name: "成都市艾家食品有限公司",
+    street: "街子古镇",
+    position: "香料粉碎工",
+    recruitmentNum: "1",
+    broker: "张强"
+  },
+  {
+    name: "成都市艾家食品有限公司",
+    street: "街子古镇",
+    position: "生产普工",
+    recruitmentNum: "10",
+    broker: "张强"
+  },
+  {
+    name: "成都市艾家食品有限公司",
+    street: "街子古镇",
+    position: "选香料临时工",
+    recruitmentNum: "2",
    broker: "张强"
  }
 ]);
@ -652,7 +702,7 @@ const table3Data = ref([
  background-color: #164155 !important;
  color: #c4f3fe;
  margin: 0 0 2px 0;
-  font-size: 16px;
+  font-size: 20px;
 }
 ::v-deep .el-table tr {
  background-color: rgba(22, 65, 85, 0.5);
@ -663,7 +713,7 @@ const table3Data = ref([
 ::v-deep .el-table td.el-table__cell,
 .el-table th.el-table__cell.is-leaf {
  border-bottom: 1px solid rgba(22, 65, 85, 0.5);
-  font-size: 18px;
+  font-size: 20px;
 }
 ::v-deep .el-table th.el-table__cell.is-leaf {
  border-bottom: 1px solid rgba(22, 65, 85, 0.9);
--- a/src/views/threeLaborService/components/map.vue
+++ b/src/views/threeLaborService/components/map.vue
@ -2,7 +2,7 @@
  <div class="map-container">
    <div class="mapBox" ref="map"></div>
    <!-- 自定义数据展示面板 -->
-    <div class="data-panel" v-if="selectedPoint">
+    <div class="data-panel" v-if="selectedPoint" style="zoom: 1.5">
      <div class="titleBox">
        <div class="title">崇州市{{ selectedPoint.name }}</div>
        <div class="close" @click="selectedPoint = false"></div>
@ -162,13 +162,13 @@ let option = {
      itemStyle: {
        normal: {
          color: "#121516",
-          borderColor: "#3a6c80", // 地图区域描边颜色
-          borderWidth: 1 // 地图区域描边宽度
+          borderColor: "#30DCFF", // 地图区域描边颜色
+          borderWidth: 2 // 地图区域描边宽度
        },
        emphasis: {
          color: "#2d5565", // 鼠标悬停时的地图填充颜色
          borderColor: "#30DCFF", // 地图区域描边颜色
-          borderWidth: 1 // 地图区域描边宽度
+          borderWidth: 2 // 地图区域描边宽度
        }
      }
    }
@ -191,7 +191,7 @@ let option = {
        formatter: "{b}",
        position: "right", // 标签位置在右侧
        color: "#fff", // 标签文字颜色
-        fontSize: 14,
+        fontSize: 20,
        fontWeight: "bold",
        offset: [-140, 0], // 相对于原来位置的偏移量
        emphasis: {
@ -246,8 +246,8 @@ onMounted(() => {

 .data-panel {
  position: absolute;
-  top: 20px;
-  right: 300px;
+  top: 0px;
+  right: 170px;
  width: 243px;
  height: 146px;
  background: url("~@/assets/images/largeScreen/map-tip-box.png") no-repeat;
--- a/src/views/threeLaborService/components/solveEmployment-bhqs.vue
+++ b/src/views/threeLaborService/components/solveEmployment-bhqs.vue
@ -12,7 +12,7 @@ const option = {
  // 设置图形位置
  grid: {
    top: "50px",
-    left: "60px",
+    left: "100px",
    right: "40px",
    bottom: "50px"
  },
@ -33,7 +33,9 @@ const option = {
        color: "#CBF2FA" // 文字颜色
      }
    },
-
+    axisLabel: {
+      fontSize: 18 // 设置y轴字体大小
+    },
    type: "category",
    data: [
      "1月",
@ -64,6 +66,9 @@ const option = {
        color: "#CBF2FA" // 文字颜色
      }
    },
+    axisLabel: {
+      fontSize: 18 // 设置y轴字体大小
+    },
    type: "value"
  },
  series: [
@ -72,12 +77,14 @@ const option = {
      type: "line",
      showBackground: true,
      barWidth: 8,
-      data: [70, 62, 52, 41, 56, 83, 78, 65, 39, 67, 70, 64],
+      data: [7054, 8978, 10261, 8016, 6734, 9299, 7375, 8658, 12625, 0, 0, 0],
+
      // 设置柱状图的数值
      label: {
        show: true,
        position: "top",
-        color: "#30DCFF"
+        color: "#30DCFF",
+        fontSize: 20
      },
      itemStyle: {
        //渐变色
@ -99,12 +106,13 @@ const option = {
      type: "line",
      showBackground: true,
      barWidth: 8,
-      data: [54, 32, 45, 18, 30, 45, 34, 23, 45, 54, 32, 23],
+      data: [4370, 5513, 7059, 5244, 4168, 6589, 4773, 5984, 14300, 0, 0, 0],
      // 设置柱状图的数值
      label: {
        show: true,
        position: "top",
-        color: "#CBF2FA"
+        color: "#CBF2FA",
+        fontSize: 20
      },
      itemStyle: {
        //渐变色
--- a/src/views/threeLaborService/components/solveEmployment-gwxqdb.vue
+++ b/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;
--- a/src/views/threeLaborService/components/solveEmployment-gwxqtj.vue
+++ b/src/views/threeLaborService/components/solveEmployment-gwxqtj.vue
@ -17,51 +17,56 @@ import { ref, reactive, computed, onMounted } from "vue";
 const workList = ref([
  {
    name: "普工",
-    num: 71
-  },
-  {
-    name: "操作员",
-    num: 45
+    num: 45700
  },
  {
    name: "厨师",
-    num: 36
-  },
-  {
-    name: "保洁员",
-    num: 68
-  },
-  {
-    name: "车床技工",
-    num: 154
-  },
-  {
-    name: "电工",
-    num: 28
-  },
-  {
-    name: "焊工",
    num: 34
  },
  {
-    name: "钳工",
-    num: 51
+    name: "车床技工",
+    num: 220
+  },
+  {
+    name: "焊工",
+    num: 149
  },
  {
    name: "机修",
-    num: 27
-  },
-  {
-    name: "汽修",
-    num: 49
+    num: 83
  },
  {
    name: "车间主管",
-    num: 15
+    num: 23
  },
+  {
+    name: "操作员",
+    num: 670
+  },
+
+  {
+    name: "保洁员",
+    num: 123
+  },
+
+  {
+    name: "电工",
+    num: 149
+  },
+
+  {
+    name: "钳工",
+    num: 91
+  },
+
+  {
+    name: "汽修",
+    num: 60
+  },
+
  {
    name: "技术研发员",
-    num: 82
+    num: 28
  }
 ]);
 // 生命周期钩子
@ -85,6 +90,7 @@ ul.schoolLsit {
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
+    font-size: 18px;
    &::before {
      content: "";
      position: absolute;
--- a/src/views/threeLaborService/components/solveEmployment-rcgy.vue
+++ b/src/views/threeLaborService/components/solveEmployment-rcgy.vue
@ -33,7 +33,9 @@ const option = {
        color: "#CBF2FA" // 文字颜色
      }
    },
-
+    axisLabel: {
+      fontSize: 18 // 设置y轴字体大小
+    },
    type: "category",
    data: ["成都", "德阳", "绵阳", "崇州", "广汉", "巴中", "省外"]
  },
@ -51,6 +53,9 @@ const option = {
        color: "#CBF2FA" // 文字颜色
      }
    },
+    axisLabel: {
+      fontSize: 18 // 设置y轴字体大小
+    },
    type: "value"
  },
  series: [
--- a/src/views/threeLaborService/components/statistic.vue
+++ b/src/views/threeLaborService/components/statistic.vue
@ -24,11 +24,11 @@ const statisticsData = ref([
  },
  {
    title: "服务求职者数",
-    value: "20000+"
+    value: "58000"
  },
  {
    title: "挖掘岗位数",
-    value: 24637
+    value: 79000
  },
  {
    title: "网点数",
@ -56,7 +56,7 @@ ul.statisticsBox {
      height: 38px;
      line-height: 38px;
      text-align: center;
-      font-size: 32px;
+      font-size: 40px;
      font-weight: 400;
      background: -webkit-linear-gradient(#cbf2fa, #30dcff);
      -webkit-background-clip: text;
@ -68,7 +68,7 @@ ul.statisticsBox {
      line-height: 19px;
      text-align: center;
      color: #cbf2fa;
-      font-size: 16px;
+      font-size: 20px;
    }
  }
 }