Halaman utama Jelajahi Bantuan
Daftar Masuk
huangzhiyong
/
eip_manage
Liatin 1
Bintangi 0
Fork 0
Berkas Masalah 0 Tarik Permintaan 0 Wiki
Pohon: 7b0c6ace6e
Ranting Tag
eip_manage
/
Hos-Process
/
WebRoot
/
business
/
survey
/
myd-wjbj.html

myd-wjbj.html 9.0 KB
Riwayat Mentahan

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3.     <head>
    4. 

  4.         <meta charset="utf-8">
    5. 

  5.         <title>问卷编辑</title>
    6. 

  6.       	<script type="text/javascript" src="../../commons/js/survey-all.js"></script>
    7. 

  7.     	<script type="text/javascript" src="./js/myd-wjbj.js"></script>
    8. 

  8.     </head>
    9. 

  9.     <body>
    10. 

  10. 		<div class="main-tit"><h2>问卷编辑</h2><div class="absolute myd-step-1" style="right:20px; top:20px;"></div></div>
    11. 

  11. 	    <div class="add-ctrl" id="addCtrl">
    12. 

  12. 	        <ul class="clearfix">
    13. 

  13. 	            <li onclick='javascript:add_tx(1);'><i class="icon icon-add"></i>单选题</li>
    14. 

  14. 	            <li onclick='javascript:add_tx(2);'><i class="icon icon-add"></i>多选题</li>
    15. 

  15. 	            <li onclick='javascript:add_tx(3);'><i class="icon icon-add"></i>填空题</li>
    16. 

  16. 	            <li onclick='javascript:add_tx(4);'><i class="icon icon-add"></i>矩阵单选题</li>
    17. 

  17. 	            <li onclick='javascript:add_tx(5);'><i class="icon icon-add"></i>矩阵多选题</li>
    18. 

  18. 	        </ul>
    19. 

  19. 	    </div>
    20. 

  20. 	    <div class="qa-wrap">
    21. 

  21. 	        <div class="qa-tit">
    22. 

  22. 	            <div class="qa-tit-txt" id='SubjectTitle' onblur="updateSubjectTitle(this)">&nbsp;</div>
    23. 

  23. 	            <div class="qa-edit-tools">
    24. 

  24. 	                <i class="icon icon-edit"></i>
    25. 

  25. 	            </div>
    26. 

  26. 	        </div>
    27. 

  27. 	        <div class="qa-desc">
    28. 

  28. 	            <div class="qa-desc-txt" id='BeginIntro' onblur="updateBeginIntro(this)"></div>
    29. 

  29. 	            <div class="qa-edit-tools">
    30. 

  30. 	                <i class="icon icon-edit"></i>
    31. 

  31. 	            </div>
    32. 

  32. 	        </div>
    33. 

  33. 	      
    34. 

  34. 	      <div id='areaDiv'>
    35. 

  35. 	      
    36. 

  36. 	      </div>
    37. 

  37. 	      
    38. 

  38.  	<div class="mask" style="display: none"></div>
    39. 

  39. 	<div class="popbox popbox-w600" id="setting1"  style="top:30%;display: none" >
    40. 

  40. 	    <div class="pop-header">设置<a href="javascript:;" class="icon btn-closepop" onclick="closepop('setting1')"></a></div>
    41. 

  41. 	     <input type="hidden" id='setting1_questionID' />
    42. 

  42. 	    <div class="pop-con-box">
    43. 

  43. 	        <div class="pop-con">
    44. 

  44. 	            <div class="f12"><label class="valign-m-chk">
    45. 

  45. 	            	<input id='setting1_dxt_noAnswer' type="checkbox" class="chkbox" />该题可跳过不回答</label></div>
    46. 

  46. 	        </div>
    47. 

  47. 	    </div>
    48. 

  48. 	     <div class="pop-footer t-right"><input type="button" class="btn btn-w100 mr10" value="保存" onclick="saveNoAnswerSet()"/>
    49. 

  49. 	    	<input type="button" class="btn btn-gray btn-w100" value="取消" onclick="closepop('setting1')" /></div>
    50. 

  50. 	</div>
    51. 

  51. 	
    52. 

  52. 	<div class="mask" style="display: none"></div> 
    53. 

  53. 	<div class="popbox popbox-w600" id="setting2" style="top:30%;display: none">
    54. 

  54. 	    <div class="pop-header">设置<a href="javascript:;" class="icon btn-closepop" onclick="closepop('setting2')"></a></div>
    55. 

  55. 	  	<input type="hidden" id='setting2_itemCount' />
    56. 

  56. 	    <input type="hidden" id='setting2_questionID' />
    57. 

  57. 	    <input type="hidden" id='setting2_count' />
    58. 

  58. 	    <div class="pop-con-box">
    59. 

  59. 	        <div class="pop-con">
    60. 

  60. 	            <div class="f12"><label class="valign-m-chk">
    61. 

  61. 	            	<input id='setting2_dxt_noAnswer' type="checkbox" class="chkbox" />该题可跳过不回答</label></div>
    62. 

  62. 	            <div class="pop-divider"></div>
    63. 

  63. 	            <div class="f12">最少选<input onkeyup="this.value=this.value.replace(/\D/g,'')" 
    64. 

  64. 	            		onafterpaste="this.value=this.value.replace(/\D/g,'')"
    65. 

  65. 	            	 id="setting2_les" type="text" class="input-text input-text-s ml5 mr5" />项</div>
    66. 

  66. 	            <div class="mt10 f12">最多选<input onkeyup="this.value=this.value.replace(/\D/g,'')" 
    67. 

  67. 	            	onafterpaste="this.value=this.value.replace(/\D/g,'')" id="setting2_mor" type="text" 
    68. 

  68. 	            	class="input-text input-text-s ml5 mr5" />项</div>
    69. 

  69. 	        </div>
    70. 

  70. 	    </div>
    71. 

  71. 	    <div class="pop-footer t-right"><input type="button" class="btn btn-w100 mr10" value="保存" onclick="saveMoreAnswerSet()"/>
    72. 

  72. 	    <input type="button" class="btn btn-gray btn-w100" value="取消" onclick="closepop('setting2')" /></div>
    73. 

  73. 	</div>
    74. 

  74. 	
    75. 

  75. 	<!-- 单选题 -->
    76. 

  76.  	<div class="mask" style="display: none"></div>
    77. 

  77. 	<div class="popbox popbox-w600" id="setting3"  style="top:30%;display: none" >
    78. 

  78. 	    <div class="pop-header">设置<a href="javascript:;" class="icon btn-closepop" onclick="closepop('setting3')"></a></div>
    79. 

  79. 	    <input type="hidden" id='setting3_itemCount' />
    80. 

  80. 	    <input type="hidden" id='setting3_questionID' />
    81. 

  81. 	  	<input type="hidden" id='setting3_allFlowsItemIds' />
    82. 

  82. 	    <div class="pop-con-box">
    83. 

  83. 	        <div class="pop-con">
    84. 

  84. 	            <div class="f12"><label class="valign-m-chk">
    85. 

  85. 	            	<input type="checkbox" class="chkbox" id='setting3_dxt_noAnswer' />该题可跳过不回答</label></div>
    86. 

  86. 	            <div class="pop-divider"></div>
    87. 

  87. 	            <div class="c-222">跳转条件</div>
    88. 

  88. 	            <div id='dxtFlowDiv' style="height: auto;">
    89. 

  89. 	            	<div class="f12 mt15" id='selectModel' style="display: none">
    90. 

  90. 		            	如果本题选项中<select name="dxtSelect" id="" class="inp-sel ml10 mr10" style="width:120px;">
    91. 

  91. 		            		<option value=""></option>
    92. 

  92. 		            	</select>则跳转到
    93. 

  93. 		            	<select name="dxtSelectLink" id="" class="inp-sel ml10 mr10" style="width:120px;">
    94. 

  94. 		            		<option value=""></option>
    95. 

  95. 		            	</select>
    96. 

  96. 		            	<i class="icon icon-del" onclick="delDxtSelect(this)"></i>
    97. 

  97. 	         		</div>
    98. 

  98. 	            </div>
    99. 

  99. 	            <div class="mt15">
    100. 

  100. 	                <a href="javascript:;" class="btn" onclick="addDxtQuestionFlowSelect()"><i class="icon icon-add-w"></i>添加</a>
    101. 

  101. 	            </div>
    102. 

  102. 	        </div>
    103. 

  103. 	    </div>
    104. 

  104. 	    <div class="pop-footer t-right">
    105. 

  105. 		    <input type="button" class="btn btn-w100 mr10" value="保存" onclick="saveDxtFlow()" />
    106. 

  106. 		    <input type="button" class="btn btn-gray btn-w100" value="取消" onclick="closepop('setting3')"/>
    107. 

  107. 	    </div>
    108. 

  108. 	</div>
    109. 

  109. 	
    110. 

  110. 		
    111. 

  111. 		
    112. 

  112.        <div class="qa-ending">
    113. 

  113.            <div class="qa-ending-txt" id='EndingIntro' onblur="updateEndingIntro(this)"></div>
    114. 

  114.            <div class="qa-edit-tools">
    115. 

  115.                <i class="icon icon-edit"></i>
    116. 

  116.            </div>
    117. 

  117.        </div>
    118. 

  118.        <div class="mt30">
    119. 

  119.            <a href="javascript:;" onclick="nextEdit()" class="btn mr20">下一步</a><a href="javascript:;" onclick="showModel()" class="btn btn-gray">问卷预览</a>
    120. 

  120. <!--            <a href="javascript:;" class="btn btn-w-auto btn-gray" id="backBtn" onclick="window.history.back(-1)" style="margin: 10px;"><i class="icon icon-back"></i>返回</a>-->
    121. 

  121.        </div>
    122. 

  122.    </div>
    123. 

  123. 	 <a name="maodian" id="maodian"></a>
    124. 

  124. 	
    125. 

  125. 	
    126. 

  126. <script type="text/javascript">
    127. 

  127. /*编辑按钮事件*/
    128. 

  128. $('.icon-edit').live('click',function(){
    129. 

  129.     if($(this).closest('.qa-tit').length) $(this).closest('.qa-tit').addClass('editable').find('.qa-tit-txt').attr('contenteditable',true);
    130. 

  130.     if($(this).closest('.qa-desc').length) $(this).closest('.qa-desc').addClass('editable').find('.qa-desc-txt').attr('contenteditable',true);
    131. 

  131.     if($(this).closest('.qa-ending').length) $(this).closest('.qa-ending').addClass('editable').find('.qa-ending-txt').attr('contenteditable',true);
    132. 

  132.     if($(this).closest('.qa-item-wrap').length && !($(this).closest('.qa-item-wrap').hasClass('juzhen'))) $(this).closest('.qa-item-wrap').addClass('editable').find('.q-tit-txt').attr('contenteditable',true).end().find('.radio-opt-txt').attr('contenteditable',true);
    133. 

  133. })
    134. 

  134. /*弹窗事件*/
    135. 

  135. function showpop(id){
    136. 

  136.     $('#'+id).prev('.mask').show().end().fadeIn();
    137. 

  137. }
    138. 

  138. 

  139. function closepop(id){
    140. 

  140.     $('#'+id).prev('.mask').hide().end().fadeOut();
    141. 

  141. }
    142. 

  142. 

  143. /* 弹窗弹出时设置弹窗垂直居中 */
    144. 

  144. function setPopAlign(id){
    145. 

  145.     var winClientHeight= $(window).height();
    146. 

  146.     var popboxCon=$("#"+id).find(".pop-con-box").eq(0);
    147. 

  147.     var popboxConHeight=$("#"+id).find(".pop-con").eq(0).outerHeight();
    148. 

  148.     var popboxHeader=$("#"+id).find(".pop-header").eq(0);
    149. 

  149.     var popboxHeaderHeight=popboxHeader.outerHeight();
    150. 

  150.     var popboxFooter=$("#"+id).find(".pop-footer").eq(0);
    151. 

  151.     var popboxFooterHeight=popboxFooter.outerHeight();
    152. 

  152. 

  153.     var popboxHeight=popboxConHeight+popboxHeaderHeight+popboxFooterHeight;
    154. 

  154. 

  155.     if(popboxHeight>=winClientHeight) {
    156. 

  156.         popboxCon.height(winClientHeight-popboxHeaderHeight-popboxFooterHeight).css({"overflow-y":"auto"}).find(".pop-con").css({paddingRight:0}); 
    157. 

  157.         $("#"+id).css({marginTop:"-"+winClientHeight/2+"px"});
    158. 

  158.     }
    159. 

  159.     else {
    160. 

  160.         popboxCon.css({height:"auto","overflow-y":""}).find(".pop-con").css({paddingRight:20}); 
    161. 

  161.         // popboxHeight=popboxHeight; 
    162. 

  162.         // alert(popboxHeight);
    163. 

  163.         $("#"+id).css({marginTop:"-"+popboxHeight/2+"px"});
    164. 

  164.     }
    165. 

  165. }
    166. 

  166. 

  167. 

  168. /*滚动时设置添加问题栏浮动*/
    169. 

  169. $(function(){
    170. 

  170.     var addCtrl = $('#addCtrl'),
    171. 

  171.         addCtrlLeft = addCtrl.offset().left,
    172. 

  172.         addCtrlTop = addCtrl.offset().top,
    173. 

  173.         addCtrlWidth = addCtrl.outerWidth(),
    174. 

  174.         addCtrlHeight = addCtrl.outerHeight();
    175. 

  175.     $(window).scroll(function(){
    176. 

  176.         if($(this).scrollTop()>=addCtrlTop) {
    177. 

  177.             addCtrl.css({'position':'fixed',left:addCtrlLeft,top:0,width:addCtrlWidth,zIndex:2});
    178. 

  178.             $('.qa-wrap').css({marginTop:addCtrlHeight});
    179. 

  179.         }
    180. 

  180.         else {
    181. 

  181.             addCtrl.css({'position':'static',width:'auto'});
    182. 

  182.              $('.qa-wrap').css({marginTop:0});
    183. 

  183.         }
    184. 

  184.     })
    185. 

  185. })
    186. 

  186. </script>
    187. 

  187.     </body>
    188. 

  188. </html>
    189.