添加手机端中英文切换

jero-web/src/common/lang/en-us.js

@@ -1861,4 +1861,12 @@ module.exports = {
   phoneRelatedItems:'Related items',
   listHeading:'List heading',
   phoneVersionNumber:'Version number',
+  node:'Node',
+  goToCheck:'View',
+  stored:'Stored',
+  individual:'a ',
+  document:'document',
+  treatmentMode:'Treatment Mode',
+  onlyMobilePhoneAreDisplayed:'Only the tasks that can be handled by the mobile phone are displayed',
+  phoneReset:'Reset',
 }

jero-web/src/common/lang/zh-cn.js

@@ -1962,4 +1962,12 @@ module.exports = {
   phoneRelatedItems:'相关项目',
   listHeading:'清单标题',
   phoneVersionNumber:'版本号',
+  node:'节点',
+  goToCheck:'去查看',
+  stored:'已存储',
+  individual:'个',
+  document:'文档',
+  treatmentMode:'处理方式',
+  onlyMobilePhoneAreDisplayed:'仅展示手机端可处理的任务',
+  phoneReset:'重置',
 }

jero-web/src/views/phoneView/documentDetails.vue

@@ -90,6 +90,9 @@
         activeNames: ['1', '2', '3']
       }
     },
+    mounted() {
+      document.title = 'NIO GRP'
+    },
     methods: {
       iconClick() {
         this.$router.go(-1)

jero-web/src/views/phoneView/handlingPage.vue

@@ -33,6 +33,12 @@
 <script>
   export default {
     name: 'phoneHandlingPage',
+    data() {
+      return {}
+    },
+    mounted() {
+      document.title = 'NIO GRP'
+    },
     methods: {
       iconClick() {
         this.$router.go(-1)

jero-web/src/views/phoneView/home.vue

@@ -82,6 +82,9 @@
         isLoading: false
       }
     },
+    mounted() {
+      document.title = 'NIO GRP'
+    },
     methods: {
       onChange(value) {
         if (value == 'toDoCenter') {

jero-web/src/views/phoneView/myCollection.vue

@@ -3,7 +3,7 @@
     <div class="header-search">
       <van-icon @click="iconClick" class="icon" name="arrow-left"/>
       <span class="header-search-text">
-           我的收藏
+           {{$t('myCollection')}}
       </span>
     </div>
 
@@ -33,6 +33,9 @@
 <script>
   export default {
     name: 'phoneMyCollection',
+    mounted() {
+      document.title = 'NIO GRP'
+    },
     methods: {
       iconClick() {
         this.$router.go(-1)

jero-web/src/views/phoneView/mySubscribe.vue

@@ -3,7 +3,7 @@
     <div class="header-search">
       <van-icon @click="iconClick" class="icon" name="arrow-left"/>
       <span class="header-search-text">
-           我的订阅
+           {{$t('mySubscription')}}
         </span>
     </div>
 
@@ -33,6 +33,9 @@
 <script>
   export default {
     name: 'phoneMySubscribe',
+    mounted() {
+      document.title = 'NIO GRP'
+    },
     methods: {
       iconClick() {
         this.$router.go(-1)

jero-web/src/views/phoneView/problemKnowledgeBase.vue

@@ -175,6 +175,9 @@
     data() {
       return {}
     },
+    mounted() {
+      document.title = 'NIO GRP'
+    },
     methods: {
       iconClick() {
         this.$router.go(-1)

jero-web/src/views/phoneView/processManagement.vue

@@ -191,6 +191,9 @@
         form: {}
       }
     },
+    mounted() {
+      document.title = 'NIO GRP'
+    },
     methods: {
       iconClick() {
         this.$router.go(-1)

jero-web/src/views/phoneView/recentBrowsing.vue

@@ -3,7 +3,7 @@
     <div class="header-search">
       <van-icon @click="iconClick" class="icon" name="arrow-left"/>
       <span class="header-search-text">
-           最近预览
+           {{$t('recentBrowsing')}}
       </span>
     </div>
 
@@ -33,6 +33,9 @@
 <script>
   export default {
     name: 'phoneRecentBrowsing',
+    mounted() {
+      document.title = 'NIO GRP'
+    },
     methods: {
       iconClick() {
         this.$router.go(-1)

jero-web/src/views/phoneView/search.vue

@@ -5,18 +5,18 @@
       <span class="logoTitle">NIO GRP</span>
     </div>
     <div class="content-box">
-      <van-search v-model="value"  @search="onSearch" left-icon="none" right-icon="search" placeholder="搜索"/>
+      <van-search v-model="value" @search="onSearch" left-icon="none" right-icon="search" :placeholder="$t('phoneSearch')"/>
     </div>
     <div class="content-box-value">
       <div class="left-img">
         <img src="~@/assets/wendang.png" alt="">
       </div>
       <div class="text-left">
-        <div class="text-left-top">文档库</div>
+        <div class="text-left-top">{{$t('DocumentLibrary')}}</div>
-        <div class="text-left-button">已存储 3074 个文档</div>
+        <div class="text-left-button">{{$t('stored')+ ' '+568+' ' + $t('individual')+$t('document')}}</div>
       </div>
       <div class="text-right" @click="documentDetailsClick">
-        去查看
+        {{$t('goToCheck')}}
       </div>
     </div>
     <div class="content-box-value">
@@ -24,11 +24,11 @@
         <img src="~@/assets/wendang.png" alt="">
       </div>
       <div class="text-left">
-        <div class="text-left-top">知识分享</div>
+        <div class="text-left-top">{{$t('problemKnowledgeBase')}}</div>
-        <div class="text-left-button">已存储 568 个知识分享</div>
+        <div class="text-left-button">{{$t('stored')+ ' '+568+' ' + $t('individual')+$t('problemKnowledgeBase')}}</div>
       </div>
       <div class="text-right" @click="phoneProblemKnowledgeBaseClick">
-        去查看
+        {{$t('goToCheck')}}
       </div>
     </div>
     <div class="content-box-value">
@@ -36,11 +36,12 @@
         <img src="~@/assets/yuebao.png" alt="">
       </div>
       <div class="text-left">
-        <div class="text-left-top">法规月报</div>
+        <div class="text-left-top">{{$t('monthlyReportRegulations')}}</div>
-        <div class="text-left-button">已存储 2314 个法规月报</div>
+        <div class="text-left-button">{{$t('stored')+ ' '+568+' ' + $t('individual')+$t('monthlyReportRegulations')}}
+        </div>
       </div>
       <div class="text-right" @click="processManagementClick">
-        去查看
+        {{$t('goToCheck')}}
       </div>
     </div>
     <van-tabbar v-model="active" @change="onChange">
@@ -61,6 +62,9 @@
         value: ''
       }
     },
+    mounted() {
+      document.title = 'NIO GRP'
+    },
     methods: {
       onChange(value) {
         if (value == 'toDoCenter') {
@@ -77,26 +81,26 @@
           })
         }
       },
-      onSearch(value){
+      onSearch(value) {
         this.$router.push({
           path: '/phoneSearchList'
         })
       },
-      documentDetailsClick(){
+      documentDetailsClick() {
         this.$router.push({
           path: '/phoneDocumentDetails'
         })
       },
-      processManagementClick(){
+      processManagementClick() {
         this.$router.push({
           path: '/phoneProcessManagement'
         })
       },
-      phoneProblemKnowledgeBaseClick(){
+      phoneProblemKnowledgeBaseClick() {
         this.$router.push({
           path: '/phoneProblemKnowledgeBase'
         })
-      },
+      }
     }
   }
 </script>
@@ -198,6 +202,7 @@
     font-family: Blue Sky Noto-Bold, Blue Sky Noto;
     font-weight: bold;
     color: #41475E;
+    word-break: break-all;
   }
 
   .text-left-button {
@@ -205,6 +210,7 @@
     font-family: Blue Sky Noto-Light, Blue Sky Noto;
     font-weight: 300;
     color: #595E72;
+    word-break: break-all;
   }
 
   .text-right {

jero-web/src/views/phoneView/searchList.vue

@@ -95,6 +95,9 @@
         activeTab: ''
       }
     },
+    mounted() {
+      document.title = 'NIO GRP'
+    },
     methods: {
       iconClick() {
         this.$router.go(-1)

jero-web/src/views/phoneView/taskData.vue

@@ -146,6 +146,9 @@
         language: localStorage.getItem('language')
       }
     },
+    mounted() {
+      document.title = 'NIO GRP'
+    },
     methods: {
       onChange(value) {
         if (value == 'toDoCenter') {

jero-web/src/views/phoneView/toDoCenter.vue

@@ -10,31 +10,86 @@
       </div>
       <div class="content">
         <van-tabs v-model="activeTab">
-          <van-tab name="whole" title="待办流程"></van-tab>
+          <van-tab name="toDoProcess" :title="$t('toDoProcess')"></van-tab>
-          <van-tab title="已办流程"></van-tab>
+          <van-tab name="processDone" :title="$t('processDone')"></van-tab>
-          <van-tab title="已发流程"></van-tab>
+          <van-tab name="sentProcess" :title="$t('sentProcess')"></van-tab>
         </van-tabs>
         <div class="search-right">
-          <van-icon class="search-right-icon" name="filter-o"/>
+          <van-icon @click="searchIconClick" class="search-right-icon" name="filter-o"/>
         </div>
       </div>
     </div>
 
-    <div class="content-box">
+    <div class="content-box" v-if="activeTab == 'toDoProcess'">
       <div class="content-box-content" @click="toDoCenterClick" v-for="item in 8">
         <div class="content-box-title">
           ISO 16750-4-2003
         </div>
         <div class="content-box-type">
-          <span class="content-box-left">类别</span>
+          <span class="content-box-left"
+                :class="{'content-box-left-one':language == 'en-us' ? true : false}">{{$t('category')}}</span>
           <span class="content-box-text">设计符合性流程</span>
         </div>
         <div class="content-box-type">
-          <span class="content-box-left">项目</span>
+          <span class="content-box-left"
+                :class="{'content-box-left-one':language == 'en-us' ? true : false}">{{$t('project')}}</span>
           <span class="content-box-text">Aries-G1.1-中国台湾-00</span>
         </div>
         <div class="content-box-type">
-          <span class="content-box-left">节点</span>
+          <span class="content-box-left"
+                :class="{'content-box-left-one':language == 'en-us' ? true : false}">{{$t('node')}}</span>
+          <span class="content-box-text">符合性审查</span>
+        </div>
+        <div class="content-box-right">
+          符合性审查
+        </div>
+      </div>
+    </div>
+
+    <div class="content-box" v-else-if="activeTab == 'processDone'">
+      <div class="content-box-content" @click="toDoCenterClick" v-for="item in 8">
+        <div class="content-box-title">
+          ISO 16750-4-2003
+        </div>
+        <div class="content-box-type">
+          <span class="content-box-left"
+                :class="{'content-box-left-one':language == 'en-us' ? true : false}">{{$t('category')}}</span>
+          <span class="content-box-text">设计符合性流程</span>
+        </div>
+        <div class="content-box-type">
+          <span class="content-box-left"
+                :class="{'content-box-left-one':language == 'en-us' ? true : false}">{{$t('project')}}</span>
+          <span class="content-box-text">Aries-G1.1-中国台湾-00</span>
+        </div>
+        <div class="content-box-type">
+          <span class="content-box-left"
+                :class="{'content-box-left-one':language == 'en-us' ? true : false}">{{$t('node')}}</span>
+          <span class="content-box-text">符合性审查</span>
+        </div>
+        <div class="content-box-right">
+          符合性审查
+        </div>
+      </div>
+    </div>
+
+    <div class="content-box" v-else-if="activeTab == 'sentProcess'">
+      <div class="content-box-content" @click="toDoCenterClick" v-for="item in 8">
+        <div class="content-box-title">
+          ISO 16750-4-2003
+        </div>
+        <div class="content-box-type">
+          <span class="content-box-left"
+                :class="{'content-box-left-one':language == 'en-us' ? true : false}">{{$t('category')}}</span>
+          <span class="content-box-text">设计符合性流程</span>
+        </div>
+        <div class="content-box-type">
+          <span class="content-box-left"
+                :class="{'content-box-left-one':language == 'en-us' ? true : false}">{{$t('project')}}</span>
+          <span class="content-box-text">Aries-G1.1-中国台湾-00</span>
+        </div>
+        <div class="content-box-type">
+          <span class="content-box-left"
+                :class="{'content-box-left-one':language == 'en-us' ? true : false}">{{$t('node')}}</span>
           <span class="content-box-text">符合性审查</span>
         </div>
         <div class="content-box-right">
@@ -48,6 +103,59 @@
       <van-tabbar-item name="taskData" icon="underway">{{$t('taskStatistics')}}</van-tabbar-item>
       <van-tabbar-item name="home" icon="manager">{{$t('mine')}}</van-tabbar-item>
     </van-tabbar>
+
+    <van-popup
+      v-model="show"
+      position="right"
+      closeable
+      :close-on-click-overlay="false"
+      :style="{ width: '80%' }">
+      <div class="popup-box">
+        <van-form class="formClass" @submit="onSubmit">
+          <van-field name="checkboxGroup" class="textarea" :label="$t('ProcessType')">
+            <template #input>
+              <van-checkbox-group v-model="form.checkboxGroup">
+                <van-checkbox name="1" shape="square">{{$t('designComplianceProcess')}}</van-checkbox>
+                <van-checkbox name="2" shape="square">{{$t('validationComplianceProcess')}}</van-checkbox>
+                <van-checkbox name="3" shape="square">{{$t('preHomoFlow')}}</van-checkbox>
+              </van-checkbox-group>
+            </template>
+          </van-field>
+          <van-field
+            readonly
+            clickable
+            name="picker"
+            :value="value"
+            class="textarea"
+            :label="$t('cutoffTime')"
+            placeholder="点击选择"
+            @click="showPicker = true"
+          />
+          <van-popup v-model="showPicker" position="bottom">
+            <van-picker
+              show-toolbar
+              :columns="columns"
+              @confirm="onConfirm"
+              @cancel="showPicker = false"
+            />
+          </van-popup>
+          <van-field name="checkboxGroup" class="textarea" :label="$t('treatmentMode')">
+            <template #input>
+              <div class="Mode-text">
+                <div class="Mode-text-left">
+                  {{$t('onlyMobilePhoneAreDisplayed')}}
+                </div>
+              </div>
+              <van-switch v-model="checked"/>
+            </template>
+          </van-field>
+        </van-form>
+        <div class="button">
+          <van-button class="reset" type="primary">{{$t('phoneReset')}}</van-button>
+          <van-button class="primary" type="primary">{{$t('query')}}</van-button>
+        </div>
+      </div>
+    </van-popup>
   </div>
 </template>
 
@@ -57,10 +165,20 @@
     data() {
       return {
         active: 'toDoCenter',
+        show: false,
+        checked: false,
+        date: '',
+        columns: ['近一个月', '近三个月', '近六个月', '近一年'],
+        showPicker: false,
         value: '',
-        activeTab: ''
+        activeTab: '',
+        language: localStorage.getItem('language'),
+        form: {}
       }
     },
+    mounted() {
+      document.title = 'NIO GRP'
+    },
     methods: {
       onChange(value) {
         if (value == 'search') {
@@ -77,11 +195,21 @@
           })
         }
       },
-      toDoCenterClick(){
+      toDoCenterClick() {
         this.$router.push({
           path: '/phoneHandlingPage'
         })
       },
+      searchIconClick() {
+        this.show = true
+      },
+      onSubmit() {
+
+      },
+      onConfirm(value) {
+        this.value = value
+        this.showPicker = false
+      }
     }
   }
 </script>
@@ -180,7 +308,7 @@
   .search-right {
     position: absolute;
     right: 0.4rem;
-    top: 0.07rem;
+    top: 0;
   }
 
   .search-right-icon {
@@ -223,6 +351,10 @@
     display: inline-block;
   }
 
+  .content-box-left-one {
+    width: 1.5rem;
+  }
+
   .content-box-text {
     margin-left: 0.3rem;
   }
@@ -248,4 +380,163 @@
     background: #fff;
     padding-top: 0.4rem;
   }
+
+  .popup-box {
+    width: 100%;
+    height: 100vh;
+  }
+
+  ::v-deep .van-form .van-cell__title {
+    font-size: 0.38rem;
+    font-family: PingFang SC-Regular, PingFang SC;
+    font-weight: 500;
+    color: #595E72;
+    width: 100%;
+  }
+
+  ::v-deep .van-form .van-radio__icon .van-icon {
+    width: 0.45rem;
+    height: 0.45rem;
+    line-height: 0.45rem;
+  }
+
+  ::v-deep .van-form .van-radio__icon--checked .van-icon {
+    background-color: #00BEBE;
+    border-color: #00BEBE;
+  }
+
+  ::v-deep .van-form .van-radio__icon {
+    height: 0.45rem;
+  }
+
+  ::v-deep .van-form .van-radio__label {
+    font-size: 0.38rem;
+    font-family: PingFang SC-Regular, PingFang SC;
+    font-weight: 500;
+    color: #040B29;
+  }
+
+  .textarea {
+    display: block;
+  }
+
+  ::v-deep .van-form .textarea .van-field__control {
+    margin-top: 0.1rem;
+  }
+
+  .uploader {
+    display: block;
+  }
+
+  .uploader-button {
+    margin-top: 0.2rem;
+  }
+
+  .uploader-button .van-button--primary {
+    background-color: #fff;
+    border: 0.03rem solid #00BEBE;
+    color: #01A0AC;
+    font-size: 0.38rem;
+    font-family: PingFang SC-Medium, PingFang SC;
+    font-weight: 500;
+  }
+
+  .uploader-button .van-button {
+    height: 0.9rem;
+    border-radius: 0.12rem;
+  }
+
+  .uploader-button .van-button .van-icon {
+    font-size: 0.42rem;
+    font-weight: 500;
+  }
+
+  .formClass {
+    padding-top: 1.1rem;
+  }
+
+  ::v-deep .van-checkbox {
+    margin-bottom: 0.2rem;
+  }
+
+  ::v-deep .van-field__body {
+    margin-top: 0.2rem;
+  }
+
+  ::v-deep .van-checkbox__icon .van-icon {
+    height: 0.45rem;
+    width: 0.45rem;
+    line-height: 0.45rem;
+  }
+
+  ::v-deep .van-checkbox__icon--checked .van-icon {
+    background-color: #00BEBE;
+    border-color: #00BEBE;
+  }
+
+  .time-text {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    border: 0.02rem #E6E7EC solid;
+    height: 1rem;
+    font-size: 0.38rem;
+    color: #040B29;
+    font-weight: 500;
+    border-radius: 0.16rem;
+  }
+
+  .Mode-text {
+    display: flex;
+    align-items: center;
+    font-size: 0.32rem;
+    font-weight: 500;
+    color: #040B29;
+    width: calc(100% - 1.3rem);
+    margin-right: 0.2rem;
+  }
+
+  ::v-deep .van-switch {
+    background-color: #BBBDC7;
+    height: 0.6rem;
+    width: 1.17rem;
+  }
+
+  ::v-deep .van-switch__node {
+    width: 0.6rem;
+    height: 0.6rem;
+  }
+
+  ::v-deep .van-switch--on {
+    background-color: #00B3BE;
+  }
+
+  ::v-deep .van-switch--on .van-switch__node {
+    transform: translateX(0.56rem)
+  }
+
+  .button {
+    position: absolute;
+    bottom: 0.2rem;
+    left: 0;
+    text-align: right;
+    width: 100%;
+    padding: 0 0.4rem;
+  }
+
+  .reset {
+    background-color: rgba(187, 189, 199, 1);
+    border: none;
+    height: 0.8rem;
+    font-size: 0.38rem;
+  }
+
+  .primary {
+    background-color: #01A0AC;
+    border: none;
+    height: 0.8rem;
+    font-size: 0.38rem;
+    margin-left: 0.2rem;
+  }
 </style>