删除安全问题相关功能
This commit is contained in:
范鹏
parent
f0fc91295d
commit
d9ed67e0ba
@ -3,7 +3,7 @@
|
|||||||
"appid" : "__UNI__933D519",
|
"appid" : "__UNI__933D519",
|
||||||
"description" : "",
|
"description" : "",
|
||||||
"versionName" : "1.0.0",
|
"versionName" : "1.0.0",
|
||||||
"versionCode" : "14",
|
"versionCode" : "15",
|
||||||
"transformPx" : false,
|
"transformPx" : false,
|
||||||
/* 小程序特有相关 */
|
/* 小程序特有相关 */
|
||||||
"mp-weixin" : {
|
"mp-weixin" : {
|
||||||
|
|||||||
12
pages.json
12
pages.json
@ -51,18 +51,6 @@
|
|||||||
"navigationBarTitleText": "验证邮箱"
|
"navigationBarTitleText": "验证邮箱"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
|
||||||
"path": "pages/safeQuestion/safeQuestion",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "安全问题"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"path": "pages/updateSafeQuestion/updateSafeQuestion",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "安全问题"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"path": "pages/webview/webview",
|
"path": "pages/webview/webview",
|
||||||
"style": {
|
"style": {
|
||||||
|
|||||||
@ -1,139 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view>
|
|
||||||
<view class="text">如果手机丢了，可以通过回答设置的安全问题来登录新设备</view>
|
|
||||||
<view class="safe-question" v-for="item in questionAnswer" :key="item.questionId">
|
|
||||||
<view class="question">
|
|
||||||
<view>{{item.question}}</view>
|
|
||||||
<image class="icon-arrow" src="/static/images/icon_arrow.png" mode="aspectFill"></image>
|
|
||||||
</view>
|
|
||||||
<view class="line"></view>
|
|
||||||
<view class="input">{{item.answer}}</view>
|
|
||||||
</view>
|
|
||||||
<view class="button" @click="updateAnswer">修改</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { getQuestionAnswerRequest, getQuestionListRequest, updateQuestionAnswerRequest } from '@/api/safeAnswer'
|
|
||||||
import { mapActions } from 'pinia'
|
|
||||||
import { useBasicStore } from '@/stores/basic'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
questionAnswer: [],
|
|
||||||
}
|
|
||||||
},
|
|
||||||
onLoad() {
|
|
||||||
this.getQuestionAnswer()
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
...mapActions(useBasicStore, ['routeJump', 'getNetworkType']),
|
|
||||||
async getQuestionAnswer() {
|
|
||||||
const netWork = await this.getNetworkType()
|
|
||||||
if(!netWork) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
const { code, data, message } = await getQuestionAnswerRequest()
|
|
||||||
if(code === 0) {
|
|
||||||
this.questionAnswer = data
|
|
||||||
} else {
|
|
||||||
uni.showToast({
|
|
||||||
title: message,
|
|
||||||
icon: 'none'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async updateAnswer() {
|
|
||||||
const netWork = await this.getNetworkType()
|
|
||||||
if(!netWork) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
this.routeJump({
|
|
||||||
name: 'updateSafeQuestion',
|
|
||||||
params: {
|
|
||||||
questionAnswer: JSON.stringify(this.questionAnswer)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss">
|
|
||||||
page {
|
|
||||||
background-color: $uni-bg-color-grey;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.text {
|
|
||||||
padding-top: 20rpx;
|
|
||||||
margin-left: 20rpx;
|
|
||||||
font-size: 24rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.safe-question {
|
|
||||||
width: 710rpx;
|
|
||||||
margin-left: 20rpx;
|
|
||||||
margin-top: 20rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.question {
|
|
||||||
border-radius: 32rpx 32rpx 0 0;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
padding: 20rpx 32rpx;
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-arrow {
|
|
||||||
width: 40rpx;
|
|
||||||
height: 40rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input {
|
|
||||||
border-radius: 0 0 32rpx 32rpx;
|
|
||||||
line-height: 40rpx;
|
|
||||||
background: #FFFFFF;
|
|
||||||
padding: 20rpx 32rpx;
|
|
||||||
word-break: break-all;
|
|
||||||
}
|
|
||||||
|
|
||||||
.line {
|
|
||||||
width: 100%;
|
|
||||||
height: 2rpx;
|
|
||||||
background: #EBEBEB;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup-title {
|
|
||||||
font-size: 32rpx;
|
|
||||||
height: 100rpx;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 100rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup-content {
|
|
||||||
font-size: 32rpx;
|
|
||||||
height: 80rpx;
|
|
||||||
line-height: 80rpx;
|
|
||||||
text-align: center;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button {
|
|
||||||
margin-top: 32rpx;
|
|
||||||
margin-left: 35rpx;
|
|
||||||
width: 680rpx;
|
|
||||||
height: 96rpx;
|
|
||||||
background: #63b8af;
|
|
||||||
border-radius: 16rpx;
|
|
||||||
line-height: 96rpx;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 32rpx;
|
|
||||||
color: #FFFFFF;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,278 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view>
|
|
||||||
<view class="text">如果手机丢了，可以通过回答设置的安全问题来登录新设备</view>
|
|
||||||
<view class="safe-question">
|
|
||||||
<view class="question" @click="popup('firstList')">
|
|
||||||
<view>{{answer[0].question}}</view>
|
|
||||||
<image class="icon-arrow" src="/static/images/icon_arrow.png" mode="aspectFill"></image>
|
|
||||||
</view>
|
|
||||||
<view class="line"></view>
|
|
||||||
<input class="input" :value="answer[0].answer" maxlength="50" placeholder="请输入答案"
|
|
||||||
placeholder-class="input-placeholder" @input="changeFirstAnswer"></input>
|
|
||||||
</view>
|
|
||||||
<view class="safe-question">
|
|
||||||
<view class="question" @click="popup('secondList')">
|
|
||||||
<view>{{answer[1].question}}</view>
|
|
||||||
<image class="icon-arrow" src="/static/images/icon_arrow.png" mode="aspectFill"></image>
|
|
||||||
</view>
|
|
||||||
<view class="line"></view>
|
|
||||||
<input class="input" :value="answer[1].answer" maxlength="50" placeholder="请输入答案"
|
|
||||||
placeholder-class="input-placeholder" @input="changeSecondAnswer"></input>
|
|
||||||
</view>
|
|
||||||
<view class="safe-question">
|
|
||||||
<view class="question" @click="popup('thirdList')">
|
|
||||||
<view>{{answer[2].question}}</view>
|
|
||||||
<image class="icon-arrow" src="/static/images/icon_arrow.png" mode="aspectFill"></image>
|
|
||||||
</view>
|
|
||||||
<view class="line"></view>
|
|
||||||
<input class="input" :value="answer[2].answer" maxlength="50" placeholder="请输入答案"
|
|
||||||
placeholder-class="input-placeholder" @input="changeThirdAnswer"></input>
|
|
||||||
</view>
|
|
||||||
<view class="button" @click="updateAnswer">保存</view>
|
|
||||||
</view>
|
|
||||||
<up-popup :show="show" mode="bottom" round="16rpx" @close="close">
|
|
||||||
<view class="popup-title">选择问题</view>
|
|
||||||
<view class="line" style="height: 10rpx"></view>
|
|
||||||
<view v-for="item in currentQuestionList" :key="item.questionId" @click="selectQuestion(item)">
|
|
||||||
<view class="popup-content">{{item.question}}</view>
|
|
||||||
<view class="line"></view>
|
|
||||||
</view>
|
|
||||||
<view class="line" style="height: 10rpx"></view>
|
|
||||||
<view class="popup-title" @click="close">取消</view>
|
|
||||||
</up-popup>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { getQuestionAnswerRequest, getQuestionListRequest, updateQuestionAnswerRequest } from '@/api/safeAnswer'
|
|
||||||
import { mapActions, mapState } from 'pinia'
|
|
||||||
import { useUserStore } from '@/stores/user'
|
|
||||||
import { useBasicStore } from '@/stores/basic'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
questionList: {},
|
|
||||||
currentQuestionList: [],
|
|
||||||
currentIndex: 0,
|
|
||||||
answer:[{
|
|
||||||
question: '问题一',
|
|
||||||
answer: ''
|
|
||||||
}, {
|
|
||||||
question: '问题二',
|
|
||||||
answer: ''
|
|
||||||
}, {
|
|
||||||
question: '问题三',
|
|
||||||
answer: ''
|
|
||||||
}],
|
|
||||||
show: false,
|
|
||||||
pending: false,
|
|
||||||
questionAnswer: null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
...mapState(useUserStore, ['userInfo'])
|
|
||||||
},
|
|
||||||
async onLoad (data) {
|
|
||||||
this.getQuestionList()
|
|
||||||
const questionAnswer = JSON.parse(data.questionAnswer)
|
|
||||||
if (questionAnswer) {
|
|
||||||
uni.setNavigationBarTitle({
|
|
||||||
title: '安全问题设置'
|
|
||||||
})
|
|
||||||
this.questionAnswer = questionAnswer
|
|
||||||
this.answer = questionAnswer.map(item => {
|
|
||||||
return {
|
|
||||||
question: item.question,
|
|
||||||
answer: item.answer,
|
|
||||||
questionId: item.questionId
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
...mapActions(useUserStore, ['updateUserInfo']),
|
|
||||||
...mapActions(useBasicStore, ['backAndToast', 'getNetworkType']),
|
|
||||||
async updateAnswer() {
|
|
||||||
console.log('答案', this.answer)
|
|
||||||
for(let i = 0; i < this.answer.length; i++) {
|
|
||||||
if(!this.answer[i].questionId) {
|
|
||||||
uni.showToast({
|
|
||||||
title: '问题不能为空',
|
|
||||||
icon: 'none'
|
|
||||||
})
|
|
||||||
return
|
|
||||||
}
|
|
||||||
}
|
|
||||||
for(let i = 0; i < this.answer.length; i++) {
|
|
||||||
if(this.answer[i].answer === '') {
|
|
||||||
uni.showToast({
|
|
||||||
title: '答案不能为空',
|
|
||||||
icon: 'none'
|
|
||||||
})
|
|
||||||
return
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const netWork = await this.getNetworkType()
|
|
||||||
if(!netWork) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
if(this.pending) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
this.pending = true
|
|
||||||
const { code, message } = await updateQuestionAnswerRequest({
|
|
||||||
questionAndAnswerList: this.answer
|
|
||||||
})
|
|
||||||
if(code === 0) {
|
|
||||||
this.updateUserInfo({
|
|
||||||
...this.userInfo,
|
|
||||||
haveSafeAnswer: 1
|
|
||||||
})
|
|
||||||
this.backAndToast('设置成功', 2)
|
|
||||||
} else {
|
|
||||||
uni.showToast({
|
|
||||||
title: message,
|
|
||||||
icon: 'none'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
this.pending = false
|
|
||||||
},
|
|
||||||
changeFirstAnswer(data) {
|
|
||||||
this.answer[0].answer = data.detail.value
|
|
||||||
},
|
|
||||||
changeSecondAnswer(data) {
|
|
||||||
this.answer[1].answer = data.detail.value
|
|
||||||
},
|
|
||||||
changeThirdAnswer(data) {
|
|
||||||
this.answer[2].answer = data.detail.value
|
|
||||||
},
|
|
||||||
close() {
|
|
||||||
this.show = false
|
|
||||||
},
|
|
||||||
selectQuestion(item) {
|
|
||||||
this.answer[this.currentIndex].question = item.question
|
|
||||||
this.answer[this.currentIndex].questionId = item.questionId
|
|
||||||
this.show = false
|
|
||||||
},
|
|
||||||
popup(type) {
|
|
||||||
if(type === 'secondList') {
|
|
||||||
this.currentIndex = 1
|
|
||||||
} else if(type === 'thirdList') {
|
|
||||||
this.currentIndex = 2
|
|
||||||
} else {
|
|
||||||
this.currentIndex = 0
|
|
||||||
}
|
|
||||||
this.currentQuestionList = this.questionList[type]
|
|
||||||
this.show = true
|
|
||||||
},
|
|
||||||
async getQuestionList() {
|
|
||||||
const netWork = await this.getNetworkType()
|
|
||||||
if(!netWork) {
|
|
||||||
uni.showModal({
|
|
||||||
title: '提示',
|
|
||||||
content: '未获取到问题列表，请退出重试',
|
|
||||||
showCancel: false,
|
|
||||||
success: () => {
|
|
||||||
uni.navigateBack()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
return
|
|
||||||
}
|
|
||||||
const { code, data, message } = await getQuestionListRequest()
|
|
||||||
if(code === 0) {
|
|
||||||
this.questionList = data
|
|
||||||
} else {
|
|
||||||
uni.showToast({
|
|
||||||
title: message,
|
|
||||||
icon: 'none'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss">
|
|
||||||
page {
|
|
||||||
background-color: $uni-bg-color-grey;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.text {
|
|
||||||
padding-top: 20rpx;
|
|
||||||
margin-left: 20rpx;
|
|
||||||
font-size: 24rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.safe-question {
|
|
||||||
width: 710rpx;
|
|
||||||
margin-left: 20rpx;
|
|
||||||
margin-top: 20rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.question {
|
|
||||||
border-radius: 32rpx 32rpx 0 0;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
padding: 20rpx 32rpx;
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-arrow {
|
|
||||||
width: 40rpx;
|
|
||||||
height: 40rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input {
|
|
||||||
border-radius: 0 0 32rpx 32rpx;
|
|
||||||
height: 100rpx;
|
|
||||||
line-height: 100rpx;
|
|
||||||
background: #FFFFFF;
|
|
||||||
padding: 0 32rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-placeholder {
|
|
||||||
height: 100rpx;
|
|
||||||
font-size: 36rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
line-height: 100rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.line {
|
|
||||||
width: 100%;
|
|
||||||
height: 2rpx;
|
|
||||||
background: #EBEBEB;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup-title {
|
|
||||||
font-size: 32rpx;
|
|
||||||
height: 100rpx;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 100rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup-content {
|
|
||||||
font-size: 32rpx;
|
|
||||||
height: 80rpx;
|
|
||||||
line-height: 80rpx;
|
|
||||||
text-align: center;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button {
|
|
||||||
margin-top: 32rpx;
|
|
||||||
margin-left: 35rpx;
|
|
||||||
width: 680rpx;
|
|
||||||
height: 96rpx;
|
|
||||||
background: #63b8af;
|
|
||||||
border-radius: 16rpx;
|
|
||||||
line-height: 96rpx;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 32rpx;
|
|
||||||
color: #FFFFFF;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -44,14 +44,6 @@
|
|||||||
<image class="icon-arrow" src="/static/images/icon_arrow.png" mode="aspectFill"></image>
|
<image class="icon-arrow" src="/static/images/icon_arrow.png" mode="aspectFill"></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="view-line"></view>
|
<view class="view-line"></view>
|
||||||
<view class="view-button" @click="toSafeQuestion">
|
|
||||||
<view>安全问题</view>
|
|
||||||
<view class="view-button" style="padding: 0">
|
|
||||||
<view v-if="!userInfo.haveSafeAnswer" class="red-dot"></view>
|
|
||||||
<image class="icon-arrow" src="/static/images/icon_arrow.png" mode="aspectFill"></image>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="view-line"></view>
|
|
||||||
<view class="view-button">
|
<view class="view-button">
|
||||||
<view>国家/地区</view>
|
<view>国家/地区</view>
|
||||||
<view class="view-button" style="padding: 0">
|
<view class="view-button" style="padding: 0">
|
||||||
@ -211,17 +203,6 @@ export default {
|
|||||||
this.routeJump({
|
this.routeJump({
|
||||||
name: 'updatePassword'
|
name: 'updatePassword'
|
||||||
})
|
})
|
||||||
},
|
|
||||||
toSafeQuestion() {
|
|
||||||
if(this.userInfo.haveSafeAnswer) {
|
|
||||||
this.routeJump({
|
|
||||||
name: 'safeQuestion'
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
this.routeJump({
|
|
||||||
name: 'updateSafeQuestion'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -37,16 +37,6 @@ const pages = [
|
|||||||
path: '/pages/verifyEmail/verifyEmail',
|
path: '/pages/verifyEmail/verifyEmail',
|
||||||
tabBar: false
|
tabBar: false
|
||||||
},
|
},
|
||||||
{
|
|
||||||
name: 'safeQuestion',
|
|
||||||
path: '/pages/safeQuestion/safeQuestion',
|
|
||||||
tabBar: false
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'updateSafeQuestion',
|
|
||||||
path: '/pages/updateSafeQuestion/updateSafeQuestion',
|
|
||||||
tabBar: false
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: 'webview',
|
name: 'webview',
|
||||||
path: '/pages/webview/webview',
|
path: '/pages/webview/webview',
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user