response/target/classes/public/app/BasisInformationManage/view/JCXM.html

<style>
    .row .col-sm-3 {
        border-right: 5px solid #ddd;
    }

    .SortTop, #myTable {
        width: 80%;
        margin: 0 auto;
    }

    .AllBtn {
        text-align: center;
    }

        .AllBtn button {
            width: 80px;
            height: 30px;
            border-radius: 5px;
            margin: 10px;
            color: black;
            line-height: 11px;
        }

    /*#myTable {
        border: 2px solid black;
        border-color: #CCECF4;
    }*/

        #myTable tbody tr:nth-child(even) td {
            background-color: #CCECF4;
        }

        #myTable tbody tr {
            height: 40px;
        }

    .checkbox {
        margin: 0px;
    }

    #ZheZhao {
        width: 100%;
        height: 100%;
        background-color: #49daf7;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        opacity: 0.3;
        /*兼容IE8及以下版本浏览器*/
        filter: alpha(opacity=30);
        display: none;
    }

    #NeiRong {
        width: 1300px;
        height: 850px;
        background-color: #e0d6d6;
        margin: auto;
        position: absolute;
        z-index: 3;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: none;
    }
</style>
<div class="container-fluid">
    <div id="ZheZhao"></div>
    <div id="NeiRong">
        <div style="position: fixed;background-color: whitesmoke;width: 120px; text-align: center;">
            <a ng-click="cancel_shield()">关闭</a>
            <a ng-click="ZhengShiDaoRu()">确认导入</a>
        </div>
        <div id="shuju" style="overflow:scroll; width:1300px; height:840px"></div>
    </div>

    <div class="row">
        <div class="col-sm-3">
            <p style="margin-top:20px"><h4>所有项目类别 </h4></p>
            <div>
                <span>关键字：</span>
                <input type="text" ng-model="chaxun" class="form-control input-sm w-sm inline m-r  search-box" style="width:40%" />
                <span class="btn btn-default" ng-click="chabtn(chaxun)" style="width:20%;height:30px;border-radius:5px;line-height:30px;padding:0px" >查询</span>
            </div>
            <div ng-show="isshow">
                <img src="./img/1.gif" style="width:80%;height:80%;" />
            </div>
            <ul class="nav">
                <div data-angular-treeview="true"
                     data-tree-id="tree01"
                     data-tree-model="menu"
                     data-node-id="roleId"
                     data-node-label="roleName"
                     data-node-did="DId"
                     data-node-yid="YId"
                     data-node-pid="PId"
                     data-node-xid="XId"
                     data-node-children="children" ng-click="show()">
                </div>
            </ul>

        </div>
        <div class="col-sm-9">
            <h3>当前位置：所有项目类别原来的</h3>
            <div class="row text-left SortTop">
                <span>查询条件：</span>
                <select ng-model="mysel" ng-options="a.name for a in  Myjson">
                    <option value="">选择</option>
                </select>
                <span>搜索：</span>
                <input type="text" ng-model="mytxt" class="form-control input-sm w-sm inline m-r  search-box" />
                <span>
                    项目类别一共：&nbsp;<strong>{{mytt}}</strong>&nbsp;种
                </span>
            </div>
            <table st-table="dispData" st-safe-src="myData" class="table  table-bordered  table-hover text-center" id="myTable">
                <caption>
                    <div class="AllBtn">
                        <button class="btn btn-default" ng-click="btn()">查询</button>
                        <button class="btn btn-default" ng-click="add(1)">添加</button>
                        <button class="btn btn-default" ng-click="add(2)">修改</button>
                        <button class="btn btn-default" ng-click="delete()">删除</button>
                        <button class="btn btn-default" ng-click="DaoChu()">导出</button>
                    </div>
                </caption>

                <thead class="text-center">
                    <tr>
                        <th style="width:10%">选择</th>
                        <th style="width:15%">检测大类</th>
                        <th style="width:10%">检测亚类</th>
                        <th style="width:10%">检测小类</th>
                        <th style="width:10%">检测细类</th>
                        <th style="width:15%">启用标示</th>
                        <th style="width:15%">备注</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="item in dispData">
                        <td>
                            <div class="checkbox">
                                <label class="i-checks">
                                    <input type="checkbox" value="" ng-checked="isChecked(item.roleId)" ng-click="updateSelection($event,item.roleId)">
                                    <i></i>
                                </label>
                            </div>
                        </td>

                        <td>{{item.DName}}</td>
                        <td>{{item.YName}}</td>
                        <td>{{item.PName}}</td>
                        <td>{{item.XName}}</td>

                        <!--<td>{{item.roleId}}</td>-->
                        <!--<td>{{item.roleName}}</td>-->
                        <!--<td>{{item.FName}}</td>-->
                        <td>{{item.typeName}}</td>
                        <td>{{item.Remark}}</td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <td colspan="7" class="text-center">
                            <div st-pagination="" st-items-by-page="8" st-displayed-pages="15"></div>
                        </td>
                    </tr>
                </tfoot>
            </table>


        </div>
    </div>
</div>