修改抬头样式

src/assets/scss/indexprodline.scss

@@ -42,6 +42,7 @@
         font-size: 26px;
         position: absolute;
         bottom: 0;
+        width: 400px;
         left: 50%;
         transform: translate(-50%);
       }
@@ -62,7 +63,7 @@
     }
     .react-r-s,
     .react-l-s {
-      background-color: #0f1325;
+      background-color: #1a5cd7;
     }
 
     // 平行四边形
@@ -83,7 +84,7 @@
         top: 0;
         height: 50px;
         width: 50px;
-        background-color: #0f1325;
+        background-color: #1a5cd7;
         transform: skewX(45deg);
       }
 
@@ -104,7 +105,7 @@
       line-height: 50px;
       text-align: center;
       transform: skewX(45deg);
-      background-color: #0f1325;
+      background-color: #1a5cd7;
 
       .react-left {
         position: absolute;

src/assets/scss/indexquality.scss

@@ -41,6 +41,7 @@
       .title-text {
         font-size: 26px;
         position: absolute;
+        width:400px;
         bottom: 0;
         left: 50%;
         transform: translate(-50%);
@@ -62,7 +63,7 @@
     }
     .react-r-s,
     .react-l-s {
-      background-color: #0f1325;
+      background-color: #1a5cd7;
     }
 
     // 平行四边形
@@ -83,7 +84,7 @@
         top: 0;
         height: 50px;
         width: 50px;
-        background-color: #0f1325;
+        background-color: #1a5cd7;
         transform: skewX(45deg);
       }
 
@@ -104,7 +105,7 @@
       line-height: 50px;
       text-align: center;
       transform: skewX(45deg);
-      background-color: #0f1325;
+      bbackground-color: #1a5cd7;
 
       .react-left {
         position: absolute;

src/assets/scss/indextotal.scss

@@ -41,6 +41,7 @@
       .title-text {
         font-size: 26px;
         position: absolute;
+        width: 400px;
         bottom: 0;
         left: 50%;
         transform: translate(-50%);
@@ -62,7 +63,7 @@
     }
     .react-r-s,
     .react-l-s {
-      background-color: #0f1325;
+      background-color: #1a5cd7;
     }
 
     // 平行四边形
@@ -83,7 +84,7 @@
         top: 0;
         height: 50px;
         width: 50px;
-        background-color: #0f1325;
+        background-color: #1a5cd7;
         transform: skewX(45deg);
       }
 
@@ -104,7 +105,7 @@
       line-height: 50px;
       text-align: center;
       transform: skewX(45deg);
-      background-color: #0f1325;
+      background-color: #1a5cd7;
 
       .react-left {
         position: absolute;

src/assets/scss/indexwarehouse.scss

@@ -41,6 +41,7 @@
       .title-text {
         font-size: 26px;
         position: absolute;
+        width:400px;
         bottom: 0;
         left: 50%;
         transform: translate(-50%);
@@ -62,7 +63,7 @@
     }
     .react-r-s,
     .react-l-s {
-      background-color: #0f1325;
+      background-color: #1a5cd7;
     }
 
     // 平行四边形
@@ -83,7 +84,7 @@
         top: 0;
         height: 50px;
         width: 50px;
-        background-color: #0f1325;
+        background-color: #1a5cd7;
         transform: skewX(45deg);
       }
 
@@ -104,7 +105,7 @@
       line-height: 50px;
       text-align: center;
       transform: skewX(45deg);
-      background-color: #0f1325;
+      background-color: #1a5cd7;
 
       .react-left {
         position: absolute;

src/assets/scss/indexzz.scss

@@ -41,6 +41,7 @@
       .title-text {
         font-size: 26px;
         position: absolute;
+        width: 400px;
         bottom: 0;
         left: 50%;
         transform: translate(-50%);
@@ -62,7 +63,7 @@
     }
     .react-r-s,
     .react-l-s {
-      background-color: #0f1325;
+      background-color: #1a5cd7;
     }
 
     // 平行四边形
@@ -83,7 +84,7 @@
         top: 0;
         height: 50px;
         width: 50px;
-        background-color: #0f1325;
+        background-color: #1a5cd7;
         transform: skewX(45deg);
       }
 
