Skip to content

polysoft-nafmii / polysoft-h5

Go to a project
Commit 843d13a6 by fanx
Options

注册发行 完成

1 parent c1212e98
Inline Side-by-side
Showing 5 changed files with 215 additions and 21 deletions
src/i18n/lang/toast/index.js
......@@ -9,6 +9,7 @@ const toastEn = {
unbindingSuccess: 'Finish!',
resetSuccess: 'Reset Successful',
isEmptyContent: 'Do you want to clear all data?',
freeLoginContent: 'After enabling free login, the system will keep your current login status, no need to go to the login page to login, open the APP to login.',
}
}
......@@ -23,6 +24,7 @@ const toastZh = {
unbindingSuccess: '解绑成功！',
resetSuccess: '重置成功！',
isEmptyContent: '是否要清空全部数据？',
freeLoginContent: '开启免登录后，系统将保留您当前的登录状态，无需前往登录页面进行登录，打开APP即登录。',
}
}
export default {
......
src/i18n/lang/user/setting.js
const settingEn = {
setting: {
language: 'Language', // 多语言
bindWechat: 'Binding Wechat', // 绑定微信
resetPassword: 'Reset Password', // 重置密码
privacyPolicy: 'Privacy Policy', //隐私政策
serviceAgreement: 'Service Agreement', // 服务协议
language: 'Language',
bindWechat: 'Binding Wechat',
freeLogin: 'Free Login',
resetPassword: 'Reset Password',
privacyPolicy: 'Privacy Policy',
serviceAgreement: 'Service Agreement',
questionAndFeedback: 'Question Feedback',
chinese: 'Chinese',
english: 'English',
fontSize: 'FontSize',
superFontSize: 'Super FontSize',
bigFontSize: 'Big FontSize',
standardFontSize: 'Standard FontSize',
smallFontSize: 'Smaill FontSize',
},
}
......@@ -14,11 +21,18 @@ const settingZh = {
setting: {
language: '多语言',
bindWechat: '微信绑定',
freeLogin: '免登录',
resetPassword: '重置密码',
privacyPolicy: '隐私政策',
serviceAgreement: '服务协议',
questionAndFeedback: '问题及反馈',
chinese: '中文',
english: '英文',
fontSize: '字体大小',
superFontSize: '特大字体',
bigFontSize: '大字体',
standardFontSize: '标准字体',
smallFontSize: '小字体',
},
}
export default {
......
src/utils/vant-ui.js
......@@ -18,6 +18,7 @@ import {
Step,
Steps,
Checkbox,
CheckboxGroup,
Picker,
Popup,
Swipe,
......@@ -60,6 +61,7 @@ import FooterBottom from '@/components/FooterBottom'
Step,
Steps,
Checkbox,
CheckboxGroup,
Picker,
Popup,
Swipe,
......
src/views/regIssue/index.vue
......@@ -25,14 +25,22 @@
</div>
<van-popup v-model="show" position="right" :style="{ height: '100%',width: '85%' }">
<div class="filter_container">
<div class="filter_container" v-if="show">
<h3>项目状态</h3>
<div class="status_list">
<div class="status_list mtb15">
<van-checkbox-group v-model="resultOne" class="checkboxGroup" ref="groupOne">
<van-checkbox :name="item.value" class="checkbox_item_common checkbox_item_1" v-for="(item,index) in checkboxArrOne" :key="index">{{item.label}}</van-checkbox>
</van-checkbox-group>
</div>
<h3>品种</h3>
<div class="class_list">
<div class="class_list mtb15">
<van-checkbox-group v-model="resultTwo" class="checkboxGroup" ref="groupTwo">
<van-checkbox :name="item.value" class="checkbox_item_common checkbox_item_2" v-for="(item,index) in checkboxArrTwo" :key="index">{{item.label}}</van-checkbox>
</van-checkbox-group>
</div>
<div class="button">
<div class="btn reset" @click="handleReset">重置</div>
<div class="btn sure" @click="handleSure">确定</div>
</div>
</div>
</van-popup>
......@@ -49,7 +57,7 @@ export default {
return {
loading: false,
finished: false,
show: false,
show: true,
list: [
{
title: '南京市高淳区城市投资有限公司关于发行2021年度第一期中期票据的注册报告',
......@@ -61,13 +69,55 @@ export default {
time: '2021-4-12',
type: 'MTN'
}
]
],
checkboxArrOne: [{
label: '待上会',
value: 1
}, {
label: '完成注册',
value: 2
}],
resultOne: [],
checkboxArrTwo: [{
label: 'SCP',
value: 1
}, {
label: 'SCP1',
value: 2
}, {
label: 'SCP2',
value: 3
}, {
label: 'SCP3',
value: 4
}, {
label: 'PB-MTN',
value: 5
}, {
label: 'PB-RB',
value: 6
}, {
label: 'PB-其他',
value: 7
}],
resultTwo: [],
}
},
methods: {
onLoad() {
this.finished = true
this.loading = false
},
// 重置
handleReset() {
this.$refs.groupOne.toggleAll(false)
this.$refs.groupTwo.toggleAll(false)
},
// 确定
handleSure() {
console.log(this.resultTwo)
console.log(this.resultOne)
this.show = false
}
}
}
......@@ -119,4 +169,87 @@ export default {
}
}
}
.filter_container {
display: flex;
flex-direction: column;
padding: 50px 15px;
height: 100%;
}
.mtb15 {
margin: 15px 0;
}
.checkboxGroup {
display: flex;
width: 100%;
flex-wrap: wrap;
.checkbox_item_common {
position: relative;
display: flex;
height: 40px;
align-items: center;
justify-content: center;
background-color: #f6f6f6;
margin-right: 10px;
margin-bottom: 10px;
font-size: 12px;
}
.checkbox_item_1 {
width: calc(50% - 5px);
&:nth-child(2n + 2) {
margin-right: 0;
}
}
.checkbox_item_2 {
width: calc(33% - 10px);
&:nth-child(3n + 3) {
margin-right: 0;
}
}
}
/deep/ .van-icon-success {
display: none;
}
/deep/ .van-checkbox__label {
margin-left: 0;
color: #666;
}
/deep/ .van-checkbox__icon .van-icon {
border: 0;
}
/deep/ .van-checkbox__icon--checked {
position: absolute;
background-color: #135faa;
width: 100%;
height: 40px;
}
/deep/ .van-checkbox__icon--checked + .van-checkbox__label {
position: absolute;
color: #fff;
}
.button {
// position: absolute;
bottom: 20px;
display: flex;
align-items: flex-end;
flex: 1;
justify-content: space-between;
.btn {
width: 43%;
display: flex;
justify-content: center;
align-items: center;
height: 45px;
font-size: 15px;
border-radius: 5px;
}
.reset {
background-color: #f6f6f6;
color: #666;
}
.sure {
background-image: linear-gradient(to right, #25a3df, #106abc);
color: #fff;
}
}
</style>
\ No newline at end of file
src/views/user/setting/index.vue
......@@ -9,6 +9,11 @@
</template>
</van-cell>
-->
<van-cell :title="$t('setting.freeLogin')" center value-class="right_content">
<template #default>
<van-switch v-model="isFreeLogin" @click="changeFreeLoginStatus" size="20px" />
</template>
</van-cell>
<van-cell :title="$t('setting.language')" center is-link @click="controllZhEn(true)" value-class="right_content">
<template #default>
{{$t("lang")}}
......@@ -33,16 +38,20 @@
</van-cell>
-->
<van-cell title="字体大小" center is-link @click="showSysFont=true" value-class="right_content">
</div>
<div class="mt15">
<van-cell :title="$t('setting.privacyPolicy')" center is-link @click="jumpPrivacyPage" value-class="right_content" />
<van-cell :title="$t('setting.serviceAgreement')" center is-link @click="jumpServicePage" value-class="right_content" />
<van-cell :title="$t('setting.questionAndFeedback')" center is-link @click="jumpServicePage" value-class="right_content" />
</div>
<div class="mt15">
<van-cell :title="$t('setting.fontSize')" center is-link @click="showSysFont=true" value-class="right_content">
<template #default>
<span>{{sysFontText}}</span>
</template>
</van-cell>
</div>
<div class="agreement_list">
<van-cell :title="$t('setting.privacyPolicy')" center is-link @click="jumpPrivacyPage" value-class="right_content" />
<van-cell :title="$t('setting.serviceAgreement')" center is-link @click="jumpServicePage" value-class="right_content" />
</div>
<van-button type="primary" plain color="#a4a4a4" class="logout_btn" @click="handleLogout">{{$t('button.logout')}}</van-button>
......@@ -60,13 +69,19 @@ export default {
data() {
return {
msgChecked: false, //新消息提醒
isFreeLogin: false, // 免登录开关
showZhEn: false, // 弹出中英文设置
fingerprintChecked: false, // 指纹ID解锁状态
faceIdChecked: false, // 面容ID解锁状态
wechatNick: '',// 微信昵称
showSysFont: false,
sysFontText: getLocalStorage('sysFontText') || '标准字体',
columns: [{ text: '特大字体', value: 120 }, { text: '大字体', value: 110 }, { text: '标准字体', value: 100 }, { text: '小字体', value: 98 }],
sysFontText: getLocalStorage('sysFontText') || this.$t('setting.standardFontSize'),
columns: [
{ text: this.$t('setting.superFontSize'), value: 120 },
{ text: this.$t('setting.bigFontSize'), value: 110 },
{ text: this.$t('setting.standardFontSize'), value: 100 },
{ text: this.$t('setting.smallFontSize'), value: 98 }
],
}
},
mounted() {
......@@ -83,6 +98,34 @@ export default {
changeMsgStatus() {
this.msgChecked = !this.msgChecked
},
// 切换免登录状态
changeFreeLoginStatus() {
if (!this.isFreeLogin) {
// 开启需要弹出
Dialog.confirm({
title: this.$t('toast.tip'),
message: this.$t('toast.freeLoginContent'),
cancelButtonText: this.$t('button.clickWrong'),
cancelButtonColor: '#999999',
confirmButtonText: this.$t('button.okUnbinding'),
confirmButtonColor: '#206CB3'
})
.then(() => {
// 确定操作
this.isFreeLogin = true
// todo 完善存储用户逻辑
})
.catch(() => {
// 取消操作
console.log(2);
this.isFreeLogin = false
});
} else {
// 关闭免登录 清除用户信息
}
},
// 弹出/关闭 设置中英文框
controllZhEn(value) {
this.showZhEn = value
......@@ -186,8 +229,8 @@ export default {
justify-content: flex-end;
align-items: center;
}
.agreement_list {
margin-top: 10px;
.mt15 {
margin-top: 5px;
}
.logout_btn {
margin-top: 200px;
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!