<template>
	<view class="container">
		<view class="list">
			<view class="item u-flex u-col-center u-row-between" @click="$pageTo('/pages/mine/pwd/index')">
				<view class="l">
					修改密码
				</view>
				<view class="r">
					<uni-icons type="right" size="20" color="#999"></uni-icons>
				</view>
			</view>
			<!-- <view class="item u-flex u-col-center u-row-between" @click="$pageTo('/pages/mine/feedback/index')">
				<view class="l">
					意见反馈
				</view>
				<view class="r">
					<uni-icons type="right" size="20" color="#999"></uni-icons>
				</view>
			</view> -->
		</view>
		<view class="f-btn2" @click="handleLogout()">
			退出登录
		</view>
	</view>
</template>

<script>
export default {
  data() {
    return {
      windowHeight: uni.getSystemInfoSync().windowHeight
    }
  },
  methods: {
    handleToEditInfo() {
      this.$tab.navigateTo('/pages/mine/info/edit')
    },
    handleToPwd() {
      this.$tab.navigateTo('/pages/mine/pwd/index')
    },
    handleToUpgrade() {
      this.$modal.showToast('模块建设中~')
    },
    handleCleanTmp() {
      this.$modal.showToast('模块建设中~')
    },
    handleLogout() {
      this.$modal.confirm('确定注销并退出系统吗？').then(() => {
        this.$store.dispatch('LogOut').then(() => {
          this.$tab.reLaunch('/pages/index')
        })
      })
    }
  },
  onUnload() {
    const that = this
    return that.$listenOB.goBack()
  }
}
</script>

<style lang="scss" scoped>
$color: #4892FD;

	.container {
		.f-btn2{
			margin: 60rpx auto;
			width: 100%;
			height: 90rpx;
			line-height: 90rpx;
			text-align: center;
			background-color: #fff;
			color: #666;
			font-size: 28rpx;
			border-radius: 20rpx;
		}

		padding:30rpx;

		.list {
			background-color: #fff;
			border-radius: 20rpx;
			padding: 10rpx 30rpx;
			width:100%;
			.item {
				padding: 20rpx 0;
				border-bottom: 1rpx solid #eee;

				&:last-child {
					border-bottom: 0;
				}

				.l {
					font-size: 30rpx;
					font-weight: bold;
					color: #333333;
					line-height: 60rpx;
					height: 60rpx;
					width: 200rpx;

					text {
						color: #c33;
						margin-left: 6rpx;
					}
				}

				.r {
					flex: 1;
					width: 1rpx;
					font-size: 28rpx;
					color: #333333;
					line-height: 40rpx;
					text-align: right;

					input {
						width: 100%;
						height: 100%;
						font-size: 28rpx;
						color: #333333;
					}

					image {
						width: 120rpx;
						height: 120rpx;
						border-radius: 50%;
						overflow: hidden;
					}

					.i {
						margin-left: 30rpx;

						image {
							width: 35rpx;
							height: 35rpx;
						}

						text {
							font-size: 24rpx;
							color: #666;
							margin-left: 10rpx;
						}

						.on {
							color: $color;
						}
					}

				}
			}
		}

	}
</style>
