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

<style>
    /* 操作文字颜色 */
    .handlefont{
        color: #5496e3!important
    }
    /* 头部 */
    .searchlistback {
        height: 150px;
        background-color: #f9fbff!important
    }
    .searchlistback .tit{
        font-size: 14px;
        font-weight: bold;
        display: inline-block;
        margin-bottom: 7px
    }
    /* 左边搜索条件盒子 */
    .searchlistback .left{
        float: left;
        width: 600px;
        margin-left: 15px;
        margin-top: 10px
    }
    /* 右边按钮盒子 */
    .searchlistback .right{
        float: right;
        margin-top: 58px;
    }
    .searchlistback .right input{
        float: left;
    }
    .searchlistback .right button{
        float: left;
    }
    .searchlistback .right .anniu{
        width: 100px;
        height: 32px;
        border: 0;
        margin-right: 16px;
        border-radius: 2px!important
    }
    /* 搜索 */
    .searchlistback .right .anniu:nth-child(1){
        background-color: #123f8f;
        color: white;
        border:1px #123f8f solid
    }
    /* 重置 */
    .searchlistback .right .anniu:nth-child(2){
        background-color: white;
        color: #1b51b2;
        border:1px #1b51b2 solid
    }
    /* 高级搜索 */
    .searchlistback .right .anniu:nth-child(3){
        background-color: #f2f2f2;
        color: #a5a5a5;
        border:1px #eeeeee solid
    }
    /* 打印二维码 */
    .searchlistback .right .anniu:nth-child(4){
        background-color: white;
        color: #4a90e2;
        border:1px #4a90e2 solid
    }
    /* 导出 */
    .searchlistback .right .anniu:nth-child(5){
        background-color: #4a90e2;
        color: white;
        border:1px #4a90e2 solid
    }
    .searchlistback .left>div{
        float: left;
        width: 300px;
    }
    /* 下拉框的长宽 */
    .tree-control .tree-view{
        width: 254px;
    }
    /* 树形下拉框的长宽 */
    .left .tree-control{
        width: 254px;
        height: 28px;
        margin: 0;
    }
    .tree-control{
        width: 254px;
        height: 32px;
        margin: 0 auto
    }
    div.cs-select{
        width: 254px!important;
        height: 32px;
    }
    /* 条件搜索下拉框 */
    .tiaojian{
        float: left;
    }
    .tiaojian .cs-skin-slide .cs-options{
        width: 147px;
        margin-left: 25px;
    }
    .tiaojian div.cs-skin-slide::before{
        width: 147px;
    }
    .tiaojian div.cs-select{
        width: 96px!important;   
    }
    /* 条件搜索下拉框 */
    .left .cs-skin-slide.radiuleft>span{
        height: 32px;
        font-size: 12px;
        padding-right: 0;
    }
    /* 输入框长度 */
    .left .tiaojianipt{
        width: 157px;
        height: 32px!important;
    }
    .row{
        margin: 0
    }
    /* 导出弹框 */
    .modal-body>div:nth-child(2){
        text-align: center;
        margin-bottom: 31px;
        margin-top: 20px
    }
    .modal-content{
        background-color: rgb(232,232,232)!important;
    }
    div.form-group label{
        font-weight: bold;
        margin-left: 46px;
        margin-top: 15px
    }
    .cs-skin-slide>span::after, .cs-skin-slide.cs-active>span::after{
        background: url(assets/images/jiang/arrow.png) no-repeat;
        width: 12px;
        color: rgba(255,255,255,0);
        position: absolute;
        right: 4px;
        top: 21px;
        /* content:''; */
    }
    .left .tree-control .tree-input .caret{
        opacity: 0;
    }
    #jiantou{
        position: relative;
    }
    .jiantou{
        position: absolute;
        right: 57px;
        top: 38px;
    }
    /* 资产状态下拉框 */
    .left .cs-skin-slide.radiu>span{
        font-size: 12px;
        padding-top: 4px;
    }
    .left div.cs-skin-slide::before{
        margin-top: 48px;
    }
    .left .cs-skin-slide .cs-options{
        margin-top: 48px;
    }
    /* 资产分类下拉框 */
    .left .tree-control .tree-input{
        padding-left: 4px;
        font-size: 12px;
        padding-top: 5px;
        color: black!important;
    }
    /* 高级搜索 */
    .senior_fixed{
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top:0;
        background-color: rgba(0,0,0,0.5);
        z-index: 9999;
    }
    .senior{
        width: 340px;
        height: 405px;
        margin-left: -170px;
        margin-top: -202px;
        position: absolute;
        left: 50%;
        top: 50%;
        background-color: white;
        border-radius: 2px
    }
    .senior .head{
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-bottom: 1px #eeeeee solid;
        position: relative;
    }
    /* 交叉 */
    .senior .head .jiaocha {
        width: 14px;
        height: 14px;
        line-height: 12px;
        text-align: center;
        border: 1px #6e6e6e solid;
        border-radius: 50%;
        cursor: pointer;
        position: absolute;
        right: 20px;
        top: 15px
    }
    .senior .body{
        width: 298px;
        height: 302px;
        margin: 0 auto;
        margin-top: 10px;
        border: 1px #d1d1d1 solid;
        border-radius: 2px
    }
    .senior .body .new{
        width: 100%;
        height: 39px;
        background-color: #fbfbfb;
        border-bottom: 2px #e3e3e3 solid;
        text-align: center;
        line-height: 39px;
        cursor: pointer;
    }
    .senior .body .new span:nth-child(1){
        border-radius: 50%;
        border:1px #78ace8 solid;
        display: inline-block;
        width: 14px;
        text-align: center;
        height: 14px;
        line-height: 12px;
        padding-right: 13px;
    }
    .senior .body .new span{
        color:#78ace8
    }
    .senior .body .sele_ipt{
        width: 100%;
        height: 261px;
        overflow: hidden;
        overflow-y: scroll;
        background-color: #f5f5f5;
    }
    .senior .body .sele_ipt>div{
        height: 77px;
        background-color: #f5f5f5;
        margin-left: 19px;
        padding-top: 16px
    }
    .senior .body .sele_ipt>div>span{
        font-weight: bold;
    }
    .senior .body .sele_ipt>div>input{
        float: left;
        width: 149px;
        margin-top: 6px;
        height: 30px;
        font-size: 12px
    }
    .senior .body .sele_ipt .daxiao{
        width: 97px!important;
        margin-top: 6px
    }
    .senior .body .sele_ipt .ui-select-bootstrap>.ui-select-match>.btn{
        font-size: 12px;
        padding-left: 2px;
    }
    .senior .fot_btn{
        width: 100%;
        text-align: center;
        padding-top: 9px
    }
    .senior .fot_btn .search{
        width: 80px;
        height: 34px;
        background-color: #123f8f;
        border:1px #123f8f solid;
        color: white
    }
    .senior .fot_btn .guanbi{
        width: 80px;
        height: 34px;
        background-color: #f2f2f2;
        border:1px #d1d1d1 solid;
        color: black;
        margin-left: 19px
    }
