From 968cd2d3968a9eea15a92adc19345a643371348b Mon Sep 17 00:00:00 2001
From: jinna <jn517618@163.com>
Date: Mon, 8 Sep 2025 09:45:52 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A5=E4=BD=9C=E5=8F=B0=E5=8F=8A=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/index/sidebar/index.vue              | 62 +++++++++++++------
 src/page/index/top/top-menu.vue               |  2 +-
 src/page/index/top/top-search.vue             |  3 +-
 src/styles/top.scss                           |  9 +++
 .../productionSchedulingPlan/productRlue.vue  |  2 +-
 5 files changed, 56 insertions(+), 22 deletions(-)

diff --git a/src/page/index/sidebar/index.vue b/src/page/index/sidebar/index.vue
index dd95365..a4b1ab7 100644
--- a/src/page/index/sidebar/index.vue
+++ b/src/page/index/sidebar/index.vue
@@ -17,19 +17,21 @@
         :class="index == selectIndex ? 'active' : ''">
         <div class="left_menu_item">
                   <i :class="item.source" ></i>
-                  <span class="name_text">{{ item.name.substring(0,2) }}</span>
+                  <span class="name_text">{{ item.name.substring(0,4) }}</span>
               </div>
       </div>
     </div>
-    <div style="flex: 1;height: 100%;background: #fff;" v-show="leftMenu[selectIndex].children">
+    <div style="flex: 1;height: 100%;background: #fff;" v-show="leftMenu[selectIndex].children" @mouseleave="mouseleave(leftMenu[selectIndex])">
+     
       <div
         v-if="leftMenu && leftMenu.length != 0 && leftMenu[selectIndex].children && leftMenu[selectIndex].children.length != 0">
         <div class="left_top">{{ leftMenu[selectIndex].name }} </div>
-        <div class="right_menu" v-for="item in leftMenu[selectIndex].children" :key="item.id"  @mouseleave="mounseLeave(leftMenu[selectIndex],item)">
+        <div class="right_menu" v-for="item in leftMenu[selectIndex].children" :key="item.id" @mouseenter="mounseEnter(item)"  @mouseleave="mounseLeave(leftMenu[selectIndex],item)">
           <div class="right_menu_item">
             <el-popover placement="right-start" :show-arrow="false" :offset="0" :hide-after='0'
               popper-class="log-popover"
-              popper-style="visibility: visible;width:auto;border:none;  transform-origin: left center; z-index: 2051;padding:0;offset:0 !important;">
+              popper-style="visibility: visible;width:auto;border:none;  transform-origin: left center; z-index: 2051;padding:0;offset:0 !important;"
+              @hide="hidePopover(leftMenu[selectIndex],item)">
               <template #reference>
                 <div class="right_menu_item_box" @click='clickPage(item)'>
                   <div>{{ item.name }}</div>
@@ -119,7 +121,7 @@ export default {
           path: item.path,
           query: item.query,
         });
-        // this.$store.commit('SET_SELECTED_INDEX', item.parentId + '');
+        this.$store.commit('SET_SELECTED_INDEX', item.parentId + '');
       }
     },
     mouseEnter(item,index){
@@ -130,24 +132,46 @@ export default {
         this.showRight = false
       }
     },
