diff --git a/src/assets/img/choicepart/choicepart-back.png b/src/assets/img/choicepart/choicepart-back.png
new file mode 100644
index 0000000..b16893b
Binary files /dev/null and b/src/assets/img/choicepart/choicepart-back.png differ
diff --git a/src/assets/video/3d.mkv b/src/assets/video/3d.mkv
new file mode 100644
index 0000000..a5b9a01
Binary files /dev/null and b/src/assets/video/3d.mkv differ
diff --git a/src/router/index.js b/src/router/index.js
index 1859a33..e6f5369 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,7 +13,6 @@ Vue.use(Router)
 
 /* Layout */
 import Layout from '@/layout'
-
 export const constantRoutes = [
   {
     path: '/3d-overview',
@@ -2298,7 +2297,6 @@ export const dynamicRoutes = [
       // },
     ]
   },
-
   {
     path: '/basic',
     component: Layout,
diff --git a/src/views/3DOverview/components/TechyHeader.vue b/src/views/3DOverview/components/TechyHeader.vue
index 44308e4..b41225d 100644
--- a/src/views/3DOverview/components/TechyHeader.vue
+++ b/src/views/3DOverview/components/TechyHeader.vue
@@ -52,7 +52,6 @@ const unfullScreenSvg = `<svg style="width: 100%; height: 100%" viewBox="0 0 32
         </g>
     </g>
 </svg>`
-
 export default {
   name: 'TechyHeader',
   props: ['headTitle'],
@@ -152,5 +151,4 @@ export default {
   width: calc(100vmin / 1920 * 52);
   height: calc(100vmin / 1920 * 52);
 }
-
 </style>
diff --git a/src/views/3DOverview/components/header-bg.svg b/src/views/3DOverview/components/header-bg.svg
new file mode 100644
index 0000000..5dc8c9b
--- /dev/null
+++ b/src/views/3DOverview/components/header-bg.svg
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1584px" height="88px" viewBox="0 0 1584 88" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 12备份 6</title>
+    <defs>
+        <linearGradient x1="98.361014%" y1="49.8170126%" x2="-6.66133815e-14%" y2="49.768946%" id="linearGradient-1">
+            <stop stop-color="#3797C6" stop-opacity="0.31441215" offset="0%"></stop>
+            <stop stop-color="#52FFF1" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="-2.22044605e-14%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#081C43" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#27778E" stop-opacity="0.205883769" offset="57.0640297%"></stop>
+            <stop stop-color="#37A5B4" stop-opacity="0.311188811" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="98.361014%" y1="49.7685102%" x2="-6.66133815e-14%" y2="49.707703%" id="linearGradient-3">
+            <stop stop-color="#3797C6" stop-opacity="0.31441215" offset="0%"></stop>
+            <stop stop-color="#52FFF1" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="103.601203%" y1="52.4858599%" x2="-6.66133815e-14%" y2="48.1699424%" id="linearGradient-4">
+            <stop stop-color="#3797C6" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#31A6AE" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="103.601203%" y1="50.001227%" x2="-6.66133815e-14%" y2="49.9990967%" id="linearGradient-5">
+            <stop stop-color="#31A6AE" offset="0%"></stop>
+            <stop stop-color="#3797C6" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="103.601203%" y1="50.0398645%" x2="-6.66133815e-14%" y2="49.9706523%" id="linearGradient-6">
+            <stop stop-color="#31A6AE" offset="0%"></stop>
+            <stop stop-color="#3797C6" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="103.601203%" y1="52.51872%" x2="-6.66133815e-14%" y2="48.1457513%" id="linearGradient-7">
+            <stop stop-color="#31A6AE" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#31A6AE" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="2MES。2-6蓝底-7、8白底" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="2-2工单管理" transform="translate(-336.000000, -120.000000)">
+            <g id="编组-12备份-6" transform="translate(336.000000, 120.000000)">
+                <g id="编组-8" transform="translate(540.000000, 23.000000)"></g>
+                <g id="编组-4" transform="translate(0.000000, 1.000000)">
+                    <polyline id="路径-9" stroke="url(#linearGradient-1)" stroke-width="2" points="1584 29 1475.99948 29 1444.71615 53.8660399 1055.55466 53.8660399 1016 86 745.5 86"></polyline>
+                    <polygon id="路径-5" fill="url(#linearGradient-2)" points="1.18181818 0 1.18181818 28 48 28 83.0413946 54 437.5 54 475.858686 85 1016.2234 86 1055.55466 52.8660399 1445 52.2038341 1477 28 1584 28 1583.66667 0"></polygon>
+                    <polyline id="路径-9" stroke="url(#linearGradient-3)" stroke-width="2" transform="translate(372.750000, 57.500000) scale(-1, 1) translate(-372.750000, -57.500000) " points="745.5 29 696.123664 29 664.544271 53.8660399 309.570312 53.8660399 269.641314 86 -3.7840499e-13 86"></polyline>
+                    <g id="编组-3" transform="translate(43.807292, 29.000000)">
+                        <polyline id="路径-10" stroke="url(#linearGradient-4)" stroke-width="2" points="404.207985 57 383.692708 40 315.348958 40"></polyline>
+                        <ellipse id="椭圆形" fill="#31A6AE" cx="311.221354" cy="40" rx="3.30208333" ry="4"></ellipse>
+                        <ellipse id="椭圆形备份" fill="#31A6AE" cx="238.575521" cy="40" rx="3.30208333" ry="4"></ellipse>
+                        <g id="编组-2" transform="translate(250.132812, 35.000000)" fill="#31A6AE">
+                            <polygon id="路径-11" points="42.7984852 5.99520433e-14 39.625 0 46.6862354 10 49.53125 10"></polygon>
+                            <polygon id="路径-11备份" opacity="0.8" points="32.8922352 5.99520433e-14 29.71875 0 36.7799854 10 39.625 10"></polygon>
+                            <polygon id="路径-11备份-3" opacity="0.4" points="13.0797352 5.99520433e-14 9.90625 0 16.9674854 10 19.8125 10"></polygon>
+                            <polygon id="路径-11备份-2" opacity="0.601434" points="22.9859852 5.99520433e-14 19.8125 0 26.8737354 10 29.71875 10"></polygon>
+                            <polygon id="路径-11备份-4" opacity="0.201434" points="3.17348521 5.99520433e-14 3.85947588e-16 0 7.06123536 10 9.90625 10"></polygon>
+                        </g>
+                        <g id="编组-2备份" transform="translate(48.429688, 0.000000)" fill="#31A6AE">
+                            <polygon id="路径-11" points="64.1977278 8.9928065e-14 59.4375 0 70.029353 15 74.296875 15"></polygon>
+                            <polygon id="路径-11备份" opacity="0.8" points="49.3383528 8.9928065e-14 44.578125 0 55.169978 15 59.4375 15"></polygon>
+                            <polygon id="路径-11备份-3" opacity="0.4" points="19.6196028 8.9928065e-14 14.859375 0 25.451228 15 29.71875 15"></polygon>
+                            <polygon id="路径-11备份-2" opacity="0.601434" points="34.4789778 8.9928065e-14 29.71875 0 40.310603 15 44.578125 15"></polygon>
+                            <polygon id="路径-11备份-4" opacity="0.201434" points="4.76022781 8.9928065e-14 5.78921382e-16 0 10.591853 15 14.859375 15"></polygon>
+                        </g>
+                        <line x1="235.273437" y1="39.5" x2="-1.04857353e-14" y2="39.5" id="路径-12" stroke="url(#linearGradient-5)" stroke-width="2"></line>
+                        <line x1="133.458333" y1="7.5" x2="215.993" y2="8" id="路径-13" stroke="url(#linearGradient-6)" stroke-width="2"></line>
+                    </g>
+                    <g id="编组-3备份" transform="translate(1245.379488, 57.500000) scale(-1, 1) translate(-1245.379488, -57.500000) translate(1043.566269, 29.000000)">
+                        <polyline id="路径-10" stroke="url(#linearGradient-7)" stroke-width="2" points="403.62644 57 383.111163 40 315.348958 40"></polyline>
+                        <ellipse id="椭圆形" fill="#31A6AE" cx="311.221354" cy="40" rx="3.30208333" ry="4"></ellipse>
+                        <ellipse id="椭圆形备份" fill="#31A6AE" cx="238.575521" cy="40" rx="3.30208333" ry="4"></ellipse>
+                        <g id="编组-2" transform="translate(250.132812, 35.000000)" fill="#31A6AE">
+                            <polygon id="路径-11" points="42.7984852 5.99520433e-14 39.625 0 46.6862354 10 49.53125 10"></polygon>
+                            <polygon id="路径-11备份" opacity="0.8" points="32.8922352 5.99520433e-14 29.71875 0 36.7799854 10 39.625 10"></polygon>
+                            <polygon id="路径-11备份-3" opacity="0.4" points="13.0797352 5.99520433e-14 9.90625 0 16.9674854 10 19.8125 10"></polygon>
+                            <polygon id="路径-11备份-2" opacity="0.601434" points="22.9859852 5.99520433e-14 19.8125 0 26.8737354 10 29.71875 10"></polygon>
+                            <polygon id="路径-11备份-4" opacity="0.201434" points="3.17348521 5.99520433e-14 3.85947588e-16 0 7.06123536 10 9.90625 10"></polygon>
+                        </g>
+                        <g id="编组-2备份" transform="translate(7.429688, 0.000000)" fill="#31A6AE">
+                            <polygon id="路径-11" points="64.1977278 8.9928065e-14 59.4375 0 70.029353 15 74.296875 15"></polygon>
+                            <polygon id="路径-11备份" opacity="0.8" points="49.3383528 8.9928065e-14 44.578125 0 55.169978 15 59.4375 15"></polygon>
+                            <polygon id="路径-11备份-3" opacity="0.4" points="19.6196028 8.9928065e-14 14.859375 0 25.451228 15 29.71875 15"></polygon>
+                            <polygon id="路径-11备份-2" opacity="0.601434" points="34.4789778 8.9928065e-14 29.71875 0 40.310603 15 44.578125 15"></polygon>
+                            <polygon id="路径-11备份-4" opacity="0.201434" points="4.76022781 8.9928065e-14 5.78921382e-16 0 10.591853 15 14.859375 15"></polygon>
+                        </g>
+                        <line x1="235.273437" y1="39.5" x2="-1.04857353e-14" y2="39.5" id="路径-12" stroke="url(#linearGradient-5)" stroke-width="2"></line>
+                        <line x1="92.4583333" y1="7.5" x2="174.993" y2="8" id="路径-13" stroke="url(#linearGradient-6)" stroke-width="2"></line>
+                    </g>
+                </g>
+                <path d="M1537.5,0.5 L1537.5,87.5 L0.5,87.5 L0.5,0.5 L1537.5,0.5 Z" id="矩形" stroke="#979797" opacity="0"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/views/EquipmentManager/components/header-bg.svg b/src/views/EquipmentManager/components/header-bg.svg
new file mode 100644
index 0000000..5dc8c9b
--- /dev/null
+++ b/src/views/EquipmentManager/components/header-bg.svg
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1584px" height="88px" viewBox="0 0 1584 88" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 12备份 6</title>
+    <defs>
+        <linearGradient x1="98.361014%" y1="49.8170126%" x2="-6.66133815e-14%" y2="49.768946%" id="linearGradient-1">
+            <stop stop-color="#3797C6" stop-opacity="0.31441215" offset="0%"></stop>
+            <stop stop-color="#52FFF1" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="-2.22044605e-14%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#081C43" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#27778E" stop-opacity="0.205883769" offset="57.0640297%"></stop>
+            <stop stop-color="#37A5B4" stop-opacity="0.311188811" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="98.361014%" y1="49.7685102%" x2="-6.66133815e-14%" y2="49.707703%" id="linearGradient-3">
+            <stop stop-color="#3797C6" stop-opacity="0.31441215" offset="0%"></stop>
+            <stop stop-color="#52FFF1" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="103.601203%" y1="52.4858599%" x2="-6.66133815e-14%" y2="48.1699424%" id="linearGradient-4">
+            <stop stop-color="#3797C6" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#31A6AE" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="103.601203%" y1="50.001227%" x2="-6.66133815e-14%" y2="49.9990967%" id="linearGradient-5">
+            <stop stop-color="#31A6AE" offset="0%"></stop>
+            <stop stop-color="#3797C6" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="103.601203%" y1="50.0398645%" x2="-6.66133815e-14%" y2="49.9706523%" id="linearGradient-6">
+            <stop stop-color="#31A6AE" offset="0%"></stop>
+            <stop stop-color="#3797C6" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="103.601203%" y1="52.51872%" x2="-6.66133815e-14%" y2="48.1457513%" id="linearGradient-7">
+            <stop stop-color="#31A6AE" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#31A6AE" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="2MES。2-6蓝底-7、8白底" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="2-2工单管理" transform="translate(-336.000000, -120.000000)">
+            <g id="编组-12备份-6" transform="translate(336.000000, 120.000000)">
+                <g id="编组-8" transform="translate(540.000000, 23.000000)"></g>
+                <g id="编组-4" transform="translate(0.000000, 1.000000)">
+                    <polyline id="路径-9" stroke="url(#linearGradient-1)" stroke-width="2" points="1584 29 1475.99948 29 1444.71615 53.8660399 1055.55466 53.8660399 1016 86 745.5 86"></polyline>
+                    <polygon id="路径-5" fill="url(#linearGradient-2)" points="1.18181818 0 1.18181818 28 48 28 83.0413946 54 437.5 54 475.858686 85 1016.2234 86 1055.55466 52.8660399 1445 52.2038341 1477 28 1584 28 1583.66667 0"></polygon>
+                    <polyline id="路径-9" stroke="url(#linearGradient-3)" stroke-width="2" transform="translate(372.750000, 57.500000) scale(-1, 1) translate(-372.750000, -57.500000) " points="745.5 29 696.123664 29 664.544271 53.8660399 309.570312 53.8660399 269.641314 86 -3.7840499e-13 86"></polyline>
+                    <g id="编组-3" transform="translate(43.807292, 29.000000)">
+                        <polyline id="路径-10" stroke="url(#linearGradient-4)" stroke-width="2" points="404.207985 57 383.692708 40 315.348958 40"></polyline>
+                        <ellipse id="椭圆形" fill="#31A6AE" cx="311.221354" cy="40" rx="3.30208333" ry="4"></ellipse>
+                        <ellipse id="椭圆形备份" fill="#31A6AE" cx="238.575521" cy="40" rx="3.30208333" ry="4"></ellipse>
+                        <g id="编组-2" transform="translate(250.132812, 35.000000)" fill="#31A6AE">
+                            <polygon id="路径-11" points="42.7984852 5.99520433e-14 39.625 0 46.6862354 10 49.53125 10"></polygon>
+                            <polygon id="路径-11备份" opacity="0.8" points="32.8922352 5.99520433e-14 29.71875 0 36.7799854 10 39.625 10"></polygon>
+                            <polygon id="路径-11备份-3" opacity="0.4" points="13.0797352 5.99520433e-14 9.90625 0 16.9674854 10 19.8125 10"></polygon>
+                            <polygon id="路径-11备份-2" opacity="0.601434" points="22.9859852 5.99520433e-14 19.8125 0 26.8737354 10 29.71875 10"></polygon>
+                            <polygon id="路径-11备份-4" opacity="0.201434" points="3.17348521 5.99520433e-14 3.85947588e-16 0 7.06123536 10 9.90625 10"></polygon>
+                        </g>
+                        <g id="编组-2备份" transform="translate(48.429688, 0.000000)" fill="#31A6AE">
+                            <polygon id="路径-11" points="64.1977278 8.9928065e-14 59.4375 0 70.029353 15 74.296875 15"></polygon>
+                            <polygon id="路径-11备份" opacity="0.8" points="49.3383528 8.9928065e-14 44.578125 0 55.169978 15 59.4375 15"></polygon>
+                            <polygon id="路径-11备份-3" opacity="0.4" points="19.6196028 8.9928065e-14 14.859375 0 25.451228 15 29.71875 15"></polygon>
+                            <polygon id="路径-11备份-2" opacity="0.601434" points="34.4789778 8.9928065e-14 29.71875 0 40.310603 15 44.578125 15"></polygon>
+                            <polygon id="路径-11备份-4" opacity="0.201434" points="4.76022781 8.9928065e-14 5.78921382e-16 0 10.591853 15 14.859375 15"></polygon>
+                        </g>
+                        <line x1="235.273437" y1="39.5" x2="-1.04857353e-14" y2="39.5" id="路径-12" stroke="url(#linearGradient-5)" stroke-width="2"></line>
+                        <line x1="133.458333" y1="7.5" x2="215.993" y2="8" id="路径-13" stroke="url(#linearGradient-6)" stroke-width="2"></line>
+                    </g>
+                    <g id="编组-3备份" transform="translate(1245.379488, 57.500000) scale(-1, 1) translate(-1245.379488, -57.500000) translate(1043.566269, 29.000000)">
+                        <polyline id="路径-10" stroke="url(#linearGradient-7)" stroke-width="2" points="403.62644 57 383.111163 40 315.348958 40"></polyline>
+                        <ellipse id="椭圆形" fill="#31A6AE" cx="311.221354" cy="40" rx="3.30208333" ry="4"></ellipse>
+                        <ellipse id="椭圆形备份" fill="#31A6AE" cx="238.575521" cy="40" rx="3.30208333" ry="4"></ellipse>
+                        <g id="编组-2" transform="translate(250.132812, 35.000000)" fill="#31A6AE">
+                            <polygon id="路径-11" points="42.7984852 5.99520433e-14 39.625 0 46.6862354 10 49.53125 10"></polygon>
+                            <polygon id="路径-11备份" opacity="0.8" points="32.8922352 5.99520433e-14 29.71875 0 36.7799854 10 39.625 10"></polygon>
+                            <polygon id="路径-11备份-3" opacity="0.4" points="13.0797352 5.99520433e-14 9.90625 0 16.9674854 10 19.8125 10"></polygon>
+                            <polygon id="路径-11备份-2" opacity="0.601434" points="22.9859852 5.99520433e-14 19.8125 0 26.8737354 10 29.71875 10"></polygon>
+                            <polygon id="路径-11备份-4" opacity="0.201434" points="3.17348521 5.99520433e-14 3.85947588e-16 0 7.06123536 10 9.90625 10"></polygon>
+                        </g>
+                        <g id="编组-2备份" transform="translate(7.429688, 0.000000)" fill="#31A6AE">
+                            <polygon id="路径-11" points="64.1977278 8.9928065e-14 59.4375 0 70.029353 15 74.296875 15"></polygon>
+                            <polygon id="路径-11备份" opacity="0.8" points="49.3383528 8.9928065e-14 44.578125 0 55.169978 15 59.4375 15"></polygon>
+                            <polygon id="路径-11备份-3" opacity="0.4" points="19.6196028 8.9928065e-14 14.859375 0 25.451228 15 29.71875 15"></polygon>
+                            <polygon id="路径-11备份-2" opacity="0.601434" points="34.4789778 8.9928065e-14 29.71875 0 40.310603 15 44.578125 15"></polygon>
+                            <polygon id="路径-11备份-4" opacity="0.201434" points="4.76022781 8.9928065e-14 5.78921382e-16 0 10.591853 15 14.859375 15"></polygon>
+                        </g>
+                        <line x1="235.273437" y1="39.5" x2="-1.04857353e-14" y2="39.5" id="路径-12" stroke="url(#linearGradient-5)" stroke-width="2"></line>
+                        <line x1="92.4583333" y1="7.5" x2="174.993" y2="8" id="路径-13" stroke="url(#linearGradient-6)" stroke-width="2"></line>
+                    </g>
+                </g>
+                <path d="M1537.5,0.5 L1537.5,87.5 L0.5,87.5 L0.5,0.5 L1537.5,0.5 Z" id="矩形" stroke="#979797" opacity="0"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/views/QualityManager/components/header-bg.svg b/src/views/QualityManager/components/header-bg.svg
new file mode 100644
index 0000000..5dc8c9b
--- /dev/null
+++ b/src/views/QualityManager/components/header-bg.svg
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1584px" height="88px" viewBox="0 0 1584 88" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 12备份 6</title>
+    <defs>
+        <linearGradient x1="98.361014%" y1="49.8170126%" x2="-6.66133815e-14%" y2="49.768946%" id="linearGradient-1">
+            <stop stop-color="#3797C6" stop-opacity="0.31441215" offset="0%"></stop>
+            <stop stop-color="#52FFF1" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="-2.22044605e-14%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#081C43" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#27778E" stop-opacity="0.205883769" offset="57.0640297%"></stop>
+            <stop stop-color="#37A5B4" stop-opacity="0.311188811" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="98.361014%" y1="49.7685102%" x2="-6.66133815e-14%" y2="49.707703%" id="linearGradient-3">
+            <stop stop-color="#3797C6" stop-opacity="0.31441215" offset="0%"></stop>
+            <stop stop-color="#52FFF1" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="103.601203%" y1="52.4858599%" x2="-6.66133815e-14%" y2="48.1699424%" id="linearGradient-4">
+            <stop stop-color="#3797C6" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#31A6AE" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="103.601203%" y1="50.001227%" x2="-6.66133815e-14%" y2="49.9990967%" id="linearGradient-5">
+            <stop stop-color="#31A6AE" offset="0%"></stop>
+            <stop stop-color="#3797C6" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="103.601203%" y1="50.0398645%" x2="-6.66133815e-14%" y2="49.9706523%" id="linearGradient-6">
+            <stop stop-color="#31A6AE" offset="0%"></stop>
+            <stop stop-color="#3797C6" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="103.601203%" y1="52.51872%" x2="-6.66133815e-14%" y2="48.1457513%" id="linearGradient-7">
+            <stop stop-color="#31A6AE" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#31A6AE" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="2MES。2-6蓝底-7、8白底" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="2-2工单管理" transform="translate(-336.000000, -120.000000)">
+            <g id="编组-12备份-6" transform="translate(336.000000, 120.000000)">
+                <g id="编组-8" transform="translate(540.000000, 23.000000)"></g>
+                <g id="编组-4" transform="translate(0.000000, 1.000000)">
+                    <polyline id="路径-9" stroke="url(#linearGradient-1)" stroke-width="2" points="1584 29 1475.99948 29 1444.71615 53.8660399 1055.55466 53.8660399 1016 86 745.5 86"></polyline>
+                    <polygon id="路径-5" fill="url(#linearGradient-2)" points="1.18181818 0 1.18181818 28 48 28 83.0413946 54 437.5 54 475.858686 85 1016.2234 86 1055.55466 52.8660399 1445 52.2038341 1477 28 1584 28 1583.66667 0"></polygon>
+                    <polyline id="路径-9" stroke="url(#linearGradient-3)" stroke-width="2" transform="translate(372.750000, 57.500000) scale(-1, 1) translate(-372.750000, -57.500000) " points="745.5 29 696.123664 29 664.544271 53.8660399 309.570312 53.8660399 269.641314 86 -3.7840499e-13 86"></polyline>
+                    <g id="编组-3" transform="translate(43.807292, 29.000000)">
+                        <polyline id="路径-10" stroke="url(#linearGradient-4)" stroke-width="2" points="404.207985 57 383.692708 40 315.348958 40"></polyline>
+                        <ellipse id="椭圆形" fill="#31A6AE" cx="311.221354" cy="40" rx="3.30208333" ry="4"></ellipse>
+                        <ellipse id="椭圆形备份" fill="#31A6AE" cx="238.575521" cy="40" rx="3.30208333" ry="4"></ellipse>
+                        <g id="编组-2" transform="translate(250.132812, 35.000000)" fill="#31A6AE">
+                            <polygon id="路径-11" points="42.7984852 5.99520433e-14 39.625 0 46.6862354 10 49.53125 10"></polygon>
+                            <polygon id="路径-11备份" opacity="0.8" points="32.8922352 5.99520433e-14 29.71875 0 36.7799854 10 39.625 10"></polygon>
+                            <polygon id="路径-11备份-3" opacity="0.4" points="13.0797352 5.99520433e-14 9.90625 0 16.9674854 10 19.8125 10"></polygon>
+                            <polygon id="路径-11备份-2" opacity="0.601434" points="22.9859852 5.99520433e-14 19.8125 0 26.8737354 10 29.71875 10"></polygon>
+                            <polygon id="路径-11备份-4" opacity="0.201434" points="3.17348521 5.99520433e-14 3.85947588e-16 0 7.06123536 10 9.90625 10"></polygon>
+                        </g>
+                        <g id="编组-2备份" transform="translate(48.429688, 0.000000)" fill="#31A6AE">
+                            <polygon id="路径-11" points="64.1977278 8.9928065e-14 59.4375 0 70.029353 15 74.296875 15"></polygon>
+                            <polygon id="路径-11备份" opacity="0.8" points="49.3383528 8.9928065e-14 44.578125 0 55.169978 15 59.4375 15"></polygon>
+                            <polygon id="路径-11备份-3" opacity="0.4" points="19.6196028 8.9928065e-14 14.859375 0 25.451228 15 29.71875 15"></polygon>
+                            <polygon id="路径-11备份-2" opacity="0.601434" points="34.4789778 8.9928065e-14 29.71875 0 40.310603 15 44.578125 15"></polygon>
+                            <polygon id="路径-11备份-4" opacity="0.201434" points="4.76022781 8.9928065e-14 5.78921382e-16 0 10.591853 15 14.859375 15"></polygon>
+                        </g>
+                        <line x1="235.273437" y1="39.5" x2="-1.04857353e-14" y2="39.5" id="路径-12" stroke="url(#linearGradient-5)" stroke-width="2"></line>
+                        <line x1="133.458333" y1="7.5" x2="215.993" y2="8" id="路径-13" stroke="url(#linearGradient-6)" stroke-width="2"></line>
+                    </g>
+                    <g id="编组-3备份" transform="translate(1245.379488, 57.500000) scale(-1, 1) translate(-1245.379488, -57.500000) translate(1043.566269, 29.000000)">
+                        <polyline id="路径-10" stroke="url(#linearGradient-7)" stroke-width="2" points="403.62644 57 383.111163 40 315.348958 40"></polyline>
+                        <ellipse id="椭圆形" fill="#31A6AE" cx="311.221354" cy="40" rx="3.30208333" ry="4"></ellipse>
+                        <ellipse id="椭圆形备份" fill="#31A6AE" cx="238.575521" cy="40" rx="3.30208333" ry="4"></ellipse>
+                        <g id="编组-2" transform="translate(250.132812, 35.000000)" fill="#31A6AE">
+                            <polygon id="路径-11" points="42.7984852 5.99520433e-14 39.625 0 46.6862354 10 49.53125 10"></polygon>
+                            <polygon id="路径-11备份" opacity="0.8" points="32.8922352 5.99520433e-14 29.71875 0 36.7799854 10 39.625 10"></polygon>
+                            <polygon id="路径-11备份-3" opacity="0.4" points="13.0797352 5.99520433e-14 9.90625 0 16.9674854 10 19.8125 10"></polygon>
+                            <polygon id="路径-11备份-2" opacity="0.601434" points="22.9859852 5.99520433e-14 19.8125 0 26.8737354 10 29.71875 10"></polygon>
+                            <polygon id="路径-11备份-4" opacity="0.201434" points="3.17348521 5.99520433e-14 3.85947588e-16 0 7.06123536 10 9.90625 10"></polygon>
+                        </g>
+                        <g id="编组-2备份" transform="translate(7.429688, 0.000000)" fill="#31A6AE">
+                            <polygon id="路径-11" points="64.1977278 8.9928065e-14 59.4375 0 70.029353 15 74.296875 15"></polygon>
+                            <polygon id="路径-11备份" opacity="0.8" points="49.3383528 8.9928065e-14 44.578125 0 55.169978 15 59.4375 15"></polygon>
+                            <polygon id="路径-11备份-3" opacity="0.4" points="19.6196028 8.9928065e-14 14.859375 0 25.451228 15 29.71875 15"></polygon>
+                            <polygon id="路径-11备份-2" opacity="0.601434" points="34.4789778 8.9928065e-14 29.71875 0 40.310603 15 44.578125 15"></polygon>
+                            <polygon id="路径-11备份-4" opacity="0.201434" points="4.76022781 8.9928065e-14 5.78921382e-16 0 10.591853 15 14.859375 15"></polygon>
+                        </g>
+                        <line x1="235.273437" y1="39.5" x2="-1.04857353e-14" y2="39.5" id="路径-12" stroke="url(#linearGradient-5)" stroke-width="2"></line>
+                        <line x1="92.4583333" y1="7.5" x2="174.993" y2="8" id="路径-13" stroke="url(#linearGradient-6)" stroke-width="2"></line>
+                    </g>
+                </g>
+                <path d="M1537.5,0.5 L1537.5,87.5 L0.5,87.5 L0.5,0.5 L1537.5,0.5 Z" id="矩形" stroke="#979797" opacity="0"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/views/material-manage/cockpit/index.vue b/src/views/material-manage/cockpit/index.vue
index f554f85..87cfbad 100644
--- a/src/views/material-manage/cockpit/index.vue
+++ b/src/views/material-manage/cockpit/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="container" ref="container" class="visual-container">
+  <div id="container" ref="container" class="visual-container material-cockpit">
     <el-row
       class="container-title"
       :style="{
@@ -8,8 +8,10 @@
         fontSize: beilv * 30 + 'px'
       }"
     >
-      <img src="../../../assets/img/logo.png" style="width:1.1em;position:relative;top:.4em" alt="">
-      合肥新能源数字工厂物料管理驾驶舱
+      <div :style="{ paddingLeft: 645 * beilv + 'px' }">
+        <img src="../../../assets/img/logo.png" style="width:1.1em;position:relative;top:.4em" alt="">
+        合肥新能源数字工厂物料管理驾驶舱
+      </div>
       <el-button
         type="text"
         class="title-button"
@@ -32,7 +34,7 @@
         <el-row>
           <el-col :style="{ marginTop: 16 * beilv + 'px' }">
             <base-container :beilv="beilv" :height="470" :title="'在途原片'" :title-icon="'cockpit_2_2'">
-              <div class="box-padding">
+              <div class="box-padding specil-table1">
                 <base-table
                   :page="1"
                   :limit="14"
@@ -49,7 +51,7 @@
         <el-row>
           <el-col :style="{ margin: 16 * beilv + 'px' + ' 0' }">
             <base-container :beilv="beilv" :height="470" :title="'在途辅料'" :title-icon="'cockpit_2_3'">
-              <div class="box-padding">
+              <div class="box-padding specil-table1">
                 <base-table
                   :page="1"
                   :limit="14"
@@ -75,45 +77,55 @@ import bomList from './components/bomList.vue'
 const originalFilm = [
   {
     prop: 'time',
-    label: '上线时间'
+    label: '上线时间',
+    minWidth: 35
   },
   {
     prop: 'productLine',
-    label: '产线'
+    label: '产线',
+    minWidth: 33
   },
   {
     prop: 'spec',
-    label: '原片规格'
+    label: '原片规格',
+    minWidth: 32.4
   },
   {
     prop: 'batch',
-    label: '批次'
+    label: '批次',
+    minWidth: 35
   },
   {
     prop: 'num',
-    label: '数量'
+    label: '数量',
+    minWidth: 28
   }
 ]
 const material = [
   {
     prop: 'time',
-    label: '上线时间'
+    label: '上线时间',
+    minWidth: 35
   },
   {
     prop: 'eqName',
-    label: '设备名称'
+    label: '设备名称',
+    minWidth: 33
   },
   {
     prop: 'spec',
-    label: '辅料规格'
+    label: '辅料规格',
+    minWidth: 32.4
   },
   {
     prop: 'batch',
-    label: '批次'
+    label: '批次',
+    minWidth: 35
   },
   {
     prop: 'num',
-    label: '数量'
+    label: '数量',
+    minWidth: 28
   }
 ]
 export default {
@@ -220,6 +232,7 @@ export default {
         })
         return false
       }
+      this.isFullScreen = !this.isFullScreen
       screenfull.toggle(this.$refs.container)
     }
   }
