test/DWSurvey
1
0
Fork 0
mirror of https://gitee.com/wkeyuan/DWSurvey.git synced 2024-11-30 02:58:55 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

下拉选择题设置

Browse Source
This commit is contained in:
keyuan 2021-04-23 16:23:03 +08:00
parent 73966a730b
commit 9cb10b995c
3 changed files with 136 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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>

63
src/main/webapp/css/design-survey.css
View File

@ -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;
}

BIN
src/main/webapp/images/toolbar-oss@1x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 91 KiB