<?php /*a:2:{s:53:"D:\phpEnv\www\SCM-API\app\admin\view\index\login.html";i:1750736984;s:52:"D:\phpEnv\www\SCM-API\app\admin\view\layout\vue.html";i:1750736984;}*/ ?>
<!DOCTYPE html>
<html <?php if($config['elementUi']['dark']): ?>class="dark"<?php endif; ?>>
<head>
<meta charset="utf-8">
<title><?php echo site_config('basic.sitename'); ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="renderer" content="webkit">
<meta name="referrer" content="never">
<meta name="robots" content="noindex, nofollow">
<link rel="shortcut icon" href="<?php echo request()->domain(); ?>/favicon.ico" />
<link rel="stylesheet" href="<?php echo request()->domain(); ?>/assets/css/element-plus.css" />
<link rel="stylesheet" href="<?php echo request()->domain(); ?>/assets/css/theme/dark.css" />
<link rel="stylesheet" href="<?php echo request()->domain(); ?>/assets/libs/font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" href="<?php echo request()->domain(); ?>/assets/css/yunqi.css" />
<style>
body {
        color: #999;
    }
    .login-container {
        height: 100%;
        min-height: 550px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-color: #eeeeee;
        background-image: url("/assets/img/bg.svg");
        background-size: 100% 100%;
        background-size: cover;
    }

    .login-container .login-box {
        position: relative;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-around;
        width: 96.5%;
        height: 94%;
        padding: 0 50px;
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 10px;
    }

    .login-container .login-box .under {
        position: absolute;
        top: 13px;
        left: 18px;
    }

    .login-container .login-box .under a{
        text-decoration:none;
        font-size: 16px;
        color: #4c4c4c;
    }

    .login-container .login-box .under span{
        font-size: 16px;
        color: #4c4c4c;
        margin-left: 20px;
        cursor: pointer;
    }

    .login-container .login-box .login-left {
        width: 800px;
        margin-right: 10px;
        text-align: center;
    }

    .login-container .login-box .login-left .login-left-img {
        width: 80%;
    }

    .login-container .login-box .login-form {
        width: 420px;
        padding: 50px 40px 0px;
        background-color: var(--el-bg-color);
        border-radius: 10px;
        box-shadow: rgba(0, 0, 0, 0.1) 0 2px 10px 2px;
    }

    .login-container .login-box .login-form .login-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 45px;
    }

    .login-container .login-box .login-form .login-logo .login-icon {
        width: 80px;
    }

    .login-container .login-box .login-form .login-logo .logo-text {
        padding: 0 0 0 25px;
        margin: 0;
        font-size: 42px;
        font-weight: bold;
        color: #34495e;
        white-space: nowrap;
    }
    .login-container .login-box .login-form .el-form-item {
        margin-bottom: 10px;
    }

    .login-container .login-box .login-form .login-btn {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-top: 40px;
        white-space: nowrap;
    }

    .login-container .login-box .login-form .login-btn .el-button {
        width: 185px;
    }
    .captcha-img img{
        width: 125px;
    }
    .login-right{
        display: flex;
        flex-direction: column;
        margin-left: 10px;
        align-items: center;
        justify-content: center;
    }
    .login-right-img{
        width: 125px;
    }

    @media screen and (max-width: 1250px) {
        .login-left {
            display: none;
        }
    }

    @media screen and (max-width: 600px) {
        .login-box{
            padding: 0 20px!important;
        }
        .login-form {
            width: 100% !important;
            padding: 10px !important;
        }
        .captcha-img img{
            width: 120px;
        }
        .login-icon {
            width: 20%!important;
        }
        .login-logo{
            margin: 20px 0!important;
        }
        .logo-text {
            font-size: 32px!important;
        }
    }
    .login-admin{
        display: flex;
        flex-direction: column;
    }
