WL/laws_weilai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加手机端中英文切换

Browse Source
This commit is contained in:
范强强
2023-06-02 15:56:39 +08:00
parent 03c1767e01
commit 370924f136
14 changed files with 375 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
jero-web/src/common/lang/en-us.js
+8
View File
@@ -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
+8
View File
@@ -1962,4 +1962,12 @@ module.exports = {
phoneRelatedItems:'相关项目',
listHeading:'清单标题',
phoneVersionNumber:'版本号',
node:'节点',
goToCheck:'去查看',
stored:'已存储',
individual:'个',
document:'文档',
treatmentMode:'处理方式',
onlyMobilePhoneAreDisplayed:'仅展示手机端可处理的任务',
phoneReset:'重置',
}
jero-web/src/views/phoneView/documentDetails.vue
+3
View File
@@ -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
+6
View File
@@ -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
+3
View File
@@ -82,6 +82,9 @@
isLoading: false
}
},
mounted() {
document.title = 'NIO GRP'
},
methods: {
onChange(value) {
if (value == 'toDoCenter') {
jero-web/src/views/phoneView/myCollection.vue
+4 -1
View File
@@ -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
+4 -1
View File
@@ -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
+3
View File
@@ -175,6 +175,9 @@
data() {
return {}
},
mounted() {
document.title = 'NIO GRP'
},
methods: {
iconClick() {
this.$router.go(-1)
jero-web/src/views/phoneView/processManagement.vue
+3
View File
@@ -191,6 +191,9 @@
form: {}
}
},
mounted() {
document.title = 'NIO GRP'
},
methods: {
iconClick() {
this.$router.go(-1)
jero-web/src/views/phoneView/recentBrowsing.vue
+4 -1
View File
@@ -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
+21 -15
View File
@@ -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-button">已存储 3074 个文档</div>
<div class="text-left-top">{{$t('DocumentLibrary')}}</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-button">已存储 568 个知识分享</div>
<div class="text-left-top">{{$t('problemKnowledgeBase')}}</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-button">已存储 2314 个法规月报</div>
<div class="text-left-top">{{$t('monthlyReportRegulations')}}</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
+3
View File
@@ -95,6 +95,9 @@
activeTab: ''
}
},
mounted() {
document.title = 'NIO GRP'
},
methods: {
iconClick() {
this.$router.go(-1)
jero-web/src/views/phoneView/taskData.vue
+3
View File
@@ -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
+302 -11
View File
@@ -10,31 +10,86 @@
</div>
<div class="content">
<van-tabs v-model="activeTab">
<van-tab name="whole" title="待办流程"></van-tab>
<van-tab title="已办流程"></van-tab>
<van-tab title="已发流程"></van-tab>
<van-tab name="toDoProcess" :title="$t('toDoProcess')"></van-tab>
<van-tab name="processDone" :title="$t('processDone')"></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>