<template>
	<view class="p-row-2">
		<view class="flex-col flex-ali-center">
			<u-navbar title="设置" back-icon-color="#fff" title-size="34" title-color="#fff"
				:background="{background:'#6ACDBB'}"></u-navbar>
			<image src="../../static/image/dy.png" class="m-t-8 b-r-8"></image>
			<d-text text="设置" className="content-c fs-32"></d-text>
		</view>
		<view class="p-row-32 white m-t-48">
			<view @click="$go('/subPackages/sub_agreement/agreement?type=service_user_agreement')"
				class="bottom-border flex-row flex-jus-sp flex-ali-center p-col-32">
				<d-text text="用户服务协议" className="content-c fs-32"></d-text>
				<u-icon name="arrow-right" color="#A7ABB0" size="32"></u-icon>
			</view>
			<view @click="$go('/subPackages/sub_agreement/agreement?type=service_privacy_agreement')"
				class="bottom-border flex-row flex-jus-sp flex-ali-center p-col-32">
				<d-text text="隐私权政策" className="content-c fs-32"></d-text>
				<u-icon name="arrow-right" color="#A7ABB0" size="32"></u-icon>
			</view>
			<view class="bottom-border flex-row flex-jus-sp flex-ali-center p-col-32">
				<d-text text="客服热线" className="content-c fs-32"></d-text>
				40056256325
			</view>
		</view>
		<view class="p-row-32 m-t-8 white">
			<account-switch-entry />
		</view>
		<view class="p-row-32 m-t-8" style="height: 80rpx;">
			<u-button :throttle-time="0" shape="circle" :custom-style="{backgroundColor:'#6ACDBB',color:'#fff',heigth:'86rpx'}" @click="logout">
				退出登录</u-button>
		</view>
	</view>
</template>

<script>
	import {
		logout
	} from '@/api/all.js'
	import AccountSwitchEntry from '@/components/account-switch/account-switch-entry.vue'
	export default {
		components: { AccountSwitchEntry },
		data() {
			return {}
		},
		methods: {
			logout() {
				logout({store_id: uni.getStorageSync('store_id') || 11001,}).then((res) => {
					if (res.errcode != -1) {
						uni.clearStorage()
						uni.clearStorageSync()
						this.$go('/pages/login/index', 2)
					} else {
						this.$toast(res.msg);
					}
				})
			}
		}
	}
</script>
<style>
	page {
		background-color: #F9FAFB;
	}
</style>
<style scoped lang="scss">
	image {
		width: 160rpx;
		height: 160rpx;
		margin-bottom: 16rpx;
	}

	.m-t-8 {
		::v-deep button {
			color: #fff;
			background: #6ACDBB;
		}
	}
</style>