-    mounseLeave(item,item1){
-      console.log('item----------------------',item)
-      console.log('item1----------------------',item1)
-      console.log('tmp-------------------',item.children.find(item1 => item1.children))
-      if(!item1.children){
+    hidePopover(item,item1){
+      console.log('33333333333333333333333',item1)
+      if(item1.children){
         if(item.id != this.selectedIndex){
           let tmp = this.leftMenu.find(item => item.id == this.selectedIndex)
           let tmpIndex = this.leftMenu.findIndex(item => item.id == this.selectedIndex)
           this.$store.commit('SET_SELECT_INDEX', tmpIndex == -1 ? 0 : tmpIndex);
-          if(tmp && tmp.children){
-            this.showRight = true
-          }else{
-            this.showRight = false
-          }
         }
       }
       
     },
+    mouseleave(item){
+      console.log('item-------------------',item)
+      if(item.children.find(item1 => item1.children)){
+        console.log('111111111111111111')
+      }else{
+         if(item.id != this.selectedIndex){
+          let tmp = this.leftMenu.find(item => item.id == this.selectedIndex)
+          let tmpIndex = this.leftMenu.findIndex(item => item.id == this.selectedIndex)
+          this.$store.commit('SET_SELECT_INDEX', tmpIndex == -1 ? 0 : tmpIndex);
+        }
+      }
+    },
+    mounseLeave(item,item1){
+      console.log('222222222222222222222222222')
+      // console.log('item----------------------',item)
+      // console.log('item1----------------------',item1)
+      // console.log('tmp-------------------',item.children.find(item1 => item1.children))
+      // if(!item1.children){
+        // if(item.id != this.selectedIndex){
+        //   let tmp = this.leftMenu.find(item => item.id == this.selectedIndex)
+        //   let tmpIndex = this.leftMenu.findIndex(item => item.id == this.selectedIndex)
+        //   this.$store.commit('SET_SELECT_INDEX', tmpIndex == -1 ? 0 : tmpIndex);
+        // }
+      // }
+    },
+    mounseEnter(item){
+      console.log('item0000000000000000000000000',item)
+      this.showRight = true
+    },
     handleClick(item){
       console.log('item000000000000000000000000',item)
       if(!item.children){
@@ -166,7 +190,7 @@ export default {
 <style lang="scss" scoped>
 
 .left_menu_box{
-  width: 48px !important;
+  width: 70px !important;
 
   &.right_box{
     width: 200px !important;
@@ -174,11 +198,11 @@ export default {
   }
 }
 .no_child {
-  width: 48px;
+  width: 70px;
 }
 
 .children {
-  width: 48px;
+  width: 70px;
   height: 100%;
 
   &:hover{
@@ -245,7 +269,7 @@ export default {
       color: var(--header-bkColor-hover);
       padding-top: 5px;
       text-align: center;
-      width: 45px;
+      width: 100%;
       word-break: keep-all;
       white-space: nowrap;
       overflow: hidden;
diff --git a/src/page/index/top/top-menu.vue b/src/page/index/top/top-menu.vue
index e8f53dd..b089680 100644
--- a/src/page/index/top/top-menu.vue
+++ b/src/page/index/top/top-menu.vue
@@ -2,7 +2,7 @@
   <div>
     
     <el-menu class="top-menu custom-menu" :default-active="activeIndex" mode="horizontal"  ellipsis
-      style="width: 900px" >
+      style="width: 900px" v-if="setting.styleRadio != '3'">
       <!-- <el-menu-item index="0" @click="openHome(itemHome)">
       <template #title>
         <i :class="itemHome.source" style="padding-right: 5px"></i>
diff --git a/src/page/index/top/top-search.vue b/src/page/index/top/top-search.vue
index a3da15d..dbedba2 100644
--- a/src/page/index/top/top-search.vue
+++ b/src/page/index/top/top-search.vue
@@ -1,6 +1,7 @@
 <template>
   <el-autocomplete
     class="top-search"
+    :class="setting.styleRadio == 3 ? 'search_radio' : ''"
     popper-class="my-autocomplete"
     v-model="value"
     :fetch-suggestions="querySearch"
@@ -47,7 +48,7 @@ export default {
     childrenKey() {
       return this.website.menu.children;
     },
-    ...mapGetters(['menu']),
+    ...mapGetters(['menu','setting']),
   },
   methods: {
     getMenuList() {
diff --git a/src/styles/top.scss b/src/styles/top.scss
index cae3744..065eb2d 100644
--- a/src/styles/top.scss
+++ b/src/styles/top.scss
@@ -57,6 +57,15 @@
     box-shadow: none;
     background-color: transparent;
   }
+
+  &.search_radio{
+    .el-input__wrapper {
+      font-size: 13px;
+      border: none;
+      box-shadow: none;
+      background-color: #fff !important;
+    }
+  }
 }
 
 .top-bar__img {
diff --git a/src/views/productionSchedulingPlan/productRlue.vue b/src/views/productionSchedulingPlan/productRlue.vue
index c5f5ef3..2e4ed5a 100644
--- a/src/views/productionSchedulingPlan/productRlue.vue
+++ b/src/views/productionSchedulingPlan/productRlue.vue
@@ -116,7 +116,7 @@ export default {
                 total: 0,
             },
             option: {
-                size: 'small',
+                size: 'medium',
                 tip: false,
                 simplePage: true,
                 searchShow: true,