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

212 lines
10 KiB
HTML

<style type="text/css">
.top {
width: 80%;
margin: auto;
display: flex;
align-items: center;
}
.top select {
width: 150px;
height: 30px;
margin-left: 10px;
}
.guanLi {
width: 93%;
margin: auto;
text-align: center;
}
.guanLi tr {
height: 30px;
}
.yanse {
background: #e4f4f8;
border: #c9ebf2 1px solid;
}
.btn {
width: 60px;
text-align: center;
height: 30px;
margin-left: 50px;
background: #e4e8e5f5;
border: none;
color: #fff;
border-radius: 5px;
}
.class_tabel {
/*position: absolute;*/
height: 40px;
text-align: center;
font-size: 15px;
line-height: 40px;
background: #e4f4f8;
border: #c9ebf2 1px solid;
}
</style>
<div class="container">
<div class="row Top">
<i></i>
<h2>不合格率</h2>
<i style="float:right"></i>
</div>
<div style="margin-top: 40px;">
<div class="row text-left SortTop">
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title" data-toggle="collapse" data-parent="#accordion"
href="#collapseOne" style="cursor:pointer;">
<!--自定义风险评估(小类)-->
</h4>
</div>
<div id="collapseOne" style="margin-top: 20px;">
<div class="form-group">
<div style="float: left;">
<label class="col-sm-2 control-label" style="width: 170px;">污染物数据库:</label>
<select ng-model="mysel" ng-options="a.mytext for a in Myjson" style="margin-right:10px;width: 100px; height: 30px; border: 1px solid #ccc;" ng-change="MyjsonChange()">
<option value="">选择</option>
</select>
<select ng-model="mysel1" ng-options="a.mytext for a in Myjson1" style="margin-right:10px;width: 100px; height: 30px; border: 1px solid #ccc;" ng-show="!isdate">
<option value="">选择</option>
</select>
<input type="text" style="width:200px;" ng-model="mytxt" placeholder="" class="form-control input-sm w-sm inline m-r" ng-show="SouSuoShow" />
</div>
<div style="float: left;margin-left: 6px; margin-right: 15px;" ng-show="RWLYSHOW">
<select name="dept" ng-model="myselpublic" data-placeholder="请选择" id="dept" style=" width: 200px; " class="dept_select">
<option value="-1"></option>
<option ng-repeat="item in RELYdata" value="{{item.mytext}}">{{item.mytext}}</option>
</select>
</div>
<div>
<input type="date" style="width:150px;" ng-model="datebegin" placeholder="" class="form-control input-sm w-sm inline m-r" ng-show="isdate" />
<input type="date" style="width:150px;" ng-model="dateend" placeholder="" class="form-control input-sm w-sm inline m-r" ng-show="isdate" />
<input style="background-color:burlywood;border-color:burlywood;" type="button" class="btn btn-success" ng-click="addTJ('and')" value="+并且" />
<input style="background-color:burlywood;border-color:burlywood;" type="button" class="btn btn-success" ng-click="addTJ('or')" value="+或" />
</div>
</div>
<div>
<table st-table="dispData1" st-safe-src="TJTable" class="table table-striped" id="myTable" style="width:80%">
<thead>
<tr>
<th></th>
<th>查询条件</th>
<th>查询类型</th>
<th>查询内容</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="item in dispData1">
<td> {{item.lianjietype}}</td>
<td> {{item.CXTJ}}</td>
<td> {{item.CXLX}}</td>
<td> {{item.CXNR}}</td>
<td ng-click="deleteTJ(item)"> 删除 </td>
</tr>
</tbody>
</table>
</div>
</div>
<!--<div id="collapseOne2" style=" margin-top: 50px;">
<div class="form-group">
<label class="col-sm-2 control-label" style="width: 170px;">消费量数据库:</label>
<select ng-model="mysel2" ng-options="a.mytext for a in Myjson2" style="margin-right:10px;width: 100px; height: 30px; border: 1px solid #ccc;" ng-change="MyjsonChange2()">
<option value="">选择</option>
</select>
<select ng-model="mysel12" ng-options="a.mytext for a in Myjson12" style="margin-right:10px;width: 100px; height: 30px; border: 1px solid #ccc;" ng-show="!isdate2">
<option value="">选择</option>
</select>
<select ng-model="myselpublic2" ng-options="a.mytext for a in RELYdata2" style="margin-right: 15px;width: 200px; height: 30px; border: 1px solid #ccc;" ng-show="RWLYSHOW2">
<option value="">选择</option>
</select>
<input type="date" ng-model="datebegin2" placeholder="" class="form-control input-sm w-sm inline m-r" ng-show="isdate2" />
<input type="date" ng-model="dateend2" placeholder="" class="form-control input-sm w-sm inline m-r" ng-show="isdate2" />
<input type="text" ng-model="mytxt2" placeholder="" style="width:200px;" class="form-control input-sm w-sm inline m-r" ng-show="SouSuoShow2" />
<input style="background-color:burlywood;border-color:burlywood;" type="button" class="btn btn-success" ng-click="addTJ2('and')" value="+并且" />
<input style="background-color:burlywood;border-color:burlywood;" type="button" class="btn btn-success" ng-click="addTJ2('or')" value="+或" />
</div>
<div style="text-align: -webkit-center;">
<table st-table="dispData12" st-safe-src="TJTable2" class="table table-striped" id="myTable2" style="width:80%">
<thead>
<tr>
<th> </th>
<th>查询条件</th>
<th>查询类型</th>
<th>查询内容</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="item in dispData12">
<td> {{item.lianjietype}}</td>
<td> {{item.CXTJ}}</td>
<td> {{item.CXLX}}</td>
<td> {{item.CXNR}}</td>
<td ng-click="deleteTJ2(item)"> 删除 </td>
</tr>
</tbody>
</table>
</div>
</div>-->
<div style=" text-align: center; width: 100%;margin-bottom: 20px;margin-top: 20px;">
<input type="button" style="background: #0eb3e694;" class="btn btn-success" value="搜索" ng-click="btn_clcik()" />
<input type="button" class="btn btn-success" style="background-color:#0eb3e694; width: 50px;" value="导出" ng-click="BHGLDC()" />
</div>
</div>
</div>
</div>
<div style=" text-align: center; width: 100%;margin-bottom: 20px;margin-top: 20px; display: none">
<input type="button" style="background: #0eb3e694; width: 80px;" class="btn btn-success" value="食品小类" ng-click="btn_num(1)" />
<input type="button" class="btn btn-success" style="background-color:#0eb3e694; width: 80px;" value="食品品种" ng-click="btn_num(2)" />
<input type="button" class="btn btn-success" style="background-color:#0eb3e694; width: 80px;" value="食品亚类" ng-click="btn_num(3)" />
<input type="button" class="btn btn-success" style="background-color:#0eb3e694; width: 80px;" value="食品大类" ng-click="btn_num(4)" />
<input type="button" class="btn btn-success" style="background-color:#0eb3e694; width: 80px;" value="预警" ng-click="btn_yujing()" />
</div>
<div style="">
<table class="layui-hide" id="buhegelv"></table>
</div>
</div>
</div>
<script>
$(function () {
$('.dept_select').chosen();
});
</script>