@@ -236,7 +249,6 @@ export default {
     background: url('../../../assets/img/cockpit/title.png') no-repeat;
     background-size: 100% 100%;
     color: #fff;
-    text-align: center;
     .title-button {
       color: #00fff0;
       font-size: 20px;
@@ -248,3 +260,17 @@ export default {
   }
 }
 </style>
+<style lang="scss">
+.material-cockpit {
+  .specil-table1 {
+    .el-table .cell {
+      padding-left: 40px;
+      padding-right: 40px;
+    }
+    .el-table--border th:first-child .cell,
+    .el-table--border td:first-child .cell {
+      padding-left: 40px;
+    }
+  }
+}
+</style>
diff --git a/src/views/orderManage/orderManagerCockpit/cockpit.vue b/src/views/orderManage/orderManagerCockpit/cockpit.vue
index bb4c992..84a9f4d 100644
--- a/src/views/orderManage/orderManagerCockpit/cockpit.vue
+++ b/src/views/orderManage/orderManagerCockpit/cockpit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="container" ref="container" class="visual-container">
+  <div id="container" ref="container" class="visual-container order-cockpit">
     <el-row
       class="container-title"
       :style="{
@@ -8,16 +8,18 @@
         fontSize: beilv * 30 + 'px'
       }"
     >
