zuel-itsm-3.0.2/assets/views/consumables/list.html

<style>
    .listbote .flleft {
        float: left;
        margin-top: 10px;
    }

    .listbote .flleft span {
        font-size: 14px;
        font-weight: bold
    }

    /* 下拉框样式 */
    .listbote .flleft select {
        margin-top: 7px;
        width: 254px;
        height: 32px;
        background: url("assets/images/jiang/arrow.png") no-repeat right 5px top 11px;
        background-color: white
    }

    /* 导出 */
    .listbote .export {
        float: right;
        width: 60px;
        height: 34px;
        border: 1px #005359 solid;
        background-color: #e6eef4 !important;
        color: #005359;
        margin-right: 30px;
        margin-top: 34px;
        border-radius: 2px;
        padding: 0 6px
    }

    .listbote .export:hover {
        color: #79a3c4;
        border: 1px #79a3c4 solid
    }

    /* 刷新 */
    .listbote .new_data {
        float: right;
        width: 60px;
        height: 34px;
        border: 1px #79a3c4 solid;
        background-color: #e6eef4 !important;
        color: #79a3c4;
        margin-right: 10px;
        margin-top: 34px;
        border-radius: 2px;
        padding: 0 6px
    }

    /* 编辑 */
    .big_back {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background-color: rgba(0, 0, 0, 0.5)
    }

    .new {
        width: 340px;
        height: 404px;
        /* margin-left: -170px;
        margin-top: -202px;
        position: absolute;
        left: 50%;
        top:50%; */
        z-index: 11;
        background-color: white;
        border-radius: 4px;
        transition-duration: 0.8s
    }

    .new_top {
        margin-left: -170px;
        position: fixed;
        left: 50%;
        top: -404px;
    }

    .new_after {
        margin-left: -170px;
        margin-top: -202px;
        position: absolute;
        left: 50%;
        top: 50%;
    }

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

    /* 交叉 */
    .new .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;
    }

    /* 主体 */
    .new .body {
        width: 298px;
        height: 302px;
        background-color: #f5f5f5;
        border: 1px #d1d1d1 solid;
        margin: 0 auto;
        border-radius: 2px;
        margin-top: 10px
    }

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

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

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

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

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

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

    .new .body .rigt .xialaipt {
        margin-top: 4px;
        width: 258px !important;
        height: 32px;
        padding-left: 24px;
    }

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

    .new .submi input {
        margin-top: 10px;
        width: 78px;
        height: 32px;
        border: 0；
    }

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

    /* 取消 */
    .new .submi .cancel {
        background-color: #f2f2f2;
        color: #373737;
        border: 1px #d1d1d1 solid
    }

    .handlefont {
        color: #5496e3 !important
    }

    .selectzise {
        width: 200px !important
    }

    .inspectlistsearch {
        width: 30% !important;
        margin-right: 16px
    }

    .iptSize {
        width: 60% !important;
        height: 28px !important;
    }

    .tree-control .tree-input {
        min-height: 28px !important
    }
    .searchBtnBox{
        padding-top: 10px;
    }
    .searchBtnBox>.btn {
        margin: 0 8px 10px 0;
    }
