guosen-ldt-shop/pages/card/card.vue

<template>
	<view>
		<block class="" v-for="(item,index) in menuList" :key="index" >
			<button @click="jump(item)" class="card u-reset-button" :open-type="item.name=='在线咨询'?'contact':''">
				<view style="display: flex;">
					<view class="center"> 
						<text :class="item.icon" style="font-size: 34rpx;"></text>
					</view>
					<view class="center">
						<text class="padding-left-10">{{item.name}}</text>
					</view>
				</view>
				<view class="">
					<text class="cuIcon-right text-gray"></text>
				</view>
			</button>
		</block>
		
		<toast ref="toast" ></toast>
		<u-modal @confirm="$jump('/pages/member/member')" :show-cancel-button="true"  confirm-color="#ff9447" confirm-text="立即开启" cancel-text="暂不开启" v-model="isOpenMemberShow" content="请先创建会员中心"></u-modal>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				menuList: [{
						icon: 'cuIcon-shop',
						name: '商家资料',
						verify:true,
						path: '/pages/shop-info/shop-info?edit=true&phone=' + this.$cache.get('phone')
					},
					{
						icon: 'cuIcon-pay',
						name: '银行卡',
						verify:true,
						path: '/pages/userBank/userBank'
					},
					{
						icon: 'cuIcon-down',
						name: '物料下载',
						verify:true,
						path: '/pages/material-download/material-download'
					},
					{
						icon: 'cuIcon-community',
						name: '意见反馈',
						verify:false,
						path: '/pages/card/feedback'
					},
					{
						icon: 'cuIcon-service',
						name: '在线咨询',
						verify:false,
						path: '/pages/card/feedback'
					},
					{
						icon: 'cuIcon-settings',
						name: '授权设置',
						verify:false,
						path: '/pages/card/feedback'
					},
					{
						icon: 'cuIcon-exit',
						name: '退出登录',
						verify:false,
						path: 'logout'
					},
				],
				isOpenMemberShow:false
			}
		},
		methods: {
			logout() {
				this.$dialog.showModal('确定要退出吗？').then(res => {
					uni.clearStorage()
					uni.reLaunch({
						url: "../login/account-login"
					})
				})
			},
			jump(item) {
				if (item.verify && this.vuex_shopStatus != 'PASS') {
					this.$refs.toast.error('商户资料审核通过后开放')
					return
				}
				if (item.name=='物料下载'&&!this.vuex_isOpenMember) {
					this.isOpenMemberShow=true
					return
				}
				if (item.name=='退出登录') {
					this.logout()
					return
				}
				if (item.name=='授权设置') {
					uni.openSetting({
					  success(res) {
					    console.log(res.authSetting)
					  }
					});
					return
				}
				uni.navigateTo({
					url:item.path
				})
			},
			
		}
	}
</script>

<style lang="scss" scoped>
	.card {
		display: flex;
		justify-content: space-between;
		margin: 14rpx 0;
		padding: 25rpx 30rpx;
		background-color: #FFFFFF;
	}
</style>