-      <img src="../../../assets/img/logo.png" style="width:1.1em;position:relative;top:.4em" alt="">
-      合肥新能源数字工厂工单管理驾驶舱
+      <div :style="{ paddingLeft: 645 * beilv + 'px' }">
+        <img src="../../../assets/img/logo.png" style="width:1.1em;position: relative;top:.4em" alt="">
+        合肥新能源数字工厂工单管理驾驶舱
+      </div>
       <el-button
         type="text"
         class="title-button"
         :style="{ right: 33 * beilv + 'px', top: 37 * beilv + 'px' }"
         @click="changeFullScreen"
       >
-        <svg-icon v-if="isFullScreen" icon-class="unFullScreenView" />
-        <svg-icon v-else icon-class="fullScreenView" />
+        <svg-icon v-if="isFullScreen" icon-class="unFullScreenView" :style="{fontSize: 33 * beilv + 'px'}" />
+        <svg-icon v-else icon-class="fullScreenView" :style="{fontSize: 33 * beilv + 'px'}" />
       </el-button>
     </el-row>
     <el-row class="container-main">
@@ -30,7 +32,7 @@
         </el-col>
         <el-col :span="14">
           <base-container :beilv="beilv" :height="412" :title="'订单池'" :title-icon="'cockpit_1_2'">