</style>
</head>
<body>
    <div id="app">
        <el-container id="container" style="display: none;">
            <el-main style="padding: 0px;border-radius:4px;" id="mainScrollbar">
                <el-scrollbar>
                    
    <div class="login-container">
        <div class="login-box">
            <div class="login-left">
                <img class="login-left-img" src="/assets/img/banner.png" alt="login" />
            </div>
            <div class="login-form">
                <div class="login-logo">
                    <img class="login-icon" src="<?php echo htmlentities((string) $logo); ?>" alt="" />
                    <h2 class="logo-text"><?php echo htmlentities((string) $sitename); ?></h2>
                </div>
                <el-form ref="loginForm" :model="loginForm" label-width="0px" :rules="rules">
                    <?php echo token_field(); ?>
                    <el-row>
                        <el-col :span="thirdLogin?15:24">
                            <el-form-item label="" prop="username">
                                <el-input size="large" v-model="loginForm.username" placeholder="用户名">
                                    <template #prepend>
                                        <i class="fa fa-user"></i>
                                    </template>
                                </el-input>
                            </el-form-item>
                            <el-form-item label="" prop="password">
                                <el-input size="large" type="password" v-model="loginForm.password" placeholder="密码">
                                    <template #prepend>
                                        <i class="fa fa-lock"></i>
                                    </template>
                                </el-input>
                            </el-form-item>
                            <?php if($login_captcha): ?>
                            <el-form-item label="" prop="captcha" style="margin-bottom:10px;">
                                <el-row>
                                    <el-col :span="12" :xs="14">
                                        <el-input size="large" v-model="loginForm.captcha" placeholder="验证码">
                                            <template #prepend>
                                                <i class="fa fa-ellipsis-h"></i>
                                            </template>
                                        </el-input>
                                    </el-col>
                                    <el-col :span="12" :xs="10">
                                        <div class="captcha-img">
                                            <img :src="captchaUrl" @click="refreshCaptcha"/>
                                        </div>
                                    </el-col>
                                </el-row>
                            </el-form-item>
                            <?php endif; ?>
                        </el-col>
                        <el-col :span="9" v-if="thirdLogin && qrcode" class="hide-800">
                            <div class="login-right">
                                <img class="login-right-img" :src="qrcode" alt="login" />
                                <span>微信扫码</span>
                            </div>
                        </el-col>
                    </el-row>
                    <el-form-item label="" prop="savepassword" style="margin-bottom:10px;">
                        <el-checkbox-group v-model="loginForm.savepassword">
                            <el-checkbox :label="1"><?php echo __('记住密码'); ?></el-checkbox>
                        </el-checkbox-group>
                    </el-form-item>
                    <el-form-item>
                        <el-button type="primary" size="large" style="width: 100%" @click="login">登陆</el-button>
                    </el-form-item>
                </el-form>
            </div>
        </div>
    </div>
    <el-dialog
        v-model="dialogVisible"
        title="选择登录账号"
        width="600"
    >
        <div class="login-admin">
            <el-radio-group v-model="checked">
                <el-radio v-for="item in adminlist" :label="item.id" size="large" border>{{item.nickname}}</el-radio>
            </el-radio-group>
            <span style="margin-top: 20px">您当前微信绑定了多个账户，请任选择一个登录</span>
        </div>
        <template #footer>
            <div class="dialog-footer">
                <el-button @click="cancelDialog">取消</el-button>
                <el-button type="primary" @click="confirmDialog">
                    确认
                </el-button>
            </div>
        </template>
    </el-dialog>

                </el-scrollbar>
            </el-main>
        </el-container>
    </div>
</body>
<script type="text/javascript" src="<?php echo request()->domain(); ?>/assets/js/yunqi.js?v=<?php echo htmlentities((string) $config['version']); ?>"></script>
<script type="text/javascript">
    Yunqi.setConfig(<?php echo json_encode($config,JSON_UNESCAPED_UNICODE|JSON_UNESCAPED_SLASHES); ?>);
    Yunqi.setData(<?php echo build_var_json(get_defined_vars()); ?>);
    Yunqi.setAuth(<?php echo json_encode($auth->getBackendAuth(),JSON_UNESCAPED_UNICODE|JSON_UNESCAPED_SLASHES); ?>);
</script>
<script type="module">
    import pageinfo from '<?php echo htmlentities((string) $config['baseUrl']); ?>ajax/js/84c4f28d81a0fe6fe984d9f909ac297a';
    import zhcn from '<?php echo request()->domain(); ?>/assets/js/zh-cn.js';
    try{
        Yunqi.setUp(pageinfo,zhcn);
    }catch (e){
        console.error(e);
    }
</script>
</html>
