<!DOCTYPE html>
<html lang="en">
<head><title>必威365app下载-必威365V14.21.4手机版-下载吧</title><meta name="keywords" content="必威365" /><meta name="description" content="点击必威365免费下载体验,必威365因为访问人流过多,必威365为市民打造成为业余生活的最佳选择,是亚洲最好的娱乐平台之一。" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8">

    <meta name="description" content="点击必威365免费下载体验,必威365因为访问人流过多,必威365为市民打造成为业余生活的最佳选择,是亚洲最好的娱乐平台之一。" /><meta name="description" content="点击必威365免费下载体验,必威365因为访问人流过多,必威365为市民打造成为业余生活的最佳选择,是亚洲最好的娱乐平台之一。" />
    

    <link rel="stylesheet" href="https://sso.cqcet.edu.cn/staticfile/css/styles/vab.css?v=0.0.1">


    

    
    
    
    
    
    
    <link rel="stylesheet" href="https://sso.cqcet.edu.cn/staticfile/css/login_vue.css?v=0.0.1"/>
    <link rel="stylesheet" href="https://sso.cqcet.edu.cn/staticfile/css/drag.css?v=0.0.1"/>
    <style>


        .login-container .vertical-line {
            border-left: 1px solid #E1E6ED; /* 竖线的样式 */
        }

        .login-container .myAside {
            /* 样式规则 */
        }

        .login-container .myMain {
            display: flex;
            justify-content: center; /* 水平居中 */
            align-items: center; /* 垂直居中 */
            flex-direction: column;
        }

        .login-container .myCard {
            background: white!important;
            width: 800px;
            overflow-y: auto;
        }



        .login-container .el-tabs__item {
            font-size: 22px; /* 自定义字体大小 */
            color: #606266; /* 默认颜色 */
            padding: 0 20px; /* 增加水平内边距 */
            font-weight: 400;
        }

        .login-container .el-tabs__item.is-active {
            color: #8254AB; /* 自定义选中的颜色 */
        }

        .login-container .el-tabs__active-bar {
            background-color: #8254AB; /* 自定义底部条的颜色，与选中的颜色保持一致 */
        }

        /* 可选：自定义悬停效果 */
        .login-container .el-tabs__item:hover {
            color: #8254AB; /* 悬停时的颜色 */
        }

        /* 可选：调整标签之间的间距 */
        /*.login-container .el-tabs__nav-wrap {
            padding-bottom: 5px;
        }*/



        .login-container .el-card__body {
            padding-top: 0px;
            padding-bottom: 0;
        }

        .login-container .login-form {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .login-container .form-group {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }





        .login-container .el-input__inner:hover {
            border-color: rgb(35, 79, 151);
        }

        .login-container .el-input__inner:focus {
            border-color: rgb(35, 79, 151);
        }

        .login-container .el-icon-search {
            color: #2a74e4;
            font-size: 16px;
        }

        .login-container .form-input:focus {
            outline: none;
            border-color: #8254AB;
            box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.1);
        }

        .login-container .form-input::placeholder {
            color: #909399;
        }

        .login-container .options-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .login-container .checkbox-label {
            display: flex;
            align-items: center;
            gap: 8px;
            cursor: pointer;
        }

        .login-container .checkbox-input {
            width: 16px;
            height: 16px;
            accent-color: #8254AB;
        }

        .login-container .checkbox-text {
            font-size: 14px;
            color: #606266;
        }

        .login-container .links {
            display: flex;
            gap: 16px;
        }

        .login-container .link {
            font-size: 14px;
            color: #8254AB;
            text-decoration: none;
            transition: color 0.3s;
        }

        .login-container .link:hover {
            color: #8254AB;
        }

        .login-container .login-button {
            height: 44px;
            background-color: #8254AB;
            color: white;
            border: none;
            border-radius: 8px;
            font-size: 16px;
            cursor: pointer;
            transition: background-color 0.3s;
        }

        .login-container .login-button:hover {
            background-color: #8254AB;
        }

        .login-container .help-center {
            text-align: center;
            font-size: 14px;
            color: #606266;
        }

        .login-container .help-text {
            margin-right: 4px;
        }

        .login-container .help-link {
            color: #801E14;
            text-decoration: none;
        }

        .login-container .help-link:hover {
            color: #801E14;
        }

        .login-container .authLogo-container {
            height: 80px;
            margin-bottom: 40px;
        }



        /* 微信登录相关 */
        .login-container .wechat-login {
            max-width: 320px;
            margin: 0 auto;
            padding: 24px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 14px;
        }

        .login-container .logo-container {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .login-container .wechat-logo {
            width: 30px;
            height: 30px;
            object-fit: contain;
        }

        .login-container .logo-text {
            font-size: 22px;
            font-weight: 500;
        }

        .login-container .qr-container {
            display: flex;
            margin-top: 6px;
            flex-direction: column;
            align-items: center;
            gap: 16px;
        }

        .login-container .qr-container-enter {
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;
        }

        .login-container .qr-code {
            width: 180px;
            height: 180px;
            border-radius: 8px;
        }

        .login-container .qr-text {
            margin-top: 18px;
            font-size: 16px;
            color: #666;
            text-align: center;
        }

        .login-container .more-options {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 6px;
        }



        .login-container .button-group {
            display: flex;
            gap: 14px;
            width: 100%;
            justify-content: center;
        }

        .login-container .wx-check-button {
            background: white;
            width: 84.62px;
            height: 36px;
            border-radius: 17px;
            opacity: 1;
            box-sizing: border-box;
            color: #29293A;
            border: 1px solid rgba(83, 83, 106, 0.4);
        }

        /*.login-container .login-button:hover {*/
        /*    background: #E1E6ED;*/
        /*    border-color: #919293;*/
        /*}*/

        .login-container .login-button:active {
            transform: translateY(1px);
        }

        .login-container .scanChangeBtn-text {
            font-size: 16px;
            font-weight: 700;
            /*color: #29293A !important;*/
        }

        /* 企业微信 */
        .login-container .enterWx-login {
            max-width: 320px;
            margin: 0 auto;
            padding: 24px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 14px;
        }

        .login-container .enterWx-title {
            float: left;
            position: absolute;
            z-index: 10;
            width: 210px;
            align-items: center;
            height: 50px;
            /*margin-left: 20px;*/
            background-color: white;
        }

        .login-container .enterWx-login .logo-container {
            display: flex;
            align-items: center;
            gap: 8px;

        }

        .login-container .enterWx-login .wechat-logo {
            width: 30px;
            height: 30px;
            object-fit: contain;
        }

        .login-container .enterWx-login .logo-text {
            font-size: 22px;
            font-weight: 500;
        }

        .login-container .enterWx-login .qr-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 16px;
        }

        .login-container .enterWx-login .qr-code {
            height: 240px;
            border: 1px solid #E5E7EB;
        }



        .qrcode {
            margin-top: 10px;
            text-align: center;
        }
        .qrcode   img {
                width: 250px;
                height: 250px;
            }
        .qrcode .desc {
                font-size: 16px;
                font-weight: bold;
                margin-top: 10px;
                margin-bottom: 10px;
                color: #07C160;
            }


        .qrcodeInputBody {
            text-align: center;
        }
        .qrcodeInputBody   .qrcodeInput {
                margin-top: 30px;
                margin-bottom: 10px;
            }
        .qrcodeInputBody   .qrcodeInputLogo {
                width: 200px;
            }


    </style>

