样式

src/config/getData1.js

@@ -2,3 +2,98 @@ import {post} from '@js/http.js'
 
 /**  压制看板 */
 export const cockpitpress = (id) => post('api/cockpit/press', {})
+
+export const sortProductionMonitor = () => {
+  let res = {
+    // 当前工单信息
+    'current': {
+      // 物料
+      'materialName': '转炉镁碳砖MASC-65鞍钢23Z001',
+      // 当前工单
+      'workOrderCode': '230919001',
+      // 数量
+      'qty': '10000块',
+      // 重量
+      'weight': '10.00吨',
+      // 是否留有半托
+      'hasHalf': '否',
+      // 订单号
+      'orderCode': '',
+      // 规格
+      'spec': '11/11',
+      // 托盘类型
+      'vehicleType': '一类木托盘',
+      // 客户
+      'customer': '客户'
+    },
+    // 已拆垛
+    'depalletize': {
+      // 未完成
+      'uncompleted': 10000,
+      // 已完成
+      'completed': 0
+    },
+    // 已码垛
+    'palletize': {
+      // 未完成
+      'uncompleted': 50,
+      // 已完成
+      'completed': 50
+    },
+    // 已拆垛信息
+    'depalletizedVehicle': [
+      {
+        // 物料
+        'materialName': 'aaa',
+        // 时间
+        'datetime': '2023-09-14 14:23:57',
+        // 数量
+        'qty': '18块',
+        // 托盘号
+        'vehicleCode': 'M0002',
+        // 重量
+        'weight': '0.18吨'
+      }
+    ],
+    // 已码垛信息
+    'palletizedVehicle': [
+      {
+        // 物料
+        'materialName': 'aaa',
+        // 时间
+        'datetime': '2023-09-14 14:23:57',
+        // 数量
+        'qty': '18块',
+        // 托盘号
+        'vehicleCode': 'M0002',
+        // 重量
+        'weight': '0.18吨'
+      }
+    ],
+    // 剩余工单列表
+    'residualWorkOrder': [
+      {
+        // 物料
+        'materialName': '转炉镁碳砖MASC-65鞍钢23Z001',
+        // 当前工单
+        'workOrderCode': '230919001',
+        // 数量
+        'qty': '10000块',
+        // 重量
+        'weight': '10.00吨',
+        // 是否留有半托
+        'hasHalf': '否',
+        // 订单号
+        'orderCode': '12333',
+        // 规格
+        'spec': '11/11',
+        // 托盘类型
+        'vehicleType': '一类木托盘',
+        // 客户
+        'customer': '客户',
+        'createTime': '2023-09-14 14:23:57'
+      }
+    ]
+  }
+  return res
+}

src/pages/modules/PressProd.vue

@@ -1,6 +1,6 @@
 <template>
     <section class="bg">
-      <t-header title="压 制 生 产 看 板">
+      <t-header title="压制生产看板">
       </t-header>
       <div class="container">
         <div class="con1">
@@ -67,7 +67,7 @@
 </template>
 
 <script>
-import THeader from '@components/header2.vue'
+import THeader from '@components/header3.vue'
 // import * as echarts from 'echarts'
 import { cockpitpress } from '@js/getData1'
 export default {

src/router/index.js

@@ -4,6 +4,7 @@ import Router from 'vue-router'
 const Setup = r => require.ensure([], () => r(require('@page/Setup')), 'Setup')
 const home = r => require.ensure([], () => r(require('@page/modules/home')), 'home')
 const PressProd = r => require.ensure([], () => r(require('@page/modules/PressProd')), 'PressProd')
+const SortWorkMonitor = r => require.ensure([], () => r(require('@page/modules/SortWorkMonitor')), 'SortWorkMonitor')
 
 Vue.use(Router)
 
@@ -25,6 +26,10 @@ export default new Router({
     {
       path: '/pressprod',
       component: PressProd
+    },
+    {
+      path: '/SortWorkMonitor',
+      component: SortWorkMonitor
     }
   ]
 })

src/style/reset.css

@@ -85,6 +85,7 @@ body {
      -khtml-user-select:none;/*早期浏览器*/
      user-select:none;
      background-color: #050830;
+     background: #05032a center center / 100% 100% url(../images/screen1/bg.jpg) no-repeat;
 }
 
 div, p {