@@ -104,7 +105,7 @@
       line-height: 50px;
       text-align: center;
       transform: skewX(45deg);
-      background-color: #0f1325;
+      background-color: #1a5cd7;
 
       .react-left {
         position: absolute;

src/views/login.vue

@@ -2,7 +2,7 @@
     <div class="bg">
         <el-form :rules="rules" ref="loginForm" :model="loginForm" class="loginContainer">
             <h3 class="loginTitle">
-                UAS-MES可视化平台
+                COSTEC-MES 可视化平台
             </h3>
             <el-form-item prop="sob">
                 <el-select v-model="loginForm.sob"  placeholder="请选择账套" style="width:100%">

src/views/prodline/index.vue

@@ -8,7 +8,7 @@
           <div class="d-flex jc-center">
             <dv-decoration-8 class="dv-dec-8" :color="decorationColor" />
             <div class="title">
-              <span class="title-text">UAS-MES可视化平台</span>
+              <span class="title-text">COSTEC-MES 可视化平台</span>
               <dv-decoration-6
                 class="dv-dec-6"
                 :reverse="true"
@@ -31,9 +31,6 @@
               <span class="react-left"></span>
               <span class="text fw-b" style="font-size:24px;">柯赛科技数据看板</span>
             </div>
-            <div class="react-left ml-3">
-              <span class="text">生产实况分析</span>
-            </div>
           </div>
           <div class="d-flex aside-width">
             <div class="react-right bg-color-r mr-3">
@@ -227,8 +224,8 @@ export default {
 <style lang="scss" scoped>
 @import '../../assets/scss/indexprodline.scss';
 .dropdown{
-  font-size: 18px;
-  color: #568aea;
+  font-size: 22px;
+  color: #f7f8fa;
   transform: skewX(45deg);
   ::v-deep .el-select-dropdown {
     /* // 若不将下拉框的背景颜色设置为：transparent，那么做不出来半透明的效果；
@@ -238,8 +235,9 @@ export default {
   }
 
   ::v-deep .el-input__inner {
-    background-color: #0f1325;
+    background-color: #1a5cd7;
     color: #fff;
+    font-size: 22px;
     border: 1px solid #0f1325;
   }
 

src/views/quality/index.vue

@@ -8,7 +8,7 @@
           <div class="d-flex jc-center">
             <dv-decoration-8 class="dv-dec-8" :color="decorationColor" />
             <div class="title">
-              <span class="title-text">UAS-MES可视化平台</span>
+              <span class="title-text">COSTEC-MES 可视化平台</span>
               <dv-decoration-6
                 class="dv-dec-6"
                 :reverse="true"
@@ -31,9 +31,6 @@
               <span class="react-left"></span>
               <span class="text fw-b" style="font-size:24px;">柯赛科技数据看板-品质看板</span>
             </div>
-            <div class="react-left ml-3">
-              <span class="text">生产实况分析</span>
-            </div>
           </div>
           <div class="d-flex aside-width">
             <div class="react-right bg-color-r mr-3">
@@ -178,8 +175,8 @@ export default {
 <style lang="scss" scoped>
 @import '../../assets/scss/indexquality.scss';
 .dropdown{
-  font-size: 18px;
-  color: #568aea;
+  font-size: 22px;
+  color: #f7f8fa;
   transform: skewX(45deg);
   ::v-deep .el-select-dropdown {
     /* // 若不将下拉框的背景颜色设置为：transparent，那么做不出来半透明的效果；

src/views/shop/index.vue

@@ -8,7 +8,7 @@
           <div class="d-flex jc-center">
             <dv-decoration-8 class="dv-dec-8" :color="decorationColor" />
             <div class="title">
-              <span class="title-text">UAS-MES可视化平台</span>
+              <span class="title-text">COSTEC-MES 可视化平台</span>
               <dv-decoration-6
                 class="dv-dec-6"
                 :reverse="true"
@@ -31,9 +31,6 @@
               <span class="react-left"></span>
               <span class="text fw-b" style="font-size:24px;">柯赛科技数据看板</span>
             </div>
-            <div class="react-left ml-3">
-              <span class="text">生产实况分析</span>
-            </div>
           </div>
           <div class="d-flex aside-width">
             <div class="react-right bg-color-r mr-3">

src/views/total/index.vue

@@ -8,9 +8,9 @@
           <div class="d-flex jc-center">
             <dv-decoration-8 class="dv-dec-8" />
             <div class="title">
-              <span class="title-text">UAS-MES可视化平台</span>
-              <dv-decoration-6
-                class="dv-dec-6"
+              <span class="title-text">COSTEC-MES 可视化平台</span>
+              <dv-decoration-10
+                class="dv-dec-10"
                 :reverse="true"
                 :color="['#50e3c2', '#67a1e5']"
               />
@@ -31,9 +31,6 @@
               <span class="react-left"></span>
               <span class="text fw-b" style="font-size:24px;">柯赛科技数据看板</span>
             </div>
-            <div class="react-left ml-3">
-              <span class="text">生产实况分析</span>
-            </div>
           </div>
           <div class="d-flex aside-width">
             <div class="react-right bg-color-r mr-3">
@@ -192,8 +189,8 @@ export default {
 <style lang="scss" scoped>
 @import '../../assets/scss/indextotal.scss';
 .dropdown{
-  font-size: 18px;
-  color: #568aea;
+  font-size: 22px;
+  color: #f7f8fa;
   transform: skewX(45deg);
   ::v-deep .el-select-dropdown {
     /* // 若不将下拉框的背景颜色设置为：transparent，那么做不出来半透明的效果；

src/views/warehouse/index.vue

@@ -8,7 +8,7 @@
           <div class="d-flex jc-center">
             <dv-decoration-8 class="dv-dec-8" :color="decorationColor" />
             <div class="title">
-              <span class="title-text">UAS-MES可视化平台</span>
+              <span class="title-text">COSTEC-MES 可视化平台</span>
               <dv-decoration-6
                 class="dv-dec-6"
                 :reverse="true"
@@ -31,9 +31,6 @@
               <span class="react-left"></span>
               <span class="text fw-b" style="font-size:24px;">柯赛科技数据看板</span>
             </div>
-            <div class="react-left ml-3">
-              <span class="text">生产实况分析</span>
-            </div>
           </div>
           <div class="d-flex aside-width">
             <div class="react-right bg-color-r mr-3">
@@ -176,8 +173,8 @@ export default {
 <style lang="scss" scoped>
 @import '../../assets/scss/indexwarehouse.scss';
 .dropdown{
-  font-size: 18px;
-  color: #568aea;
+  font-size: 22px;
+  color: #f7f8fa;
   transform: skewX(45deg);
   ::v-deep .el-select-dropdown {
     /* // 若不将下拉框的背景颜色设置为：transparent，那么做不出来半透明的效果；

src/views/zz/index.vue

@@ -8,7 +8,7 @@
           <div class="d-flex jc-center">
             <dv-decoration-8 class="dv-dec-8" :color="decorationColor" />
             <div class="title">
-              <span class="title-text">UAS-MES可视化平台</span>
+              <span class="title-text">COSTEC-MES 可视化平台</span>
               <dv-decoration-6
                 class="dv-dec-6"
                 :reverse="true"
@@ -31,9 +31,6 @@
               <span class="react-left"></span>
               <span class="text fw-b" style="font-size:24px;">柯赛科技数据看板</span>
             </div>
-            <div class="react-left ml-3">
-              <span class="text">生产实况分析</span>
-            </div>
           </div>
           <div class="d-flex aside-width">
             <div class="react-right bg-color-r mr-3">
@@ -174,8 +171,8 @@ export default {
 <style lang="scss" scoped>
 @import '../../assets/scss/indexzz.scss';
 .dropdown{
-  font-size: 18px;
-  color: #568aea;
+  font-size: 22px;
+  color: #f7f8fa;
   transform: skewX(45deg);
   ::v-deep .el-select-dropdown {
     /* // 若不将下拉框的背景颜色设置为：transparent，那么做不出来半透明的效果；