<%@ 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
});
//alert($('#submit').attr("id"));
//题目类型选择
var carddata = new Array();
<c:forEach items="${fns:getDictList('questionType')}" var="dict">
carddata.push(new selectdata("${dict.value}","${dict.name}"));
</c:forEach>
$("#type1").select2({
placeholder: "请选择",
data:carddata,
allowClear: true
});
var carddatas = new Array();
<c:forEach items="${fns:getDictList('hos_questionType')}" var="dict">
carddatas.push(new selectdata("${dict.value}","${dict.name}"));
</c:forEach>
$("#type2").select2({
placeholder: "请选择",
data:carddatas,
allowClear: true
});
$('#submit').click(function(){
$.ajax({
type: "POST",
dataType: "text",
async:false,
url: "${ctx}/qm/saveQuestionare",
data: {"qSelected":uploaddata()},//getqSelected()
success: function (result) {
}
})//ajax
});//click
});//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;
}
//获取上传数据,在点击提交之后执行
function view(id){
layer.open({
type: 2,
title: "查看问题",
closeBtn: 1, //不显示关闭按钮
shade: 0.3,
area: ['500px', '100%'],
content: "${ctx}/qm/questionView?id="+id,
end:function(){
}
});
}
function edit(id){
layer.open({
type: 2,
title: "编辑问题",
closeBtn: 1, //不显示关闭按钮
shade: 0.3,
area: ['500px', '100%'],
content: "${ctx}/qm/questionForm?id="+id,
end:function(){
}
});
}
function submit(){
// getTable();
var value=$("#qType").val();
// if(value=="3"){
// getTable()="";
// }
$.ajax({
type:"POST",
dataType:"text",
async:false,
url: "${ctx}/qm/saveQuestionare",
data: $('#questionareForm').serialize()+'&'+$.param({'table':getTable()}),
success: function (result) {
parent.location = "${ctx}/qm/questionareList";//+'&flagStu=2'+'&subjectId='+result[1];
//location = "${ctx}/groupExpert/assessmentSet?planId="+result[0]+'&subjectId='+result[1]+'&flagStu=2';
}
});
}
function getTable(){
var tb=document.getElementById("tbody"); //获取table对像
var rows=tb.rows;
var args = [];
for(var i=0;i<rows.length;i++){ //--循环所有的行
var cells=rows[i].cells;
var data = new Object();
for(var j=0;j<cells.length;j++ ){
if(j==0){
var name ="order";
data[name]=cells[j].innerText;
}else if(j==1){
var name ="vName";
data[name]=cells[j].getElementsByTagName("input")[0].value;
}else if(j==2){
var name ="vweight";
data[name]=cells[j].getElementsByTagName("input")[0].value;
}else if(j==3){
var name="vrequire";
data[name]=cells[j].getElementsByTagName("input")[0].checked;
}else if(j==4){
var name="vcount";
data[name]=cells[j].getElementsByTagName("input")[0].checked;
}else if(j==5){
var name="parentorder";
data[name]=cells[j].innerText;;
}else if(j==6){
var name="questionId";
data[name]=cells[j].innerText;;
}
}
args[i]=data;
}
alert("data:"+JSON.stringify(args));
return JSON.stringify(args);
}
</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" name="vType" type="text" value="${questionInfo.type}" /></span>
</p>
<p class="p_list clx">
<span class="spa1">问卷模板名称:</span>
<span class="spa2"><input class="inp1" id="vName" name="vName" type="text" value="${questionInfo.qContent}" /></span>
</p>
<p class="p_list clx">
<span class="spa1">问卷权重(%):</span>
<span class="spa2"><input class="inp1" id="weight" name="weight" type="text" value="${questionInfo.qType}" /></span>
</p>
<p class="p_list clx">
<span class="spa1">问卷说明:</span>
<span class="spa2"><input class="inp1" id="description" name="description" type="text" value="${questionInfo.qName}" /></span>
</p>
<p class="p_list clx">
<span class="spa1">问卷内容:</span>
<a href="javascript:void(0)" id="new-qiclass" class="btn btn-primary">新建分类</a>
<a href="javascript:void(0)" class="btn btn-success">预览</a>
</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>
<th>操作</th>
</tr>
</thead>
<tbody id="tbody">
</tbody>
</table>
<div align="center">
<input class="btn btn-primary" value="提交" οnclick="submit()"/>
<input class="btn btn-primary" value="返回" οnclick="history.go(-1)">
</div>
</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
});
//alert($('#submit').attr("id"));
//题目类型选择
var carddata = new Array();
<c:forEach items="${fns:getDictList('questionType')}" var="dict">
carddata.push(new selectdata("${dict.value}","${dict.name}"));
</c:forEach>
$("#type1").select2({
placeholder: "请选择",
data:carddata,
allowClear: true
});
var carddatas = new Array();
<c:forEach items="${fns:getDictList('hos_questionType')}" var="dict">
carddatas.push(new selectdata("${dict.value}","${dict.name}"));
</c:forEach>
$("#type2").select2({
placeholder: "请选择",
data:carddatas,
allowClear: true
});
$('#submit').click(function(){
$.ajax({
type: "POST",
dataType: "text",
async:false,
url: "${ctx}/qm/saveQuestionare",
data: {"qSelected":uploaddata()},//getqSelected()
success: function (result) {
}
})//ajax
});//click
});//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;
}
//获取上传数据,在点击提交之后执行
function view(id){
layer.open({
type: 2,
title: "查看问题",
closeBtn: 1, //不显示关闭按钮
shade: 0.3,
area: ['500px', '100%'],
content: "${ctx}/qm/questionView?id="+id,
end:function(){
}
});
}
function edit(id){
layer.open({
type: 2,
title: "编辑问题",
closeBtn: 1, //不显示关闭按钮
shade: 0.3,
area: ['500px', '100%'],
content: "${ctx}/qm/questionForm?id="+id,
end:function(){
}
});
}
function submit(){
// getTable();
var value=$("#qType").val();
// if(value=="3"){
// getTable()="";
// }
$.ajax({
type:"POST",
dataType:"text",
async:false,
url: "${ctx}/qm/saveQuestionare",
data: $('#questionareForm').serialize()+'&'+$.param({'table':getTable()}),
success: function (result) {
parent.location = "${ctx}/qm/questionareList";//+'&flagStu=2'+'&subjectId='+result[1];
//location = "${ctx}/groupExpert/assessmentSet?planId="+result[0]+'&subjectId='+result[1]+'&flagStu=2';
}
});
}
function getTable(){
var tb=document.getElementById("tbody"); //获取table对像
var rows=tb.rows;
var args = [];
for(var i=0;i<rows.length;i++){ //--循环所有的行
var cells=rows[i].cells;
var data = new Object();
for(var j=0;j<cells.length;j++ ){
if(j==0){
var name ="order";
data[name]=cells[j].innerText;
}else if(j==1){
var name ="vName";
data[name]=cells[j].getElementsByTagName("input")[0].value;
}else if(j==2){
var name ="vweight";
data[name]=cells[j].getElementsByTagName("input")[0].value;
}else if(j==3){
var name="vrequire";
data[name]=cells[j].getElementsByTagName("input")[0].checked;
}else if(j==4){
var name="vcount";
data[name]=cells[j].getElementsByTagName("input")[0].checked;
}else if(j==5){
var name="parentorder";
data[name]=cells[j].innerText;;
}else if(j==6){
var name="questionId";
data[name]=cells[j].innerText;;
}
}
args[i]=data;
}
alert("data:"+JSON.stringify(args));
return JSON.stringify(args);
}
</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" name="vType" type="text" value="${questionInfo.type}" /></span>
</p>
<p class="p_list clx">
<span class="spa1">问卷模板名称:</span>
<span class="spa2"><input class="inp1" id="vName" name="vName" type="text" value="${questionInfo.qContent}" /></span>
</p>
<p class="p_list clx">
<span class="spa1">问卷权重(%):</span>
<span class="spa2"><input class="inp1" id="weight" name="weight" type="text" value="${questionInfo.qType}" /></span>
</p>
<p class="p_list clx">
<span class="spa1">问卷说明:</span>
<span class="spa2"><input class="inp1" id="description" name="description" type="text" value="${questionInfo.qName}" /></span>
</p>
<p class="p_list clx">
<span class="spa1">问卷内容:</span>
<a href="javascript:void(0)" id="new-qiclass" class="btn btn-primary">新建分类</a>
<a href="javascript:void(0)" class="btn btn-success">预览</a>
</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>
<th>操作</th>
</tr>
</thead>
<tbody id="tbody">
</tbody>
</table>
<div align="center">
<input class="btn btn-primary" value="提交" οnclick="submit()"/>
<input class="btn btn-primary" value="返回" οnclick="history.go(-1)">
</div>
</div>
</div>
</body>
</html>