1.增加看板菜单,用于各工序间进行切换

src/views/zyjhzx/components/Drawer.vue

@@ -1,11 +1,13 @@
 <template>
-  <el-drawer class="drawer" :visible.sync="drawer" :direction="direction" :withHeader="withHeader" @select="handleSelect">
+  <el-drawer class="transparent-drawer" size="8%" :visible.sync="drawer" :direction="direction" :modal="false" :withHeader="withHeader">
-    <el-menu class="menu" mode="horizontal">
+    <div class="drawer">
-      <el-menu-item class="menu-item">抛丸</el-menu-item>
+      <template v-for="(item,index) in menu">
-      <el-menu-item class="menu-item">理料</el-menu-item>
+        <div class="menu-item" @click="handleSelect(item)">
-      <el-menu-item class="menu-item">划线</el-menu-item>
+          <img src="https://aigc365.cc/static/pageGroup/all.svg" alt="AIGC" title="AIGC" style="width: 48px; height: 48px; filter: brightness(0.9);">
-      <el-menu-item class="menu-item">切割</el-menu-item>
+          <br/>{{item}}
-    </el-menu>
+        </div>
+      </template>
+    </div>
   </el-drawer>
 </template>
 
@@ -14,38 +16,56 @@ export default {
   name: "Drawer",
   data(){
     return{
-      drawer:true,
+      menu:['抛丸','理料','划线','切割'],
+      drawer:false,
       direction:'ltr',
       withHeader:false
     }
   },
   methods:{
-    handleSelect(key,path){
+    show(){
-      console.log(key,path)
+      this.drawer=true;
+    },
+    handleSelect(key){
+      switch (key){
+        case '抛丸':
+          this.$router.push(`/pwpg?zyq=${this.$route.query.zyq}&zyType=${this.$route.query.zyType}&deviceId=${this.$route.query.deviceId}`)
+          break;
+        case '理料':
+          this.$router.push(`/llpg?zyq=${this.$route.query.zyq}&zyType=${this.$route.query.zyType}&deviceId=${this.$route.query.deviceId}`)
+          break;
+        case '划线':
+          this.$router.push(`/hxpg?zyq=${this.$route.query.zyq}&zyType=${this.$route.query.zyType}&deviceId=${this.$route.query.deviceId}`)
+          break;
+        case '切割':
+          this.$router.push(`/qgpg?zyq=${this.$route.query.zyq}&zyType=${this.$route.query.zyType}&deviceId=${this.$route.query.deviceId}`)
+          break;
+      }
     }
   }
 }
+//background: #002166;
+
 </script>
 
 <style scoped>
 .drawer{
-  width: 25%;
   height: 100vh;
+  background: #003586;
 
-  .menu{
+  .menu-item{
     width: 100%;
-    height: 100vh;
+    height: 15%;
-    background-color: #002166;
+    text-align: center;
-
+    color: white;
-    .menu-item{
+    padding: 100px 0 0 0;
-      width: 90%;
+  }
-      text-align: center;
+}
-      color: white;
-      margin: 5vh 5px;
-      background: #0d84ff url('../../../assets/kban/cqbg.png') no-repeat;
-      background-size: 100% 100%;
-    }
 
+.transparent-drawer{
+  ::v-deep .el-drawer__body {
+    background-color: transparent; /* 设置背景透明 */
   }
 }
+
 </style>

src/views/zyjhzx/components/SelectComp.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="component">
+  <div class="component" style="width: 30%;">
     <el-radio-group v-if="qtbs" class="radio-group-label" v-model="data.zyType" @change="changePage" :style="{width: zyTypeWidth}">
       <el-radio class="custom-radio-green" label="0" style="color: white">派工</el-radio>
       <el-radio class="custom-radio-red" v-if="!ljbs" label="1" style="color: white">报工</el-radio>
@@ -7,7 +7,7 @@
       <el-radio class="custom-radio-red" v-if="ljbs" label="11" style="color: white">曲面报工</el-radio>
       <el-radio class="custom-radio-red" v-if="ljbs" label="12" style="color: white">打磨报工</el-radio>
     </el-radio-group>
-    <el-radio-group class="radio-group-label" v-model="data.bzType" @change="init">
+    <el-radio-group class="radio-group-label1" v-model="data.bzType" @change="init">
       <el-radio class="custom-radio-green" label="01" style="color: white">白班</el-radio>
       <el-radio class="custom-radio-red" label="02" style="color: white">二班</el-radio>
     </el-radio-group>
@@ -22,7 +22,7 @@ export default {
       qtbs:true,
       ljbs:false,
       deviceId:null,
-      zyTypeWidth:'20%',
+      zyTypeWidth:'31%',
       data:{
         zyType:'0',
         bzType:'01',
@@ -75,6 +75,10 @@ export default {
 </script>
 
 <style scoped>
+.radio-group-label1{
+  margin-left: 20px;
+}
+
 ::v-deep{
   .custom-radio-green{
     .el-radio__input.is-checked + .el-radio__label{

src/views/zyjhzx/hxianfkui/index.vue

@@ -4,6 +4,7 @@
     <HxianPgd id="hxpgd" ref="hxpgd" @initPgd="initPgd" :pgd="pgd" :workers="workers" :dw="dw" @pgdClick="pgdClick"/>
     <ZyjhSelectComp id="selectComp" ref="selRef"  @initWorkers="initWorkers"/>
     <TipsComp />
+    <Drawer ref="drawer"/>
   </div>
 </template>
 
@@ -20,10 +21,11 @@ import {getBzryList} from "@/api/sjzx/bzzGL";
 import HxianPgd from "@/views/zyjhzx/hxianfkui/comps/HxianPgd.vue";
 import ZyjhSelectComp from "@/views/zyjhzx/components/SelectComp.vue";
 import TipsComp from "@/views/zyjhzx/components/TipsComp.vue";
+import Drawer from "@/views/zyjhzx/components/Drawer.vue";
 
 export default {
   name:'PWanFKui',
-  components: {TipsComp, ZyjhSelectComp, HxianPgd},
+  components: {Drawer, TipsComp, ZyjhSelectComp, HxianPgd},
   data(){
     return {
       title:'划 线 作 业 报 工',
@@ -182,6 +184,11 @@ export default {
       this.layer=layer
 
       const titel=drawTitle(this.width,this.height,this.title)
+      const that=this
+      titel.on('click touch',function (){
+        console.log(111)
+        that.$refs.drawer.show()
+      })
       this.layer.add(titel)
 
       this.initWorkers(this.$refs.selRef.getData().bzType)

src/views/zyjhzx/hxianpgong/index.vue

@@ -4,6 +4,7 @@
     <HxianPgd id="pwpgd" ref="pwpgd" @initPgd="initPgd" :worker="getWorker" :workers="workers" />
     <ZyjhSelectComp id="selectComp" ref="selRef"  @initWorkers="initWorkers"/>
     <TipsComp />
+    <Drawer ref="drawer"/>
   </div>
 </template>
 
@@ -18,10 +19,11 @@ import {getYcldw} from "@/api/zyjh";
 import HxianPgd from "@/views/zyjhzx/hxianpgong/comps/HxianPgd.vue";
 import ZyjhSelectComp from "@/views/zyjhzx/components/SelectComp.vue";
 import TipsComp from "@/views/zyjhzx/components/TipsComp.vue";
+import Drawer from "@/views/zyjhzx/components/Drawer.vue";
 
 export default {
   name:'HxianPGong',
-  components: {TipsComp, ZyjhSelectComp, HxianPgd},
+  components: {Drawer, TipsComp, ZyjhSelectComp, HxianPgd},
   data(){
     return {
       title:'划 线 作 业 派 工',
@@ -116,6 +118,11 @@ export default {
       this.layer=layer
 
       const titel=drawTitle(this.width,this.height,this.title)
+      const that=this
+      titel.on('click touch',function (){
+        console.log(111)
+        that.$refs.drawer.show()
+      })
       this.layer.add(titel)
 
       this.initWorkers(this.$refs.selRef.getData().bzType)

src/views/zyjhzx/lliaofkui/index.vue

@@ -3,6 +3,7 @@
     <div id="pwpg" class="pwpg" ref="pwpg"></div>
     <ZyjhSelectComp id="selectComp" ref="selRef"  @initWorkers="initWorkers"/>
     <TipsComp />
+    <Drawer ref="drawer"/>
   </div>
 </template>
 
@@ -18,10 +19,11 @@ import {getPgd,getPgd2, getYcldw, shangLiao} from "@/api/zyjh";
 import {getBzryList} from "@/api/sjzx/bzzGL";
 import ZyjhSelectComp from "@/views/zyjhzx/components/SelectComp.vue";
 import TipsComp from "@/views/zyjhzx/components/TipsComp.vue";
+import Drawer from "@/views/zyjhzx/components/Drawer.vue";
 
 export default {
   name:'PWanFKui',
-  components: {TipsComp, ZyjhSelectComp},
+  components: {Drawer, TipsComp, ZyjhSelectComp},
   data(){
     return {
       title:'理 料 作 业 报 工',
@@ -370,6 +372,11 @@ export default {
       this.layer=layer
 
       const titel=drawTitle(this.width,this.height,this.title)
+      const that=this
+      titel.on('click touch',function (){
+        console.log(111)
+        that.$refs.drawer.show()
+      })
       this.layer.add(titel)
 
       this.initDw()

src/views/zyjhzx/lliaopgong/index.vue

@@ -3,6 +3,7 @@
     <div id="pwpg" class="pwpg" ref="pwpg"></div>
     <LliaoPgd id="pwpgd" ref="llpgd" @initPgd="initPgd" :worker="getWorker" :workers="workers" />
     <TipsComp />
+    <Drawer ref="drawer"/>
   </div>
 </template>
 
@@ -16,10 +17,11 @@ import {getBzryList} from "@/api/sjzx/bzzGL";
 import {getPgd, getYcldw} from "@/api/zyjh";
 import LliaoPgd from "@/views/zyjhzx/lliaopgong/comps/LliaoPgd.vue";
 import TipsComp from "@/views/zyjhzx/components/TipsComp.vue";
+import Drawer from "@/views/zyjhzx/components/Drawer.vue";
 
 export default {
   name:'PWanPGong',
-  components: {TipsComp, LliaoPgd},
+  components: {Drawer, TipsComp, LliaoPgd},
   data(){
     return {
       title:'理 料 作 业 派 工',
@@ -111,6 +113,11 @@ export default {
       this.layer=layer
 
       const titel=drawTitle(this.width,this.height,this.title)
+      const that=this
+      titel.on('click touch',function (){
+        console.log(111)
+        that.$refs.drawer.show()
+      })
       this.layer.add(titel)
 
       this.initWorkers()

src/views/zyjhzx/pwanfkui/index.vue

@@ -4,6 +4,7 @@
     <PWanPgd id="pwbgd" ref="pwpgd" @initPgd="initPgd" :pgd="pgd" :workers="workers" :dw="dw" @pgdClick="pgdClick"/>
     <ZyjhSelectComp id="selectComp" ref="selRef"  @initWorkers="initWorkers"/>
     <TipsComp />
+    <Drawer ref="drawer"/>
   </div>
 </template>
 
@@ -20,10 +21,11 @@ import { getYcldw} from "@/api/zyjh";
 import {getBzryList} from "@/api/sjzx/bzzGL";
 import ZyjhSelectComp from "@/views/zyjhzx/components/SelectComp.vue";
 import TipsComp from "@/views/zyjhzx/components/TipsComp.vue";
+import Drawer from "@/views/zyjhzx/components/Drawer.vue";
 
 export default {
   name:'PWanFKui',
-  components: {TipsComp, ZyjhSelectComp, PWanPgd},
+  components: {Drawer, TipsComp, ZyjhSelectComp, PWanPgd},
   data(){
     return {
       title:'抛 丸 作 业 报 工',
@@ -182,6 +184,11 @@ export default {
       this.layer=layer
 
       const titel=drawTitle(this.width,this.height,this.title)
+      const that=this
+      titel.on('click touch',function (){
+        console.log(111)
+        that.$refs.drawer.show()
+      })
       this.layer.add(titel)
 
       this.initDw()

src/views/zyjhzx/pwanpgong/index.vue

@@ -4,7 +4,7 @@
     <PWanPgd id="pwpgd" ref="pwpgd" @initPgd="initPgd" :worker="getWorker" :workers="workers"/>
     <ZyjhSelectComp id="selectComp" ref="selRef"  @initWorkers="initWorkers"/>
     <TipsComp />
-    <Drawer />
+    <Drawer ref="drawer"/>
   </div>
 </template>
 
@@ -104,6 +104,11 @@ export default {
       this.layer=layer
 
       const titel=drawTitle(this.width,this.height,this.title)
+      const that=this
+      titel.on('click touch',function (){
+        console.log(111)
+        that.$refs.drawer.show()
+      })
       this.layer.add(titel)
 
       this.initDw()
@@ -124,7 +129,7 @@ export default {
 
 <style>
 #selectComp {
-  width:50%;
+  width:30%;
   height: auto;
   position: absolute;
   top:10px;

src/views/zyjhzx/qgefkui/index.vue

@@ -4,6 +4,7 @@
     <QgePgd id="qgfkpgd" v-if="pgdShow" ref="hxpgd" @initPgd="initPgd" :pgd="pgd" :worker="getWorker" :dw="dw" :workers="workers" @pgdClick="pgdClick"/>
     <ZyjhSelectComp id="selectComp" ref="selRef"  @initWorkers="initWorkers" @clear="clear"/>
     <TipsComp />
+    <Drawer ref="drawer"/>
   </div>
 </template>
 
@@ -20,10 +21,11 @@ import {getBzryList} from "@/api/sjzx/bzzGL";
 import QgePgd from "@/views/zyjhzx/qgefkui/comps/QgePgd.vue";
 import ZyjhSelectComp from "@/views/zyjhzx/components/SelectComp.vue";
 import TipsComp from "@/views/zyjhzx/components/TipsComp.vue";
+import Drawer from "@/views/zyjhzx/components/Drawer.vue";
 
 export default {
   name: 'QGeFKui',
-  components: {TipsComp, ZyjhSelectComp, QgePgd},
+  components: {Drawer, TipsComp, ZyjhSelectComp, QgePgd},
   data() {
     return {
       title: '切 割 作 业 报 工',
@@ -187,6 +189,11 @@ export default {
       this.layer = layer
 
       const titel = drawTitle(this.width, this.height, this.title)
+      const that=this
+      titel.on('click touch',function (){
+        console.log(111)
+        that.$refs.drawer.show()
+      })
       this.layer.add(titel)
 
       this.initWorkers(this.$refs.selRef.getData().bzType)

src/views/zyjhzx/qgepgong/index.vue

@@ -4,6 +4,7 @@
     <QgePgd id="qgpgd" v-if="pgdShow" ref="pwpgd" @initPgd="initPgd" :worker="getWorker" :workers="workers" />
     <ZyjhSelectComp id="selectComp" ref="selRef"  @initWorkers="initWorkers" @clear="clear"/>
     <TipsComp />
+    <Drawer ref="drawer"/>
   </div>
 </template>
 
@@ -18,10 +19,11 @@ import {getYcldw} from "@/api/zyjh";
 import QgePgd from "@/views/zyjhzx/qgepgong/comps/QgePgd.vue";
 import ZyjhSelectComp from "@/views/zyjhzx/components/SelectComp.vue";
 import TipsComp from "@/views/zyjhzx/components/TipsComp.vue";
+import Drawer from "@/views/zyjhzx/components/Drawer.vue";
 
 export default {
   name:'PWanPGong',
-  components: {TipsComp, ZyjhSelectComp, QgePgd},
+  components: {Drawer, TipsComp, ZyjhSelectComp, QgePgd},
   data(){
     return {
       title:'切 割 作 业 派 工',
@@ -117,6 +119,11 @@ export default {
       this.layer = layer
 
       const titel = drawTitle(this.width, this.height, this.title)
+      const that=this
+      titel.on('click touch',function (){
+        console.log(111)
+        that.$refs.drawer.show()
+      })
       this.layer.add(titel)
 
       this.initWorkers(this.$refs.selRef.getData().bzType)