1.处理快捷菜单的英文版样式

Min
1 parent 9e61d9ac
Showing 3 changed files with 71 additions and 4 deletions
src/mes/common/buttonComponent/index.js
src/mes/productionExec/quickSwitchTabComponent/index.js
src/mes/productionExec/quickSwitchTabComponent/index.less
@@ -278,7 +278,7 @@ const ButtonComponent = props =&gt; {
     }
   });
  
-  console.log(',enulist', menuList);
+
  
  
  
@@ -101,21 +101,54 @@ const QuickSwitchTabComponent = baseProps =&gt; {
     // 默认返回原始列表
     return list;
   }
+
+  function translateTipList(language) {
+    // 原始中文列表
+    const list = ["生产执行", "质量巡检", "拼版图", "产品图", "报工任务"];
+
+    // 定义多语言映射
+    const translations = {
+      sEnglish: {
+        "生产执行": "Production Execution-生产执行",
+        "质量巡检": "Quality Inspection-质量巡检",
+        "拼版图": "Assembly Drawing-拼版图",
+        "产品图": "Product Drawing-产品图",
+        "报工任务": "Work Reporting Task-报工任务"
+      },
+      sBig5: {
+        "生产执行": "生產執行",
+        "质量巡检": "質量巡檢",
+        "拼版图": "拼版圖",
+        "产品图": "產品圖",
+        "报工任务": "報工任務"
+      }
+    };
+
+    // 根据语言设置进行转换
+    if (translations[language]) {
+      return list.map(item => translations[language][item] || item);
+    }
+    // 默认返回原始列表
+    return list;
+  }
   const sLanguage = props.app.userinfo.sLanguage || 'sChinese';
-  list = translateList(sLanguage);
+   list = translateList(sLanguage);
+   const tipList  =  translateTipList(sLanguage);
   const no = commonFunc.showLocalMessage(props, 'No', '暂无');
   return (
-    <div className={styles.quickSwitchTabComponent} ref={ref}>
+    <div className={sLanguage === 'sEnglish' ? styles.quickSwitchTabEngComponent : styles.quickSwitchTabComponent} ref={ref}>
       {list.map((title, index) => {
         const currentId = listId[index];
         const currentMesPane = commonUtils.convertStrToObj(
           localStorage.xlybusinesscurrentMesPane
         );
         const { sModelsId } = currentMesPane;
+        const tip = tipList[index];
  
         return (
           <div
             className={currentId === sModelsId ? styles.active : ""}
+            title={tip}
             onClick={() => {
               if (currentId) {
                 props.onChangeRouter({
@@ -33,4 +33,38 @@
     background: #D2E5FF;
     color: #1890FF;
   }
-}
 \ No newline at end of file
+}
+
+.quickSwitchTabEngComponent{
+  z-index: 20;
+  position: absolute;
+  top: 0;
+  right: -10px;
+  .size(60px, auto);
+  .flex();
+  flex-direction: column;
+  gap: 10px;
+
+  >div {
+    .size(100%, 92px);
+    .flex(center, center);
+    overflow: hidden;
+    padding: 0 5px 0 9px;
+    font-size: 12px;
+    font-weight: bold;
+    line-height: 22px;
+    background: #FFFFFF;
+    box-shadow: -4px 4px 4px 0px rgba(0, 0, 0, 0.1);
+    border-radius: 10px 0px 0px 10px;
+    cursor: default;
+
+    &:hover {
+      color: #1890FF;
+    }
+  }
+
+  .active {
+    background: #D2E5FF;
+    color: #1890FF;
+  }
+}