2025-06-27 10:04:22 +08:00

148 lines
5.2 KiB
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;
}
</style>
<div class="container-fluid" >
<div class="row">
<div class="col-sm-3" style="overflow:auto; height:880px; ">
<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-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="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="daochu()">导出最新</button>
<button class="btn btn-warning" ng-click="ExportToSQLSERVER()" style="min-width:120px">同步到SQL库</button>
<button class="btn btn-default" ng-click="del()">删除</button>
</div>
</caption>
<thead class="text-center">
<tr>
<th style="width:10%">选择</th>
<!--<th style="width:15%">类别编码</th>-->
<th style="width:15%">食品大类</th>
<th style="width:15%">食品亚类</th>
<th style="width:15%">食品品种</th>
<th style="width:20%">食品细类</th>
<!--<th style="width:30%">上级分类</th>-->
<th style="width:10%">启用标示</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.roleId}}</td>-->
<td>{{item.DName}}</td>
<td>{{item.YName}}</td>
<td>{{item.PName}}</td>
<td>{{item.XName}}</td>
<td>{{item.typeName}}</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>