联淦--SMT车间看板调整

src/assets/scss/index.scss

@@ -112,7 +112,7 @@
         top: 0;
         height: 50px;
         width: 50px;
-        background-color: #0f1325;
+        background-color: #1a5cd7;
         transform: skewX(-45deg);
       }
 

src/assets/scss/indexsmt.scss

@@ -112,7 +112,7 @@
         top: 0;
         height: 50px;
         width: 50px;
-        background-color: #0f1325;
+        background-color: #1a5cd7;
         transform: skewX(-45deg);
       }
 

src/assets/scss/style.scss

@@ -65,7 +65,7 @@ a {
 }
 
 .bg-color-blue {
-  background-color: #1a5cd7;
+  background-color: #1a5cd7!important;
 }
 
 .colorBlack {

src/views/index.vue

@@ -27,17 +27,17 @@
         <!-- 第二行 -->
         <div class="d-flex jc-between px-2">
           <div class="d-flex aside-width">
-            <div class="react-left ml-4 react-l-s">
+            <div class="react-left ml-4 react-l-s bg-color-blue">
               <span class="react-left"></span>
-              <span class="text">生产实况分析</span>
+              <span class="text">江西联淦电子科技有限公司</span>
             </div>
             <div class="react-left ml-3">
-              <span class="text">品质趋势分析</span>
+              <span class="text">生产实况分析</span>
             </div>
           </div>
           <div class="d-flex aside-width">
-            <div class="react-right bg-color-blue mr-3">
-              <span class="text fw-b">江西联淦电子科技有限公司</span>
+            <div class="react-right bg-color-r mr-3">
+              <span class="text ">品质趋势分析</span>
             </div>
             <div class="react-right mr-4 react-l-s">
               <span class="react-after"></span>

src/views/smt/index.vue

@@ -27,22 +27,22 @@
         <!-- 第二行 -->
         <div class="d-flex jc-between px-2">
           <div class="d-flex aside-width">
-            <div class="react-left ml-4 react-l-s">
+            <div class="react-left ml-4 react-l-s bg-color-blue">
               <span class="react-left"></span>
-              <span class="text">生产实况分析</span>
+              <span class="text">江西联淦电子科技有限公司</span>
             </div>
             <div class="react-left ml-3">
-              <span class="text">品质趋势分析</span>
+              <span class="text">生产实况分析</span>
             </div>
           </div>
           <div class="d-flex aside-width">
-            <div class="react-right bg-color-blue mr-3">
-              <span class="text fw-b">江西联淦电子科技有限公司</span>
+            <div class="react-right bg-color-r mr-3">
+              <span class="text ">品质趋势分析</span>
             </div>
             <div class="react-right mr-4 react-l-s">
               <span class="react-after"></span>
               <span class="text"
-                >{{ dateYear }} {{ dateWeek }} {{ dateDay }}</span
+              >{{ dateYear }} {{ dateWeek }} {{ dateDay }}</span
               >
             </div>
           </div>

src/views/smt/up2.vue

@@ -1,19 +1,19 @@
 <template>
     <div id="center">
         <div class="up">
-            <div
+            <dv-border-box-10
                     class="bg-color-black item"
                     v-for="item in titleItem"
                     :key="item.title"
             >
-                <p class="ml-3 colorBlue fw-b fs-xxxl">{{ item.title }}</p>
-                <div>
-                    <dv-digital-flop
-                            class="dv-dig-flop ml-1 mt-2 pl-3"
-                            :config="item.number"
-                    />
-                </div>
-            </div>
+                    <p class="ml-3 colorBlue fw-b fs-xxxl">{{ item.title }}</p>
+                    <div>
+                        <dv-digital-flop
+                                class="dv-dig-flop ml-1 mt-2 pl-3"
+                                :config="item.number"
+                        />
+                    </div>
+            </dv-border-box-10>
         </div>
         <div class="down">
             <div>
@@ -100,6 +100,10 @@
                     width: 180px;
                     height: 30px;
                 }
+                .dv-border-box-10{
+                    width: 180px;
+                    height: 80px;
+                }
             }
         }
         .down {