</head>
<body>
<div id="app">
    <div  class="index_phone_bg"></div>
    <div  class="index_phone_bg-css"></div>

    <div class="login-container">
        <el-container class="login-el-container">
            <img src="https://sso.cqcet.edu.cn/staticfile/images/login_images/schoolLogo.svg" class="schoolLogo-container">
            <el-aside width="37%" class="left-aside">
                <img alt="" class="" style="width: 96%;height: 100%;"
                     src="https://sso.cqcet.edu.cn/staticfile/images/login_images/cqcet/index_bg.png"/>
            </el-aside>

            <el-main class="myMain">
                <img src="https://sso.cqcet.edu.cn/staticfile/images/login_images/authLogo.svg" class="authLogo-container">
                <el-card class="myCard">
                    <div class="authLogo-div">
                        <img src="https://sso.cqcet.edu.cn/staticfile/images/login_images/authLogo.svg"
                             class="authLogo-container-phone">
                    </div>
                    <el-row :gutter="20">
                        <el-col :span="8" class="left-login-col" v-if="showScanCode"
                                style="border-right: 1.5px solid #e4e7ed;">
                            <div class="wechat-login"
                                 v-show="scanType == 'WX' && loginData.loginType.indexOf('wx')!=-1">
                                
                                <div class="logo-container">
                                    <img src="https://sso.cqcet.edu.cn/staticfile/images/login_images/weChat.svg" alt="WeChat Logo" class="wechat-logo"/>
                                    <span class="logo-text">微信登录</span>
                                </div>

                                
                                <div class="qr-container">
                                    <div class="qr-code qr-code-flex">
                                        <iframe id="wxIframe"
                                                sandbox="allow-scripts allow-top-navigation allow-same-origin"
                                                scrolling="no" width="200" height="200" v-if="scanType == 'WX'"
                                                frameBorder="0" allowTransparency="true" :src="ifreamUrl"></iframe>
                                    </div>
                                    <p class="qr-text"><span class="qr-text" style="color: #07C160">微信APP</span><span
                                            style="color: #9191A1">扫描二维码登录</span></p>
                                </div>

                                
                                <div class="more-options">
                                    <div class="straight-div">
                                        <div class="straightLine"></div>
                                        <p class="options-text"> 更多登录方式 </p>
                                        <div class="straightLine"></div>
                                    </div>

                                    <div class="button-group">
                                        <button class="wx-check-button" @click="changeScanType('WX')"
                                                v-if="loginData.loginType.indexOf('wx')!=-1">
                                            <span class="scanChangeBtn-text"
                                              :style="{color: scanType=='WX'?'#8254AB':'#29293A'}">微信</span>
                                        </button>
                                        <button class="wx-check-button" @click="changeScanType('ENTERWX')"
                                                v-if="loginData.loginType.indexOf('enter')!=-1">
                                            <span class="scanChangeBtn-text"
                                                  :style="{color: scanType=='ENTERWX'?'#8254AB':'#29293A'}">企业微信</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <div class="enterWx-login"
                                 v-show="scanType == 'ENTERWX' && loginData.loginType.indexOf('enter')!=-1">
                                
                                <div class="logo-container enterWx-title ">

                  <img src="https://sso.cqcet.edu.cn/staticfile/images/login_images/enterWeChat.svg" alt="WeChat Logo" class="wechat-logo"/>
                  <div class="logo-text">企业微信</div>
                  </span>
                                </div>

                                
                                <div class="qr-container" style=" margin-top: -40px !important;">
                                    <iframe id="enterWxIframe" v-if="scanType == 'ENTERWX'"
                                            sandbox="allow-scripts allow-top-navigation allow-same-origin"
                                            scrolling="no" width="200" height="320" frameBorder="0"
                                            allowTransparency="true"
                                            :src="enterIfreamUrl"></iframe>
                                    <p class="qr-text" style="width: 250px"><span class="qr-text"
                                                                                  style="color: #2386EE">企业微信APP</span><span
                                            style="color: #9191A1">扫描二维码登录</span></p>
                                </div>

                                
                                <div class="more-options">
                                    <div class="straight-div">
                                        <div class="straightLine"></div>
                                        <p class="options-text"> 更多登录方式 </p>
                                        <div class="straightLine"></div>
                                    </div>

                                    <div class="button-group">
                                        <button class="wx-check-button" @click="changeScanType('WX')"
                                                v-if="loginData.loginType.indexOf('wx')!=-1">
                                            <span class="scanChangeBtn-text"
                                                  :style="{color: scanType=='WX'?'#8254AB':'#29293A'}">微信</span>
                                        </button>
                                        <button class="wx-check-button" @click="changeScanType('ENTERWX')"
                                                v-if="loginData.loginType.indexOf('enter')!=-1">
                                            <span class="scanChangeBtn-text"
                                                  :style="{color: scanType=='ENTERWX'?'#8254AB':'#29293A'}">企业微信</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </el-col>
                        <el-col :span="colWidth" class="right-login-col" >
                            <el-tabs v-model="activeName" class="myTabs">
                                <el-tab-pane label="密码" name="password"
                                             v-if="loginData.loginType.indexOf('password')!=-1">
                                    <el-form ref="formRef" class="login-form" v-show="activeName==='password'"
                                             label-position="left" :model="form" @submit.prevent>
                                        <div class="form-group">
                                            <label class="form-label">账号</label>
                                            <el-input
                                                    v-model="form.username"
                                                    type="text"
                                                    @change="checkCodeStatus"
                                                    class="form-input"
                                                    placeholder="请输入账号"
                                            />
                                        </div>

                                        
                                        <div class="form-group">
                                            <label class="form-label">密码</label>
                                            <el-input
                                                    v-model="form.password"
                                                    show-password
                                                    type="password"

                                                    class="form-input"
                                                    placeholder="请输入登录密码"
                                            />
                                        </div>
                                        <div class="form-group" v-if="codeStatus">
                                            <label class="form-label">人机校验</label>
                                            <div class="drag" ref="dragDiv">
                                                <div class="drag_bg" ref="bgRef"></div>
                                                <div class="drag_text" ref="textRef">
                                                    {{confirmWords}}
                                                </div>
                                                <div ref="moveDiv"
                                                     class="handler"
                                                     :class="{'handler-success': confirmSuccess}"
                                                     @mousedown="mouseDownFn($event)"
                                                     @touchstart="mouseDownFn($event)"
                                                >


                                                    <img src="https://sso.cqcet.edu.cn/staticfile/images/dragImg/slideIcon.png" alt="" class="slide-icon" v-if="!confirmSuccess" />
                                                    <img src="https://sso.cqcet.edu.cn/staticfile/images/dragImg/slideSuccessIcon.png" alt="" class="slidesuccess-icon" v-else/>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="options-row">
                                            <label class="checkbox-label">
                                                <input
                                                        type="checkbox"
                                                        v-model="form.remember"
                                                        class="checkbox-input"
                                                />
                                                <span class="checkbox-text">记住账号</span>
                                            </label>
                                            <div class="links">
                                                <a @click="gotoUnfreezing" class="link">申请解冻</a>
                                                <div class="vertical-line"></div>
                                                <a @click="gotoRePassword" class="link"
                                                   v-if="loginData.loginType.indexOf('password')!=-1">忘记密码</a>
                                            </div>
                                        </div>

                                        
                                        <button type="button" @click="LoginByPassword" class="login-button">
                                            登录
                                        </button>

                                        
                                        <div class="help-center">
                                            <img src="https://sso.cqcet.edu.cn/staticfile/images/login_images/information.png"
                                                 class="information-icon">
                                             <div class="help-text">  登录遇到问题？进入</div>
                                            帮助中心
                                        </div>
                                    </el-form>
                                </el-tab-pane>
                                <el-tab-pane label="验证码" name="phone"
                                             v-if="loginData.loginType.indexOf('phone')!=-1 ">
                                    <el-form ref="formRef" v-show="activeName==='phone'" class="login-form"
                                             label-position="left" :model="form">
                                        <div class="form-group">
                                            <label class="form-label">账号</label>
                                            <el-input
                                                    v-model="form.loginUserCode"
                                                    type="text"
                                                    class="form-input"
                                                    placeholder="请输入账号"

                                            />
                                        </div>
                                        <div class="form-group">
                                            <label class="form-label">人机校验</label>
                                            <div class="drag" ref="dragDivPhone">
                                                <div class="drag_bg" ref="bgRefPhone"></div>
                                                <div class="drag_text" ref="textRefPhone">
                                                    {{confirmPhoneWords}}
                                                </div>
                                                <div ref="moveDivPhone"
                                                     class="handler"
                                                     :class="{'handler-success': confirmPhoneSuccess}"
                                                     @mousedown="mouseDownPhoneFn($event)"
                                                     @touchstart="mouseDownPhoneFn($event)"
                                                >
                                                    <img src="https://sso.cqcet.edu.cn/staticfile/images/dragImg/slideIcon.png" alt="" class="slide-icon" v-if="!confirmPhoneSuccess" />
                                                    <img src="https://sso.cqcet.edu.cn/staticfile/images/dragImg/slideSuccessIcon.png" alt="" class="slidesuccess-icon" v-else/>

                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="form-group">
                                            <label class="form-label">验证码</label>
                                            <el-row>
                                                <el-col :span="15">
                                                    <el-input
                                                            v-model="form.code"
                                                            type="text"
                                                            class="form-input"
                                                            placeholder="请输入验证码"
                                                    />
                                                </el-col>
                                                <el-col :span="1" class="code-margin-col"></el-col>
                                                <el-col :span="8" class="code-buttton-col">
                                                    <el-button class="code-buttton" style=""
                                                               v-if="isSend"
                                                               @click="resendCode">获取验证码
                                                    </el-button>
                                                    <el-button disabled class="code-buttton-disabled" style="height: 46px;width: 100%" v-else>
                                                        ({{ remainingTime }})重新发送
                                                    </el-button>
                                                </el-col>
                                            </el-row>
                                        </div>
                                        
                                        <div class="options-row">
                                            <label class="checkbox-label">

                                            </label>
                                            <div class="links">
                                                <a @click="gotoUnfreezing" class="link">申请解冻</a>
                                                <div class="vertical-line"></div>
                                                <a @click="gotoRePassword" class="link"  v-if="loginData.loginType.indexOf('password')!=-1">忘记密码</a>
                                            </div>
                                        </div>

                                        
                                        <button type="button" @click="LoginByPhone" class="login-button">
                                            登录
                                        </button>

                                        

                                        <div class="help-center">
                                            <img src="https://sso.cqcet.edu.cn/staticfile/images/login_images/information.png"
                                                 class="information-icon">
                                            <div class="help-text">  登录遇到问题？进入</div>
                                            帮助中心
                                        </div>
                                    </el-form>
                                </el-tab-pane>
                                <el-tab-pane label="人脸识别" name="face"
                                             v-if="loginData.loginType.indexOf('face')!=-1">

                                    <div class="form-group" >
                                        <label class="form-label">账号</label>
                                        <el-row>
                                            <el-col :span="15">
                                                <el-input
                                                        v-model="form.username"
                                                        type="text"
                                                        class="form-input"
                                                        placeholder="请输入账号"
                                                        @change="createLivenessQrcode"
                                                    ></el-input>
                                            </el-col>
                                            <el-col :span="1" class="code-margin-col"></el-col>
                                            <el-col :span="8" class="code-buttton-col">
                                                <el-button class="code-buttton" style=""
                                                           @click="createLivenessQrcode">{{faceButtonText}}
                                                </el-button>
                                                <template #suffix>
                                                    <el-button type="text" @click="createLivenessQrcode">
                                                        <el-icon><qr-code /></el-icon>
                                                    </el-button>
                                                </template>
                                            </el-col>
                                        </el-row>
                                        </el-input>
                                    </div>
                                    <div class="qrcode" v-if="livenessQrcodeImageVisible">
                                        <img :src="/channels/rcpy/xywh/css/qrcodeBase64" alt="人脸活体二维码">
                                        <div class="desc">{{ desc }}</div>
                                    </div>
                                </el-tab-pane>
                            </el-tabs>
                        </el-col>
                    </el-row>
                </el-card>
            </el-main>
        </el-container>
    </div>
    <footer class="site-footer">
        <div class="footer-content">
            
            <div class="info-row">
                <span class="info-item">地址：重庆大学城重庆电子科技职业大学</span>
                <span class="divider">|</span>
                <span class="info-item">邮编：401331</span>
                <span class="divider">|</span>
                <span class="info-item">平台咨询：023-65926001</span>
                <span class="divider">|</span>
                <span class="info-item">版权所有? 重庆电子科技职业大学</span>
                <span class="divider">|</span>
                <span class="info-item">渝ICP备2003499号-1</span>
                <span class="divider">|</span>
                <span class="info-item">
          <img src="https://sso.cqcet.edu.cn/staticfile/images/login_images/cqcet/publicSafe.png" alt="公安备案图标" class="police-icon"/>
          公安备案号：50010602500133
        </span>
            </div>

            
            <div class="browser-support">
                建议使用谷歌、Edge、360极速、火狐浏览器
            </div>
        </div>
    </footer>

    <el-dialog
            class="prompt-win"
            :close-on-click-modal="false"
            :close-on-press-escape="false"
            title="防诈骗“十一条”"
            :show-close="false"
            v-model="dialogVisible"
            :before-close="handleClose">
        <template #title >
            <span class="prompt-win-title">防诈提示</span>
        </template>

        <span class="prompt-top">
            <span class="prompt-top-title">防诈十一条</span><br>
            1.凡是“不要求资质”，且放款前要先交费的网贷平台，都是诈骗!<br>
            2.凡是刷单，都是诈骗!<br>
            3.凡是通过网络交友,诱导你进行投资或赌博的，都是诈骗!<br>
            4.凡是网上购物遇到自称客服说要退款，索要银行卡号和验证码的，都是诈骗!<br>
            5.凡是自称“领导”、“熟人”要求汇款的，都是诈骗!<br>
            6.凡是自称“公检法”让你汇款到“安全账户”的，都是诈骗!<br>
            7.凡是通过社交平台添加微信、QQ拉你入群，让你下载APP或者点击链接进行投资、赌博的，都是诈骗!<br>
            8.凡是通知中奖、领奖，让你先交钱的，都是诈骗!<br>
            9.凡是声称“根据国家相关政策需要配合注销账号，否则影响个人征信的”，都是诈骗!<br>
            10.凡是非官方买卖游戏装备或者游戏币的，都是诈骗!<br>
            11.凡是要求转发验证码的，都是诈骗！<br>
        </span>
        <div class="prompt-button-txt">
            <span class="prompt-button-title">
                牢记“三不一多”原则：
            </span><br>
            未知链接不点击、陌生来电不轻信、个人信息不透漏、 转账汇款多核实
        </div>
        <div class="prompt-button-txt" >
            <span class="prompt-button-title"> 求助电话：
            </span><br>
            校园24小时求助电话：<span style="font-weight: 700;">65926110</span>  <br>
            陈家桥派出所电话：<span style="font-weight: 700;">023-65633179</span>
        </div>
        <template #footer >

            <div class="dialog-footer">
                <el-button  class="prompt-button" :disabled="promptDisabled"
                            color="#791DB5"
                            @click="dialogVisible = false">{{promptButtonTxt}}</el-button>
            </div>
        </template>
    </el-dialog>
</div>


</body>
</html>