<template>
  <view class="">
    <!-- 顶部导航栏 -->
    <up-navbar leftText="" title="" :placeholder="true" :safeAreaInsetTop="true" @leftClick="leftClick"
      :bgColor="bgColor">
      <template #center>
        <div class="navbarcenter"><span class="text1">系统设置</span></div>
      </template>
    </up-navbar>
  </view>
  <view class="list">
    <view class="listInfo" @click="checkUpdate1">
      <view class="text2">检查更新</view>
      <image :src="right2" style="width: 18rpx; height: 32rpx;"></image>
    </view>
    <view class="listInfo" @click="checkUpdate2">
      <view class="text2">用户协议</view>
      <image :src="right2" style="width: 18rpx; height: 32rpx;"></image>
    </view>
    <view class="listInfo" @click="checkUpdate3">
      <view class="text2">隐私协议</view>
      <image :src="right2" style="width: 18rpx; height: 32rpx;"></image>
    </view>
    <view class="listInfo" @click="checkUpdate4">
      <view class="text2">关于我们</view>
      <image :src="right2" style="width: 18rpx; height: 32rpx;"></image>
    </view>
    <view class="listInfo2" @click="checkUpdate5">
      <view class="text2">账号注销</view>
      <image :src="right2" style="width: 18rpx; height: 32rpx;"></image>
    </view>

    <view class="btn" @click="handleLogout"><view class="text3">退出登录</view></view>
  </view>
 
</template>

<script setup>
import { useStore } from 'vuex'
import { useRouter } from 'vue-router'
import { ref, getCurrentInstance } from 'vue';
import { getDicts } from "@/api/system/dict/data";
import { onShow, onLoad } from '@dcloudio/uni-app'
import image from 'uview-plus/libs/config/props/image';
const { proxy } = getCurrentInstance();
const isOfficial = ref(true)
const iconConfig = proxy.iconConfig;
const right2 = iconConfig.right2;
const bgColor = ref('#ffffff')

function handleLogout() {
  proxy.$modal.confirm('确定注销并退出系统吗？').then(() => {
    proxy.$store.dispatch('LogOut').then(() => {
      proxy.$tab.reLaunch('/pages/login')
    })
  })
}
const listInfo = (e) => {
  console.log(e)
}
const leftClick = () => {
  proxy.$tab.navigateBack(1)
}
const checkUpdate1 = () => {
  console.log("检查更新");
}
const checkUpdate2 = () => {
  console.log("用户协议");
  proxy.$tab.navigateTo(`/pages/common/webview/index?type=`+2)
}
const checkUpdate3 = () => {
  console.log("隐私协议");
  proxy.$tab.navigateTo(`/pages/common/webview/index?type=`+1)
}
const checkUpdate4 = () => {
  console.log("关于我们");
}
const checkUpdate5 = () => {
  console.log("账号注销");
}
</script>

<style lang="scss" scoped>
page {
  background-color: #ffffff;
}

.navbarcenter {

  .text1 {
    font-weight: 600;
    font-size: 36rpx;
    color: #000000 !important;
  }
}

.list {
  margin-top: 25rpx;
  width: 686rpx;
  height: 800rpx;
  margin-left: 32rpx;
  margin-right: 32rpx;

  .listInfo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80rpx;
    border-bottom: 2rpx solid #f4f5f6;
    /* 设置下边框的宽度和颜色 */
    border-radius: 1rpx 1rpx 0 0;

    /* 可选：设置边框的圆角 */
    .text2 {
      font-weight: 400;
      font-size: 32rpx;
      color: #000000 !important;
    }

    .line {
      width: 100%;
      height: 2rpx;
      margin: 24rpx 0;
    }
  }

  .listInfo2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80rpx;

    .text2 {
      font-weight: 400;
      font-size: 32rpx;
      color: #000000 !important;
    }

    .line {
      width: 100%;
      height: 2rpx;
      margin: 24rpx 0;
    }
  }

  .btn {
    margin-top: 120rpx;
width: 100%;
height: 88rpx;
text-align: center;
border-radius: 44rpx 44rpx 44rpx 44rpx;
background: #00ccbe;
display: flex;
justify-content: center;
align-items: center;
.text3 {
  font-weight: 400;
  font-size: 32rpx;
  color: #FFFFFF !important;
}
}
}


</style>
