下拉选择题设置

src/main/webapp/WEB-INF/page/content/diaowen-design/design-survey.jsp

@@ -515,6 +515,93 @@
 					</div>
 				</div>
 			</li>
+			<li id="selectQuModel">
+					<div class="dwToolbar_icon"></div>
+					<div class="dwQuTypeModel">
+						<div class="surveyQuItemBody quDragBody">
+							<div class="initLine"></div>
+							<div class="quInputCase" style="display: none;">
+								<input type="hidden" name="quType" value="RADIO">
+								<input type="hidden" name="quId" value="">
+								<input type="hidden" name="orderById" value="0"/>
+								<input type="hidden" name="saveTag" value="0">
+								<input type="hidden" name="hoverTag" value="0">
+								<input type="hidden" name="isRequired" value="1">
+								<input type="hidden" name="hv" value="4">
+								<input type="hidden" name="randOrder" value="0">
+								<input type="hidden" name="cellCount" value="0">
+
+								<input type="hidden" name="contactsAttr" value="0">
+								<input type="hidden" name="contactsField" value="0">
+
+								<div class="quLogicInputCase">
+									<input type="hidden" name="quLogicItemNum" value="0">
+								</div>
+							</div>
+							<div class="surveyQuItem">
+								<div class="surveyQuItemLeftTools">
+									<ul class="surveyQuItemLeftToolsUl">
+										<li title="移动排序" class="dwQuMove"><div class="dwQuIcon"></div></li>
+										<li title="设置" class="dwQuSet"><div class=dwQuIcon></div></li>
+										<li title="逻辑" class="dwQuLogic"><div class="dwQuIcon"><div class="quLogicInfo"></div></div></li>
+										<li title="删除" class="dwQuDelete"><div class="dwQuIcon"></div></li>
+									</ul>
+								</div>
+								<div class="surveyQuItemRightTools">
+									<ul class="surveyQuItemRightToolsUl">
+										<li class="questionUp"><div class="dwQuIcon"></div></li>
+										<li class="questionDown"><div class="dwQuIcon"></div></li>
+									</ul>
+								</div>
+								<div class="surveyQuItemContent">
+									<div class="quCoTitle">
+										<div class="quCoNum">1、</div>
+										<div class="editAble quCoTitleEdit" >题标题？</div>
+										<input type="hidden" name="quTitleSaveTag" value="0">
+									</div>
+									<div class="quCoItem">
+
+										<div class="selectItems" style="margin-top: 6px;">
+											<select style="padding: 5px;" class="radioSelect" name="qu_RADIO_402880e56beac087016bee02c9e90003">
+												<option value="0">--真实下拉数据在发布后出现--</option>
+												<option value="402880e56beac087016bee02c9e90004"> 选项1 </option>
+												<option value="402880e56beac087016bee02c9ea0005"> 选项2 </option>
+											</select>
+										</div>
+
+										<ul class="selectRadioUl">
+										<li class="quCoItemUlLi">
+											<input type="radio"><label class="editAble quCoOptionEdit">选项1</label>
+											<div class="quItemInputCase">
+												<input type="hidden" name="quItemId" value="">
+												<input type="hidden" name="quItemSaveTag" value="0">
+												<input type="hidden" name="isNote" value="0">
+												<input type="hidden" name="checkType" value="NO">
+												<input type="hidden" name="isRequiredFill" value="0">
+											</div>
+										</li>
+										<li class="quCoItemUlLi">
+											<input type="radio"><label class="editAble quCoOptionEdit">选项2</label>
+											<div class="quItemInputCase">
+												<input type="hidden" name="quItemId" value="">
+												<input type="hidden" name="quItemSaveTag" value="0">
+												<input type="hidden" name="isNote" value="0">
+												<input type="hidden" name="checkType" value="NO">
+												<input type="hidden" name="isRequiredFill" value="0">
+											</div>
+										</li>
+									</ul></div>
+									<div class="quCoBottomTools" >
+										<ul class="quCoBottomToolsUl" >
+											<li class="addOption" title="添加"><div class="dwQuIcon"></div></li>
+											<li class="addMoreOption" title="批量添加"><div class="dwQuIcon" ></div></li>
+										</ul>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</li>
 		    </ul>
 		</div>
 		<div class="tooltext">基本题型</div>
@@ -1288,6 +1375,15 @@
 										<input type="hidden" name="quTitleSaveTag" value="1">
 									</div>
 									<div class="quCoItem">
+
+										<c:if test="${en.hv eq 4}" >
+											<div class="selectItems" style="margin-top: 6px;" >
+												<select style="padding: 5px;" class="radioSelect" name="qu_RADIO_402880e56beac087016bee02c9e90003">
+													<option value="0">--真实下拉效果数据，请发布后查看--</option>
+												</select>
+											</div>
+										</c:if>
+
 									<c:choose>
 										<c:when test="${en.hv eq 3 }">
 											<table class='tableQuColItem'>
@@ -1334,7 +1430,7 @@
 											</ul>
 										</c:when>
 										<c:otherwise>
