本文介绍了一个用于定义任务的网页布局及交互逻辑,包括任务名称、触发条件、短信内容配置等功能,适用于短信提醒或自动化任务场景。
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<title>任务定义</title>
<meta name="decorator" content="default"/>
<style type="text/css">
.div_main{position:absolute; width:100%;height:90%;top:30px;}
.notediv{}
.notediv > div{width:100%;float:left;margin-top:8px;}
.div_content{width:95%;height:100%;float:left;font-size:14px;margin-left:2%;padding-top:10px;}
.div_content > div{width:100%;float:left;margin-top:8px;}
.title_span{width:100px;float:left;font-weight:bold;}
.span_100{float:left;width:100px;}
.span_200{float:left;width:200px;}
</style>
<script type="text/javascript">
$(document).ready(function() {
//初始化触发条件中状态
<c:forEach items="${triggerRelations}" var="rt">
$("input[role='dType'][value='${rt}']").attr("checked","checked");
</c:forEach>
<c:forEach items="${contentList}" var="ct" varStatus="status">
if("${status.index}" == "0"){
var rank = "${ct.cRank}";
$("#cHead"+rank).val("${ct.cHead}");
$("#cContent"+rank).val("${ct.cContent}");
$("#cEnd"+rank).val("${ct.cEnd}");
}
</c:forEach>
});
</script>
</head>
<body>
<ul class="nav nav-tabs">
<li class="active"><a href="##">任务定义</a></li>
<li><a href="${ctx}/ns/excuteSituation?sId=${noteSet.sId}">执行情况</a></li>
</ul>
<div class="div_main">
<div class="div_content">
<div>
<span class="title_span">任务名称</span>
<span style="float:left;">
<input type="text" class="input-medium" id="sName" value="${noteSet.sName}"/>
</span>
</div>
<c:forEach items="${noteTriggerMap.dTypes}" var="dType" varStatus="status">
<div>
<span class="title_span">
<c:if test="${status.index == 0}">就诊类型</c:if>
</span>
<span class="span_100">
<c:choose>
<c:when test="${noteSet.sType == dType}">
<input type="radio" name="sType" value="${dType}" checked="checked"/>${dType}
</c:when>
<c:otherwise>
<input type="radio" name="sType" value="${dType}"/>${dType}
</c:otherwise>
</c:choose>
</span>
<span class="span_100">
短信触发环节：
</span>
<span style="float:left;">
<c:forEach items="${noteTriggerMap.dataList}" var="noteTrigger">
<c:if test="${noteTrigger.dType == dType}">
<input type="checkbox" name="${dType}" role="dType" value="${noteTrigger.tId}"/>${noteTrigger.tType}
</c:if>
</c:forEach>
</span>
</div>
</c:forEach>
<c:choose>
<c:when test="${noteSet.sSample eq '1'}">
<div style="margin-top:10px;">
<span class="title_span">抽样方式</span>
<span class="span_100">
<input type="radio" name="sSample" checked="checked"/>全样本
</span>
<span style="float:left;">
<input type="radio" name="sSample"/>抽样比例
<input type="text" class="input-mini"/>%
</span>
</div>
</c:when>
<c:when test="${noteSet.sSample eq '2'}">
<div style="margin-top:10px;">
<span class="title_span">抽样方式</span>
<span class="span_100">
<input type="radio" name="sSample"/>全样本
</span>
<span style="float:left;">
<input type="radio" name="sSample" checked="checked"/>抽样比例
<input type="text" class="input-mini" value="${noteSet.sProp}"/>%
</span>
</div>
</c:when>
</c:choose>
<div class="notediv" style="width:600px;">
<div>
<span class="title_span">首次短信</span>
<span class="title_span">短信头</span>
<span style="float:left;"><input type="text" class="input-xlarge" id="cHead0"/></span>
</div>
<div>
<span class="title_span"> </span>
<span class="title_span">短信内容</span>
<span style="float:left;"><textarea rows="3" cols="" style="width:284px;" id="cContent0"></textarea></span>
</div>
<br/>
<div style="margin-top:5px;">
<span class="title_span"> </span>
<span class="title_span">短信尾</span>
<span style="float:left;"><input type="text" class="input-xlarge" id="cEnd0"/></span>
</div>
</div>
</div>
</div>
</body>
</html>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<title>任务定义</title>
<meta name="decorator" content="default"/>
<style type="text/css">
.div_main{position:absolute; width:100%;height:90%;top:30px;}
.notediv{}
.notediv > div{width:100%;float:left;margin-top:8px;}
.div_content{width:95%;height:100%;float:left;font-size:14px;margin-left:2%;padding-top:10px;}
.div_content > div{width:100%;float:left;margin-top:8px;}
.title_span{width:100px;float:left;font-weight:bold;}
.span_100{float:left;width:100px;}
.span_200{float:left;width:200px;}
</style>
<script type="text/javascript">
$(document).ready(function() {
//初始化触发条件中状态
<c:forEach items="${triggerRelations}" var="rt">
$("input[role='dType'][value='${rt}']").attr("checked","checked");
</c:forEach>
<c:forEach items="${contentList}" var="ct" varStatus="status">
if("${status.index}" == "0"){
var rank = "${ct.cRank}";
$("#cHead"+rank).val("${ct.cHead}");
$("#cContent"+rank).val("${ct.cContent}");
$("#cEnd"+rank).val("${ct.cEnd}");
}
</c:forEach>
});
</script>
</head>
<body>
<ul class="nav nav-tabs">
<li class="active"><a href="##">任务定义</a></li>
<li><a href="${ctx}/ns/excuteSituation?sId=${noteSet.sId}">执行情况</a></li>
</ul>
<div class="div_main">
<div class="div_content">
<div>
<span class="title_span">任务名称</span>
<span style="float:left;">
<input type="text" class="input-medium" id="sName" value="${noteSet.sName}"/>
</span>
</div>
<c:forEach items="${noteTriggerMap.dTypes}" var="dType" varStatus="status">
<div>
<span class="title_span">
<c:if test="${status.index == 0}">就诊类型</c:if>
</span>
<span class="span_100">
<c:choose>
<c:when test="${noteSet.sType == dType}">
<input type="radio" name="sType" value="${dType}" checked="checked"/>${dType}
</c:when>
<c:otherwise>
<input type="radio" name="sType" value="${dType}"/>${dType}
</c:otherwise>
</c:choose>
</span>
<span class="span_100">
短信触发环节：
</span>
<span style="float:left;">
<c:forEach items="${noteTriggerMap.dataList}" var="noteTrigger">
<c:if test="${noteTrigger.dType == dType}">
<input type="checkbox" name="${dType}" role="dType" value="${noteTrigger.tId}"/>${noteTrigger.tType}
</c:if>
</c:forEach>
</span>
</div>
</c:forEach>
<c:choose>
<c:when test="${noteSet.sSample eq '1'}">
<div style="margin-top:10px;">
<span class="title_span">抽样方式</span>
<span class="span_100">
<input type="radio" name="sSample" checked="checked"/>全样本
</span>
<span style="float:left;">
<input type="radio" name="sSample"/>抽样比例
<input type="text" class="input-mini"/>%
</span>
</div>
</c:when>
<c:when test="${noteSet.sSample eq '2'}">
<div style="margin-top:10px;">
<span class="title_span">抽样方式</span>
<span class="span_100">
<input type="radio" name="sSample"/>全样本
</span>
<span style="float:left;">
<input type="radio" name="sSample" checked="checked"/>抽样比例
<input type="text" class="input-mini" value="${noteSet.sProp}"/>%
</span>
</div>
</c:when>
</c:choose>
<div class="notediv" style="width:600px;">
<div>
<span class="title_span">首次短信</span>
<span class="title_span">短信头</span>
<span style="float:left;"><input type="text" class="input-xlarge" id="cHead0"/></span>
</div>
<div>
<span class="title_span"> </span>
<span class="title_span">短信内容</span>
<span style="float:left;"><textarea rows="3" cols="" style="width:284px;" id="cContent0"></textarea></span>
</div>
<br/>
<div style="margin-top:5px;">
<span class="title_span"> </span>
<span class="title_span">短信尾</span>
<span style="float:left;"><input type="text" class="input-xlarge" id="cEnd0"/></span>
</div>
</div>
</div>
</div>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
