Skip to content

polysoft-nafmii / polysoft-h5

Go to a project
Commit 5d0a2b0e by lixin
Options

资质查询双语配置

1 parent 4679de7c
Inline Side-by-side
Showing 13 changed files with 171 additions and 51 deletions
src/i18n/lang/index.js
...@@ -11,6 +11,8 @@ import feedback from './feedback/index' ...@@ -11,6 +11,8 @@ import feedback from './feedback/index'
import question from './question/index' import question from './question/index'
import member from './member/index' import member from './member/index'
import home from './home/index' import home from './home/index'
import agreement from './qulification/agreement'
import qulification from './qulification/index'
const messages = { const messages = {
en: { en: {
lang: 'English', lang: 'English',
...@@ -24,13 +26,14 @@ const messages = { ...@@ -24,13 +26,14 @@ const messages = {
...feedback.feedbackEn, ...feedback.feedbackEn,
...question.questionEn, ...question.questionEn,
...member.memberEn, ...member.memberEn,
...home.En ...home.En,
...agreement.agreementEn,
...qulification.qulificationEn
}, },
zh: { zh: {
lang: "中文", lang: "中文",
...button.buttonZh, ...button.buttonZh,
...toast.toastZh, ...toast.toastZh,
...title.titleZh, ...title.titleZh,
...setting.settingZh, ...setting.settingZh,
...center.centerZh, ...center.centerZh,
...@@ -38,7 +41,9 @@ const messages = { ...@@ -38,7 +41,9 @@ const messages = {
...feedback.feedbackZh, ...feedback.feedbackZh,
...question.questionZh, ...question.questionZh,
...member.memberZh, ...member.memberZh,
...home.Zh ...home.Zh,
...agreement.agreementZh,
...qulification.qulificationZh
} }
} }
export default messages export default messages
src/i18n/lang/member/index.js
...@@ -32,14 +32,23 @@ const memberEn = { ...@@ -32,14 +32,23 @@ const memberEn = {
contactList: 'Contact List' // 联系人列表 contactList: 'Contact List' // 联系人列表
}, },
memberservice: { memberservice: {
tip: 'Tip: Please login the Membership System if you want to do some changes', // 提示：如需变更请登入会员系统办理 tip1: 'Tip: Please log in the Membership System if you want to do some changes', // 提示：如需变更请登入会员系统办理
tip2: 'Tip: Please log in the Membership System if the informations like contact person, mail address, registered address, corporate representative and so on are changed.', // 提示：如联系人，通讯地址，注册地址，法人代表等变更，请登录会员系统办理
more: 'more', // 查看更多 more: 'more', // 查看更多
join: 'Join', // 入会 join: 'Join', // 入会
quit: 'Quit', // 退会 quit: 'Quit', // 退会
change: 'Change' // 变更 change: 'Change', // 变更
}, },
mbusiness: { mbusiness: {
updateTime: 'update time', // 更新时间 updateTime: 'update time', // 更新时间
},
mprogress: {
joinProgress: 'Join Progress', // 入会进度
quitProgress: 'Quit Progress', // 退会进度
changeProgress: 'Change Progress', // 变更进度
organizationName: 'Organization Name', // 单位名称变更
organizationRepresentive: 'Organization Representive', // 单位代表变更
membershipType: 'Membership Type', // 会籍类别变更
} }
} }
...@@ -77,14 +86,23 @@ const memberZh = { ...@@ -77,14 +86,23 @@ const memberZh = {
contactList: '联系人列表' // 联系人列表 contactList: '联系人列表' // 联系人列表
}, },
memberservice: { memberservice: {
tip: '提示：如需变更请登入会员系统办理', // 提示：如需变更请登入会员系统办理 tip1: '提示：如需变更请登入会员系统办理', // 提示：如需变更请登入会员系统办理
tip2: '提示：如联系人，通讯地址，注册地址，法人代表等变更，请登录会员系统办理', // 提示：如联系人，通讯地址，注册地址，法人代表等变更，请登录会员系统办理
more: '查看更多', // 查看更多 more: '查看更多', // 查看更多
join: '入会', // 入会 join: '入会', // 入会
quit: '退会', // 退会 quit: '退会', // 退会
change: '变更' // 变更 change: '变更', // 变更
}, },
mbusiness: { mbusiness: {
updateTime: '更新时间', // 更新时间 updateTime: '更新时间', // 更新时间
},
mprogress: {
joinProgress: '入会进度', // 入会进度
quitProgress: '退会进度', // 退会进度
changeProgress: '变更进度', // 变更进度
organizationName: '单位名称变更', // 单位名称变更
organizationRepresentive: '单位代表变更', // 单位代表变更
membershipType: '会籍类别变更', // 会籍类别变更
} }
} }
export default { export default {
......
src/i18n/lang/qulification/agreement.js 0 → 100644
const agreementEn = {
agreement: {
time: "chronologically", // 按时间
letter: 'alphabetically', // 按字母
remark: 'Remark', // 备注
},
}
const agreementZh = {
agreement: {
time: "按时间", // 按时间
letter: '按字母', // 按字母
remark: '备注', // 备注
},
}
export default {
agreementEn,
agreementZh
};
src/i18n/lang/qulification/index.js 0 → 100644
const qulificationEn = {
qulification: {
title: "Memberships' and Market Participants' Inquiry", // 会员及市场参与者情况查询
searchAction: {
product: {
name: 'Product', // 非法人产品
key: 'product',
placeholder: "Please input the products' name/manage person", // 请输入产品名/管理人
},
org: {
name: 'Organization', // 机构
key: 'org',
placeholder: "Please input the organizations' name", // 请输入机构名称
}
},
product: 'Product', // 非法人产品
org: 'Organization', // 机构
productInput: "Please input the products' name/manage person", // 请输入产品名/管理人
orgInput: "Please input the organizations' name", // 请输入机构名称
history: 'Search History', // 搜索历史
membership: 'Membership', // 是否会员
membershipType: 'Membership Type', // 会籍类别
underwriterType: 'Type of Lead Underwriter', // 主承销商类型
marketmaker: 'Market Maker', // 做市商
mitigation: 'Credit Risk Mitigation', // 信用风险缓释工具
masterAgree: 'Signed Master Agreement' // 已签署备案主协议
},
}
const qulificationZh = {
qulification: {
title: '会员及市场参与者情况查询', // 会员及市场参与者情况查询
searchAction: {
product: {
name: '非法人产品', // 非法人产品
key: 'product',
placeholder: '请输入产品名/管理人', // 请输入产品名/管理人
},
org: {
name: '机构', // 机构
key: 'org',
placeholder: '请输入机构名称', // 请输入机构名称
}
},
product: '非法人产品', // 非法人产品
org: '机构', // 机构
productInput: "请输入产品名/管理人", // 请输入产品名/管理人
orgInput: "请输入机构名称", // 请输入机构名称
history: '搜索历史', // 搜索历史
membership: '是否会员', // 是否会员
membershipType: '会籍类别', // 会籍类别
underwriterType: '主承销商类型', // 主承销商类型
marketmaker: '做市商', // 做市商
mitigation: '信用风险缓释工具', // 信用风险缓释工具
masterAgree: '已签署备案主协议' // 已签署备案主协议
},
}
export default {
qulificationEn,
qulificationZh
};
src/views/member/memberGuide.vue
<template> <template>
<div> <div>
<NafmHeader navClass="nafmii-head-bg3" title="入会指南" /> <NafmHeader navClass="nafmii-head-bg3" :title="$t('mlogin.membershipGuide')" />
入会指南 {{$t('mlogin.membershipGuide')}}
</div> </div>
</template> </template>
<script> <script>
......
src/views/member/memberLogin.vue
...@@ -51,13 +51,13 @@ export default { ...@@ -51,13 +51,13 @@ export default {
methods: { methods: {
loginSubmit() { loginSubmit() {
if (!this.code || this.code === '') { if (!this.code || this.code === '') {
return Toast('请输入社会信用统一代码或组织机构代码') return Toast(this.$t('mlogin.code'))
} }
if (!this.password || this.password === '') { if (!this.password || this.password === '') {
return Toast('请输入密码') return Toast(this.$t('mlogin.password'))
} }
if (!this.checkCode || this.checkCode === '') { if (!this.checkCode || this.checkCode === '') {
return Toast('请输入验证码') return Toast(this.$t('mlogin.verificationCode'))
} }
this.$router.push({ this.$router.push({
name: 'LoginResult' name: 'LoginResult'
......
src/views/member/progress/change/index.vue
<template> <template>
<div class="change_container"> <div class="change_container">
<NafmHeader navClass="nafmii-head-bg3" title="变更进度" /> <NafmHeader navClass="nafmii-head-bg3" :title="$t('mprogress.quitProgress')" />
<main class="change_content"> <main class="change_content">
<progress-component :steps-info="steps" progress-title="变更进度"> <progress-component :steps-info="steps" :progress-title="$t('mprogress.changeProgress')">
<template slot="title">单位名称</template> <template slot="title">单位名称</template>
</progress-component> </progress-component>
</main> </main>
......
src/views/member/progress/change/list.vue
<template> <template>
<div class="change_list_container"> <div class="change_list_container">
<NafmHeader navClass="nafmii-head-bg3" title="变更" /> <NafmHeader navClass="nafmii-head-bg3" :title="$t('memberservice.change')" />
<main class="change_list_content">
<section class="name list_item"> <section class="name list_item">
<div class="item_info"> <van-cell is-link to="/member/changeProgress">
<span>单位名称变更</span> <div slot="title" class="item_info">
<van-icon name="arrow" /> <span>{{$t('mprogress.organizationName')}}</span>
</div> </div>
</van-cell>
</section> </section>
<section class="represent list_item"> <section class="represent list_item">
<van-cell is-link to="/member/changeProgress">
<div class="item_info"> <div class="item_info">
<span>单位代表变更</span> <span>{{$t('mprogress.organizationRepresentive')}}</span>
<van-icon name="arrow" />
</div> </div>
</van-cell>
</section> </section>
<section class="type list_item"> <section class="type list_item">
<van-cell is-link to="/member/changeProgress">
<div class="item_info"> <div class="item_info">
<span>会籍类别变更</span> <span>{{$t('mprogress.membershipType')}}</span>
<van-icon name="arrow" />
</div> </div>
</van-cell>
</section> </section>
</main>
</div> </div>
</template> </template>
<script> <script>
...@@ -37,34 +42,31 @@ export default { ...@@ -37,34 +42,31 @@ export default {
.list_item { .list_item {
display: flex; display: flex;
width: 100%; width: 100%;
height: 100px;
margin-bottom: 10px; margin-bottom: 10px;
&.name { &.name {
background: url("../../../../assets/icon/change_name.png") no-repeat; background-color: #E7EFFF;
background-size: contain;
} }
&.represent { &.represent {
background: url("../../../../assets/icon/change_representive.png") background-color: #F8F1DF;
no-repeat;
background-size: contain;
} }
&.type { &.type {
background: url("../../../../assets/icon/change_membership.png") no-repeat; background-color: #F8E8EB;
background-size: contain; }
::v-deep .van-cell {
background-color: transparent;
}
::v-deep .van-icon {
height: 66px;
line-height: 66px;
} }
.item_info { .item_info {
line-height: 66px; line-height: 66px;
margin: 17px auto;
display: flex; display: flex;
align-items: center; align-items: center;
color: #ffffff; color: #444444;
font-size: 18px; font-size: 16px;
span { span {
font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
margin-right: 20px;
}
.van-icon {
font-size: 12px;
} }
} }
} }
......
src/views/member/progress/join.vue
<template> <template>
<div class="join_container"> <div class="join_container">
<NafmHeader navClass="nafmii-head-bg3" title="进会进度" /> <NafmHeader navClass="nafmii-head-bg3" :title="$t('mprogress.joinProgress')" />
<main class="join_content"> <main class="join_content">
<progress-component :steps-info="steps" progress-title="进会进度"></progress-component> <progress-component :steps-info="steps" :progress-title="$t('mprogress.joinProgress')"></progress-component>
</main> </main>
</div> </div>
</template> </template>
......
src/views/member/progress/quit.vue
<template> <template>
<div class="quit_container"> <div class="quit_container">
<NafmHeader navClass="nafmii-head-bg3" title="退会进度" /> <NafmHeader navClass="nafmii-head-bg3" :title="$t('mprogress.quitProgress')" />
<main class="quit content"> <main class="quit content">
<progress-component :steps-info="steps" progress-title="退会进度"></progress-component> <progress-component :steps-info="steps" :progress-title="$t('mprogress.quitProgress')"></progress-component>
</main> </main>
</div> </div>
</template> </template>
......
src/views/member/result/index.vue
<template> <template>
<div class="login_result"> <div class="login_result">
<NafmHeader title="会籍服务" /> <NafmHeader :title="$t('title.membershipServices')" />
<main class="result_content"> <main class="result_content">
<section class="member_basic"> <section class="member_basic">
<van-cell class="bg_transparent"> <van-cell class="bg_transparent">
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
</van-cell> </van-cell>
<van-cell> <van-cell>
<p slot="default" class="tip_more"> <p slot="default" class="tip_more">
<span class="warning_tip"> {{$t('memberservice.tip')}} </span> <span class="warning_tip"> {{$t('memberservice.tip1')}} </span>
<span class="more" @click="toOtherRouter('MemberDetail')"> <span class="more" @click="toOtherRouter('MemberDetail')">
{{$t('memberservice.more')}} {{$t('memberservice.more')}}
<van-icon :name="moreIcon" /> <van-icon :name="moreIcon" />
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
</section> </section>
</main> </main>
<footer class="bottom_tip"> <footer class="bottom_tip">
提示：如联系人，通讯地址，注册地址，法人代表等变更，请登录会员系统办理 {{$t('memberservice.tip2')}}
</footer> </footer>
</div> </div>
</template> </template>
......
src/views/qulification/agreement/master.vue
...@@ -31,6 +31,7 @@ ...@@ -31,6 +31,7 @@
<li>《债券回购主协议》非法人产品管理人名单自2018年起进行公示</li> <li>《债券回购主协议》非法人产品管理人名单自2018年起进行公示</li>
</ul> </ul>
</section> </section>
{{$t('agreement')}}
</div> </div>
</template> </template>
<script> <script>
......
src/views/qulification/search.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<main class="qulification_content"> <main class="qulification_content">
<section class="logo"> <section class="logo">
</section> </section>
<h3 class="search_title">会员及市场参与者情况查询</h3> <h3 class="search_title">{{$t('qulification.title')}}</h3>
<section class="search_box"> <section class="search_box">
<span class="select" @click="showSheet = true"> <span class="select" @click="showSheet = true">
<van-icon name="search" /> <van-icon name="search" />
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
<van-icon name="play" /> <van-icon name="play" />
</span> </span>
<div class="visual_input" @click="toListSearch"> <div class="visual_input" @click="toListSearch">
<span>请输入机构名称</span> <span>{{placeholdTxt}}</span>
</div> </div>
</section> </section>
<section class="search_history"> <section class="search_history">
...@@ -33,13 +33,19 @@ ...@@ -33,13 +33,19 @@
<script> <script>
export default { export default {
name: 'QulificationSearch', name: 'QulificationSearch',
computed: {
actions() {
return [this.$t('qulification.searchAction').org, this.$t('qulification.searchAction').product ]
}
},
data() { data() {
return { return {
actions: [ // actions: [
{name:'机构', type: 'org' }, // {name:'机构', type: 'org' },
{name:'非法人产品', type: 'pro'} // {name:'非法人产品', type: 'pro'}
], // ],
qulificationType: '机构', qulificationType: '',
placeholdTxt: '',
showSheet: false, showSheet: false,
historyItems: [{ historyItems: [{
name: 'jdnskjfnjkds', name: 'jdnskjfnjkds',
...@@ -55,10 +61,18 @@ export default { ...@@ -55,10 +61,18 @@ export default {
}] }]
} }
}, },
created() {
this.defaultInput()
},
methods: { methods: {
defaultInput() {
this.qulificationType = this.$t('qulification.searchAction').org.name
this.placeholdTxt = this.$t('qulification.searchAction').org.placeholder
},
onSelect(item) { onSelect(item) {
this.show = false; this.show = false;
this.qulificationType = item.name; this.qulificationType = item.name;
this.placeholdTxt = this.$t('qulification.searchAction')[item.key].placeholder
}, },
toListSearch() { toListSearch() {
this.$router.push({name: 'QulificationList'}) this.$router.push({name: 'QulificationList'})
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!