Home Esplora Aiuto
Accedi
opensource
/
DWSurvey
2
0
Forka 0
File Problemi 0 Pull Requests 0 Wiki
Albero (Tree): dff76f49f9
Rami (Branch) Tag
DWSurvey
/
src
/
main
/
webapp
/
WEB-INF
/
page
/
content
/
diaowen-collect
/
collect_weixin.jsp

collect_weixin.jsp 9.2 KB
Cronologia Originale

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193 
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
    2. 

  2.     pageEncoding="UTF-8"%>
    3. 

  3.  <%@include file="/common/taglibs.jsp" %>
    4. 

  4. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    5. 

  5. <html>
    6. 

  6. <head>
    7. 

  7. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    8. 

  8. <script type="text/javascript" src="${ctx }/js/plugs/clipboard.js/clipboard.min.js"></script>
    9. 

  9. <script type="text/javascript" src="${ctx }/js/dw/collect.js"></script>
    10. 

  10. <title>数据收集</title>
    11. 

  11. </head>
    12. 

  12. <body>
    13. 

  13. 	<input type="hidden" id="id" name="id" value="${surveyId }">
    14. 

  14. 	<input type="hidden" id="surveyState" name="surveyState" value="${survey.surveyState }">
    15. 

  15. 

  16. 	<div class="creatgeSurveyStepBody">
    17. 

  17. 		<div class="creatgeSurveyStepContent bodyCenter">
    18. 

  18. 			<ul class="createSsUl">
    19. 

  19. 				<li><a href=""  class="clickHideMenu csscStep csscStep4"><i class="fa fa-magic" aria-hidden="true"></i><span class="csscStepCenter">设计问卷</span><i class="fa fa-caret-down" aria-hidden="true"></i></a>
    20. 

  20. 					<div class="a-w-sel">
    21. 

  21. 		            	<div class="w-sel" style="margin-top: 4px;">
    22. 

  22. 		                	<div class="selc">
    23. 

  23. 		                    	<div class="selcc tbtag">
    24. 

  24. 		                            <div class="seli"><a class="nx-1 sur_collectSet" href="#collectSet">收集规则</a></div>
    25. 

  25. 		                            <div class="seli"><a class="nx-6 sur_edit" href="${ctx }/design/my-survey-design.action?surveyId=${surveyId}">问卷编辑</a></div>
    26. 

  26. 		                        </div>
    27. 

  27. 		                    </div>
    28. 

  28. 		                </div>
    29. 

  29. 		            </div>
    30. 

  30. 				</li>
    31. 

  31. 				<li><span class="csscStep csscStepLine"><span class="csscStepLeft">&nbsp;</span><span class="csscStepRight">&nbsp;</span></span></li>
    32. 

  32. 				<li><a href="${ctx }/design/my-collect.action?surveyId=${surveyId }"  class="clickHideMenu csscStep csscStep5 active"><i class="fa fa-chain" aria-hidden="true"></i> <span class="csscStepCenter">数据收集</span><i class="fa fa-caret-down" aria-hidden="true"></i></a>
    33. 

  33. 				<li><span class="csscStep csscStepLine"><span class="csscStepLeft">&nbsp;</span><span class="csscStepRight">&nbsp;</span></span></li>
    34. 

  34. 				<li><a href="${ctx }/da/survey-report!defaultReport.action?surveyId=${surveyId}"  class="clickHideMenu csscStep csscStep6"> <i class="fa fa-line-chart" aria-hidden="true"></i> <span class="csscStepCenter">数据分析</span> <i class="fa fa-caret-down" aria-hidden="true"></i></a>
    35. 

  35. 					<div class="a-w-sel">
    36. 

  36. 		            	<div class="w-sel" style="margin-top: 4px;margin-left: 15px;">
    37. 

  37. 		                	<div class="selc">
    38. 

  38. 		                    	<div class="selcc tbtag">
    39. 

  39. 		                            <div class="seli"><a class="nx-1" href="${ctx }/da/survey-report!defaultReport.action?surveyId=${surveyId}">统计表格</a></div>
    40. 

  40. 		                        </div>
    41. 

  41. 		                    </div>
    42. 

  42. 		                </div>
    43. 

  43. 		            </div>
    44. 

  44. 				</li>
    45. 

  45. 			</ul>
    46. 

  46. 		</div>
    47. 

  47. 	</div>
    48. 

  48. 

  49. 	<div style="">
    50. 

  50. 		<div class="main-tabs-content bodyCenter">
    51. 

  51. 			<div class="tab-content">
    52. 

  52. 				<div class="tab-content-collectTab">
    53. 

  53. 					<a href="${ctx }/design/my-collect.action?surveyId=${surveyId}" class="collectTab tabItem_1"> <i class="fa fa-chain" aria-hidden="true"></i> <span>答卷地址</span></a>
    54. 

  54. 					<a href="${ctx }/design/my-collect.action?surveyId=${surveyId}&tabId=share" class="collectTab tabItem_4" > <i class="fa fa-share-alt" aria-hidden="true"></i> <span>社交分享</span></a>
    55. 

  55. 					<a href="${ctx }/design/my-collect.action?surveyId=${surveyId}&tabId=sitecomp" class="collectTab tabItem_5"> <i class="fa fa-paperclip" aria-hidden="true"></i> <span>网站组件</span></a>
    56. 

  56. 					<a href="${ctx }/design/my-collect.action?surveyId=${surveyId}&tabId=weixin" class="collectTab tabItem_2 active">  <i class="fa fa-weixin" aria-hidden="true"></i> <span>微信收集</span></a>
    57. 

  57. 				</div>
    58. 

  58. 			</div>
    59. 

  59. 		</div>
    60. 

  60. 	</div>
    61. 

  61. 	<div style="clear: both;"></div>
    62. 

  62. 	<div id="dwBody" >
    63. 

  63. 		<div id="dwBodyContent" class="bodyCenter" style="border:1px solid #C1DAEC;">
    64. 

  64. 		<div id="dwBodyUser">
    65. 

  65. 			<div class="surveyCollectMiddle">
    66. 

  66. 

  67. 				<div class="surveyCollectTop">
    68. 

  68. 					<div class="surveyCollectTitleDiv">
    69. 

  69. 						<span class="surveyCollectTitle">${survey.surveyName }</span>
    70. 

  70. 						<div class="scmTabRight" >
    71. 

  71. 							<c:choose>
    72. 

  72. 								<c:when test="${survey.surveyState eq 0 }">
    73. 

  73. 									<a href="" class="surveyStateBtn sbtn25 sbtn25_2" style="color: #599fd1;">开始收集</a>
    74. 

  74. 								</c:when>
    75. 

  75. 								<c:when test="${survey.surveyState eq 1 }">
    76. 

  76. 									<a href="" class="surveyStateBtn sbtn25 sbtn25_2">停止收集</a>
    77. 

  77. 								</c:when>
    78. 

  78. 								<c:when test="${survey.surveyState eq 2 }">
    79. 

  79. 									<a href="" class="surveyStateBtn sbtn25 sbtn25_2">重新打开收集</a>
    80. 

  80. 								</c:when>
    81. 

  81. 							</c:choose>
    82. 

  82. 

  83. 						</div>
    84. 

  84. 					</div>
    85. 

  85. 					<div class="surveyCollectInfoDiv">
    86. 

  86. 						<span class="surveyCollectInfoLeft">
    87. 

  87. 						状态：<span class="collectInfoSpan surveyStateText">${survey.surveyState eq 0 ? '设计中':survey.surveyState eq 1?'收集中':survey.surveyState eq 2?'收集完成':'' }</span>&nbsp;&nbsp;&nbsp;&nbsp;
    88. 

  88. 						参加人数：<span class="collectInfoSpan">${survey.answerNum }</span>
    89. 

  89. 						</span>
    90. 

  90. 						<span class="surveyCollectInfoRight">
    91. 

  91. 						发布时间：<span class="collectInfoSpan"><fmt:formatDate value="${survey.createDate }" pattern="yyyy年MM月dd日 HH时mm分" /> </span>
    92. 

  92. 						</span>
    93. 

  93. 					</div>
    94. 

  94. 				</div>
    95. 

  95. 

  96. 				<div class="surveyCollectMiddleContent">
    97. 

  97. 

  98. 					<div class="collect_1_content">
    99. 

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

  100. 

  101. 						<div style="clear: both;"></div>
    102. 

  102. 

  103. 						<div style="margin: 0px auto; width: 930px;padding-top: 10px;">
    104. 

  104. 							<div class="scmcRightTop" >
    105. 

  105. 								<div class="scmcRightTopLeft">
    106. 

  106. 									<div class="scmcRightTopLeftTitle">通过二维码发送或分享给好友</div>
    107. 

  107. 								</div>
    108. 

  108. 								<div style="padding-top: 15px;overflow: auto;clear: both;">
    109. 

  109. 								<div class="scmcSurveyTdCode"><img alt="" src="${ctx }/survey!answerTD.action?surveyId=${survey.id}" height="130" ></div>
    110. 

  110. 								<div class="scmcRightTopRight" style="float: left ;padding-left: 30px;">
    111. 

  111. 									<a href="${ctx }/survey!answerTD.action?surveyId=${survey.id}&down" class="sbtn25 sbtn25_1">下载二维码</a>
    112. 

  112. 									<div class="scmcRightTopLeftNote" style="padding-top: 25px;">复制下面的问卷链接到QQ，Email等工具中直接发给被用户</div>
    113. 

  113. 								</div>
    114. 

  114. 								</div>
    115. 

  115. 							</div>
    116. 

  116. 						</div>
    117. 

  117. 

  118. 						<div style="">
    119. 

  119. 							<div class="weixinSteps">
    120. 

  120. 								<div class="wxinTitle">发送或分享给好友</div>
    121. 

  121. 								<div class="wxinContent"><ul>
    122. 

  122. 									<li><span>1、使用微信扫一扫功能。</span><img src="${ctx }/images/img1/weixin_collect1.jpg" width="260" ></li>
    123. 

  123. 									<li><span>2、打开问卷后，点击右上角的“分享”按钮。</span><img src="${ctx }/images/img1/weixin_collect2.jpg"  width="260" ></li>
    124. 

  124. 									<li><span>3、选择“发送给朋友”或“分享到朋友圈”。</span><img src="${ctx }/images/img1/weixin_collect3.jpg"  width="260" ></li>
    125. 

  125. 								</ul></div>
    126. 

  126. 							</div>
    127. 

  127. 						</div>
    128. 

  128. 

  129. 

  130. 						<div style="margin: 0px auto; width: 930px;margin-top: 30px;" >
    131. 

  131. 							<div>
    132. 

  132. 							<div class="scmcRightTop" >
    133. 

  133. 								<div class="scmcRightTopLeft">
    134. 

  134. 									<div class="scmcRightTopLeftTitle">通过微信公众账号
    135. 

  135. 										<span style="font-size:14px;color: #9B9A9A;margin-left: 15px;">复制下面的问卷链接到QQ，Email等工具中直接发给被用户</span>
    136. 

  136. 									</div>
    137. 

  137. 									<!-- <div class="scmcRightTopLeftNote">复制下面的问卷链接到QQ，Email等工具中直接发给被用户</div> -->
    138. 

  138. 								</div>
    139. 

  139. 							</div>
    140. 

  140. 							<div style="clear: both;">
    141. 

  141. 								<div>
    142. 

  142. 									<div class="scmcSurveyLink">
    143. 

  143. 										<span class="scmcSurveyLinkLeft">&nbsp;</span>
    144. 

  144. 										<span class="scmcSurveyLinkCenter"  id="linkTextarea" >${baseUrl }/wenjuan/${survey.sid }.html</span>
    145. 

  145. 										<span class="scmcSurveyLinkRight"><span id="clipLinkSpan" style="display: none;">复制成功</span></span>
    146. 

  146. 										<span style="display: block;" class="clipLink" id="clipLink" data-clipboard-text="${baseUrl }/wenjuan/${survey.sid }.html">复制链接</span>
    147. 

  147. 									</div>
    148. 

  148. 								</div>
    149. 

  149. 							</div>
    150. 

  150. 						</div>
    151. 

  151. 						</div>
    152. 

  152. 						<div style="clear: both;"></div>
    153. 

  153. 

  154. 						<div style="margin-top: 15px;">
    155. 

  155. 							<div class="weixinSteps">
    156. 

  156. 								<div class="wxinTitle">通过微信公众账号</div>
    157. 

  157. 								<div class="wxinContent"><ul>
    158. 

  158. 									<li><span>1、打开公众账号</span><img src="${ctx }/images/img1/weixin_b_s3.png" width="260"></li>
    159. 

  159. 									<li><span>2、打开问卷后，点击右上角的“分享”按钮。</span><img src="${ctx }/images/img1/weixin_b_s4.jpeg" width="260" ></li>
    160. 

  160. 								</ul></div>
    161. 

  161. 							</div>
    162. 

  162. 						</div>
    163. 

  163. 

  164. 

  165. 					</div>
    166. 

  166. 				</div>
    167. 

  167. 				</div>
    168. 

  168. 			</div>
    169. 

  169. 

  170. 		</div>
    171. 

  171. 		</div>
    172. 

  172. 	</div>
    173. 

  173. <script type="text/javascript">
    174. 

  174. 

  175. 	currentMenu("mysurvey");
    176. 

  176. 

  177. 	var clipboard = new ClipboardJS('.clipLink');
    178. 

  178. 

  179. 	clipboard.on('success', function(e) {
    180. 

  180. 		$("#clipLinkSpan").text("复制成功");
    181. 

  181. 		$("#clipLinkSpan").show().delay(5000).fadeOut("slow");
    182. 

  182. 		return false;
    183. 

  183. 	});
    184. 

  184. 

  185. 	clipboard.on('error', function(e) {
    186. 

  186. 		$("#clipLinkSpan").text("浏览器不支持！");
    187. 

  187. 		$("#clipLinkSpan").show().delay(5000).fadeOut("slow");
    188. 

  188. 		return false;
    189. 

  189. 	});
    190. 

  190. 

  191. </script>
    192. 

  192. </body>
    193. 

  193. </html>
    194.