From 1270f0d2236cdd4a156621c9e2db45cb83649e23 Mon Sep 17 00:00:00 2001
From: shiziyuan9527 <yuhao.li@fit2cloud.com>
Date: Thu, 23 Dec 2021 17:57:09 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=B5=8B=E8=AF=95=E8=B7=9F=E8=B8=AA):=20?=
 =?UTF-8?q?=E6=8A=A5=E5=91=8A=E4=BE=A7=E8=BE=B9=E5=AF=BC=E8=88=AA=E6=8C=89?=
 =?UTF-8?q?=E9=92=AEi18n=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1008911 --user=lyh 【国际化】测试跟踪 模块，未进行国际化的问题汇总
https://www.tapd.cn/55049933/s/1086378
---
 .../detail/TestPlanReportNavigationBar.vue    | 30 +++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportNavigationBar.vue b/frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportNavigationBar.vue
index 8370e07e50..0275898caa 100644
--- a/frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportNavigationBar.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportNavigationBar.vue
@@ -8,7 +8,7 @@
         </el-tabs>
       </div>
         <div class="hiddenBottom">
-          <span>{{$t('test_track.report.content')}}</span>
+          <span :class="navBtnClass">{{$t('test_track.report.content')}}</span>
         </div>
     </ms-drawer>
   </div>
@@ -16,6 +16,8 @@
 
 <script>
 import MsDrawer from "@/business/components/common/components/MsDrawer";
+import {DEFAULT_LANGUAGE, EN_US} from "@/common/js/constants";
+import {getCurrentUser} from "@/common/js/utils";
 export default {
   name: "TestPlanReportNavigationBar",
   components: {MsDrawer},
@@ -80,6 +82,19 @@ export default {
       this.setData();
     },
   },
+  computed: {
+    navBtnClass() {
+      let lang = getCurrentUser().language;
+      if (!lang) {
+        lang = localStorage.getItem(DEFAULT_LANGUAGE);
+      }
+      if (lang === EN_US) {
+        return 'en-button-span';
+      } else {
+        return 'zh-button-span';
+      }
+    }
+  },
   mounted() {
     this.setData();
   },
@@ -113,7 +128,7 @@ export default {
   padding: 3px;
   /*top: 0;*/
   top: 40%;
-  line-height: 30px;
+  /*line-height: 30px;*/
   border-radius: 0 15px 15px 0;
   /*background-color: #acb7c1;*/
   background-color: #783887;
@@ -127,6 +142,17 @@ export default {
   margin-left: 1px;
 }
 
+.en-button-span {
+  writing-mode: vertical-rl;
+  letter-spacing: 0.1em;
+}
+
+.zh-button-span {
+  writing-mode: vertical-rl;
+  letter-spacing: 0.8em;
+  margin-top: 13px;
+}
+
 .hiddenBottom i {
   margin-left: -2px;
 }