zuel-itsm-3.0.2/assets/views/newOrder的副本.html

<style>
    .bodybackground {
        background: #eee;
    }
</style>
<div class="newOrder"  ng-controller="newOrderCtrl" ng-style="bodyheight">
    <section id="page-title">
        <div class="row">
            <div class="col-sm-8">
                <h1 class="mainTitle">快速建单
                    <!-- <i tooltip='事件列表,点击操作处理任务' tooltip-placement="right"
                        class="fa  ti-help-alt margin-left-10 fontcolor-five pointfont"></i> -->
                </h1>
            </div>
        </div>
    </section>
    <div class="listbote">
        <div style="background: #F9F9F9 !important;padding-left: 16px;padding-right: 0px;">
            <div class="row wt_searchlistback" id="searchid">
                <div class="col-xs-10" style="padding-right: 0px !important;padding-bottom: 10px;">
                    <form class="form-inline incidentsearchsize" style='padding-top: 8px'>
                        <div class="form-group incidentsearch  wt_width">
                            <div class="">
                                <div class="control-label pull-left margin-top-5">报修科室:</div>
                                <ui-select class="pull-right selectzise wt_width1 wt_width3"
                                    ng-model="searchkeys.department" theme="bootstrap">
                                    <ui-select-match placeholder="">
                                        {{$select.selected.dept}}
                                    </ui-select-match>
                                    <ui-select-choices repeat="item in department"
                                        refresh="onChangeDept($select.search)">
                                        <div ng-bind-html="item.dept | highlight: $select.search"></div>
                                    </ui-select-choices>
                                </ui-select>
                            </div>
                        </div>

                        <div class="form-group incidentsearch  wt_width">
                            <div class="">
                                <div class="control-label pull-left margin-top-5">联系电话:</div>
                                <input class=" inputcolor wt_width1 wt_width3 pull-right" type="text"
                                    ng-model="searchkeys.houseNumber" placeholder="" />
                            </div>
                        </div>
                        <div class="form-group incidentsearch wt_width">
                            <div>
                                <div class="control-label pull-left margin-top-5 margin-right-5">联系人:</div>
                                <input class="f inputcolor wt_width1 wt_width3 pull-right" type="text"
                                    ng-model="searchkeys.incidentsign" placeholder="" />
                            </div>
                        </div>
                        <div class="form-group incidentsearch wt_width">
                            <div>
                                <div class="control-label pull-left margin-top-5 margin-right-5">故障地点:</div>
                                <input class="f inputcolor wt_width1 wt_width3 pull-right" type="text"
                                    ng-model="searchkeys.incidentsign" placeholder="" />
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
        @media screen and (max-width: 1750px) {
            .wt_width {
                width: 30% !important;
            }
    
            .wt_width1 {
                width: 60% !important;
            }
    
            .wt_width4 {
                width: 27% !important;
            }
    
            .wt_width5 {
                width: 60% !important;
                border-color: #dedede;
                float: right;
            }
    
        }
    
        .selectzise {
            width: 160px;
        }
    
        .wt_width {
            width: 20%;
            margin-right: 16px;
            min-width: 275px !important;
        }
    
        .wt_width1 {
            width: 160px;
        }
    
        .wt_margin-top {
            margin-top: 35px !important;
        }
    
        .form-inline .form-control {
            border-radius: 2px;
        }
    
        .wt_width3 {
            width: 160px;
            height: 28px !important;
            border-radius: 2px !important;
        }
    
        .wt_width4 {
            width: 20%;
        }
    
        .wt_width5 {
            width: 160px;
            border-color: #dedede;
            float: right;
            height: 28px;
            border-radius: 2px !important;
        }
    
        .wt_width6 {
            display: inline-block;
            padding-top: 0px;
            position: relative;
            top: 4px;
            /* left: 10px; */
            width: 8.2%;
            text-align: left;
        }
    
        .ui-select-bootstrap .ui-select-toggle {
            height: 28px;
        }
    
        /* 
        .wt_width {
            width: 20%;
            margin-right: 1%;
            padding: 0px;
        }
    
        .wt_width1 {
            width: 100% !important;
            padding: 0px;
        } */
    
        .wt_width2 {
            width: 50% !important;
        }
    
        .wt_pad {
            padding: 0px;
        }
    
        .wt_btns {
            display: inline-block;
            margin-right: 8px;
        }
    
        .wt_btn1 {
            width: 60px;
            height: 28px !important;
            border-radius: 2px;
            line-height: 28px;
            font-size: 14px;
            padding: 0px !important;
            font-size: 14px !important;
        }
    
        .btn.steelbutton.wt_btn1 {
            padding: 0px !important;
        }
    
        .wt_btnColor {
            background: #4A90E2 !important;
        }
    
        /* .btn{
            padding: 0px!important;
        } */
    
    
        .wt_btnColor:hover {
            background: #fff !important;
            color: #2B5EB8 !important;
            border: 1px solid #2B5EB8;
        }
    
        .wt_btnColor2:hover {
            background: #fff !important;
            color: #2B5EB8 !important;
            border: 1px solid #2B5EB8;
        }
    
        .wt_btn2 {
            width: 100px;
            height: 34px !important;
            border-radius: 2px !important;
        }
    
        .wt_list {
            padding: 15px;
            background: #F9F9F9;
        }
    
        .ui-grid-render-container:hover {
            background: #fff !important;
        }
    
        .wt_btnColor1 {
            background: #fff !important;
            color: #2B5EB8 !important;
            border: 1px solid #2B5EB8;
        }
    
        .wt_btnColor1:hover {
            background: #4A90E2 !important;
            color: #fff !important;
            border: 1px solid #4A90E2 !important;
        }
    
        div.ui-grid-row.ng-scope:hover {
            cursor: pointer;
            background: #fff !important;
        }
    
        .wt_searchlistback {
            margin-top: 1px;
            margin-bottom: 8px;
            border-top-left-radius: 0px !important;
            border-top-right-radius: 8px !important;
            border-bottom-left-radius: 8px !important;
            border-bottom-right-radius: 8px !important;
        }
    
        .ui-grid-row:nth-child(even) .ui-grid-cell {
            background: #fafafa !important;
        }
    
        .searchBtnBox>.wt_btns {
            margin: 0 8px 10px 0;
        }
        .newOrder{
            min-height: 500px;
        }
        .newOrder #page-title{
            text-align: left;
        }
    </style>