From faa5542bc83deb9d1a6f13ff52aca4669a89a919 Mon Sep 17 00:00:00 2001
From: wangfei <3597712270@qq.com>
Date: 星期三, 14 八月 2024 16:38:00 +0800
Subject: [PATCH] 钢化进炉中,宽高调换,可视化大屏表格新增详情按钮,更改其中一个钢化灯显示判断

---
 UI-Project/src/layout/MainErpView.vue |   35 +++++++++++++----------------------
 1 files changed, 13 insertions(+), 22 deletions(-)

diff --git a/UI-Project/src/layout/MainErpView.vue b/UI-Project/src/layout/MainErpView.vue
index 5f91bf3..ba2c234 100644
--- a/UI-Project/src/layout/MainErpView.vue
+++ b/UI-Project/src/layout/MainErpView.vue
@@ -10,7 +10,7 @@
   const { t } = useI18n()
   let language = ref(localStorage.getItem('lang') || 'zh')
 const store = userInfo()
-
+const isCollapse = ref(false);  
 // const { $i18n } = useI18n(); // 鑾峰彇 i18n 瀹炰緥  
 const router = useRouter()
 const userStore = useUserInfoStore()
@@ -158,6 +158,9 @@
     openFlag = menuID
   }
 }
+function toggleCollapse() {  
+  isCollapse.value = !isCollapse.value;  
+} 
 </script>
  
 <template>
@@ -188,33 +191,21 @@
                 <SwitchButton size=""/>{{ $t('main.quit') }}
               </el-icon>
             </el-button>
+            <!-- <div class="header-left">
+            <el-button :icon="isCollapse ? 'el-icon-s-unfold' : 'el-icon-s-fold'" @click="toggleCollapse"
+              style="height:30px;"></el-button>
+          </div> -->
           </span>
         </div>
       </el-header>
       <div id="line"></div>
       <el-container>
-        <!-- <el-aside width="160px"
-                  style="height: 99%; background-color: #fff;">
-          <div class="menu">
-            <div v-for="items in menuList">
-              <div class='menu_title'
-                   @click="openMenu(items.id)">
-                <span>鈽�</span>
-                {{ items.menuName }}
-              </div>
-              <ul class='enter-x-left'
-                  v-show="openFlag==items.id">
-                <li v-for="menuItem in items.children"
-                    style="margin-bottom:2px">
-                  <router-link :to="{path:menuItem.url}">
-                    {{ menuItem.menuName }}
-                  </router-link>
-        </el-aside> -->
+      <el-aside :width="isCollapse ? '30px' : '200px'" style="background-color: #fff;">
         <el-row :span="20">
-            <el-menu :default-active="activePath" class="el-menu-vertical-demo" background-color="#fff">
+            <el-menu :default-active="activePath" class="el-menu-vertical-demo" >
               <div class="menu">
             <div v-for="items in menuList">
-              <div class='menu_title'
+              <div class='menu_title' v-show="!isCollapse"
                    @click="openMenu(items.id)">
                 <span>鈽�</span>
                 {{ items.menuName }}
@@ -232,12 +223,12 @@
                   </div>
             </el-menu>
           </el-row>
-        <el-main>
+</el-aside>
+<el-main>
           <div id="main">
             <router-view></router-view>
           </div>
         </el-main>
-
       </el-container>
     </el-container>
   </div>

--
Gitblit v1.8.0