<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<title>问卷列表</title>
<meta name="decorator" content="default"/>
<script type="text/javascript">
//保存返回的问题列表及操作
$(document).ready(function() {
var order = 1;
var orders= 1;
var add=1;
var trid=1;
//问题添加
$(".icon-plus").live("click",function(){
var obj = $(this).parent().parent();
obj.after("<tr><td name='order'></td>"+
"<td><input type='text'name='dName' class='input-small'/></td>"+
"<td><input type='text' name='dValue' class='input-mini'/></td>"+
'<td><input class="necessary" type="checkbox" checked="checked"></td>'+
'<td><input class="necessary" type="checkbox" checked="checked"></td>'+
"<td style='display:none'></td>"+
"<td><span >查看</span> <span class='icon-plus'>编辑</span> "+
"<span class='icon-remove'>删除</span></td></tr>");
$("td[name='order']").each(function(){
$(this).html(order++);
});
order = 1;
});
//问题删除
$(".remove2").live("click",function(){
var obj = $(this).parent().parent();
obj.remove();
var count = 0;
$("td[name='order']").each(function(){
$(this).html(order++);
});
order = 1;
});
//分类添加
$("#new-qiclass").live("click",function(){
var obj = $("#tbody");
obj.append("<tr name='trs' id=''><td name='orders'></td>"+
"<td><input type='text'name='dName' class='input-small'/></td>"+
"<td><input type='text' name='dValue' class='input-mini'/></td>"+
'<td><input class="necessary" type="checkbox" checked="checked"></td>'+
'<td><input class="necessary" type="checkbox" checked="checked"></td>'+
"<td style='display:none'></td>"+
"<td style='display:none'></td>"+
"<td><span name='add' οnclick='add()'>添加问题</span> "+
"<span class='remove1'>删除</span></td></tr>");
$("td[name='orders']").each(function(){
$(this).html(orders++);
});
$("span[name='add']").each(function(){
$(this).attr("onclick","add('"+add+++"')");
});
$("tr[name='trs']").each(function(){
$(this).attr("id",trid++);
});
orders = 1;
add=1;
trid=1;
});
//分类删除
$(".remove1").live("click",function(){
var obj = $(this).parent().parent();
$("[id="+obj[0].id+"son]").each(function(){
$(this).remove();
});
obj.remove();
var count = 0;
$("td[name='orders']").each(function(){
$(this).html(orders++);
});
$("span[name='add']").each(function(){
$(this).attr("onclick","add('"+add+++"')");
});
$("tr[name='trs']").each(function(){
$(this).attr("id",trid++);
});
orders = 1;
add=1;
trid=1;
});
var selectdata = function(id,text,code){
this.id = id;
this.text = text;
this.code = code;
}
//题目类型选择
var carddata = new Array();
<c:forEach items="${fns:getDictList('questionnaire_type')}" var="dict">
carddata.push(new selectdata("${dict.value}","${dict.name}"));
</c:forEach>
$("#vType").select2({
placeholder: "请选择",
data:carddata,
allowClear: true
});
});//ready
//添加问题
function add(order){
layer.open({
type: 2,
title: "添加问题",
closeBtn: 1, //不显示关闭按钮
shade: 0.3,
area: ['500px', '100%'],
content: "${ctx}/qm/selectQuestion",
fix: false,
btn: ['确认', '关闭'],
btnclass: ['btn btn-primary', 'btn btn-danger'],
yes: function (index, layero) {
var list = $(layero).find("iframe")[0].contentWindow.getUrls();
qselecteddata(list,order);
layer.close(index);
}, cancel: function () {
return true;
}
});
}
//将选取的问题列表加到表格上
function qselecteddata(list,pid){
var order=1;
for(var i=list.length-1;i>-1;i--){
//type=1 代表是问题 0是问题类
var trhtml= "<tr id='"+pid+"son'><td name='order' style='text-align:center'>"+(i+1)+"</td>"+
"<td><input type='text'name='dName' readonly='readonly' value='"+list[i].split("-")[1]+"' class='input-small'/></td>"+
"<td><input type='text' name='dValue' class='input-mini'/></td>"+
'<td><input class="necessary" type="checkbox" checked="checked"></td>'+
'<td><input class="necessary" type="checkbox" checked="checked"></td>'+
"<td style='display:none'>"+pid+"</td>"+
"<td style='display:none'>"+list[i].split("-")[0]+"</td>"+
"<td><span οnclick=\"view('"+list[i].split("-")[0]+"')\">查看</span> <span οnclick=\"edit('"+list[i].split("-")[0]+"')\">编辑</span> "+
"<span class='remove2'>删除</span></td></tr>"
$('#'+pid).after(trhtml);
}
$("td[name='order']").each(function(){
$(this).html(order++);
});
order=1;
}
</script>
</head>
<body>
<!-- <ul class="nav nav-tabs"> -->
<%-- <li class="active"><a href="${ctx}/qm/questionareList/">问卷模板</a></li> --%>
<%-- <li ><a href="${ctx}/qm/questionList/">调查问题</a></li> --%>
<!-- </ul> -->
<div style="width:90%;margin-left:5%;padding-top:10px;">
<form action="" method="post" id="questionareForm" modelAttribute="qm">
<input id="id" name="id" value="${questionare.vId}" type="text" style="display:none" />
<p class="p_list clx">
<span class="spa1">问卷类别:</span>
<span class="spa3"><input class="inp1" id="vType" readonly="readonly" name="vType" type="text" value="${questionare.vType}" /></span>
</p>
<p class="p_list clx">
<span class="spa1">问卷模板名称:</span>
<span class="spa2"><input class="inp1" id="vName" readonly="readonly" name="vName" type="text" value="${questionare.vName}" /></span>
</p>
<p class="p_list clx">
<span class="spa1">问卷权重(%):</span>
<span class="spa2"><input class="inp1" id="weight" readonly="readonly" name="weight" type="text" value="${questionare.weight}" /></span>
</p>
<p class="p_list clx">
<span class="spa1">问卷说明:</span>
<span class="spa2"><input class="inp1" id="description" readonly="readonly" name="description" type="text" value="${questionare.description}" /></span>
</p>
<p class="p_list clx">
<span class="spa1">问卷内容:</span>
</p>
</form>
<table class="table table-striped table-bordered table-condensed" id="maintable">
<thead>
<tr>
<th>排序</th>
<th>分类/问题</th>
<th>统计权重(%)</th>
<th>必填</th>
<th>计入统计</th>
</tr>
</thead>
<tbody id="tbody">
<c:forEach items="${qvlist}" var="list">
<tr>
<c:choose>
<c:when test="${not empty list.parentOrder}">
<td name="orders" style="text-align:center">${list.order}</td>
</c:when>
<c:otherwise>
<td name="orders" >${list.order}</td>
</c:otherwise>
</c:choose>
<td><input type="text" value="${list.name}" readonly="readonly" class='input-small'/></td>
<td><input type="text" value="${list.weight}" readonly="readonly" class='input-mini'/></td>
<td><input class="necessary" disabled="disabled" type="checkbox" ${list.required eq '0' ? 'checked':false}></td>
<td><input class="necessary" disabled="disabled" type="checkbox" ${list.required eq '0' ? 'checked':false}></td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</div>
</body>
</html>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<title>问卷列表</title>
<meta name="decorator" content="default"/>
<script type="text/javascript">
//保存返回的问题列表及操作
$(document).ready(function() {
var order = 1;
var orders= 1;
var add=1;
var trid=1;
//问题添加
$(".icon-plus").live("click",function(){
var obj = $(this).parent().parent();
obj.after("<tr><td name='order'></td>"+
"<td><input type='text'name='dName' class='input-small'/></td>"+
"<td><input type='text' name='dValue' class='input-mini'/></td>"+
'<td><input class="necessary" type="checkbox" checked="checked"></td>'+
'<td><input class="necessary" type="checkbox" checked="checked"></td>'+
"<td style='display:none'></td>"+
"<td><span >查看</span> <span class='icon-plus'>编辑</span> "+
"<span class='icon-remove'>删除</span></td></tr>");
$("td[name='order']").each(function(){
$(this).html(order++);
});
order = 1;
});
//问题删除
$(".remove2").live("click",function(){
var obj = $(this).parent().parent();
obj.remove();
var count = 0;
$("td[name='order']").each(function(){
$(this).html(order++);
});
order = 1;
});
//分类添加
$("#new-qiclass").live("click",function(){
var obj = $("#tbody");
obj.append("<tr name='trs' id=''><td name='orders'></td>"+
"<td><input type='text'name='dName' class='input-small'/></td>"+
"<td><input type='text' name='dValue' class='input-mini'/></td>"+
'<td><input class="necessary" type="checkbox" checked="checked"></td>'+
'<td><input class="necessary" type="checkbox" checked="checked"></td>'+
"<td style='display:none'></td>"+
"<td style='display:none'></td>"+
"<td><span name='add' οnclick='add()'>添加问题</span> "+
"<span class='remove1'>删除</span></td></tr>");
$("td[name='orders']").each(function(){
$(this).html(orders++);
});
$("span[name='add']").each(function(){
$(this).attr("onclick","add('"+add+++"')");
});
$("tr[name='trs']").each(function(){
$(this).attr("id",trid++);
});
orders = 1;
add=1;
trid=1;
});
//分类删除
$(".remove1").live("click",function(){
var obj = $(this).parent().parent();
$("[id="+obj[0].id+"son]").each(function(){
$(this).remove();
});
obj.remove();
var count = 0;
$("td[name='orders']").each(function(){
$(this).html(orders++);
});
$("span[name='add']").each(function(){
$(this).attr("onclick","add('"+add+++"')");
});
$("tr[name='trs']").each(function(){
$(this).attr("id",trid++);
});
orders = 1;
add=1;
trid=1;
});
var selectdata = function(id,text,code){
this.id = id;
this.text = text;
this.code = code;
}
//题目类型选择
var carddata = new Array();
<c:forEach items="${fns:getDictList('questionnaire_type')}" var="dict">
carddata.push(new selectdata("${dict.value}","${dict.name}"));
</c:forEach>
$("#vType").select2({
placeholder: "请选择",
data:carddata,
allowClear: true
});
});//ready
//添加问题
function add(order){
layer.open({
type: 2,
title: "添加问题",
closeBtn: 1, //不显示关闭按钮
shade: 0.3,
area: ['500px', '100%'],
content: "${ctx}/qm/selectQuestion",
fix: false,
btn: ['确认', '关闭'],
btnclass: ['btn btn-primary', 'btn btn-danger'],
yes: function (index, layero) {
var list = $(layero).find("iframe")[0].contentWindow.getUrls();
qselecteddata(list,order);
layer.close(index);
}, cancel: function () {
return true;
}
});
}
//将选取的问题列表加到表格上
function qselecteddata(list,pid){
var order=1;
for(var i=list.length-1;i>-1;i--){
//type=1 代表是问题 0是问题类
var trhtml= "<tr id='"+pid+"son'><td name='order' style='text-align:center'>"+(i+1)+"</td>"+
"<td><input type='text'name='dName' readonly='readonly' value='"+list[i].split("-")[1]+"' class='input-small'/></td>"+
"<td><input type='text' name='dValue' class='input-mini'/></td>"+
'<td><input class="necessary" type="checkbox" checked="checked"></td>'+
'<td><input class="necessary" type="checkbox" checked="checked"></td>'+
"<td style='display:none'>"+pid+"</td>"+
"<td style='display:none'>"+list[i].split("-")[0]+"</td>"+
"<td><span οnclick=\"view('"+list[i].split("-")[0]+"')\">查看</span> <span οnclick=\"edit('"+list[i].split("-")[0]+"')\">编辑</span> "+
"<span class='remove2'>删除</span></td></tr>"
$('#'+pid).after(trhtml);
}
$("td[name='order']").each(function(){
$(this).html(order++);
});
order=1;
}
</script>
</head>
<body>
<!-- <ul class="nav nav-tabs"> -->
<%-- <li class="active"><a href="${ctx}/qm/questionareList/">问卷模板</a></li> --%>
<%-- <li ><a href="${ctx}/qm/questionList/">调查问题</a></li> --%>
<!-- </ul> -->
<div style="width:90%;margin-left:5%;padding-top:10px;">
<form action="" method="post" id="questionareForm" modelAttribute="qm">
<input id="id" name="id" value="${questionare.vId}" type="text" style="display:none" />
<p class="p_list clx">
<span class="spa1">问卷类别:</span>
<span class="spa3"><input class="inp1" id="vType" readonly="readonly" name="vType" type="text" value="${questionare.vType}" /></span>
</p>
<p class="p_list clx">
<span class="spa1">问卷模板名称:</span>
<span class="spa2"><input class="inp1" id="vName" readonly="readonly" name="vName" type="text" value="${questionare.vName}" /></span>
</p>
<p class="p_list clx">
<span class="spa1">问卷权重(%):</span>
<span class="spa2"><input class="inp1" id="weight" readonly="readonly" name="weight" type="text" value="${questionare.weight}" /></span>
</p>
<p class="p_list clx">
<span class="spa1">问卷说明:</span>
<span class="spa2"><input class="inp1" id="description" readonly="readonly" name="description" type="text" value="${questionare.description}" /></span>
</p>
<p class="p_list clx">
<span class="spa1">问卷内容:</span>
</p>
</form>
<table class="table table-striped table-bordered table-condensed" id="maintable">
<thead>
<tr>
<th>排序</th>
<th>分类/问题</th>
<th>统计权重(%)</th>
<th>必填</th>
<th>计入统计</th>
</tr>
</thead>
<tbody id="tbody">
<c:forEach items="${qvlist}" var="list">
<tr>
<c:choose>
<c:when test="${not empty list.parentOrder}">
<td name="orders" style="text-align:center">${list.order}</td>
</c:when>
<c:otherwise>
<td name="orders" >${list.order}</td>
</c:otherwise>
</c:choose>
<td><input type="text" value="${list.name}" readonly="readonly" class='input-small'/></td>
<td><input type="text" value="${list.weight}" readonly="readonly" class='input-mini'/></td>
<td><input class="necessary" disabled="disabled" type="checkbox" ${list.required eq '0' ? 'checked':false}></td>
<td><input class="necessary" disabled="disabled" type="checkbox" ${list.required eq '0' ? 'checked':false}></td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</div>
</body>
</html>