大屏调整

src/views/portraitScreen/index.vue

@@ -19,6 +19,44 @@
           </li>
         </ul> -->
       </div>
+      <!-- <ul class="port-three">
+        <li
+          class="port-three-item"
+          v-for="(it, idx) in data.threeList"
+          :key="idx"
+        >
+          <div class="bt-Title tc">
+            <span>{{ it.title }}</span>
+          </div>
+          <ul class="childBox flex">
+            <li v-for="(iv, ix) in it.list" :key="ix" class="childItem">
+              <div class="info tc">{{ iv.label }}</div>
+              <div class="chartsBox">
+                <Jgsl v-if="iv.label == '服务机构分类与数量'"></Jgsl>
+                <Glrq v-if="iv.label == '各类人群就业率'"></Glrq>
+                <Csgf v-if="iv.label == '服务机构入职成功率'"></Csgf>
+                <Jgrzcgl v-if="iv.label == '技能型岗位需求'"></Jgrzcgl>
+                <Xxrcgw v-if="iv.label == '新兴人才岗位需求'" />
+                <Zdrc v-if="iv.label == '重点企业人才招聘技能要求'" />
+                <Jgmyd v-if="iv.label == '各类机构入职满意度'"></Jgmyd>
+                <Hyjyl v-if="iv.label == '行业就业率'"></Hyjyl>
+                <Xlccjyl v-if="iv.label == '学历层次就业率'"></Xlccjyl>
+                <Qylsry v-if="iv.label == '企业流失人员分析'"></Qylsry>
+                <Lsyyfx v-if="iv.label == '流失原因分析'"></Lsyyfx>
+                <Lxfx v-if="iv.label == '流向分析'"></Lxfx>
+                <Xxgwxq v-if="iv.label == '新型岗位需求'"></Xxgwxq>
+                <Rcldyy v-if="iv.label == '人才流动原因'"></Rcldyy>
+                <Jgpxfb v-if="iv.label == '技能培训机构分布'"></Jgpxfb>
+                <Jngwtop v-if="iv.label == '短缺技能岗位TOP'"></Jngwtop>
+                <Jndqzpnd
+                  v-if="iv.label == '重点企业技能短缺招聘难度'"
+                ></Jndqzpnd>
+                <Gwxzdb v-if="iv.label == '技能岗位薪资酬对比'"></Gwxzdb>
+              </div>
+            </li>
+          </ul>
+        </li>
+      </ul> -->
       <div class="bigBox">
         <div class="pubTitle">人才机构分析</div>
         <ul class="chartsBox">
@@ -36,7 +74,7 @@
           </li>
         </ul>
       </div>
-      <div class="bigBox" style="margin-top: 75px; height: 1830px">
+      <div class="bigBox" style="margin-top: 75px; height: 1650px">
         <div class="pubTitle" style="height: 180px; line-height: 200px">
           企业招聘情况
         </div>
@@ -44,11 +82,14 @@
           <Qyzpq></Qyzpq>
         </div>
       </div>
-      <div class="bigBox" style="margin-top: 75px; height: 1830px">
+      <div class="bigBox" style="margin-top: 75px; height: 1650px">
         <div class="pubTitle" style="height: 180px; line-height: 200px">
           兴蜀来了培训产品 online
         </div>
-        <ul class="chartsBox">
+        <ul
+          class="chartsBox"
+          style="height: calc(100% - 180px); overflow: hidden"
+        >
           <li style="width: 50%">
             <div class="info">培训课程top10</div>
             <div class="chartsMian"><Top10></Top10></div>
@@ -132,8 +173,10 @@ const data = reactive({
   ul.chartsBox {
     width: 100%;
     display: flex;
-    flex-wrap: no-wrap;
+    flex-wrap: nowrap;
     height: calc(100% - 146px);
+    background: url("~@/assets/images/ggg.png") no-repeat;
+    background-size: 100% 100%;
     li {
       width: 33.33%;
       height: 100%;
@@ -168,6 +211,9 @@ const data = reactive({
   }
   .mainBox {
     height: calc(100% - 180px);
+    background: url("~@/assets/images/ggg.png") no-repeat;
+    background-size: 100% 100%;
+    border: 1px solid transparent;
   }
 }