zuel-itsm-3.0.2/assets/views/incident/tpl/tel.html

<style>
    .modal-dialog {
        height: 100vh;
    }

    .modal-dialog .new_after {
        position: fixed;
    }
    .hj .body .rigt .div{
        height: 100px!important;
    }

    .hj {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        display: flex;
        flex-direction: column;
        width: 340px;
        z-index: 11;
        background-color: white;
        border-radius: 4px;
        transition-duration: 0.8s
    }

    /* 头部 */
    .hj .head {
        text-align: center;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px #d1d1d1 solid
    }

    /* 交叉 */
    .hj .head .jiaocha {
        float: right;
        width: 14px;
        height: 14px;
        line-height: 12px;
        text-align: center;
        border: 1px #6e6e6e solid;
        border-radius: 50%;
        margin-right: 20px;
        margin-top: 15px;
        cursor: pointer;
    }

    /* 主体 */
    .hj .body {
        overflow: auto;
        width: 298px;
        max-height: 400px;
        background-color: #f5f5f5;
        border: 1px #d1d1d1 solid;
        margin: 0 auto;
        border-radius: 2px;
        margin-top: 10px;
        flex:1;
    }
    .hj .body::-webkit-scrollbar {         /*滚动条整体样式*/
        width:3px;
        height:3px;
    }
    .hj .body::-webkit-scrollbar-thumb {   /*滚动条里面小方块样式*/
        border-radius:100px;
        box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
        background:rgba(0,0,0,0.1);;
    } 
    .hj .body::-webkit-scrollbar-track {   /*滚动条里面轨道样式*/
        box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
        border-radius:0;
        background:rgba(0,0,0,0.1);
    }

    .hj .body .xing {
        color: red;
        float: left;
        width: 20px;
        text-align: center;
        margin-top: 12px
    }

    .hj .body .xing div {
        height: 70px;
        font-size: 16px
    }

    .hj .body .rigt {
        float: left;
        margin-top: 12px
    }

    .hj .body .rigt .div {
        height: 70px;
    }

    .hj .body .rigt span {
        font-size: 13px;
        font-weight: bold
    }

    .hj .body .rigt .xiala {
        margin-top: 4px;
        width: 258px !important;
        height: auto;
        background-color: #f5f5f5
    }

    .hj .body .rigt .xialaipt {
        margin-top: 4px;
        width: 258px !important;
        height: 32px;
    }
    .hj .body .rigt .price {
        margin-top: 4px;
        width: 100px !important;
        height: 32px;
    }

    .hj .submi {
        text-align: center;
    }

    .hj .submi input {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 78px;
        height: 32px;
        border: none；
    }

    /* 保存 */
    .hj .submi .preservation {
        background-color: #123f8f !important;
        color: white;
        border: 1px #123f8f solid
    }

    /* 取消 */
    .hj .submi .cancel {
        background-color: #f2f2f2;
        color: #373737;
        border: 1px #d1d1d1 solid
    }
</style>
<div class="new new_after hj">
    <div class="head">
        <span>选择报修人</span>
        <span class="jiaocha" ng-click="close()">×</span>
    </div>
    <div class="body">
        <div class="xing">
            <div>*</div>
        </div>
        <form class="rigt">
            <div class="div">
                <div class="tab_bdItem_tab" ng-repeat="item in list">
                    <input type="radio" ng-model="selectedItem" ng-change="changeBxr(item.id)" name="selectedItem" ng-value="item.id" id="{{item.id}}">
                    <label for="{{item.id}}">{{item.name}}</label>
                </div>
            </div>
        </form>
    </div>
    <div class="submi ">
        <input type="button" value="保存" class="preservation btn" ng-click="save()">
        <input type="button" value="取消" class="cancel btn" ng-click="cancel()">
    </div>
</div>