调整title和地址

src/views/assembly/index.vue

@@ -9,17 +9,9 @@
             <dv-decoration-8 class="dv-dec-8" :color="decorationColor" />
             <div class="title">
               <span class="title-text">UAS-MES可视化平台</span>
-              <dv-decoration-6
-                class="dv-dec-6"
-                :reverse="true"
-                :color="['#50e3c2', '#67a1e5']"
-              />
+              <dv-decoration-6 class="dv-dec-6" :reverse="true" :color="['#50e3c2', '#67a1e5']" />
             </div>
-            <dv-decoration-8
-              class="dv-dec-8"
-              :reverse="true"
-              :color="decorationColor"
-            />
+            <dv-decoration-8 class="dv-dec-8" :reverse="true" :color="decorationColor" />
           </div>
           <dv-decoration-10 class="dv-dec-10-s" />
         </div>
@@ -29,7 +21,7 @@
           <div class="d-flex aside-width">
             <div class="react-left ml-4 react-l-s bg-color-blue">
               <span class="react-left"></span>
-              <span class="text fw-b" style="font-size:24px;">联创电子应用终端产业</span>
+              <span class="text fw-b" style="font-size:24px;">奥维精密电子有限公司</span>
             </div>
             <div class="react-left ml-3">
               <span class="text">生产实况分析</span>
@@ -37,39 +29,34 @@
           </div>
           <div class="d-flex aside-width">
             <div class="react-right bg-color-r mr-3">
-             <!-- <span class="text ">设备运行分析</span>-->
+              <!-- <span class="text ">设备运行分析</span>-->
               <span class="text" @click="fullScreen" ref="fullScreen">全屏</span>
-              <span class="text" @click="exitFullScreen" ref="exitFullScreen"  style="display: none">退出全屏</span>
+              <span class="text" @click="exitFullScreen" ref="exitFullScreen" style="display: none">退出全屏</span>
             </div>
             <div class="react-right mr-4 react-l-s" style="width: 900px">
               <span class="react-after"></span>
               <el-dropdown class="dropdown">
-               <span class="el-dropdown-link" ref="echarType">
-                 组装车间<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>&nbsp;&nbsp;&nbsp;&nbsp;
-               </span>
-               <el-dropdown-menu slot="dropdown">
-                 <el-dropdown-item ><router-link to="dj"> 点胶车间 </router-link></el-dropdown-item>
-                 <el-dropdown-item ><router-link to="dip"> 笔电组装车间 </router-link></el-dropdown-item>
-                 <el-dropdown-item ><router-link to="dpl"> 笔电包装车间 </router-link></el-dropdown-item>
-                 <el-dropdown-item ><router-link to="package"> 包装车间 </router-link></el-dropdown-item>
-                 <el-dropdown-item ><router-link to="smt">SMT车间</router-link></el-dropdown-item>
-                 <el-dropdown-item ><router-link to="smttest">SMT测试车间</router-link></el-dropdown-item>
-                 <el-dropdown-item class="dropdownitem"><router-link to="total"> 各车间总看板</router-link></el-dropdown-item>
-               </el-dropdown-menu>
-             </el-dropdown>
+                <span class="el-dropdown-link" ref="echarType">
+                  组装车间<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>&nbsp;&nbsp;&nbsp;&nbsp;
+                </span>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item><router-link to="dj"> 点胶车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="dip"> 笔电组装车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="dpl"> 笔电包装车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="package"> 包装车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="smt">SMT车间</router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="smttest">SMT测试车间</router-link></el-dropdown-item>
+                  <el-dropdown-item class="dropdownitem"><router-link to="total">
+                      各车间总看板</router-link></el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
 
-              <el-select v-model="linecode" class="dropdown" @change ="handleBlur" style="width: 150px">
-                <el-option
-                        v-for="item in linedata"
-                        :key="item.LI_CODE"
-                        :label="item.LI_CODE"
-                        :value="item.LI_CODE"
-                ></el-option>
+              <el-select v-model="linecode" class="dropdown" @change="handleBlur" style="width: 150px">
+                <el-option v-for="item in linedata" :key="item.LI_CODE" :label="item.LI_CODE"
+                  :value="item.LI_CODE"></el-option>
               </el-select>
               <span class="text">&nbsp;&nbsp;&nbsp;&nbsp;</span>
-              <span class="text"
-                >{{ dateYear }} {{ dateWeek }} {{ dateDay }}</span
-              >
+              <span class="text">{{ dateYear }} {{ dateWeek }} {{ dateDay }}</span>
             </div>
           </div>
         </div>
@@ -78,10 +65,10 @@
           <!-- 第三行数据 -->
           <div class="content-box">
             <div>
-              <dv-border-box-12 v-show="linecode!='所有'">
+              <dv-border-box-12 v-show="linecode != '所有'">
                 <centerLeft_two />
               </dv-border-box-12>
-              <dv-border-box-12 v-show="linecode=='所有'">
+              <dv-border-box-12 v-show="linecode == '所有'">
                 <centerLeft1ALL />
               </dv-border-box-12>
             </div>
@@ -102,7 +89,7 @@
              </div>-->
             <div>
               <dv-border-box-12>
-                <centerRight1/>
+                <centerRight1 />
               </dv-border-box-12>
             </div>
           </div>
