zuel-itsm-3.0.2/assets/views/login_login.html

<style>
    .licensePassBoxFix{
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        background-color: rgba(1,1,1,0.5);
        align-items: center;
        justify-content: center
    }
    .licensePassBox{
        background-color: white;
        width: 600px
    }
    .licensePassBox .head{
        text-align: center;
        height: 40px;
        line-height: 40px;
        background-color: #999999;
        color: white;
        font-size: 17px;
        background-color: #337ab7;
    }
    .licensePassBox .body{
        padding: 25px
    }
    .licensePassBox .body .tis{
        color: red;
        font-size: 14px
    }
    .licensePassBox .body .contents{
        padding: 0 40px;
        margin-top: 20px;
        font-size: 16px;
        
    }
    .licensePassBox .body .inden{
        text-indent: 2em
    }
    .licensePassBox .body .iptClas{
        display: block;
        margin: 0 auto;
        border: 0;
        border-radius: 4px;
        width: 50px;
        height: 30px;
        margin-top: 20px;
        color: black;
        background-color: #d1d1d1
    }
    .licensePassBox .body .iptClas:hover{
        color: white;
        background-color: #337ab7
    }
    .licensePassBox .body .iptClas:focus{
        outline: none
    }
    .wt_btn:hover{
        background-color: #005395!important
    }
    .trialBot{
        display: flex;
        justify-content: center;
        margin-top: 20px
    }
    .trialClass{
        border-radius: 4px;
        color: black;
        width: 70px;
        height: 30px;
        border: 0;
        margin-left: 5px;
        background-color: #d1d1d1
    }
    .trialClass:hover{
        color: white;
        background-color: #337ab7
    }
    .fontImportant{
        color: red;
        font-weight: bold
    }
</style>
<div class="demo-1" ng-controller="LoginCtrl">
    <ng-container ng-if="false">
        <div class="container" ng-if="!app.isChrome&&!isSSo">

            <header class="codrops-header">
                <!--<img src="assets/images/HBDXLG.png" style="width:300px"/>-->
                <!-- <nav class="codrops-demos">
                    <a href="#" ng-click="login()">
                        <h1>请登录</h1>
                    </a>
                </nav> -->
                <h1>{{app.name}}</h1>
                <img class="logo" src="./assets/images/login/logo_zncd.png" alt="" ng-if="isZncd">
                <img class="logo logo_hk" src="./assets/images/login/logo_hk2.png" alt="" ng-if="isHk">
                <img class="logo" src="./assets/images/login/logo_default.png" alt="" ng-if="!isZncd&&!isHk">
                <img src="./assets/images/login/bg01.png" alt="">
                <img class="map" src="./assets/images/login/bg02.png" alt="">
            </header>
            <div class="login wt_login" style="margin: 0 auto">
                <!-- <div class="login-head wt_login wt_login_head">
                    
                </div> -->

                <form class="wt_login_cantent">
                    <h1>用 户 登 录</h1>
                    <p style="margin-top:24px;">
                        <input id="username" ng-model="loginForm.username" type="text" placeholder='请输入用户名' style="font-size:14px;color:#435063;" />
                    </p>
                    <p>
                    </p>
                    <!-- 记住密码 wt -->
                    <!-- <p class="wt_checkbox">
                        <input type="checkbox" class="remember" ng-model="rememberID" ng-change="remember()">
                        <span class="remember_psw">记住密码</span>
                    </p> -->
                    <!-- wt -->
                    <p style="overflow:hidden">
                        <button ng-style="{width:isZncd?'48%':'100%'}" ng-click="handleLoginClick(loginForm)" class="btn-primary wt_btn fl" style="width: 48%!important;"> 登录 </button>
                        <a ng-if="isZncd" href="http://itsm.zuel.edu.cn:8080/" class="btn-primary wt_btn fr" style="width: 48%!important;margin-top:30px;line-height:52px;"> 统一身份认证 </a>
                    </p>
                    <!-- 激活码:<input type="text" ng-model="ceshilicense">   -->
                    <!-- <div class="col-xs-12">
                        <div class="pull-left" style="color:#13459E;padding-left:2px;cursor: pointer;" tooltip="点击展示大屏界面" tooltip-placement="top" ng-click="opendashbord()">大屏展示</div>
                    </div> -->
                    <p class="text">
                        推荐使用Google浏览器,其他浏览器可能会出现兼容性问题
                    </p>
                </form>
                <p class="copyright">
                    @dashihengtong.[京ICO:143]
                </p>
            </div>
            <div>
                <div class="">
                    <span id="el-login" class="el-login" ng-morph-modal="loginBtn"></span>
                </div>
                <p class="nosupport">对不起,您的浏览器不支持WebGL</p>
            </div>
        </div>
        <div class="container" ng-if="app.isChrome">
            <div>
                <div class="slideshowfalse">
                    <span id="el-login" class="el-login">
                        <div class="logincheck">
                            <div class="margin-bottom-15" style="font-size: 20px;color: white">
                                <i class="ti-alert margin-right-15" style="font-size: 50px"></i>访问失败 </div>
                            <div style="font-size:16px">
                                <p>{{checkchrome}}无法访问该网址，请用Chrome浏览器访问！</p>
                            </div>
                        </div>
                    </span>
                </div>
                <p class="nosupport">对不起,您的浏览器不支持WebGL</p>
            </div>
        </div>
        <!-- license试用期 -->
        <div class="licensePassBoxFix" ng-show="licenseTrialShow">
            <div class="licensePassBox">
                <div class="head">系统通知</div>
                <div class="body">
                    <div class="tis">温馨提示:</div>
                    <div class="contents">欢迎进入itsm运维管理系统通知!</div>
                    <div class="contents inden">&nbsp;&nbsp;系统试用有效期为<span class="fontImportant">{{featureSum}}</span>天，您的系统账号将于<span class="fontImportant">{{licenseSurplusTime}}</span>天后到期，到期后，账号将自动失效！为了不影响您的正常使用，请尽快联系管理员！</div>
                    <div class="trialBot">
                        <input type="button" value="继续试用" class="trialClass" ng-click="licenseTrialSub()">
                        <input type="button" value="正式激活" class="trialClass" ng-click="licenseTrialActivation()">
                    </div>  
                </div>
            </div>
        </div>
        <!-- license已到期 -->
        <div class="licensePassBoxFix" ng-show="licensePassShow">
            <div class="licensePassBox">
                <div class="head">系统通知</div>
                <div class="body">
                    <div class="tis">温馨提示:</div>
                    <div class="contents">欢迎进入itsm运维管理系统通知!</div>
                    <div class="contents inden">&nbsp;&nbsp;您的系统账号已经到期，账号已失效！为了不影响您的正常使用，请尽快联系管理员！</div>
                    <input type="button" value="确定" class="iptClas" ng-click="licensePassSub()">
                </div>
            </div>
        </div>
        <!-- license即将到期 -->
        <div class="licensePassBoxFix" ng-show="licenseSoonShow">
            <div class="licensePassBox">
                <div class="head">系统通知</div>
                <div class="body">
                    <div class="tis">温馨提示:</div>
                    <div class="contents">欢迎进入itsm运维管理系统通知!</div>
                    <div class="contents inden">您的系统账号将于<span class="fontImportant">{{licenseSurplusTime}}</span>天后到期，到期后，账号将自动失效！为了不影响您的正常使用，请尽快联系管理员！</div>
                    <input type="button" value="确定" class="iptClas" ng-click="licenseSoonShowSub()">
                </div>
            </div>
        </div>
    </ng-container>
</div>
<!--<script src="assets/js/index.min.js"></script>-->