-											<ul>
+											<ul class="${en.hv eq 4?'selectRadioUl':''}" >
 												<c:forEach items="${en.quRadios }" var="item">
 												<li class="quCoItemUlLi">
 													<input type="radio"><label class="editAble quCoOptionEdit">${item.optionName }</label>

src/main/webapp/css/design-survey.css

@@ -189,7 +189,7 @@ textarea{
 	display: inline;
 }
 #toolsBashQu{
-	width: 371px;
+	width: 431px;
 }
 #toolsChenQu{
 	width: 251px;
@@ -230,7 +230,7 @@ textarea{
 	/* border: 1px solid #cc3333; */
 }
 .toolbars ul li .dwToolbar_icon{
-	background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
+	background: transparent url("../images/toolbar-oss@1x.png") 0px 0px no-repeat;
 	width: 50px;
 	height: 60px;
 	margin: 0px;
@@ -269,6 +269,19 @@ textarea{
 	background-position: -170px -74px;
 }
 
+#selectQuModel .dwToolbar_icon{
+	background-position: -908px -6px;
+}
+#selectQuModel:hover .dwToolbar_icon,#selectQuModel.hover .dwToolbar_icon{
+	background-position: -908px -74px;
+}
+#timeQuModel .dwToolbar_icon{
+	background-position: -850px -6px;
+}
+#timeQuModel:hover .dwToolbar_icon,#selectQuModel.hover .dwToolbar_icon{
+	background-position: -850px -74px;
+}
+
 #orderQuModel .dwToolbar_icon{
 	background-position: -227px -6px;
 }
@@ -433,10 +446,10 @@ textarea{
 	background-position: -511px -320px;
 }
 #dateQuModel .dwToolbar_icon{
-	background-position: -630px -250px;
+	background-position: -626px -250px;
 }
 #dateQuModel:hover .dwToolbar_icon,#dateQuModel.hover .dwToolbar_icon{
-	background-position: -630px -320px;
+	background-position: -626px -320px;
 }
 
 #publishBtn .dwToolbar_icon{
@@ -512,7 +525,6 @@ textarea{
 	color: #333;
 }
 #dwBodyLeftContent h2 {
-	background: url(/static/editor/img/catalog-h1-icon_72e0d273.png) 0 9px no-repeat;
 	margin-bottom: 5px;
 	margin-top: 5px;
 }
@@ -527,7 +539,6 @@ textarea{
 }
 #dwBodyLeftContent h3 {
 	padding: 0 8px 0 25px;
-	background: url(/static/editor/img/catalog-h2-icon_ddc25a3d.png) 12px 11px no-repeat;
 }
 #dwBodyLeftContent a {
 	text-decoration: none;
