13屏幕

src/views/recruitment/index.vue

@@ -26,6 +26,7 @@
         </el-carousel>
       </enterprise-employment-card>
       <!-- 左2 -->
+
       <enterprise-employment-card
         :title="cardTwoInfo.title"
         :description="cardTwoInfo.description"
@@ -33,6 +34,10 @@
         :type2="cardTwoInfo.type2"
         style="margin-top: 0.625vw"
       >
+        <template v-slot:header>
+          <div style="margin-top:1vw" class="header_bg">产业求人倍率</div>
+        </template>
+        <div class="header_bg">就业生态数据</div>
         <costom-caed />
       </enterprise-employment-card>
     </div>
@@ -69,6 +74,7 @@
         :description="cardFourInfo.description"
         :type1="cardFourInfo.type1"
         :type2="cardFourInfo.type2"
+        :type3="cardFourInfo.type3"
         style="margin-top: 0.625vw"
       >
         <el-carousel
@@ -149,18 +155,22 @@ const cardOneInfo = {
   }
 };
 const cardTwoInfo = {
-  title: "服务网络覆盖情况",
-  description: "17家人力资源机构",
+  title: "兴蜀就业生态数据",
   type1: {
-    title: "公共服务站点",
-    count: "40",
-    class: "modelItem1"
+    title: "第一产业",
+    count: "1.2",
+    class: "modelItem3 first"
+  },
+  type2: {
+    title: "第二产业",
+    count: "1.6",
+    class: "modelItem3 seconed"
+  },
+  type3: {
+    title: "第三产业",
+    count: "1.4",
+    class: "modelItem3 third"
   }
-  // type2: {
-  //   title: "其他服务机构",
-  //   count: "200",
-  //   class: "modelItem1"
-  // }
 };
 const cardThreeInfo = {
   title: "高校人才供给能力",
@@ -242,4 +252,16 @@ function getWebSocketData() {
 :deep(.el-carousel__mask) {
   display: none;
 }
+.header_bg {
+  height: 17px;
+  font-family: PingFang SC, PingFang SC;
+  font-weight: 600;
+  font-size: 0.729vw;;
+  color: #c4f3fe;
+  line-height: 19px;
+  letter-spacing: 1px;
+  text-align: center;
+  font-style: normal;
+  text-transform: none;
+}
 </style>