左侧报表

src/config/mork2.js

@@ -12,7 +12,7 @@ export const homepageDataLeft = () => {
         // 需生产
         'plan': 14,
         // 已生产
-        'real': 16
+        'real': 17
       },
       {
         // 物料编码
@@ -28,7 +28,7 @@ export const homepageDataLeft = () => {
         'materialCode': 'GBMCZ3027L323217GM003ZX22-30',
         'materialName': '物料三',
         // 需生产
-        'plan': 14,
+        'plan': 20,
         // 已生产
         'real': 16
       },
@@ -52,8 +52,8 @@ export const homepageDataLeft = () => {
       },
       {
         // 物料编码
-        'materialCode': 'GBMCZ3027L323217GM003ZX22-30',
-        'materialName': '物料六',
+        'materialCode': 'GBMCZ3027L323217GM003ZX22-31',
+        'materialName': '物料6',
         // 需生产
         'plan': 14,
         // 已生产
@@ -61,8 +61,8 @@ export const homepageDataLeft = () => {
       },
       {
         // 物料编码
-        'materialCode': 'GBMCZ3027L323217GM003ZX22-30',
-        'materialName': '物料七',
+        'materialCode': 'GBMCZ3027L323217GM003ZX22-32',
+        'materialName': '物料7',
         // 需生产
         'plan': 14,
         // 已生产
@@ -71,6 +71,66 @@ export const homepageDataLeft = () => {
     ],
     // 当日成品 最多7个元素
     'todaySort': [
+      {
+        // 物料编码
+        'materialCode': 'GBMCZ3027L323217GM003ZX22-30',
+        // 需生产
+        'plan': 10,
+        // 已压制
+        'press': 20,
+        // 已完成
+        'real': 30
+      },
+      {
+        // 物料编码
+        'materialCode': 'GBMCZ3027L323217GM003ZX22-30',
+        // 需生产
+        'plan': 10,
+        // 已压制
+        'press': 20,
+        // 已完成
+        'real': 30
+      },
+      {
+        // 物料编码
+        'materialCode': 'GBMCZ3027L323217GM003ZX22-30',
+        // 需生产
+        'plan': 10,
+        // 已压制
+        'press': 20,
+        // 已完成
+        'real': 30
+      },
+      {
+        // 物料编码
+        'materialCode': 'GBMCZ3027L323217GM003ZX22-30',
+        // 需生产
+        'plan': 10,
+        // 已压制
+        'press': 20,
+        // 已完成
+        'real': 30
+      },
+      {
+        // 物料编码
+        'materialCode': 'GBMCZ3027L323217GM003ZX22-30',
+        // 需生产
+        'plan': 10,
+        // 已压制
+        'press': 20,
+        // 已完成
+        'real': 30
+      },
+      {
+        // 物料编码
+        'materialCode': 'GBMCZ3027L323217GM003ZX22-30',
+        // 需生产
+        'plan': 10,
+        // 已压制
+        'press': 20,
+        // 已完成
+        'real': 30
+      },
       {
         // 物料编码
         'materialCode': 'GBMCZ3027L323217GM003ZX22-30',
@@ -113,7 +173,7 @@ export const homepageDataLeft = () => {
         'plan': 0.0
       },
       // 信息
-      'message': '今日共需生产8400块，物料种类2种，已完成包装11托，共900块，1个物料，完成率25%。'
+      'message': '今日共需生产<span>8400</span>块，物料种类2种，已完成包装11托，共900块，1个物料，完成率25%。'
     },
     // 历史分析 固定7个元素
     'history': [

src/pages/modules/home/left/index.vue

@@ -11,6 +11,9 @@
             <div class="n_header_h1">
                 <h1>生产数据</h1>
             </div>
+            <div class="n_header_h2">
+                <h2>辽宁晟华耐火材料有限公司</h2>
+            </div>
         </div>
         <div class="left_bg"></div>
         <div class="button_bg"></div>
@@ -62,12 +65,27 @@ export default {
         line-height: 44px;
         opacity: 0.89;
         letter-spacing 18px
-        background: linear-gradient(0deg, #AAD0F6 0%, #D7E7F5 73.3154296875%, #E0EAF6 100%);
+        background: linear-gradient(0deg, #AAD0F6 0%, #D7E7F5 53.3154296875%, #E0EAF6 100%);
         filter: drop-shadow(#092F6D 1px 4px 1px);
         -webkit-background-clip: text;
         background-clip: text;
         text-align right
         margin-right -9px
+.n_header_h2
+    position absolute
+    top 18px
+    left 29px
+    width 562px
+    height 31px
+    h2
+        font-size: 42px;
+        font-family: 'YouSheBiaoTiHei';
+        font-weight: 400;
+        color: transparent;
+        line-height: 29px;
+        background: linear-gradient(0deg, #B6C3D3 0%, #E3E9F2 53.3154296875%, #FEFEFE 100%);
+        -webkit-background-clip: text;
+        background-clip: text;
 .left_bg
     position absolute
     left 0
@@ -92,9 +110,8 @@ export default {
 .n_left_wraper
     width 935px
     height 100%
-    opacity 0.5
 .n_right_wraper
     width calc(100% - 965px)
     height 100%
-    background center / 100% url('../../../../images/bg-center_left.jpg') no-repeat
+    padding-top 5px
 </style>

src/pages/modules/home/left/right.vue

@@ -6,4 +6,5 @@
 @import '~@style/mixin'
 .right_wraper
     _wh(100%, 100%)
+    background center / 100% url('../../../../images/bg-center_left.jpg') no-repeat
 </style>

src/style/reset.css

@@ -145,4 +145,8 @@ div, p {
 
 .hidden {
      visibility: hidden
+}
+
+.relative {
+     position: relative
 }