src/components/Breadcrumb/index.vue

@@ -18,35 +18,7 @@ export default {
       levelList: null
     }
   },
-  computed: {
-    changeColor() {
-      if (this.$route.path == '/copilot/efficiency-container' || this.$route.path == '/copilot/main') {
-        return true
-      } else {
-        return false
-      }
-    },
-  },
   watch: {
-    // changeColor(val) {
-    //   if (val == true) {
-    //     var tag = document.getElementsByClassName("breadcrumb-container")
-    //     console.log('tag', tag)
-    //     // for (let i in tag) {
-    //       tag[i].style.color = 'rgba(255, 255, 255, 0.45)'
-    //       // tag[i].classList.remove("default")
-    //     // }
-    //     // console.log('this.$refs.scrollContainer', this.$refs.tag);
-    //   } else {
-    //     var tag = document.getElementsByClassName("breadcrumb-container")
-    //     console.log('tag', tag)
-    //     for (let i in tag) {
-    //       tag[i].style.color = ''
-    //       // tag[i].classList.remove("default")
-    //     }
-    //     // this.$refs.mainContainer.style.backgroundColor = ''
-    //   }
-    // },
     $route(route) {
       // if you go to the redirect page, do not update the breadcrumbs
       if (route.path.startsWith('/redirect/')) {

src/layout/components/Navbar.vue

@@ -1,5 +1,5 @@
 <template>
-  <div ref="navbar" class="navbar">
+  <div class="navbar">
     <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container"
       @toggleClick="toggleSideBar" />
 
@@ -41,13 +41,6 @@ export default {
       'nickname',
       'device'
     ]),
-    changeColor() {
-      if (this.$route.path == '/copilot/efficiency-container' || this.$route.path == '/copilot/main') {
-        return true
-      } else {
-        return false
-      }
-    },
     setting: {
       get() {
         return this.$store.state.settings.showSettings
@@ -65,18 +58,6 @@ export default {
       }
     }
   },
-  watch: {
-    // changeColor(val) {
-    //   if (val == true) {
-    //     // console.log('this.$refs.mainContainer', this.$refs.mainContainer);
-    //     this.$refs.navbar.style.backgroundColor = 'rgba(0, 21, 41, 1)'
-    //     this.$refs.navbar.style.boxShadow = '0px 1px 8px 0px rgba(0,131,255,0.35)'
-    //   } else {
-    //     this.$refs.navbar.style.backgroundColor = ''
-    //     this.$refs.navbar.style.boxShadow = ''
-    //   }
-    // },
-  },
   methods: {
     toggleSideBar() {
       this.$store.dispatch('app/toggleSideBar')

src/layout/components/TagsView/index.vue

@@ -56,26 +56,23 @@ export default {
   },
   watch: {
     changeColor(val) {
-      if (val == true) {
+      // if (val == true) {
-        console.log('this.$refs.tagsViewContainer', this.$refs.tagsViewContainer);
+      //   this.$refs.tagsViewContainer.style.backgroundColor = 'rgba(0, 21, 41, 1)'
-        this.$refs.tagsViewContainer.style.backgroundColor = 'rgba(0, 21, 41, 1)'
+      //   var tag = document.getElementsByClassName("tags-view-item")
-        this.$refs.tagsViewContainer.style.borderTop = '0px solid #d8dce5'
+      //   console.log('tag', tag)
-        var tag = document.getElementsByClassName("tags-view-item")
+      //   for (let i in tag) {
-        console.log('tag', tag)
+      //     tag[i].classList.add("changeColor")
-        for (let i in tag) {
+      //     // tag[i].classList.remove("default")
-          tag[i].classList.add("changeColor")
+      //   }
-          // tag[i].classList.remove("default")
+      //   console.log('this.$refs.scrollContainer', this.$refs.tag);
-        }
+      // } else {
-        console.log('this.$refs.scrollContainer', this.$refs.tag);
+      //   this.$refs.tagsViewContainer.style.backgroundColor = ''
-      } else {
+      //   var tag = document.getElementsByClassName("tags-view-item")
-        this.$refs.tagsViewContainer.style.backgroundColor = ''
+      //   for (let i in tag) {
-        this.$refs.tagsViewContainer.style.borderTop = '1px solid #d8dce5'
+      //     // tag[i].classList.remove("changeColor")
-        var tag = document.getElementsByClassName("tags-view-item")
+      //     // tag[i].classList.add("default")
-        for (let i in tag) {
+      //   }
-          tag[i].classList.remove("changeColor")
+      // }
-          // tag[i].classList.add("default")
-        }
-      }
     },
     $route() {
       this.addTags()
@@ -99,23 +96,11 @@ export default {
       return route.path === this.$route.path
     },
     activeStyle(tag) {
-      if (this.changeColor) {
-        if (!this.isActive(tag)) return {
-          "background-color": 'rgba(0, 59, 115, 1)',
-          "border-color": 'rgba(0, 59, 115, 1)',
-          "color": 'rgba(255, 255, 255, 1)'
-        };
-        return {
-          "background-color": this.theme,
-          "border-color": this.theme
-        };
-      } else {
       if (!this.isActive(tag)) return {};
       return {
         "background-color": this.theme,
         "border-color": this.theme
       };
-      }
     },
     isAffix(tag) {
       return tag.meta && tag.meta.affix

src/layout/index.vue

@@ -2,7 +2,7 @@
   <div :class="classObj" class="app-wrapper" :style="{ '--current-color': theme }">
     <div v-if="device === 'mobile' && sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
     <sidebar v-if="!sidebar.hide" class="sidebar-container" />
-    <div ref="mainContainer" :class="{ hasTagsView: needTagsView, sidebarHide: sidebar.hide }" class="main-container">
+    <div :class="{ hasTagsView: needTagsView, sidebarHide: sidebar.hide }" class="main-container">
       <div :class="{ 'fixed-header': fixedHeader }">
         <navbar />
         <tags-view v-if="needTagsView" />
@@ -59,14 +59,19 @@ export default {
     }
   },
   watch: {
-    changeColor(val) {
+    // changeColor(val) {
-      if (val == true) {
+    //   if (val == true) {
-        console.log('this.$refs.mainContainer', this.$refs.mainContainer);
+    //     var tag = document.getElementsByClassName("main-container")
-        this.$refs.mainContainer.style.backgroundColor = 'rgba(0, 21, 41, 1)'
+    //     console.log('tag', tag);
-      } else {
+    //     tag.style.backgroundColor = 'rgba(0, 21, 41, 1)'
-        this.$refs.mainContainer.style.backgroundColor = ''
+    //   } else {
-      }
+    //     var tag = document.getElementsByClassName("main-container")
-    },
+    //     // for (let i in tag) {
+    //     tag.style.backgroundColor = ''
+    //       // tag[i].classList.add("default")
+    //     // }
+    //   }
+    // },
   },
   methods: {
     handleClickOutside() {

src/views/produce/workOrder/add-or-updata.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2023-11-06 15:15:30
- * @LastEditTime: 2024-07-05 15:16:01
+ * @LastEditTime: 2024-07-05 09:31:40
  * @LastEditors: zhp
  * @Description:
 -->
@@ -78,7 +78,6 @@
             dataForm.endDate[2] : '' }}</p>
         </el-col>
       </el-row>
-      <div v-loading="loading">
       <div style="width: 100%; padding: 0 32px">
         <el-divider style="margin: 0"></el-divider>
       </div>
@@ -123,7 +122,6 @@
         </el-col>
       </el-row>
     </div>
-    </div>
   </el-drawer>
 
 </template>
@@ -156,7 +154,6 @@ export default {
       barChart: null,
       equipmentLineChart: null,
       visible: false,
-      loading:true,
       dataForm: {},
       colorList: ['#3E8EF7', '#69E6D8', '#F7C739'] // pie颜色
     }
@@ -209,7 +206,6 @@ export default {
       if (id) {
         getWorkOrderDetail(id).then(res => {
           if (res.code === 0) {
-            this.loading = false
             this.dataForm = res.data.prodWorkOrderDO
             this.buildChart(this.dataForm)
             // 在制品