Почетна Преглед Помоћ
Пријавите се
caimei365
/
caimei365-manager
3
0
Креирај огранак 0
Датотеке Дискусије 0 Захтеви за спајање 0 Вики
Дрво: e3301d316d
Гране Ознаке
caimei365-ma...
/
src
/
main
/
webapp
/
WEB-INF
/
views
/
modules
/
coupon
/
cmCouponForm.jsp

cmCouponForm.jsp 24 KB
Историја Датотека

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746 
  1. <%@ page import="java.util.Date" %>
    2. 

  2. <%@ page contentType="text/html;charset=UTF-8" %>
    3. 

  3. <%@ include file="/WEB-INF/views/include/taglib.jsp"%>
    4. 

  4. <html>
    5. 

  5. <head>
    6. 

  6. 	<title>优惠券管理</title>
    7. 

  7. 	<meta name="decorator" content="default"/>
    8. 

  8. 	<script type="text/javascript">
    9. 

  9. 		$(document).ready(function() {
    10. 

  10. 			//$("#name").focus();
    11. 

  11. 			$("#inputForm").validate({
    12. 

  12. 				submitHandler: function(form){
    13. 

  13. 					$("#receiveFlag").removeAttr('disabled');
    14. 

  14. 					if (imageList.length > 0) {
    15. 

  15. 						var productInfo = JSON.stringify(imageList);
    16. 

  16. 						$('#productInfo').val(productInfo);
    17. 

  17. 					}
    18. 

  18. 					var  productType = $("input[name='productType']:checked").val();
    19. 

  19. 					var couponAmount = $("#couponAmount").val()*1;
    20. 

  20. 					var touchPrice = $("#touchPrice").val()*1;
    21. 

  21. 					if (couponAmount >= touchPrice) {
    22. 

  22. 						alertx("优惠券金额必须小于优惠条件金额");
    23. 

  23. 						return false;
    24. 

  24. 					}
    25. 

  25. 					var startDate = $("#startDate").val();
    26. 

  26. 					var endDate = $("#endDate").val();
    27. 

  27. 					if (startDate >= endDate) {
    28. 

  28. 						alertx("结束时间不能早于开始时间");
    29. 

  29. 						return false;
    30. 

  30. 					}
    31. 

  31. 					loading('正在提交，请稍等...');
    32. 

  32. 					form.submit();
    33. 

  33. 				},
    34. 

  34. 				errorContainer: "#messageBox",
    35. 

  35. 				errorPlacement: function(error, element) {
    36. 

  36. 					$("#messageBox").text("输入有误，请先更正。");
    37. 

  37. 					if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
    38. 

  38. 						error.appendTo(element.parent().parent());
    39. 

  39. 					} else {
    40. 

  40. 						error.insertAfter(element);
    41. 

  41. 					}
    42. 

  42. 				}
    43. 

  43. 			});
    44. 

  44. 		});
    45. 

  45. 	</script>
    46. 

  46. 

  47. 	<style>
    48. 

  48. 		.iconBox {
    49. 

  49. 			font-size: 0;
    50. 

  50. 		}
    51. 

  51. 		.conList .btn:nth-of-type(1){
    52. 

  52. 			margin-left: 25px;
    53. 

  53. 		}
    54. 

  54. 		.upload-content-image {
    55. 

  55. 			margin-top: -70px;
    56. 

  56. 		}
    57. 

  57. 

  58. 		.upload-content-image .conList .btn:nth-of-type(1) {
    59. 

  59. 			width: 90px;
    60. 

  60. 			height: 100px;
    61. 

  61. 			border: 2px solid #eee;
    62. 

  62. 			background: #fff;
    63. 

  63. 			position: relative;
    64. 

  64. 		}
    65. 

  65. 

  66. 		.upload-content-image .conList .btn:nth-of-type(1) > div {
    67. 

  67. 			position: absolute;
    68. 

  68. 			top: 50%;
    69. 

  69. 			left: 50%;
    70. 

  70. 			transform: translate(-50%, -50%);
    71. 

  71. 			color: #666;
    72. 

  72. 		}
    73. 

  73. 

  74. 		.upload-content-image .conList .btn:nth-of-type(1) span {
    75. 

  75. 			font-size: 35px;
    76. 

  76. 		}
    77. 

  77. 

  78. 		.upload-content-image .conList .btn:nth-of-type(1) h5 {
    79. 

  79. 			color: #666;
    80. 

  80. 		}
    81. 

  81. 		.upload-content-image .conList ol li {
    82. 

  82. 			width: 114px;
    83. 

  83. 			min-height: 80px;
    84. 

  84. 			text-align: center;
    85. 

  85. 			background: #fff;
    86. 

  86. 			position: relative;
    87. 

  87. 			top: 120px;
    88. 

  88. 			margin-left: 2px;
    89. 

  89. 		}
    90. 

  90. 		.cancel-upload-image {
    91. 

  91. 			background: transparent;
    92. 

  92. 			border: none;
    93. 

  93. 			box-shadow: none;
    94. 

  94. 			position: relative;
    95. 

  95. 			top: -38px;
    96. 

  96. 			left: -25px;
    97. 

  97. 			cursor: pointer;
    98. 

  98. 			z-index: 100;
    99. 

  99. 		}
    100. 

  100. 		.hide-pic-image {
    101. 

  101. 			display: none !important;
    102. 

  102. 		}
    103. 

  103. 	</style>
    104. 

  104. </head>
    105. 

  105. <body>
    106. 

  106. 	<ul class="nav nav-tabs">
    107. 

  107. 		<li><a href="${ctx}/coupon/cmCoupon/list?couponType=0&&moneyCouponFlag=2">活动券</a></li>
    108. 

  108. 		<li class="active"><a href="${ctx}/coupon/cmCoupon/form?couponType=0&id=${cmCoupon.id}">${not empty cmCoupon.id?'编辑':'添加'}</a></li>
    109. 

  109. 	</ul><br/>
    110. 

  110. 	<font style="color: red;margin-left: 20px">活动券适合在某些节日或者主题活动时创建，并且适用于全部客户以及商城全部商品或指定商品（不包括二手商品）。</font><br><br>
    111. 

  111. 	<form:form id="inputForm" modelAttribute="cmCoupon" action="${ctx}/coupon/cmCoupon/save" method="post" class="form-horizontal">
    112. 

  112. 		<form:hidden path="id"/>
    113. 

  113. 		<form:hidden path="productInfo" id="productInfo"/>
    114. 

  114. 		<input type="hidden" name="couponType" value="0"/>
    115. 

  115. 		<sys:message content="${message}"/>
    116. 

  116. 		<form:hidden path="receiveFlag"/>
    117. 

  117. 		<div class="control-group">
    118. 

  118. 			<label class="control-label"><font color="red">*</font>活动主题：</label>
    119. 

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

  120. 				<form:input path="name" htmlEscape="false" maxlength="30" placeholder="30个汉字以内" class="input-xlarge required"/>
    121. 

  121. 			</div>
    122. 

  122. 		</div>
    123. 

  123. 		<div class="control-group">
    124. 

  124. 			<label class="control-label"><font color="red">*</font>优惠券金额：</label>
    125. 

  125. 			<div class="controls">
    126. 

  126. 				<input type="number" id="couponAmount" name="couponAmount" value="${cmCoupon.couponAmount}" min="0" required>
    127. 

  127. 			</div>
    128. 

  128. 		</div>
    129. 

  129. 		<div class="control-group">
    130. 

  130. 			<label class="control-label"><font color="red">*</font>优惠条件：</label>
    131. 

  131. 			<div class="controls">
    132. 

  132. 				订单商品总额满&nbsp;&nbsp;&nbsp;&nbsp;<input type="number" name="touchPrice" id="touchPrice" value="${cmCoupon.touchPrice}" min="0" required>
    133. 

  133. 			</div>
    134. 

  134. 		</div>
    135. 

  135. 		<div class="control-group">
    136. 

  136. 			<label class="control-label"><font color="red">*</font>折扣方式：</label>
    137. 

  137. 			<div class="controls">
    138. 

  138. 				<form:radiobutton path="couponTextFlag" value="1" label="满减" class="required" onclick="textChange(1)"/>
    139. 

  139. 				<form:radiobutton path="couponTextFlag" value="2" label="打折" class="required" onclick="textChange(2)"/>
    140. 

  140. 			</div>
    141. 

  141. 		</div>
    142. 

  142. 		<div class="control-group" id="texts" hidden="hidden">
    143. 

  143. 			<label class="control-label"><font color="red">*</font>折扣文案：</label>
    144. 

  144. 			<div class="controls">
    145. 

  145. 				<input type="text" id="couponText" name="couponText" value="${cmCoupon.couponText}" min="0" required>
    146. 

  146. 			</div>
    147. 

  147. 		</div>
    148. 

  148. 		<div class="control-group">
    149. 

  149. 			<label class="control-label"><font color="red">*</font>上架时间：</label>
    150. 

  150. 			<div class="controls">
    151. 

  151. 				<input name="startDate" id="startDate" type="text" required readonly="readonly" maxlength="20" class="input-medium Wdate "
    152. 

  152. 					value="<fmt:formatDate value="${cmCoupon.startDate}" pattern="yyyy-MM-dd 00:00:00"/>"
    153. 

  153. 					onclick="WdatePicker({dateFmt:'yyyy-MM-dd 00:00:00',isShowClear:false});" onblur="dateShow()">
    154. 

  154. 			</div>
    155. 

  155. 		</div>
    156. 

  156. 		<div class="control-group">
    157. 

  157. 			<label class="control-label"><font color="red">*</font>下架时间：</label>
    158. 

  158. 			<div class="controls">
    159. 

  159. 				<input name="endDate" id="endDate" type="text" required readonly="readonly" maxlength="20" class="input-medium Wdate "
    160. 

  160. 					value="<fmt:formatDate value="${cmCoupon.endDate}" pattern="yyyy-MM-dd 23:59:59"/>"
    161. 

  161. 					onclick="WdatePicker({dateFmt:'yyyy-MM-dd 23:59:59',isShowClear:false});" onblur="dateShow()"/>
    162. 

  162. 			</div>
    163. 

  163. 		</div>
    164. 

  164. 		<div class="control-group">
    165. 

  165. 			<label class="control-label"><font color="red">*</font>领取期限：</label>
    166. 

  166. 			<div class="controls">
    167. 

  167. 				<input type="number" id="receivePeriod" name="receivePeriod" onkeyup="onlynum(this)" value="${cmCoupon.receivePeriod}" min="1" required> 天
    168. 

  168. 				<input type="checkbox" id="receiveFlag" name="receiveFlag" style="margin-left:20px !important" value="${cmCoupon.receiveFlag eq 1?1:0}"
    169. 

  169. 					${cmCoupon.receiveFlag eq 1 ? "checked" : ""} onclick="changeCondition('receiveFlag','receivePeriod')" />同上下架时间
    170. 

  170. 				<input id="receivePeriodTemp" type="hidden" value="${cmCoupon.receivePeriod}">
    171. 

  171. 				<input id="receiveFlagTemp" type="hidden" value="${cmCoupon.receiveFlag}">
    172. 

  172. 			</div>
    173. 

  173. 		</div>
    174. 

  174. 		<div class="control-group">
    175. 

  175. 			<label class="control-label"><font color="red">*</font>使用期限：</label>
    176. 

  176. 			<div class="controls">
    177. 

  177. 				<input type="number" id="usePeriod" name="usePeriod" value="${cmCoupon.usePeriod}" min="1" required> 天
    178. 

  178. 				<input type="checkbox" id="useTimeFlag" name="useTimeFlag" style="margin-left:20px !important" value="${cmCoupon.useTimeFlag eq 1?1:0}"
    179. 

  179. 					${cmCoupon.useTimeFlag eq 1 ? "checked" : ""} onclick="changeUseTime('useTimeFlag')"/>同上下架时间
    180. 

  180. 				<input id="usePeriodTemp" type="hidden" value="${cmCoupon.usePeriod}">
    181. 

  181. 			</div>
    182. 

  182. 		</div>
    183. 

  183. 		<div class="control-group">
    184. 

  184. 			<label class="control-label">分享优惠券标题：</label>
    185. 

  185. 			<div class="controls">
    186. 

  186. 				<form:input path="shareCouponTopic" htmlEscape="false" maxlength="30" placeholder="30个汉字以内" class="input-xlarge"/>
    187. 

  187. 			</div>
    188. 

  188. 		</div>
    189. 

  189. 		<div class="control-group">
    190. 

  190. 			<label class="control-label">分享优惠券封面：</label>
    191. 

  191. 			<div class="controls upload-content-image iconBox">
    192. 

  192. 				<div class="conList">
    193. 

  193. 					<form:hidden id="shareCouponImage" path="shareCouponImage" htmlEscape="false" maxlength="255" class="input-xlarge"/>
    194. 

  194. 					<sys:ckfinder input="shareCouponImage" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
    195. 

  195. 					<br>
    196. 

  196. 				</div>
    197. 

  197. 			</div>
    198. 

  198. 		</div>
    199. 

  199. 		<div class="control-group">
    200. 

  200. 			<label class="control-label"><font color="red">*</font>状态：</label>
    201. 

  201. 			<div class="controls">
    202. 

  202. 				<label id="initializeShow">
    203. 

  203. 					<c:if test="${empty cmCoupon.status || cmCoupon.status eq 0}">
    204. 

  204. 						<font color="#800080">未生效</font>
    205. 

  205. 					</c:if>
    206. 

  206. 					<c:if test="${cmCoupon.status eq 1}">
    207. 

  207. 						<font color="#00CC66">已生效</font>
    208. 

  208. 					</c:if>
    209. 

  209. 					<c:if test="${cmCoupon.status eq 2}">
    210. 

  210. 						<font color="red">已关闭</font>
    211. 

  211. 					</c:if>
    212. 

  212. 					<c:if test="${cmCoupon.status eq 3}">
    213. 

  213. 						<font color="#FF6600">已失效</font>
    214. 

  214. 					</c:if>
    215. 

  215. 				</label>
    216. 

  216. 				<label id="closeShow" style="display: none">
    217. 

  217. 					<font color="red">已关闭</font>
    218. 

  218. 				</label>
    219. 

  219. 				<input type="hidden" id="hiddenStatus" name="status" value="">
    220. 

  220. 				<input type="checkbox" id="status" name="status" value="2" ${cmCoupon.status eq "2" ? "checked" : ""} onclick="statusShow()" />关闭
    221. 

  221. 			</div>
    222. 

  222. 		</div>
    223. 

  223. 		<div class="control-group">
    224. 

  224. 			<label class="control-label"><font color="red">*</font>优惠商品：</label>
    225. 

  225. 			<div class="controls">
    226. 

  226. <%--				<form:radiobutton path="productType" value="1" label="全商城商品" onclick="productShow()" checked ="${empty cmCoupon.productType ? true:false}"/>--%>
    227. 

  227. 				<form:radiobutton path="productType" value="2" label="指定商品" onclick="productShow()"/>
    228. 

  228. 			</div>
    229. 

  229. 		</div>
    230. 

  230. 		<div class="productData" hidden="hidden">
    231. 

  231. 			<div class="control-group">
    232. 

  232. 				<label class="control-label">网站活动页banner：</label>
    233. 

  233. 				<div class="controls upload-content-image iconBox">
    234. 

  234. 					<div class="conList">
    235. 

  235. 						<form:hidden id="pcBanner" path="pcBanner" htmlEscape="false" maxlength="255" class="input-xlarge"/>
    236. 

  236. 						<sys:ckfinder input="pcBanner" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
    237. 

  237. 						<br>
    238. 

  238. 					</div>
    239. 

  239. 				</div>
    240. 

  240. 			</div>
    241. 

  241. 			<div class="control-group">
    242. 

  242. 				<label class="control-label">小程序活动页banner：</label>
    243. 

  243. 				<div class="controls upload-content-image iconBox">
    244. 

  244. 					<div class="conList">
    245. 

  245. 						<form:hidden id="appletsBanner" path="appletsBanner" htmlEscape="false" maxlength="255" class="input-xlarge"/>
    246. 

  246. 						<sys:ckfinder input="appletsBanner" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
    247. 

  247. 						<br>
    248. 

  248. 					</div>
    249. 

  249. 				</div>
    250. 

  250. 			</div>
    251. 

  251. 			<div class="control-group">
    252. 

  252. 				<input class="btn" id="del" style="width: 50px" onclick="batchDeletion()" value="删除"/>&nbsp;&nbsp;&nbsp;&nbsp;
    253. 

  253. 				<input class="btn btn-primary" style="width: 70px" onclick="batchSaveSort()" value="一键排序"/>&nbsp;&nbsp;&nbsp;&nbsp;
    254. 

  254. 				<input class="btn btn-primary" style="width: 50px" onclick="showSelect()" value="添加"/>
    255. 

  255. 				<br><br>
    256. 

  256. 				<table id="contentTable" class="table table-striped table-bordered table-condensed" hidden="hidden">
    257. 

  257. 					<thead>
    258. 

  258. 					<tr>
    259. 

  259. 						<th style="width:20px;"><input class="check-all" type="checkbox" onclick="clickAllSelect(this)"/> 全选
    260. 

  260. 						</th>
    261. 

  261. 						<th>商品图片</th>
    262. 

  262. 						<th>商品名称</th>
    263. 

  263. 						<th>供应商</th>
    264. 

  264. 						<th>网站状态</th>
    265. 

  265. 						<th>小程序状态</th>
    266. 

  266. 						<th>排序</th>
    267. 

  267. 						<th>添加时间</th>
    268. 

  268. 						<th>操作</th>
    269. 

  269. 					</tr>
    270. 

  270. 					</thead>
    271. 

  271. 					<tbody id="hotSearch"></tbody>
    272. 

  272. 				</table>
    273. 

  273. 			</div>
    274. 

  274. 		</div>
    275. 

  275. 		<div class="form-actions">
    276. 

  276. 			<input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/>&nbsp;
    277. 

  277. 			<input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
    278. 

  278. 		</div>
    279. 

  279. 	</form:form>
    280. 

  280. <script>
    281. 

  281. 	//图片初始化
    282. 

  282. 	$(function () {
    283. 

  283. 		$('.upload-content-image .conList .btn:nth-of-type(1)').html('<div><span>+</span><h5>选择图片</h5></div>');
    284. 

  284. 		$('.upload-content-image .conList .btn:nth-of-type(2)').after('<img class="cancel-upload-image" src="/static/images/close-btn1.png">').remove();
    285. 

  285. 		$('.upload-content-image .conList').find('.cancel-upload-image').hide();
    286. 

  286. 		var observeEleImage = document.getElementsByClassName('upload-content-image')[0];
    287. 

  287. 		var observeEleImage1 = document.getElementsByClassName('upload-content-image')[1];
    288. 

  288. 		var MutationObserverImage = window.MutationObserver || window.WebKitMutationObserver;
    289. 

  289. 		var MutationObserverConfigImage = {
    290. 

  290. 			childList: true,
    291. 

  291. 			subtree: true,
    292. 

  292. 			characterData: true
    293. 

  293. 		};
    294. 

  294. 		var observerImage = new MutationObserverImage(function (mutations) {
    295. 

  295. 			$.each(mutations, function (index, item) {
    296. 

  296. 				if (item.type === 'childList') {
    297. 

  297. 					// 在创建新的 element 时调用
    298. 

  298. 					var target = $(item.target),
    299. 

  299. 							thisWrapper = target.closest('.conList'),
    300. 

  300. 							nextEle = thisWrapper.next();
    301. 

  301. 					thisWrapper.find('li').css('z-index', 99);
    302. 

  302. 					thisWrapper.find('.cancel-upload-image').show();
    303. 

  303. 					if (nextEle.hasClass('hide-pic-image')) {
    304. 

  304. 						nextEle.removeClass('hide-pic-image');
    305. 

  305. 					}
    306. 

  306. 				}
    307. 

  307. 			})
    308. 

  308. 		});
    309. 

  309. 		observerImage.observe(observeEleImage, MutationObserverConfigImage);
    310. 

  310. 		observerImage.observe(observeEleImage1, MutationObserverConfigImage);
    311. 

  311. 

  312. 		$('body').on('click', '.upload-content-image li', function () {
    313. 

  313. 			var index = $(this).closest('.conList').index() + 1,
    314. 

  314. 					str = 'remarkImage' + index + 'FinderOpen';
    315. 

  315. 			eval(str + '()');
    316. 

  316. 		});
    317. 

  317. 		$('body').on('click', '.cancel-upload-image', function () {
    318. 

  318. 			var wrapper = $(this).closest('.conList');
    319. 

  319. 			wrapper.find('li').css('z-index', '-1');
    320. 

  320. 			wrapper.find('input').val('');
    321. 

  321. 			$(this).hide();
    322. 

  322. 			wrapper.removeClass("hide-pic-image");
    323. 

  323. 			wrapper.parent().append(wrapper.clone());
    324. 

  324. 			wrapper.remove();
    325. 

  325. 			$(".conList").each(function (i, ele) {
    326. 

  326. 				if ($(ele).find("input.input-xlarge").val()) {
    327. 

  327. 					$(ele).next().removeClass("hide-pic-image")
    328. 

  328. 				}
    329. 

  329. 			})
    330. 

  330. 		});
    331. 

  331. 		$(window).on("load", function () {
    332. 

  332. 			setTimeout(function () {
    333. 

  333. 				var input = $("#pcBanner");
    334. 

  334. 				if (input.val()) {
    335. 

  335. 					input.next().find("li").css("z-index", "99");
    336. 

  336. 					input.parents(".conList").find(".cancel-upload-image").show();
    337. 

  337. 					input.parents(".conList").next().removeClass("hide-pic-image")
    338. 

  338. 				}
    339. 

  339. 				input = $("#shareCouponImage");
    340. 

  340. 				if (input.val()) {
    341. 

  341. 					input.next().find("li").css("z-index", "99");
    342. 

  342. 					input.parents(".conList").find(".cancel-upload-image").show();
    343. 

  343. 					input.parents(".conList").next().removeClass("hide-pic-image")
    344. 

  344. 				}
    345. 

  345. 				input = $("#appletsBanner");
    346. 

  346. 				if (input.val()) {
    347. 

  347. 					input.next().find("li").css("z-index", "99");
    348. 

  348. 					input.parents(".conList").find(".cancel-upload-image").show();
    349. 

  349. 					input.parents(".conList").next().removeClass("hide-pic-image")
    350. 

  350. 				}
    351. 

  351. 			}, 500);
    352. 

  352. 		});
    353. 

  353. 		productShow();
    354. 

  354. 

  355. 		initInputDisplay();
    356. 

  356. 

  357. 		initUseTimeFlag();
    358. 

  358. 

  359. 		if(${cmCoupon.couponTextFlag eq 2}){
    360. 

  360. 			$("#texts").show();
    361. 

  361. 		}
    362. 

  362. 	});
    363. 

  363. 

  364. 	function textChange(val) {
    365. 

  365. 		if (2 === val) {
    366. 

  366. 			$("#texts").show();
    367. 

  367. 		}else{
    368. 

  368. 			$("#texts").hide();
    369. 

  369. 		}
    370. 

  370. 	}
    371. 

  371. 

  372. 	var productIds = '';
    373. 

  373. 	var imageList = [];
    374. 

  374. 

  375. 	$(function () {
    376. 

  376. 		<c:forEach items="${associateList}" var="associate" varStatus="index">
    377. 

  377. 		imageList.push({
    378. 

  378. 			id: "${associate.id}",
    379. 

  379. 			productId: "${empty associate.productId ? "":associate.productId}",
    380. 

  380. 			image: "${associate.image}",
    381. 

  381. 			productName: "${associate.productName}",
    382. 

  382. 			shopName: "${associate.shopName}",
    383. 

  383. 			sort: "${associate.sort}",
    384. 

  384. 			pcStatus: "${associate.pcStatus}",
    385. 

  385. 			appletsStatus: "${associate.appletsStatus}",
    386. 

  386. 			addTime: "<fmt:formatDate value="${associate.addTime}" pattern="yyyy-MM-dd HH:mm:ss"/>"
    387. 

  387. 		});
    388. 

  388. 		</c:forEach>
    389. 

  389. 

  390. 		if (imageList.length > 0) {
    391. 

  391. 			$('#contentTable').show();
    392. 

  392. 			batchSaveSort();
    393. 

  393. 		}
    394. 

  394. 	});
    395. 

  395. 

  396. 	//点击添加
    397. 

  397. 	function showSelect() {
    398. 

  398. 		var url = "${ctx}/coupon/cmCoupon/toAddProduct?productIds=" + productIds;
    399. 

  399. 		var title = '';
    400. 

  400. 		title = "选择商品";
    401. 

  401. 		top.$.jBox("iframe:" + url, {
    402. 

  402. 			iframeScrolling: 'yes',
    403. 

  403. 			width: $(top.document).width() - 400,
    404. 

  404. 			height: $(top.document).height() - 160,
    405. 

  405. 			persistent: true,
    406. 

  406. 			title: title,
    407. 

  407. 			buttons: {"确定": '1', "取消": '-1'},
    408. 

  408. 			submit: function (v, h, f) {
    409. 

  409. 				//确定
    410. 

  410. 				var $jboxFrame = top.$('#jbox-iframe');
    411. 

  411. 				var $mainFrame = top.$('#mainFrame');
    412. 

  412. 				if ('1' == v && 1 == $jboxFrame.size() && 1 == $mainFrame.size()) {
    413. 

  413. 					var items = $jboxFrame[0].contentWindow.getCheckedItems();
    414. 

  414. 					console.log(items);
    415. 

  415. 					console.log(items[0]);
    416. 

  416. 					for (var i = 0; i < items.length; i++) {
    417. 

  417. 						console.log(items[i]);
    418. 

  418. 						imageList.push(items[i]);
    419. 

  419. 						$('#contentTable').show();
    420. 

  420. 						$("#del").removeAttr("disabled");
    421. 

  421. 						batchSaveSort();
    422. 

  422. 					};
    423. 

  423. 				}
    424. 

  424. 				return true;
    425. 

  425. 			}
    426. 

  426. 		});
    427. 

  427. 	}
    428. 

  428. 

  429. 	/**
    430. 

  430. 	 * 一键排序
    431. 

  431. 	 */
    432. 

  432. 	function batchSaveSort() {
    433. 

  433. 		imageList.sort(sort);
    434. 

  434. 		insertHtml(imageList);
    435. 

  435. 	}
    436. 

  436. 

  437. 	//根据sort值 从小到大排序
    438. 

  438. 	function sort(a, b) {
    439. 

  439. 		return a.sort - b.sort;
    440. 

  440. 	}
    441. 

  441. 

  442. 	//相关图片列表数据
    443. 

  443. 	function appendShopOrderHead(data, index) {
    444. 

  444. 		var html = '<tr id ="ai' + index + '">' +
    445. 

  445. 				'<td>' +
    446. 

  446. 				'<input class="check-item" type="checkbox" name="info" value="' + index + '"/>' + (index + 1) +
    447. 

  447. 				'</td>' +
    448. 

  448. 				'<td>' +
    449. 

  449. 				'<img src="' + data.image + '" width="60px" border="none" title="启用">' +
    450. 

  450. 				'</td>' +
    451. 

  451. 				'<td>' +
    452. 

  452. 				data.productName +
    453. 

  453. 				'</td>' +
    454. 

  454. 				'<td>' +
    455. 

  455. 				data.shopName +
    456. 

  456. 				'</td>' +
    457. 

  457. 				'<td>' +
    458. 

  458. 				(data.pcStatus == 1 ? (
    459. 

  459. 						'<font color="green">已启用</font>&nbsp;&nbsp;&nbsp;' +
    460. 

  460. 						'<a href="javascript:void(0);" onclick="updatePcStatus(0,' + index + ');" >' +
    461. 

  461. 						'停用</a>'
    462. 

  462. 				) : (
    463. 

  463. 						'<font color="red">已停用</font>&nbsp;&nbsp;&nbsp;' +
    464. 

  464. 						'<a href="javascript:void(0)" onclick="updatePcStatus(1,' + index + ');">' +
    465. 

  465. 						'启用</a>'
    466. 

  466. 				)) +
    467. 

  467. 				'</td>' +
    468. 

  468. 				'<td>' +
    469. 

  469. 				(data.appletsStatus == 1 ? (
    470. 

  470. 						'<font color="green">已启用</font>&nbsp;&nbsp;&nbsp;' +
    471. 

  471. 						'<a href="javascript:void(0);" onclick="updateAppletsStatus(0,' + index + ');" >' +
    472. 

  472. 						'停用</a>'
    473. 

  473. 				) : (
    474. 

  474. 						'<font color="red">已停用</font>&nbsp;&nbsp;&nbsp;' +
    475. 

  475. 						'<a href="javascript:void(0)" onclick="updateAppletsStatus(1,' + index + ');">' +
    476. 

  476. 						'启用</a>'
    477. 

  477. 				)) +
    478. 

  478. 				'</td>' +
    479. 

  479. 				'<td>' +
    480. 

  480. 				'<input name="sort" style="width:50px;" value="' + data.sort + '"  onkeyup="onlynum(this)"  onchange="changeSort(' + index + ',this)"></td>' +
    481. 

  481. 				'</td>' +
    482. 

  482. 				'<td>' +
    483. 

  483. 				(data.addTime == '' ? (
    484. 

  484. 						'<fmt:formatDate value="<%=new Date()%>" pattern="yyyy-MM-dd HH:mm:ss"/>'
    485. 

  485. 				) : (
    486. 

  486. 						data.addTime
    487. 

  487. 				)) +
    488. 

  488. 				'</td>' +
    489. 

  489. 				'<td>' +
    490. 

  490. 				'<a href="javascript:;" onclick="delect(' + index + ')">删除</a>' +
    491. 

  491. 				'</td>' +
    492. 

  492. 				'</tr>';
    493. 

  493. 		return html;
    494. 

  494. 	}
    495. 

  495. 

  496. 	function insertHtml(list) {
    497. 

  497. 		var html = '';
    498. 

  498. 		productIds = '';
    499. 

  499. 		list.forEach(function (item, index) {
    500. 

  500. 			html += appendShopOrderHead(item, index);
    501. 

  501. 			productIds += "," + item.productId;
    502. 

  502. 		});
    503. 

  503. 		$("#hotSearch").html(html);
    504. 

  504. 	}
    505. 

  505. 

  506. 	function changeSort(index, sortThis) {
    507. 

  507. 		var sort = sortThis.value;
    508. 

  508. 		if (sort <= 0) {
    509. 

  509. 

  510. 		}
    511. 

  511. 		var image = imageList[index];
    512. 

  512. 		image.sort = sort;
    513. 

  513. 	}
    514. 

  514. 

  515. 	function updatePcStatus(status, index) {
    516. 

  516. 		var image = imageList[index];
    517. 

  517. 		confirmx(status == 0 ? '确定停用吗？' : '确定启用吗？', function () {
    518. 

  518. 			image.pcStatus = status;
    519. 

  519. 			batchSaveSort();
    520. 

  520. 		})
    521. 

  521. 	}
    522. 

  522. 

  523. 	function updateAppletsStatus(status, index) {
    524. 

  524. 		var image = imageList[index];
    525. 

  525. 		confirmx(status == 0 ? '确定停用吗？' : '确定启用吗？', function () {
    526. 

  526. 			image.appletsStatus = status;
    527. 

  527. 			batchSaveSort();
    528. 

  528. 		})
    529. 

  529. 	}
    530. 

  530. 

  531. 	function clickAllSelect(ckb) {
    532. 

  532. 		var isChecked = ckb.checked;
    533. 

  533. 		$(".check-item").attr('checked', isChecked);
    534. 

  534. 	}
    535. 

  535. 

  536. 	/**
    537. 

  537. 	 * 删除操作
    538. 

  538. 	 */
    539. 

  539. 	function delect(index) {
    540. 

  540. 		return confirmx("确定删除吗？", function () {
    541. 

  541. 			var image = imageList[index];
    542. 

  542. 			if (image.productId != '') {
    543. 

  543. 				productIds = productIds.replace(image.productId,"");
    544. 

  544. 			}
    545. 

  545. 			imageList.splice(index, 1);
    546. 

  546. 			insertHtml(imageList);
    547. 

  547. 			if (imageList.length == 0) {
    548. 

  548. 				$('#contentTable').hide();
    549. 

  549. 				$("#del").attr("disabled", "disabled");
    550. 

  550. 			}
    551. 

  551. 		});
    552. 

  552. 	}
    553. 

  553. 

  554. 

  555. 	/**
    556. 

  556. 	 * 批量删除
    557. 

  557. 	 */
    558. 

  558. 	function batchDeletion() {
    559. 

  559. 		var index = -1;
    560. 

  560. 		var i = 1;
    561. 

  561. 		return confirmx("确定删除吗？", function () {
    562. 

  562. 			$('input[name="info"]:checked').each(function () {
    563. 

  563. 				var thisIndex = $(this).val();
    564. 

  564. 				if (index >= 0 && index < thisIndex) {
    565. 

  565. 					thisIndex = thisIndex - i;
    566. 

  566. 					i++;
    567. 

  567. 				} else {
    568. 

  568. 					index = thisIndex;
    569. 

  569. 				}
    570. 

  570. 				var image = imageList[thisIndex];
    571. 

  571. 				if (image.productId != '') {
    572. 

  572. 					productIds = productIds.replace(image.productId, "");
    573. 

  573. 				}
    574. 

  574. 				imageList.splice(thisIndex, 1);
    575. 

  575. 				insertHtml(imageList);
    576. 

  576. 				if (imageList.length == 0) {
    577. 

  577. 					$('#contentTable').hide();
    578. 

  578. 					$("#del").attr("disabled", "disabled");
    579. 

  579. 				}
    580. 

  580. 			});
    581. 

  581. 		});
    582. 

  582. 	}
    583. 

  583. 

  584. 	function productShow() {
    585. 

  585. 		var  productType = $("input[name='productType']:checked").val();
    586. 

  586. 		if (productType == 2){
    587. 

  587. 			$(".productData").show();
    588. 

  588. 		}else {
    589. 

  589. 			$(".productData").hide();
    590. 

  590. 		}
    591. 

  591. 	}
    592. 

  592. 

  593. 	function statusShow() {
    594. 

  594. 		var status = $("input[name='status']:checked").val();
    595. 

  595. 		if (status == 2) {
    596. 

  596. 			$("#initializeShow").hide();
    597. 

  597. 			$("#closeShow").show();
    598. 

  598. 		} else {
    599. 

  599. 			$("#initializeShow").show();
    600. 

  600. 			$("#closeShow").hide();
    601. 

  601. 			$("#hiddenStatus").val(0);
    602. 

  602. 		}
    603. 

  603. 	}
    604. 

  604. 

  605. 	function dateShow() {
    606. 

  606. 		var startDate = $("#startDate").val();
    607. 

  607. 		var startMs = new Date(startDate).getTime();
    608. 

  608. 		var endDate = $("#endDate").val();
    609. 

  609. 		var endMs = new Date(endDate).getTime();
    610. 

  610. 		var nowMs = new Date().getTime();
    611. 

  611. 		if (nowMs < startMs) {
    612. 

  612. 			$("#initializeShow").html("<font color=\"#800080\">未生效</font>");
    613. 

  613. 		} else if (nowMs > endMs) {
    614. 

  614. 			$("#initializeShow").html("<font color=\"#FF6600\">已失效</font>");
    615. 

  615. 		} else {
    616. 

  616. 			$("#initializeShow").html("<font color=\"#00CC66\">已生效</font>");
    617. 

  617. 		}
    618. 

  618. 	}
    619. 

  619. 

  620. 	/**
    621. 

  621. 	 * @param obj
    622. 

  622. 	 * jquery控制input只能输入数字
    623. 

  623. 	 */
    624. 

  624. 	function onlynum(obj) {
    625. 

  625. 		obj.value = obj.value.replace(/[^\d]/g, ""); //清除"数字"以外的字符
    626. 

  626. 	}
    627. 

  627. 

  628. 	function changeCondition(flag, name) {
    629. 

  629. 		var obj = $("#" + flag);
    630. 

  630. 		var val = obj.val();
    631. 

  631. 		if (val === '1') {
    632. 

  632. 			obj.val(0);
    633. 

  633. 			val = '0';
    634. 

  634. 		} else {
    635. 

  635. 			obj.val(1);
    636. 

  636. 			val = '1';
    637. 

  637. 		}
    638. 

  638. 		var inputObj = $("#" + name);
    639. 

  639. 		// 临时数据
    640. 

  640. 		var tempObj = $("#" + name + "Temp");
    641. 

  641. 		if (name.indexOf("Time") !== -1) {
    642. 

  642. 			//修改时间
    643. 

  643. 			if (val === '1') {
    644. 

  644. 				inputObj.attr('onclick', '');
    645. 

  645. 				inputObj.removeClass('required');
    646. 

  646. 			} else {
    647. 

  647. 				inputObj.attr('onclick', "WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false})");
    648. 

  648. 				inputObj.addClass('required');
    649. 

  649. 			}
    650. 

  650. 		}else {
    651. 

  651. 			if (val === '1') {
    652. 

  652. 				inputObj.attr('readonly', true);
    653. 

  653. 				inputObj.attr('required', false);
    654. 

  654. 			} else {
    655. 

  655. 				inputObj.attr('readonly', false);
    656. 

  656. 				inputObj.attr('required', true);
    657. 

  657. 			}
    658. 

  658. 		}
    659. 

  659. 		if (val === '1') {
    660. 

  660. 			tempObj.val(inputObj.val());
    661. 

  661. 			inputObj.val('');
    662. 

  662. 		} else {
    663. 

  663. 			inputObj.val(tempObj.val());
    664. 

  664. 			tempObj.val('');
    665. 

  665. 		}
    666. 

  666. 	}
    667. 

  667. 

  668. 	function initInputDisplay() {
    669. 

  669. 		var receiveFlag = $("#receiveFlag").val();
    670. 

  670. 		if (receiveFlag === '1') {
    671. 

  671. 			$("#receivePeriod").attr('readonly', true);
    672. 

  672. 			$("#receivePeriod").attr('required', false);
    673. 

  673. 		} else {
    674. 

  674. 			$("#receivePeriod").attr('readonly', false);
    675. 

  675. 			$("#receivePeriod").attr('required', true);
    676. 

  676. 		}
    677. 

  677. 	}
    678. 

  678. 

  679. 	function changeUseTime(flag) {
    680. 

  680. 		var obj = $("#" + flag);
    681. 

  681. 		var val = obj.val();
    682. 

  682. 		if (val === '1') {
    683. 

  683. 			obj.val(0);
    684. 

  684. 			val = '0';
    685. 

  685. 		} else {
    686. 

  686. 			obj.val(1);
    687. 

  687. 			val = '1';
    688. 

  688. 		}
    689. 

  689. 		var temp = $("#usePeriodTemp").val();
    690. 

  690. 		var use = $("#usePeriod").val();
    691. 

  691. 		var receive = $("#receivePeriod").val();
    692. 

  692. 		var receiveTemp = $("#receivePeriodTemp").val();
    693. 

  693. 		var receiveFlag = $("#receiveFlag").val();
    694. 

  694. 		if (val === '1') {
    695. 

  695. 			$("#usePeriod").attr('readonly', true);
    696. 

  696. 			$("#usePeriod").attr('required', false);
    697. 

  697. 			$("#receivePeriodTemp").val(receive);
    698. 

  698. 			$("#usePeriodTemp").val(use);
    699. 

  699. 			$("#usePeriod").val('');
    700. 

  700. 			$("#receivePeriod").val('');
    701. 

  701. 			$("#receivePeriod").attr('readonly', true);
    702. 

  702. 			$('[name="receiveFlag"]').attr('checked', true);
    703. 

  703. 			$('[name="receiveFlag"]').attr('disabled', true);
    704. 

  704. 			$("#receivePeriod").removeAttr('required');
    705. 

  705. 			$('[name="receiveFlag"]').val(1);
    706. 

  706. 		} else {
    707. 

  707. 			$("#usePeriod").attr('readonly', false);
    708. 

  708. 			$("#usePeriod").attr('required', true);
    709. 

  709. 			$('[name="receiveFlag"]').attr('disabled', false);
    710. 

  710. 			if (receive > 0) {
    711. 

  711. 				$("#receivePeriod").attr('readonly', true);
    712. 

  712. 				$('[name="receiveFlag"]').attr('checked', true);
    713. 

  713. 			} else {
    714. 

  714. 				$("#receivePeriod").attr('readonly', false);
    715. 

  715. 				$('[name="receiveFlag"]').attr('checked', false);
    716. 

  716. 			}
    717. 

  717. 			if (receiveTemp > 0) {
    718. 

  718. 				$("#receivePeriod").val(receiveTemp);
    719. 

  719. 				$('[name="receiveFlag"]').val(0);
    720. 

  720. 			}else{
    721. 

  721. 				$('[name="receiveFlag"]').attr('checked', true);
    722. 

  722. 				$("#receivePeriod").attr('readonly', true);
    723. 

  723. 			}
    724. 

  724. 			$("#usePeriod").val(temp);
    725. 

  725. 		}
    726. 

  726. 	}
    727. 

  727. 

  728. 	function initUseTimeFlag() {
    729. 

  729. 		var receiveFlag = $("#useTimeFlag").val();
    730. 

  730. 		if (receiveFlag === '1') {
    731. 

  731. 			$("#usePeriod").attr('readonly', true);
    732. 

  732. 			$("#usePeriod").attr('required', false);
    733. 

  733. 			$("#receivePeriod").attr('readonly', true);
    734. 

  734. 			$('[name="receiveFlag"]').attr('disabled', 'disabled');
    735. 

  735. 			$('[name="receiveFlag"]').attr('checked', true);
    736. 

  736. 			$('[name="receiveFlag"]').val(1);
    737. 

  737. 			$("#receivePeriod").removeAttr('required');
    738. 

  738. 		} else {
    739. 

  739. 			$('[name="receiveFlag"]').attr('disabled', false);
    740. 

  740. 			$("#usePeriod").attr('readonly', false);
    741. 

  741. 			$("#usePeriod").attr('required', true);
    742. 

  742. 		}
    743. 

  743. 	}
    744. 

  744. </script>
    745. 

  745. </body>
    746. 

  746. </html>
    747.