IntelligentRecognition/ah-jjsp-web/bns/html/riskDropRateCal/riskDropRateCal.html

403 lines
21 KiB
HTML
Raw Normal View History

2024-05-24 16:09:40 +08:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="../../css/bootstrap/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="../../css/bootstrap-table/bootstrap-table.css"/>
<link type="text/css" rel="stylesheet" href="../../js/layui/css/layui.css">
<link href="../../js/layui/formSelects-v4.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="../../css/table-common2.css">
<link type="text/css" rel="stylesheet" href="../../css/riskDropRateCal/riskDropRateCal.css">
<link href="../../css/hover.css" rel="stylesheet" media="all">
<link type="text/css" rel="stylesheet" href="../../css/jquery-confirm.css">
<link type="text/css" rel="stylesheet" href="../../js/layui/font/icon/iconfont.css">
<script src="../../js/public/jquery-3.6.0.js" type="text/javascript"></script>
<script src="../../js/layui/layui.js" type="text/javascript"></script>
<script src="../../js/public/fSelect.js" type="text/javascript"></script>
<script src="../../js/public/jquery-confirm.js" type="text/javascript"></script>
<script src="../../js/bootstrap/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/projectInformation/child/slide.js"></script>
<script src="../../js/public/public.js"></script>
<script src="../../js/public/sm3.js" type="text/javascript"></script>
<script src="../../js/public/commonsystem.js" type="text/javascript" charset="utf-8"></script>
<title>线路施工安全风险列表</title>
</head>
<body>
<div class="content-box-search-left">
<div class="content-box-search-item">
<div class="model-title layout">
<p></p>
<p>基础信息</p>
<p lay-active="isShow" style="color: #2F82FB;margin-left: 20px">
<span>展开</span>
<i class="layui-icon layui-icon-down"></i>
</p>
</div>
<hr style="border-bottom: 1px solid #c2c2c2 !important;"/>
<div class="content-box-search-item-div" style="display: none;">
<form class="layui-form" onsubmit="return false;">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">地市</label>
<div class="layui-input-inline">
<select id="cityName" class="layui-select" xm-select="cityName" xm-select-search
xm-select-search-type="dl" xm-select-show-count='1'>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">工程名称</label>
<div class="layui-input-inline" style="width: 700px">
<select id="proName" class="layui-select" xm-select="proName" xm-select-search
xm-select-search-type="dl" xm-select-show-count='1'></select>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="content-box-search-item" >
<div class="model-title layout">
<p></p>
<p>基础施工风险</p>
<p lay-active="isShow" style="color: #2F82FB;margin-left: 20px">
<span>展开</span>
<i class="layui-icon layui-icon-down"></i>
</p>
</div>
<hr style="border-bottom: 1px solid #c2c2c2 !important;"/>
<div class="content-box-search-item-div" style="display: none;">
<form class="layui-form" onsubmit="return false;">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">基础类型</label>
<div class="layui-input-inline">
<select id="basicBaseType" class="layui-select">
<option value="">全部</option>
<option value="板式基础">板式基础</option>
<option value="灌注桩">灌注桩</option>
<option value="掏挖基础">掏挖基础</option>
<option value="人工挖孔桩基础">人工挖孔桩基础</option>
<option value="其他">其他</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">作业方式</label>
<div class="layui-input-inline">
<select id="basicWorkStyle" class="layui-select">
<option value="">全部</option>
<option value="人工开挖">人工开挖</option>
<option value="机械开挖">机械开挖</option>
<option value="旋挖钻机">旋挖钻机</option>
<option value="爆破作业">爆破作业</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">风险等级</label>
<div class="layui-input-inline">
<select id="basicRiskLevel" class="layui-select">
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">功法应用</label>
<div class="layui-input-inline">
<select id="basicAppMethod" class="layui-select">
<option value="">全部</option>
<option value="深基坑一体化装置">深基坑一体化装置</option>
<option value="二氧化碳气体致裂法">二氧化碳气体致裂法</option>
<option value="其他">其他</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label" style="width: 11rem !important;">三级及以上风险作业工序:</label>
<div class="layui-input-inline">
<input type="text" class="layui-input"
id="basicOperProcedure">
</div>
</div>
</div>
</form>
</div>
</div>
<div class="content-box-search-item" >
<div class="model-title layout">
<p></p>
<p>组塔施工风险</p>
<p lay-active="isShow" style="color: #2F82FB;margin-left: 20px">
<span>展开</span>
<i class="layui-icon layui-icon-down"></i>
</p>
</div>
<hr style="border-bottom: 1px solid #c2c2c2 !important;"/>
<div class="content-box-search-item-div" style="display: none;">
<form class="layui-form" onsubmit="return false;">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">杆塔全高</label>
<div class="layui-input-inline">
<select id="groupTowerFullHeight" class="layui-select">
<option value="">全部</option>
<option value="1">小于60</option>
<option value="2">大于等于60</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">组塔方式</label>
<div class="layui-input-inline">
<select id="groupTowerStyle" class="layui-select" lay-search>
<option value="">全部</option>
<option value="流动式起重机立塔">流动式起重机立塔</option>
<option value="落地抱杆分解吊装组立">落地抱杆分解吊装组立</option>
<option value="内悬浮内拉线抱杆分解组塔">内悬浮内拉线抱杆分解组塔</option>
<option value="内悬浮外拉线抱杆分解组塔">内悬浮外拉线抱杆分解组塔</option>
<option value="附着式外拉线抱杆分解组立">附着式外拉线抱杆分解组立</option>
<option value="其他">其他</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">风险等级</label>
<div class="layui-input-inline">
<select id="groupTowerRiskLevel">
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">功法应用</label>
<div class="layui-input-inline">
<select id="groupTowerAppMethod" class="layui-select">
<option value="">全部</option>
<option value="抱杆监测装置">抱杆监测装置</option>
<option value="其他">其他</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label" style="width: 11rem !important;">三级及以上风险作业工序:</label>
<div class="layui-input-inline">
<input type="text" class="layui-input"
id="groupTowerOperProcedure">
</div>
</div>
</div>
<div class="layui-form-item">
</div>
</form>
</div>
</div>
<div class="content-box-search-item">
<div class="model-title layout">
<p></p>
<p>架线施工风险</p>
<p lay-active="isShow" style="color: #2F82FB;margin-left: 20px">
<span>展开</span>
<i class="layui-icon layui-icon-down"></i>
</p></div>
<hr style="border-bottom: 1px solid #c2c2c2 !important;"/>
<div class="content-box-search-item-div" style="display: none;">
<form class="layui-form" onsubmit="return false;">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">跨越物</label>
<div class="layui-input-inline">
<input type="text" class="layui-input" id="wireSpan">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">放线方式</label>
<div class="layui-input-inline">
<select id="wireStyle" class="layui-select">
<option value="">全部</option>
<option value="张力架线,张力放线">张力放(架)线</option>
<option value="低张力架线,低张力放线">低张力放(架)线</option>
<option value="其他">其他</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">风险等级</label>
<div class="layui-input-inline">
<select id="wireRiskLevel" class="layui-select">
</select>
</div>
</div>
<!-- <div class="layui-inline">
<label class="layui-form-label" style="width: 1.3rem !important;">3级及以上风险作业工序</label>
<div class="layui-input-inline">
<input type="text" class="layui-input" id="wireOperProcedure">
</div>
</div>-->
<div class="layui-inline">
<label class="layui-form-label">功法应用</label>
<div class="layui-input-inline">
<select id="wireAppMethod" class="layui-select">
<option value="">全部</option>
<option value="集控可视化牵引">集控可视化牵引</option>
<option value="其他">其他</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label" style="width: 11rem !important;">三级及以上风险作业工序:</label>
<div class="layui-input-inline">
<input type="text" class="layui-input"
id="wireOperProcedure">
</div>
</div>
</div>
</form>
</div>
</div>
<div class="content-box-search-item">
<div class="model-title layout">
<p></p>
<p>"8+2"类风险</p>
<p lay-active="isShow" style="color: #2F82FB;margin-left: 20px">
<span>展开</span>
<i class="layui-icon layui-icon-down"></i>
</p>
</div>
<hr style="border-bottom: 1px solid #c2c2c2 !important;"/>
<div class="content-box-search-item-div" style="display: none;">
<form class="layui-form" onsubmit="return false;" style="margin: 0.1rem 0;">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">风险类型</label>
<div class="layui-input-inline">
<select id="riskType" class="layui-select" lay-search>
<option value="">全部</option>
<option value="拆除作业">拆除作业</option>
<option value="超长抱杆">超长抱杆</option>
<option value="深基坑">深基坑</option>
<option value="索道">索道</option>
<option value="水上作业">水上作业</option>
<option value="反向拉线">反向拉线</option>
<option value="不停电跨越">不停电跨越</option>
<option value="近电作业">近电作业</option>
<option value="特殊气象环境下的作业">特殊气象环境下的作业</option>
<option value="特殊地理条件下的作业">特殊地理条件下的作业</option>
<option value="无"></option>
</select>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="content-box-search-item">
<div class="model-title layout">
<p></p>
<p>线路施工安全风险压降率综合计算</p>
</div>
<hr style="border-bottom: 1px solid #c2c2c2 !important;"/>
<div class="content-box-search-item-div">
<form class="layui-form" style="margin: 10px" onsubmit="return false;">
<div class="layui-input-inline">
<input type="checkbox" name="basic" lay-skin="primary" value="基础" title="基础">
<input type="checkbox" name="tower" lay-skin="primary" value="组塔" title="组塔">
<input type="checkbox" name="wire" lay-skin="primary" value="架线" title="架线">
</div>
</form>
<div class="content-box-search-right-item" style="border-bottom: none;margin-left: 1%">
<button class="layui-btn layui-btn-normal query" onclick="query(1)" style="background-color: #2F82FB;">
查询
</button>
<button class="layui-btn layui-btn-primary query"
onclick="query(2)">重置
</button>
</div>
<div class="content-box-calculateInfo-center" style="font-size: 16px;">
<div class="content-box-calculateInfo-center-item boxItem1" style="width: 20%">
</div>
<hr/>
<div class="content-box-calculateInfo-center-item boxItem2" style="width: 20%">
</div>
<hr/>
<div class="content-box-calculateInfo-center-item boxItem3" style="width: 30%;border-right: none">
<p style="width: 100%;text-align: center;">当前查询压降率综合计算结果</p>
<div class="box">
<div id="center-item-first">
<div class="center-item-first-box" style="border-bottom: none;">
</div>
<div class="center-item-first-box">
</div>
</div>
<div id="center-item-second" style="visibility: hidden">
<p>x</p>
<p>100%</p>
</div>
<div id="center-item-third">
</div>
</div>
</div>
<hr/>
<div class="boxItem4">
<div class="content-box-search-right-item"
style="margin-right:20px;float: right; border-bottom: none">
<a class="layui-btn layui-btn-normal"
id="downloadExcel"
style="text-decoration-line: none;color: #fff;font-size: 16px;background-color: #2F82FB;">模板下载</a>
<button class="layui-btn layui-btn-primary" id="exportData"
onclick="exportData()"><img style="margin-bottom: 5px;"
src="../../img/common-icon/import-icon.png" alt="">导入
</button>
<button class="layui-btn layui-btn-primary"
style="color: red;border: 1px solid red;background-color: transparent;"
onclick="dataCleaning()">数据清理
</button>
<input type="file" id="import-excel" name="image" style="display: none;"/>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content-box-table table-responsive" style="z-index: 1;height: 44%;">
<table id="testTable" class="table"></table>
<div id="voi-page" class="layout"></div>
</div>
</body>
<!-- 模态框Modal -->
<div class="modal fade" id="myModal_edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog paidan-modal" style="font-size: 0.14rem">
<div class="modal-content" style="width:850px;margin-left:-100px">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title" id="myModalLabel">未导入信息</h4>
</div>
<div class="modal-body" style="padding:25px 15px 0;">
<h3 style="font-size:15px;margin-bottom: 10px;">具体信息</h3>
<div class="table-responsive" id="tableAjax">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>
<div id="outerdiv"
style="position:fixed;top:0;left:0;background:transparent;z-index:2;width:100%;height:100%;display:none;">
<div id="innerdiv" style="position:absolute;">
<img id="bigimg" src=""/>
</div>
</div>
<style>
.xm-select-parent .xm-form-select dl .xm-select-tips:nth-of-type(1) {
display: none !important;
}
</style>
<script type="text/javascript" charset="UTF-8" src="../../js/riskDropRateCal/riskDropRateCal.js"></script>
</html>