<template>
	<view class="page">
    <u-cell-group
        style="width: 100%;
        margin: 15rpx auto;
        background-color: #fff;
        box-sizing: border-box;
        padding: 10rpx 20rpx;
        box-shadow: #EFEFEF 2px 2px;
        border-radius: 15rpx"
        :border="false"
    >
      <u-cell
          title="账号管理"
          :isLink="true"
          :border="false"
          style="border-bottom: 1px solid #E9E9E9"
      >
      </u-cell>
      <u-cell
          title="选择公司"
          :isLink="true"
          :border="false"
      >
      </u-cell>
    </u-cell-group>
    <u-cell-group
        style="width: 100%;
        margin: 15rpx auto;
        background-color: #fff;
        box-sizing: border-box;
        padding: 10rpx 20rpx;
        box-shadow: #EFEFEF 2px 2px;
        border-radius: 15rpx"
        :border="false"
    >
      <u-cell
          title="注销账号"
          :isLink="true"
          :border="false"
          style="border-bottom: 1px solid #E9E9E9"
      >
      </u-cell>
      <u-cell
          title="关于我们"
          :isLink="true"
          :border="false"
      >
      </u-cell>
    </u-cell-group>
    <view
        class="exit-log"
        @click="exitLog"
    >
      退出登录
    </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
      exitLog() {
        uni.showModal({
          title: '退出登录',
          content: '确定退出登录吗？',
          success:(res) => {
            if(res.confirm) {
              uni.clearStorageSync()
              uni.reLaunch({
                url: '/pages/login/login'
              })
            }
          }
        })
      }
		}
	}
</script>

<style lang="scss">

  .page{

    width: 100vw;
    height: 100vh;
    background-color: #F8F8F8;
    box-sizing: border-box;
    padding: 5vw;
    position: relative;

    .exit-log{

      position: absolute;
      left: 10%;
      bottom: 10%;
      width: 80%;
      box-sizing: border-box;
      padding: 30rpx 0;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #1989FA;
      font-size: 18px;
      font-weight: bold;
      color: #fff;
      border-radius: 30px;

    }

  }

</style>
