<template>
	<view>
		<view style="color: #fff;">
			<tn-nav-bar backgroundColor="#26B3A0" :bottomShadow="false" @rightClick="jumpScoreRed">系统设置
			</tn-nav-bar>
			<view :style="{ height: tobheight + 'px' }"></view>
		</view>
		<view class="user">
			<!-- 用户功能 -->
			<view class="com-item">
				<view class="com-wrap">
					<navigator class="cell" v-for="(item, index) in userList" :key="index"
						:url="hasLogin ? item.url : '/pages/user/signin'" @click="">
						<view class="cell-left">
							<i class="iconfont" :class="item.iconName"
								:style="{color:item.icon=='grid-fill'?'rgb(255, 202, 40)':item.icon=='question-circle-fill'?'rgb(49, 201, 232)':item.icon=='setting-fill'?'rgb(90, 199, 37)':'#26B3A0'}"></i>
							<view class="cell-text">{{ item.title }}</view>
						</view>
						<u-icon name="arrow-right" color="#9e9e9e" size="18"></u-icon>
					</navigator>
				</view>
			</view>

		</view>
		<view @click="handleLoginOut()" hover-class="hoversubmit" class="signinnow">退出登录
		</view>
	</view>
</template>

<script>
	import {
		mapMutations,
		mapActions,
		mapState,
		mapGetters
	} from 'vuex';
	// import {
	// 	loginOut
	// } from '@/api/my/index.js'
	export default {
		components: {},
		data() {
			return {
				tobheight: 45,
				platform: this.$platform.get(),

				userList: [{
						title: '关于我们',
						icon: 'account-fill',
						path: 'collect-list',
						url: '/pages/user/public/agreement?type=aboutus',
						iconName: 'icon-guanyuwomen'
					},
					{
						title: '用户协议',
						icon: 'question-circle-fill',
						path: 'collect-list',
						url: '/pages/user/public/agreement?type=use',
						iconName: 'icon-yonghuxieyi'
					},
					{
						title: '隐私政策',
						icon: 'grid-fill',
						path: 'collect-list',
						url: '/pages/user/public/agreement?type=privacy',
						iconName: 'icon-yinsixieyi'
					},

					{
						title: '账号安全',
						icon: 'question-circle-fill',
						path: 'collect-list',
						url: '/pages/user/accountSafe/index',
						iconName: 'icon-zhanghaoanquan'
					}
				],
			};
		},
		computed: {
			...mapGetters(['hasLogin'])
		},

		onShow: function() {

		},

		async onLoad() {
			// let res = await sysParms({

			// })
			// console.log('系统参数返回值', res, res.msg);
			// if (res.code == 0) {

			// }
		},
		onReady() {

		},
		onUnload() {

		},
		methods: {
			handleLoginOut() {
				uni.clearStorageSync()
				uni.reLaunch({
					url: '/pages/user/signin'
				})
			},
		}
	};
</script>
<style lang="scss">
	@import './index.scss';
</style>