From d5497cf5bc668626866527f4271ffd3b33ed4c0d Mon Sep 17 00:00:00 2001
From: qq787203167 <787203167@qq.com>
Date: Wed, 8 Jun 2022 18:26:55 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=9D=83=E9=99=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ProjectDetails/index.vue                  | 51 ++++++++++++-------
 1 file changed, 34 insertions(+), 17 deletions(-)

diff --git a/jero-web/src/views/projectManagement/ProjectDetails/index.vue b/jero-web/src/views/projectManagement/ProjectDetails/index.vue
index 4299a4f71..56835bc50 100644
--- a/jero-web/src/views/projectManagement/ProjectDetails/index.vue
+++ b/jero-web/src/views/projectManagement/ProjectDetails/index.vue
@@ -27,34 +27,38 @@
     <div style="padding: 67px 0 0 0;background: #ffffff;height:100%">
       <div class="detail-content" style="height: 100%">
         <div class="Virtual-detail-left">
-          <div class="Virtual-detail-left-text" :title="$t('projectDetails')" @click="textClick(0,'项目详情')">
+          <div class="Virtual-detail-left-text" :title="$t('projectDetails')"
+               @click="textClick(0,$t('projectDetails'))">
             <a-icon type="container"/>
             {{$t('projectDetails')}}
           </div>
-          <div class="Virtual-detail-left-text" v-has="'projectLawsInventory:list'" :title="$t('listOfRegulations')" @click="textClick(1,'法规清单')">
+          <div class="Virtual-detail-left-text" v-has="'projectLawsInventory:list'" :title="$t('listOfRegulations')"
+               @click="textClick(1,$t('listOfRegulations'))">
             <a-icon type="container"/>
             {{$t('listOfRegulations')}}
           </div>
-          <div class="Virtual-detail-left-text" :title="$t('taskList')" @click="textClick(2,'任务清单')">
+          <div class="Virtual-detail-left-text" :title="$t('taskList')" @click="textClick(2,$t('taskList'))">
             <a-icon type="container"/>
             {{$t('taskList')}}
           </div>
-          <div class="Virtual-detail-left-text"  v-has="'ncrTrack:queryPageInfo'"  :title="$t('nonConformance')" @click="textClick(3,'未符合项')">
+          <div class="Virtual-detail-left-text" v-has="'ncrTrack:queryPageInfo'" :title="$t('nonConformance')"
+               @click="textClick(3,$t('nonConformance'))">
             <a-icon type="container"/>
             {{$t('nonConformance')}}
           </div>
-          <div class="Virtual-detail-left-text" :title="$t('TaskParameterCollection')" @click="textClick(4,'认证参数收集')">
+          <div class="Virtual-detail-left-text" :title="$t('TaskParameterCollection')"
+               @click="textClick(4,$t('TaskParameterCollection'))">
             <a-icon type="container"/>
             {{$t('TaskParameterCollection')}}
           </div>
         </div>
         <div class="Virtual-detail-right">
-          <ProjectDetailsName @TaskListChange="TaskListChange" v-if="textTitle === '项目详情'"/>
-          <listOfRegulations  v-else-if="textTitle === '法规清单'"/>
+          <ProjectDetailsName @TaskListChange="TaskListChange" v-if="textTitle === $t('projectDetails')"/>
+          <listOfRegulations v-else-if="textTitle === $t('listOfRegulations')"/>
           <TaskList :isDisplayNum="isDisplayNum" :areaOfResponsibility="areaOfResponsibility"
-                    v-else-if="textTitle === '任务清单'"/>
-          <TaskParameterCollection v-else-if="textTitle === '认证参数收集'"/>
-          <nonConformance v-else-if="textTitle === '未符合项'"/>
+                    v-else-if="textTitle === $t('taskList')"/>
+          <TaskParameterCollection v-else-if="textTitle === $t('TaskParameterCollection')"/>
+          <nonConformance v-else-if="textTitle === $t('nonConformance')"/>
         </div>
       </div>
     </div>
@@ -106,19 +110,19 @@
       if (this.$route.query.type) {
         if (this.$route.query.type == '101') {
           this.textColor(0)
-          this.textTitle = '详情详情'
+          this.textTitle = this.$t('projectDetails')
         } else if (this.$route.query.type == '102') {
           this.textColor(1)
-          this.textTitle = '法规清单'
+          this.textTitle = this.$t('listOfRegulations')
         } else if (this.$route.query.type == '103') {
           this.textColor(2)
-          this.textTitle = '任务清单'
+          this.textTitle = this.$t('taskList')
         } else if (this.$route.query.type == '104') {
           this.textColor(3)
-          this.textTitle = '未符合项'
+          this.textTitle = this.$t('nonConformance')
         } else if (this.$route.query.type == '105') {
           this.textColor(4)
-          this.textTitle = '认证参数收集'
+          this.textTitle = this.$t('TaskParameterCollection')
         }
       }
     },
@@ -140,7 +144,20 @@
           textColor[0].classList.remove('Virtual-detail-left-text-color')
         }
         let text = document.getElementsByClassName('Virtual-detail-left-text')
-        text[num].classList.add('Virtual-detail-left-text-color')
+        console.log(text)
+        for (let i = 0; i < text.length; i++) {
+          if (text[i].title == name) {
+            text[i].classList.add('Virtual-detail-left-text-color')
+          } else if (text[i].title == name) {
+            text[i].classList.add('Virtual-detail-left-text-color')
+          } else if (text[i].title == name) {
+            text[i].classList.add('Virtual-detail-left-text-color')
+          } else if (text[i].title == name) {
+            text[i].classList.add('Virtual-detail-left-text-color')
+          } else if (text[i].title == name) {
+            text[i].classList.add('Virtual-detail-left-text-color')
+          }
+        }
       },
       UpdateLogClick() {
         this.$refs.updateLogRef.getList({ projectLibraryId: this.$route.query.id })
@@ -163,7 +180,7 @@
       },
       TaskListChange(item) {
         this.areaOfResponsibility = item
-        this.textTitle = '任务清单'
+        this.textTitle = this.$t('taskList')
         let textColor = document.getElementsByClassName('Virtual-detail-left-text-color')
         if (textColor && textColor.length > 0) {
           textColor[0].classList.remove('Virtual-detail-left-text-color')