107 lines
3.9 KiB
HTML
107 lines
3.9 KiB
HTML
<style>
|
|
.modal-body ul span {
|
|
color: black;
|
|
}
|
|
|
|
.modal-body {
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
#myTable td {
|
|
border: 1px solid #CDEDF5;
|
|
}
|
|
</style>
|
|
<link rel="stylesheet" type="text/css" href="../../Scripts/select2/css/select2.min.css">
|
|
<div>
|
|
<div class="modal-Top">
|
|
<button class="btn btn-success form-control disabled" style="text-align:center">选择食品类别</button>
|
|
</div>
|
|
<div class="modal-body" style="padding-left:0">
|
|
<p style="padding-left:30px;padding-bottom: 3px;font-size: 15px;">请选择样品类别</p>
|
|
<!--这里应该是数据库中的食品类别库-->
|
|
<div style="height: 40px;display: flex;align-items: flex-start;padding-left: 30px;">
|
|
<span style="font-size: 20px">关键字：</span>
|
|
<div style="float: left;height: 40px">
|
|
<select name="dept" ng-model="chaxun" data-placeholder="请选择" id="dept" style="width: 200px; height: 30px"
|
|
class="dept_select">
|
|
<option ng-repeat="item in SPXLData" value="{{item}}">{{item}}</option>
|
|
</select>
|
|
</div>
|
|
|
|
<!-- <input type="text" ng-model="chaxun" class="form-control input-sm w-sm inline m-r search-box" style="width:10%" />-->
|
|
<span class="btn btn-default" ng-click="chabtn()" style="width:6%;height:30px;border-radius:5px;line-height:30px;padding:0px;margin-left: 20px">查询</span>
|
|
</div>
|
|
<!-- <div class="col-sm-6">-->
|
|
<!-- <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-zid="ZId"-->
|
|
<!-- 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="">
|
|
<table st-table="dispData" st-safe-src="myData" class="table table-hover text-center" id="myTable">
|
|
<thead>
|
|
<tr>
|
|
<td>样品大类</td>
|
|
<td>样品亚类</td>
|
|
<td>样品类别</td>
|
|
<td>样品小类</td>
|
|
<td>操作</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="item in dispData">
|
|
<td>{{item.SPDL}}</td>
|
|
<td>{{item.SPYL}}</td>
|
|
<td>{{item.SPZL}}</td>
|
|
<td>{{item.SPXL}}</td>
|
|
|
|
<td><a ng-click="choose($index)">选择</a></td>
|
|
<tr />
|
|
|
|
|
|
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="5" class="text-center">
|
|
<div st-pagination="" st-items-by-page="8" st-displayed-pages="10"></div>
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button class="btn btn-info btn-sm" ng-click="Cancel()">取消</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<script src="../../Scripts/select2/js/select2.min.js"></script>
|
|
<script>
|
|
//select框可以输入查找选择
|
|
var select2 = $('#dept').select2();
|
|
//点击后触发函数
|
|
select2.on('select2:select', function(){
|
|
});
|
|
|
|
</script>
|