diff --git a/.gitignore b/.gitignore
index ae60012..d18dbaa 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,6 +5,7 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 **/*.log
+public/
 
 tests/**/coverage/
 tests/e2e/reports
diff --git a/src/assets/img/choicepart/choicepart-back.jpg b/src/assets/img/choicepart/choicepart-back.jpg
new file mode 100644
index 0000000..23b0a57
Binary files /dev/null and b/src/assets/img/choicepart/choicepart-back.jpg differ
diff --git a/src/assets/img/choicepart/choicepart-back.png.bak b/src/assets/img/choicepart/choicepart-back.png.bak
new file mode 100644
index 0000000..b16893b
Binary files /dev/null and b/src/assets/img/choicepart/choicepart-back.png.bak differ
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 0fe5e14..ecd396f 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -1,22 +1,49 @@
 <template>
   <div class="navbar" :style="showTitle ? 'background: rgba(8,17,50,0.25)' : ''" style="padding-right: 23px;">
-    <hamburger v-if="showhome" id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
+    <hamburger
+      v-if="showhome"
+      id="hamburger-container"
+      :is-active="sidebar.opened"
+      class="hamburger-container"
+      @toggleClick="toggleSideBar"
+    />
 
-    <div v-if="showTitle" style="color: #fff;font-size: 22px; float: left; letter-spacing: 1px; font-weight: 500; padding-left: 24px; marginTop: 5px">
-      <img src="../../assets/img/cnbm.png" style="width: 26px; height: 26px; position: relative; top: 6px; marginRight: 14px" alt="">
+    <div
+      v-if="showTitle"
+      style="cursor: pointer; color: #fff;font-size: 22px; float: left; letter-spacing: 1px; font-weight: 500; padding-left: 24px; marginTop: 5px"
+      @click="goToRootPage"
+    >
+      <img
+        src="../../assets/img/cnbm.png"
+        style="width: 26px; height: 26px; position: relative; top: 6px; marginRight: 14px"
+        alt=""
+      >
       {{ 'title' | i18nFilter }}
     </div>
 
     <breadcrumb id="breadcrumb-container" class="breadcrumb-container" />
 
     <div class="right-menu">
-
       <div v-if="showhome" class="right-menu-back" @click="toHome">
-        <svg-icon class="item-icon" icon-class="home" style="height: 24px; width: 24px; vertical-align: -6px; margin-right: 2px;" />
+        <svg-icon
+          class="item-icon"
+          icon-class="home"
+          style="height: 24px; width: 24px; vertical-align: -6px; margin-right: 2px;"
+        />
         {{ 'navbar.homepage' | i18nFilter }}
       </div>
-      <el-dropdown :style="showTitle ? 'color: #fff' : '#000'" class="avatar-container right-menu-item hover-effect" trigger="click">
-        <el-badge :hidden="alarmNum>0?false:true" :value="alarmNum" class="item" style="line-height: 0; margin: 0 10px; vertical-align: -3px" @click.native="handleAlarm">
+      <el-dropdown
+        :style="showTitle ? 'color: #fff' : '#000'"
+        class="avatar-container right-menu-item hover-effect"
+        trigger="click"
+      >
+        <el-badge
+          :hidden="alarmNum > 0 ? false : true"
+          :value="alarmNum"
+          class="item"
+          style="line-height: 0; margin: 0 10px; vertical-align: -3px"
+          @click.native="handleAlarm"
+        >
           <svg-icon style="width: 24px; height: 24px" class="item-icon" icon-class="alarm" />
         </el-badge>
         <el-dropdown-menu slot="dropdown">
@@ -24,17 +51,36 @@
         </el-dropdown-menu>
       </el-dropdown>
       <div :style="showTitle ? 'color: #fff' : ''" class="right-menu-back">
-        <svg-icon style="width: 24px; height: 24px; vertical-align: -7px" :icon-class="showTitle ? 'countdown' : 'countdown2'" />
+        <svg-icon
+          style="width: 24px; height: 24px; vertical-align: -7px"
+          :icon-class="showTitle ? 'countdown' : 'countdown2'"
+        />
         {{ formatTime }}
       </div>
       <template>
-        <lang-select :style="showTitle ? 'color: #fff' : ''" class="right-menu-item hover-effect" :is-show="showTitle" />
+        <lang-select
+          :style="showTitle ? 'color: #fff' : ''"
+          class="right-menu-item hover-effect"
+          :is-show="showTitle"
+        />
       </template>
       <div class="right-menu-back">
-        <a href="Lodap.zip"><svg-icon :style="showTitle ? 'color: #fff' : ''" style="width: 24px; height: 24px; vertical-align: -7px" icon-class="download" /></a>
+        <a href="Lodap.zip">
+          <svg-icon
+            :style="showTitle ? 'color: #fff' : ''"
+            style="width: 24px; height: 24px; vertical-align: -7px"
+            icon-class="download"
+          />
+        </a>
       </div>
       <div class="right-menu-back">
-        <a href="google.exe"><svg-icon :style="showTitle ? 'color: #fff' : ''" style="width: 24px; height: 24px; vertical-align: -7px" icon-class="chrome" /></a>
+        <a href="google.exe">
+          <svg-icon
+            :style="showTitle ? 'color: #fff' : ''"
+            style="width: 24px; height: 24px; vertical-align: -7px"
+            icon-class="chrome"
+          />
+        </a>
       </div>
       <!-- <div class="right-menu-back" style="color: #fff" @click="$router.push({name: 'VisualCreate'})">
         可视化配置
@@ -44,11 +90,15 @@
         {{ showDay }}
         {{ showTime }}
       </div> -->
-      <el-dropdown :style="showTitle ? 'color: #fff' : 'color: #000'" class="avatar-container right-menu-item hover-effect" trigger="click">
+      <el-dropdown
+        :style="showTitle ? 'color: #fff' : 'color: #000'"
+        class="avatar-container right-menu-item hover-effect"
+        trigger="click"
+      >
         <div class="avatar-wrapper">
           <img :src="require('@/assets/img/head.png')" class="user-avatar">
           <div class="avatar-username" :title="username">{{ username }}</div>
-          <div class="avatar-roles" :title="roles.join(',')">{{ roles.length>0?roles[0]:'' }}</div>
+          <div class="avatar-roles" :title="roles.join(',')">{{ roles.length > 0 ? roles[0] : '' }}</div>
           <!-- <i class="el-icon-caret-bottom" /> -->
         </div>
         <el-dropdown-menu slot="dropdown">
@@ -91,8 +141,15 @@
       <div :style="showTitle ? 'borderColor: #fff' : 'borderColor: #979797'" class="right-menu-back verticalBar" />
       <div :style="showTitle ? 'color: #fff' : 'color: red'" class="right-menu-back">
         <el-tooltip class="item" effect="dark" placement="bottom-end">
-          <div slot="content">{{ 'copyright.copyright' | i18nFilter }}：{{ 'copyright.company' | i18nFilter }} <br>{{ 'copyright.version' | i18nFilter }}：3.0</div>
-          <svg-icon style="width: 24px; height: 24px; vertical-align: -7px" :icon-class="showTitle ? 'introduce' : 'introduce2'" />
+          <div slot="content">
+            {{ 'copyright.copyright' | i18nFilter }}：{{ 'copyright.company' | i18nFilter }}
+            <br>
+            {{ 'copyright.version' | i18nFilter }}：3.0
+          </div>
+          <svg-icon
+            style="width: 24px; height: 24px; vertical-align: -7px"
+            :icon-class="showTitle ? 'introduce' : 'introduce2'"
+          />
         </el-tooltip>
       </div>
     </div>
@@ -108,6 +165,7 @@ import Breadcrumb from '@/components/Breadcrumb'
 import Hamburger from '@/components/Hamburger'
 import LangSelect from '@/components/LangSelect'
 import moment from 'moment'
+import Cookie from 'js-cookie'
 
 let logoutInterval = null
 const timeInterval = null
