Skip to content

polysoft-nafmii / polysoft-h5

Go to a project
Commit 13cbaa99 by lixin
Options

会员相关优化

1 parent f2899520
Inline Side-by-side
Showing 11 changed files with 152 additions and 126 deletions
src/i18n/lang/index.js
...@@ -7,7 +7,7 @@ import title from './title/index' ...@@ -7,7 +7,7 @@ import title from './title/index'
import user from './user/index' import user from './user/index'
import feedback from './feedback/index' import feedback from './feedback/index'
import question from './question/index' import question from './question/index'
import member from './member/index'
const messages = { const messages = {
en: { en: {
lang: 'English', lang: 'English',
...@@ -18,6 +18,7 @@ const messages = { ...@@ -18,6 +18,7 @@ const messages = {
...user.userEn, ...user.userEn,
...feedback.feedbackEn, ...feedback.feedbackEn,
...question.questionEn, ...question.questionEn,
...member.memberEn
}, },
zh: { zh: {
lang: "中文", lang: "中文",
...@@ -28,6 +29,7 @@ const messages = { ...@@ -28,6 +29,7 @@ const messages = {
...user.userZh, ...user.userZh,
...feedback.feedbackZh, ...feedback.feedbackZh,
...question.questionZh, ...question.questionZh,
...member.memberZh
} }
} }
export default messages export default messages
src/i18n/lang/member/index.js
const memberEn = { const memberEn = {
login: { mlogin: {
language: 'Language', // 多语言 code: 'Please input the social credit or the organization code', // 社会信用代码或组织机构代码
bindWechat: 'Binding Wechat', // 绑定微信 password: 'Please input the password', // 密码
resetPassword: 'Reset Password', // 重置密码 verificationCode: 'Please input the verification code', // 验证码
privacyPolicy: 'Privacy Policy', //隐私政策 warningTip: "Tip: Please input your unit's login name and password for the membership system(unit member)", // 提示
serviceAgreement: 'Service Agreement', // 服务协议 membershipGuide: 'Membership Guide', // 会员指南
chinese: 'Chinese', FAQ: 'Membership Handling FAQ', // 户籍办理常见问题
english: 'English', memberRules: 'Member Management Rules' // 会员管理规则
}, },
person: { person: {
photo: 'Photo', photo: 'Photo',
...@@ -38,14 +38,14 @@ const memberEn = { ...@@ -38,14 +38,14 @@ const memberEn = {
} }
const memberZh = { const memberZh = {
setting: { mlogin: {
language: '多语言', code: '请输入社会信用代码或组织机构代码', // 社会信用代码或组织机构代码
bindWechat: '绑定微信', password: '请输入密码', // 密码
resetPassword: '重置密码', verificationCode: '请输入验证码', // 验证码
privacyPolicy: '隐私政策', warningTip: "提示：请输入贵单位会员系统的登录名及密码登录（单位会员）",
serviceAgreement: '服务协议', membershipGuide: '入会指南', // 会员指南
chinese: '中文', FAQ: '会籍办理常见问题', // 户籍办理常见问题
english: '英文', memberRules: '会籍管理规则' // 会员管理规则
}, },
person: { person: {
photo: '头像', photo: '头像',
......
src/views/member/business/index.vue
<template> <template>
<div class="business_cpntainer"> <div class="business_container">
<NafmHeader navClass="nafmii-head-bg3" title="业务开展列表" /> <NafmHeader navClass="nafmii-head-bg3" title="业务开展列表" />
<main class="business_content"> <main class="business_content">
<van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad"> <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
<van-cell v-for="item in businessList" :key="item"> <van-cell v-for="(item, index) in businessList" :key="index">
<div slot="title" class="title">{{item.title}}</div> <div slot="title" class="title">{{item.title}}</div>
<p slot="label" class="info"> <p slot="label" class="info">
<span class="update_time"> <span class="update_time">
...@@ -39,13 +38,15 @@ export default { ...@@ -39,13 +38,15 @@ export default {
}, },
methods: { methods: {
onLoad() { onLoad() {
setTimeout(() => {
this.finished = true
}, 3000)
} }
} }
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.business_cpntainer { .business_container {
.title { .title {
color: #222222; color: #222222;
font-size: 16px; font-size: 16px;
......
src/views/member/contact/contactItem.vue
...@@ -29,11 +29,6 @@ ...@@ -29,11 +29,6 @@
<script> <script>
export default { export default {
name: "ContanctItem", name: "ContanctItem",
data() {
return {
}
},
props: { props: {
contact: { contact: {
type: Object, type: Object,
...@@ -41,6 +36,11 @@ export default { ...@@ -41,6 +36,11 @@ export default {
return {} return {}
} }
} }
},
data() {
return {
}
} }
} }
</script> </script>
......
src/views/member/memberLogin.vue
...@@ -4,21 +4,19 @@ ...@@ -4,21 +4,19 @@
<div class="login_box"> <div class="login_box">
<NafmHeader navClass="nafmii-head-bg1" title=" " /> <NafmHeader navClass="nafmii-head-bg1" title=" " />
</div> </div>
<!-- <img src="@/assets/icon/bg_login_2.png" />
<NafmHeader navClass="nafmii-head-bg1" title=" " /> -->
<main class="login_content"> <main class="login_content">
<van-form class="login_form"> <van-form class="login_form">
<van-field v-model="code" :left-icon="shtyxydmIcon" placeholder="请输入社会信用代码或组织机构代码"> <van-field v-model="code" :left-icon="shtyxydmIcon" :placeholder="$t('mlogin.code')">
</van-field> </van-field>
<van-field v-model="password" :left-icon="passwordIcon" type="password" placeholder="请输入密码"> <van-field v-model="password" :left-icon="passwordIcon" type="password" :placeholder="$t('mlogin.password')">
</van-field> </van-field>
<van-field v-model="checkCode" :left-icon="verificationIcon" placeholder="请输入验证码"> <van-field v-model="checkCode" :left-icon="verificationIcon" :placeholder="$t('mlogin.verificationCode')">
<template #button> <template #button>
<span class="verfication_code">111111</span> <span class="verfication_code">111111</span>
</template> </template>
</van-field> </van-field>
<p class="wraning_tip"> <p class="wraning_tip">
<span v-show="isLogin">提示：请输入贵单位会员系统的登录名及密码登录（单位会员）</span> <span v-show="isLogin">{{$t('mlogin.warningTip')}}</span>
</p> </p>
<div> <div>
<van-button :class="isLogin ? 'login_btn' : 'act_btn login_btn'" block type="info" native-type="submit" @click="loginSubmit">登录</van-button> <van-button :class="isLogin ? 'login_btn' : 'act_btn login_btn'" block type="info" native-type="submit" @click="loginSubmit">登录</van-button>
...@@ -26,9 +24,9 @@ ...@@ -26,9 +24,9 @@
</van-form> </van-form>
</main> </main>
<div class="membership_about"> <div class="membership_about">
<van-cell title="入会指南" is-link to="/member/memberGuide" /> <van-cell :title="$t('mlogin.membershipGuide')" is-link to="/member/memberGuide" />
<van-cell title="会籍办理常见问题" is-link to="/member/membershipGuide" /> <van-cell :title="$t('mlogin.FAQ')" is-link to="/member/membershipGuide" />
<van-cell title="会员管理规则" is-link to="/member/membershipGuide" /> <van-cell :title="$t('mlogin.memberRules')" is-link to="/member/membershipGuide" />
</div> </div>
</div> </div>
</template> </template>
......
src/views/member/progress/change/index.vue
<template> <template>
<div class="change_progress"> <div class="change_container">
<NafmHeader navClass="nafmii-head-bg3" title="变更进度" /> <NafmHeader navClass="nafmii-head-bg3" title="变更进度" />
<section class="pgrogress_step"> <main class="change_content">
<h3 class="wrap_title">变更进度</h3> <progress-component :steps-info="steps" progress-title="变更进度">
<progress-component :steps-info="steps"></progress-component> <template slot="title">单位名称</template>
</section> </progress-component>
<section class="flow_chart"> </main>
</section>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: "ChangeProgress",
components: {
progressComponent: ()=>import('../progress.vue')
},
data() { data() {
return { return {
steps: [{ steps: [{
...@@ -24,22 +27,7 @@ export default { ...@@ -24,22 +27,7 @@ export default {
time: '2021.01.01' time: '2021.01.01'
}] }]
} }
},
components: {
progressComponent: ()=>import('../progress.vue')
} }
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.change_progress {
padding: 20px;
}
.wrap_title {
font-size: 16px;
padding-left: 6px;
color: #222222;
font-family: PingFangSC-Semibold;
border-left: 2.5px solid #135faa;
}
</style>
src/views/member/progress/change/list.vue
<template> <template>
<div class="change_list"> <div class="change_list_container">
<NafmHeader navClass="nafmii-head-bg3" title="变更" /> <NafmHeader navClass="nafmii-head-bg3" title="变更" />
<section class="name list_item"> <section class="name list_item">
<div class="item_info"> <div class="item_info">
...@@ -23,6 +23,7 @@ ...@@ -23,6 +23,7 @@
</template> </template>
<script> <script>
export default { export default {
name: "ChangeList",
data() { data() {
return { return {
...@@ -31,8 +32,8 @@ export default { ...@@ -31,8 +32,8 @@ export default {
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.change_list { .change_list_container {
padding: 20px; padding: 15px;
.list_item { .list_item {
display: flex; display: flex;
width: 100%; width: 100%;
......
src/views/member/progress/join.vue
<template> <template>
<div class="join_progress"> <div class="join_container">
<NafmHeader navClass="nafmii-head-bg3" title="进会进度" /> <NafmHeader navClass="nafmii-head-bg3" title="进会进度" />
<section class="pgrogress_step"> <main class="join_content">
<h3 class="wrap_title">入会进度</h3> <progress-component :steps-info="steps" progress-title="进会进度"></progress-component>
<progress-component :steps-info="steps"></progress-component> </main>
</section>
<section class="flow_chart">
<h3 class="wrap_title">会员系统内流程图</h3>
</section>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: "JoinProgress",
components: {
progressComponent: ()=>import('./progress.vue')
},
data() { data() {
return { return {
steps: [{ steps: [{
...@@ -25,22 +25,7 @@ export default { ...@@ -25,22 +25,7 @@ export default {
time: '2021.01.01' time: '2021.01.01'
}] }]
} }
},
components: {
progressComponent: ()=>import('./progress.vue')
} }
} }
</script> </script>
<style lang="less" scoped>
.join_progress {
padding: 20px;
}
.wrap_title {
font-size: 16px;
padding-left: 6px;
color: #222222;
font-family: PingFangSC-Semibold;
border-left: 2.5px solid #135faa;
}
</style>
src/views/member/progress/progress.vue
<template> <template>
<div> <div class="progress_container">
<van-steps direction="vertical" active-icon="circle" inactive-color="#106ABC" :active="0"> <main class="progress_content">
<!-- <template > --> <section class="progress_own">
<van-icon slot="active-icon" name="circle" /> <h3 class="section_title">{{progressTitle}}</h3>
<!-- </template> --> <van-steps direction="vertical" :active="1">
<van-step v-for="stepItem in stepsInfo" :key="stepItem.id"> <van-step v-for="stepItem in stepsInfo" :key="stepItem.id">
<div slot="active-icon" class="circle_outer">
<div class="circle_inner"></div>
</div>
<div class="step_content"> <div class="step_content">
<span class="step_left"> <span class="step_left">
<h3 class="step_title">{{stepItem.title}}</h3> <h3 class="step_title">{{stepItem.title}}</h3>
...@@ -15,42 +18,90 @@ ...@@ -15,42 +18,90 @@
</div> </div>
</van-step> </van-step>
</van-steps> </van-steps>
</section>
<section class="progress_expand">
<h3 class="section_title">
<slot name="title">
</slot>
</h3>
<main>
<slot name="content">
</slot>
</main>
</section>
</main>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { name: "ProgressComponent",
return {
}
},
props: { props: {
stepsInfo: { stepsInfo: {
type: Object, type: Object|Object,
default: ()=> { default: ()=> {
return {} return {}
} }
},
progressTitle: {
type: String,
default: ()=> {
return ''
}
} }
},
data() {
return {
} }
},
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
::v-deep .van-step:last-child .van-step__line { .progress_container {
border: none; padding: 15px;
} .section_title {
::v-deep .van-step__line { font-size: 16px;
border-left: 0.5px dotted #106abc; line-height: 16px;
background-color: transparent; padding-left: 6px;
color: #222222;
font-family: PingFangSC-Semibold;
border-left: 2.5px solid #135faa;
}
} }
::v-deep .van-step__circle { ::v-deep .van-step--vertical {
opacity: 0.3;
.van-step__circle {
width: 6px;
height: 6px;
background-color: #106abc; background-color: #106abc;
}
.van-step__line {
opacity: 0.3;
}
}
::v-deep .van-step--finish,
::v-deep .van-step--process {
opacity: 1;
}
::v-deep .van-step--finish {
.van-step__line {
opacity: 1;
}
}
::v-deep .van-step__line {
background: linear-gradient(
to bottom,
#106abc,
#106abc 2px,
transparent 2px,
transparent
);
background-size: 100% 4px;
} }
::v-deep .van-hairline::after { ::v-deep .van-hairline::after {
border: none; border: none;
} }
::v-deep .van-step__icon--active {
color: #106abc;
}
.step_content { .step_content {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
...@@ -73,5 +124,17 @@ export default { ...@@ -73,5 +124,17 @@ export default {
line-height: 17px; line-height: 17px;
} }
} }
.circle_outer {
padding: 3px;
border-radius: 50%;
background-color: #cbe3f9;
.circle_inner {
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #106abc;
}
}
</style> </style>
src/views/member/progress/quit.vue
<template> <template>
<div class="quit_progress"> <div class="quit_container">
<NafmHeader navClass="nafmii-head-bg3" title="退会进度" /> <NafmHeader navClass="nafmii-head-bg3" title="退会进度" />
<section class="pgrogress_step"> <main class="quit content">
<h3 class="wrap_title">退会进度</h3> <progress-component :steps-info="steps" progress-title="退会进度"></progress-component>
<progress-component :steps-info="steps"></progress-component> </main>
</section>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: "QuitProgress",
components: {
progressComponent: ()=>import('./progress.vue')
},
data() { data() {
return { return {
steps: [{ steps: [{
...@@ -22,22 +25,7 @@ export default { ...@@ -22,22 +25,7 @@ export default {
time: '2021.01.01' time: '2021.01.01'
}] }]
} }
},
components: {
progressComponent: ()=>import('./progress.vue')
} }
} }
</script> </script>
<style lang="less" scoped>
.quit_progress {
padding: 20px;
}
.wrap_title {
font-size: 16px;
padding-left: 6px;
color: #222222;
font-family: PingFangSC-Semibold;
border-left: 2.5px solid #135faa;
}
</style>
src/views/member/result/index.vue
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
</van-cell> </van-cell>
</div> </div>
<div class="change"> <div class="change">
<van-cell is-link :icon="changeIcon" @click="toOtherRouter('ChangeProgress')"> <van-cell is-link :icon="changeIcon" @click="toOtherRouter('ChangeList')">
<template #title> <template #title>
<span class="oper_title">变更</span> <span class="oper_title">变更</span>
</template> </template>
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!