钢化完整版图样式逻辑更改

wangfei

2024-10-21 07b0cdcb34db682b51ca972f5c23da653aa5d32d

 UI-Project/src/layout/MainErpView.vue

@@ -29,60 +29,66 @@
              })
  router.push('/login')  
}
// const quit = async () => {
//   try  {
//       store.$patch({user: null})
//     const response = await request.post('/loadGlass/sys/user/logout')
//     if (response.code === 200) {  
//         console.log('登出成功');  
//       } else {  
//         // 处理错误情况  
//         console.error('登出失败', response);  
//       } 
// }
// catch (error) {
//     // 处理错误
//     console.error(error);
//   }
// }
// store.createWebSocket();
// function quit() {
//   userStore.$patch({
//     user: null,
//   })
//   // router.push('/login')
//   request.get("/loadGlass/sys/user/login").then((res) => {
//     if (res.code === 200) {
//     ElMessage.success(res.msg);
//      console.log(res.data);
//     } else {
//     ElMessage.warning(res.msg);
//     // router.push("/login");
//     }
//    });
// }


  function replaceChineseWithEnglish(menuData) {  
      // 定义中俄文对照关系对象
       const translation  = {  
    '上片机': 'Стол загрузки',
    '上片': 'Верхняя часть',
    '掰片/识别': 'Разлом/идентификация',
    '卧式缓存': ' Горизонтальный буфер',
    '磨边前卧式缓存': 'Горизонтальный буфер перед шлифовкой',
    '下片卧式缓存': 'Горизонтальный буфер стекла разгрузки',
    '磨边（冷加工）': 'Шлифовать края (холодная обработка)',
    '1线磨边(冷加工)': 'Шлифовать края 1 линии (холодная обработка)',
    '2线磨边(冷加工)': 'Шлифовать края 2 линии (холодная обработка)',
    '大理片笼': 'Буферная система',
    '钢化': 'Закалка',
    '钢化前': 'Перед закалки',
    '钢化后': 'После закалки',
    '下片台': 'Стол разгрузки',
    '系统管理': 'Управление системой',
    '用户管理': 'Управление пользователем',
    '权限管理': 'Управление полномочиями',
    '角色管理': 'Управление ролью',
    '可视化系统': 'Визуальная система',
    '报工管理': 'Управление отчетностью',
    '仓储中心': 'Складской центр',
    '原片仓储': 'Склад сырья',
     };  
  menuData.forEach(menu => {  
    menu.menuName = translation[menu.menuName] || menu.menuName;  
    // if (menu.children) {  
      menu.children && menu.children.forEach(submenu => {  
        submenu.menuName = translation[submenu.menuName] || submenu.menuName;  
      });  
    // }  
  });  
} 
function replaceChineseWithRussian(menuData) {  
      // 定义中英文对照关系对象
       const translation  = {  
          '上片机': 'Стол загрузки',  
          '掰片/识别': 'Разлом/идентификация',  
          '卧式缓存': ' Горизонтальный буфер',  
          '磨边前卧式缓存': 'Горизонтальный буфер перед шлифовкой',  
          '下片卧式缓存': 'Горизонтальный буфер стекла разгрузки',  
          '磨边（冷加工）': 'Шлифовать края (холодная обработка)',  
          '1线磨边(冷加工)': 'Шлифовать края 1 линии (холодная обработка)',  
          '2线磨边(冷加工)': 'Шлифовать края 2 линии (холодная обработка)',  
          '大理片笼': 'Буферная система',  
          '钢化': 'Закалка',  
          '钢化前': 'Перед закалки',  
          '钢化后': 'После закалки',  
          '下片台': 'Стол разгрузки',  
          '系统管理': 'Управление системой',  
          '用户管理': 'Управление пользователем',  
          '权限管理': 'Управление полномочиями',  
          '角色管理': 'Управление ролью',  
    '上片机': 'Loading Machine',
    '上片': 'Start showing a movie',
    '掰片/识别': 'Breaking /Identification',
    '卧式缓存': 'Horizontal cache',
    '磨边前卧式缓存': 'Horizontal buffer before edge grinding',
    '下片卧式缓存': 'Offline horizontal cache',
    '磨边（冷加工）': 'Grinding edge (cold processing)',
    '1线磨边(冷加工)': '1-line edge grinding (cold processing)',
    '2线磨边(冷加工)': '2-line edge grinding (cold processing)',
    '大理片笼': 'Dali slice cage',
    '钢化': 'Toughened',
    '钢化前': 'Before Tempering',
    '钢化后': 'After Tempering',
    '下片台': 'Next Stage',
    '系统管理': 'System Management',
    '用户管理': 'User Management',
    '权限管理': 'Rights Management',
    '角色管理': 'Roles',
    '可视化系统': 'visualization system',
    '报工管理': 'Job reporting management',
    '仓储中心': 'Storage Center',
    '原片仓储': 'Original film storage',
     };  
  menuData.forEach(menu => {  
    menu.menuName = translation[menu.menuName] || menu.menuName;  
@@ -96,32 +102,15 @@
//提取菜单模块列表
let menuList = $ref([])

// onMounted(async () => {  
//   try {  
//     const res = await request.get('/loadGlass/sys/menu/getMenuTree'); // 假设 request.get 返回 Promise  
//     if (res.code == 200) { 
//       // 使用 value 属性来修改 ref 引用的值  
//       menuList.value = deepClone(res.data);  
//       const language = $i18n.locale;  
//       if (language === 'en') {  
//         replaceChineseWithEnglish(menuList.value); // 传入 ref 的 value  
//       }  
//       console.log(res.data.token); // 如果 res.data 中有 token 的话  
//     } else {  
//       ElMessage.warning(res.msg);  
//       router.push('/login');  
//     }  
//   } catch (error) {  
//     // 处理请求错误  
//     console.error('获取菜单列表时出错:', error);  
//   }  
// });  
request.get('/loadGlass/sys/menu/getMenuTree').then((res) => {
  if (res.code == 200) {
    menuList = res.data
    console.log(language.value)
    // translateMenu(menuList.value, language.value); 
      if (language.value === 'en') {
        
        replaceChineseWithRussian(menuList);
      }
      if (language.value === 'py') {
        replaceChineseWithEnglish(menuList);
      }
  } else {
@@ -169,13 +158,9 @@
      <el-header>
        <div style="height: 100%;width: 100%;display: flex;background-color: #fff;">
          <img src="../assets/northGlass.ico"
               alt=""
               alt=""  @click="toggleCollapse"
               style="max-width: 100%;max-height: 100%">
          <h3 style="margin: 1rem  ;font-weight: bold;width: 33vw;"> {{ $t('main.titleFirst') }}{{ userName }}{{ $t('main.titleLast') }}</h3>
          <!-- <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 style="height: 70%;width: 78vw;margin-top: 1rem;">
            <!-- <el-button class="sys-quit"
                       @click="quit"
@@ -192,15 +177,16 @@
              </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>
              <el-button @click="toggleCollapse" style="height: 30px;">  
               <el-icon><Expand /></el-icon>
              </el-button>  
          </div> -->
          </span>
        </div>
      </el-header>
      <div id="line"></div>
      <el-container>
      <el-aside :width="isCollapse ? '30px' : '200px'" style="background-color: #fff;">
      <el-aside :width="isCollapse ? '0px' : '200px'" style="background-color: #fff;">
        <el-row :span="20">
            <el-menu :default-active="activePath" class="el-menu-vertical-demo" >
              <div class="menu">
@@ -339,7 +325,7 @@

ul li {
  height: 28px;
  width: 200px;
  width: 180px;
  line-height: 30px;
  /* background: rgb(128, 128, 128); */
  color: #000000;
@@ -454,4 +440,7 @@
    transform: translateX(0);
  }
}
.header-left{
  margin-left: -350px;
}
</style>