YLShipBuildLandMap/YLShipBuildLandMap.Web/wwwroot/app/js/template/modal_tugitemselect.html

<style>
    .table > thead > tr > th > label, .table > tbody > tr > td > label {
        height: 10px !important;
    }

        .table > tbody > tr > td > label:before {
            top: 1px !important;
            left: 2px !important;
        }

        .table > thead > tr > th > label:before {
            top: 1px !important;
        }

    .th-checkbox {
        text-align: left !important;
    }

    .typetree {
        border: 1px solid #ddd;
        height: 550px;
    }

        .typetree > .typetop {
            padding: 7px 0px;
            background: #ddd;
            cursor: pointer;
        }

        .typetree > .typebody {
            padding-top: 10px;
            overflow-y: auto;
            overflow-x: hidden;
            height: 517px;
        }

    .col-md-2 {
        padding-right: 7px
    }

    .col-md-10 {
        padding-left: 7px
    }

    .selected-type {
        color: #1a41af;
        font-weight: bold;
    }

    .non-selected-type {
        color: #333333;
        font-weight: none;
    }

    select {
        box-shadow: none !important;
        border: none !important;
    }

    .midbtn {
        margin-bottom: 10px;
    }

    .typetree > .typebody::-webkit-scrollbar { /*滚动条整体样式*/
        width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
        height: 6px;
    }

    .typetree > .typebody::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 5px #F9F9F9;
        background: #ddd;
    }

    .typetree > .typebody::-webkit-scrollbar-track { /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px #F9F9F9;
        border-radius: 0;
        background: #F9F9F9;
    }
</style>
<div class="modal" tabindex="-1" role="dialog">
    <div class="modal-dialog" style="width:{{fdata.width}}%;">
        <div class="card">
            <div class="header">
                <button type="button" class="close" ng-click="$hide()">&times;</button>
                <h5 class="modal-title">{{fdata.title}}</h5>
            </div>
            <div class="body" style="padding: 10px 10px 5px 10px;">
                <div class="row">
                    <div class="col-md-2">
                        <div class="typetree">
                            <div class="typetop" ng-class="(selectparams.itemTypeID == null && selectparams.itemType == null)? 'selected-type' : 'non-selected-type'" style="color:#333333;">
                                <span style="margin-left:10px;cursor:pointer;" ng-click="selectItemType({ItemTypeId:null})">所有分类</span>
                            </div>
                            <div class="typebody">
                                <ul>
                                    <li style="list-style:none;" ng-repeat="itemType in itemTypeList" ng-include="'typeNodes.html'">
                                </ul>
                                <script type="text/ng-template" id="typeNodes.html">
                                    <li class="row" ng-class="selectparams.itemTypeID == itemType.ItemTypeId ||selectparams.itemType == itemType.ItemTypeId? 'selected-type' : 'non-selected-type'">
                                        <span ng-click="itemType.show=!itemType.show" >
                                            <a href="" class="glyphicon" ng-class="itemType.Childrens.length>0?(itemType.show? 'glyphicon-chevron-down' : 'glyphicon-chevron-right'):''"></a>
                                            <span class="ModulesSpan" style="cursor: pointer; margin-top:2px;" ng-style="{'margin-left': itemType.Childrens.length == 0 ? '12px' : '0px'}" ng-click="selectItemType(itemType)">{{itemType.Name}}</span>
                                        </span>
                                    </li>
                                    <div style="padding: 2px 0px 2px 12px; margin-left: 0px;" ng-hide="!itemType.show">
                                        <div ng-repeat="itemType in itemType.Childrens" ng-include="'typeNodes.html'" style="cursor: pointer;"></div>
                                    </div>
                                </script>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-10">
                        <div class="search-param-panel">
                            <div class="search-input">
                                <div class="row clearfix form-inline">
                                    <div class="col-lg-2 col-md-2 dj-label">
                                        <label>物资编码</label>
                                    </div>
                                    <div class="col-lg-2 col-md-2">
                                        <div class="form-group">
                                            <div class="form-line">
                                                <input type="text" class="form-control" name="code" ng-model="selectparams.code" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg2 col-md-2 dj-label">
                                        <label>物资名称</label>
                                    </div>
                                    <div class="col-lg2 col-md-2">
                                        <div class="form-group">
                                            <div class="form-line">
                                                <input type="text" class="form-control" name="name" ng-model="selectparams.name" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="search-btn">
                                <button class="btn btn-default1"
                                        ng-click="findSData()">
                                    查询
                                </button>
                            </div>
                        </div>
                        <div class="row">
                            <div class="{{fdata.isMulti==true?'col-md-8':'col-md-12'}}" style="margin-bottom: 0px;">
                                <div class="panel panel-default">
                                    <div class="panel-heading">查询列表</div>
                                    <div style="overflow: auto;">
                                        <bs-dtable datarows="fdata.items" datacols="fdata.columns"
                                                   ismulti="fdata.isMulti"></bs-dtable>
                                    </div>
                                    <pagination data-pageindex="selectparams.pageIndex"
                                                data-pagesize="selectparams.pageSize"
                                                data-ptotal="ptotal"></pagination>
                                </div>
                            </div>
                            <div class="col-md-1" style="height: 420px;" ng-show="fdata.isMulti">
                                <div class="maddleButton" style="margin-top: 100px;display: inline-block;width: auto;">
                                    <div class="midbtn">
                                        <button type="button" class="btn btn-success midbtn" ng-click="addItem()">添加</button>
                                    </div>
                                    <div class="midbtn">
                                        <button type="button" class="btn btn-danger midbtn" ng-click="deleteItem()">删除</button>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3" ng-show="fdata.isMulti">
                                <div class="panel panel-default">
                                    <div class="panel-heading">已选择</div>
                                    <div class="panel-body" style="overflow: auto; padding: 0px;">
                                        <select class="form-control"
                                                style="padding: 5px 0px 5px 10px; font-size: 12px;overflow-y: auto;height: 450px !important;"
                                                multiple="multiple" ng-model="fdata.selectTemp"
                                                ng-options="it[dataoptions.selectLabelKey] for it in fdata.selectedJData"
                                                ng-dblclick="deleteItem(it)"></select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer" style="padding: 0px 10px 10px 10px;">
                <button type="button" class="btn btn-default" ng-click="$hide()">取消</button>
                <button type="button" class="btn btn-primary" ng-click="selectedData()">选择</button>
            </div>
        </div>
    </div>
</div>