-            <div class="box-padding">
+            <div class="box-padding specil-table1">
               <base-table
                 :page="1"
                 :limit="12"
@@ -47,7 +49,7 @@
       <el-row :style="{ padding: '0 ' + 9 * beilv + 'px' }">
         <el-col :style="{ margin: 16 * beilv + 'px' + ' 0' }" :span="24">
           <base-container :beilv="beilv" :height="520" :title="'在途/完成订单监控'" :title-icon="'cockpit_1_3'">
-            <div class="box-padding">
+            <div class="box-padding specil-table2">
               <base-table
                 :page="1"
                 :limit="16"
@@ -73,71 +75,87 @@ import orderStatus from './components/orderStatus.vue'
 const orderPool = [
   {
     prop: 'customerName',
-    label: '客户名称'
+    label: '客户名称',
+    minWidth: 35.2
   },
   {
     prop: 'orderCode',
-    label: '订单编号'
+    label: '订单编号',
+    minWidth: 32
   },
   {
     prop: 'productName',
-    label: '产品名称'
+    label: '产品名称',
+    minWidth: 32
   },
   {
     prop: 'planNum',
-    label: '计划加工量'
+    label: '计划加工量',
+    minWidth: 23.6
   },
   {
     prop: 'planDelivery',
-    label: '计划交货期'
+    label: '计划交货期',
+    minWidth: 28.8
   },
   {
     prop: 'status',
     label: '订单状态',
-    subcomponent: orderStatus
+    subcomponent: orderStatus,
+    minWidth: 19
   }
 ]
 const orderMonitiring = [
   {
     prop: 'customerName',
-    label: '客户名称'
+    label: '客户名称',
+    minWidth: 35.2
   },
   {
     prop: 'orderCode',
-    label: '订单编号'
+    label: '订单编号',
+    minWidth: 33.2
   },
   {
     prop: 'status',
     label: '订单状态',
-    subcomponent: orderStatus
+    subcomponent: orderStatus,
+    minWidth: 27
   },
   {
     prop: 'completion',
-    label: '完成率'
+    label: '完成率',
+    minWidth: 24.8
   },
   {
     prop: 'yield',
-    label: '良品率'
+    label: '良品率',
+    minWidth: 24.8
   },
   {
     prop: 'shiftCosts',
-    label: '班组费用'
+    label: '班组费用',
+    minWidth: 24.8
   },
   {
     prop: 'energyCosts',
-    label: '能耗费用'
+    label: '能耗费用',
+    minWidth: 29.4
   },
   {
     prop: 'equipmentCost',
-    label: '设备费用'
+    label: '设备费用',
+    minWidth: 29.4
   },
   {
     prop: 'materialCost',
-    label: '材料费用'
+    label: '材料费用',
+    minWidth: 29.4
   },
   {
     prop: 'totalCost',
-    label: '总费用'
+    label: '总费用',
+    minWidth: 31.6
   }
 ]
 export default {
@@ -217,11 +235,11 @@ export default {
         obj.status = parseInt(Math.random() * 3 + 1)
         obj.completion = obj.status === 1 ? '0.00%' : (obj.status === 3 ? '100%' : parseInt(Math.random() * 100) + '%')
         obj.yield = parseInt(Math.random() * 50 + 50) + '%'
-        obj.shiftCosts = obj.status === 1 ? 0 : parseInt(Math.random() * 800 + 100)
-        obj.energyCosts = obj.status === 1 ? 0 : parseInt(Math.random() * 800 + 100)
-        obj.equipmentCost = obj.status === 1 ? 0 : parseInt(Math.random() * 800 + 100)
-        obj.materialCost = obj.status === 1 ? 0 : parseInt(Math.random() * 800 + 100)
-        obj.totalCost = obj.shiftCosts + obj.energyCosts + obj.equipmentCost + obj.materialCost
+        obj.shiftCosts = obj.status === 1 ? parseInt(0).toFixed(2) : parseInt(Math.random() * 800 + 100).toFixed(2)
+        obj.energyCosts = obj.status === 1 ? parseInt(0).toFixed(2) : parseInt(Math.random() * 800 + 100).toFixed(2)
+        obj.equipmentCost = obj.status === 1 ? parseInt(0).toFixed(2) : parseInt(Math.random() * 800 + 100).toFixed(2)
+        obj.materialCost = obj.status === 1 ? parseInt(0).toFixed(2) : parseInt(Math.random() * 800 + 100).toFixed(2)
+        obj.totalCost = parseInt(obj.shiftCosts + obj.energyCosts + obj.equipmentCost + obj.materialCost).toFixed(2)
         temp.push(obj)
       }
       this.orderMonitiringList = temp
@@ -247,6 +265,7 @@ export default {
         })
         return false
       }
