1.优化界面样式

src/views/dashboard/gjtj.vue

@@ -14,7 +14,7 @@
         </el-row>
       </el-form>
     </el-header>
-    <el-container style="padding-top: 0px">
+    <el-container style="padding-top: 3px">
       <el-main>
         <div class="mytable">
           <vxe-grid
@@ -65,7 +65,7 @@ export default {
       },
       days: [],
       sunDays: [],
-      height: '500px',
+      height: '800px',
       tableColumn: [
         {field: 'dcCh', title: '船号', minWidth: "70",},
         {field: 'gx', title: '工序', minWidth: "70",},
@@ -161,7 +161,7 @@ export default {
       }
     },
     getHeight() {
-      this.height = window.innerHeight - 200
+      this.height = window.innerHeight - 122
     },
   }
 }

src/views/dashboard/index.vue

@@ -1,5 +1,9 @@
 <template>
-  <div class="dashboard-editor-container" style="background-color: #f6fbff;">
+  <el-container style="width: 100%;height:90.9vh;background-color: gray">
+
+
+  </el-container>
+<!--  <div class="dashboard-editor-container" style="background-color: blueviolet;">-->
 <!--    <div class=" clearfix">-->
 <!--      <pan-thumb :image="avatar" style="float: left">-->
 <!--        &lt;!&ndash; Your roles:-->
@@ -39,7 +43,7 @@ export default {
     ])
   },
   created(){
-    this.initDict();
+    // this.initDict();
 
   },
   methods:{

src/views/dashboard/kstj.vue

@@ -1,22 +1,33 @@
 <template>
-  <el-container style="width:100%;height: 840px;">
-    <div style="width:100%;background-color: #0d84ff;">
+  <el-container id="index" style="width:89%;height: 840px;">
+    <div class="header" :style="{ height: 80 + 'px'}">
+      <!-- 时间 -->
+      <div class="localTime colorPink" :style="{'font-size': 20 + 'px'}">{{ '2024/03/08' }} {{ '周五' }} {{
+          '11:02'
+        }}
+      </div>
+      <!-- 标题 -->
+      <span class="title font-bold colorText"
+            :style="{'font-size': 24 + 'px',color:'white'}">各部门情况</span>
+    </div>
+    <div class="layoutHome">
       <el-row>
-        <el-col :span="6" class="rg-table">
+        <el-col :span="5" class="rg-table">
           <div class="rg-table-box" style="width:100%;height: 900px;padding: 5px;overflow-y: auto;">
-            <div v-for="(item,index) in ks" >
-              <Template :data="data" :deptName="item" :type="'ks'" :users="totalUsers[item]" :myStyle="{headImgWidth:'100%'}" />
+            <div v-for="(item,index) in ks">
+              <Template :data="data" :deptName="item" :type="'ks'" :users="totalUsers[item]"
+                        :myStyle="{headImgWidth:'100%'}"/>
             </div>
           </div>
         </el-col>
-        <el-col :span="6">
+        <el-col :span="5">
           <div class="rg-table-box" style="width:100%;height: 900px;padding: 5px;overflow-y: auto;">
             <div v-for="(item,index) in ks">
               <Template :data="cqData" :deptName="item" :type="'cq'" :users="cqUsers[item]||0" :myStyle="{headImgWidth:'100%'}" @initDetail="initDetail"/>
             </div>
           </div>
         </el-col>
-        <el-col :span="12">
+        <el-col :span="14">
           <el-container style="padding-top: 0px">
             <el-main>
               <div class="mytable">
@@ -60,20 +71,21 @@
 <script>
 import XEUtils from 'xe-utils'
 import Template from "@/views/dashboard/components/Template.vue";
+
 export default {
   name: 'Kstj',
   components: {Template},
   data() {
     return {
       // 管理室-配送,准备室-资料接收编制计划,
-      ks:['管理室','准备室','1作业区','2作业区','3作业区','4作业区','5作业区','6作业区'],
-      data:{},
-      cqData:{},
-      totalUsers:{},
-      cqUsers:{},
-      height: '800px',
-      list:[],
-      tableColumn:[],
+      ks: ['管理室', '准备室', '1作业区', '2作业区', '3作业区', '4作业区', '5作业区', '6作业区'],
+      data: {},
+      cqData: {},
+      totalUsers: {},
+      cqUsers: {},
+      height: '750px',
+      list: [],
+      tableColumn: [],
       '管理室': [
         {field: 'dcCh', title: '船号', minWidth: "70",},
         {field: 'dcPl', title: '批量', minWidth: "50",},
@@ -177,10 +189,51 @@ export default {
 </script>
 
 <style scoped>
+#index {
+  color: darkturquoise;
+  width: 100%;
+  height: 100%;
+  background: url("../../assets/bg3.png") left top no-repeat;
+  background-size: 100% 100%;
+  position: fixed;
+  overflow: hidden;
+}
+
+.layoutHome {
+  position: absolute;
+  top: 7.7%;
+  width: 100%;
+  height: 100%;
+}
+
+.header {
+  position: relative;
+  top: 0.5vw;
+  width: 100%;
+  background: url("../../assets/title.png") no-repeat;
+  background-size: 100%;
+  text-align: center;
+  margin: 0;
+}
+
+.title {
+  position: absolute;
+  left: 43%;
+  margin-top: 0.4%;
+  font-weight: bold;
+}
+
+.localTime {
+  position: absolute;
+  right: 1%;
+  top: 35%;
+}
+
 .rg-table-box::-webkit-scrollbar {
   /*整体样式*/
   width: 0;
 }
+
 .rg-table-box::-webkit-scrollbar-track {
   /*轨道*/
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);