</style>
<div class="bigbox" ng-controller="hc_consumablesCtrl">
    <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 class="row searchlistback" style="margin-left:0;padding-bottom: 5px;" id="searchid">
            <div class="col-xs-10">
                <!-- <div class="flleft">
                    <span>耗材分类：</span><br>
                    <ui-select class="pull-left selectzise" ng-model="select_val.search_data" theme="bootstrap">
                        <ui-select-match placeholder="请选择耗材类型">
                            {{select_val.search_data.name}}
                        </ui-select-match>
                        <ui-select-choices repeat="n in search_data">
                            <div ng-bind-html="n.name"></div>
                        </ui-select-choices>
                    </ui-select>
                </div> -->
                <div class="form-group inspectlistsearch ">
                    <div class="pull-left" style="padding-top:8px;font-size:14px">耗材分类：</div>
                    <ui-select class="pull-right iptSize" ng-model="select_val.search_data" theme="bootstrap">
                        <ui-select-match>
                            {{select_val.search_data.name}}
                        </ui-select-match>
                        <ui-select-choices repeat="n in search_data">
                            <div ng-bind-html="n.name"></div>
                        </ui-select-choices>
                    </ui-select>
                </div>
            </div>
            <div class="col-xs-2 searchBtnBox">
                <!-- <div class="btn btn_other margin-top-20" ng-click="new_data()">刷新</div> -->
                <div class="btn btn_clean" ng-click="reset()">重置</div>
                <div class="btn btn_other" ng-click="hc_export()">导出</div>
            </div>
        </div>
        <div class="tableList" ui-i18n="{{lang}} ">
            <div id="grid" ui-grid="gridOptions " ui-grid-pagination external-scopes="$scope " ui-grid-resize-columns
                ui-grid-auto-resize class="grid "></div>
            <!-- <div id="grid" ui-grid="gridOptions" ui-grid-pagination external-scopes="$scope" ui-grid-resize-columns ui-grid-pinning ui-grid-selection ui-grid-move-columns ui-grid-exporter ui-grid-auto-resize class="grid"></div> -->
        </div>
    </div>
    <!-- 编辑弹框 -->
    <div class="big_back" ng-show="hc_eject_big">
        <div class="new" ng-class="hc_toedit">
            <div class="head">
                <span>修改耗材信息</span>
                <span class="jiaocha" ng-click="close()">×</span>
            </div>
            <div class="body">
                <div class="xing">
                    <div>*</div>
                    <div>*</div>
                    <div>*</div>
                    <div>*</div>
                </div>
                <form class="rigt">
                    <div class="div">
                        <span>耗材名称：</span><br>
                        <ui-select class="pull-left selectzise xiala" ng-model="select_updata_name.updata_name"
                            theme="bootstrap">
                            <ui-select-match placeholder="{{hc_eject_name}}">
                                {{select_updata_name.updata_name.name}}
                            </ui-select-match>
                            <ui-select-choices repeat="n in updata_name">
                                <div ng-bind-html="n.name"></div>
                            </ui-select-choices>
                        </ui-select>
                    </div>
                    <div class="div">
                        <span>品牌/型号：</span><br>
                        <ui-select class="pull-left selectzise xiala" ng-model="select_updata_pinpai.updata_pinpai"
                            theme="bootstrap">
                            <ui-select-match placeholder="{{hc_eject_brandModel}}">
                                {{select_updata_pinpai.updata_pinpai.name}}
                            </ui-select-match>
                            <ui-select-choices repeat="n in updata_pinpai">
                                <div ng-bind-html="n.name"></div>
                            </ui-select-choices>
                        </ui-select>
                    </div>
                    <div class="div">
                        <span>规格：</span><br>
                        <ui-select class="pull-left selectzise xiala" ng-model="select_updata_guige.updata_guige"
                            theme="bootstrap">
                            <ui-select-match placeholder="{{hc_eject_specification}}">
                                {{select_updata_guige.updata_guige.name}}
                            </ui-select-match>
                            <ui-select-choices repeat="n in updata_guige">
                                <div ng-bind-html="n.name"></div>
                            </ui-select-choices>
                        </ui-select>
                    </div>
                    <div class="div">
                        <span>在库数量：</span><br>
                        <input type="text" ng-model="hc_eject_inventoryNum" class="xialaipt">
                    </div>
                </form>
            </div>
            <div class="submi ">
                <input type="button" value="保存" class="preservation btn" ng-click="preservation()"
                    ng-disabled="hc_eject_name==''||hc_eject_brandModel==''||hc_eject_specification==''||hc_eject_inventoryNum==''">
                <input type="button" value="取消" class="cancel btn" ng-click="close()">
            </div>
        </div>
    </div>
</div>