pages/sub_mine/question.vue

<template>
	<view class="question">
		<u-cell-group>
			<u-cell-item title="开启\删除密保" :arrow="false">
				<u-icon name="mibao" custom-prefix="custom-icon" size="32" slot="icon"></u-icon>
				<u-switch slot="right-icon" v-model="question" @change="open"></u-switch>
			</u-cell-item>
		</u-cell-group>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				question: false
			}
		},
		methods: {
			open(e) {
				if (e) {
					uni.navigateTo({
						url: '/pages/sub_mine/setQuestion'
					})
				} else {
					uni.showModal({
						title: "提示",
						content: "该操作将删除您设置的密保问题，是否继续？",
						success: (res) => {
							if (res.confirm) {
								this.delate_question()
							} else if (res.cancel) {
								this.question = true
							}
						}
					})
				}
			},
			delate_question() {
				let that = this
				that.$u.post('/v1/security/delete').then(res => {
					uni.showToast({
						title: '删除成功',
						icon: 'none'
					})
				})
			},
			get_status() {
				let that = this
				that.$u.get('/i/security/list?phone=').then(res => {
					let list = res.data
					list.length ? that.question = true : that.question = false
				})
			}
		},
		onShow() {
			this.get_status()
		},
	}
</script>

<style>
</style>