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

<style>
.flexBox{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction:column;
    background: url(assets/images/login/bg01.png) no-repeat;
    background-size: 100% 50%
}
.centerBox{
    width: 300px;
    padding: 25px;
    border-radius: 8px;
    /* border: 1px #999999 solid; */
    background-color: white;
    box-shadow: 0px 0px 5px 5px #dddddd;
}
.centerBox .tit{
    text-align: center;
    font-size: 16px;
    font-weight: bold
}
.lable{
    margin-top: 15px;
    color: rgb(25,158,221)
}
.ipt{
    margin-top: 7px;
    padding: 10px!important;
    border-radius: 6px!important;
    border: 2px #f0f1f0 solid!important
}
.ipt:hover{
    border: 2px #d1d1d1 solid!important
}
.sub{
    width: 100%;
    height: 30px;
    margin-top: 7px;
    border: 0;
    border-radius: 4px;
    color: black
}
.sub:hover{
    color: white;
    background: #337ab7!important
}
.power{
    display: flex;
    width: 100%;
    justify-content:space-between;
    margin-top: 20px
}
.power div{
    color: rgb(25,158,221);
    cursor: pointer;
}
</style>
<div ng-controller="licenseFormCtrl">
    <div class="flexBox">
        <div class="centerBox">
            <div class="tit">管理您的许可证</div>
            <div class="lable">
                授权密匙
            </div>
            <input type="text" class="form-control ipt" ng-model="licensePass">
            <input type="button" class="sub" value="确定" ng-click="subLicensePass()">
            <div class="power">
                <!-- <div ng-click="cliUse()" ng-show="shiyong">点击试用(30天)</div> -->
                <div ng-click="seeCode()">查看机器编码</div>
            </div>
        </div>
        <div ng-show="seeFeatureCode">
            您的机器编码是:{{featureCode}}
        </div>
    </div>
</div>