<template>
	<view class="page">

		<navbar title="系统设置" leftClick @leftClick="$utils.navigateBack" />

		<view class="frame">
			<view class="content">
				<view class="title">账号设置</view>
				
				<!-- <uv-cell
				icon="coupon" 
				title="切换账号"
				isLink
				@click="$utils.navigateTo('/pages_order/auth/wxLogin')"
				iconStyle="font-size: 34rpx;"
				rightIconStyle="font-size: 34rpx;">
					<template #icon>
						<image src="../static/setting/1.png" mode=""
						style="width: 30rpx;height: 30rpx;"></image>
					</template>
				</uv-cell> -->
				
				<uv-cell
				icon="coupon" 
				title="切换身份"
				isLink
				@click="$utils.navigateTo('/pages_order/auth/switchIdentity')"
				iconStyle="font-size: 34rpx;"
				rightIconStyle="font-size: 34rpx;">
					<template #icon>
						<image src="../static/setting/1.png" mode=""
						style="width: 30rpx;height: 30rpx;"></image>
					</template>
				</uv-cell>
				
				<uv-cell
				icon="coupon" 
				title="修改密码"
				isLink
				iconStyle="font-size: 34rpx;"
				rightIconStyle="font-size: 34rpx;">
					<template #icon>
						<image src="../static/setting/1.png" mode=""
						style="width: 30rpx;height: 30rpx;"></image>
					</template>
				</uv-cell>
				
				
			</view>
			<view class="content">
				<view class="title">账号设置</view>
				
				<uv-cell
				icon="coupon" 
				title="清理缓存"
				isLink
				@click="clearCache"
				iconStyle="font-size: 34rpx;"
				rightIconStyle="font-size: 34rpx;">
					<template #icon>
						<image src="../static/setting/1.png" mode=""
						style="width: 30rpx;height: 30rpx;"></image>
					</template>
				</uv-cell>
				
				<uv-cell
				icon="coupon" 
				title="退出登录"
				isLink
				@click="$store.commit('logout')"
				iconStyle="font-size: 34rpx;"
				rightIconStyle="font-size: 34rpx;">
					<template #icon>
						<image src="../static/setting/1.png" mode=""
						style="width: 30rpx;height: 30rpx;"></image>
					</template>
				</uv-cell>
				
				
			</view>
		</view>


	</view>
</template>
<script>
	export default {
		data() {
			return {
			}
		},

		methods: {
			tapItem(item, index) {
				if (item.text === this.$t('pageTitle.languageSwitch')) {
					this.$refs.changeLanguage.open();
				}
			},
			// 清理缓存
			clearCache(){
				uni.showModal({
					title: '确认清理缓存吗？',
					success(r) {
						if(r.confirm){
							uni.showLoading()
							setTimeout(() => {
								uni.hideLoading()
								uni.showToast({
									title: '缓存清理成功！',
									icon: 'none'
								})
							}, 800)
						}
					}
				})
			},
		},
	}
</script>


<style scoped lang="scss">
	.page {
		background-color: #FFF;
		height: 100vh;

		.frame {

			.content {
				margin: 40rpx 0;

				.title {
					font-size: 30rpx;
					color: #b0b0b0;
					padding: 0 30rpx;
				}
				
				.uv-cell__body{
					padding: 40rpx 20rpx;
					margin-top: 10rpx;
				}
			}

		}
	}
</style>