+      this.isFullScreen = !this.isFullScreen
       screenfull.toggle(this.$refs.container)
     }
   }
@@ -263,7 +282,6 @@ export default {
     background: url('../../../assets/img/cockpit/title.png') no-repeat;
     background-size: 100% 100%;
     color: #fff;
-    text-align: center;
     .title-button {
       color: #00fff0;
       font-size: 20px;
@@ -278,3 +296,26 @@ export default {
   }
 }
 </style>
+<style lang="scss">
+.order-cockpit {
+  .specil-table1 {
+    .el-table .cell {
+      padding-left: 25px;
+      padding-right: 25px;
+    }
+    .el-table--border th:first-child .cell,
+    .el-table--border td:first-child .cell {
+      padding-left: 25px;
+    }
+  }
+  .specil-table2 {
+    .el-table .cell {
+      padding-left: 50px;
+    }
+    .el-table--border th:first-child .cell,
+    .el-table--border td:first-child .cell {
+      padding-left: 50px;
+    }
+  }
+}
+</style>
diff --git a/src/views/orderManage/orderManagerCockpit/components/orderStatus.vue b/src/views/orderManage/orderManagerCockpit/components/orderStatus.vue
index f3444f3..feb5033 100644
--- a/src/views/orderManage/orderManagerCockpit/components/orderStatus.vue
+++ b/src/views/orderManage/orderManagerCockpit/components/orderStatus.vue
@@ -1,5 +1,5 @@
 <template>
-  <div style="height: 14px">
+  <div :style="{ height: 15 * beilv + 'px' }">
     <span v-if="this.injectData.status === 3">
       <svg-icon icon-class="green_dot" style="font-size: 14px; position: relative; top: .08em" />
       已完成
@@ -22,6 +22,21 @@ export default {
       type: Object,
       default: () => ({})
     }
+  },
+  data() {
+    return {
+      beilv: 1
+    }
+  },
+  mounted() {
+    this.beilv = document.getElementById('container').offsetWidth / 1920
+    window.addEventListener('resize', () => {
+      if (this.isFullScreen) {
+        this.beilv = document.body.offsetWidth / 1920
+      } else {
+        this.beilv = document.getElementById('container').offsetWidth / 1920
+      }
+    })
   }
 }
 </script>