@@ -134,7 +121,7 @@ import bottomRight from './bottomRight'
 import centerLeft1ALL from "@/views/assembly/centerLeft1ALL.vue";
 
 export default {
-  mixins: [ drawMixin ],
+  mixins: [drawMixin],
   data() {
     return {
       timing: null,
@@ -162,7 +149,7 @@ export default {
     this.timeFn()
     this.cancelLoading()
   },
-  beforeDestroy () {
+  beforeDestroy() {
     clearInterval(this.timing)
     clearInterval(this.intervalId)
   },
@@ -179,34 +166,34 @@ export default {
         this.loading = false
       }, 5000)
     },
-    handleBlur (val){
-      sessionStorage.setItem('li_code',val);
+    handleBlur(val) {
+      sessionStorage.setItem('li_code', val);
       this.$cookie.set("AS_LI_CODE", val, {
         expires: 30,
       });
       location.reload();
     },
-    getLines (){
+    getLines() {
       this.$http.get("kanban/getLinesByWorkCenter.action?wccode=组装").then(
-              (res)=>{
-                if(res.data.linedata) {
-                  const data = res.data.linedata.concat({'LI_CODE':'所有','LI_NAME':'所有'});
-                  if(this.$cookie.get("AS_LI_CODE") && data.some(item => item.LI_CODE === this.$cookie.get("AS_LI_CODE")) ){
-                    sessionStorage.setItem('li_code', this.$cookie.get("AS_LI_CODE"));
-                  }else {
-                    sessionStorage.setItem('li_code', data[0].LI_CODE);
-                    this.$cookie.set("AS_LI_CODE", data[0].LI_CODE, {
-                      expires: 30,
-                    });
-                  }
-                  this.linedata = data;
-                }else{
-                  sessionStorage.setItem('li_code','');
-                }
-                this.linecode = sessionStorage.getItem("li_code");
-              },(result)=>{
-                console.error(result)
+        (res) => {
+          if (res.data.linedata) {
+            const data = res.data.linedata.concat({ 'LI_CODE': '所有', 'LI_NAME': '所有' });
+            if (this.$cookie.get("AS_LI_CODE") && data.some(item => item.LI_CODE === this.$cookie.get("AS_LI_CODE"))) {
+              sessionStorage.setItem('li_code', this.$cookie.get("AS_LI_CODE"));
+            } else {
+              sessionStorage.setItem('li_code', data[0].LI_CODE);
+              this.$cookie.set("AS_LI_CODE", data[0].LI_CODE, {
+                expires: 30,
               });
+            }
+            this.linedata = data;
+          } else {
+            sessionStorage.setItem('li_code', '');
+          }
+          this.linecode = sessionStorage.getItem("li_code");
+        }, (result) => {
+          console.error(result)
+        });
     }
   }
 }
@@ -214,10 +201,12 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../assets/scss/indexassembly.scss';
-.dropdown{
+
+.dropdown {
   font-size: 18px;
   color: #568aea;
   transform: skewX(45deg);
+
   ::v-deep .el-select-dropdown {
     /* // 若不将下拉框的背景颜色设置为：transparent，那么做不出来半透明的效果；
     // 因为其最终的显示为：下拉框有一个背景颜色且下拉框的字体有一个背景颜色，重叠后的效果展示； */
@@ -235,20 +224,25 @@ export default {
     color: #fff;
     background-color: #0f1325;
   }
+
   ::v-deep .el-select-dropdown {
     background-color: transparent;
     border: 1px solid #0f1325;
   }
+
   ::v-deep.el-select-dropdown__list {
     padding: 0;
   }
+
   ::v-deep.el-popper[x-placement^="bottom"] {
     margin-top: 0px;
   }
+
   ::v-deep.el-popper .popper__arrow,
   ::v-deep.el-popper .popper__arrow::after {
     display: none;
   }
+
   .el-select-dropdown__item:hover {
     background-color: rgba(0, 225, 219, 0.690196078431373);
   }

src/views/dip/index.vue

@@ -9,17 +9,9 @@
             <dv-decoration-8 class="dv-dec-8" :color="decorationColor" />
             <div class="title">
               <span class="title-text">UAS-MES可视化平台</span>
-              <dv-decoration-6
-                class="dv-dec-6"
-                :reverse="true"
-                :color="['#50e3c2', '#67a1e5']"
-              />
+              <dv-decoration-6 class="dv-dec-6" :reverse="true" :color="['#50e3c2', '#67a1e5']" />
             </div>
-            <dv-decoration-8
-              class="dv-dec-8"
-              :reverse="true"
-              :color="decorationColor"
-            />
+            <dv-decoration-8 class="dv-dec-8" :reverse="true" :color="decorationColor" />
           </div>
           <dv-decoration-10 class="dv-dec-10-s" />
         </div>
@@ -29,7 +21,7 @@
           <div class="d-flex aside-width">
             <div class="react-left ml-4 react-l-s bg-color-blue">
               <span class="react-left"></span>
-              <span class="text fw-b" style="font-size:24px;">联创电子应用终端产业</span>
+              <span class="text fw-b" style="font-size:24px;">奥维精密电子有限公司</span>
             </div>
             <div class="react-left ml-3">
               <span class="text">生产实况分析</span>
@@ -37,33 +29,30 @@
           </div>
           <div class="d-flex aside-width">
             <div class="react-right bg-color-r mr-3">
-             <!-- <span class="text ">设备运行分析</span>-->
+              <!-- <span class="text ">设备运行分析</span>-->
               <span class="text" @click="fullScreen" ref="fullScreen">全屏</span>
-              <span class="text" @click="exitFullScreen" ref="exitFullScreen"  style="display: none">退出全屏</span>
+              <span class="text" @click="exitFullScreen" ref="exitFullScreen" style="display: none">退出全屏</span>
             </div>
             <div class="react-right mr-4 react-l-s" style="width: 900px">
               <span class="react-after"></span>
-               <el-dropdown class="dropdown">
+              <el-dropdown class="dropdown">
                 <span class="el-dropdown-link" ref="echarType">
                   笔电组装车间<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                 </span>
-                  <el-dropdown-menu slot="dropdown">
-                    <el-dropdown-item ><router-link to="dpl"> 笔电包装车间 </router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="dj"> 点胶车间 </router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="package"> 包装车间 </router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="assembly"> 组装车间 </router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="smt">SMT车间</router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="smttest">SMT测试车间</router-link></el-dropdown-item>
-                    <el-dropdown-item class="dropdownitem"><router-link to="total"> 各车间总看板</router-link></el-dropdown-item>
-                  </el-dropdown-menu>
-            </el-dropdown>
-              <el-select v-model="linecode" class="dropdown" @change ="handleBlur" style="width: 150px">
-                <el-option
-                        v-for="item in linedata"
-                        :key="item.LI_CODE"
-                        :label="item.LI_CODE"
-                        :value="item.LI_CODE"
-                ></el-option>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item><router-link to="dpl"> 笔电包装车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="dj"> 点胶车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="package"> 包装车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="assembly"> 组装车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="smt">SMT车间</router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="smttest">SMT测试车间</router-link></el-dropdown-item>
+                  <el-dropdown-item class="dropdownitem"><router-link to="total">
+                      各车间总看板</router-link></el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+              <el-select v-model="linecode" class="dropdown" @change="handleBlur" style="width: 150px">
+                <el-option v-for="item in linedata" :key="item.LI_CODE" :label="item.LI_CODE"
+                  :value="item.LI_CODE"></el-option>
               </el-select>
               <span class="text">&nbsp;&nbsp;&nbsp;&nbsp;</span>
               <span class="text">{{ dateYear }} {{ dateWeek }} {{ dateDay }}</span>
@@ -75,10 +64,10 @@
           <!-- 第三行数据 -->
           <div class="content-box">
             <div>
-              <dv-border-box-12 v-show="linecode!='所有'">
+              <dv-border-box-12 v-show="linecode != '所有'">
                 <centerLeft_two />
               </dv-border-box-12>
-              <dv-border-box-12 v-show="linecode=='所有'">
+              <dv-border-box-12 v-show="linecode == '所有'">
                 <centerLeft1ALL />
               </dv-border-box-12>
             </div>
@@ -90,16 +79,16 @@
             <!-- 中间 -->
             <div>
               <dv-border-box-12>
-                 <center />
+                <center />
               </dv-border-box-12>
             </div>
             <!-- 中间 -->
-           <!-- <div>
+            <!-- <div>
               <centerRight2 />
             </div>-->
             <div>
               <dv-border-box-12>
-                <centerRight1/>
+                <centerRight1 />
               </dv-border-box-12>
             </div>
           </div>
@@ -131,7 +120,7 @@ import bottomRight from './bottomRight'
 import centerLeft1ALL from "@/views/dip/centerLeft1ALL.vue";
 
 export default {
-  mixins: [ drawMixin ],
+  mixins: [drawMixin],
   data() {
     return {
       timing: null,
@@ -141,11 +130,11 @@ export default {
       dateWeek: null,
       weekday: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
       decorationColor: ['#568aea', '#000000'],
-      workshopoptions:[
-        {label: 'SMT', value: 'SMT'},
-        {label: '组装', value: '组装'},
+      workshopoptions: [
+        { label: 'SMT', value: 'SMT' },
+        { label: '组装', value: '组装' },
       ],
-      isShow:false
+      isShow: false
     }
   },
   components: {
@@ -164,7 +153,7 @@ export default {
     this.timeFn()
     this.cancelLoading()
   },
-  beforeDestroy () {
+  beforeDestroy() {
     clearInterval(this.timing)
     clearInterval(this.intervalId)
   },
@@ -181,40 +170,40 @@ export default {
         this.loading = false
       }, 5000)
     },
-    handleBlur (val){
-      sessionStorage.setItem('li_code',val);
+    handleBlur(val) {
+      sessionStorage.setItem('li_code', val);
       this.$cookie.set("PC_LI_CODE", val, {
         expires: 30,
       });
       location.reload();
     },
-    goSMT(){
+    goSMT() {
       this.$router.push('/smt');
     },
-    goAssembly(){
+    goAssembly() {
       this.$router.push('/assembly');
     },
-    getLines (){
+    getLines() {
       this.$http.get("kanban/getLinesByWorkCenter.action?wccode=笔电组装车间").then(
-              (res)=>{
-                if(res.data.linedata) {
-                  const data = res.data.linedata.concat({'LI_CODE':'所有','LI_NAME':'所有'});
-                  if(this.$cookie.get("PC_LI_CODE") && data.some(item => item.LI_CODE === this.$cookie.get("PC_LI_CODE")) ){
-                    sessionStorage.setItem('li_code', this.$cookie.get("PC_LI_CODE"));
-                  }else {
-                    sessionStorage.setItem('li_code', data[0].LI_CODE);
-                    this.$cookie.set("PC_LI_CODE", data[0].LI_CODE, {
-                      expires: 30,
-                    });
-                  }
-                  this.linedata = data;
-                }else{
-                  sessionStorage.setItem('li_code','');
-                }
-                this.linecode = sessionStorage.getItem("li_code");
-              },(result)=>{
-                console.error(result)
+        (res) => {
+          if (res.data.linedata) {
+            const data = res.data.linedata.concat({ 'LI_CODE': '所有', 'LI_NAME': '所有' });
+            if (this.$cookie.get("PC_LI_CODE") && data.some(item => item.LI_CODE === this.$cookie.get("PC_LI_CODE"))) {
+              sessionStorage.setItem('li_code', this.$cookie.get("PC_LI_CODE"));
+            } else {
+              sessionStorage.setItem('li_code', data[0].LI_CODE);
+              this.$cookie.set("PC_LI_CODE", data[0].LI_CODE, {
+                expires: 30,
               });
+            }
+            this.linedata = data;
+          } else {
+            sessionStorage.setItem('li_code', '');
+          }
+          this.linecode = sessionStorage.getItem("li_code");
+        }, (result) => {
+          console.error(result)
+        });
     }
   },
 }
@@ -225,10 +214,11 @@ export default {
 <style lang="scss" scoped>
 @import '../../assets/scss/indexpackage.scss';
 
-.dropdown{
+.dropdown {
   font-size: 18px;
   color: #568aea;
   transform: skewX(45deg);
+
   ::v-deep .el-select-dropdown {
     /* // 若不将下拉框的背景颜色设置为：transparent，那么做不出来半透明的效果；
     // 因为其最终的显示为：下拉框有一个背景颜色且下拉框的字体有一个背景颜色，重叠后的效果展示； */
@@ -246,20 +236,25 @@ export default {
     color: #fff;
     background-color: #0f1325;
   }
+
   ::v-deep .el-select-dropdown {
     background-color: transparent;
     border: 1px solid #0f1325;
   }
+
   ::v-deep.el-select-dropdown__list {
     padding: 0;
   }
+
   ::v-deep.el-popper[x-placement^="bottom"] {
     margin-top: 0px;
   }
+
   ::v-deep.el-popper .popper__arrow,
   ::v-deep.el-popper .popper__arrow::after {
     display: none;
   }
+
   .el-select-dropdown__item:hover {
     background-color: rgba(0, 225, 219, 0.690196078431373);
   }

src/views/dj/index.vue

@@ -9,17 +9,9 @@
             <dv-decoration-8 class="dv-dec-8" :color="decorationColor" />
             <div class="title">
               <span class="title-text">UAS-MES可视化平台</span>
-              <dv-decoration-6
-                class="dv-dec-6"
-                :reverse="true"
-                :color="['#50e3c2', '#67a1e5']"
-              />
+              <dv-decoration-6 class="dv-dec-6" :reverse="true" :color="['#50e3c2', '#67a1e5']" />
             </div>
-            <dv-decoration-8
-              class="dv-dec-8"
-              :reverse="true"
-              :color="decorationColor"
-            />
+            <dv-decoration-8 class="dv-dec-8" :reverse="true" :color="decorationColor" />
           </div>
           <dv-decoration-10 class="dv-dec-10-s" />
         </div>
@@ -29,7 +21,7 @@
           <div class="d-flex aside-width">
             <div class="react-left ml-4 react-l-s bg-color-blue">
               <span class="react-left"></span>
-              <span class="text fw-b" style="font-size:24px;">联创电子应用终端产业</span>
+              <span class="text fw-b" style="font-size:24px;">奥维精密电子有限公司</span>
             </div>
             <div class="react-left ml-3">
               <span class="text">生产实况分析</span>
@@ -37,33 +29,30 @@
           </div>
           <div class="d-flex aside-width">
             <div class="react-right bg-color-r mr-3">
-             <!-- <span class="text ">设备运行分析</span>-->
+              <!-- <span class="text ">设备运行分析</span>-->
               <span class="text" @click="fullScreen" ref="fullScreen">全屏</span>
-              <span class="text" @click="exitFullScreen" ref="exitFullScreen"  style="display: none">退出全屏</span>
+              <span class="text" @click="exitFullScreen" ref="exitFullScreen" style="display: none">退出全屏</span>
             </div>
             <div class="react-right mr-4 react-l-s" style="width: 900px">
               <span class="react-after"></span>
-               <el-dropdown class="dropdown">
+              <el-dropdown class="dropdown">
                 <span class="el-dropdown-link" ref="echarType">
                   点胶车间<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                 </span>
-                  <el-dropdown-menu slot="dropdown">
-                    <el-dropdown-item ><router-link to="dpl"> 笔电包装车间 </router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="dip"> 笔电组装车间 </router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="package"> 包装车间 </router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="assembly"> 组装车间 </router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="smt">SMT车间</router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="smttest">SMT测试车间</router-link></el-dropdown-item>
-                    <el-dropdown-item class="dropdownitem"><router-link to="total"> 各车间总看板</router-link></el-dropdown-item>
-                  </el-dropdown-menu>
-            </el-dropdown>
-              <el-select v-model="linecode" class="dropdown" @change ="handleBlur" style="width: 150px">
-                <el-option
-                        v-for="item in linedata"
-                        :key="item.LI_CODE"
-                        :label="item.LI_CODE"
-                        :value="item.LI_CODE"
-                ></el-option>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item><router-link to="dpl"> 笔电包装车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="dip"> 笔电组装车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="package"> 包装车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="assembly"> 组装车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="smt">SMT车间</router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="smttest">SMT测试车间</router-link></el-dropdown-item>
+                  <el-dropdown-item class="dropdownitem"><router-link to="total">
+                      各车间总看板</router-link></el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+              <el-select v-model="linecode" class="dropdown" @change="handleBlur" style="width: 150px">
+                <el-option v-for="item in linedata" :key="item.LI_CODE" :label="item.LI_CODE"
+                  :value="item.LI_CODE"></el-option>
               </el-select>
               <span class="text">&nbsp;&nbsp;&nbsp;&nbsp;</span>
               <span class="text">{{ dateYear }} {{ dateWeek }} {{ dateDay }}</span>
@@ -75,10 +64,10 @@
           <!-- 第三行数据 -->
           <div class="content-box">
             <div>
-              <dv-border-box-12 v-show="linecode!='所有'">
+              <dv-border-box-12 v-show="linecode != '所有'">
                 <centerLeft_two />
               </dv-border-box-12>
-              <dv-border-box-12 v-show="linecode=='所有'">
+              <dv-border-box-12 v-show="linecode == '所有'">
                 <centerLeft1ALL />
               </dv-border-box-12>
             </div>
@@ -90,16 +79,16 @@
             <!-- 中间 -->
             <div>
               <dv-border-box-12>
-                 <center />
+                <center />
               </dv-border-box-12>
             </div>
             <!-- 中间 -->
-           <!-- <div>
+            <!-- <div>
               <centerRight2 />
             </div>-->
             <div>
               <dv-border-box-12>
-                <centerRight1/>
+                <centerRight1 />
               </dv-border-box-12>
             </div>
           </div>
@@ -131,7 +120,7 @@ import bottomRight from './bottomRight'
 import centerLeft1ALL from "@/views/dj/centerLeft1ALL.vue";
 
 export default {
-  mixins: [ drawMixin ],
+  mixins: [drawMixin],
   data() {
     return {
       timing: null,
@@ -141,11 +130,11 @@ export default {
       dateWeek: null,
       weekday: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
       decorationColor: ['#568aea', '#000000'],
-      workshopoptions:[
-        {label: 'SMT', value: 'SMT'},
-        {label: '组装', value: '组装'},
+      workshopoptions: [
+        { label: 'SMT', value: 'SMT' },
+        { label: '组装', value: '组装' },
       ],
-      isShow:false
+      isShow: false
     }
   },
   components: {
@@ -164,7 +153,7 @@ export default {
     this.timeFn()
     this.cancelLoading()
   },
-  beforeDestroy () {
+  beforeDestroy() {
     clearInterval(this.timing)
     clearInterval(this.intervalId)
   },
@@ -181,40 +170,40 @@ export default {
         this.loading = false
       }, 5000)
     },
-    handleBlur (val){
-      sessionStorage.setItem('li_code',val);
+    handleBlur(val) {
+      sessionStorage.setItem('li_code', val);
       this.$cookie.set("PC_LI_CODE", val, {
         expires: 30,
       });
       location.reload();
     },
-    goSMT(){
+    goSMT() {
       this.$router.push('/smt');
     },
-    goAssembly(){
+    goAssembly() {
       this.$router.push('/assembly');
     },
-    getLines (){
+    getLines() {
       this.$http.get("kanban/getLinesByWorkCenter.action?wccode=点胶").then(
-              (res)=>{
-                if(res.data.linedata) {
-                  const data = res.data.linedata.concat({'LI_CODE':'所有','LI_NAME':'所有'});
-                  if(this.$cookie.get("PC_LI_CODE") && data.some(item => item.LI_CODE === this.$cookie.get("PC_LI_CODE")) ){
-                    sessionStorage.setItem('li_code', this.$cookie.get("PC_LI_CODE"));
-                  }else {
-                    sessionStorage.setItem('li_code', data[0].LI_CODE);
-                    this.$cookie.set("PC_LI_CODE", data[0].LI_CODE, {
-                      expires: 30,
-                    });
-                  }
-                  this.linedata = data;
-                }else{
-                  sessionStorage.setItem('li_code','');
-                }
-                this.linecode = sessionStorage.getItem("li_code");
-              },(result)=>{
-                console.error(result)
+        (res) => {
+          if (res.data.linedata) {
+            const data = res.data.linedata.concat({ 'LI_CODE': '所有', 'LI_NAME': '所有' });
+            if (this.$cookie.get("PC_LI_CODE") && data.some(item => item.LI_CODE === this.$cookie.get("PC_LI_CODE"))) {
+              sessionStorage.setItem('li_code', this.$cookie.get("PC_LI_CODE"));
+            } else {
+              sessionStorage.setItem('li_code', data[0].LI_CODE);
+              this.$cookie.set("PC_LI_CODE", data[0].LI_CODE, {
+                expires: 30,
               });
+            }
+            this.linedata = data;
+          } else {
+            sessionStorage.setItem('li_code', '');
+          }
+          this.linecode = sessionStorage.getItem("li_code");
+        }, (result) => {
+          console.error(result)
+        });
     }
   },
 }
@@ -225,10 +214,11 @@ export default {
 <style lang="scss" scoped>
 @import '../../assets/scss/indexpackage.scss';
 
-.dropdown{
+.dropdown {
   font-size: 18px;
   color: #568aea;
   transform: skewX(45deg);
+
   ::v-deep .el-select-dropdown {
     /* // 若不将下拉框的背景颜色设置为：transparent，那么做不出来半透明的效果；
     // 因为其最终的显示为：下拉框有一个背景颜色且下拉框的字体有一个背景颜色，重叠后的效果展示； */
@@ -246,20 +236,25 @@ export default {
     color: #fff;
     background-color: #0f1325;
   }
+
   ::v-deep .el-select-dropdown {
     background-color: transparent;
     border: 1px solid #0f1325;
   }
+
   ::v-deep.el-select-dropdown__list {
     padding: 0;
   }
+
   ::v-deep.el-popper[x-placement^="bottom"] {
     margin-top: 0px;
   }
+
   ::v-deep.el-popper .popper__arrow,
   ::v-deep.el-popper .popper__arrow::after {
     display: none;
   }
+
   .el-select-dropdown__item:hover {
     background-color: rgba(0, 225, 219, 0.690196078431373);
   }

src/views/dpl/index.vue

@@ -9,17 +9,9 @@
             <dv-decoration-8 class="dv-dec-8" :color="decorationColor" />
             <div class="title">
               <span class="title-text">UAS-MES可视化平台</span>
-              <dv-decoration-6
-                class="dv-dec-6"
-                :reverse="true"
-                :color="['#50e3c2', '#67a1e5']"
-              />
+              <dv-decoration-6 class="dv-dec-6" :reverse="true" :color="['#50e3c2', '#67a1e5']" />
             </div>
-            <dv-decoration-8
-              class="dv-dec-8"
-              :reverse="true"
-              :color="decorationColor"
-            />
+            <dv-decoration-8 class="dv-dec-8" :reverse="true" :color="decorationColor" />
           </div>
           <dv-decoration-10 class="dv-dec-10-s" />
         </div>
@@ -29,7 +21,7 @@
           <div class="d-flex aside-width">
             <div class="react-left ml-4 react-l-s bg-color-blue">
               <span class="react-left"></span>
-              <span class="text fw-b" style="font-size:24px;">联创电子应用终端产业</span>
+              <span class="text fw-b" style="font-size:24px;">奥维精密电子有限公司</span>
             </div>
             <div class="react-left ml-3">
               <span class="text">生产实况分析</span>
@@ -37,33 +29,30 @@
           </div>
           <div class="d-flex aside-width">
             <div class="react-right bg-color-r mr-3">
-             <!-- <span class="text ">设备运行分析</span>-->
+              <!-- <span class="text ">设备运行分析</span>-->
               <span class="text" @click="fullScreen" ref="fullScreen">全屏</span>
-              <span class="text" @click="exitFullScreen" ref="exitFullScreen"  style="display: none">退出全屏</span>
+              <span class="text" @click="exitFullScreen" ref="exitFullScreen" style="display: none">退出全屏</span>
             </div>
             <div class="react-right mr-4 react-l-s" style="width: 900px">
               <span class="react-after"></span>
-               <el-dropdown class="dropdown">
+              <el-dropdown class="dropdown">
                 <span class="el-dropdown-link" ref="echarType">
                   笔电包装车间<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                 </span>
-                  <el-dropdown-menu slot="dropdown">
-                    <el-dropdown-item ><router-link to="dip"> 笔电组装车间 </router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="dj"> 点胶车间 </router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="package"> 包装车间 </router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="assembly"> 组装车间 </router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="smt">SMT车间</router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="smttest">SMT测试车间</router-link></el-dropdown-item>
-                    <el-dropdown-item class="dropdownitem"><router-link to="total"> 各车间总看板</router-link></el-dropdown-item>
-                  </el-dropdown-menu>
-            </el-dropdown>
-              <el-select v-model="linecode" class="dropdown" @change ="handleBlur" style="width: 150px">
-                <el-option
-                        v-for="item in linedata"
-                        :key="item.LI_CODE"
-                        :label="item.LI_CODE"
-                        :value="item.LI_CODE"
-                ></el-option>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item><router-link to="dip"> 笔电组装车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="dj"> 点胶车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="package"> 包装车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="assembly"> 组装车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="smt">SMT车间</router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="smttest">SMT测试车间</router-link></el-dropdown-item>
+                  <el-dropdown-item class="dropdownitem"><router-link to="total">
+                      各车间总看板</router-link></el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+              <el-select v-model="linecode" class="dropdown" @change="handleBlur" style="width: 150px">
+                <el-option v-for="item in linedata" :key="item.LI_CODE" :label="item.LI_CODE"
+                  :value="item.LI_CODE"></el-option>
               </el-select>
               <span class="text">&nbsp;&nbsp;&nbsp;&nbsp;</span>
               <span class="text">{{ dateYear }} {{ dateWeek }} {{ dateDay }}</span>
@@ -75,10 +64,10 @@
           <!-- 第三行数据 -->
           <div class="content-box">
             <div>
-              <dv-border-box-12 v-show="linecode!='所有'">
+              <dv-border-box-12 v-show="linecode != '所有'">
                 <centerLeft_two />
               </dv-border-box-12>
-              <dv-border-box-12 v-show="linecode=='所有'">
+              <dv-border-box-12 v-show="linecode == '所有'">
                 <centerLeft1ALL />
               </dv-border-box-12>
             </div>
@@ -90,16 +79,16 @@
             <!-- 中间 -->
             <div>
               <dv-border-box-12>
-                 <center />
+                <center />
               </dv-border-box-12>
             </div>
             <!-- 中间 -->
-           <!-- <div>
+            <!-- <div>
               <centerRight2 />
             </div>-->
             <div>
               <dv-border-box-12>
-                <centerRight1/>
+                <centerRight1 />
               </dv-border-box-12>
             </div>
           </div>
@@ -131,7 +120,7 @@ import bottomRight from './bottomRight'
 import centerLeft1ALL from "@/views/dpl/centerLeft1ALL.vue";
 
 export default {
-  mixins: [ drawMixin ],
+  mixins: [drawMixin],
   data() {
     return {
       timing: null,
@@ -141,11 +130,11 @@ export default {
       dateWeek: null,
       weekday: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
       decorationColor: ['#568aea', '#000000'],
-      workshopoptions:[
-        {label: 'SMT', value: 'SMT'},
-        {label: '组装', value: '组装'},
+      workshopoptions: [
+        { label: 'SMT', value: 'SMT' },
+        { label: '组装', value: '组装' },
       ],
-      isShow:false
+      isShow: false
     }
   },
   components: {
@@ -164,7 +153,7 @@ export default {
     this.timeFn()
     this.cancelLoading()
   },
-  beforeDestroy () {
+  beforeDestroy() {
     clearInterval(this.timing)
     clearInterval(this.intervalId)
   },
@@ -181,40 +170,40 @@ export default {
         this.loading = false
       }, 5000)
     },
-    handleBlur (val){
-      sessionStorage.setItem('li_code',val);
+    handleBlur(val) {
+      sessionStorage.setItem('li_code', val);
       this.$cookie.set("PC_LI_CODE", val, {
         expires: 30,
       });
       location.reload();
     },
-    goSMT(){
+    goSMT() {
       this.$router.push('/smt');
     },
-    goAssembly(){
+    goAssembly() {
       this.$router.push('/assembly');
     },
-    getLines (){
+    getLines() {
       this.$http.get("kanban/getLinesByWorkCenter.action?wccode=笔电包装车间").then(
-              (res)=>{
-                if(res.data.linedata) {
-                  const data = res.data.linedata.concat({'LI_CODE':'所有','LI_NAME':'所有'});
-                  if(this.$cookie.get("PC_LI_CODE") && data.some(item => item.LI_CODE === this.$cookie.get("PC_LI_CODE")) ){
-                    sessionStorage.setItem('li_code', this.$cookie.get("PC_LI_CODE"));
-                  }else {
-                    sessionStorage.setItem('li_code', data[0].LI_CODE);
-                    this.$cookie.set("PC_LI_CODE", data[0].LI_CODE, {
-                      expires: 30,
-                    });
-                  }
-                  this.linedata = data;
-                }else{
-                  sessionStorage.setItem('li_code','');
-                }
-                this.linecode = sessionStorage.getItem("li_code");
-              },(result)=>{
-                console.error(result)
+        (res) => {
+          if (res.data.linedata) {
+            const data = res.data.linedata.concat({ 'LI_CODE': '所有', 'LI_NAME': '所有' });
+            if (this.$cookie.get("PC_LI_CODE") && data.some(item => item.LI_CODE === this.$cookie.get("PC_LI_CODE"))) {
+              sessionStorage.setItem('li_code', this.$cookie.get("PC_LI_CODE"));
+            } else {
+              sessionStorage.setItem('li_code', data[0].LI_CODE);
+              this.$cookie.set("PC_LI_CODE", data[0].LI_CODE, {
+                expires: 30,
               });
+            }
+            this.linedata = data;
+          } else {
+            sessionStorage.setItem('li_code', '');
+          }
+          this.linecode = sessionStorage.getItem("li_code");
+        }, (result) => {
+          console.error(result)
+        });
     }
   },
 }
@@ -225,10 +214,11 @@ export default {
 <style lang="scss" scoped>
 @import '../../assets/scss/indexpackage.scss';
 
-.dropdown{
+.dropdown {
   font-size: 18px;
   color: #568aea;
   transform: skewX(45deg);
+
   ::v-deep .el-select-dropdown {
     /* // 若不将下拉框的背景颜色设置为：transparent，那么做不出来半透明的效果；
     // 因为其最终的显示为：下拉框有一个背景颜色且下拉框的字体有一个背景颜色，重叠后的效果展示； */
@@ -246,20 +236,25 @@ export default {
     color: #fff;
     background-color: #0f1325;
   }
+
   ::v-deep .el-select-dropdown {
     background-color: transparent;
     border: 1px solid #0f1325;
   }
+
   ::v-deep.el-select-dropdown__list {
     padding: 0;
   }
+
   ::v-deep.el-popper[x-placement^="bottom"] {
     margin-top: 0px;
   }
+
   ::v-deep.el-popper .popper__arrow,
   ::v-deep.el-popper .popper__arrow::after {
     display: none;
   }
+
   .el-select-dropdown__item:hover {
     background-color: rgba(0, 225, 219, 0.690196078431373);
   }

src/views/package/index.vue

@@ -9,17 +9,9 @@
             <dv-decoration-8 class="dv-dec-8" :color="decorationColor" />
             <div class="title">
               <span class="title-text">UAS-MES可视化平台</span>
-              <dv-decoration-6
-                class="dv-dec-6"
-                :reverse="true"
-                :color="['#50e3c2', '#67a1e5']"
-              />
+              <dv-decoration-6 class="dv-dec-6" :reverse="true" :color="['#50e3c2', '#67a1e5']" />
             </div>
-            <dv-decoration-8
-              class="dv-dec-8"
-              :reverse="true"
-              :color="decorationColor"
-            />
+            <dv-decoration-8 class="dv-dec-8" :reverse="true" :color="decorationColor" />
           </div>
           <dv-decoration-10 class="dv-dec-10-s" />
         </div>
@@ -29,7 +21,7 @@
           <div class="d-flex aside-width">
             <div class="react-left ml-4 react-l-s bg-color-blue">
               <span class="react-left"></span>
-              <span class="text fw-b" style="font-size:24px;">联创电子应用终端产业</span>
+              <span class="text fw-b" style="font-size:24px;">奥维精密电子有限公司</span>
             </div>
             <div class="react-left ml-3">
               <span class="text">生产实况分析</span>
@@ -37,33 +29,30 @@
           </div>
           <div class="d-flex aside-width">
             <div class="react-right bg-color-r mr-3">
-             <!-- <span class="text ">设备运行分析</span>-->
+              <!-- <span class="text ">设备运行分析</span>-->
               <span class="text" @click="fullScreen" ref="fullScreen">全屏</span>
-              <span class="text" @click="exitFullScreen" ref="exitFullScreen"  style="display: none">退出全屏</span>
+              <span class="text" @click="exitFullScreen" ref="exitFullScreen" style="display: none">退出全屏</span>
             </div>
             <div class="react-right mr-4 react-l-s" style="width: 900px">
               <span class="react-after"></span>
-               <el-dropdown class="dropdown">
+              <el-dropdown class="dropdown">
                 <span class="el-dropdown-link" ref="echarType">
                   包装车间<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                 </span>
-                  <el-dropdown-menu slot="dropdown">
-                    <el-dropdown-item ><router-link to="dj"> 点胶车间 </router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="dip"> 笔电组装车间 </router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="dpl"> 笔电包装车间 </router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="assembly"> 组装车间 </router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="smt">SMT车间</router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="smttest">SMT测试车间</router-link></el-dropdown-item>
-                    <el-dropdown-item class="dropdownitem"><router-link to="total"> 各车间总看板</router-link></el-dropdown-item>
-                  </el-dropdown-menu>
-            </el-dropdown>
-              <el-select v-model="linecode" class="dropdown" @change ="handleBlur" style="width: 150px">
-                <el-option
-                        v-for="item in linedata"
-                        :key="item.LI_CODE"
-                        :label="item.LI_CODE"
-                        :value="item.LI_CODE"
-                ></el-option>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item><router-link to="dj"> 点胶车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="dip"> 笔电组装车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="dpl"> 笔电包装车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="assembly"> 组装车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="smt">SMT车间</router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="smttest">SMT测试车间</router-link></el-dropdown-item>
+                  <el-dropdown-item class="dropdownitem"><router-link to="total">
+                      各车间总看板</router-link></el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+              <el-select v-model="linecode" class="dropdown" @change="handleBlur" style="width: 150px">
+                <el-option v-for="item in linedata" :key="item.LI_CODE" :label="item.LI_CODE"
+                  :value="item.LI_CODE"></el-option>
               </el-select>
               <span class="text">&nbsp;&nbsp;&nbsp;&nbsp;</span>
               <span class="text">{{ dateYear }} {{ dateWeek }} {{ dateDay }}</span>
@@ -75,10 +64,10 @@
           <!-- 第三行数据 -->
           <div class="content-box">
             <div>
-              <dv-border-box-12 v-show="linecode!='所有'">
+              <dv-border-box-12 v-show="linecode != '所有'">
                 <centerLeft_two />
               </dv-border-box-12>
-              <dv-border-box-12 v-show="linecode=='所有'">
+              <dv-border-box-12 v-show="linecode == '所有'">
                 <centerLeft1ALL />
               </dv-border-box-12>
             </div>
@@ -90,16 +79,16 @@
             <!-- 中间 -->
             <div>
               <dv-border-box-12>
-                 <center />
+                <center />
               </dv-border-box-12>
             </div>
             <!-- 中间 -->
-           <!-- <div>
+            <!-- <div>
               <centerRight2 />
             </div>-->
             <div>
               <dv-border-box-12>
-                <centerRight1/>
+                <centerRight1 />
               </dv-border-box-12>
             </div>
           </div>
@@ -131,7 +120,7 @@ import bottomRight from './bottomRight'
 import centerLeft1ALL from './centerLeft1ALL'
 
 export default {
-  mixins: [ drawMixin ],
+  mixins: [drawMixin],
   data() {
     return {
       timing: null,
@@ -141,11 +130,11 @@ export default {
       dateWeek: null,
       weekday: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
       decorationColor: ['#568aea', '#000000'],
-      workshopoptions:[
-        {label: 'SMT', value: 'SMT'},
-        {label: '组装', value: '组装'},
+      workshopoptions: [
+        { label: 'SMT', value: 'SMT' },
+        { label: '组装', value: '组装' },
       ],
-      isShow:false
+      isShow: false
     }
   },
   components: {
@@ -164,7 +153,7 @@ export default {
     this.timeFn()
     this.cancelLoading()
   },
-  beforeDestroy () {
+  beforeDestroy() {
     clearInterval(this.timing)
     clearInterval(this.intervalId)
   },
@@ -181,40 +170,40 @@ export default {
         this.loading = false
       }, 5000)
     },
-    handleBlur (val){
-      sessionStorage.setItem('li_code',val);
+    handleBlur(val) {
+      sessionStorage.setItem('li_code', val);
       this.$cookie.set("PC_LI_CODE", val, {
         expires: 30,
       });
       location.reload();
     },
-    goSMT(){
+    goSMT() {
       this.$router.push('/smt');
     },
-    goAssembly(){
+    goAssembly() {
       this.$router.push('/assembly');
     },
-    getLines (){
+    getLines() {
       this.$http.get("kanban/getLinesByWorkCenter.action?wccode=包装").then(
-              (res)=>{
-                if(res.data.linedata) {
-                  const data = res.data.linedata.concat({'LI_CODE':'所有','LI_NAME':'所有'});
-                  if(this.$cookie.get("PC_LI_CODE") && data.some(item => item.LI_CODE === this.$cookie.get("PC_LI_CODE")) ){
-                    sessionStorage.setItem('li_code', this.$cookie.get("PC_LI_CODE"));
-                  }else {
-                    sessionStorage.setItem('li_code', data[0].LI_CODE);
-                    this.$cookie.set("PC_LI_CODE", data[0].LI_CODE, {
-                      expires: 30,
-                    });
-                  }
-                  this.linedata = data;
-                }else{
-                  sessionStorage.setItem('li_code','');
-                }
-                this.linecode = sessionStorage.getItem("li_code");
-              },(result)=>{
-                console.error(result)
+        (res) => {
+          if (res.data.linedata) {
+            const data = res.data.linedata.concat({ 'LI_CODE': '所有', 'LI_NAME': '所有' });
+            if (this.$cookie.get("PC_LI_CODE") && data.some(item => item.LI_CODE === this.$cookie.get("PC_LI_CODE"))) {
+              sessionStorage.setItem('li_code', this.$cookie.get("PC_LI_CODE"));
+            } else {
+              sessionStorage.setItem('li_code', data[0].LI_CODE);
+              this.$cookie.set("PC_LI_CODE", data[0].LI_CODE, {
+                expires: 30,
               });
+            }
+            this.linedata = data;
+          } else {
+            sessionStorage.setItem('li_code', '');
+          }
+          this.linecode = sessionStorage.getItem("li_code");
+        }, (result) => {
+          console.error(result)
+        });
     }
   },
 }
@@ -225,10 +214,11 @@ export default {
 <style lang="scss" scoped>
 @import '../../assets/scss/indexpackage.scss';
 
-.dropdown{
+.dropdown {
   font-size: 18px;
   color: #568aea;
   transform: skewX(45deg);
+
   ::v-deep .el-select-dropdown {
     /* // 若不将下拉框的背景颜色设置为：transparent，那么做不出来半透明的效果；
     // 因为其最终的显示为：下拉框有一个背景颜色且下拉框的字体有一个背景颜色，重叠后的效果展示； */
@@ -246,20 +236,25 @@ export default {
     color: #fff;
     background-color: #0f1325;
   }
+
   ::v-deep .el-select-dropdown {
     background-color: transparent;
     border: 1px solid #0f1325;
   }
+
   ::v-deep.el-select-dropdown__list {
     padding: 0;
   }
+
   ::v-deep.el-popper[x-placement^="bottom"] {
     margin-top: 0px;
   }
+
   ::v-deep.el-popper .popper__arrow,
   ::v-deep.el-popper .popper__arrow::after {
     display: none;
   }
+
   .el-select-dropdown__item:hover {
     background-color: rgba(0, 225, 219, 0.690196078431373);
   }

src/views/smt/index.vue

@@ -9,17 +9,9 @@
             <dv-decoration-8 class="dv-dec-8" :color="decorationColor" />
             <div class="title">
               <span class="title-text">UAS-MES可视化平台</span>
-              <dv-decoration-6
-                class="dv-dec-6"
-                :reverse="true"
-                :color="['#50e3c2', '#67a1e5']"
-              />
+              <dv-decoration-6 class="dv-dec-6" :reverse="true" :color="['#50e3c2', '#67a1e5']" />
             </div>
-            <dv-decoration-8
-              class="dv-dec-8"
-              :reverse="true"
-              :color="decorationColor"
-            />
+            <dv-decoration-8 class="dv-dec-8" :reverse="true" :color="decorationColor" />
           </div>
           <dv-decoration-10 class="dv-dec-10-s" />
         </div>
@@ -29,7 +21,7 @@
           <div class="d-flex aside-width">
             <div class="react-left ml-4 react-l-s bg-color-blue">
               <span class="react-left"></span>
-              <span class="text fw-b" style="font-size:24px;">联创电子应用终端产业</span>
+              <span class="text fw-b" style="font-size:24px;">奥维精密电子有限公司</span>
             </div>
             <div class="react-left ml-3">
               <span class="text">生产实况分析</span>
@@ -38,12 +30,12 @@
           <div class="d-flex aside-width">
             <div class="react-right bg-color-r mr-3">
               <span class="text" @click="fullScreen" ref="fullScreen">全屏</span>
-              <span class="text" @click="exitFullScreen" ref="exitFullScreen"  style="display: none">退出全屏</span>
+              <span class="text" @click="exitFullScreen" ref="exitFullScreen" style="display: none">退出全屏</span>
             </div>
             <div class="react-right mr-4 react-l-s" style="width: 900px">
               <span class="react-after"></span>
 
-             <!-- <el-dropdown class="dropdown">
+              <!-- <el-dropdown class="dropdown">
                 <span class="el-dropdown-link" ref="echarType">
                    {{linecode.LI_CODE}} <i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                 </span>
@@ -59,24 +51,24 @@
                 <span class="el-dropdown-link" ref="echarType">
                   SMT车间<i class="el-icon-arrow-down el-icon--right"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                 </span>
-                  <el-dropdown-menu slot="dropdown">
-                    <el-dropdown-item class="dropdownitem"><router-link to="dj">点胶车间</router-link></el-dropdown-item>
-                    <el-dropdown-item class="dropdownitem"><router-link to="dip">笔电组装车间</router-link></el-dropdown-item>
-                    <el-dropdown-item class="dropdownitem"><router-link to="dpl">笔电包装车间</router-link></el-dropdown-item>
-                    <el-dropdown-item class="dropdownitem"><router-link to="assembly">组装车间</router-link></el-dropdown-item>
-                    <el-dropdown-item class="dropdownitem"><router-link to="package"> 包装车间</router-link></el-dropdown-item>
-                    <el-dropdown-item class="dropdownitem"><router-link to="smttest">SMT测试车间</router-link></el-dropdown-item>
-                    <el-dropdown-item class="dropdownitem"><router-link to="total"> 各车间总看板</router-link></el-dropdown-item>
-                  </el-dropdown-menu>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item class="dropdownitem"><router-link to="dj">点胶车间</router-link></el-dropdown-item>
+                  <el-dropdown-item class="dropdownitem"><router-link to="dip">笔电组装车间</router-link></el-dropdown-item>
+                  <el-dropdown-item class="dropdownitem"><router-link to="dpl">笔电包装车间</router-link></el-dropdown-item>
+                  <el-dropdown-item class="dropdownitem"><router-link
+                      to="assembly">组装车间</router-link></el-dropdown-item>
+                  <el-dropdown-item class="dropdownitem"><router-link to="package">
+                      包装车间</router-link></el-dropdown-item>
+                  <el-dropdown-item class="dropdownitem"><router-link
+                      to="smttest">SMT测试车间</router-link></el-dropdown-item>
+                  <el-dropdown-item class="dropdownitem"><router-link to="total">
+                      各车间总看板</router-link></el-dropdown-item>
+                </el-dropdown-menu>
               </el-dropdown>
 
-             <el-select v-model="linecode" class="dropdown" @change ="handleBlur" style="width: 150px">
-                <el-option
-                        v-for="item in linedata"
-                        :key="item.LI_CODE"
-                        :label="item.LI_CODE"
-                        :value="item.LI_CODE"
-                   ></el-option>
+              <el-select v-model="linecode" class="dropdown" @change="handleBlur" style="width: 150px">
+                <el-option v-for="item in linedata" :key="item.LI_CODE" :label="item.LI_CODE"
+                  :value="item.LI_CODE"></el-option>
               </el-select>
 
               <span class="text">&nbsp;&nbsp;&nbsp;&nbsp;</span>
@@ -94,10 +86,10 @@
               </dv-border-box-12>
             </div>
             <div>
-              <dv-border-box-12 v-show="linecode!='所有'">
+              <dv-border-box-12 v-show="linecode != '所有'">
                 <up2 />
               </dv-border-box-12>
-              <dv-border-box-12 v-show="linecode=='所有'">
+              <dv-border-box-12 v-show="linecode == '所有'">
                 <centerLeft1ALL />
               </dv-border-box-12>
             </div>
@@ -109,9 +101,9 @@
           </div>
           <!-- 下面 -->
           <div class="bottom-box">
-              <dv-border-box-12>
-                <bottom1 />
-              </dv-border-box-12>
+            <dv-border-box-12>
+              <bottom1 />
+            </dv-border-box-12>
             <dv-border-box-12>
               <bottom2 />
             </dv-border-box-12>
@@ -134,7 +126,7 @@ import { mapState } from "vuex"
 import centerLeft1ALL from "@/views/smt/centerLeft1ALL.vue";
 
 export default {
-  mixins: [ drawMixin ],
+  mixins: [drawMixin],
   computed: {
     ...mapState('user', ['user'])
   },
@@ -147,8 +139,8 @@ export default {
       dateWeek: null,
       weekday: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
       decorationColor: ['#568aea', '#000000'],
-      linecode:null,
-      linedata:[]
+      linecode: null,
+      linedata: []
     }
   },
   components: {
@@ -166,7 +158,7 @@ export default {
     this.timeFn()
     this.cancelLoading()
   },
-  beforeDestroy () {
+  beforeDestroy() {
     clearInterval(this.timing)
     clearInterval(this.intervalId)
   },
@@ -183,34 +175,34 @@ export default {
         this.loading = false
       }, 5000)
     },
-    handleBlur (val){
-      sessionStorage.setItem('li_code',val);
+    handleBlur(val) {
+      sessionStorage.setItem('li_code', val);
       this.$cookie.set("SMT_LI_CODE", val, {
         expires: 30,
       });
       location.reload();
     },
-    getLines (){
+    getLines() {
       this.$http.get("kanban/getLinesByWorkCenter.action?wccode=SMT").then(
-              (res)=>{
-                if(res.data.linedata) {
-                  const data = res.data.linedata.concat({'LI_CODE':'所有','LI_NAME':'所有'});
-                  if(this.$cookie.get("SMT_LI_CODE") && data.some(item => item.LI_CODE === this.$cookie.get("SMT_LI_CODE")) ){
-                    sessionStorage.setItem('li_code', this.$cookie.get("SMT_LI_CODE"));
-                  }else {
-                    sessionStorage.setItem('li_code', data[0].LI_CODE);
-                    this.$cookie.set("SMT_LI_CODE", data[0].LI_CODE, {
-                      expires: 30,
-                    });
-                  }
-                  this.linedata = data;
-                }else{
-                  sessionStorage.setItem('li_code','');
-                }
-                this.linecode = sessionStorage.getItem("li_code");
-              },(result)=>{
-                console.error(result)
+        (res) => {
+          if (res.data.linedata) {
+            const data = res.data.linedata.concat({ 'LI_CODE': '所有', 'LI_NAME': '所有' });
+            if (this.$cookie.get("SMT_LI_CODE") && data.some(item => item.LI_CODE === this.$cookie.get("SMT_LI_CODE"))) {
+              sessionStorage.setItem('li_code', this.$cookie.get("SMT_LI_CODE"));
+            } else {
+              sessionStorage.setItem('li_code', data[0].LI_CODE);
+              this.$cookie.set("SMT_LI_CODE", data[0].LI_CODE, {
+                expires: 30,
               });
+            }
+            this.linedata = data;
+          } else {
+            sessionStorage.setItem('li_code', '');
+          }
+          this.linecode = sessionStorage.getItem("li_code");
+        }, (result) => {
+          console.error(result)
+        });
     }
   }
 }
@@ -218,10 +210,12 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../assets/scss/indexsmt.scss';
-.dropdown{
+
+.dropdown {
   font-size: 18px;
   color: #568aea;
   transform: skewX(45deg);
+
   ::v-deep .el-select-dropdown {
     /* // 若不将下拉框的背景颜色设置为：transparent，那么做不出来半透明的效果；
     // 因为其最终的显示为：下拉框有一个背景颜色且下拉框的字体有一个背景颜色，重叠后的效果展示； */
@@ -239,23 +233,27 @@ export default {
     color: #fff;
     background-color: #0f1325;
   }
+
   ::v-deep .el-select-dropdown {
     background-color: transparent;
     border: 1px solid #0f1325;
   }
+
   ::v-deep.el-select-dropdown__list {
     padding: 0;
   }
+
   ::v-deep.el-popper[x-placement^="bottom"] {
     margin-top: 0px;
   }
+
   ::v-deep.el-popper .popper__arrow,
   ::v-deep.el-popper .popper__arrow::after {
     display: none;
   }
+
   .el-select-dropdown__item:hover {
     background-color: rgba(0, 225, 219, 0.690196078431373);
   }
 }
-
 </style>

src/views/smttest/index.vue

@@ -9,17 +9,9 @@
             <dv-decoration-8 class="dv-dec-8" :color="decorationColor" />
             <div class="title">
               <span class="title-text">UAS-MES可视化平台</span>
-              <dv-decoration-6
-                class="dv-dec-6"
-                :reverse="true"
-                :color="['#50e3c2', '#67a1e5']"
-              />
+              <dv-decoration-6 class="dv-dec-6" :reverse="true" :color="['#50e3c2', '#67a1e5']" />
             </div>
-            <dv-decoration-8
-              class="dv-dec-8"
-              :reverse="true"
-              :color="decorationColor"
-            />
+            <dv-decoration-8 class="dv-dec-8" :reverse="true" :color="decorationColor" />
           </div>
           <dv-decoration-10 class="dv-dec-10-s" />
         </div>
@@ -29,7 +21,7 @@
           <div class="d-flex aside-width">
             <div class="react-left ml-4 react-l-s bg-color-blue">
               <span class="react-left"></span>
-              <span class="text fw-b" style="font-size:24px;">联创电子应用终端产业</span>
+              <span class="text fw-b" style="font-size:24px;">奥维精密电子有限公司</span>
             </div>
             <div class="react-left ml-3">
               <span class="text">生产实况分析</span>
@@ -37,32 +29,30 @@
           </div>
           <div class="d-flex aside-width">
             <div class="react-right bg-color-r mr-3">
-             <!-- <span class="text ">设备运行分析</span>-->
+              <!-- <span class="text ">设备运行分析</span>-->
               <span class="text" @click="fullScreen" ref="fullScreen">全屏</span>
-              <span class="text" @click="exitFullScreen" ref="exitFullScreen"  style="display: none">退出全屏</span>
+              <span class="text" @click="exitFullScreen" ref="exitFullScreen" style="display: none">退出全屏</span>
             </div>
             <div class="react-right mr-4 react-l-s" style="width: 900px">
               <span class="react-after"></span>
-               <el-dropdown class="dropdown">
-                <span class="el-dropdown-link" ref="echarType">SMT测试车间<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>&nbsp;&nbsp;&nbsp;&nbsp;
+              <el-dropdown class="dropdown">
+                <span class="el-dropdown-link" ref="echarType">SMT测试车间<i
+                    class="el-icon-arrow-down el-icon&#45;&#45;right"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                 </span>
-                  <el-dropdown-menu slot="dropdown">
-                    <el-dropdown-item ><router-link to="dpl"> 笔电包装车间 </router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="dj"> 点胶车间 </router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="package"> 包装车间 </router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="assembly"> 组装车间 </router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="smt">SMT车间</router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="smttest">SMT测试车间</router-link></el-dropdown-item>
-                    <el-dropdown-item class="dropdownitem"><router-link to="total"> 各车间总看板</router-link></el-dropdown-item>
-                  </el-dropdown-menu>
-            </el-dropdown>
-              <el-select v-model="linecode" class="dropdown" @change ="handleBlur" style="width: 150px">
-                <el-option
-                        v-for="item in linedata"
-                        :key="item.LI_CODE"
-                        :label="item.LI_CODE"
-                        :value="item.LI_CODE"
-                ></el-option>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item><router-link to="dpl"> 笔电包装车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="dj"> 点胶车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="package"> 包装车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="assembly"> 组装车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="smt">SMT车间</router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="smttest">SMT测试车间</router-link></el-dropdown-item>
+                  <el-dropdown-item class="dropdownitem"><router-link to="total">
+                      各车间总看板</router-link></el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+              <el-select v-model="linecode" class="dropdown" @change="handleBlur" style="width: 150px">
+                <el-option v-for="item in linedata" :key="item.LI_CODE" :label="item.LI_CODE"
+                  :value="item.LI_CODE"></el-option>
               </el-select>
               <span class="text">&nbsp;&nbsp;&nbsp;&nbsp;</span>
               <span class="text">{{ dateYear }} {{ dateWeek }} {{ dateDay }}</span>
@@ -74,10 +64,10 @@
           <!-- 第三行数据 -->
           <div class="content-box">
             <div>
-              <dv-border-box-12 v-show="linecode!='所有'">
+              <dv-border-box-12 v-show="linecode != '所有'">
                 <centerLeft_two />
               </dv-border-box-12>
-              <dv-border-box-12 v-show="linecode=='所有'">
+              <dv-border-box-12 v-show="linecode == '所有'">
                 <centerLeft1ALL />
               </dv-border-box-12>
             </div>
@@ -89,16 +79,16 @@
             <!-- 中间 -->
             <div>
               <dv-border-box-12>
-                 <center />
+                <center />
               </dv-border-box-12>
             </div>
             <!-- 中间 -->
-           <!-- <div>
+            <!-- <div>
               <centerRight2 />
             </div>-->
             <div>
               <dv-border-box-12>
-                <centerRight1/>
+                <centerRight1 />
               </dv-border-box-12>
             </div>
           </div>
@@ -130,7 +120,7 @@ import bottomRight from './bottomRight'
 import centerLeft1ALL from "@/views/smttest/centerLeft1ALL.vue";
 
 export default {
-  mixins: [ drawMixin ],
+  mixins: [drawMixin],
   data() {
     return {
       timing: null,
@@ -140,11 +130,11 @@ export default {
       dateWeek: null,
       weekday: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
       decorationColor: ['#568aea', '#000000'],
-      workshopoptions:[
-        {label: 'SMT', value: 'SMT'},
-        {label: '组装', value: '组装'},
+      workshopoptions: [
+        { label: 'SMT', value: 'SMT' },
+        { label: '组装', value: '组装' },
       ],
-      isShow:false
+      isShow: false
     }
   },
   components: {
@@ -163,7 +153,7 @@ export default {
     this.timeFn()
     this.cancelLoading()
   },
-  beforeDestroy () {
+  beforeDestroy() {
     clearInterval(this.timing)
     clearInterval(this.intervalId)
   },
@@ -180,40 +170,40 @@ export default {
         this.loading = false
       }, 5000)
     },
-    handleBlur (val){
-      sessionStorage.setItem('li_code',val);
+    handleBlur(val) {
+      sessionStorage.setItem('li_code', val);
       this.$cookie.set("PC_LI_CODE", val, {
         expires: 30,
       });
       location.reload();
     },
-    goSMT(){
+    goSMT() {
       this.$router.push('/smt');
     },
-    goAssembly(){
+    goAssembly() {
       this.$router.push('/assembly');
     },
-    getLines (){
+    getLines() {
       this.$http.get("kanban/getLinesByWorkCenter.action?wccode=SMT测试").then(
-              (res)=>{
-                if(res.data.linedata) {
-                  const data = res.data.linedata.concat({'LI_CODE':'所有','LI_NAME':'所有'});
-                  if(this.$cookie.get("PC_LI_CODE") && data.some(item => item.LI_CODE === this.$cookie.get("PC_LI_CODE")) ){
-                    sessionStorage.setItem('li_code', this.$cookie.get("PC_LI_CODE"));
-                  }else {
-                    sessionStorage.setItem('li_code', data[0].LI_CODE);
-                    this.$cookie.set("PC_LI_CODE", data[0].LI_CODE, {
-                      expires: 30,
-                    });
-                  }
-                  this.linedata = data;
-                }else{
-                  sessionStorage.setItem('li_code','');
-                }
-                this.linecode = sessionStorage.getItem("li_code");
-              },(result)=>{
-                console.error(result)
+        (res) => {
+          if (res.data.linedata) {
+            const data = res.data.linedata.concat({ 'LI_CODE': '所有', 'LI_NAME': '所有' });
+            if (this.$cookie.get("PC_LI_CODE") && data.some(item => item.LI_CODE === this.$cookie.get("PC_LI_CODE"))) {
+              sessionStorage.setItem('li_code', this.$cookie.get("PC_LI_CODE"));
+            } else {
+              sessionStorage.setItem('li_code', data[0].LI_CODE);
+              this.$cookie.set("PC_LI_CODE", data[0].LI_CODE, {
+                expires: 30,
               });
+            }
+            this.linedata = data;
+          } else {
+            sessionStorage.setItem('li_code', '');
+          }
+          this.linecode = sessionStorage.getItem("li_code");
+        }, (result) => {
+          console.error(result)
+        });
     }
   },
 }
@@ -224,10 +214,11 @@ export default {
 <style lang="scss" scoped>
 @import '../../assets/scss/indexpackage.scss';
 
-.dropdown{
+.dropdown {
   font-size: 18px;
   color: #568aea;
   transform: skewX(45deg);
+
   ::v-deep .el-select-dropdown {
     /* // 若不将下拉框的背景颜色设置为：transparent，那么做不出来半透明的效果；
     // 因为其最终的显示为：下拉框有一个背景颜色且下拉框的字体有一个背景颜色，重叠后的效果展示； */
@@ -245,20 +236,25 @@ export default {
     color: #fff;
     background-color: #0f1325;
   }
+
   ::v-deep .el-select-dropdown {
     background-color: transparent;
     border: 1px solid #0f1325;
   }
+
   ::v-deep.el-select-dropdown__list {
     padding: 0;
   }
+
   ::v-deep.el-popper[x-placement^="bottom"] {
     margin-top: 0px;
   }
+
   ::v-deep.el-popper .popper__arrow,
   ::v-deep.el-popper .popper__arrow::after {
     display: none;
   }
+
   .el-select-dropdown__item:hover {
     background-color: rgba(0, 225, 219, 0.690196078431373);
   }

src/views/total/index.vue

@@ -9,17 +9,9 @@
             <dv-decoration-8 class="dv-dec-8" :color="decorationColor" />
             <div class="title">
               <span class="title-text">UAS-MES可视化平台</span>
-              <dv-decoration-6
-                class="dv-dec-6"
-                :reverse="true"
-                :color="['#50e3c2', '#67a1e5']"
-              />
+              <dv-decoration-6 class="dv-dec-6" :reverse="true" :color="['#50e3c2', '#67a1e5']" />
             </div>
-            <dv-decoration-8
-              class="dv-dec-8"
-              :reverse="true"
-              :color="decorationColor"
-            />
+            <dv-decoration-8 class="dv-dec-8" :reverse="true" :color="decorationColor" />
           </div>
           <dv-decoration-10 class="dv-dec-10-s" />
         </div>
@@ -29,7 +21,7 @@
           <div class="d-flex aside-width">
             <div class="react-left ml-4 react-l-s bg-color-blue">
               <span class="react-left"></span>
-              <span class="text fw-b" style="font-size:24px;">联创电子应用终端产业</span>
+              <span class="text fw-b" style="font-size:24px;">奥维精密电子有限公司</span>
             </div>
             <div class="react-left ml-3">
               <span class="text">生产实况分析</span>
@@ -37,33 +29,30 @@
           </div>
           <div class="d-flex aside-width">
             <div class="react-right bg-color-r mr-3">
-             <!-- <span class="text ">设备运行分析</span>-->
+              <!-- <span class="text ">设备运行分析</span>-->
               <span class="text" @click="fullScreen" ref="fullScreen">全屏</span>
-              <span class="text" @click="exitFullScreen" ref="exitFullScreen"  style="display: none">退出全屏</span>
+              <span class="text" @click="exitFullScreen" ref="exitFullScreen" style="display: none">退出全屏</span>
             </div>
             <div class="react-right mr-4 react-l-s" style="width: 900px">
               <span class="react-after"></span>
-               <el-dropdown class="dropdown">
+              <el-dropdown class="dropdown">
                 <span class="el-dropdown-link" ref="echarType">
                   各车间总看板<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                 </span>
-                  <el-dropdown-menu slot="dropdown">
-                    <el-dropdown-item ><router-link to="dj"> 点胶车间 </router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="dip"> 笔电组装车间 </router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="dpl"> 笔电包装车间 </router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="assembly"> 组装车间 </router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="smt">SMT车间</router-link></el-dropdown-item>
-                    <el-dropdown-item ><router-link to="smttest">SMT测试车间</router-link></el-dropdown-item>
-                    <el-dropdown-item class="dropdownitem"><router-link to="package"> 包装车间 </router-link></el-dropdown-item>
-                  </el-dropdown-menu>
-            </el-dropdown>
-              <el-select v-model="linecode" class="dropdown" @change ="handleBlur" style="width: 150px">
-                <el-option
-                        v-for="item in linedata"
-                        :key="item.LI_CODE"
-                        :label="item.LI_CODE"
-                        :value="item.LI_CODE"
-                ></el-option>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item><router-link to="dj"> 点胶车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="dip"> 笔电组装车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="dpl"> 笔电包装车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="assembly"> 组装车间 </router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="smt">SMT车间</router-link></el-dropdown-item>
+                  <el-dropdown-item><router-link to="smttest">SMT测试车间</router-link></el-dropdown-item>
+                  <el-dropdown-item class="dropdownitem"><router-link to="package"> 包装车间
+                    </router-link></el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+              <el-select v-model="linecode" class="dropdown" @change="handleBlur" style="width: 150px">
+                <el-option v-for="item in linedata" :key="item.LI_CODE" :label="item.LI_CODE"
+                  :value="item.LI_CODE"></el-option>
               </el-select>
               <span class="text">&nbsp;&nbsp;&nbsp;&nbsp;</span>
               <span class="text">{{ dateYear }} {{ dateWeek }} {{ dateDay }}</span>
@@ -75,23 +64,23 @@
           <!-- 第三行数据 -->
           <div class="content-box">
             <div>
-              <dv-border-box-12 >
+              <dv-border-box-12>
                 <centerLeft1ALL />
               </dv-border-box-12>
             </div>
             <!-- 中间 -->
             <div>
               <dv-border-box-12>
-                 <center />
+                <center />
               </dv-border-box-12>
             </div>
             <!-- 中间 -->
-           <!-- <div>
+            <!-- <div>
               <centerRight2 />
             </div>-->
             <div>
               <dv-border-box-12>
-                <bottomRight/>
+                <bottomRight />
               </dv-border-box-12>
             </div>
           </div>
@@ -121,7 +110,7 @@ import bottomRight from './bottomRight'
 import centerLeft1ALL from './centerLeft1ALL'
 
 export default {
-  mixins: [ drawMixin ],
+  mixins: [drawMixin],
   data() {
     return {
       timing: null,
@@ -131,11 +120,11 @@ export default {
       dateWeek: null,
       weekday: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
       decorationColor: ['#568aea', '#000000'],
-      workshopoptions:[
-        {label: 'SMT', value: 'SMT'},
-        {label: '组装', value: '组装'},
+      workshopoptions: [
+        { label: 'SMT', value: 'SMT' },
+        { label: '组装', value: '组装' },
       ],
-      isShow:false
+      isShow: false
     }
   },
   components: {
@@ -152,7 +141,7 @@ export default {
     this.timeFn()
     this.cancelLoading()
   },
-  beforeDestroy () {
+  beforeDestroy() {
     clearInterval(this.timing)
     clearInterval(this.intervalId)
   },
@@ -169,40 +158,40 @@ export default {
         this.loading = false
       }, 5000)
     },
-    handleBlur (val){
-      sessionStorage.setItem('li_code',val);
+    handleBlur(val) {
+      sessionStorage.setItem('li_code', val);
       this.$cookie.set("PC_LI_CODE", val, {
         expires: 30,
       });
       location.reload();
     },
-    goSMT(){
+    goSMT() {
       this.$router.push('/smt');
     },
-    goAssembly(){
+    goAssembly() {
       this.$router.push('/assembly');
     },
-    getLines (){
+    getLines() {
       this.$http.get("kanban/getLinesByWorkCenter.action?wccode=包装").then(
-              (res)=>{
-                if(res.data.linedata) {
-                  const data = res.data.linedata.concat({'LI_CODE':'所有','LI_NAME':'所有'});
-                  if(this.$cookie.get("PC_LI_CODE") && data.some(item => item.LI_CODE === this.$cookie.get("PC_LI_CODE")) ){
-                    sessionStorage.setItem('li_code', this.$cookie.get("PC_LI_CODE"));
-                  }else {
-                    sessionStorage.setItem('li_code', data[0].LI_CODE);
-                    this.$cookie.set("PC_LI_CODE", data[0].LI_CODE, {
-                      expires: 30,
-                    });
-                  }
-                  this.linedata = data;
-                }else{
-                  sessionStorage.setItem('li_code','');
-                }
-                this.linecode = sessionStorage.getItem("li_code");
-              },(result)=>{
-                console.error(result)
+        (res) => {
+          if (res.data.linedata) {
+            const data = res.data.linedata.concat({ 'LI_CODE': '所有', 'LI_NAME': '所有' });
+            if (this.$cookie.get("PC_LI_CODE") && data.some(item => item.LI_CODE === this.$cookie.get("PC_LI_CODE"))) {
+              sessionStorage.setItem('li_code', this.$cookie.get("PC_LI_CODE"));
+            } else {
+              sessionStorage.setItem('li_code', data[0].LI_CODE);
+              this.$cookie.set("PC_LI_CODE", data[0].LI_CODE, {
+                expires: 30,
               });
+            }
+            this.linedata = data;
+          } else {
+            sessionStorage.setItem('li_code', '');
+          }
+          this.linecode = sessionStorage.getItem("li_code");
+        }, (result) => {
+          console.error(result)
+        });
     }
   },
 }
@@ -213,10 +202,11 @@ export default {
 <style lang="scss" scoped>
 @import '../../assets/scss/indextotal.scss';
 
-.dropdown{
+.dropdown {
   font-size: 18px;
   color: #568aea;
   transform: skewX(45deg);
+
   ::v-deep .el-select-dropdown {
     /* // 若不将下拉框的背景颜色设置为：transparent，那么做不出来半透明的效果；
     // 因为其最终的显示为：下拉框有一个背景颜色且下拉框的字体有一个背景颜色，重叠后的效果展示； */
@@ -234,20 +224,25 @@ export default {
     color: #fff;
     background-color: #0f1325;
   }
+
   ::v-deep .el-select-dropdown {
     background-color: transparent;
     border: 1px solid #0f1325;
   }
+
   ::v-deep.el-select-dropdown__list {
     padding: 0;
   }
+
   ::v-deep.el-popper[x-placement^="bottom"] {
     margin-top: 0px;
   }
+
   ::v-deep.el-popper .popper__arrow,
   ::v-deep.el-popper .popper__arrow::after {
     display: none;
   }
+
   .el-select-dropdown__item:hover {
     background-color: rgba(0, 225, 219, 0.690196078431373);
   }

vue.config.js

@@ -1,23 +1,21 @@
-const path = require('path')
-const resolve = dir => {
-  return path.join(__dirname, dir)
-}
+const path = require("path");
+const resolve = (dir) => {
+  return path.join(__dirname, dir);
+};
 module.exports = {
-  publicPath: './',
-  chainWebpack: config => {
-    config.resolve.alias
-      .set('_c', resolve('src/components')) // key,value自行定义，比如.set('@@', resolve('src/components'))
+  publicPath: "./",
+  chainWebpack: (config) => {
+    config.resolve.alias.set("_c", resolve("src/components")); // key,value自行定义，比如.set('@@', resolve('src/components'))
   },
   devServer: {
     proxy: {
-      "/mes":{           // /proxy_url 这个用来和根路径 baseURL 进行匹配
-        target:'http://172.16.30.253:8099/mes/',   // target: 'http://mes.ubtob.net:8099/mes/', http://218.64.89.153:8099/mes/， 'http://localhost:8099/uas/' ,这个是填写跨域的请求域名+端口号，也就是要请求的URL(不包含URL路径)
-        changeOrigin: true,  // 是否允许跨域请求，在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
-        pathRewrite: {   // 路径重写
-          '^/mes': '' // 替换target中的请求地址，原请求为 http://127.0.0.1:8000/kuayu 实际请求为 http://127.0.0.1:8000/proxy_url/kuayu
-        }
-      }
-    }
-  }
-
-}
+      "/mes": {
+        target: "http://192.168.41.232:8098/mes/", // http://60.168.132.108:8098/mes/
+        changeOrigin: true,
+        pathRewrite: {
+          "^/mes": "",
+        },
+      },
+    },
+  },
+};