<%@ page language="java" pageEncoding="UTF-8" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="tags" tagdir="/WEB-INF/tags"%> <c:set var="ctx" value="${pageContext.request.contextPath}"/> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>质量规则维护</title> <style> .table-null .table{ margin-bottom: 0px; } .table-null .table > tbody > tr > td, .table-null .table > thead > tr > th{ text-align: center; width: 25%; } .table-null td:first-child{ text-align: right; width: 36%; } .table-null tr td:last-child .form-control,.table-null tr td:last-child table{ width: 400px; } .file-box{ position:relative;} .file{ position:absolute; top:0; height:30px; filter:alpha(opacity:0);opacity:0;width:470px;cursor: pointer; } /* .file-box{ position:relative;width:340px} .txt{ height:22px; border:1px solid #cdcdcd; width:180px;} .btn{ background-color:#FFF; border:1px solid #CDCDCD;height:24px; width:70px;} .file{ position:absolute; top:0; right:80px; height:24px; filter:alpha(opacity:0);opacity: 0;width:260px } */ </style> </head> <body> <div class="container"> <ol class="breadcrumb"> <li><a href="${ctx}/index">首页</a></li> <li>数据质量核查</li> <li class="active">质量规则维护</li> </ol> </div> <div id="main-container main-tab-container"> <div id="content" class="container"> <div class="section"> <div class="tab-content"> <div class="tab-pane fade in active" id="home"> <div class="row"> <div class="col-xs-12"> <div class="table-header">质量规则更新</div> <form action="#" class="form-horizontal" id="ruleMaintainForm" method="post" enctype="multipart/form-data"> <table id="ruleMaintainTable" class="table-null"> <tr><td>省份(<font color="red">必填</font>):</td> <td><tags:ProvinceTag /></td> </tr> <tr><td>渠道(<font color="red">必填</font>):</td> <td><tags:ChannelTag /></td> </tr> <tr><td>业务(<font color="red">必填</font>):</td> <td><tags:BusinessTag /></td> </tr> <tr><td>数据来源(<font color="red">必填</font>):</td> <td><tags:DataSourceTag /></td> </tr> <tr><td>数据采集频率(<font color="red">必填</font>):</td> <td><select class="form-control" name="" id="" style="display: inline;"> <option value="0">30分钟</option> <option value="1">1小时</option> <option value="2">1天</option> <option value="3">1月</option> </select></td></tr> <tr><td>指标检测时间(<font color="red">必填</font>):</td> <td> <div> <input type="text" class="form-control" name="kpiMonitorTime" id="kpiMonitorTime" style="display: inline;" /> <select class="form-control" name="" id="" style="display: inline;"> <option value="0">分钟</option> <option value="1">小时</option> <option value="2">天</option> <option value="3">月</option> </select> </div></td> </tr> <tr><td>指标检测范围(<font color="red">必填</font>):</td> <td> <div> <input type="text" class="form-control" name="kpiMonitorRange" id="kpiMonitorRange" style="display: inline;" /> <select class="form-control" name="" id="" style="display: inline;"> <option value="0">分钟</option> <option value="1">小时</option> <option value="2">天</option> <option value="3">月</option> </select> </div></td> </tr> <tr><td>完整性阈值(<font color="red">必填</font>):</td><td><input type='text' name='integrityThresholdValue' id='integrityThresholdValue' class="form-control" style="display: inline;"/></td></tr> <tr><td>及时性阈值(<font color="red">必填</font>):</td><td><input type='text' name='timelinessThresholdValue' id='timelinessThresholdValue' class="form-control" style="display: inline;"/></td></tr> <tr><td>规则创建时间(<font color="red">必填</font>):</td><td><input type="text" class="form-control" id="ruleCrtTime" name="ruleCrtTime" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'ruleCrtTime\')}'})" /></td></tr> <tr><td>规则更新时间(<font color="red">必填</font>):</td><td><input id="ruleUpdateTime" name="ruleUpdateTime" class="form-control" type="text" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'ruleUpdateTime\')}'})"> </td></tr> <tr><td>准确性规则:</td> <td><select class="form-control" name="accuracyRule" id="accuracyRule" > <option value="0">无</option> <option value="1">范围类</option> <option value="2">重复类</option> </select></td></tr> <tr class="range"><td>范围最大值:</td><td><input type="text" class="form-control" name="scopeMaxValue" id="scopeMaxValue" /></td></tr> <tr class="range"><td>范围最小值:</td><td><input type="text" class="form-control" name="scopeMinValue" id="scopeMinValue" /></td></tr> <tr class="repeate"><td>重复考核粒度:</td><td><input type='text' name='repeatedCheckGranularity' id='repeatedCheckGranularity' class="form-control" style="display: inline;"/></td></tr> <tr class="repeate"><td>重复考核开始时间:</td><td><input type="text" class="form-control" id="repeatedCheckStartTime" name="repeatedCheckStartTime" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'repeatedCheckStartTime\')}'})" /></td></tr> <tr class="repeate"><td>重复考核结束时间:</td><td><input id="repeatedCheckEndTime" name="repeatedCheckEndTime" class="form-control" type="text" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'repeatedCheckEndTime\')}'})"></td></tr> <tr class="repeate"><td>重复是否连续:</td><td><input type='text' name='ifRepeatedCheckSeries' id='ifRepeatedCheckSeries' class="form-control" style="display: inline;"/></td></tr> <tr class="repeate"><td>重复最大次数:</td><td><input type='text' name='repeatedCheckMaxTime' id='repeatedCheckMaxTime' class="form-control" style="display: inline;"/></td></tr> <tr class="repeate"><td>数据是否累计:</td><td><input type='text' name='ifRepeatedCheckSummation' id='ifRepeatedCheckSummation' class="form-control" style="display: inline;"/></td></tr> <tr><td></td><td><button type="button" id="ruleSubmit" class="btn btn-primary">确定</button> <button type="reset" class="btn btn-default" id="ruleReset">清空</button> <button type="reset" class="btn btn-warning" id="ruleBack">返回</button> </td></tr> </table> </form> </div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(".range").hide(); $(".repeate").hide(); $("#accuracyRule").change(function (){ var selectValue = $("#accuracyRule").val(); console.log(selectValue); if (selectValue == 0){ $(".range").hide(); $(".repeate").hide(); } if (selectValue == 1){ $(".repeate").hide(); $(".range").show(); } if (selectValue == 2){ $(".range").hide(); $(".repeate").show(); } }) </script> </body> </html>