<template>
    <login-background>
        <view class="login-success">
            <logo-vue></logo-vue>
            <view class="ls-desc">
                <view class="ld-line">尊敬的欧轩智能24小时零售（永泰店）：</view>
                <view class="ld-line">欢迎登录欧轩智能场馆平板端系统！</view>
            </view>
            <view class="ls-pads">
                <pads-picker></pads-picker>
            </view>
            <view class="ls-botton">
                <login-button @click="clickJumpIndex">进入使用</login-button>
            </view>
            <view class="ls-links">
                <view class="ll-item" @click="clickUpdate">更新</view>
                <view class="ll-item" @click="clickSetting">设置</view>
            </view>
        </view>
        <setting-mask v-if="showSettingMask" @closeSetting="handle_closeSetting"></setting-mask>
    </login-background>
</template>

<script setup>
import loginBackground from '@/components/login/background.vue';
import logoVue from '@/components/login/logo.vue';
import padsPicker from '@/components/login/pads_picker.vue';
import loginButton from '@/components/login/button.vue';
import settingMask from '@/components/login/setting_mask.vue';

import { ref } from 'vue'
import util from "@/utils/util.js"

let showSettingMask = ref(true)

function handle_closeSetting(val){
	console.log("handle_closeSetting",val)
	showSettingMask.value = !showSettingMask.value
}

function clickJumpIndex(){
	util.routeTo(`/pages/index/index`, 'nT');
}
function clickSetting(){
    showSettingMask.value = !showSettingMask.value
}
function clickUpdate(){
    util.showNone("更新功能暂不可用")
}

</script>

<style lang="scss">
    .login-success{
        padding-top: 277upx;
    }
    .ls-desc{
        margin-top: 98.44upx;
        padding: 0 165upx;
        .ld-line{
            @include flcw(16.67upx, 26.25upx, #fff);
            @include tHide(1);
            &+.ld-line{
                margin-top: 3.61upx;
            }
        }
    }
    .ls-pads{
        margin-top: 37upx;
    }
    .ls-botton{
        margin-top: 78.75upx;
    }
    .ls-links{
        margin-top: 46upx;
        padding: 0 189upx;
        @include ctf(space-between);
        .ll-item{
            text-decoration: underline;
            @include flcw(25upx, 26.25upx, #fff);
        }
    }
</style>