@@ -585,7 +596,7 @@ textarea{
 #dwSurveyName{
 	text-align: center;
 	outline-style: none;
-	font-weight: none;
+	font-weight: normal;
 	font-family:"微软雅黑";
 	font-size: 21px;
 	letter-spacing:1px;
@@ -758,7 +769,7 @@ textarea{
 	width: 40px;
 }
 .surveyQuItemLeftToolsUl li .dwQuIcon{
-	background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
+	background: transparent url("../images/toolbar-oss@1x.png") 0px 0px no-repeat;
 	width: 23px;
 	height: 23px;
 	margin: 0px auto;
@@ -802,7 +813,7 @@ li.dwQuLogic  .dwQuIcon  .quLogicInfo{
 	display: none;
 }
 .quLogicData .dwQuIcon{
-	background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
+	background: transparent url("../images/toolbar-oss@1x.png") 0px 0px no-repeat;
 	background-position: -279px -178px;
 	width: 23px;
 	height: 23px;
@@ -843,7 +854,7 @@ li.dwQuLogic  .dwQuIcon  .quLogicInfo{
 	margin:0px;
 }
 .surveyQuItemRightToolsUl li .dwQuIcon{
-	background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
+	background: transparent url("../images/toolbar-oss@1x.png") 0px 0px no-repeat;
 	width: 23px;
 	height: 23px;
 }
@@ -977,17 +988,17 @@ li.dwQuLogic  .dwQuIcon  .quLogicInfo{
 	width: 40px;
 }
 .surveyQuItemContent .quCoBottomTools ul li .dwQuIcon{
-	/* background: transparent url("../images/toolbar.png") 0px 0px no-repeat; */
+	/* background: transparent url("../images/toolbar-oss@1x.png") 0px 0px no-repeat; */
 	width: 25px;
 	height: 25px;
 	margin: 0px auto;
 }
 li.addOption .dwQuIcon,li.addColumnOption .dwQuIcon,li.addRowOption .dwQuIcon{
-	background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
+	background: transparent url("../images/toolbar-oss@1x.png") 0px 0px no-repeat;
 	background-position: -620px -153px;
 }
 li.addMoreOption .dwQuIcon,li.addMoreColumnOption .dwQuIcon,li.addMoreRowOption .dwQuIcon{
-	background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
+	background: transparent url("../images/toolbar-oss@1x.png") 0px 0px no-repeat;
 	background-position: -658px -153px;
 }
 .surveyQuItemContent .quCoBottomTools ul li:hover{
@@ -1027,7 +1038,7 @@ li.addMoreOption .dwQuIcon,li.addMoreColumnOption .dwQuIcon,li.addMoreRowOption
 	list-style: none;
 }
 .editMenuRoot .editMenuList ul li{
-	font: 12px;
+	font-size: 12px;
 	background: #E0E6E9;
 	padding: 5px;
 	border: 1px solid #98C5C3;
@@ -1085,7 +1096,7 @@ li.addMoreOption .dwQuIcon,li.addMoreColumnOption .dwQuIcon,li.addMoreRowOption
 .dwComEditOptionUl li .dwQuIcon{
 	width: 30px;
 	height: 26px;
-	background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
+	background: transparent url("../images/toolbar-oss@1x.png") 0px 0px no-repeat;
 }
 .dwComEditOptionUl li.dwOptionUp .dwQuIcon{
 	background-position:-468px -150px;
@@ -1102,7 +1113,7 @@ li.addMoreOption .dwQuIcon,li.addMoreColumnOption .dwQuIcon,li.addMoreRowOption
 	right: -32px;
 	top:-1px;
 	border: 1px solid #98C5C3;
-	background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
+	background: transparent url("../images/toolbar-oss@1x.png") 0px 0px no-repeat;
 	cursor: pointer;
 	background-color: #DBE5F1;
 }
@@ -1118,7 +1129,7 @@ li.addMoreOption .dwQuIcon,li.addMoreColumnOption .dwQuIcon,li.addMoreRowOption
 #dwCommonEditRoot.svyName #dwComEditContent{
 	text-align: center;
 	outline-style: none;
-	font-weight: none;
+	font-weight: normal;
 	font-size: 21px;
 	letter-spacing:1px;
 	color:#222222;
@@ -1222,7 +1233,7 @@ li.addMoreOption .dwQuIcon,li.addMoreColumnOption .dwQuIcon,li.addMoreRowOption
 .dwCommonInputMenu .dwComEditMenuBtn{
 	position: absolute;
 	border: 1px solid #98C5C3;
-	background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
+	background: transparent url("../images/toolbar-oss@1x.png") 0px 0px no-repeat;
 	cursor: pointer;
 	background-color: #DBE5F1;
 }
@@ -1314,7 +1325,7 @@ li.addMoreOption .dwQuIcon,li.addMoreColumnOption .dwQuIcon,li.addMoreRowOption
 	float:right;
 	width: 28px;
 	height: 28px;
-	background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
+	background: transparent url("../images/toolbar-oss@1x.png") 0px 0px no-repeat;
 	background-position:-494px -150px;
 	cursor: pointer;
 }
@@ -1429,14 +1440,14 @@ li.addMoreOption .dwQuIcon,li.addMoreColumnOption .dwQuIcon,li.addMoreRowOption
 		width: 25px;
 		height: 25px;
 		margin: 0px auto;
-		background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
+		background: transparent url("../images/toolbar-oss@1x.png") 0px 0px no-repeat;
 		background-position: -620px -153px;
 }
 .dialogRemoveLogic{
 		width: 23px;
 		height: 23px;
 		margin: 0px auto;
-		background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
+		background: transparent url("../images/toolbar-oss@1x.png") 0px 0px no-repeat;
 		background-position: -690px -152px;
 		cursor: pointer;
 }
@@ -1480,7 +1491,7 @@ li.addMoreOption .dwQuIcon,li.addMoreColumnOption .dwQuIcon,li.addMoreRowOption
 .quFillblankItem .dwFbMenuBtn{
 	position: absolute;
 	border: 1px solid #98C5C3;
-	background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
+	background: transparent url("../images/toolbar-oss@1x.png") 0px 0px no-repeat;
 	cursor: pointer;
 	background-color: #DBE5F1;
 	display: none;
@@ -1587,7 +1598,7 @@ li.addMoreOption .dwQuIcon,li.addMoreColumnOption .dwQuIcon,li.addMoreRowOption
 }
 /**jquery ui dialog**/
 .ui-icon-closethick {
-	background: transparent url("../images/toolbar.png") 0px 0px no-repeat! important;
+	background: transparent url("../images/toolbar-oss@1x.png") 0px 0px no-repeat! important;
 	background-position: -502px -155px! important;
 }
 #editDialogCenter{
@@ -1661,7 +1672,7 @@ table.quCoChenTable tr td label{
 	text-align: center;
 }
 .surveyQuItemContent .quCoRightTools ul li .dwQuIcon{
-	/* background: transparent url("../images/toolbar.png") 0px 0px no-repeat; */
+	/* background: transparent url("../images/toolbar-oss@1x.png") 0px 0px no-repeat; */
 	width: 25px;
 	height: 25px;
 	margin: 0px auto;
@@ -1725,3 +1736,7 @@ select option{
 .tabbarDialogContent{
 	visibility: visible;
 }
+.selectRadioUl{
+	border: 1px solid #d6dce4;
+	margin-top: 6px!important;
+}