</style>
<div ng-controller="fixedCtrl">
    <div class="row  onlines print-content" print-table="selected.items">
        <!--<label  class="qrcanvas"></label>-->
        <div class="qrcanvasfloat col-md-12">
            <label class="getfloat" ng-repeat="item in selected.items">
                <p print-only class="fontsizes">{{item.uuid||'空'}}</p>
                <p print-only class="fontsizes">{{item.name||'空'}}</p>
                <p print-only class="fontsizes">{{item.createtime|date:"yyyy-MM-dd"}}</p>
            </label>
        </div>
    </div>
    <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="row searchlistback" id="searchid">
        <div class="left">
            <div id="jiantou">
                <span class="tit">资产分类：</span><br>
                <multi-select-tree ng-model="cifilter_classic" data-input-model="select_treedata" data-output-model="cifilter_classics" theme="bootstrap" multi-select="false" data-default-label="资产分类" data-callback="onFilterCallback(item)" data-select-only-leafs="true"
                        reset-search-input="false" data-trans-label="label" data-switch-view="false"></multi-select-tree>
                <img src="assets/images/jiang/arrow.png" alt="" class="jiantou">
            </div>
            <div>
                <span class="tit">资产状态：</span><br>
                <select ng-model="searchStatus" class="cs-select cs-skin-slide radiu" ng-change="onChangestatus(searchStatus);">
                    <option value="">请选择状态</option>
                    <option value=""> 全部状态 </option>
                    <option value="1">在库</option>
                    <option value="2">在线</option>
                    <option value="3">借出</option>
                    <option value="4">报修</option>
                    <option value="5">报废</option>
                    <option value="6">备用</option>
                </select>
            </div>
            <div>
                <span class="tit">条件搜索：</span><br>
                <div class="tiaojian">
                    <select ng-model="searchTypes" class="cs-select cs-skin-slide radiuleft" ng-change="onChangetype(searchTypes);">
                        <option value="">选择搜索类型</option>
                        <option value="uuid">资产编码</option>
                        <option value="hw_mingcheng">资产名称</option>
                        <option value="hw_zherenren">责任人</option>
                    </select>
                </div>
                <input type="text" style="border-radius: 0px 4px 4px 0px !important" class="form-control tiaojianipt" ng-model="searchSolutionInput" placeholder="请输入关键字">
            </div>
        </div>
        <div class="right">
            <button type="button" class="btn anniu" ng-click="searchSolution(searchTypes,searchSolutionInput)" ng-disabled="!searchTypes||!searchSolutionInput">搜索</button>
            <input type="button" value="重置" class="anniu" ng-click="reset()">
            <input type="button" value="高级搜索" class="btn anniu" ng-disabled="propTypeOptions.length==0" ng-click="senior_cli()">
            <button print-hide class="btn btn-primary anniu" ng-disabled="selected.items.length==0" print-btn>打印二维码</button>
            <input type="button" value="导出" class="anniu" ng-click="exportopen()">
        </div>
    </div>
    <div ui-i18n="{{lang}} ">
        <!-- <div id="grid" ui-grid="gridOptions" ui-grid-pagination external-scopes="$scope" ui-grid-cellNav ui-grid-resize-columns ui-grid-pinning
            ui-grid-selection ui-grid-move-columns ui-grid-exporter class="grid"></div> -->
            <div id="grid1" ui-grid="gridOptions" ui-grid-pagination external-scopes="$scope" ui-grid-cellNav ui-grid-resize-columns ui-grid-pinning ui-grid-selection ui-grid-move-columns ui-grid-exporter class="grid"></div>
    </div>
    <!-- 高级搜索 -->
    <div class="senior_fixed" ng-show="senior_show">
        <div class="senior">
            <div class="head">
                <span>高级搜索</span>
                <span class="jiaocha" ng-click="close()">×</span>
            </div>
            <div class="body">
                <div class="new" ng-click="new_select()">
                    <span>＋</span>
                    <span>新增字段</span>
                </div>
                <div class="sele_ipt">
                    <!-- <div>
                        <span ng-click="haha()">自定义字段：</span><br>
                        <ui-select class="pull-left selectzise daxiao" ng-model="key1.propTypeOptions" theme="bootstrap">
                            <ui-select-match placeholder="选择搜索类型">
                                {{key1.propTypeOptions.templateOptions.label}}
                            </ui-select-match>
                            <ui-select-choices repeat="n in propTypeOptions">
                                <div ng-bind-html="n.templateOptions.label"></div>
                            </ui-select-choices>
                        </ui-select>
                        <input type="text" placeholder="请输入关键字" ng-model="a.value">
                    </div> -->
                    <!-- <div>
                        <span>自定义字段：</span><br>
                        <ui-select class="pull-left selectzise daxiao" ng-model="xinzengxiala2.propTypeOptions" theme="bootstrap">
                            <ui-select-match placeholder="选择搜索类型">
                                {{xinzengxiala2.propTypeOptions.templateOptions.label}}
                            </ui-select-match>
                            <ui-select-choices repeat="n in propTypeOptions">
                                <div ng-bind-html="n.templateOptions.label"></div>
                            </ui-select-choices>
                        </ui-select>
                        <input type="text" placeholder="请输入关键字">
                    </div>
                    <div>
                        <span>自定义字段：</span><br>
                        <ui-select class="pull-left selectzise daxiao" ng-model="xinzengxiala3.propTypeOptions" theme="bootstrap">
                            <ui-select-match placeholder="选择搜索类型">
                                {{xinzengxiala3.propTypeOptions.templateOptions.label}}
                            </ui-select-match>
                            <ui-select-choices repeat="n in propTypeOptions">
                                <div ng-bind-html="n.templateOptions.label"></div>
                            </ui-select-choices>
                        </ui-select>
                        <input type="text" placeholder="请输入关键字">
                    </div> -->
                    <div ng-repeat="r in new_one">
                        <span ng-click="dwdw()">自定义字段：</span><br>
                        <ui-select class="pull-left selectzise daxiao" ng-model="$parent.new_one[$index].keys" theme="bootstrap">
                            <ui-select-match placeholder="选择搜索类型">
                                {{r.keys.templateOptions.label}}
                            </ui-select-match>
                            <ui-select-choices repeat="n in propTypeOptions">
                                <div ng-bind-html="n.templateOptions.label"></div>
                            </ui-select-choices>
                        </ui-select>
                        <input type="text" placeholder="请输入关键字" ng-model="$parent.new_one[$index].vals">
                    </div>
                </div>
            </div>
            <div class="fot_btn">
                <input type="button" class="btn search" value="搜索" ng-click="gaoji_search()">
                <input type="button" class="btn guanbi" value="取消" ng-click="close()">
            </div>
        </div>
    </div>
</div>