问卷调查选项设置完成

skyeye-promote/src/main/resources/template/js/dwsurveydesign/dwsurveydesign.js

 
 var ueEditObj = null;//即将编辑的内容
 
+var quOptionDesign = null;//问题选项设置
+
 layui.config({
 	base: basePath, 
 	version: skyeyeVersion
@@ -850,28 +852,31 @@ layui.config({
 			curEditObj=null;
 		}
 
-		function setShowDialogOffset(thDialogObj){
-			var thObjClass=thDialogObj.attr("class");
-			if(thObjClass.indexOf("dwFbMenuBtn")<0 && thObjClass.indexOf("quCoOptionEdit")<0){
-				var thOffset=thDialogObj.offset();
-				$("#dwCommonDialog").show(0,function(){
-					var thOffsetTop=thOffset.top;
-					var thOffsetLeft=thOffset.left+40;
-					var dwCommonRefIcon=$("#dwCommonDialog").find(".dwCommonRefIcon");
+		function setShowDialogOffset(thDialogObj) {
+			var thObjClass = thDialogObj.attr("class");
+			if(thObjClass.indexOf("dwFbMenuBtn") < 0 && thObjClass.indexOf("quCoOptionEdit") < 0) {
+				var thOffset = thDialogObj.offset();
+				$("#dwCommonDialog").show(0, function() {
+					var thOffsetTop = thOffset.top;
+					var thOffsetLeft = thOffset.left + 40;
+					var dwCommonRefIcon = $("#dwCommonDialog").find(".dwCommonRefIcon");
 					dwCommonRefIcon.removeClass("right");
 					dwCommonRefIcon.removeClass("left");
-					browseWidth=$(window).width();			
-					browseHeight=$(window).height();
-					if((thOffsetLeft-100)>browseWidth/2){
-						thOffsetLeft=thOffsetLeft-$("#dwCommonDialog").width()-50;
+					browseWidth = $(window).width();
+					browseHeight = $(window).height();
+					if((thOffsetLeft - 100) > browseWidth / 2) {
+						thOffsetLeft = thOffsetLeft - $("#dwCommonDialog").width() - 50;
 						dwCommonRefIcon.addClass("right");
-					}else{
+					} else {
 						dwCommonRefIcon.addClass("left");
 					}
-					$("#dwCommonDialog").offset({ top: thOffsetTop, left: thOffsetLeft });
+					$("#dwCommonDialog").offset({
+						top: thOffsetTop,
+						left: thOffsetLeft
+					});
 				});
 			}
-			
+
 		}
 		
 		//加载地域
@@ -985,68 +990,20 @@ layui.config({
 		}
 		
 		//显示模式窗口
-		function showUIDialog(thDialogObj){
-			var thObjClass = thDialogObj.attr("class");
-			$("#modelUIDialog").dialog("open");
-			$(".dwQuDialogCon").hide();
-			if(thObjClass.indexOf("dwFbMenuBtn") >= 0){
-				$("#modelUIDialog .dwQuFillDataTypeOption").show();
-				$("#modelUIDialog").dialog("open");
-				var quItemBody = $(thDialogObj).parents(".surveyQuItemBody");
-				var checkType_val = quItemBody.find("input[name='checkType']").val();
-				var answerInputWidth_val = quItemBody.find("input[name='answerInputWidth']").val();
-				var answerInputRow_val = quItemBody.find("input[name='answerInputRow']").val();
-				if(checkType_val == ""){
-					checkType_val = "NO";
-				}
-				var checkType = $("#modelUIDialog select[name='quFill_checkType']");
-				checkType.val(checkType_val);
-				var qu_inputWidth = $("#modelUIDialog input[name='qu_inputWidth']");
-				var qu_inputRow = $("#modelUIDialog input[name='qu_inputRow']");
-				if(answerInputWidth_val == ""){
-					answerInputWidth_val = "300";
-				}
-				if(answerInputRow_val == ""){
-					answerInputRow_val = "1";
-				}
-				qu_inputWidth.val(answerInputWidth_val);
-				qu_inputRow.val(answerInputRow_val);
-				resetQuItemHover(quItemBody);
-				$(thDialogObj).parents(".quCoItemUlLi").addClass("menuBtnClick");
-				$("#modelUIDialog").dialog("option","height",220);
-			}else if(thObjClass.indexOf("quCoOptionEdit")>=0) {
-				$("#modelUIDialog .dwQuRadioCheckboxOption").show();
-				//设置回显值 isNote checkType
-				var quOption_isNote=$("#modelUIDialog input[name='quOption_isNote']");
-				var quOption_checkType=$("#modelUIDialog select[name='quOption_checkType']");
-				var quOption_isRequiredFill=$("#modelUIDialog input[name='quOption_isRequiredFill']");
-				var quOptionParent=$(thDialogObj).parent();
-				var isNote_val=quOptionParent.find("input[name='isNote']").val();
-				var checkType_val=quOptionParent.find("input[name='checkType']").val();
-				var isRequiredFill_val=quOptionParent.find("input[name='isRequiredFill']").val();
-				if(isNote_val=="1"){
-					quOption_isNote.prop("checked",true);
-					$(".quOptionFillContentLi,.quOptionFillRequiredLi").show();
-					$("#modelUIDialog").dialog("option","height",250);
-				}else{
-					quOption_isNote.prop("checked",false);
-					$(".quOptionFillContentLi,.quOptionFillRequiredLi").hide();
-					$("#modelUIDialog").dialog("option","height",180);
-				}
-				if(checkType_val==""){
-					checkType_val="NO";
-				}
-				quOption_checkType.val(checkType_val);
-				if(isRequiredFill_val=="1"){
-					quOption_isRequiredFill.prop("checked",true);
-				}else{
-					quOption_isRequiredFill.prop("checked",false);
-				}
-			}else if(thObjClass.indexOf("surveyAttrSetToolbar_li")>=0){
-				$("#modelUIDialog .dwSurveyAttrSetDialog").show();
-				$("#modelUIDialog").dialog("option","height",390);
-			}
-			dwDialogObj=thDialogObj;
+		function showUIDialog(thDialogObj) {
+			quOptionDesign = thDialogObj;
+			_openNewWindows({
+				url: "../../tpl/dwsurveydesign/modelUIDialog.html", 
+				title: "选项设置",
+				area: ['500px', '500px'],
+				pageId: "modelUIDialog",
+				callBack: function(refreshCode){
+	                if (refreshCode == '0') {
+	                	top.winui.window.msg("操作成功", {icon: 1,time: 2000});
+	                } else if (refreshCode == '-9999') {
+	                	top.winui.window.msg("操作失败", {icon: 2,time: 2000});
+	                }
+				}});
 		}
 	    
 		/** 添加列选项 **/

skyeye-promote/src/main/resources/template/js/dwsurveydesign/modelUIDialog.js

+layui.config({
+	base: basePath, 
+	version: skyeyeVersion
+}).define(['jquery', 'winui'], function (exports) {
+	winui.renderColor();
+	layui.use(['form'], function (form) {
+		var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
+	    var $ = layui.$,
+	    form = layui.form;
+	    
+		var thDialogObj = parent.quOptionDesign;
+		var thObjClass = thDialogObj.attr("class");
+		
+		$(".layui-form").hide();
+		
+		if(thObjClass.indexOf("dwFbMenuBtn") >= 0) {
+			$("#showForm1").show();
+			var quItemBody = $(thDialogObj).parents(".surveyQuItemBody");
+			var checkType_val = quItemBody.find("input[name='checkType']").val();
+			var answerInputWidth_val = quItemBody.find("input[name='answerInputWidth']").val();
+			var answerInputRow_val = quItemBody.find("input[name='answerInputRow']").val();
+			if(checkType_val == "") {
+				checkType_val = "NO";
+			}
+			var checkType = $("select[name='quFill_checkType']");
+			checkType.val(checkType_val);
+			var qu_inputWidth = $("input[name='qu_inputWidth']");
+			var qu_inputRow = $("input[name='qu_inputRow']");
+			if(answerInputWidth_val == "") {
+				answerInputWidth_val = "300";
+			}
+			if(answerInputRow_val == "") {
+				answerInputRow_val = "1";
+			}
+			qu_inputWidth.val(answerInputWidth_val);
+			qu_inputRow.val(answerInputRow_val);
+			resetQuItemHover(quItemBody);
+			$(thDialogObj).parents(".quCoItemUlLi").addClass("menuBtnClick");
+		} else if(thObjClass.indexOf("quCoOptionEdit") >= 0) {
+			$("#showForm2").show();
+			//设置回显值 isNote checkType
+			var quOption_isNote = $("input[name='quOption_isNote']");
+			var quOption_checkType = $("select[name='quOption_checkType']");
+			var quOption_isRequiredFill = $("input[name='quOption_isRequiredFill']");
+			var quOptionParent = $(thDialogObj).parent();
+			var isNote_val = quOptionParent.find("input[name='isNote']").val();
+			var checkType_val = quOptionParent.find("input[name='checkType']").val();
+			var isRequiredFill_val = quOptionParent.find("input[name='isRequiredFill']").val();
+			if(isNote_val == "1") {
+				quOption_isNote.prop("checked", true);
+				$("#quOption_checkType_div").show();
+				$("#quOption_isRequiredFill_div").show();
+			} else {
+				quOption_isNote.prop("checked", false);
+				$("#quOption_checkType_div").hide();
+				$("#quOption_isRequiredFill_div").hide();
+			}
+			if(checkType_val == "") {
+				checkType_val = "NO";
+			}
+			quOption_checkType.val(checkType_val);
+			if(isRequiredFill_val == "1") {
+				quOption_isRequiredFill.prop("checked", true);
+			} else {
+				quOption_isRequiredFill.prop("checked", false);
+			}
+		}
+		
+		form.render();
+		form.on('checkbox(quOption_isNote)', function (data) {
+			var check = data.elem.checked;
+	    	if(check){//选中
+	    		$("#quOption_checkType_div").show();
+	    		$("#quOption_isRequiredFill_div").show();
+	    	}else{
+	    		$("#quOption_checkType_div").hide();
+	    		$("#quOption_isRequiredFill_div").hide();
+	    	}
+        });
+		
+	    form.on('submit(formAddBean1)', function (data) {
+	    	//表单验证
+	        if (winui.verifyForm(data.elem)) {
+	        	
+	        	var quItemBody = $(thDialogObj).parents(".surveyQuItemBody");
+	        	//设置回显值 isNote checkType
+	        	var quFill_checkType = $("select[name='quFill_checkType']");
+	        	var qu_inputWidth = $("input[name='qu_inputWidth']");
+	        	var qu_inputRow = $("input[name='qu_inputRow']");
+
+	        	var checkType = quItemBody.find("input[name='checkType']");
+	        	//输入框 input 大小调整 quFillblankAnswerInput  quFillblankAnswerTextarea
+	        	var answerInputWidth = quItemBody.find("input[name='answerInputWidth']");
+	        	var answerInputRow = quItemBody.find("input[name='answerInputRow']");
+
+	        	if(checkType.val() != quFill_checkType.val() || answerInputWidth.val() != qu_inputWidth.val() || answerInputRow.val() != qu_inputRow.val()) {
+	        		quItemBody.find("input[name='saveTag']").val(0);
+	        	}
+
+	        	var checkTypeVal = quFill_checkType.val();
+	        	if(checkTypeVal == "") {
+	        		checkTypeVal = "NO";
+	        	}
+	        	checkType.val(checkTypeVal);
+
+	        	answerInputWidth.val(qu_inputWidth.val());
+	        	answerInputRow.val(qu_inputRow.val());
+
+	        	if(qu_inputRow.val() > 1) {
+	        		quItemBody.find(".quFillblankAnswerTextarea").show();
+	        		quItemBody.find(".quFillblankAnswerInput").hide();
+	        		quItemBody.find(".quFillblankAnswerTextarea").attr("rows", qu_inputRow.val());
+	        		quItemBody.find(".quFillblankAnswerTextarea").width(qu_inputWidth.val());
+	        	} else {
+	        		quItemBody.find(".quFillblankAnswerTextarea").hide();
+	        		quItemBody.find(".quFillblankAnswerInput").show();
+	        		quItemBody.find(".quFillblankAnswerInput").width(qu_inputWidth.val());
+	        	}
+
+	        	quItemBody.find(".quCoItemUlLi").removeClass("hover");
+	        	resetQuItemHover(null);
+	    		
+	   			parent.layer.close(index);
+	        	parent.refreshCode = '0';
+	        }
+	        return false;
+	    });
+	    
+	    form.on('submit(formAddBean2)', function (data) {
+	    	//表单验证
+	        if (winui.verifyForm(data.elem)) {
+	        	var quItemBody = $(thDialogObj).parents(".surveyQuItemBody");
+	        	var quOptionParent = $(thDialogObj).parent();
+	        	//设置回显值 isNote checkType
+	        	var quOption_isNote = $("input[name='quOption_isNote']");
+	        	var quOption_checkType = $("select[name='quOption_checkType']");
+	        	var quOption_isRequiredFill = $("input[name='quOption_isRequiredFill']");
+
+	        	var isNote = quOptionParent.find("input[name='isNote']");
+	        	var checkType = quOptionParent.find("input[name='checkType']");
+	        	var isRequiredFill = quOptionParent.find("input[name='isRequiredFill']");
+
+	        	if(quOption_isNote.prop("checked") && (isNote.val() == "0" || isNote.val() == "")) {
+	        		quItemBody.find("input[name='saveTag']").val(0);
+	        		quOptionParent.find("input[name='quItemSaveTag']").val(0);
+	        	}
+	        	if(quOption_checkType.val() != checkType.val()) {
+	        		quItemBody.find("input[name='saveTag']").val(0);
+	        		quOptionParent.find("input[name='quItemSaveTag']").val(0);
+	        	}
+	        	if(quOption_isRequiredFill.val() != isRequiredFill.val()) {
+	        		quItemBody.find("input[name='saveTag']").val(0);
+	        		quOptionParent.find("input[name='quItemSaveTag']").val(0);
+	        	}
+	        	if(quOption_isNote.prop("checked")) {
+	        		isNote.val(1);
+	        	} else {
+	        		isNote.val(0);
+	        	}
+	        	var checkTypeVal = quOption_checkType.val();
+	        	if(checkTypeVal == "") {
+	        		checkTypeVal = "NO";
+	        	}
+	        	checkType.val(checkTypeVal);
+	        	if(quOption_isRequiredFill.prop("checked")) {
+	        		isRequiredFill.val(1);
+	        	} else {
+	        		isRequiredFill.val(0);
+	        	}
+	        	//显示填空框
+	        	quOptionParent.find(".optionInpText").show();
+	    		
+	        	parent.layer.close(index);
+	        	parent.refreshCode = '0';
+	        }
+	        return false;
+	    });
+	    
+	    function resetQuItemHover(quItemBody){
+	    	$(".surveyQuItemBody").removeClass("hover");
+	    	$(".surveyQuItemBody").find("input[name='hoverTag']").val("0");
+	    	if(quItemBody != null){
+	    		quItemBody.addClass("hover");
+	    		quItemBody.find("input[name='hoverTag']").val("hover");
+	    	}
+	    }
+	    
+	    //取消
+	    $("body").on("click", "#cancle", function(){
+	    	parent.layer.close(index);
+	    });
+	});
+	    
+});
\ No newline at end of file

skyeye-promote/src/main/resources/template/tpl/dwsurveydesign/designSurveyEditor.html

@@ -8,7 +8,7 @@
     <link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
 </head>
 <body>
-	<div style="width:500px;margin:0 auto;padding-top:20px;">
+	<div style="padding-top:20px;">
 	    <form class="layui-form" action="" id="showForm" autocomplete="off">
 	        <div class="layui-form-item" style="padding-left: 10px; padding-right: 10px">
                	<textarea id="content" name="content" style="display: none;"></textarea>

skyeye-promote/src/main/resources/template/tpl/dwsurveydesign/modelUIDialog.html

+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <title></title>
+    <link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
+    <link href="../../assets/lib/font-awesome-4.7.0/css/font-awesome.css" rel="stylesheet" />
+    <link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
+</head>
+<body>
+	<div style="padding-top:20px;">
+	    <form class="layui-form" action="" id="showForm1" autocomplete="off" style="padding-left: 10px; padding-right: 10px;">
+	        <div class="layui-form-item">
+	            <label class="layui-form-label">问卷名称<i class="red">*</i></label>
+	            <div class="layui-input-block">
+                	<input type="text" name="qu_inputWidth" win-verify="required" value="300" class="layui-input">
+                	<div class="layui-form-mid layui-word-aux">字符</div>
+                </div>
+	        </div>
+	        <div class="layui-form-item">
+	            <label class="layui-form-label">输入框高<i class="red">*</i></label>
+	            <div class="layui-input-block">
+                	<input type="text" name="qu_inputRow" win-verify="required" value="1" class="layui-input">
+                	<div class="layui-form-mid layui-word-aux">行</div>
+                </div>
+	        </div>
+	        <div class="layui-form-item">
+	            <label class="layui-form-label">数据类型<i class="red">*</i></label>
+	            <div class="layui-input-block">
+                	<select class="option_range" name="quFill_checkType" win-verify="required">
+						<option value="NO">无验证</option>
+						<option value="EMAIL">Email</option>
+						<option value="UNSTRCN">禁止中文</option>
+						<option value="STRCN">仅许中文</option>
+						<option value="NUM">数值</option>
+						<option value="TELENUM">电话号码</option>
+						<option value="PHONENUM">手机号码</option>
+						<option value="DATE">日期</option>
+						<option value="IDENTCODE">身份证号</option>
+						<option value="ZIPCODE">邮政编码</option>
+						<option value="URL">网址</option>
+					</select>
+                </div>
+	        </div>
+	        <div class="layui-form-item">
+	            <div class="layui-input-block">
+	                <button class="winui-btn" id="cancle">取消</button>
+	                <button class="winui-btn" lay-submit lay-filter="formAddBean1">保存</button>
+	            </div>
+	        </div>
+	    </form>
+	    
+	    <form class="layui-form" action="" id="showForm2" autocomplete="off" style="padding-left: 10px; padding-right: 10px;">
+	        <div class="layui-form-item">
+	            <label class="layui-form-label">选项设置<i class="red">*</i></label>
+	            <div class="layui-input-block">
+                	<input type="checkbox" name="quOption_isNote" class="layui-input" lay-filter="quOption_isNote">选项后添加填空
+                </div>
+	        </div>
+	        <div class="layui-form-item" id="quOption_checkType_div">
+	            <label class="layui-form-label">填空内容<i class="red">*</i></label>
+	            <div class="layui-input-block">
+                	<select class="option_range" name="quOption_checkType" style="width:120px;">
+						<option value="NO">无限制</option>
+						<option value="EMAIL">Email</option>
+						<option value="UNSTRCN">禁止中文</option>
+						<option value="STRCN">仅许中文</option>
+						<option value="NUM">数值</option>
+						<option value="TELENUM">电话号码</option>
+						<option value="PHONENUM">手机号码</option>
+						<option value="DATE">日期</option>
+						<option value="IDENTCODE">身份证号</option>
+						<option value="ZIPCODE">邮政编码</option>
+						<option value="URL">网址</option>
+					</select>
+                </div>
+	        </div>
+	        <div class="layui-form-item" id="quOption_isRequiredFill_div">
+	            <div class="layui-input-block">
+                	<input type="checkbox" name="quOption_isRequiredFill" class="layui-input" lay-filter="quOption_isRequiredFill">&nbsp;该空可不填
+                </div>
+	        </div>
+	        <div class="layui-form-item">
+	            <div class="layui-input-block">
+	                <button class="winui-btn" id="cancle">取消</button>
+	                <button class="winui-btn" lay-submit lay-filter="formAddBean2">保存</button>
+	            </div>
+	        </div>
+	    </form>
+	</div>
+	<script src="../../assets/lib/layui/layui.js"></script>
+   	<script src="../../assets/lib/layui/custom.js"></script>
+   	<script type="text/javascript">
+        layui.config({base: '../../js/dwsurveydesign/'}).use('modelUIDialog');
+    </script>
+</body>
+</html>
\ No newline at end of file

skyeye-promote/src/main/resources/template/tpl/dwsurveydesign/varioustemplates.tpl

@@ -219,59 +219,3 @@
 		</div>
 	</form>
 </div>
-<div id="modelUIDialog">
-	<div id="modelUIDialogContent">
-		<!-- 填空题  填空数据类型设置  -->
-		<div class="dwQuFillDataTypeOption dwQuFormSetDialog dwQuDialogCon">
-			<ul>
-				<li><label>输入框宽：</label>
-					<input type="text" name="qu_inputWidth" value="300"><span>&nbsp;字符</span>
-				</li>
-				<li><label>输入框高：</label>
-					<input type="text" name="qu_inputRow" value="1"><span>&nbsp;行</span>
-				</li>
-				<li><label>数据类型：</label>
-					<select class="option_range" name="quFill_checkType" style="width:120px;">
-						<option value="NO">无验证</option>
-						<option value="EMAIL">Email</option>
-						<option value="UNSTRCN">禁止中文</option>
-						<option value="STRCN">仅许中文</option>
-						<option value="NUM">数值</option>
-						<option value="TELENUM">电话号码</option>
-						<option value="PHONENUM">手机号码</option>
-						<option value="DATE">日期</option>
-						<option value="IDENTCODE">身份证号</option>
-						<option value="ZIPCODE">邮政编码</option>
-						<option value="URL">网址</option>
-					</select>
-					<span class="option_range_3" style="display:none;">&nbsp;列</span>
-				</li>
-			</ul>
-			<div class="dwQuDialogBtnCon"><input type="button" value="保存" class="quDialogBtn" id="dwDialogQuFillOptionSave" /></div>
-		</div>
-		<div class="dwQuRadioCheckboxOption dwQuFormSetDialog dwQuDialogCon">
-			<ul>
-				<li><label>选项设置</label></li>
-				<li class="quOptionAddFill"><label><input type="checkbox" name="quOption_isNote" >选项后添加填空</label> </li>
-				<li class="quOptionFillContentLi"><label style="padding-left:16px;">填空内容：</label>
-					<select class="option_range" name="quOption_checkType" style="width:120px;">
-						<option value="NO">无限制</option>
-						<option value="EMAIL">Email</option>
-						<option value="UNSTRCN">禁止中文</option>
-						<option value="STRCN">仅许中文</option>
-						<option value="NUM">数值</option>
-						<option value="TELENUM">电话号码</option>
-						<option value="PHONENUM">手机号码</option>
-						<option value="DATE">日期</option>
-						<option value="IDENTCODE">身份证号</option>
-						<option value="ZIPCODE">邮政编码</option>
-						<option value="URL">网址</option>
-					</select>
-					<span class="option_range_3" style="display:none;">&nbsp;列</span>
-				</li>
-				<li class="quOptionFillRequiredLi"><label style="padding-left:15px;"><input type="checkbox" name="quOption_isRequiredFill" checked="checked" >&nbsp;该空可不填</label>&nbsp;</li>
-			</ul>
-			<div class="dwQuDialogBtnCon"><input type="button" value="保存" class="quDialogBtn" id="dwDialogQuOptionSetSave" /></div>
-		</div>
-	</div>
-</div>
\ No newline at end of file