@@ -148,13 +206,7 @@ export default {
     }
   },
   computed: {
-    ...mapGetters([
-      'sidebar',
-      'avatar',
-      'username',
-      'choicepart',
-      'roles'
-    ]),
+    ...mapGetters(['sidebar', 'avatar', 'username', 'choicepart', 'roles']),
     formatTime() {
       return moment(this.logoutTime - 28800000).format('HH:mm:ss')
     }
@@ -189,6 +241,15 @@ export default {
     removeEventListener('visibilitychange', this.visibilitychangeListener)
   },
   methods: {
+    goToRootPage() {
+      // 11月演示，去到入口首页
+      const username = Cookie.get('account')
+      const password = Cookie.get('password')
+
+      if (username && password) {
+        window.location = `http://192.168.1.103:9527/#/?username=${username}&password=${password}`
+      }
+    },
     winBlur() {
       this.blurTime = new Date()
       clearInterval(logoutInterval)
@@ -275,18 +336,18 @@ export default {
   overflow: hidden;
   position: relative;
   background: #fff;
-  box-shadow: 0 1px 4px rgba(0,21,41,.08);
+  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
 
   .hamburger-container {
     line-height: 48px;
     height: 100%;
     float: left;
     cursor: pointer;
-    transition: background .3s;
-    -webkit-tap-highlight-color:transparent;
+    transition: background 0.3s;
+    -webkit-tap-highlight-color: transparent;
 
     &:hover {
-      background: rgba(0, 0, 0, .025)
+      background: rgba(0, 0, 0, 0.025);
     }
   }
 
@@ -308,7 +369,7 @@ export default {
       outline: none;
     }
 
-    .right-menu-back{
+    .right-menu-back {
       display: inline-block;
       vertical-align: text-bottom;
       font-size: 14px;
@@ -327,10 +388,10 @@ export default {
 
       &.hover-effect {
         cursor: pointer;
-        transition: background .3s;
+        transition: background 0.3s;
 
         &:hover {
-          background: rgba(0, 0, 0, .025)
+          background: rgba(0, 0, 0, 0.025);
         }
       }
     }
@@ -367,7 +428,7 @@ export default {
           text-overflow: ellipsis;
           overflow: hidden;
         }
-        .avatar-roles{
+        .avatar-roles {
           width: 80px;
           text-align: center;
           position: absolute;
diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
index 4f80810..7c4c5af 100644
--- a/src/layout/components/Sidebar/Logo.vue
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -69,8 +69,8 @@ export default {
     width: 100%;
 
     & .sidebar-logo {
-      width: 36px;
-      height: 36px;
+      width: 26px;
+      height: 26px;
       vertical-align: middle;
       margin-right: 12px;
     }
diff --git a/src/router/index.js b/src/router/index.js
index 846876a..e6f5369 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,36 +13,6 @@ Vue.use(Router)
 
 /* Layout */
 import Layout from '@/layout'
-// import teamRouter from './modules/team'
-// import materialManageRouter from './modules/material-manage'
-// import artManageRouter from './modules/art-manage'
-
-/**
- * Note: sub-menu only appear when route children.length >= 1
- * Detail see: https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html
- *
- * hidden: true                   if set true, item will not show in the sidebar(default is false)
- * alwaysShow: true               if set true, will always show the root menu
- *                                if not set alwaysShow, when item has more than one children route,
- *                                it will becomes nested mode, otherwise not show the root menu
- * redirect: noRedirect           if set noRedirect will no redirect in the breadcrumb
- * name:'router-name'             the name is used by <keep-alive> (must set!!!)
- * meta : {
-    roles: ['admin','editor']    control the page roles (you can set multiple roles)
-    title: 'title'               the name show in sidebar and breadcrumb (recommend set)
-    icon: 'svg-name'             the icon show in the sidebar
-    noCache: true                if set true, the page will no be cached(default is false)
-    affix: true                  if set true, the tag will affix in the tags-view
-    breadcrumb: false            if set false, the item will hidden in breadcrumb(default is true)
-    activeMenu: '/example/list'  if set path, the sidebar will highlight the path you set
-  }
- */
-
-/**
- * constantRoutes
- * a base page that does not have permission requirements
- * all roles can be accessed
- */
 export const constantRoutes = [
   {
     path: '/3d-overview',
@@ -101,20 +71,1611 @@ export const constantRoutes = [
 ]
 
 export const dynamicRoutes = [
-  // {
-  //   path: '/dashboard',
-  //   component: Layout,
-  //   redirect: '/dashboard',
-  //   name: 'dashboard',
-  //   children: [
-  //     {
-  //       path: 'dashboard',
-  //       component: () => import('@/views/dashboard/index'),
-  //       name: 'Dashboard',
-  //       meta: { title: routerTitle.dashboard.dashboard?.[language] || routerTitle.dashboard.dashboard.en, icon: 'dashboard', affix: true }
-  //     }
-  //   ]
-  // },
+  {
+    path: '/order',
+    component: Layout,
+    redirect: '/order/workOrderManage',
+    name: 'orderManage',
+    meta: {
+      title: routerTitle.order?.[language] || routerTitle.order.en,
+      icon: 'form',
+      iconPart: 'orderManage',
+      affix: true,
+      required: true,
+      requireToken: true
+    },
+    children: [
+      {
+        path: '/orderManagerCockpit',
+        component: () => import('@/views/orderManage/index'),
+        name: 'orderManagerCockpit',
+        meta: {
+          title: routerTitle.order.orderManagerCockpit?.[language] || routerTitle.order.orderManagerCockpit.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        },
+        children: [
+          {
+            path: 'cockpit',
+            component: () => import('@/views/orderManage/orderManagerCockpit/cockpit'),
+            name: 'cockpit',
+            meta: {
+              title:
+                routerTitle.order.orderManagerCockpit.cockpit?.[language] ||
+                routerTitle.order.orderManagerCockpit.cockpit.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          }
+        ]
+      },
+      {
+        path: '/orderManage',
+        component: () => import('@/views/orderManage/index'),
+        name: 'orderManage',
+        meta: {
+          title: routerTitle.order.orderManage?.[language] || routerTitle.order.orderManage.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        },
+        children: [
+          {
+            path: 'order',
+            component: () => import('@/views/orderManage/order/order'),
+            name: 'order',
+            meta: {
+              title: routerTitle.order.orderManage.order?.[language] || routerTitle.order.orderManage.order.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          },
+          {
+            path: 'orderIssue',
+            component: () => import('@/views/orderManage/order/components/orderIssue'),
+            name: 'orderIssue',
+            hidden: true,
+            meta: {
+              title:
+                routerTitle.order.orderManage.orderIssue?.[language] || routerTitle.order.orderManage.orderIssue.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          },
+          {
+            path: 'orderDetail',
+            component: () => import('@/views/orderManage/order/components/orderDetail'),
+            name: 'orderDetail',
+            hidden: true,
+            meta: {
+              title:
+                routerTitle.order.orderManage.orderDetail?.[language] || routerTitle.order.orderManage.orderDetail.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          }
+        ]
+      },
+      {
+        path: '/workOrderManage',
+        component: () => import('@/views/orderManage/index'),
+        name: 'workOrderManage',
+        meta: {
+          title: routerTitle.order.workOrderManage?.[language] || routerTitle.order.workOrderManage.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        },
+        children: [
+          {
+            path: 'workOrder',
+            component: () => import('@/views/orderManage/workOrder/workOrder'),
+            name: 'workOrder',
+            meta: {
+              title:
+                routerTitle.order.workOrderManage.workOrder?.[language] ||
+                routerTitle.order.workOrderManage.workOrder.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          },
+          {
+            path: 'workOrderOperation',
+            component: () => import('@/views/orderManage/workOrder/components/workOrderOperation'),
+            name: 'workOrderOperation',
+            hidden: true,
+            meta: {
+              title:
+                routerTitle.order.workOrderManage.workOrderOperation?.[language] ||
+                routerTitle.order.workOrderManage.workOrderOperation.en,
+              icon: 'form',
+              affix: true
+            }
+          },
+          {
+            path: 'workOrderMonitor',
+            component: () => import('@/views/orderManage/workOrder/components/workOrderMonitor'),
+            name: 'workOrderMonitor',
+            hidden: true,
+            meta: {
+              title:
+                routerTitle.order.workOrderManage.workOrderMonitor?.[language] ||
+                routerTitle.order.workOrderManage.workOrderMonitor.en,
+              icon: 'form',
+              affix: true
+            }
+          },
+          {
+            path: 'workOrderVerify',
+            component: () => import('@/views/orderManage/workOrder/components/workOrderVerify'),
+            name: 'workOrderVerify',
+            hidden: true,
+            meta: {
+              title:
+                routerTitle.order.workOrderManage.workOrderVerify?.[language] ||
+                routerTitle.order.workOrderManage.workOrderVerify.en,
+              icon: 'form',
+              affix: true
+            }
+          },
+          {
+            path: 'packingTags',
+            component: () => import('@/views/orderManage/packingTags'),
+            name: 'packingTags',
+            hidden: true,
+            meta: {
+              title:
+                routerTitle.order.workOrderManage.viewpackingTags?.[language] ||
+                routerTitle.order.workOrderManage.viewpackingTags.en,
+              icon: 'form',
+              affix: true
+            }
+          }
+        ]
+      },
+      {
+        path: '/orderMonitoring',
+        component: () => import('@/views/orderManage/index'),
+        name: 'orderMonitoring',
+        meta: {
+          title: routerTitle.order.orderMonitoring?.[language] || routerTitle.order.orderMonitoring.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        },
+        children: [
+          {
+            path: 'orderMonitoring',
+            component: () => import('@/views/orderManage/orderMonitoring/orderMonitoring'),
+            name: 'orderMonitoring',
+            meta: {
+              title:
+                routerTitle.order.orderMonitoring.orderMonitoring?.[language] ||
+                routerTitle.order.orderMonitoring.orderMonitoring.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          },
+          {
+            path: 'orderMonitoringDetail',
+            component: () => import('@/views/orderManage/orderMonitoring/orderMonitoringDetail'),
+            name: 'orderMonitoringDetail',
+            hidden: true,
+            meta: {
+              title:
+                routerTitle.order.orderMonitoring.orderMonitoringDetail?.[language] ||
+                routerTitle.order.orderMonitoring.orderMonitoringDetail.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          }
+        ]
+      },
+      {
+        path: '/feeInformation',
+        component: () => import('@/views/orderManage/index'),
+        name: 'feeInformation',
+        meta: {
+          title: routerTitle.order.feeInfo?.[language] || routerTitle.order.feeInfo.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        },
+        children: [
+          {
+            path: 'freight',
+            component: () => import('@/views/orderManage/fee/freight'),
+            name: 'freight',
+            meta: {
+              title: routerTitle.order.feeInfo?.[language] || routerTitle.order.feeInfo.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          }
+        ]
+      },
+      {
+        path: '/infoTrack',
+        component: () => import('@/views/orderManage/index'),
+        name: 'infoTrack',
+        hidden: true,
+        meta: {
+          title: routerTitle.order.infoTrack?.[language] || routerTitle.order.infoTrack.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        },
+        children: [
+          {
+            path: 'equipmentParametersTrack',
+            component: () => import('@/views/orderManage/infoTrack/equipmentParametersTrack'),
+            name: 'equipmentParametersTrack',
+            meta: {
+              title:
+                routerTitle.order.infoTrack.equipmentParametersTrack?.[language] ||
+                routerTitle.order.infoTrack.equipmentParametersTrack.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          },
+          {
+            path: 'processSubstrateDataTrack',
+            component: () => import('@/views/orderManage/infoTrack/processSubstrateDataTrack'),
+            name: 'processSubstrateDataTrack',
+            meta: {
+              title:
+                routerTitle.order.infoTrack.processSubstrateDataTrack?.[language] ||
+                routerTitle.order.infoTrack.processSubstrateDataTrack.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          },
+          {
+            path: 'substrateParametersTrack',
+            component: () => import('@/views/orderManage/infoTrack/substrateParametersTrack'),
+            name: 'substrateParametersTrack',
+            meta: {
+              title:
+                routerTitle.order.infoTrack.substrateParametersTrack?.[language] ||
+                routerTitle.order.infoTrack.substrateParametersTrack.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          },
+          {
+            path: 'equipmentEventTrack',
+            component: () => import('@/views/orderManage/infoTrack/equipmentEventTrack'),
+            name: 'equipmentEventTrack',
+            hidden: true,
+            meta: {
+              title:
+                routerTitle.order.infoTrack.equipmentEventTrack?.[language] ||
+                routerTitle.order.infoTrack.equipmentEventTrack.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          },
+          {
+            path: 'substrateEquipment',
+            component: () => import('@/views/orderManage/infoTrack/substrateEquipment'),
+            name: 'substrateEquipment',
+            hidden: true,
+            meta: {
+              title:
+                routerTitle.order.infoTrack.substrateEquipment?.[language] ||
+                routerTitle.order.infoTrack.substrateEquipment.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          }
+        ]
+      },
+      {
+        path: '/substrate',
+        component: () => import('@/views/orderManage/index'),
+        name: 'substrate',
+        hidden: true,
+        meta: {
+          title: routerTitle.order.substrate?.[language] || routerTitle.order.substrate.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        },
+        children: [
+          {
+            path: 'substrateBatch',
+            component: () => import('@/views/orderManage/substrateBatch'),
+            name: 'substrateBatch',
+            meta: {
+              title:
+                routerTitle.order.substrate.substrateBatch?.[language] || routerTitle.order.substrate.substrateBatch.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          },
+          {
+            path: 'substrateBatchAttr',
+            component: () => import('@/views/orderManage/components/substrateBatchAttr'),
+            name: 'substrateBatchAttr',
+            hidden: true,
+            meta: {
+              title:
+                routerTitle.order.substrate.substrateBatchAttr?.[language] ||
+                routerTitle.order.substrate.substrateBatchAttr.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          }
+        ]
+      },
+      {
+        path: '/consumption',
+        component: () => import('@/views/orderManage/consumption/consumption'),
+        name: 'consumption',
+        meta: {
+          title: routerTitle.order.consumption?.[language] || routerTitle.order.consumption.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        }
+      },
+      {
+        path: '/powerList',
+        component: () => import('@/views/orderManage/consumption/list'),
+        name: 'powerList',
+        hidden: true,
+        meta: {
+          title: routerTitle.order.details?.[language] || routerTitle.order.details.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        }
+      }
+    ]
+  },
+  {
+    path: '/equipment',
+    component: Layout,
+    // redirect: '/equipment/manager',
+    name: 'EquipmentManager',
+    meta: {
+      title: routerTitle.equipment?.[language] || routerTitle.equipment.en,
+      icon: 'form',
+      iconPart: 'EquipmentManager',
+      affix: true,
+      required: true,
+      requireToken: true
+    },
+    children: [
+      {
+        path: 'home',
+        name: 'EquipmentManageHome',
+        component: () => import('@/views/EquipmentManager/HomePage'),
+        meta: { title: '设备管理概览', icon: 'form', affix: true, required: true, requireToken: true },
+      },
+      {
+        path: 'maintain',
+        component: () => import('@/views/basicData/index'),
+        name: 'Maintain',
+        meta: { title: routerTitle.equipment.maintain?.[language] || routerTitle.equipment.maintain.en, icon: 'form', affix: true, required: true, requireToken: true },
+        children: [
+          {
+            path: 'maintainplan',
+            component: () => import('@/views/EquipmentManager/MaintainPlan'),
+            name: 'MaintainPlan',
+            // alwaysShow: true,
+            meta: { title: routerTitle.equipment.maintainplan?.[language] || routerTitle.equipment.maintainplan.en, icon: 'form', affix: true, required: true, requireToken: true },
+          }, {
+            path: 'maintainlog-single',
+            component: () => import('@/views/EquipmentManager/MaintainLog'),
+            name: 'MaintainLogSingle',
+            // hidden: true,
+            meta: { title: routerTitle.equipment.maintainlog?.[language] || routerTitle.equipment.maintainlog.en, icon: 'form', affix: true, required: true, requireToken: true }
+          },
+          {
+            path: 'maintainlog',
+            component: () => import('@/views/EquipmentManager/MaintainLog'),
+            name: 'MaintainLog',
+            hidden: true,
+            meta: { title: routerTitle.equipment.mainlog?.[language] || routerTitle.equipment.mainlog.en, icon: 'form', affix: true, required: true, requireToken: true }
+          }
+        ]
+      }, {
+        path: 'repairmanager',
+        component: () => import('@/views/EquipmentManager/RepairManager'),
+        name: 'RepairManager',
+        meta: { title: routerTitle.equipment.repairmanage?.[language] || routerTitle.equipment.repairmanage.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }, {
+        path: 'sparepart',
+        component: () => import('@/views/EquipmentManager/sparepart'),
+        name: 'SparePartManage',
+        // hidden: true,
+        meta: { title: routerTitle.equipment.sparepart?.[language] || routerTitle.equipment.sparepart.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }, {
+        path: 'maintenanceexpertlibrary',
+        component: () => import('@/views/EquipmentManager/MaintenanceExpertlibrary'),
+        name: 'MaintenanceExpertlibrary',
+        meta: { title: routerTitle.equipment.maintenanceexpertlibrary?.[language] || routerTitle.equipment.maintenanceexpertlibrary.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }, {
+        path: 'bom',
+        component: () => import('@/views/EquipmentManager/BOMManager'),
+        name: 'BOMManage',
+        meta: { title: routerTitle.equipment.bom?.[language] || routerTitle.equipment.bom.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }, {
+        path: 'recipe',
+        component: () => import('@/views/EquipmentManager/RecipeManager'),
+        name: 'RecipeManage',
+        hidden: true,
+        meta: { title: routerTitle.equipment.recipe?.[language] || routerTitle.equipment.recipe?.en, icon: 'form', affix: true }
+      }, {
+        path: 'bomform',
+        component: () => import('@/views/EquipmentManager/BOMManager/subpage/detail'),
+        name: 'DeviceBOMManage',
+        hidden: true,
+        meta: { title: routerTitle.equipment.bomform?.[language] || routerTitle.equipment.bomform.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }, {
+        path: 'devicerecipe',
+        component: () => import('@/views/EquipmentManager/RecipeManager/subpage/detail'),
+        name: 'RecipeParamManage',
+        hidden: true,
+        meta: { title: routerTitle.equipment.recipeform?.[language] || routerTitle.equipment.recipeform?.en, icon: 'form', affix: true }
+      }, {
+        path: 'statussetting',
+        component: () => import('@/views/EquipmentManager/StatusSetting'),
+        name: 'EquipmentStatusSetting',
+        hidden: true,
+        meta: { title: routerTitle.equipment.statussetting?.[language] || routerTitle.equipment.statussetting.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }, {
+        path: 'addrepair',
+        component: () => import('@/views/EquipmentManager/RepairManager/AddRepair'),
+        name: 'AddRepair',
+        hidden: true,
+        meta: { title: routerTitle.equipment.addrepair?.[language] || routerTitle.equipment.addrepair.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }, {
+        path: 'editrepair',
+        component: () => import('@/views/EquipmentManager/RepairManager/EditRepair'),
+        name: 'EditRepair',
+        hidden: true,
+        meta: { title: routerTitle.equipment.editrepair?.[language] || routerTitle.equipment.editrepair.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }, {
+        path: 'addspare',
+        component: () => import('@/views/EquipmentManager/sparepart/AddForm'),
+        name: 'AddSpare',
+        hidden: true,
+        meta: { title: routerTitle.equipment.addspare?.[language] || routerTitle.equipment.addspare.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }, {
+        path: 'editspare',
+        component: () => import('@/views/EquipmentManager/sparepart/EditForm'),
+        name: 'EditSpare',
+        hidden: true,
+        meta: { title: routerTitle.equipment.editspare?.[language] || routerTitle.equipment.editspare.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }, {
+        path: 'sparechange',
+        component: () => import('@/views/EquipmentManager/sparepart/SpareChange'),
+        name: 'SpareChange',
+        hidden: true,
+        meta: { title: routerTitle.equipment.editspare?.[language] || routerTitle.equipment.editspare.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }, {
+        path: 'addmaintenanceexpertlibrary',
+        component: () => import('@/views/EquipmentManager/MaintenanceExpertlibrary/AddMaintenanceExpertLibrary'),
+        name: 'AddMaintenanceExpertLibrary',
+        hidden: true,
+        meta: { title: routerTitle.equipment.addmaintenanceexpertlibrary?.[language] || routerTitle.equipment.addmaintenanceexpertlibrary.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }, {
+        path: 'editmaintenanceexpertlibrary',
+        component: () => import('@/views/EquipmentManager/MaintenanceExpertlibrary/EditMaintenanceExpertLibrary'),
+        name: 'EditMaintenanceExpertLibrary',
+        hidden: true,
+        meta: { title: routerTitle.equipment.editmaintenanceexpertlibrary?.[language] || routerTitle.equipment.editmaintenanceexpertlibrary.en, icon: 'form', affix: true, required: true, requireToken: true }
+        // }, {
+        //   path: 'maintainplan',
+        //   component: () => import('@/views/EquipmentManager/MaintainPlan'),
+        //   name: 'MaintainPlan',
+        //   meta: { title: routerTitle.equipment.maintainplan?.[language] || routerTitle.equipment.maintainplan.en, icon: 'form', affix: true, required: true, requireToken: true }
+        // }, {
+        //   path: 'maintainlog-single',
+        //   component: () => import('@/views/EquipmentManager/MaintainLog'),
+        //   name: 'MaintainLogSingle',
+        //   // hidden: true,
+        //   meta: { title: routerTitle.equipment.maintainlog?.[language] || routerTitle.equipment.maintainlog.en, icon: 'form', affix: true, required: true, requireToken: true }
+        // }, {
+        //   path: 'maintainlog',
+        //   component: () => import('@/views/EquipmentManager/MaintainLog'),
+        //   name: 'MaintainLog',
+        //   hidden: true,
+        //   meta: { title: routerTitle.equipment.maintainlog?.[language] || routerTitle.equipment.maintainlog.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }, {
+        path: 'maintainlog-add',
+        component: () => import('@/views/EquipmentManager/MaintainLog/AddLog'),
+        name: 'MaintainAddLog',
+        hidden: true,
+        meta: { title: routerTitle.equipment.maintainlog?.[language] || routerTitle.equipment.maintainlog.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }, {
+        path: 'maintainlog-edit',
+        component: () => import('@/views/EquipmentManager/MaintainLog/EditLog'),
+        name: 'MaintainEditLog',
+        hidden: true,
+        meta: { title: routerTitle.equipment.maintainlog?.[language] || routerTitle.equipment.maintainlog.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }, {
+        path: 'typeparam',
+        component: () => import('@/views/EquipmentManager/TypeParamSetting'),
+        name: 'TypeParam',
+        hidden: true,
+        meta: { title: routerTitle.equipment.typeparam?.[language] || routerTitle.equipment.typeparam.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }, {
+        path: 'typeparam-detail',
+        component: () => import('@/views/EquipmentManager/TypeParamSetting/detail'),
+        name: 'TypeParamDetail',
+        hidden: true,
+        meta: { title: routerTitle.equipment.typeparamdetail?.[language] || routerTitle.equipment.typeparamdetail.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }, {
+        path: 'monitoring',
+        component: () => import('@/views/EquipmentManager/DeviceMonitoring'),
+        name: 'MonitoringManage',
+        hidden: true,
+        meta: { title: routerTitle.equipment.monitoring?.[language] || routerTitle.equipment.monitoring.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }, {
+        path: 'Processequipment',
+        component: () => import('@/views/EquipmentManager/ProcessData/Processequipment'),
+        name: 'Processequipment',
+        meta: { title: routerTitle.equipment.Processequipment?.[language] || routerTitle.equipment.Processequipment.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }, {
+        path: 'Three',
+        component: () => import('@/views/EquipmentManager/ProcessData/Three'),
+        name: 'Three',
+        hidden: true,
+        meta: { title: routerTitle.equipment.Parameters?.[language] || routerTitle.equipment.Parameters.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }, {
+        path: 'ProcessData',
+        component: () => import('@/views/EquipmentManager/ProcessData/ProcessData'),
+        name: 'ProcessData',
+        hidden: true,
+        meta: {
+          title: routerTitle.equipment.ProcessData?.[language] || routerTitle.equipment.ProcessData.en, icon: 'form', affix: true, required: true, requireToken: true
+        }
+      }, {
+        path: 'Details',
+        component: () => import('@/views/EquipmentManager/ProcessData/Details'),
+        name: 'Details',
+        hidden: true,
+        meta: { title: routerTitle.equipment.Details?.[language] || routerTitle.equipment.Details.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }, {
+        path: 'analysis',
+        component: () => import('@/views/EquipmentManager/Analysis'),
+        name: 'AnalysisManage',
+        hidden: true,
+        meta: { title: routerTitle.equipment.analysis?.[language] || routerTitle.equipment.analysis.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }, {
+        path: 'equipmentManagerManage',
+        component: () => import('@/views/EquipmentManager/equipmentManagerManage'),
+        name: 'EquipmentManagerManage',
+        hidden: true,
+        meta: { title: routerTitle.equipment.equipmentManagerManage?.[language] || routerTitle.equipment.equipmentManagerManage.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }, {
+        path: 'equipmentParams',
+        component: () => import('@/views/EquipmentManager/equipmentParams'),
+        name: 'equipmentParams',
+        meta: { title: routerTitle.equipment.equipmentParams?.[language] || routerTitle.equipment.equipmentParams.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }, {
+        path: '/equipmentVisualization',
+        component: () => import('@/views/basicData/index'),
+        name: 'equipmentVisualization',
+        hidden: true,
+        meta: { title: routerTitle.equipment.EquipmentVisualization?.[language] || routerTitle.equipment.EquipmentVisualization.en, icon: 'form', affix: true, required: true, requireToken: true },
+        children: [
+          {
+            path: 'EquipmentProcessingQuantity',
+            component: () => import('@/views/EquipmentManager/equipmentVisualization/EquipmentProcessingQuantity'),
+            name: 'EquipmentProcessingQuantity',
+            meta: { title: routerTitle.equipment.EquipmentVisualization.EquipmentProcessingQuantity?.[language] || routerTitle.equipment.EquipmentVisualization.EquipmentProcessingQuantity.en, icon: 'form', affix: true, required: true, requireToken: true }
+          },
+          {
+            path: 'EquipmentEnergyMonitor',
+            component: () => import('@/views/EquipmentManager/equipmentVisualization/EquipmentEnergyMonitor'),
+            name: 'EquipmentEnergyMonitor',
+            meta: { title: routerTitle.equipment.EquipmentVisualization.EquipmentEnergyMonitor?.[language] || routerTitle.equipment.EquipmentVisualization.EquipmentEnergyMonitor.en, icon: 'form', affix: true, required: true, requireToken: true }
+          },
+
+          {
+            path: 'Visualized',
+            component: () => import('@/views/EquipmentManager/equipmentVisualization/Visualized'),
+            name: 'Visualized',
+            meta: {
+              title:
+                routerTitle.equipment.EquipmentVisualization.Visualized?.[language] ||
+                routerTitle.equipment.EquipmentVisualization.Visualized.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          }
+        ]
+      },
+      {
+        path: '/inspectionManage', // 设备巡检管理
+        component: () => import('@/views/basicData/index'),
+        name: 'inspectionManage',
+        meta: {
+          title: routerTitle.equipment.inspectionManage?.[language] || routerTitle.equipment.inspectionManage.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        },
+        children: [
+          {
+            path: 'inspection',
+            component: () => import('@/views/EquipmentManager/inspectionManage/inspection'),
+            name: 'inspection',
+            meta: {
+              title:
+                routerTitle.equipment.inspectionManage.inspection?.[language] ||
+                routerTitle.equipment.inspectionManage.inspection.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          },
+          {
+            path: 'inspectionSetting',
+            component: () => import('@/views/EquipmentManager/inspectionManage/inspectionSetting'),
+            name: 'inspectionSetting',
+            meta: {
+              title:
+                routerTitle.equipment.inspectionManage.inspectionSetting?.[language] ||
+                routerTitle.equipment.inspectionManage.inspectionSetting.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          },
+          {
+            path: 'inspectionRecord',
+            component: () => import('@/views/EquipmentManager/inspectionManage/inspectionRecord'),
+            name: 'inspectionRecord',
+            meta: {
+              title:
+                routerTitle.equipment.inspectionManage.inspectionRecord?.[language] ||
+                routerTitle.equipment.inspectionManage.inspectionRecord.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          }
+        ]
+      },
+      {
+        path: 'currentState',
+        component: () => import('@/views/EquipmentManager/equipmentMonitoring/currentState'),
+        name: 'EquipmentCurrentState',
+        meta: { title: routerTitle.equipment.currentState?.[language] || routerTitle.equipment.currentState.en, icon: 'form', affix: true, required: true, requireToken: true }
+      }
+    ]
+  },
+  {
+    path: '/material-manage',
+    component: Layout,
+    redirect: '/material-manage/refueling',
+    name: 'MaterialsManage',
+    meta: {
+      title: routerTitle.material?.[language] || routerTitle.material.en,
+      icon: 'form',
+      iconPart: 'MaterialsManage',
+      affix: true,
+      required: true,
+      requireToken: true
+    },
+    children: [
+      {
+        path: 'material-cockpit',
+        component: () => import('@/views/material-manage/cockpit/index'),
+        name: 'material-cockpit',
+        meta: {
+          title: routerTitle.material.cockpit?.[language] || routerTitle.material.cockpit.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        }
+      },
+      {
+        path: 'bom',
+        component: () => import('@/views/material-manage/bom/index'),
+        name: 'bom',
+        meta: {
+          title: routerTitle.material.bom?.[language] || routerTitle.material.bom.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        }
+      },
+      {
+        path: 'bom/add',
+        component: () => import('@/views/material-manage/bom/components/add-panel'),
+        name: 'bomAdd',
+        meta: {
+          title: routerTitle.material.bomadd?.[language] || routerTitle.material.bomadd.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        },
+        hidden: true
+      },
+      {
+        path: 'batch',
+        component: () => import('@/views/material-manage/batch/index'),
+        name: 'batch',
+        meta: {
+          title: routerTitle.material.batch?.[language] || routerTitle.material.batch.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        }
+      },
+      {
+        path: 'batch/add',
+        component: () => import('@/views/material-manage/batch/components/add-panel'),
+        name: 'batchAdd',
+        meta: {
+          title: routerTitle.material.batchadd?.[language] || routerTitle.material.batchadd.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        },
+        hidden: true
+      },
+      {
+        path: 'refueling',
+        component: () => import('@/views/material-manage/refueling/index'),
+        name: 'refueling',
+        meta: {
+          title: routerTitle.material.refueling?.[language] || routerTitle.material.refueling.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        }
+      },
+      {
+        path: 'refueling/add',
+        component: () => import('@/views/material-manage/refueling/components/add-panel'),
+        name: 'refuelingAdd',
+        meta: {
+          title: routerTitle.material.refuelingadd?.[language] || routerTitle.material.refuelingadd.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        },
+        hidden: true
+      },
+      // {
+      // path: 'report',
+      // component: () => import('@/views/material-manage/report/index'),
+      // name: 'report',
+      // meta: { title: routerTitle.material.report?.[language] || routerTitle.material.report.en, icon: 'form', affix: true, required: true, requireToken: true }
+      // },
+      {
+        path: 'historyConsume',
+        component: () => import('@/views/material-manage/historyConsume/index'),
+        name: 'historyConsume',
+        meta: {
+          title: routerTitle.material.historyConsume?.[language] || routerTitle.material.historyConsume.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        }
+      },
+      {
+        path: 'currentConsume',
+        component: () => import('@/views/material-manage/currentConsume/index'),
+        name: 'currentConsume',
+        meta: {
+          title: routerTitle.material.currentConsume?.[language] || routerTitle.material.currentConsume.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        }
+      },
+      {
+        path: 'currentUsageRecord',
+        component: () => import('@/views/material-manage/currentUsageRecord/index'),
+        name: 'currentUsageRecord',
+        meta: {
+          title: routerTitle.material.currentUsageRecord?.[language] || routerTitle.material.currentUsageRecord.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        }
+      },
+      {
+        path: 'currentUsageRecord/add',
+        component: () => import('@/views/material-manage/currentUsageRecord/components/add-panel'),
+        name: 'currentUsageRecordAdd',
+        meta: {
+          title:
+            routerTitle.material.currentUsageRecordAdd?.[language] || routerTitle.material.currentUsageRecordAdd.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        },
+        hidden: true
+      }
+    ]
+  },
+  {
+    path: '/quality',
+    component: Layout,
+    redirect: '/quality',
+    name: 'qualityManage',
+    meta: {
+      title: routerTitle.quality?.[language] || routerTitle.quality.en,
+      icon: 'form',
+      iconPart: 'qualityManage',
+      affix: true,
+      required: true,
+      requireToken: true
+    },
+    children: [
+      {
+        path: 'home',
+        component: () => import('@/views/QualityManager/HomePage'),
+        name: 'QualityManagerHome',
+        meta: { title: '质量管理', icon: 'form', affix: true, required: true, requireToken: true }
+      },
+      {
+        // 质量检测基础数据
+        path: '/qualityInspectionBase',
+        component: () => import('@/views/basicData/index'),
+        name: 'qualityInspectionBase',
+        meta: { title: routerTitle.quality.inspectionBase?.[language] || routerTitle.quality.inspectionBase?.en, icon: 'form', affix: true, required: true, requireToken: true },
+        children: [
+          {
+            path: 'inspectionType',
+            component: () => import('@/views/QualityManager/qualityInspection/base/inspectionTypes'),
+            name: 'inspectionType',
+            meta: { title: routerTitle.quality.inspectionBase.insType?.[language] || routerTitle.quality.inspectionBase.insType?.en, icon: 'form', affix: true, required: true, requireToken: true }
+          },
+          {
+            path: 'inspectionMeta',
+            component: () => import('@/views/QualityManager/qualityInspection/base/inspectionMeta'),
+            name: 'inspectionMeta',
+            // 质量检测信息 - 和后续的质量检测信息重名了，暂改为"质量信息列表"
+            meta: { title: routerTitle.quality.inspectionBase.insInfo?.[language] || routerTitle.quality.inspectionBase.insInfo?.en, icon: 'form', affix: true, required: true, requireToken: true }
+            // meta: { title: routerTitle.quality.scrap.scrapInfo?.[language] || routerTitle.quality.scrap.scrapInfo.en, icon: 'form', affix: true, required: true, requireToken: true }
+          }
+        ]
+      },
+      {
+        path: '/scrap',
+        component: () => import('@/views/basicData/index'),
+        name: 'scrapManage',
+        meta: {
+          title: routerTitle.quality.scrap?.[language] || routerTitle.quality.scrap.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        },
+        children: [
+          {
+            path: '/scrap-info',
+            component: () => import('@/views/QualityManager/scrapInfo'),
+            name: 'scrapInfo',
+            meta: {
+              title: routerTitle.quality.scrap.scrapInfo?.[language] || routerTitle.quality.scrap.scrapInfo.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          }
+        ]
+      },
+      // {
+      //   path: '/spc',
+      //   component: () => import('@/views/spc/index'),
+      //   name: 'spcManage',
+      //   meta: { title: routerTitle.spc?.[language] || routerTitle.spc.en, icon: 'form', iconPart: 'formwhite', affix: true, required: true, requireToken: true, openUrl: 'http://58.210.206.230:8000/thirdLogin?username=ZJCadmin&password=123456' }
+      // },
+      {
+        // 质量检测信息
+        path: '/qualityInspectionInfo',
+        component: () => import('@/views/basicData/index'),
+        name: 'qualityInspectionInfo',
+        meta: { title: routerTitle.quality.inspection?.[language] || routerTitle.quality.inspection?.en, icon: 'form', affix: true, required: true, requireToken: true },
+        children: [
+          {
+            path: 'currentData',
+            component: () => import('@/views/QualityManager/qualityInspection/deep/currentData'),
+            name: 'currentData',
+            meta: { title: routerTitle.quality.inspection.current?.[language] || routerTitle.quality.inspection.current?.en, icon: 'form', affix: true, required: true, requireToken: true }
+          },
+          {
+            path: 'statisticData',
+            component: () => import('@/views/QualityManager/qualityInspection/deep/statisticData'),
+            name: 'statisticData',
+            meta: { title: routerTitle.quality.inspection.statistics?.[language] || routerTitle.quality.inspection.statistics?.en, icon: 'form', affix: true, required: true, requireToken: true }
+          },
+          {
+            path: 'record',
+            component: () => import('@/views/QualityManager/qualityInspection/deep/record'),
+            name: 'record',
+            meta: { title: routerTitle.quality.inspection.record?.[language] || routerTitle.quality.inspection.record?.en, icon: 'form', affix: true, required: true, requireToken: true }
+          }
+        ]
+      },
+      {
+        path: '/finishedInspection',
+        component: () => import('@/views/QualityManager/finishedInspection/index'),
+        name: 'finishedInspection',
+        meta: { title: routerTitle.quality.finishedInspection?.[language] || routerTitle.quality.finishedInspection?.en, icon: 'form', affix: true, required: true, requireToken: true }
+      },
+      {
+        // 质量追溯
+        path: '/retrospect',
+        component: () => import('@/views/basicData/index'),
+        name: 'retrospect',
+        meta: { title: routerTitle.quality.retrospect?.[language] || routerTitle.quality.retrospect?.en, icon: 'form', affix: true, required: true, requireToken: true },
+        children: [
+          {
+            path: 'equipmentStatus',
+            component: () => import('@/views/QualityManager/retrospect/equipment/status'),
+            name: 'equipmentStatus',
+            meta: { title: routerTitle.quality.retrospect.equipmentStatus?.[language] || routerTitle.quality.retrospect.equipmentStatus?.en, icon: 'form', affix: true, required: true, requireToken: true }
+          },
+          {
+            path: 'equipmentParameters',
+            component: () => import('@/views/QualityManager/retrospect/equipment/parameter-test'),
+            name: 'equipmentParameters',
+            meta: { title: routerTitle.quality.retrospect.equipmentParams?.[language] || routerTitle.quality.retrospect.equipmentParams?.en, icon: 'form', affix: true, required: true, requireToken: true }
+          },
+          {
+            path: 'rawMaterial',
+            component: () => import('@/views/QualityManager/retrospect/raw-material'),
+            name: 'rawMaterial',
+            meta: { title: routerTitle.quality.retrospect.rawMaterial?.[language] || routerTitle.quality.retrospect.rawMaterial?.en, icon: 'form', affix: true, required: true, requireToken: true }
+          },
+          {
+            path: 'team',
+            component: () => import('@/views/QualityManager/retrospect/team'),
+            name: 'team',
+            meta: { title: routerTitle.quality.retrospect.team?.[language] || routerTitle.quality.retrospect.team?.en, icon: 'form', affix: true, required: true, requireToken: true }
+          },
+          {
+            path: 'craft',
+            component: () => import('@/views/QualityManager/retrospect/craft'),
+            name: 'craft',
+            meta: { title: routerTitle.quality.retrospect.craft?.[language] || routerTitle.quality.retrospect.craft?.en, icon: 'form', affix: true, required: true, requireToken: true }
+          },
+          {
+            path: 'craftDetail',
+            component: () => import('@/views/QualityManager/retrospect/craft/components/detail'),
+            name: 'craftDetail',
+            hidden: true,
+            meta: { title: routerTitle.quality.retrospect.craftDetail?.[language] || routerTitle.quality.retrospect.craftDetail?.en, icon: 'form', affix: true }
+          },
+          {
+            path: 'material',
+            component: () => import('@/views/QualityManager/retrospect/material'),
+            name: 'material',
+            meta: { title: routerTitle.quality.retrospect.material?.[language] || routerTitle.quality.retrospect.material?.en, icon: 'form', affix: true, required: true, requireToken: true }
+          }
+        ]
+      },
+      {
+        path: 'plan',
+        component: () => import('@/views/QualityManager/plan'),
+        name: 'PlanManage',
+        meta: { title: routerTitle.quality.plan?.[language] || routerTitle.quality.plan?.en, icon: 'form', affix: true }
+      },
+      {
+        path: 'planparam',
+        component: () => import('@/views/QualityManager/plan/subpage/detail'),
+        name: 'PlanParamManage',
+        hidden: true,
+        meta: {
+          title: routerTitle.quality.planform?.[language] || routerTitle.quality.planform?.en,
+          icon: 'form',
+          affix: true
+        }
+      },
+      {
+        path: 'issue',
+        component: () => import('@/views/QualityManager/plan/issuedplan'),
+        name: 'PlanIssuedManage',
+        meta: {
+          title: routerTitle.quality.issuedplan?.[language] || routerTitle.quality.issuedplan?.en,
+          icon: 'form',
+          affix: true
+        }
+      },
+      {
+        path: '/offlineDetec',
+        component: () => import('@/views/basicData/index'),
+        name: 'offlineDetec',
+        meta: {
+          title: routerTitle.quality.offlineDetec?.[language] || routerTitle.quality.offlineDetec.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        },
+        children: [
+          {
+            path: 'detecParam',
+            component: () => import('@/views/QualityManager/offlineDetec/detecParam'),
+            name: 'detecParam',
+            hidden: true,
+            meta: {
+              title:
+                routerTitle.quality.offlineDetec.detecParam?.[language] ||
+                routerTitle.quality.offlineDetec.detecParam.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          },
+          {
+            path: 'detecParamAdd',
+            component: () => import('@/views/QualityManager/offlineDetec/components/detecParam-add'),
+            name: 'detecParamAdd',
+            hidden: true,
+            meta: {
+              title:
+                routerTitle.quality.offlineDetec.detecParam?.[language] ||
+                routerTitle.quality.offlineDetec.detecParam.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          },
+          {
+            path: 'equipmentDetectParam',
+            component: () => import('@/views/basicData/Equipment/equipmentDetectParam'),
+            name: 'equipmentDetectParam',
+            hidden: true,
+            meta: {
+              title:
+                routerTitle.basicData.equipment.equipmentDetectInfo.equipmentDetectParam?.[language] ||
+                routerTitle.basicData.equipment.equipmentDetectInfo.equipmentDetectParam.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          },
+          {
+            path: 'equipmentDetectParamAdd',
+            component: () => import('@/views/basicData/Equipment/components/equipmentDetectParam-add'),
+            name: 'equipmentDetectParamAdd',
+            meta: {
+              title:
+                routerTitle.basicData.equipment.equipmentDetectInfo.equipmentDetectParam?.[language] ||
+                routerTitle.basicData.equipment.equipmentDetectInfo.equipmentDetectParam.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          },
+          {
+            path: 'detecRegistration',
+            component: () => import('@/views/QualityManager/offlineDetec/detecRegistration'),
+            name: 'detecRegistration',
+            meta: {
+              title:
+                routerTitle.quality.offlineDetec.detecRegistration?.[language] ||
+                routerTitle.quality.offlineDetec.detecRegistration.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          }
+        ]
+      },
+      {
+        path: 'knowledge',
+        component: () => import('@/views/QualityManager/base/knowledge'),
+        name: 'knowledge',
+        meta: {
+          title: routerTitle.quality.knowledge?.[language] || routerTitle.quality.knowledge.en,
+          icon: 'form',
+          iconPart: 'formwhite',
+          affix: true
+        }
+      }
+    ]
+  },
+  {
+    path: '/packing',
+    component: Layout,
+    redirect: '/packing',
+    name: 'packingManage',
+    meta: {
+      title: routerTitle.packing?.[language] || routerTitle.packing.en,
+      icon: 'form',
+      iconPart: 'packingManage',
+      affix: true,
+      required: true,
+      requireToken: true,
+      unuse: false
+    },
+    children: [
+      {
+        path: 'label-template',
+        component: () => import('@/views/packing-manage/LabelTemplate'),
+        name: 'LableDesign',
+        meta: {
+          title: routerTitle.packing.labelTemplate?.[language] || routerTitle.packing.labelTemplate.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        }
+      },
+      {
+        path: 'PackingList',
+        component: () => import('@/views/packing-manage/PackingList'),
+        name: 'PackingList',
+        meta: {
+          title: routerTitle.packing.PackingList?.[language] || routerTitle.packing.PackingList.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        }
+      },
+      {
+        path: 'PackingCost',
+        component: () => import('@/views/packing-manage/PackingCost'),
+        name: 'PackingCost',
+        meta: {
+          title: routerTitle.packing.PackingCost?.[language] || routerTitle.packing.PackingCost.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        }
+      }
+    ]
+  },
+  {
+    path: '/form',
+    component: Layout,
+    redirect: '/form',
+    name: 'formManage',
+    meta: {
+      title: routerTitle.form?.[language] || routerTitle.form.en,
+      icon: 'form',
+      iconPart: 'formManage',
+      affix: true,
+      required: true,
+      requireToken: true,
+      unuse: false
+    },
+    children: [
+      {
+        path: 'report',
+        component: () => import('@/views/report-manage/ReportSortChoise'),
+        name: 'Report',
+        meta: {
+          title: routerTitle.form.report?.[language] || routerTitle.form.report.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        }
+      },
+      {
+        path: 'report-sort-list',
+        component: () => import('@/views/report-manage/Report'),
+        name: 'ReportSortList',
+        hidden: true,
+        meta: {
+          title: routerTitle.form.reportSortList?.[language] || routerTitle.form.reportSortList.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        }
+      },
+      {
+        path: 'report-view',
+        component: () => import('@/views/report-manage/ReportView'),
+        name: 'ReportDesign',
+        meta: {
+          title: routerTitle.form.reportView?.[language] || routerTitle.form.reportView.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        },
+        hidden: true
+      },
+      {
+        path: 'report-design',
+        component: () => import('@/views/report-manage/ReportDesign'),
+        name: 'ReportDesign',
+        meta: {
+          title: routerTitle.form.reportDesign?.[language] || routerTitle.form.reportDesign.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        }
+      },
+      {
+        path: 'report-sort',
+        component: () => import('@/views/report-manage/ReportSort/index'),
+        name: 'ReportSort',
+        meta: {
+          title: routerTitle.form.reportSort?.[language] || routerTitle.form.reportSort.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        }
+      }
+    ]
+  },
+  {
+    path: '/dataAnalysis',
+    component: Layout,
+    name: 'DataAnalysis',
+    meta: {
+      title: routerTitle.dataAnalysis?.[language] || routerTitle.dataAnalysis.en,
+      icon: 'form',
+      iconPart: 'EquipmentManager',
+      affix: true,
+      required: true,
+      requireToken: true
+    },
+    children: [
+      {
+        path: 'home',
+        component: () => import('@/views/DataAnalysis/HomePage'),
+        name: 'DataAnalysisHome',
+        meta: {
+          title: '数据分析',
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        }
+      },
+      {
+        path: 'productionLineBalance',
+        component: () => import('@/views/DataAnalysis/productionLineBalance'),
+        name: 'ProductionLineBalance',
+        meta: {
+          title:
+            routerTitle.dataAnalysis.productionLineBalance?.[language] ||
+            routerTitle.dataAnalysis.productionLineBalance.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        }
+      },
+      {
+        path: 'yield',
+        component: () => import('@/views/DataAnalysis/yield'),
+        name: 'Yield',
+        meta: {
+          title: routerTitle.dataAnalysis.yield?.[language] || routerTitle.dataAnalysis.yield.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        }
+      },
+      {
+        path: 'equipmentEfficiency',
+        component: () => import('@/views/DataAnalysis/equipmentEfficiency'),
+        name: 'EquipmentEfficiency',
+        meta: {
+          title:
+            routerTitle.dataAnalysis.equipmentEfficiency?.[language] || routerTitle.dataAnalysis.equipmentEfficiency.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        }
+      },
+      {
+        path: 'equipmentException',
+        component: () => import('@/views/DataAnalysis/equipmentException'),
+        name: 'EquipmentException',
+        meta: {
+          title:
+            routerTitle.dataAnalysis.equipmentException?.[language] || routerTitle.dataAnalysis.equipmentException.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        }
+      },
+      {
+        path: 'rapidResponse',
+        component: () => import('@/views/DataAnalysis/rapidResponse'),
+        name: 'RapidResponse',
+        meta: {
+          title: routerTitle.dataAnalysis.rapidResponse?.[language] || routerTitle.dataAnalysis.rapidResponse.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        }
+      },
+      {
+        path: '/productionBeat',
+        component: () => import('@/views/basicData/index'),
+        name: 'ProductionBeat',
+        meta: {
+          title: routerTitle.dataAnalysis.productionBeat?.[language] || routerTitle.dataAnalysis.productionBeat.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        },
+        children: [
+          {
+            path: 'equipmentStatus', // 设备状态时序图
+            name: 'EquipmentStatus',
+            component: () => import('@/views/DataAnalysis/equipmentStatus'),
+            meta: {
+              title: routerTitle.dataAnalysis.productionBeat?.eqStatus?.[language] || routerTitle.dataAnalysis.productionBeat?.eqStatus?.en,
+              icon: 'form',
+              affix: true,
+              requireToken: true,
+              require: true,
+            }
+          },
+          {
+            path: 'equipmentProduction', // 设备产量时序图
+            name: 'EquipmentProduction',
+            component: () => import('@/views/DataAnalysis/equipmentProduction'),
+            meta: {
+              title: routerTitle.dataAnalysis.productionBeat?.eqProduction?.[language] || routerTitle.dataAnalysis.productionBeat?.eqProduction?.en,
+              icon: 'form',
+              affix: true,
+              requireToken: true,
+              require: true,
+            }
+          },
+        ]
+      },
+      {
+        path: 'productQuality',
+        component: () => import('@/views/DataAnalysis/productQuality'),
+        name: 'ProductQuality',
+        meta: {
+          title: routerTitle.dataAnalysis.productQuality?.[language] || routerTitle.dataAnalysis.productQuality.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        }
+      },
+      {
+        path: 'productionIndicators',
+        component: () => import('@/views/DataAnalysis/productionIndicators'),
+        name: 'ProductionIndicators',
+        meta: {
+          title:
+            routerTitle.dataAnalysis.productionIndicators?.[language] ||
+            routerTitle.dataAnalysis.productionIndicators.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        }
+      }
+    ]
+  },
+  {
+    path: '/factory',
+    component: Layout,
+    redirect: '/factory',
+    name: 'factoryManage',
+    meta: {
+      title: routerTitle.factory?.[language] || routerTitle.factory.en,
+      icon: 'form',
+      iconPart: 'factoryManage',
+      affix: true,
+      required: true,
+      requireToken: true
+    },
+    children: [
+      {
+        path: '/team-manage',
+        redirect: '/team-manage/list',
+        component: () => import('@/views/basicData/index'),
+        name: 'TeamManage',
+        meta: {
+          title: routerTitle.team?.[language] || routerTitle.team.en,
+          icon: 'form',
+          iconPart: 'formwhite',
+          affix: true,
+          required: true,
+          requireToken: true
+        },
+        children: [
+          {
+            path: '/team-info',
+            component: () => import('@/views/FactoryManage/TeamInfo'),
+            name: 'TeamInfo',
+            meta: {
+              title: routerTitle.team.teamInfo?.[language] || routerTitle.team.teamInfo.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          },
+          {
+            path: '/shift-manager',
+            component: () => import('@/views/FactoryManage/ShiftManager'),
+            name: 'ShiftManager',
+            // hidden: true,
+            meta: {
+              title: routerTitle.team.shiftManager?.[language] || routerTitle.team.shiftManager.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          }
+        ]
+      },
+      {
+        path: '/abnormal-alarm',
+        redirect: '/abnormal-alarm/list',
+        component: () => import('@/views/basicData/index'),
+        name: 'AlarmManager',
+        meta: {
+          title: routerTitle.factory.AlarmManager?.[language] || routerTitle.factory.AlarmManager.en,
+          icon: 'form',
+          iconPart: 'formwhite',
+          affix: true,
+          required: true,
+          requireToken: true
+        },
+        children: [
+          {
+            path: 'list',
+            component: () => import('@/views/FactoryManage/AbnormalAlarm'),
+            name: 'AbnormalAlarm',
+            meta: {
+              title:
+                routerTitle.factory.AlarmManager.AbnormalAlarm?.[language] ||
+                routerTitle.factory.AlarmManager.AbnormalAlarm.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          },
+          {
+            path: 'EquipmentAlarm',
+            component: () => import('@/views/FactoryManage/EquipmentAlarm'),
+            name: 'EquipmentAlarm',
+            props: true,
+            meta: {
+              title:
+                routerTitle.factory.AlarmManager.EquipmentAlarm?.[language] ||
+                routerTitle.factory.AlarmManager.EquipmentAlarm.en,
+              icon: 'form',
+              affix: true,
+              required: true,
+              requireToken: true
+            }
+          }
+        ]
+      },
+      {
+        path: '/realtime-data',
+        component: () => import('@/views/basicData/index'),
+        name: 'RealtimeData',
+        meta: {
+          title: routerTitle.factory.realTime?.[language] || routerTitle.factory.realTime.en,
+          icon: 'form',
+          affix: true,
+          required: true,
+          requireToken: true
+        },
+        children: [
+          {
+            path: 'order',
+            name: 'OrderData',
+            component: () => import('@/views/FactoryManage/RealtimeDataOfOrder'),
+            meta: { title: routerTitle.factory.realTime.realtimeOrder?.[language] || routerTitle.factory.realTime.realtimeOrder.en, icon: 'form', affix: true, required: true, requireToken: true }
+          },
+          {
+            path: 'equipment',
+            name: 'EquipmentData',
+            component: () => import('@/views/FactoryManage/RealtimeDataOfEquipment'),
+            meta: { title: routerTitle.factory.realTime.realtimeEquipment?.[language] || routerTitle.factory.realTime.realtimeEquipment.en, icon: 'form', affix: true, required: true, requireToken: true }
+          },
+          {
+            path: 'line',
+            name: 'LineData',
+            component: () => import('@/views/FactoryManage/RealtimeDataOfLine'),
+            meta: { title: routerTitle.factory.realTime.realtimeLine?.[language] || routerTitle.factory.realTime.realtimeLine.en, icon: 'form', affix: true, required: true, requireToken: true }
+          },
+          {
+            path: 'team',
+            name: 'TeamData',
+            component: () => import('@/views/FactoryManage/RealtimeDataOfTeam'),
+            meta: { title: routerTitle.factory.realTime.realtimeTeam?.[language] || routerTitle.factory.realTime.realtimeTeam.en, icon: 'form', affix: true, required: true, requireToken: true }
+          },
+          {
+            path: 'quality',
+            name: 'QualityData',
+            component: () => import('@/views/FactoryManage/RealtimeDataOfQuality'),
+            meta: { title: routerTitle.factory.realTime.realtimeQualit?.[language] || routerTitle.factory.realTime.realtimeQuality.en, icon: 'form', affix: true, required: true, requireToken: true }
+          }
+        ]
+      }
+
+    ]
+  },
   {
     path: '/basicData',
     component: Layout,
@@ -736,2058 +2297,6 @@ export const dynamicRoutes = [
       // },
     ]
   },
-  {
-    path: '/equipment',
-    component: Layout,
-    // redirect: '/equipment/manager',
-    name: 'EquipmentManager',
-    meta: {
-      title: routerTitle.equipment?.[language] || routerTitle.equipment.en,
-      icon: 'form',
-      iconPart: 'EquipmentManager',
-      affix: true,
-      required: true,
-      requireToken: true
-    },
-    children: [
-      {
-        path: 'home',
-        name: 'EquipmentManageHome',
-        component: () => import('@/views/EquipmentManager/HomePage'),
-        meta: { title: '设备管理概览', icon: 'form', affix: true, required: true, requireToken: true },
-      },
-    {
-      path: 'maintain',
-      component: () => import('@/views/basicData/index'),
-      name: 'Maintain',
-      meta: { title: routerTitle.equipment.maintain?.[language] || routerTitle.equipment.maintain.en, icon: 'form', affix: true, required: true, requireToken: true },
-      children: [
-        {
-          path: 'maintainplan',
-          component: () => import('@/views/EquipmentManager/MaintainPlan'),
-          name: 'MaintainPlan',
-          // alwaysShow: true,
-          meta: { title: routerTitle.equipment.maintainplan?.[language] || routerTitle.equipment.maintainplan.en, icon: 'form', affix: true, required: true, requireToken: true },
-        }, {
-          path: 'maintainlog-single',
-          component: () => import('@/views/EquipmentManager/MaintainLog'),
-          name: 'MaintainLogSingle',
-          // hidden: true,
-          meta: { title: routerTitle.equipment.maintainlog?.[language] || routerTitle.equipment.maintainlog.en, icon: 'form', affix: true, required: true, requireToken: true }
-        },
-        {
-          path: 'maintainlog',
-          component: () => import('@/views/EquipmentManager/MaintainLog'),
-          name: 'MaintainLog',
-          hidden: true,
-          meta: { title: routerTitle.equipment.mainlog?.[language] || routerTitle.equipment.mainlog.en, icon: 'form', affix: true, required: true, requireToken: true }
-        }
-      ]
-    }, {
-      path: 'repairmanager',
-      component: () => import('@/views/EquipmentManager/RepairManager'),
-      name: 'RepairManager',
-      meta: { title: routerTitle.equipment.repairmanage?.[language] || routerTitle.equipment.repairmanage.en, icon: 'form', affix: true, required: true, requireToken: true }
-    }, {
-      path: 'sparepart',
-      component: () => import('@/views/EquipmentManager/sparepart'),
-      name: 'SparePartManage',
-      // hidden: true,
-      meta: { title: routerTitle.equipment.sparepart?.[language] || routerTitle.equipment.sparepart.en, icon: 'form', affix: true, required: true, requireToken: true }
-    }, {
-      path: 'maintenanceexpertlibrary',
-      component: () => import('@/views/EquipmentManager/MaintenanceExpertlibrary'),
-      name: 'MaintenanceExpertlibrary',
-      meta: { title: routerTitle.equipment.maintenanceexpertlibrary?.[language] || routerTitle.equipment.maintenanceexpertlibrary.en, icon: 'form', affix: true, required: true, requireToken: true }
-    }, {
-      path: 'bom',
-      component: () => import('@/views/EquipmentManager/BOMManager'),
-      name: 'BOMManage',
-      meta: { title: routerTitle.equipment.bom?.[language] || routerTitle.equipment.bom.en, icon: 'form', affix: true, required: true, requireToken: true }
-    },    {
-      path: 'recipe',
-      component: () => import('@/views/EquipmentManager/RecipeManager'),
-      name: 'RecipeManage',
-      hidden: true,
-      meta: { title: routerTitle.equipment.recipe?.[language] || routerTitle.equipment.recipe?.en, icon: 'form', affix: true }
-    }, {
-      path: 'bomform',
-      component: () => import('@/views/EquipmentManager/BOMManager/subpage/detail'),
-      name: 'DeviceBOMManage',
-      hidden: true,
-      meta: { title: routerTitle.equipment.bomform?.[language] || routerTitle.equipment.bomform.en, icon: 'form', affix: true, required: true, requireToken: true }
-    }, {
-      path: 'devicerecipe',
-      component: () => import('@/views/EquipmentManager/RecipeManager/subpage/detail'),
-      name: 'RecipeParamManage',
-      hidden: true,
-      meta: { title: routerTitle.equipment.recipeform?.[language] || routerTitle.equipment.recipeform?.en, icon: 'form', affix: true }
-    }, {
-      path: 'statussetting',
-      component: () => import('@/views/EquipmentManager/StatusSetting'),
-      name: 'EquipmentStatusSetting',
-      hidden: true,
-      meta: { title: routerTitle.equipment.statussetting?.[language] || routerTitle.equipment.statussetting.en, icon: 'form', affix: true, required: true, requireToken: true }
-    }, {
-      path: 'addrepair',
-      component: () => import('@/views/EquipmentManager/RepairManager/AddRepair'),
-      name: 'AddRepair',
-      hidden: true,
-      meta: { title: routerTitle.equipment.addrepair?.[language] || routerTitle.equipment.addrepair.en, icon: 'form', affix: true, required: true, requireToken: true }
-    }, {
-      path: 'editrepair',
-      component: () => import('@/views/EquipmentManager/RepairManager/EditRepair'),
-      name: 'EditRepair',
-      hidden: true,
-      meta: { title: routerTitle.equipment.editrepair?.[language] || routerTitle.equipment.editrepair.en, icon: 'form', affix: true, required: true, requireToken: true }
-    }, {
-      path: 'addspare',
-      component: () => import('@/views/EquipmentManager/sparepart/AddForm'),
-      name: 'AddSpare',
-      hidden: true,
-      meta: { title: routerTitle.equipment.addspare?.[language] || routerTitle.equipment.addspare.en, icon: 'form', affix: true, required: true, requireToken: true }
-    }, {
-      path: 'editspare',
-      component: () => import('@/views/EquipmentManager/sparepart/EditForm'),
-      name: 'EditSpare',
-      hidden: true,
-      meta: { title: routerTitle.equipment.editspare?.[language] || routerTitle.equipment.editspare.en, icon: 'form', affix: true, required: true, requireToken: true }
-    }, {
-      path: 'sparechange',
-      component: () => import('@/views/EquipmentManager/sparepart/SpareChange'),
-      name: 'SpareChange',
-      hidden: true,
-      meta: { title: routerTitle.equipment.editspare?.[language] || routerTitle.equipment.editspare.en, icon: 'form', affix: true, required: true, requireToken: true }
-    }, {
-      path: 'addmaintenanceexpertlibrary',
-      component: () => import('@/views/EquipmentManager/MaintenanceExpertlibrary/AddMaintenanceExpertLibrary'),
-      name: 'AddMaintenanceExpertLibrary',
-      hidden: true,
-      meta: { title: routerTitle.equipment.addmaintenanceexpertlibrary?.[language] || routerTitle.equipment.addmaintenanceexpertlibrary.en, icon: 'form', affix: true, required: true, requireToken: true }
-    }, {
-      path: 'editmaintenanceexpertlibrary',
-      component: () => import('@/views/EquipmentManager/MaintenanceExpertlibrary/EditMaintenanceExpertLibrary'),
-      name: 'EditMaintenanceExpertLibrary',
-      hidden: true,
-      meta: { title: routerTitle.equipment.editmaintenanceexpertlibrary?.[language] || routerTitle.equipment.editmaintenanceexpertlibrary.en, icon: 'form', affix: true, required: true, requireToken: true }  
-    // }, {
-    //   path: 'maintainplan',
-    //   component: () => import('@/views/EquipmentManager/MaintainPlan'),
-    //   name: 'MaintainPlan',
-    //   meta: { title: routerTitle.equipment.maintainplan?.[language] || routerTitle.equipment.maintainplan.en, icon: 'form', affix: true, required: true, requireToken: true }
-    // }, {
-    //   path: 'maintainlog-single',
-    //   component: () => import('@/views/EquipmentManager/MaintainLog'),
-    //   name: 'MaintainLogSingle',
-    //   // hidden: true,
-    //   meta: { title: routerTitle.equipment.maintainlog?.[language] || routerTitle.equipment.maintainlog.en, icon: 'form', affix: true, required: true, requireToken: true }
-    // }, {
-    //   path: 'maintainlog',
-    //   component: () => import('@/views/EquipmentManager/MaintainLog'),
-    //   name: 'MaintainLog',
-    //   hidden: true,
-    //   meta: { title: routerTitle.equipment.maintainlog?.[language] || routerTitle.equipment.maintainlog.en, icon: 'form', affix: true, required: true, requireToken: true }
-    }, {
-      path: 'maintainlog-add',
-      component: () => import('@/views/EquipmentManager/MaintainLog/AddLog'),
-      name: 'MaintainAddLog',
-      hidden: true,
-      meta: { title: routerTitle.equipment.maintainlog?.[language] || routerTitle.equipment.maintainlog.en, icon: 'form', affix: true, required: true, requireToken: true }
-    }, {
-      path: 'maintainlog-edit',
-      component: () => import('@/views/EquipmentManager/MaintainLog/EditLog'),
-      name: 'MaintainEditLog',
-      hidden: true,
-      meta: { title: routerTitle.equipment.maintainlog?.[language] || routerTitle.equipment.maintainlog.en, icon: 'form', affix: true, required: true, requireToken: true }
-    }, {
-      path: 'typeparam',
-      component: () => import('@/views/EquipmentManager/TypeParamSetting'),
-      name: 'TypeParam',
-      hidden: true,
-      meta: { title: routerTitle.equipment.typeparam?.[language] || routerTitle.equipment.typeparam.en, icon: 'form', affix: true, required: true, requireToken: true }
-    }, {
-      path: 'typeparam-detail',
-      component: () => import('@/views/EquipmentManager/TypeParamSetting/detail'),
-      name: 'TypeParamDetail',
-      hidden: true,
-      meta: { title: routerTitle.equipment.typeparamdetail?.[language] || routerTitle.equipment.typeparamdetail.en, icon: 'form', affix: true, required: true, requireToken: true }
-    }, {
-      path: 'monitoring',
-      component: () => import('@/views/EquipmentManager/DeviceMonitoring'),
-      name: 'MonitoringManage',
-      hidden: true,
-      meta: { title: routerTitle.equipment.monitoring?.[language] || routerTitle.equipment.monitoring.en, icon: 'form', affix: true, required: true, requireToken: true }
-    }, {
-      path: 'Processequipment',
-      component: () => import('@/views/EquipmentManager/ProcessData/Processequipment'),
-      name: 'Processequipment',
-      meta: { title: routerTitle.equipment.Processequipment?.[language] || routerTitle.equipment.Processequipment.en, icon: 'form', affix: true, required: true, requireToken: true }
-    }, {
-      path: 'Three',
-      component: () => import('@/views/EquipmentManager/ProcessData/Three'),
-      name: 'Three',
-      hidden: true,
-      meta: { title: routerTitle.equipment.Parameters?.[language] || routerTitle.equipment.Parameters.en, icon: 'form', affix: true, required: true, requireToken: true }
-    }, {
-      path: 'ProcessData',
-      component: () => import('@/views/EquipmentManager/ProcessData/ProcessData'),
-      name: 'ProcessData',
-      hidden: true,
-      meta: {
-        title: routerTitle.equipment.ProcessData?.[language] || routerTitle.equipment.ProcessData.en, icon: 'form', affix: true, required: true, requireToken: true
-      }
-    }, {
-      path: 'Details',
-      component: () => import('@/views/EquipmentManager/ProcessData/Details'),
-      name: 'Details',
-      hidden: true,
-      meta: { title: routerTitle.equipment.Details?.[language] || routerTitle.equipment.Details.en, icon: 'form', affix: true, required: true, requireToken: true }
-    }, {
-      path: 'analysis',
-      component: () => import('@/views/EquipmentManager/Analysis'),
-      name: 'AnalysisManage',
-      hidden: true,
-      meta: { title: routerTitle.equipment.analysis?.[language] || routerTitle.equipment.analysis.en, icon: 'form', affix: true, required: true, requireToken: true }
-    }, {
-      path: 'equipmentManagerManage',
-      component: () => import('@/views/EquipmentManager/equipmentManagerManage'),
-      name: 'EquipmentManagerManage',
-      hidden: true,
-      meta: { title: routerTitle.equipment.equipmentManagerManage?.[language] || routerTitle.equipment.equipmentManagerManage.en, icon: 'form', affix: true, required: true, requireToken: true }
-    }, {
-      path: 'equipmentParams',
-      component: () => import('@/views/EquipmentManager/equipmentParams'),
-      name: 'equipmentParams',
-      meta: { title: routerTitle.equipment.equipmentParams?.[language] || routerTitle.equipment.equipmentParams.en, icon: 'form', affix: true, required: true, requireToken: true }
-    }, {
-      path: '/equipmentVisualization',
-      component: () => import('@/views/basicData/index'),
-      name: 'equipmentVisualization',
-      hidden: true,
-      meta: { title: routerTitle.equipment.EquipmentVisualization?.[language] || routerTitle.equipment.EquipmentVisualization.en, icon: 'form', affix: true, required: true, requireToken: true },
-      children: [
-        {
-          path: 'EquipmentProcessingQuantity',
-          component: () => import('@/views/EquipmentManager/equipmentVisualization/EquipmentProcessingQuantity'),
-          name: 'EquipmentProcessingQuantity',
-          meta: { title: routerTitle.equipment.EquipmentVisualization.EquipmentProcessingQuantity?.[language] || routerTitle.equipment.EquipmentVisualization.EquipmentProcessingQuantity.en, icon: 'form', affix: true, required: true, requireToken: true }
-        },
-        {
-          path: 'EquipmentEnergyMonitor',
-          component: () => import('@/views/EquipmentManager/equipmentVisualization/EquipmentEnergyMonitor'),
-          name: 'EquipmentEnergyMonitor',
-          meta: { title: routerTitle.equipment.EquipmentVisualization.EquipmentEnergyMonitor?.[language] || routerTitle.equipment.EquipmentVisualization.EquipmentEnergyMonitor.en, icon: 'form', affix: true, required: true, requireToken: true }
-        },
-        
-          {
-            path: 'Visualized',
-            component: () => import('@/views/EquipmentManager/equipmentVisualization/Visualized'),
-            name: 'Visualized',
-            meta: {
-              title:
-                routerTitle.equipment.EquipmentVisualization.Visualized?.[language] ||
-                routerTitle.equipment.EquipmentVisualization.Visualized.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          }
-        ]
-      },
-      {
-        path: '/inspectionManage', // 设备巡检管理
-        component: () => import('@/views/basicData/index'),
-        name: 'inspectionManage',
-        meta: {
-          title: routerTitle.equipment.inspectionManage?.[language] || routerTitle.equipment.inspectionManage.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        },
-        children: [
-          {
-            path: 'inspection',
-            component: () => import('@/views/EquipmentManager/inspectionManage/inspection'),
-            name: 'inspection',
-            meta: {
-              title:
-                routerTitle.equipment.inspectionManage.inspection?.[language] ||
-                routerTitle.equipment.inspectionManage.inspection.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          },
-          {
-            path: 'inspectionSetting',
-            component: () => import('@/views/EquipmentManager/inspectionManage/inspectionSetting'),
-            name: 'inspectionSetting',
-            meta: {
-              title:
-                routerTitle.equipment.inspectionManage.inspectionSetting?.[language] ||
-                routerTitle.equipment.inspectionManage.inspectionSetting.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          },
-          {
-            path: 'inspectionRecord',
-            component: () => import('@/views/EquipmentManager/inspectionManage/inspectionRecord'),
-            name: 'inspectionRecord',
-            meta: {
-              title:
-                routerTitle.equipment.inspectionManage.inspectionRecord?.[language] ||
-                routerTitle.equipment.inspectionManage.inspectionRecord.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          }
-          // {
-          //   path: 'inspectionRecordPAD', // pad巡检记录
-          //   component: () => import('@/views/EquipmentManager/inspectionManage/inspectionRecordPAD'),
-          //   name: 'inspectionRecordPAD',
-          //   meta: { title: routerTitle.equipment.inspectionManage.inspectionRecordPAD?.[language] || routerTitle.equipment.inspectionManage.inspectionRecordPAD.en, icon: 'form', affix: true, required: true, requireToken: true }
-          // }
-        ]
-      },
-      {
-        path: 'currentState',
-        component: () => import('@/views/EquipmentManager/equipmentMonitoring/currentState'),
-        name: 'EquipmentCurrentState',
-        meta: { title: routerTitle.equipment.currentState?.[language] || routerTitle.equipment.currentState.en, icon: 'form', affix: true, required: true, requireToken: true }
-      }
-    ]
-  },
-  {
-    path: '/warehouse',
-    component: Layout,
-    redirect: '/art/list',
-    name: 'WarehouseManager',
-    meta: {
-      title: routerTitle.warehouse?.[language] || routerTitle.warehouse.en,
-      icon: 'form',
-      iconPart: 'ArtManager',
-      affix: true,
-      required: true,
-      requireToken: true
-    },
-    children: [
-      {
-        path: 'ports',
-        component: () => import('@/views/basicData/Cache/cache'),
-        name: 'ports',
-        meta: {
-          title: routerTitle.warehouse.ports?.[language] || routerTitle.warehouse.ports.en,
-          icon: 'form',
-          affix: true
-        }
-      },
-      {
-        path: 'area',
-        component: () => import('@/views/basicData/Cache/area'),
-        name: 'area',
-        meta: {
-          title: routerTitle.warehouse.area?.[language] || routerTitle.warehouse.area.en,
-          icon: 'form',
-          affix: true
-        }
-      },
-      {
-        path: 'shelf',
-        component: () => import('@/views/basicData/Cache/shelf'),
-        name: 'shelf',
-        meta: {
-          title: routerTitle.warehouse.shelf?.[language] || routerTitle.warehouse.shelf.en,
-          icon: 'form',
-          affix: true
-        }
-      },
-      {
-        path: 'inventory',
-        component: () => import('@/views/basicData/Cache/inventory'),
-        name: 'inventory',
-        meta: {
-          title: routerTitle.warehouse.inventory?.[language] || routerTitle.warehouse.inventory.en,
-          icon: 'form',
-          affix: true
-        }
-      },
-      {
-        path: 'storage',
-        component: () => import('@/views/basicData/Cache/storage'),
-        name: 'storage',
-        meta: {
-          title: routerTitle.warehouse.storage?.[language] || routerTitle.warehouse.storage.en,
-          icon: 'form',
-          affix: true
-        }
-      },
-      {
-        path: 'shelfAdd',
-        component: () => import('@/views/basicData/Cache/components/shelf-add'),
-        name: 'shelfAdd',
-        hidden: true,
-        meta: {
-          title: routerTitle.warehouse.shelfAdd?.[language] || routerTitle.warehouse.shelfAdd.en,
-          icon: 'form',
-          affix: true
-        }
-      },
-      {
-        path: 'locationAdd',
-        component: () => import('@/views/basicData/Cache/components/location-add'),
-        name: 'locationAdd',
-        hidden: true,
-        meta: {
-          title: routerTitle.warehouse.locationAdd?.[language] || routerTitle.warehouse.locationAdd.en,
-          icon: 'form',
-          affix: true
-        }
-      },
-      {
-        path: '/productDelivery',
-        component: () => import('@/views/basicData/index'),
-        name: 'productDelivery',
-        meta: { title: '发货管理', icon: 'form', affix: true },
-        children: [
-          {
-            path: 'metaInfo', // 发货信息（元信息管理）
-            component: () => import('@/views/basicData/ProductDelivery/metaInfo'),
-            name: 'metaInfo',
-            meta: { title: '发货信息', icon: 'form', affix: true, required: true, requireToken: true }
-          },
-          // {
-          //   // 不采用路由方式
-          //   path: 'metaInfoAdd',
-          //   component: () => import('@/views/basicData/ProductDelivery/components/metaInfo-add'),
-          //   name: 'productDeliveryInfoAdd',
-          //   hidden: true,
-          //   meta: { title: '发货信息填写', icon: 'form', affix: true }
-          // },
-          {
-            path: 'process', // 发货信息（进度信息管理）
-            component: () => import('@/views/basicData/ProductDelivery/process'),
-            name: 'process',
-            meta: { title: '发货进度信息', icon: 'form', affix: true, required: true, requireToken: true }
-          },
-          {
-            path: 'carList', // 发车清单，子路由
-            component: () => import('@/views/basicData/ProductDelivery/carList'),
-            name: 'carList',
-            hidden: true,
-            meta: { title: '发车清单', icon: 'form', affix: true, required: true, requireToken: true }
-          }
-        ]
-      }
-    ]
-  },
-  {
-    path: '/art',
-    component: Layout,
-    // redirect: '/art/list',
-    redirect: '/art/processList',
-    name: 'ArtManager',
-    meta: {
-      title: routerTitle.technology?.[language] || routerTitle.technology.en,
-      icon: 'form',
-      iconPart: 'ArtManager',
-      affix: true,
-      required: true,
-      requireToken: true
-    },
-    children: [
-      {
-        // 工艺流程列表
-        path: 'processList',
-        component: () => import('@/views/art/processList'),
-        name: 'ProcessList',
-        meta: {
-          title: routerTitle.technology?.processFlowList?.[language] || routerTitle.technology?.processFlowList?.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        // 工艺流程明细
-        path: 'processFlowDetail',
-        component: () => import('@/views/art/processList-detail'),
-        name: 'processFlowDetail',
-        meta: {
-          title: routerTitle.technology?.processFlowDetail?.[language] || routerTitle.technology?.processFlowDetail?.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        },
-        hidden: true
-      },
-      {
-        path: 'list',
-        component: () => import('@/views/art/list'),
-        name: 'ArtList',
-        meta: {
-          title: routerTitle.technology.technologylist?.[language] || routerTitle.technology.technologylist.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        },
-        hidden: true,
-      },
-      {
-        path: 'process',
-        component: () => import('@/views/art/process/list'),
-        name: 'Process',
-        meta: {
-          title: routerTitle.technology.technologyprocess?.[language] || routerTitle.technology.technologyprocess.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        },
-        hidden: true
-      },
-      // {
-        // 工序管理
-      //   path: 'xxx',
-      //   component: () => import('@/views/art/processList'),
-      //   name: 'Process',
-      //   meta: {
-      //     title: routerTitle.technology.processList?.[language] || routerTitle.technology.processList.en,
-      //     icon: 'form',
-      //     affix: true,
-      //     required: true,
-      //     requireToken: true
-      //   }
-      // }
-    ]
-  },
-  {
-    path: '/material-manage',
-    component: Layout,
-    redirect: '/material-manage/refueling',
-    name: 'MaterialsManage',
-    meta: {
-      title: routerTitle.material?.[language] || routerTitle.material.en,
-      icon: 'form',
-      iconPart: 'MaterialsManage',
-      affix: true,
-      required: true,
-      requireToken: true
-    },
-    children: [
-      {
-        path: 'material-cockpit',
-        component: () => import('@/views/material-manage/cockpit/index'),
-        name: 'material-cockpit',
-        meta: {
-          title: routerTitle.material.cockpit?.[language] || routerTitle.material.cockpit.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: 'bom',
-        component: () => import('@/views/material-manage/bom/index'),
-        name: 'bom',
-        meta: {
-          title: routerTitle.material.bom?.[language] || routerTitle.material.bom.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: 'bom/add',
-        component: () => import('@/views/material-manage/bom/components/add-panel'),
-        name: 'bomAdd',
-        meta: {
-          title: routerTitle.material.bomadd?.[language] || routerTitle.material.bomadd.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        },
-        hidden: true
-      },
-      {
-        path: 'batch',
-        component: () => import('@/views/material-manage/batch/index'),
-        name: 'batch',
-        meta: {
-          title: routerTitle.material.batch?.[language] || routerTitle.material.batch.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: 'batch/add',
-        component: () => import('@/views/material-manage/batch/components/add-panel'),
-        name: 'batchAdd',
-        meta: {
-          title: routerTitle.material.batchadd?.[language] || routerTitle.material.batchadd.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        },
-        hidden: true
-      },
-      {
-        path: 'refueling',
-        component: () => import('@/views/material-manage/refueling/index'),
-        name: 'refueling',
-        meta: {
-          title: routerTitle.material.refueling?.[language] || routerTitle.material.refueling.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: 'refueling/add',
-        component: () => import('@/views/material-manage/refueling/components/add-panel'),
-        name: 'refuelingAdd',
-        meta: {
-          title: routerTitle.material.refuelingadd?.[language] || routerTitle.material.refuelingadd.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        },
-        hidden: true
-      },
-      // {
-      // path: 'report',
-      // component: () => import('@/views/material-manage/report/index'),
-      // name: 'report',
-      // meta: { title: routerTitle.material.report?.[language] || routerTitle.material.report.en, icon: 'form', affix: true, required: true, requireToken: true }
-      // },
-      {
-        path: 'historyConsume',
-        component: () => import('@/views/material-manage/historyConsume/index'),
-        name: 'historyConsume',
-        meta: {
-          title: routerTitle.material.historyConsume?.[language] || routerTitle.material.historyConsume.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: 'currentConsume',
-        component: () => import('@/views/material-manage/currentConsume/index'),
-        name: 'currentConsume',
-        meta: {
-          title: routerTitle.material.currentConsume?.[language] || routerTitle.material.currentConsume.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: 'currentUsageRecord',
-        component: () => import('@/views/material-manage/currentUsageRecord/index'),
-        name: 'currentUsageRecord',
-        meta: {
-          title: routerTitle.material.currentUsageRecord?.[language] || routerTitle.material.currentUsageRecord.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: 'currentUsageRecord/add',
-        component: () => import('@/views/material-manage/currentUsageRecord/components/add-panel'),
-        name: 'currentUsageRecordAdd',
-        meta: {
-          title:
-            routerTitle.material.currentUsageRecordAdd?.[language] || routerTitle.material.currentUsageRecordAdd.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        },
-        hidden: true
-      }
-    ]
-  },
-  {
-    path: '/order',
-    component: Layout,
-    redirect: '/order/workOrderManage',
-    name: 'orderManage',
-    meta: {
-      title: routerTitle.order?.[language] || routerTitle.order.en,
-      icon: 'form',
-      iconPart: 'orderManage',
-      affix: true,
-      required: true,
-      requireToken: true
-    },
-    children: [
-      {
-        path: '/orderManagerCockpit',
-        component: () => import('@/views/orderManage/index'),
-        name: 'orderManagerCockpit',
-        meta: {
-          title: routerTitle.order.orderManagerCockpit?.[language] || routerTitle.order.orderManagerCockpit.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        },
-        children: [
-          {
-            path: 'cockpit',
-            component: () => import('@/views/orderManage/orderManagerCockpit/cockpit'),
-            name: 'cockpit',
-            meta: {
-              title:
-                routerTitle.order.orderManagerCockpit.cockpit?.[language] ||
-                routerTitle.order.orderManagerCockpit.cockpit.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          }
-        ]
-      },
-      {
-        path: '/orderManage',
-        component: () => import('@/views/orderManage/index'),
-        name: 'orderManage',
-        meta: {
-          title: routerTitle.order.orderManage?.[language] || routerTitle.order.orderManage.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        },
-        children: [
-          {
-            path: 'order',
-            component: () => import('@/views/orderManage/order/order'),
-            name: 'order',
-            meta: {
-              title: routerTitle.order.orderManage.order?.[language] || routerTitle.order.orderManage.order.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          },
-          {
-            path: 'orderIssue',
-            component: () => import('@/views/orderManage/order/components/orderIssue'),
-            name: 'orderIssue',
-            hidden: true,
-            meta: {
-              title:
-                routerTitle.order.orderManage.orderIssue?.[language] || routerTitle.order.orderManage.orderIssue.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          },
-          {
-            path: 'orderDetail',
-            component: () => import('@/views/orderManage/order/components/orderDetail'),
-            name: 'orderDetail',
-            hidden: true,
-            meta: {
-              title:
-                routerTitle.order.orderManage.orderDetail?.[language] || routerTitle.order.orderManage.orderDetail.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          }
-        ]
-      },
-      {
-        path: '/workOrderManage',
-        component: () => import('@/views/orderManage/index'),
-        name: 'workOrderManage',
-        meta: {
-          title: routerTitle.order.workOrderManage?.[language] || routerTitle.order.workOrderManage.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        },
-        children: [
-          {
-            path: 'workOrder',
-            component: () => import('@/views/orderManage/workOrder/workOrder'),
-            name: 'workOrder',
-            meta: {
-              title:
-                routerTitle.order.workOrderManage.workOrder?.[language] ||
-                routerTitle.order.workOrderManage.workOrder.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          },
-          {
-            path: 'workOrderOperation',
-            component: () => import('@/views/orderManage/workOrder/components/workOrderOperation'),
-            name: 'workOrderOperation',
-            hidden: true,
-            meta: {
-              title:
-                routerTitle.order.workOrderManage.workOrderOperation?.[language] ||
-                routerTitle.order.workOrderManage.workOrderOperation.en,
-              icon: 'form',
-              affix: true
-            }
-          },
-          {
-            path: 'workOrderMonitor',
-            component: () => import('@/views/orderManage/workOrder/components/workOrderMonitor'),
-            name: 'workOrderMonitor',
-            hidden: true,
-            meta: {
-              title:
-                routerTitle.order.workOrderManage.workOrderMonitor?.[language] ||
-                routerTitle.order.workOrderManage.workOrderMonitor.en,
-              icon: 'form',
-              affix: true
-            }
-          },
-          {
-            path: 'workOrderVerify',
-            component: () => import('@/views/orderManage/workOrder/components/workOrderVerify'),
-            name: 'workOrderVerify',
-            hidden: true,
-            meta: {
-              title:
-                routerTitle.order.workOrderManage.workOrderVerify?.[language] ||
-                routerTitle.order.workOrderManage.workOrderVerify.en,
-              icon: 'form',
-              affix: true
-            }
-          },
-          {
-            path: 'packingTags',
-            component: () => import('@/views/orderManage/packingTags'),
-            name: 'packingTags',
-            hidden: true,
-            meta: {
-              title:
-                routerTitle.order.workOrderManage.viewpackingTags?.[language] ||
-                routerTitle.order.workOrderManage.viewpackingTags.en,
-              icon: 'form',
-              affix: true
-            }
-          }
-        ]
-      },
-      {
-        path: '/orderMonitoring',
-        component: () => import('@/views/orderManage/index'),
-        name: 'orderMonitoring',
-        meta: {
-          title: routerTitle.order.orderMonitoring?.[language] || routerTitle.order.orderMonitoring.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        },
-        children: [
-          {
-            path: 'orderMonitoring',
-            component: () => import('@/views/orderManage/orderMonitoring/orderMonitoring'),
-            name: 'orderMonitoring',
-            meta: {
-              title:
-                routerTitle.order.orderMonitoring.orderMonitoring?.[language] ||
-                routerTitle.order.orderMonitoring.orderMonitoring.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          },
-          {
-            path: 'orderMonitoringDetail',
-            component: () => import('@/views/orderManage/orderMonitoring/orderMonitoringDetail'),
-            name: 'orderMonitoringDetail',
-            hidden: true,
-            meta: {
-              title:
-                routerTitle.order.orderMonitoring.orderMonitoringDetail?.[language] ||
-                routerTitle.order.orderMonitoring.orderMonitoringDetail.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          }
-        ]
-      },
-      {
-        path: '/feeInformation',
-        component: () => import('@/views/orderManage/index'),
-        name: 'feeInformation',
-        meta: {
-          title: routerTitle.order.feeInfo?.[language] || routerTitle.order.feeInfo.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        },
-        children: [
-          {
-            path: 'freight',
-            component: () => import('@/views/orderManage/fee/freight'),
-            name: 'freight',
-            meta: {
-              title: routerTitle.order.feeInfo?.[language] || routerTitle.order.feeInfo.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          }
-        ]
-      },
-      {
-        path: '/infoTrack',
-        component: () => import('@/views/orderManage/index'),
-        name: 'infoTrack',
-        hidden: true,
-        meta: {
-          title: routerTitle.order.infoTrack?.[language] || routerTitle.order.infoTrack.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        },
-        children: [
-          {
-            path: 'equipmentParametersTrack',
-            component: () => import('@/views/orderManage/infoTrack/equipmentParametersTrack'),
-            name: 'equipmentParametersTrack',
-            meta: {
-              title:
-                routerTitle.order.infoTrack.equipmentParametersTrack?.[language] ||
-                routerTitle.order.infoTrack.equipmentParametersTrack.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          },
-          {
-            path: 'processSubstrateDataTrack',
-            component: () => import('@/views/orderManage/infoTrack/processSubstrateDataTrack'),
-            name: 'processSubstrateDataTrack',
-            meta: {
-              title:
-                routerTitle.order.infoTrack.processSubstrateDataTrack?.[language] ||
-                routerTitle.order.infoTrack.processSubstrateDataTrack.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          },
-          {
-            path: 'substrateParametersTrack',
-            component: () => import('@/views/orderManage/infoTrack/substrateParametersTrack'),
-            name: 'substrateParametersTrack',
-            meta: {
-              title:
-                routerTitle.order.infoTrack.substrateParametersTrack?.[language] ||
-                routerTitle.order.infoTrack.substrateParametersTrack.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          },
-          {
-            path: 'equipmentEventTrack',
-            component: () => import('@/views/orderManage/infoTrack/equipmentEventTrack'),
-            name: 'equipmentEventTrack',
-            hidden: true,
-            meta: {
-              title:
-                routerTitle.order.infoTrack.equipmentEventTrack?.[language] ||
-                routerTitle.order.infoTrack.equipmentEventTrack.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          },
-          {
-            path: 'substrateEquipment',
-            component: () => import('@/views/orderManage/infoTrack/substrateEquipment'),
-            name: 'substrateEquipment',
-            hidden: true,
-            meta: {
-              title:
-                routerTitle.order.infoTrack.substrateEquipment?.[language] ||
-                routerTitle.order.infoTrack.substrateEquipment.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          }
-        ]
-      },
-      {
-        path: '/substrate',
-        component: () => import('@/views/orderManage/index'),
-        name: 'substrate',
-        hidden: true,
-        meta: {
-          title: routerTitle.order.substrate?.[language] || routerTitle.order.substrate.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        },
-        children: [
-          {
-            path: 'substrateBatch',
-            component: () => import('@/views/orderManage/substrateBatch'),
-            name: 'substrateBatch',
-            meta: {
-              title:
-                routerTitle.order.substrate.substrateBatch?.[language] || routerTitle.order.substrate.substrateBatch.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          },
-          {
-            path: 'substrateBatchAttr',
-            component: () => import('@/views/orderManage/components/substrateBatchAttr'),
-            name: 'substrateBatchAttr',
-            hidden: true,
-            meta: {
-              title:
-                routerTitle.order.substrate.substrateBatchAttr?.[language] ||
-                routerTitle.order.substrate.substrateBatchAttr.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          }
-        ]
-      },
-      {
-        path: '/consumption',
-        component: () => import('@/views/orderManage/consumption/consumption'),
-        name: 'consumption',
-        meta: {
-          title: routerTitle.order.consumption?.[language] || routerTitle.order.consumption.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: '/powerList',
-        component: () => import('@/views/orderManage/consumption/list'),
-        name: 'powerList',
-        hidden: true,
-        meta: {
-          title: routerTitle.order.details?.[language] || routerTitle.order.details.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      }
-    ]
-  },
-  {
-    path: '/factory',
-    component: Layout,
-    redirect: '/factory',
-    name: 'factoryManage',
-    meta: {
-      title: routerTitle.factory?.[language] || routerTitle.factory.en,
-      icon: 'form',
-      iconPart: 'factoryManage',
-      affix: true,
-      required: true,
-      requireToken: true
-    },
-    children: [
-      {
-        path: '/team-manage',
-        redirect: '/team-manage/list',
-        component: () => import('@/views/basicData/index'),
-        name: 'TeamManage',
-        meta: {
-          title: routerTitle.team?.[language] || routerTitle.team.en,
-          icon: 'form',
-          iconPart: 'formwhite',
-          affix: true,
-          required: true,
-          requireToken: true
-        },
-        children: [
-          // {
-          //   path: 'plan',
-          //   component: () => import('@/views/team-manage/plan'),
-          //   name: 'TeamManagePlan',
-          //   meta: { title: routerTitle.team.teamplan?.[language] || routerTitle.team.teamplan.en, icon: 'form', affix: true, required: true, requireToken: true }
-          // },
-          // {
-          //   path: 'plan/add',
-          //   component: () => import('@/views/team-manage/components/plan/add-plan'),
-          //   name: 'TeamManagePlanAdd',
-          //   meta: { title: routerTitle.team.teamplanoperation?.[language] || routerTitle.team.teamplanoperation.en, icon: 'form', affix: true, required: true, requireToken: true },
-          //   hidden: true
-          // },
-          // {
-          //   path: 'list',
-          //   component: () => import('@/views/team-manage/list'),
-          //   name: 'TeamManageList',
-          //   meta: { title: routerTitle.team.teamlist?.[language] || routerTitle.team.teamlist.en, icon: 'form', affix: true, required: true, requireToken: true }
-          // },
-          {
-            path: '/team-info',
-            component: () => import('@/views/FactoryManage/TeamInfo'),
-            name: 'TeamInfo',
-            meta: {
-              title: routerTitle.team.teamInfo?.[language] || routerTitle.team.teamInfo.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          },
-          {
-            path: '/shift-manager',
-            component: () => import('@/views/FactoryManage/ShiftManager'),
-            name: 'ShiftManager',
-            // hidden: true,
-            meta: {
-              title: routerTitle.team.shiftManager?.[language] || routerTitle.team.shiftManager.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          }
-          // {
-          //   path: 'team/add',
-          //   component: () => import('@/views/team-manage/components/change/add-plan'),
-          //   name: 'TeamManageAdd',
-          //   meta: { title: routerTitle.team.teamhandover?.[language] || routerTitle.team.teamhandover.en, icon: 'form', affix: true, required: true, requireToken: true },
-          //   hidden: true
-          // },
-          // {
-          //   path: 'showlog',
-          //   component: () => import('@/views/team-manage/showlog'),
-          //   name: 'logadd',
-          //   meta: { title: routerTitle.team.showlog?.[language] || routerTitle.team.showlog.en, icon: 'form', affix: true, required: true, requireToken: true },
-          //   hidden: true
-          // }
-        ]
-      },
-      {
-        path: '/abnormal-alarm',
-        redirect: '/abnormal-alarm/list',
-        component: () => import('@/views/basicData/index'),
-        name: 'AlarmManager',
-        meta: {
-          title: routerTitle.factory.AlarmManager?.[language] || routerTitle.factory.AlarmManager.en,
-          icon: 'form',
-          iconPart: 'formwhite',
-          affix: true,
-          required: true,
-          requireToken: true
-        },
-        children: [
-          {
-            path: 'list',
-            component: () => import('@/views/FactoryManage/AbnormalAlarm'),
-            name: 'AbnormalAlarm',
-            meta: {
-              title:
-                routerTitle.factory.AlarmManager.AbnormalAlarm?.[language] ||
-                routerTitle.factory.AlarmManager.AbnormalAlarm.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          },
-          {
-            path: 'EquipmentAlarm',
-            component: () => import('@/views/FactoryManage/EquipmentAlarm'),
-            name: 'EquipmentAlarm',
-            props: true,
-            meta: {
-              title:
-                routerTitle.factory.AlarmManager.EquipmentAlarm?.[language] ||
-                routerTitle.factory.AlarmManager.EquipmentAlarm.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          }
-          // {
-          //   path: 'AlarmVisual',
-          //   component: () => import('@/views/FactoryManage/AlarmVisual'),
-          //   name: 'AlarmVisual',
-          //   meta: { title: routerTitle.factory.AlarmManager.AlarmVisual?.[language] || routerTitle.factory.AlarmManager.AlarmVisual.en, icon: 'form', affix: true, required: true, requireToken: true }
-          // },
-          // {
-          //   path: '/AlarmManagement',
-          //   component: () => import('@/views/basicData/index'),
-          //   name: 'AlarmManagement',
-          //   meta: { title: routerTitle.basicData.alarmSetting?.[language] || routerTitle.basicData.alarmSetting.en, icon: 'form', affix: true, required: true, requireToken: true },
-          //   children: [
-          //     {
-          //       path: 'AlarmInfo',
-          //       component: () =>
-          //         import('@/views/basicData/AlarmManagement/alarmInfo'),
-          //       name: 'AlarmInfo',
-          //       meta: { title: routerTitle.basicData.alarmSetting.alarmInfo?.[language] || routerTitle.basicData.alarmSetting.alarmInfo.en, icon: 'form', affix: true, required: true, requireToken: true }
-          //     },
-          //     {
-          //       path: 'AlarmType',
-          //       component: () =>
-          //         import('@/views/basicData/AlarmManagement/alarmType'),
-          //       name: 'AlarmType',
-          //       meta: { title: routerTitle.basicData.alarmSetting.alarmType?.[language] || routerTitle.basicData.alarmSetting.alarmType.en, icon: 'form', affix: true, required: true, requireToken: true }
-          //     },
-          //     {
-          //       path: 'AlarmLevel',
-          //       component: () =>
-          //         import('@/views/basicData/AlarmManagement/alarmLevel'),
-          //       name: 'AlarmLevel',
-          //       meta: { title: routerTitle.basicData.alarmSetting.alarmLevel?.[language] || routerTitle.basicData.alarmSetting.alarmLevel.en, icon: 'form', affix: true, required: true, requireToken: true }
-          //     }
-          //   ]
-          // }
-        ]
-      },
-      {
-        path: '/realtime-data',
-        component: () => import('@/views/basicData/index'),
-        name: 'RealtimeData',
-        meta: {
-          title: routerTitle.factory.realTime?.[language] || routerTitle.factory.realTime.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        },
-        children: [
-          {
-            path: 'order',
-            name: 'OrderData',
-            component: () => import('@/views/FactoryManage/RealtimeDataOfOrder'),
-            meta: { title: routerTitle.factory.realTime.realtimeOrder?.[language] || routerTitle.factory.realTime.realtimeOrder.en, icon: 'form', affix: true, required: true, requireToken: true }
-          },
-          {
-            path: 'equipment',
-            name: 'EquipmentData',
-            component: () => import('@/views/FactoryManage/RealtimeDataOfEquipment'),
-            meta: { title: routerTitle.factory.realTime.realtimeEquipment?.[language] || routerTitle.factory.realTime.realtimeEquipment.en, icon: 'form', affix: true, required: true, requireToken: true }
-          },
-          {
-            path: 'line',
-            name: 'LineData',
-            component: () => import('@/views/FactoryManage/RealtimeDataOfLine'),
-            meta: { title: routerTitle.factory.realTime.realtimeLine?.[language] || routerTitle.factory.realTime.realtimeLine.en, icon: 'form', affix: true, required: true, requireToken: true }
-          },
-          {
-            path: 'team',
-            name: 'TeamData',
-            component: () => import('@/views/FactoryManage/RealtimeDataOfTeam'),
-            meta: { title: routerTitle.factory.realTime.realtimeTeam?.[language] || routerTitle.factory.realTime.realtimeTeam.en, icon: 'form', affix: true, required: true, requireToken: true }
-          },
-          {
-            path: 'quality',
-            name: 'QualityData',
-            component: () => import('@/views/FactoryManage/RealtimeDataOfQuality'),
-            meta: { title: routerTitle.factory.realTime.realtimeQualit?.[language] || routerTitle.factory.realTime.realtimeQuality.en, icon: 'form', affix: true, required: true, requireToken: true }
-          }
-        ]
-      }
-      // {
-      //   path: '/Visual',
-      //   component: () => import('@/views/basicData/index'),
-      //   name: 'Visual',
-      //   // hidden: true,
-      //   meta: { title: routerTitle.factory.visual?.[language] || routerTitle.factory.visual.en, icon: 'form', affix: true, required: true, requireToken: true },
-      //   children: [
-      //     {
-      //       path: 'Visual',
-      //       component: () => import('@/views/FactoryManage/visual'),
-      //       name: 'Visual',
-      //       meta: { title: routerTitle.factory.visual.visual?.[language] || routerTitle.factory.visual.visual.en, icon: 'form', affix: true, required: true, requireToken: true }
-      //     },
-      //     {
-      //       path: 'VisualLocation',
-      //       component: () => import('@/views/FactoryManage/visualLocation'),
-      //       name: 'VisualLocation',
-      //       meta: { title: routerTitle.factory.visual.visualLocation?.[language] || routerTitle.factory.visual.visualLocation.en, icon: 'form', affix: true, required: true, requireToken: true },
-      //       hidden: true
-      //     }
-      //   ]
-      // }
-    ]
-  },
-  {
-    path: '/form',
-    component: Layout,
-    redirect: '/form',
-    name: 'formManage',
-    meta: {
-      title: routerTitle.form?.[language] || routerTitle.form.en,
-      icon: 'form',
-      iconPart: 'formManage',
-      affix: true,
-      required: true,
-      requireToken: true,
-      unuse: false
-    },
-    children: [
-      {
-        path: 'report',
-        component: () => import('@/views/report-manage/ReportSortChoise'),
-        name: 'Report',
-        meta: {
-          title: routerTitle.form.report?.[language] || routerTitle.form.report.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: 'report-sort-list',
-        component: () => import('@/views/report-manage/Report'),
-        name: 'ReportSortList',
-        hidden: true,
-        meta: {
-          title: routerTitle.form.reportSortList?.[language] || routerTitle.form.reportSortList.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: 'report-view',
-        component: () => import('@/views/report-manage/ReportView'),
-        name: 'ReportDesign',
-        meta: {
-          title: routerTitle.form.reportView?.[language] || routerTitle.form.reportView.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        },
-        hidden: true
-      },
-      {
-        path: 'report-design',
-        component: () => import('@/views/report-manage/ReportDesign'),
-        name: 'ReportDesign',
-        meta: {
-          title: routerTitle.form.reportDesign?.[language] || routerTitle.form.reportDesign.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: 'report-sort',
-        component: () => import('@/views/report-manage/ReportSort/index'),
-        name: 'ReportSort',
-        meta: {
-          title: routerTitle.form.reportSort?.[language] || routerTitle.form.reportSort.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      }
-    ]
-  },
-  {
-    path: '/packing',
-    component: Layout,
-    redirect: '/packing',
-    name: 'packingManage',
-    meta: {
-      title: routerTitle.packing?.[language] || routerTitle.packing.en,
-      icon: 'form',
-      iconPart: 'packingManage',
-      affix: true,
-      required: true,
-      requireToken: true,
-      unuse: false
-    },
-    children: [
-      {
-        path: 'label-template',
-        component: () => import('@/views/packing-manage/LabelTemplate'),
-        name: 'LableDesign',
-        meta: {
-          title: routerTitle.packing.labelTemplate?.[language] || routerTitle.packing.labelTemplate.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: 'PackingList',
-        component: () => import('@/views/packing-manage/PackingList'),
-        name: 'PackingList',
-        meta: {
-          title: routerTitle.packing.PackingList?.[language] || routerTitle.packing.PackingList.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: 'PackingCost',
-        component: () => import('@/views/packing-manage/PackingCost'),
-        name: 'PackingCost',
-        meta: {
-          title: routerTitle.packing.PackingCost?.[language] || routerTitle.packing.PackingCost.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      }
-      // {
-      //   path: 'label-design-add',
-      //   component: () => import('@/views/packing-manage/components/AddLablePanel'),
-      //   name: 'AddLablePanel',
-      //   hidden: true,
-      //   meta: {
-      //     title: routerTitle.packing.labelDesign?.[language] || routerTitle.packing.labelDesign.en,
-      //     icon: 'form',
-      //     affix: true,
-      //     required: true,
-      //     requireToken: true
-      //   }
-      // }
-    ]
-  },
-  {
-    path: '/interface',
-    component: Layout,
-    redirect: '/interface',
-    name: 'interfaceManage',
-    hidden: true,
-    meta: {
-      title: routerTitle.interface?.[language] || routerTitle.interface.en,
-      icon: 'form',
-      iconPart: 'formwhite',
-      affix: true,
-      required: true,
-      requireToken: true,
-      unuse: true
-    },
-    children: []
-  },
-  {
-    path: '/dataacquisition',
-    component: Layout,
-    redirect: '/dataacquisition',
-    name: 'dataAcquisitionManage',
-    hidden: true,
-    meta: {
-      title: routerTitle.dataacquisition?.[language] || routerTitle.dataacquisition.en,
-      icon: 'form',
-      iconPart: 'formwhite',
-      affix: true,
-      required: true,
-      requireToken: true,
-      unuse: true
-    },
-    children: []
-  },
-  {
-    path: '/quality',
-    component: Layout,
-    redirect: '/quality',
-    name: 'qualityManage',
-    meta: {
-      title: routerTitle.quality?.[language] || routerTitle.quality.en,
-      icon: 'form',
-      iconPart: 'qualityManage',
-      affix: true,
-      required: true,
-      requireToken: true
-    },
-    children: [
-      {
-        path: 'home',
-        component: () => import('@/views/QualityManager/HomePage'),
-        name: 'QualityManagerHome',
-        meta: { title: '质量管理', icon: 'form', affix: true, required: true, requireToken: true }
-      },
-      {
-        // 质量检测基础数据
-        path: '/qualityInspectionBase',
-        component: () => import('@/views/basicData/index'),
-        name: 'qualityInspectionBase',
-        meta: { title: routerTitle.quality.inspectionBase?.[language] || routerTitle.quality.inspectionBase?.en, icon: 'form', affix: true, required: true, requireToken: true },
-        children: [
-          {
-            path: 'inspectionType',
-            component: () => import('@/views/QualityManager/qualityInspection/base/inspectionTypes'),
-            name: 'inspectionType',
-            meta: { title: routerTitle.quality.inspectionBase.insType?.[language] || routerTitle.quality.inspectionBase.insType?.en, icon: 'form', affix: true, required: true, requireToken: true }
-          },
-          {
-            path: 'inspectionMeta',
-            component: () => import('@/views/QualityManager/qualityInspection/base/inspectionMeta'),
-            name: 'inspectionMeta',
-            // 质量检测信息 - 和后续的质量检测信息重名了，暂改为"质量信息列表"
-            meta: { title: routerTitle.quality.inspectionBase.insInfo?.[language] || routerTitle.quality.inspectionBase.insInfo?.en, icon: 'form', affix: true, required: true, requireToken: true }
-            // meta: { title: routerTitle.quality.scrap.scrapInfo?.[language] || routerTitle.quality.scrap.scrapInfo.en, icon: 'form', affix: true, required: true, requireToken: true }
-          }
-        ]
-      },
-      {
-        path: '/scrap',
-        component: () => import('@/views/basicData/index'),
-        name: 'scrapManage',
-        meta: {
-          title: routerTitle.quality.scrap?.[language] || routerTitle.quality.scrap.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        },
-        children: [
-          {
-            path: '/scrap-info',
-            component: () => import('@/views/QualityManager/scrapInfo'),
-            name: 'scrapInfo',
-            meta: {
-              title: routerTitle.quality.scrap.scrapInfo?.[language] || routerTitle.quality.scrap.scrapInfo.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          }
-        ]
-      },
-      // {
-      //   path: '/spc',
-      //   component: () => import('@/views/spc/index'),
-      //   name: 'spcManage',
-      //   meta: { title: routerTitle.spc?.[language] || routerTitle.spc.en, icon: 'form', iconPart: 'formwhite', affix: true, required: true, requireToken: true, openUrl: 'http://58.210.206.230:8000/thirdLogin?username=ZJCadmin&password=123456' }
-      // },
-      {
-        // 质量检测信息
-        path: '/qualityInspectionInfo',
-        component: () => import('@/views/basicData/index'),
-        name: 'qualityInspectionInfo',
-        meta: { title: routerTitle.quality.inspection?.[language] || routerTitle.quality.inspection?.en, icon: 'form', affix: true, required: true, requireToken: true },
-        children: [
-          {
-            path: 'currentData',
-            component: () => import('@/views/QualityManager/qualityInspection/deep/currentData'),
-            name: 'currentData',
-            meta: { title: routerTitle.quality.inspection.current?.[language] || routerTitle.quality.inspection.current?.en, icon: 'form', affix: true, required: true, requireToken: true }
-          },
-          {
-            path: 'statisticData',
-            component: () => import('@/views/QualityManager/qualityInspection/deep/statisticData'),
-            name: 'statisticData',
-            meta: { title: routerTitle.quality.inspection.statistics?.[language] || routerTitle.quality.inspection.statistics?.en, icon: 'form', affix: true, required: true, requireToken: true }
-          },
-          {
-            path: 'record',
-            component: () => import('@/views/QualityManager/qualityInspection/deep/record'),
-            name: 'record',
-            meta: { title: routerTitle.quality.inspection.record?.[language] || routerTitle.quality.inspection.record?.en, icon: 'form', affix: true, required: true, requireToken: true }
-          }
-        ]
-      },
-      {
-        path: '/finishedInspection',
-        component: () => import('@/views/QualityManager/finishedInspection/index'),
-        name: 'finishedInspection',
-        meta: { title: routerTitle.quality.finishedInspection?.[language] || routerTitle.quality.finishedInspection?.en, icon: 'form', affix: true, required: true, requireToken: true }
-      },
-      {
-        // 质量追溯
-        path: '/retrospect',
-        component: () => import('@/views/basicData/index'),
-        name: 'retrospect',
-        meta: { title: routerTitle.quality.retrospect?.[language] || routerTitle.quality.retrospect?.en, icon: 'form', affix: true, required: true, requireToken: true },
-        children: [
-          {
-            path: 'equipmentStatus',
-            component: () => import('@/views/QualityManager/retrospect/equipment/status'),
-            name: 'equipmentStatus',
-            meta: { title: routerTitle.quality.retrospect.equipmentStatus?.[language] || routerTitle.quality.retrospect.equipmentStatus?.en, icon: 'form', affix: true, required: true, requireToken: true }
-          },
-          {
-            path: 'equipmentParameters',
-            component: () => import('@/views/QualityManager/retrospect/equipment/parameter-test'),
-            name: 'equipmentParameters',
-            meta: { title: routerTitle.quality.retrospect.equipmentParams?.[language] || routerTitle.quality.retrospect.equipmentParams?.en, icon: 'form', affix: true, required: true, requireToken: true }
-          },
-          {
-            path: 'rawMaterial',
-            component: () => import('@/views/QualityManager/retrospect/raw-material'),
-            name: 'rawMaterial',
-            meta: {  title: routerTitle.quality.retrospect.rawMaterial?.[language] || routerTitle.quality.retrospect.rawMaterial?.en, icon: 'form', affix: true, required: true, requireToken: true }
-          },
-          {
-            path: 'team',
-            component: () => import('@/views/QualityManager/retrospect/team'),
-            name: 'team',
-            meta: {  title: routerTitle.quality.retrospect.team?.[language] || routerTitle.quality.retrospect.team?.en, icon: 'form', affix: true, required: true, requireToken: true }
-          },
-          {
-            path: 'craft',
-            component: () => import('@/views/QualityManager/retrospect/craft'),
-            name: 'craft',
-            meta: { title: routerTitle.quality.retrospect.craft?.[language] || routerTitle.quality.retrospect.craft?.en, icon: 'form', affix: true, required: true, requireToken: true }
-          },
-          {
-            path: 'craftDetail',
-            component: () => import('@/views/QualityManager/retrospect/craft/components/detail'),
-            name: 'craftDetail',
-            hidden: true,
-            meta: { title: routerTitle.quality.retrospect.craftDetail?.[language] || routerTitle.quality.retrospect.craftDetail?.en, icon: 'form', affix: true }
-          },
-          {
-            path: 'material',
-            component: () => import('@/views/QualityManager/retrospect/material'),
-            name: 'material',
-            meta: { title: routerTitle.quality.retrospect.material?.[language] || routerTitle.quality.retrospect.material?.en, icon: 'form', affix: true, required: true, requireToken: true }
-          }
-        ]
-      },
-      {
-        path: 'plan',
-        component: () => import('@/views/QualityManager/plan'),
-        name: 'PlanManage',
-        meta: { title: routerTitle.quality.plan?.[language] || routerTitle.quality.plan?.en, icon: 'form', affix: true }
-      },
-      {
-        path: 'planparam',
-        component: () => import('@/views/QualityManager/plan/subpage/detail'),
-        name: 'PlanParamManage',
-        hidden: true,
-        meta: {
-          title: routerTitle.quality.planform?.[language] || routerTitle.quality.planform?.en,
-          icon: 'form',
-          affix: true
-        }
-      },
-      {
-        path: 'issue',
-        component: () => import('@/views/QualityManager/plan/issuedplan'),
-        name: 'PlanIssuedManage',
-        meta: {
-          title: routerTitle.quality.issuedplan?.[language] || routerTitle.quality.issuedplan?.en,
-          icon: 'form',
-          affix: true
-        }
-      },
-      {
-        path: '/offlineDetec',
-        component: () => import('@/views/basicData/index'),
-        name: 'offlineDetec',
-        meta: {
-          title: routerTitle.quality.offlineDetec?.[language] || routerTitle.quality.offlineDetec.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        },
-        children: [
-          {
-            path: 'detecParam',
-            component: () => import('@/views/QualityManager/offlineDetec/detecParam'),
-            name: 'detecParam',
-            hidden: true,
-            meta: {
-              title:
-                routerTitle.quality.offlineDetec.detecParam?.[language] ||
-                routerTitle.quality.offlineDetec.detecParam.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          },
-          {
-            path: 'detecParamAdd',
-            component: () => import('@/views/QualityManager/offlineDetec/components/detecParam-add'),
-            name: 'detecParamAdd',
-            hidden: true,
-            meta: {
-              title:
-                routerTitle.quality.offlineDetec.detecParam?.[language] ||
-                routerTitle.quality.offlineDetec.detecParam.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          },
-          {
-            path: 'equipmentDetectParam',
-            component: () => import('@/views/basicData/Equipment/equipmentDetectParam'),
-            name: 'equipmentDetectParam',
-            hidden: true,
-            meta: {
-              title:
-                routerTitle.basicData.equipment.equipmentDetectInfo.equipmentDetectParam?.[language] ||
-                routerTitle.basicData.equipment.equipmentDetectInfo.equipmentDetectParam.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          },
-          {
-            path: 'equipmentDetectParamAdd',
-            component: () => import('@/views/basicData/Equipment/components/equipmentDetectParam-add'),
-            name: 'equipmentDetectParamAdd',
-            meta: {
-              title:
-                routerTitle.basicData.equipment.equipmentDetectInfo.equipmentDetectParam?.[language] ||
-                routerTitle.basicData.equipment.equipmentDetectInfo.equipmentDetectParam.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          },
-          {
-            path: 'detecRegistration',
-            component: () => import('@/views/QualityManager/offlineDetec/detecRegistration'),
-            name: 'detecRegistration',
-            meta: {
-              title:
-                routerTitle.quality.offlineDetec.detecRegistration?.[language] ||
-                routerTitle.quality.offlineDetec.detecRegistration.en,
-              icon: 'form',
-              affix: true,
-              required: true,
-              requireToken: true
-            }
-          }
-        ]
-      },
-      {
-        path: 'knowledge',
-        component: () => import('@/views/QualityManager/base/knowledge'),
-        name: 'knowledge',
-        meta: {
-          title: routerTitle.quality.knowledge?.[language] || routerTitle.quality.knowledge.en,
-          icon: 'form',
-          iconPart: 'formwhite',
-          affix: true
-        }
-      }
-    ]
-  },
-  {
-    path: '/OperationalOverview',
-    component: Layout,
-    name: 'OperationalOverview',
-    meta: {
-      title: routerTitle.OperationalOverview?.[language] || routerTitle.OperationalOverview.en,
-      icon: 'form',
-      iconPart: 'EquipmentManager',
-      affix: true,
-      required: true,
-      requireToken: true
-    },
-    children: [
-      {
-        path: 'ProductionMonitoringCockpit',
-        component: () => import('@/views/OperationalOverview/ProductionMonitoringCockpit'),
-        name: 'ProductionMonitoringCockpit',
-        meta: {
-          title:
-            routerTitle.OperationalOverview.ProductionMonitoringCockpit?.[language] ||
-            routerTitle.OperationalOverview.ProductionMonitoringCockpit.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: 'ProductionLineMonitoringCockpit',
-        component: () => import('@/views/OperationalOverview/ProductionLineMonitoringCockpit'),
-        name: 'ProductionLineMonitoringCockpit',
-        meta: {
-          title:
-            routerTitle.OperationalOverview.ProductionLineMonitoringCockpit?.[language] ||
-            routerTitle.OperationalOverview.ProductionLineMonitoringCockpit.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: 'ProductionAndOperationCenterCockpit',
-        component: () => import('@/views/OperationalOverview/ProductionAndOperationCenterCockpit'),
-        name: 'ProductionAndOperationCenterCockpit',
-        meta: {
-          title:
-            routerTitle.OperationalOverview.ProductionAndOperationCenterCockpit?.[language] ||
-            routerTitle.OperationalOverview.ProductionAndOperationCenterCockpit.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: 'EquipmentOperationCockpit',
-        component: () => import('@/views/OperationalOverview/EquipmentOperationCockpit'),
-        name: 'EquipmentOperationCockpit',
-        meta: {
-          title:
-            routerTitle.OperationalOverview.EquipmentOperationCockpit?.[language] ||
-            routerTitle.OperationalOverview.EquipmentOperationCockpit.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: 'QualityManagementCockpit',
-        component: () => import('@/views/OperationalOverview/QualityManagementCockpit'),
-        name: 'QualityManagementCockpit',
-        meta: {
-          title:
-            routerTitle.OperationalOverview.QualityManagementCockpit?.[language] ||
-            routerTitle.OperationalOverview.QualityManagementCockpit.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: 'PlantOperation',
-        component: () => import('@/views/OperationalOverview/PlantOperation'),
-        name: 'PlantOperation',
-        meta: {
-          title:
-            routerTitle.OperationalOverview.PlantOperation?.[language] ||
-            routerTitle.OperationalOverview.PlantOperation.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      }
-    ]
-  },
-  {
-    path: '/dataAnalysis',
-    component: Layout,
-    name: 'DataAnalysis',
-    meta: {
-      title: routerTitle.dataAnalysis?.[language] || routerTitle.dataAnalysis.en,
-      icon: 'form',
-      iconPart: 'EquipmentManager',
-      affix: true,
-      required: true,
-      requireToken: true
-    },
-    children: [
-      {
-        path: 'home',
-        component: () => import('@/views/DataAnalysis/HomePage'),
-        name: 'DataAnalysisHome',
-        meta: {
-          title: '数据分析',
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: 'productionLineBalance',
-        component: () => import('@/views/DataAnalysis/productionLineBalance'),
-        name: 'ProductionLineBalance',
-        meta: {
-          title:
-            routerTitle.dataAnalysis.productionLineBalance?.[language] ||
-            routerTitle.dataAnalysis.productionLineBalance.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: 'yield',
-        component: () => import('@/views/DataAnalysis/yield'),
-        name: 'Yield',
-        meta: {
-          title: routerTitle.dataAnalysis.yield?.[language] || routerTitle.dataAnalysis.yield.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: 'equipmentEfficiency',
-        component: () => import('@/views/DataAnalysis/equipmentEfficiency'),
-        name: 'EquipmentEfficiency',
-        meta: {
-          title:
-            routerTitle.dataAnalysis.equipmentEfficiency?.[language] || routerTitle.dataAnalysis.equipmentEfficiency.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: 'equipmentException',
-        component: () => import('@/views/DataAnalysis/equipmentException'),
-        name: 'EquipmentException',
-        meta: {
-          title:
-            routerTitle.dataAnalysis.equipmentException?.[language] || routerTitle.dataAnalysis.equipmentException.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: 'rapidResponse',
-        component: () => import('@/views/DataAnalysis/rapidResponse'),
-        name: 'RapidResponse',
-        meta: {
-          title: routerTitle.dataAnalysis.rapidResponse?.[language] || routerTitle.dataAnalysis.rapidResponse.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: '/productionBeat',
-        component: () => import('@/views/basicData/index'),
-        name: 'ProductionBeat',
-        meta: {
-          title: routerTitle.dataAnalysis.productionBeat?.[language] || routerTitle.dataAnalysis.productionBeat.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        },
-        children: [
-          {
-            path: 'equipmentStatus', // 设备状态时序图
-            name: 'EquipmentStatus',
-            component: () => import('@/views/DataAnalysis/equipmentStatus'),
-            meta: {
-              title: routerTitle.dataAnalysis.productionBeat?.eqStatus?.[language] || routerTitle.dataAnalysis.productionBeat?.eqStatus?.en,
-              icon: 'form',
-              affix: true,
-              requireToken: true,
-              require: true,
-            }
-          },
-          {
-            path: 'equipmentProduction', // 设备产量时序图
-            name: 'EquipmentProduction',
-            component: () => import('@/views/DataAnalysis/equipmentProduction'),
-            meta: {
-              title: routerTitle.dataAnalysis.productionBeat?.eqProduction?.[language] || routerTitle.dataAnalysis.productionBeat?.eqProduction?.en,
-              icon: 'form',
-              affix: true,
-              requireToken: true,
-              require: true,
-            }
-          },
-        ]
-      },
-      {
-        path: 'productQuality',
-        component: () => import('@/views/DataAnalysis/productQuality'),
-        name: 'ProductQuality',
-        meta: {
-          title: routerTitle.dataAnalysis.productQuality?.[language] || routerTitle.dataAnalysis.productQuality.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      },
-      {
-        path: 'productionIndicators',
-        component: () => import('@/views/DataAnalysis/productionIndicators'),
-        name: 'ProductionIndicators',
-        meta: {
-          title:
-            routerTitle.dataAnalysis.productionIndicators?.[language] ||
-            routerTitle.dataAnalysis.productionIndicators.en,
-          icon: 'form',
-          affix: true,
-          required: true,
-          requireToken: true
-        }
-      }
-    ]
-  },
   {
     path: '/basic',
     component: Layout,
diff --git a/src/views/3DOverview/components/LeftContentEquipmentCheck.vue b/src/views/3DOverview/components/LeftContentEquipmentCheck.vue
index 8a03a19..3cb3797 100644
--- a/src/views/3DOverview/components/LeftContentEquipmentCheck.vue
+++ b/src/views/3DOverview/components/LeftContentEquipmentCheck.vue
@@ -16,7 +16,7 @@
         <el-table-column label="提示等级" prop="checkContent" />
       </el-table>
     </div>
-    <div class="el-table-wrapper">
+    <!-- <div class="el-table-wrapper">
       <el-table
         key="LeftContentEquipmentCheck2"
         border
@@ -28,8 +28,7 @@
         <el-table-column label="提示等级" prop="warningLevel" />
         <el-table-column label="提示等级" prop="checkContent" />
       </el-table>
-      <!-- <TechyTable key="table-2" :showIndex="false" :table-config="tableProps" :table-data="tableData2"></TechyTable> -->
-    </div>
+    </div> -->
   </div>
 </template>
 
@@ -71,7 +70,7 @@ export default {
 <style scoped>
 .left-content-equipment-check {
   display: flex;
-  gap: calc(100vw / 1920 * 16);
+  gap: calc(100vmin / 1920 * 36);
 }
 
 .el-table-wrapper {
diff --git a/src/views/3DOverview/components/LeftContentOrder.vue b/src/views/3DOverview/components/LeftContentOrder.vue
index 155af4e..2b505e8 100644
--- a/src/views/3DOverview/components/LeftContentOrder.vue
+++ b/src/views/3DOverview/components/LeftContentOrder.vue
@@ -16,7 +16,7 @@
         <el-table-column label="完成度" prop="finished" :resizable="true" />
       </el-table>
     </div>
-    <div class="el-table-wrapper">
+    <!-- <div class="el-table-wrapper">
       <el-table
         key="LeftContentOrder2"
         border
@@ -28,8 +28,7 @@
         <el-table-column label="规格" prop="specs" :resizable="true" />
         <el-table-column label="完成度" prop="finished" :resizable="true" />
       </el-table>
-      <!-- <TechyTable key="table-2" :showIndex="false" :table-config="tableProps" :table-data="tableData2"></TechyTable> -->
-    </div>
+    </div> -->
   </div>
 </template>
 
diff --git a/src/views/3DOverview/components/TechyContainer.vue b/src/views/3DOverview/components/TechyContainer.vue
index bdb7d8f..e47b25e 100644
--- a/src/views/3DOverview/components/TechyContainer.vue
+++ b/src/views/3DOverview/components/TechyContainer.vue
@@ -72,9 +72,10 @@ export default {
   padding: calc(100vw / 1920 * 22);
   width: 100%;
   height: 100%;
-  box-shadow: inset 0px 0px 20px 0px rgba(255,255,255,0.15);
-  background: rgba(20, 69, 100, 0.425);
-  backdrop-filter: blur(2px);
+  box-shadow: inset 0px 0px 20px 0px rgba(255, 255, 255, 0.15);
+  /* background: rgba(20, 69, 100, 0.425); */
+  background: rgba(6, 16, 39, 0.3);
+  backdrop-filter: blur(1px);
 }
 
 .line {
diff --git a/src/views/3DOverview/components/TechyHeader.vue b/src/views/3DOverview/components/TechyHeader.vue
index 4326a57..b41225d 100644
--- a/src/views/3DOverview/components/TechyHeader.vue
+++ b/src/views/3DOverview/components/TechyHeader.vue
@@ -1,22 +1,65 @@
 <template>
   <header class="techy-header">
     <img class="logo-img" src="./logo.png" alt="cnbm">
-    <span style="display: line-block; margin-left: calc(100vw / 1920 * 8); letter-spacing: 3px;">{{ headTitle }}</span>
+    <span class="techy-header__title">{{ headTitle }}</span>
 
-    <span class="fullscreen-btn">
-      <svg-icon icon-class="home" style="color: #52fff1; margin-right: 16px;" @click="handleClick('home')" />
-      <svg-icon v-if="isFullScreen" icon-class="unFullScreenView" @click="handleClick('fullscreen')" />
-      <svg-icon v-else icon-class="fullScreenView" @click="handleClick('fullscreen')" />
-    </span>
+    <div class="date">2022.10.14</div>
+    <div class="time">20:12:24</div>
+
+    <div class="fullscreen-btn">
+      <span style="color: #52fff1; margin-right: 8px;" @click="handleClick('home')" v-html="homeSvg" />
+      <span v-if="isFullScreen" @click="handleClick('fullscreen')" v-html="unfullScreenSvg" />
+      <span v-else @click="handleClick('fullscreen')" v-html="fullScreenSvg" />
+    </div>
   </header>
 </template>
 
 <script>
+// const homeSvg = `<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+const homeSvg = `<svg style="width: 100%; height: 100%" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>首页</title>
+    <g id="1大屏" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1大屏-数字工厂总览" transform="translate(-1824.000000, -46.000000)" fill-rule="nonzero">
+            <g id="首页" transform="translate(1824.000000, 46.000000)">
+                <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="32" height="32"></rect>
+                <path d="M3.36212554,9.99760304 L14.4561021,2.03491762 C15.37881,1.37257076 16.62119,1.37257076 17.5438979,2.03491762 L28.6378745,9.99760304 C29.7265595,10.7789878 30.3723957,12.0369335 30.3723957,13.3770071 L30.3723957,26.217608 C30.3723957,28.5153002 28.5096576,30.3780383 26.2119654,30.3780383 L5.78803465,30.3780383 C3.49034244,30.3780383 1.62760433,28.5153002 1.62760433,26.217608 L1.62760433,13.3773853 C1.62760433,12.0371783 2.27333209,10.7790656 3.36212554,9.99760304 Z M4.68552062,11.8410519 C4.19052975,12.196239 3.89692996,12.7681449 3.89692996,13.3773853 L3.89692996,26.217608 C3.89692996,27.2620363 4.74360637,28.1087127 5.78803465,28.1087127 L26.2119654,28.1087127 C27.2563936,28.1087127 28.10307,27.2620363 28.10307,26.217608 L28.10307,13.3773853 C28.10307,12.7681449 27.8094702,12.196239 27.3144794,11.8410519 L16.2205028,3.87836647 C16.0887105,3.78379718 15.9112895,3.78379718 15.7794972,3.87836647 L4.68552062,11.8414301 L4.68552062,11.8410519 Z" id="形状" fill="#42D0CE"></path>
+                <path d="M16.25,17 C16.8972087,17 17.4295339,17.4918747 17.4935464,18.1221948 L17.5,18.25 L17.5,28.25 C17.5,28.9403559 16.9403559,29.5 16.25,29.5 C15.6027913,29.5 15.0704661,29.0081253 15.0064536,28.3778052 L15,28.25 L15,18.25 C15,17.5596441 15.5596441,17 16.25,17 Z" id="路径-3" fill="#42D0CE"></path>
+            </g>
+        </g>
+    </g>
+</svg>`
+
+// const fullScreenSvg = `<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+const fullScreenSvg = `<svg style="width: 100%; height: 100%" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 54备份</title>
+    <g id="2MES。2-6蓝底-7、8白底" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="2-4设备管理" transform="translate(-1864.000000, -162.000000)">
+            <g id="编组-54备份" transform="translate(1864.000000, 162.000000)">
+                <rect id="矩形" stroke="#979797" fill="#D8D8D8" opacity="0" x="0.5" y="0.5" width="31" height="31"></rect>
+                <path d="M26.7638125,1.45454545 L27.0177905,1.4628567 C27.4387521,1.49054436 27.8474996,1.58732758 28.2359531,1.75197014 C28.6866948,1.94029725 29.0896137,2.2117619 29.4389259,2.56107409 C29.7857111,2.90785927 30.0584977,3.31352185 30.2477734,3.76343947 C30.4456009,4.23019115 30.5454545,4.72555866 30.5454545,5.23618754 L30.5454545,5.23618754 L30.5454545,26.7638125 L30.5371433,27.0177905 C30.5094556,27.4387521 30.4126724,27.8474996 30.2480299,28.2359531 C30.0597028,28.6866948 29.7882381,29.0896137 29.4389259,29.4389259 C29.0921407,29.7857111 28.6864782,30.0584977 28.2365605,30.2477734 C27.7698088,30.4456009 27.2744413,30.5454545 26.7638125,30.5454545 L26.7638125,30.5454545 L5.23618754,30.5454545 L4.98220952,30.5371433 C4.56124792,30.5094556 4.15250044,30.4126724 3.7640469,30.2480299 C3.31330516,30.0597028 2.91038628,29.7882381 2.56107409,29.4389259 C2.21428891,29.0921407 1.94150232,28.6864782 1.75222663,28.2365605 C1.55439906,27.7698088 1.45454545,27.2744413 1.45454545,26.7638125 L1.45454545,26.7638125 L1.45454545,5.23618754 L1.4628567,4.98220952 C1.49054436,4.56124792 1.58732758,4.15250044 1.75197014,3.7640469 C1.94029725,3.31330516 2.2117619,2.91038628 2.56107409,2.56107409 C2.90785927,2.21428891 3.31352185,1.94150232 3.76343947,1.75222663 C4.23019115,1.55439906 4.72555866,1.45454545 5.23618754,1.45454545 L5.23618754,1.45454545 L26.7638125,1.45454545 Z M26.7638125,3.33876293 L5.23618754,3.33876293 L5.08796584,3.34447462 C4.10971624,3.42016081 3.33876293,4.23861746 3.33876293,5.23618754 L3.33876293,5.23618754 L3.33876293,26.7638125 L3.34447462,26.9120342 C3.42016081,27.8902838 4.23861746,28.6612371 5.23618754,28.6612371 L5.23618754,28.6612371 L26.7638125,28.6612371 L26.9120342,28.6555254 C27.8902838,28.5798392 28.6612371,27.7613825 28.6612371,26.7638125 L28.6612371,26.7638125 L28.6612371,5.23618754 L28.6555254,5.08796584 C28.5798392,4.10971624 27.7613825,3.33876293 26.7638125,3.33876293 L26.7638125,3.33876293 Z M6.64116798,17.2700375 L6.74890704,17.2784355 C7.20902464,17.3410097 7.56504512,17.7372269 7.56504512,18.2121946 L7.56504512,18.2121946 L7.56504512,23.06998 L12.2154875,18.4195377 L12.3038841,18.341579 C12.6723846,18.0557307 13.2096238,18.0817169 13.5474445,18.4195377 C13.9134169,18.7855101 13.9134169,19.3855223 13.5474445,19.7514947 L13.5474445,19.7514947 L8.86035653,24.4349549 L13.6953555,24.4349549 L13.8090001,24.4414765 C14.2937488,24.4974586 14.6711425,24.9068233 14.6639054,25.3965331 C14.6534571,25.9083109 14.2345395,26.3191724 13.7217698,26.3191724 L13.7217698,26.3191724 L6.64604887,26.3191724 L6.53329365,26.3126932 C6.05255502,26.2570589 5.68082765,25.8499062 5.68082765,25.3539511 L5.68082765,25.3539511 L5.68082765,18.2353071 L5.68737703,18.1218678 C5.74358847,17.6379293 6.15445128,17.2603996 6.64116798,17.2700375 L6.64116798,17.2700375 Z M25.3605547,5.68082765 L25.4723738,5.68728667 C25.9492196,5.74274215 26.3191724,6.14846553 26.3191724,6.6394453 L26.3191724,6.6394453 L26.3191724,13.7613912 L26.312623,13.8748304 C26.2564115,14.3587689 25.8455487,14.7362986 25.358832,14.7266607 C24.8478544,14.716179 24.4349549,14.2960073 24.4349549,13.7845036 L24.4349549,13.7845036 L24.4349549,8.93001999 L19.7845125,13.5804623 L19.6961159,13.658421 C19.3276154,13.9442693 18.7903762,13.9182831 18.4525555,13.5804623 C18.0865831,13.2144899 18.0865831,12.6144777 18.4525555,12.2485053 L18.4525555,12.2485053 L23.1360157,7.56504512 L18.3013427,7.56504512 L18.1876721,7.55852521 C17.7028859,7.50255928 17.3264448,7.09334546 17.3360737,6.60468076 C17.3465429,6.0916891 17.7654605,5.68082765 18.2782302,5.68082765 L18.2782302,5.68082765 L25.3605547,5.68082765 Z" id="形状结合" fill="#52FFF1" fill-rule="nonzero" opacity="0.79078311"></path>
+            </g>
+        </g>
+    </g>
+</svg>`
+
+// const unfullScreenSvg = `<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+const unfullScreenSvg = `<svg style="width: 100%; height: 100%" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 54备份 2</title>
+    <g id="3WMS。1、2、3、4、5、6" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组-54备份-2">
+            <rect id="矩形" stroke="#979797" fill="#D8D8D8" opacity="0" x="0.5" y="0.5" width="31" height="31"></rect>
+            <path d="M26.7638125,1.45454545 L27.0177905,1.4628567 C27.4387521,1.49054436 27.8474996,1.58732758 28.2359531,1.75197014 C28.6866948,1.94029725 29.0896137,2.2117619 29.4389259,2.56107409 C29.7857111,2.90785927 30.0584977,3.31352185 30.2477734,3.76343947 C30.4456009,4.23019115 30.5454545,4.72555866 30.5454545,5.23618754 L30.5454545,5.23618754 L30.5454545,26.7638125 L30.5371433,27.0177905 C30.5094556,27.4387521 30.4126724,27.8474996 30.2480299,28.2359531 C30.0597028,28.6866948 29.7882381,29.0896137 29.4389259,29.4389259 C29.0921407,29.7857111 28.6864782,30.0584977 28.2365605,30.2477734 C27.7698088,30.4456009 27.2744413,30.5454545 26.7638125,30.5454545 L26.7638125,30.5454545 L5.23618754,30.5454545 L4.98220952,30.5371433 C4.56124792,30.5094556 4.15250044,30.4126724 3.7640469,30.2480299 C3.31330516,30.0597028 2.91038628,29.7882381 2.56107409,29.4389259 C2.21428891,29.0921407 1.94150232,28.6864782 1.75222663,28.2365605 C1.55439906,27.7698088 1.45454545,27.2744413 1.45454545,26.7638125 L1.45454545,26.7638125 L1.45454545,5.23618754 L1.4628567,4.98220952 C1.49054436,4.56124792 1.58732758,4.15250044 1.75197014,3.7640469 C1.94029725,3.31330516 2.2117619,2.91038628 2.56107409,2.56107409 C2.90785927,2.21428891 3.31352185,1.94150232 3.76343947,1.75222663 C4.23019115,1.55439906 4.72555866,1.45454545 5.23618754,1.45454545 L5.23618754,1.45454545 L26.7638125,1.45454545 Z M26.7638125,3.33876293 L5.23618754,3.33876293 L5.08796584,3.34447462 C4.10971624,3.42016081 3.33876293,4.23861746 3.33876293,5.23618754 L3.33876293,5.23618754 L3.33876293,26.7638125 L3.34447462,26.9120342 C3.42016081,27.8902838 4.23861746,28.6612371 5.23618754,28.6612371 L5.23618754,28.6612371 L26.7638125,28.6612371 L26.9120342,28.6555254 C27.8902838,28.5798392 28.6612371,27.7613825 28.6612371,26.7638125 L28.6612371,26.7638125 L28.6612371,5.23618754 L28.6555254,5.08796584 C28.5798392,4.10971624 27.7613825,3.33876293 26.7638125,3.33876293 L26.7638125,3.33876293 Z M13.6987866,17.269857 L13.8115418,17.2763362 C14.2922804,17.3319705 14.6640078,17.7391232 14.6640078,18.2350783 L14.6640078,18.2350783 L14.6640078,25.3537223 L14.6574584,25.4671616 C14.6012469,25.9511001 14.1903841,26.3286298 13.7036674,26.3189919 L13.7036674,26.3189919 L13.5959284,26.3105939 C13.1358108,26.2480197 12.7797903,25.8518025 12.7797903,25.3768348 L12.7797903,25.3768348 L12.7797903,20.5190494 L8.12934794,25.1694917 L8.04095127,25.2474504 C7.67245079,25.5332987 7.13521162,25.5073124 6.79739091,25.1694917 C6.43141847,24.8035193 6.43141847,24.2035071 6.79739091,23.8375347 L6.79739091,23.8375347 L11.4844789,19.1540745 L6.64947993,19.1540745 L6.53583534,19.1475529 C6.05108664,19.0915708 5.67369292,18.6822061 5.68093001,18.1924962 C5.69137836,17.6807185 6.11029591,17.269857 6.62306566,17.269857 L6.62306566,17.269857 L13.6987866,17.269857 Z M18.2962333,5.68100813 C18.807211,5.69148979 19.2201105,6.11166149 19.2201105,6.62316519 L19.2201105,6.62316519 L19.2201105,11.4776488 L23.8705528,6.82720649 L23.9589495,6.74924786 C24.32745,6.46339956 24.8646892,6.48938577 25.2025099,6.82720649 C25.5684823,7.19317893 25.5684823,7.79319108 25.2025099,8.15916352 L25.2025099,8.15916352 L20.5190497,12.8426237 L25.3537226,12.8426237 L25.4673933,12.8491436 C25.9521795,12.9051095 26.3286206,13.3143234 26.3189917,13.8029881 C26.3085224,14.3159797 25.8896049,14.7268412 25.3768351,14.7268412 L25.3768351,14.7268412 L18.2945107,14.7268412 L18.1826915,14.7203822 C17.7058457,14.6649267 17.335893,14.2592033 17.335893,13.7682235 L17.335893,13.7682235 L17.335893,6.64627767 L17.3424424,6.53283844 C17.3986538,6.04889994 17.8095166,5.67137018 18.2962333,5.68100813 Z" id="形状结合" fill="#52FFF1" fill-rule="nonzero" opacity="0.79078311"></path>
+        </g>
+    </g>
+</svg>`
 export default {
   name: 'TechyHeader',
   props: ['headTitle'],
   data() {
     return {
+      fullScreenSvg,
+      homeSvg,
+      unfullScreenSvg,
       isFullScreen: false
     }
   },
@@ -43,27 +86,69 @@ export default {
   color: white;
   /* font-size: 24px; */
   font-size: 2vh;
-  padding: calc(100vw / 1920 * 16) 0;
+  padding: calc(100vw / 1920 * 32) 0;
   line-height: 1;
-  background: url(./header-bg.svg) no-repeat;
+  background: url(./header-longer.png) no-repeat;
   /** 背景图片好像左右不对称 : */
   /* background-position: bottom left 40px;  */
   /* background-size: cover; */
   background-size: 100% 100%;
-  background-position: bottom left calc(100vw / 1920 * 40);
-  height: calc(100vw / 1920 * 80);
+  /* background-position: bottom left calc(100vw / 1920 * 40); */
+  background-position: bottom;
+  height: calc(100vmin / 1920 * 128);
 }
 
 .logo-img {
-  width: calc(100vw / 1920 * 24);
+  width: calc(100vmin / 1920 * 48);
+}
+
+.techy-header__title {
+  display: line-block;
+  margin-left: calc(100vmin / 1920 * 12);
+  /* font-size: 29px; */
+  font-size: calc(100vmin / 1920 * 48);
+  line-height: 41px;
+  letter-spacing: 4px;
+  text-shadow: 0px 0px 11px rgba(221, 237, 255, 0.34);
+}
+
+.date,
+.time {
+  font-size: calc(100vmin / 1920 * 42);
+  line-height: 1.5;
+  /* font-size: 28px;
+  line-height: 36px; */
+  color: #49e1de;
+  letter-spacing: 0.8px;
+  position: absolute;
+  bottom: calc(100vmin / 1920 * 14 );
+}
+
+.date {
+  /* left: 72px; */
+  left: calc(100vmin / 1920 * 72);
+}
+
+.time {
+  /* right: 128px; */
+  right: calc(100vmin / 1920 * 186);
 }
 
 .fullscreen-btn {
+  /* height: 32px; */
   cursor: pointer;
   position: absolute;
   /* right: 24px;  */
   /** techy-body 的内部 padding 值 */
-  right: calc(100vw / 1920 * 24);
+  right: calc(100vmin / 1920 * 32);
+  /* top: 42px; */
+  top: calc(100vmin / 1920 * 52);
   bottom: 0;
 }
+
+.fullscreen-btn > span {
+  display: inline-block;
+  width: calc(100vmin / 1920 * 52);
+  height: calc(100vmin / 1920 * 52);
+}
 </style>
diff --git a/src/views/3DOverview/components/header-longer.png b/src/views/3DOverview/components/header-longer.png
new file mode 100644
index 0000000..0e07c51
Binary files /dev/null and b/src/views/3DOverview/components/header-longer.png differ
diff --git a/src/views/3DOverview/index.vue b/src/views/3DOverview/index.vue
index 4bbc696..a2fce66 100644
--- a/src/views/3DOverview/index.vue
+++ b/src/views/3DOverview/index.vue
@@ -1,64 +1,82 @@
 <template>
   <div id="v3d-outter" ref="v3d-outter">
-    <V3DApp @3d-loaded="handle3DLoaded" />
+    <!-- <V3DApp @3d-loaded="handle3DLoaded" /> -->
     <!-- 正式内容: -->
-    <div v-if="showPage" id="v3d-main-content">
+    <!-- <div v-if="showPage" id="v3d-main-content"> -->
+    <div v-if="true" id="v3d-main-content">
       <techy-header :head-title="'合肥新能源数字工厂总览'" @toggle-full-screen="toggleFullScreen" />
+
       <section id="techy-body-part">
-        <div class="techy-body-part__left">
-          <techy-container title="订单完成情况" style="flex: 0;">
-            <LeftContentOrder />
-          </techy-container>
-          <techy-container title="公用工程消耗" style="flex:1;">
-            <LeftContentPublicConsume />
-          </techy-container>
-          <techy-container title="设备巡检提示" style="flex: 0;">
-            <LeftContentEquipmentCheck />
-          </techy-container>
-          <techy-container title="现场实时监控" style="flex: 0;">
-            <LeftContentMonitor />
-          </techy-container>
-        </div>
-        <div class="techy-body-part__middle">
-          <TechyBox>
-            <div class="flex">
-              <p>
-                <b>产线名称 :</b>
-                <span>A产线</span>
-              </p>
-              <p>
-                <b>设备名称 :</b>
-                <span>清洗机</span>
-              </p>
-              <p>
-                <b>累计加工数量 :</b>
-                <span>20</span>
-              </p>
-              <p>
-                <b>通信状态 :</b>
-                <span class="round-dot">运行中</span>
-              </p>
+        <div class="upper-part">
+          <div class="techy-body-part__left">
+            <techy-container title="订单完成情况" style="flex: 0;">
+              <LeftContentOrder />
+            </techy-container>
+            <techy-container title="公用工程消耗" style="flex:1;">
+              <LeftContentPublicConsume />
+            </techy-container>
+          </div>
+
+          <div class="techy-body-part__middle">
+            <TechyBox>
+              <div class="flex">
+                <p>
+                  <b>产线名称 :</b>
+                  <span>A产线</span>
+                </p>
+                <p>
+                  <b>设备名称 :</b>
+                  <span>清洗机</span>
+                </p>
+                <p>
+                  <b>累计加工数量 :</b>
+                  <span>20</span>
+                </p>
+                <p>
+                  <b>通信状态 :</b>
+                  <span class="round-dot">运行中</span>
+                </p>
+              </div>
+            </TechyBox>
+          </div>
+
+          <div class="techy-body-part__right">
+            <techy-container title="实时产量和能耗" style="flex: 0">
+              <RightContentRealtimeProduction />
+            </techy-container>
+            <div class="techy-body-part__right-col-2">
+              <techy-container title="工序质量分析">
+                <RightContentQualityAnalysis />
+              </techy-container>
             </div>
-          </TechyBox>
+            <techy-container title="产线成品率" style="flex: 0;">
+              <RightContentProductRate />
+            </techy-container>
+          </div>
         </div>
-        <div class="techy-body-part__right">
-          <techy-container title="实时产量和能耗" style="flex: 0">
-            <RightContentRealtimeProduction />
-          </techy-container>
-          <div class="techy-body-part__right-col-2">
+
+        <!-- 底部 -->
+        <div class="bottom-part">
+          <div style="width: 25%; min-width: 480px;  min-height: 240px; height: 20vh;">
+            <techy-container title="设备巡检提示" style="flex: 0;">
+              <LeftContentEquipmentCheck />
+            </techy-container>
+          </div>
+          <div style="flex: 1;">
+            <techy-container title="现场实时监控">
+              <LeftContentMonitor />
+            </techy-container>
+          </div>
+          <div>
             <techy-container title="缺陷分类分析">
               <RightContentFaultAnalysis />
             </techy-container>
-            <techy-container title="工序质量分析">
-              <RightContentQualityAnalysis />
+          </div>
+          <div style="width: 25%; min-width: 480px;">
+            <techy-container title="设备报警提示" style="flex: 0;">
+              <RightContentAlert />
             </techy-container>
           </div>
-          <techy-container title="产线成品率" style="flex: 0;">
-            <RightContentProductRate />
-          </techy-container>
-          <techy-container title="设备报警提示" style="flex: 0;">
-            <RightContentAlert />
-          </techy-container>
         </div>
       </section>
     </div>
@@ -156,15 +174,31 @@ export default {
 
 #techy-body-part {
   flex: 1 1;
-  padding: calc(100vw / 1920 * 24);
+  display: flex;
+  /* gap: 16px; */
+  gap: calc(100vmin / 1920 * 36);
+  flex-direction: column;
+}
+
+.upper-part {
+  flex: 1 1;
+  padding: calc(100vmin / 1920 * 36);
+  padding-bottom: 0;
   display: flex;
   justify-content: space-between;
 }
 
+.bottom-part {
+  padding: 0 calc(100vmin / 1920 * 36) calc(100vmin / 1920 * 36);
+  display: flex;
+  /* gap: 16px; */
+  gap: calc(100vmin / 1920 * 36);
+}
+
 .techy-body-part__left,
 .techy-body-part__right {
   height: 100%;
-  width: 30%;
+  width: 25%;
   min-width: 480px;
   overflow: hidden;
   /* background: rgba(20, 69, 100, 0.425);
@@ -172,17 +206,17 @@ export default {
 
   display: flex;
   flex-direction: column;
-  gap: calc(100vw / 1920 * 16);
+  gap: calc(100vmin / 1920 * 36);
 }
 
-.techy-body-part__left {
+/* .techy-body-part__left {
   width: 35%;
-}
+} */
 
 .techy-body-part__right-col-2 {
   flex: 1;
   display: flex;
-  gap: calc(100vw / 1920 * 16);
+  gap: calc(100vmin / 1920 * 36);
 }
 
 .techy-body-part__middle {
diff --git a/src/views/ChoicePart/index.vue b/src/views/ChoicePart/index.vue
index 3e12979..ef8c96f 100644
--- a/src/views/ChoicePart/index.vue
+++ b/src/views/ChoicePart/index.vue
@@ -144,8 +144,8 @@ export default {
   min-width: 100%;
   min-height: 100vh;
   // background: linear-gradient(-45deg, rgb(25, 25, 200), rgb(0, 100, 200));
-  background: url('../../assets/img/choicepart/choicepart-back.png') repeat;
-  background-size: cover;
+  background: url('../../assets/img/choicepart/choicepart-back.jpg') repeat;
+  background-size: 100% 100%;
   overflow-x: scroll;
   .choicepart-box {
     width: 1440px;
@@ -161,7 +161,7 @@ export default {
       background: url('../../assets/img/choicepart/choice-item-back.png') no-repeat;
       background-size: 100% 100%;
       // border: 1px dashed #fff;
-      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
+      // box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
       top: 0;
       border-radius: 5px;
       overflow: hidden;
@@ -174,7 +174,7 @@ export default {
       .choicepart-item-border {
         height: 100%;
         border-radius: 5px;
-        padding: 0 5px;
+        // padding: 0 5px;
         line-height: 32px;
         font-size: 28px;
         font-weight: lighter;
diff --git a/src/views/EquipmentManager/HomePage.vue b/src/views/EquipmentManager/HomePage.vue
index f8d7206..e3a81d4 100644
--- a/src/views/EquipmentManager/HomePage.vue
+++ b/src/views/EquipmentManager/HomePage.vue
@@ -408,14 +408,14 @@ export default {
   border: none;
   outline: none;
   border-radius: 2px 4px 4px 2px;
-  background: #31878c88;
+  background: #31878c45;
   /* opacity: 0.29; */
   color: white;
   position: absolute;
   padding: 0.5vh;
   width: 5vw;
-  font-size: 1vh;
-  line-height: 1.2vh;
+  font-size: 12px;
+  line-height: 18px;
   top: calc(1vh + 8px);
   left: calc(5vw + 32px);
 }
diff --git a/src/views/EquipmentManager/components/EquipmentAnalysisBox.vue b/src/views/EquipmentManager/components/EquipmentAnalysisBox.vue
index 9f23003..cb64904 100644
--- a/src/views/EquipmentManager/components/EquipmentAnalysisBox.vue
+++ b/src/views/EquipmentManager/components/EquipmentAnalysisBox.vue
@@ -56,7 +56,7 @@ const ProgreeBar = {
           width: '100%',
           borderRadius: '8px',
           position: 'relative',
-          background: '#1E2D45',
+          background: '#1E2D4590',
           // background: 'red',
           overflow: 'hidden'
         }
diff --git a/src/views/EquipmentManager/components/TechyBox.vue b/src/views/EquipmentManager/components/TechyBox.vue
index fe75fde..e8e0a62 100644
--- a/src/views/EquipmentManager/components/TechyBox.vue
+++ b/src/views/EquipmentManager/components/TechyBox.vue
@@ -11,7 +11,7 @@ export default {}
 <style scoped>
 .techy-box {
   background: transparent;
-  box-shadow: inset 0 0 16px 1px rgba(255, 255, 255, 0.5);
+  box-shadow: inset 0 0 16px 1px rgba(255, 255, 255, 0.2);
   display: inline-block;
   height: 100%;
   width: 100%;
diff --git a/src/views/QualityManager/HomePage.vue b/src/views/QualityManager/HomePage.vue
index 57fd869..779ec8b 100644
--- a/src/views/QualityManager/HomePage.vue
+++ b/src/views/QualityManager/HomePage.vue
@@ -5,13 +5,15 @@
       <div class="part-1">
         <div>
           <techy-container :title="'质量异常上报'" :icon="qualitySVG">
-            <techy-table
-              :page="1"
-              :limit="8"
-              :show-index="false"
-              :table-config="qualityTableProps"
-              :table-data="qualityDatalist"
-            />
+            <div>
+              <techy-table
+                :page="1"
+                :limit="10"
+                :show-index="false"
+                :table-config="qualityTableProps"
+                :table-data="qualityDatalist"
+              />
+            </div>
           </techy-container>
         </div>
 
@@ -55,6 +57,7 @@
                         '擦划伤11',
                         '擦划伤12'
                       ]"
+                      chart-name="fault-category"
                       :data-list="[
                         {
                           topColor: 'rgba(59, 76, 118, 0.2)',
@@ -70,6 +73,7 @@
                   <techy-box class="" style="padding: 16px;">
                     <techy-analysis-header>工序缺陷分析</techy-analysis-header>
                     <new-bar
+                      chart-name="process-fault"
                       :name-list="['A', 'B', 'C', 'D', 'E', 'F']"
                       :data-list="[
                         {
@@ -96,6 +100,10 @@
                   <techy-box class="" style="padding: 16px;">
                     <techy-analysis-header>产品成品率</techy-analysis-header>
                     <new-line-stack />
+                    <div class="date-select">
+                      <span>日</span>
+                      <span class="date-select__active">月</span>
+                    </div>
                   </techy-box>
                 </div>
               </div>
@@ -371,6 +379,7 @@ export default {
   /* flex: 1 1; */
   display: flex;
   gap: calc(100vw / 1920 * 16);
+  flex: 1;
 }
 
 .part-1 > div {
@@ -389,8 +398,9 @@ export default {
 }
 
 .quality-analysis__body__row-1 {
-  flex: 1 1;
-  max-height: 25vh;
+  /* flex: 1 1;
+  max-height: 25vh; */
+  height: 25vh;
   overflow: hidden;
   display: flex;
   gap: calc(100vw / 1920 * 16);
@@ -450,4 +460,28 @@ export default {
 .gap-16 {
   gap: calc(100vw / 1920 * 16);
 }
+
+.date-select {
+  position: absolute;
+  top: calc(100vh / 1920 * 22);
+  right: calc(100vw / 1440 * 12);
+  border-radius: 2px;
+  overflow: hidden;
+  display: flex;
+  cursor: pointer;
+}
+
+.date-select span {
+  display: inline-block;
+  width: 40px;
+  text-align: center;
+  font-size: 12px;
+  line-height: 18px;
+  color: white;
+  background-color: #31878c94;
+}
+
+.date-select span.date-select__active {
+  background-color: #42BBB7;
+}
 </style>
diff --git a/src/views/QualityManager/components/TechyAnalysisBar.vue b/src/views/QualityManager/components/TechyAnalysisBar.vue
index 8d5c696..7096507 100644
--- a/src/views/QualityManager/components/TechyAnalysisBar.vue
+++ b/src/views/QualityManager/components/TechyAnalysisBar.vue
@@ -22,7 +22,7 @@ export default {
   filters: {
     amountFilter: val => {
       const sVal = val.toString()
-      return sVal.length > 7 ? sVal.slice(6) + '...' : sVal
+      return sVal.length > 7 ? sVal.slice(0, 6) + '...' : sVal
     }
   },
   props: {
@@ -79,6 +79,8 @@ export default {
   overflow: hidden;
   min-width: 32px;
   position: relative;
+  display: flex;
+  justify-content: center;
 }
 
 .placeholder-block-wrapper > div {
@@ -176,14 +178,19 @@ export default {
   overflow: hidden;
   color: white;
   display: inline-block;
-  padding: 0 8px;
+  padding: 3px 8px;
+  font-size: 14px;
+  line-height: 12px;
 }
 
 .quality-analysis-bar__amount {
-  color: white;
+  color: rgba(255, 255, 255, 0.725);
   display: inline-block;
   /* min-width: 35%; */
   width: 35%;
   text-align: left;
+  padding: 3px 0;
+  font-size: 14px;
+  line-height: 12px;
 }
 </style>
diff --git a/src/views/QualityManager/components/TechyBox.vue b/src/views/QualityManager/components/TechyBox.vue
index fe75fde..58db68d 100644
--- a/src/views/QualityManager/components/TechyBox.vue
+++ b/src/views/QualityManager/components/TechyBox.vue
@@ -16,5 +16,6 @@ export default {}
   height: 100%;
   width: 100%;
   border-radius: .25rem;
+  position: relative;
 }
 </style>
diff --git a/src/views/QualityManager/components/TechyHeader.vue b/src/views/QualityManager/components/TechyHeader.vue
index 5587394..5d2c835 100644
--- a/src/views/QualityManager/components/TechyHeader.vue
+++ b/src/views/QualityManager/components/TechyHeader.vue
@@ -4,18 +4,42 @@
     <span style="display: line-block; margin-left: calc(100vw / 1920 * 8); letter-spacing: 3px;">{{ headTitle }}</span>
 
     <span class="fullscreen-btn" @click="handleClick('fullscreen')">
-      <svg-icon v-if="isFullScreen" icon-class="unFullScreenView" />
-      <svg-icon v-else icon-class="fullScreenView" />
+      <span v-if="isFullScreen" v-html="unfullScreenSvg" />
+      <span v-else v-html="fullScreenSvg" />
     </span>
   </header>
 </template>
 
 <script>
+const fullScreenSvg = `<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 54备份</title>
+    <g id="2MES。2-6蓝底-7、8白底" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="2-4设备管理" transform="translate(-1864.000000, -162.000000)">
+            <g id="编组-54备份" transform="translate(1864.000000, 162.000000)">
+                <rect id="矩形" stroke="#979797" fill="#D8D8D8" opacity="0" x="0.5" y="0.5" width="31" height="31"></rect>
+                <path d="M26.7638125,1.45454545 L27.0177905,1.4628567 C27.4387521,1.49054436 27.8474996,1.58732758 28.2359531,1.75197014 C28.6866948,1.94029725 29.0896137,2.2117619 29.4389259,2.56107409 C29.7857111,2.90785927 30.0584977,3.31352185 30.2477734,3.76343947 C30.4456009,4.23019115 30.5454545,4.72555866 30.5454545,5.23618754 L30.5454545,5.23618754 L30.5454545,26.7638125 L30.5371433,27.0177905 C30.5094556,27.4387521 30.4126724,27.8474996 30.2480299,28.2359531 C30.0597028,28.6866948 29.7882381,29.0896137 29.4389259,29.4389259 C29.0921407,29.7857111 28.6864782,30.0584977 28.2365605,30.2477734 C27.7698088,30.4456009 27.2744413,30.5454545 26.7638125,30.5454545 L26.7638125,30.5454545 L5.23618754,30.5454545 L4.98220952,30.5371433 C4.56124792,30.5094556 4.15250044,30.4126724 3.7640469,30.2480299 C3.31330516,30.0597028 2.91038628,29.7882381 2.56107409,29.4389259 C2.21428891,29.0921407 1.94150232,28.6864782 1.75222663,28.2365605 C1.55439906,27.7698088 1.45454545,27.2744413 1.45454545,26.7638125 L1.45454545,26.7638125 L1.45454545,5.23618754 L1.4628567,4.98220952 C1.49054436,4.56124792 1.58732758,4.15250044 1.75197014,3.7640469 C1.94029725,3.31330516 2.2117619,2.91038628 2.56107409,2.56107409 C2.90785927,2.21428891 3.31352185,1.94150232 3.76343947,1.75222663 C4.23019115,1.55439906 4.72555866,1.45454545 5.23618754,1.45454545 L5.23618754,1.45454545 L26.7638125,1.45454545 Z M26.7638125,3.33876293 L5.23618754,3.33876293 L5.08796584,3.34447462 C4.10971624,3.42016081 3.33876293,4.23861746 3.33876293,5.23618754 L3.33876293,5.23618754 L3.33876293,26.7638125 L3.34447462,26.9120342 C3.42016081,27.8902838 4.23861746,28.6612371 5.23618754,28.6612371 L5.23618754,28.6612371 L26.7638125,28.6612371 L26.9120342,28.6555254 C27.8902838,28.5798392 28.6612371,27.7613825 28.6612371,26.7638125 L28.6612371,26.7638125 L28.6612371,5.23618754 L28.6555254,5.08796584 C28.5798392,4.10971624 27.7613825,3.33876293 26.7638125,3.33876293 L26.7638125,3.33876293 Z M6.64116798,17.2700375 L6.74890704,17.2784355 C7.20902464,17.3410097 7.56504512,17.7372269 7.56504512,18.2121946 L7.56504512,18.2121946 L7.56504512,23.06998 L12.2154875,18.4195377 L12.3038841,18.341579 C12.6723846,18.0557307 13.2096238,18.0817169 13.5474445,18.4195377 C13.9134169,18.7855101 13.9134169,19.3855223 13.5474445,19.7514947 L13.5474445,19.7514947 L8.86035653,24.4349549 L13.6953555,24.4349549 L13.8090001,24.4414765 C14.2937488,24.4974586 14.6711425,24.9068233 14.6639054,25.3965331 C14.6534571,25.9083109 14.2345395,26.3191724 13.7217698,26.3191724 L13.7217698,26.3191724 L6.64604887,26.3191724 L6.53329365,26.3126932 C6.05255502,26.2570589 5.68082765,25.8499062 5.68082765,25.3539511 L5.68082765,25.3539511 L5.68082765,18.2353071 L5.68737703,18.1218678 C5.74358847,17.6379293 6.15445128,17.2603996 6.64116798,17.2700375 L6.64116798,17.2700375 Z M25.3605547,5.68082765 L25.4723738,5.68728667 C25.9492196,5.74274215 26.3191724,6.14846553 26.3191724,6.6394453 L26.3191724,6.6394453 L26.3191724,13.7613912 L26.312623,13.8748304 C26.2564115,14.3587689 25.8455487,14.7362986 25.358832,14.7266607 C24.8478544,14.716179 24.4349549,14.2960073 24.4349549,13.7845036 L24.4349549,13.7845036 L24.4349549,8.93001999 L19.7845125,13.5804623 L19.6961159,13.658421 C19.3276154,13.9442693 18.7903762,13.9182831 18.4525555,13.5804623 C18.0865831,13.2144899 18.0865831,12.6144777 18.4525555,12.2485053 L18.4525555,12.2485053 L23.1360157,7.56504512 L18.3013427,7.56504512 L18.1876721,7.55852521 C17.7028859,7.50255928 17.3264448,7.09334546 17.3360737,6.60468076 C17.3465429,6.0916891 17.7654605,5.68082765 18.2782302,5.68082765 L18.2782302,5.68082765 L25.3605547,5.68082765 Z" id="形状结合" fill="#52FFF1" fill-rule="nonzero" opacity="0.79078311"></path>
+            </g>
+        </g>
+    </g>
+</svg>`
+
+const unfullScreenSvg = `<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 54备份 2</title>
+    <g id="3WMS。1、2、3、4、5、6" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组-54备份-2">
+            <rect id="矩形" stroke="#979797" fill="#D8D8D8" opacity="0" x="0.5" y="0.5" width="31" height="31"></rect>
+            <path d="M26.7638125,1.45454545 L27.0177905,1.4628567 C27.4387521,1.49054436 27.8474996,1.58732758 28.2359531,1.75197014 C28.6866948,1.94029725 29.0896137,2.2117619 29.4389259,2.56107409 C29.7857111,2.90785927 30.0584977,3.31352185 30.2477734,3.76343947 C30.4456009,4.23019115 30.5454545,4.72555866 30.5454545,5.23618754 L30.5454545,5.23618754 L30.5454545,26.7638125 L30.5371433,27.0177905 C30.5094556,27.4387521 30.4126724,27.8474996 30.2480299,28.2359531 C30.0597028,28.6866948 29.7882381,29.0896137 29.4389259,29.4389259 C29.0921407,29.7857111 28.6864782,30.0584977 28.2365605,30.2477734 C27.7698088,30.4456009 27.2744413,30.5454545 26.7638125,30.5454545 L26.7638125,30.5454545 L5.23618754,30.5454545 L4.98220952,30.5371433 C4.56124792,30.5094556 4.15250044,30.4126724 3.7640469,30.2480299 C3.31330516,30.0597028 2.91038628,29.7882381 2.56107409,29.4389259 C2.21428891,29.0921407 1.94150232,28.6864782 1.75222663,28.2365605 C1.55439906,27.7698088 1.45454545,27.2744413 1.45454545,26.7638125 L1.45454545,26.7638125 L1.45454545,5.23618754 L1.4628567,4.98220952 C1.49054436,4.56124792 1.58732758,4.15250044 1.75197014,3.7640469 C1.94029725,3.31330516 2.2117619,2.91038628 2.56107409,2.56107409 C2.90785927,2.21428891 3.31352185,1.94150232 3.76343947,1.75222663 C4.23019115,1.55439906 4.72555866,1.45454545 5.23618754,1.45454545 L5.23618754,1.45454545 L26.7638125,1.45454545 Z M26.7638125,3.33876293 L5.23618754,3.33876293 L5.08796584,3.34447462 C4.10971624,3.42016081 3.33876293,4.23861746 3.33876293,5.23618754 L3.33876293,5.23618754 L3.33876293,26.7638125 L3.34447462,26.9120342 C3.42016081,27.8902838 4.23861746,28.6612371 5.23618754,28.6612371 L5.23618754,28.6612371 L26.7638125,28.6612371 L26.9120342,28.6555254 C27.8902838,28.5798392 28.6612371,27.7613825 28.6612371,26.7638125 L28.6612371,26.7638125 L28.6612371,5.23618754 L28.6555254,5.08796584 C28.5798392,4.10971624 27.7613825,3.33876293 26.7638125,3.33876293 L26.7638125,3.33876293 Z M13.6987866,17.269857 L13.8115418,17.2763362 C14.2922804,17.3319705 14.6640078,17.7391232 14.6640078,18.2350783 L14.6640078,18.2350783 L14.6640078,25.3537223 L14.6574584,25.4671616 C14.6012469,25.9511001 14.1903841,26.3286298 13.7036674,26.3189919 L13.7036674,26.3189919 L13.5959284,26.3105939 C13.1358108,26.2480197 12.7797903,25.8518025 12.7797903,25.3768348 L12.7797903,25.3768348 L12.7797903,20.5190494 L8.12934794,25.1694917 L8.04095127,25.2474504 C7.67245079,25.5332987 7.13521162,25.5073124 6.79739091,25.1694917 C6.43141847,24.8035193 6.43141847,24.2035071 6.79739091,23.8375347 L6.79739091,23.8375347 L11.4844789,19.1540745 L6.64947993,19.1540745 L6.53583534,19.1475529 C6.05108664,19.0915708 5.67369292,18.6822061 5.68093001,18.1924962 C5.69137836,17.6807185 6.11029591,17.269857 6.62306566,17.269857 L6.62306566,17.269857 L13.6987866,17.269857 Z M18.2962333,5.68100813 C18.807211,5.69148979 19.2201105,6.11166149 19.2201105,6.62316519 L19.2201105,6.62316519 L19.2201105,11.4776488 L23.8705528,6.82720649 L23.9589495,6.74924786 C24.32745,6.46339956 24.8646892,6.48938577 25.2025099,6.82720649 C25.5684823,7.19317893 25.5684823,7.79319108 25.2025099,8.15916352 L25.2025099,8.15916352 L20.5190497,12.8426237 L25.3537226,12.8426237 L25.4673933,12.8491436 C25.9521795,12.9051095 26.3286206,13.3143234 26.3189917,13.8029881 C26.3085224,14.3159797 25.8896049,14.7268412 25.3768351,14.7268412 L25.3768351,14.7268412 L18.2945107,14.7268412 L18.1826915,14.7203822 C17.7058457,14.6649267 17.335893,14.2592033 17.335893,13.7682235 L17.335893,13.7682235 L17.335893,6.64627767 L17.3424424,6.53283844 C17.3986538,6.04889994 17.8095166,5.67137018 18.2962333,5.68100813 Z" id="形状结合" fill="#52FFF1" fill-rule="nonzero" opacity="0.79078311"></path>
+        </g>
+    </g>
+</svg>`
+
 export default {
   name: 'TechyHeader',
   props: ['headTitle'],
   data() {
     return {
+      fullScreenSvg,
+      unfullScreenSvg,
       isFullScreen: false
     }
   },
@@ -42,7 +66,7 @@ export default {
   font-size: 2vh;
   padding: calc(100vw / 1920 * 16) 0;
   line-height: 1;
-  background: url(./header-bg.svg) no-repeat;
+  background: url(./header-new.png) no-repeat;
   /** 背景图片好像左右不对称 : */
   /* background-position: bottom left 40px;  */
   /* background-size: cover; */
@@ -56,6 +80,8 @@ export default {
 }
 
 .fullscreen-btn {
+  width: 32px;
+  height: 32px;
   cursor: pointer;
   position: absolute;
   /* right: 24px;  */
diff --git a/src/views/QualityManager/components/charts/PlFaultAnalysisPieChart.vue b/src/views/QualityManager/components/charts/PlFaultAnalysisPieChart.vue
index b60b7f0..5d3b63b 100644
--- a/src/views/QualityManager/components/charts/PlFaultAnalysisPieChart.vue
+++ b/src/views/QualityManager/components/charts/PlFaultAnalysisPieChart.vue
@@ -88,7 +88,7 @@ export default {
         title: {
           textAlign: 'center',
           left: '59%',
-          top: '32%',
+          top: '35%',
           text: '33039',
           textStyle: {
             color: '#fff',
@@ -103,7 +103,7 @@ export default {
           }
         },
         legend: {
-          top: '10%',
+          top: '20%',
           bottom: '25%',
           left: 0,
           orient: 'vertical',
diff --git a/src/views/QualityManager/components/charts/newBar.vue b/src/views/QualityManager/components/charts/newBar.vue
index 87529dd..aca8a75 100644
--- a/src/views/QualityManager/components/charts/newBar.vue
+++ b/src/views/QualityManager/components/charts/newBar.vue
@@ -1,16 +1,24 @@
 <template>
-  <div ref="chartContainer" class="chartContainer" style="position: relative; width: 100%; height: calc(100% - 36px)" />
+  <div
+    ref="chartContainer"
+    class="chartContainer"
+    :class="bindClass"
+    style="position: relative; width: 100%; height: calc(100% - 36px)"
+  />
 </template>
 
 <script>
-import echarts from 'echarts'
-import 'echarts/theme/macarons' // echarts theme
+import echarts from 'echarts' // echarts theme
 import resize from '@/views/OperationalOverview/components/mixins/resize'
 
 export default {
   name: 'OverviewBar',
   mixins: [resize],
   props: {
+    chartName: {
+      type: String,
+      default: ''
+    },
     xlabelFontSize: {
       type: Number,
       default: 12
@@ -34,6 +42,14 @@ export default {
       series: []
     }
   },
+  computed: {
+    bindClass() {
+      return {
+        'fault-category-chart': this.chartName === 'fault-category',
+        'process-fault-chart': this.chartName === 'process-fault'
+      }
+    }
+  },
   mounted() {
     if (this.dataList.length > 1) {
       this.series = [
@@ -125,9 +141,9 @@ export default {
             color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
               { offset: 0, color: this.dataList[0].topColor },
               { offset: 1, color: this.dataList[0].bottomColor }
-            ]),
-            borderWidth: 1,
-            borderColor: this.dataList[0].bottomColor + '66' // 边框颜色+透明度
+            ])
+            // borderWidth: 1,
+            // borderColor: this.dataList[0].bottomColor + '66' // 边框颜色+透明度
           },
           data: this.dataList[0].data
           // backgroundStyle: {
@@ -154,10 +170,11 @@ export default {
             ])
           },
           label: {
-            color: 'rgba(119, 255, 242, 1)',
+            color: this.chartName === 'process-fault' ? 'rgba(119, 255, 242, 1)' : '#31a2ff',
             show: true,
             offset: [0, 10],
-            position: 'top'
+            position: 'top',
+            vertialAlign: 'bottom'
           },
           data: this.dataList[0].data
         },
@@ -220,7 +237,8 @@ export default {
           axisLine: {
             lineStyle: {
               type: 'solid',
-              color: 'rgba(119, 255, 242, 0.6)', // 左边线的颜色
+              color: this.dataList[0].bottomColor,
+              // color: 'rgba(119, 255, 242, 0.6)', // 左边线的颜色
               width: '1' // 坐标线的宽度
             }
           },
@@ -249,5 +267,35 @@ export default {
 <style scoped>
 .chartContainer >>> div {
   width: 100% !important;
+  height: 100% !important;
+  /* position: relative !important; */
+}
+
+.fault-category-chart >>> div::before {
+/* .fault-category-chart::before { */
+  content: '';
+  position: absolute;
+  /* bottom: calc(100vh/1920 * 80);
+  left: calc(100vw/1920 * 48); */
+  /* bottom: calc(10% + 100vh/1920 * 28); */
+  bottom: 25px;
+  left: 9%;
+  height: 52px;
+  width: 90%;
+  background: linear-gradient(to top, #31a2ff6d, transparent);
+  transform: skew(-45deg);
+  z-index: 0;
+}
+.process-fault-chart >>> div::before {
+/* .process-fault-chart::before { */
+  content: '';
+  position: absolute;
+  bottom: 26px;
+  left: 10%;
+  height: 48px;
+  width: 90%;
+  background: linear-gradient(to top, #49fbd789, transparent);
+  transform: skew(-45deg);
+  z-index: 0;
 }
 </style>
diff --git a/src/views/QualityManager/components/charts/newLineStack.vue b/src/views/QualityManager/components/charts/newLineStack.vue
index 6c5c821..218bfb8 100644
--- a/src/views/QualityManager/components/charts/newLineStack.vue
+++ b/src/views/QualityManager/components/charts/newLineStack.vue
@@ -90,9 +90,26 @@ export default {
             name: 'A1下片机',
             type: 'line',
             symbol: 'none',
-
             areaStyle: {
-              color: 'rgba(50,145,152,0.5)'
+              // color: 'rgba(50,145,152,0.5)'
+              color: {
+                type: 'linear',
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [
+                  {
+                    offset: 0,
+                    color: '#FB418C' // 0% 处的颜色
+                  },
+                  {
+                    offset: 1,
+                    color: 'transparent' // 100% 处的颜色
+                  }
+                ],
+                global: false // 缺省为 false
+              }
             },
             emphasis: {
               focus: 'series'
@@ -105,7 +122,25 @@ export default {
             symbol: 'none',
 
             areaStyle: {
-              color: 'rgba(50,145,152,0.5)'
+              // color: 'rgba(50,145,152,0.5)'
+              color: {
+                type: 'linear',
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [
+                  {
+                    offset: 0,
+                    color: '#DDB112' // 0% 处的颜色
+                  },
+                  {
+                    offset: 1,
+                    color: 'transparent' // 100% 处的颜色
+                  }
+                ],
+                global: false // 缺省为 false
+              }
             },
             emphasis: {
               focus: 'series'
@@ -118,7 +153,25 @@ export default {
             symbol: 'none',
 
             areaStyle: {
-              color: 'rgba(50,145,152,0.5)'
+              // color: 'rgba(50,145,152,0.5)'
+              color: {
+                type: 'linear',
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [
+                  {
+                    offset: 0,
+                    color: '#1A99FF' // 0% 处的颜色
+                  },
+                  {
+                    offset: 1,
+                    color: 'transparent' // 100% 处的颜色
+                  }
+                ],
+                global: false // 缺省为 false
+              }
             },
             emphasis: {
               focus: 'series'
@@ -131,7 +184,25 @@ export default {
             symbol: 'none',
 
             areaStyle: {
-              color: 'rgba(50,145,152,0.5)'
+              // color: 'rgba(50,145,152,0.5)'
+              color: {
+                type: 'linear',
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [
+                  {
+                    offset: 0,
+                    color: '#A691FF' // 0% 处的颜色
+                  },
+                  {
+                    offset: 1,
+                    color: 'transparent' // 100% 处的颜色
+                  }
+                ],
+                global: false // 缺省为 false
+              }
             },
             emphasis: {
               focus: 'series'
@@ -148,7 +219,25 @@ export default {
               position: 'top'
             },
             areaStyle: {
-              color: 'rgba(50,145,152,0.5)'
+              // color: 'rgba(50,145,152,0.5)'
+              color: {
+                type: 'linear',
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 1,
+                colorStops: [
+                  {
+                    offset: 0,
+                    color: '#49FBD6' // 0% 处的颜色
+                  },
+                  {
+                    offset: 1,
+                    color: 'transparent' // 100% 处的颜色
+                  }
+                ],
+                global: false // 缺省为 false
+              }
             },
             emphasis: {
               focus: 'series'
diff --git a/src/views/QualityManager/components/header-new.png b/src/views/QualityManager/components/header-new.png
new file mode 100644
index 0000000..6fc6de5
Binary files /dev/null and b/src/views/QualityManager/components/header-new.png differ
diff --git a/src/views/QualityManager/mockData.js b/src/views/QualityManager/mockData.js
index 5bd7712..be474df 100644
--- a/src/views/QualityManager/mockData.js
+++ b/src/views/QualityManager/mockData.js
@@ -31,19 +31,19 @@ const PriorityComponent = {
   },
   methods: {},
   render: function(h) {
-    return h('span', { style: { display: 'inline-block', padding: '2px 8px', color: '#fff', opacity: '0.6', backgroundColor: this.bgColor }}, this.priorityText)
+    return h('span', { style: { display: 'inline-block', borderRadius: '2px', padding: '2px 8px', color: '#fff', opacity: '0.6', backgroundColor: this.bgColor }}, this.priorityText)
   }
 }
 
 console.log('is component?', PriorityComponent)
 
 export const qualityTableProps = [
-  { label: '工序名称', prop: 'wsName' },
-  { label: '所属产线', prop: 'pl' },
-  { label: '异常内容', prop: 'content' },
-  { label: '报告人', prop: 'creator' },
+  { label: '工序名称', width: 80, prop: 'wsName' },
+  { label: '所属产线', width: 80, prop: 'pl' },
+  { label: '异常内容', align: 'center', prop: 'content' },
+  { label: '报告人', width: 80, prop: 'creator' },
   { label: '时间', prop: 'time' },
-  { label: '优先级', prop: 'priority', subcomponent: PriorityComponent }
+  { label: '优先级', width: 80, prop: 'priority', align: 'center', subcomponent: PriorityComponent }
 ]
 
 export const qualityDatalist = [
@@ -88,8 +88,8 @@ const StatusComponent = {
     }
   },
   render: function(h) {
-    return h('span', { style: { display: 'flex', alignItems: 'center', color: '#fff' }}, [
-      h('span', { style: { width: '6px', height: '6px', borderRadius: '50%', backgroundColor: this.statusColor, boxShadow: '0 0 5px 2px ' + this.statusColor, marginRight: '6px' }}, ''),
+    return h('span', { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', color: '#fff' }}, [
+      h('span', { style: { width: '6px', height: '6px', borderRadius: '50%', backgroundColor: this.statusColor, boxShadow: '0 0 2px 2px ' + this.statusColor, marginRight: '6px' }}, ''),
       h('span', this.statusText)
     ])
   }
@@ -101,9 +101,9 @@ export const qualityExceptionTableProps = [
   { label: '异常内容', prop: 'content' },
   { label: '发现人', prop: 'creator' },
   { label: '时间', prop: 'time' },
-  { label: '优先级', prop: 'priority', subcomponent: PriorityComponent },
+  { label: '优先级', prop: 'priority', align: 'center', subcomponent: PriorityComponent },
   { label: '处理人', prop: 'charger' },
-  { label: '完成情况', prop: 'status', subcomponent: StatusComponent }
+  { label: '完成情况', prop: 'status', align: 'center', subcomponent: StatusComponent }
 ]
 
 export const qualityExceptionDatalist = [
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 40533b4..17f9d7c 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -126,6 +126,7 @@
 <script>
 import { downLoadBGP } from '@/api/user'
 import { mapGetters } from 'vuex'
+import Cookie from 'js-cookie'
 
 export default {
   name: 'Login',
@@ -174,6 +175,8 @@ export default {
             username,
             password
           }
+          Cookie.set('account', username)
+          Cookie.set('password', password)
           this.$nextTick(() => {
             this.handleLogin()
           })