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">

    <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.png" alt="">
            <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>
                    <input ng-model="loginForm.password" type="password" placeholder='请输入密码' style="font-size:14px;color:#435063; " />
                </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>
                    <button ng-click="handleLoginClick(loginForm)" class="btn-primary wt_btn"> 登录 </button>
                </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>
</div>
<!--<script src="assets/js/index.min.js"></script>-->