addround.html 38.7 KB
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 734 735 736 737 738 739 740 741 742 743 744 745 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 766 767 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 808 809 810 811 812 813 814 815 816 817 818 819 820 821 822 823 824 825 826 827 828 829 830

<include file="public/layout" />
<link rel="stylesheet" href="__PUBLIC__/static/css/marketing.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/static/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/static/css/marketing.css" />
<script type="text/javascript" src="__PUBLIC__/static/js/layer/laydate/laydate.js"></script>

<link type="text/css" rel="stylesheet" href="__PUBLIC__/static/js/layer/laydate/need/laydate.css">
<link type="text/css" rel="stylesheet" href="__PUBLIC__/static/js/layer/laydate/skins/molv/laydate.css">


<!--以下是在线编辑器 代码 -->
<script type="text/javascript">
	/*
	 * 在线编辑器相 关配置 js
	 *  参考 地址 http://fex.baidu.com/ueditor/
	 */
    window.UEDITOR_Admin_URL = "/public/plugins/Ueditor/";
    var URL_upload = "{$URL_upload}";
    var URL_fileUp = "{$URL_fileUp}";
    var URL_scrawlUp = "{$URL_scrawlUp}";
    var URL_getRemoteImage = "{$URL_getRemoteImage}";
    var URL_imageManager = "{$URL_imageManager}";
    var URL_imageUp = "{$URL_imageUp}";
    var URL_getMovie = "{$URL_getMovie}";
    var URL_home = "{$URL_home}";
</script>
<script type="text/javascript" charset="utf-8" src="/public/plugins/Ueditor/ueditor.config.js?v=__CSSVERSION__"></script>
<script type="text/javascript" charset="utf-8" src="/public/plugins/Ueditor/ueditor.all.js"></script>
<script type="text/javascript" charset="utf-8" src="/public/plugins/Ueditor/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript" charset="utf-8" src="/public/plugins/Ueditor/lang/en/en.js"></script>

<script type="text/javascript">

    var editor;

</script>
<!--以上是在线编辑器 代码  end-->

<body style="background-color: #FFF; overflow: auto;">
	<div id="toolTipLayer" style="position: absolute; z-index: 9999; display: none; visibility: visible; left: 95px; top: 573px;"></div>
	<div id="append_parent"></div>
	<div id="ajaxwaitid"></div>
	<div class="page">
		<div class="fixed-bar">
			<div class="item-title"><a class="back" href="javascript:history.back();" title="返回列表"><i class="fa fa-arrow-circle-o-left"></i></a>
				<!--<div class="subject">
                <h3>添加活动</h3>

            </div>-->
				<div class="markeTit">
					<div class="nav navOn disib hstep1" style="background-color: #C4182E;">
						选择模板
					</div>
					<div class="nav  disib hstep2">
						活动信息设置
						<div class="sanjao"></div>
					</div>
					<div class="nav  disib hstep3">
						奖品设置
						<div class="sanjaoOn"></div>
					</div>
				</div>
			</div>
		</div>
		<form class="form-horizontal" id="handleposition" method="post">


			<div class="ncap-form-default">
				<ul class="model step1">

					<volist name="moban" id="list">

						<li thisid="{$list['id']}" thistitle="{$list['name']}" thisno="{$list['version']}" thisbg="{:json_decode($list.backupInfo,true)['bannerUrl']}" thisbgcolor="{:json_decode($list.backupInfo,true)['colorCode']}"   <if condition="$list.version eq $deatildata.template_id">style="border-color:#449d44" <else/></if>>
							<img src="{$list['url']}" />
							<div class="yulan" onclick="show('{$list['version']}');">预览</div>
							<p>{$list['name']} </p>
							<p>价格:{$list['price']} </p>
							<p>已有<span class="cr">{$list['use_count']}</span>个活动选用此模板</p>
							<p>特别说明:{$list['remark']}


							</p>
							<div class="icon <if condition="$list.version eq $deatildata.template_id">on<else/>dn</if>">
								<i class="fa fa-check-circle-o" style="margin: 25px auto auto -18px;font-size: 16px;"></i>
							</div>

						</li>
					</volist>


				</ul>

				<div class="activity dn">

					<div class="leftBox">
						<img class="topImg" src="__PUBLIC__/static/images/phone_top.png" />
						<div class="leftBoxBg">
							<div class="img-banner" >
								<div class="tit"></div>
								<div class="turnImg">
								<div class="btn">
									<img src="__PUBLIC__/static/images/pointer.png" />
								</div>
								</div>
							</div>

							<p class="restLottery" id="htmlstime">
								开始时间:2017-06-28 11:27:41
							</p>

							<div class="list-container">
								<div class="list-header"><img src="__PUBLIC__/static/images/img-title-v202.png" alt=""> <span>奖品展示</span></div>
								<div class="gift-list">
									<div class="list-content">
										<div class="list active">
											<!-- ngRepeat: gift in map.giftlists -->

											<volist name="goodsList" id="list">
                                            <div class="item">
                                                <div class="left">
                                                    <div class="img-div">
                                                        <img src="{$list.image}" alt="">
                                                    </div>
                                                </div>
                                                <div class="right_d">
                                                    <div class="name">{$list.gift_name}</div>
                                                    <div class="price">原价:&yen;{$list.price}</div>
                                                </div>
                                            </div>
											</volist>



										</div>
									</div>
									<div class="list-footer">点击查看全部商品</div>
								</div>
								<div class="list-header"><img src="__PUBLIC__/static/images/img-title-v202.png" alt=""> <span>活动展示</span></div>
								<div class="activity-rule moz_t4 moz_b4">
									<div class="rule-content">
										<div class="time">
											<p class="title-1">活动时间:</p>

											<p class="ng-binding" id="phonehdtime">2017-06-05 15:09:35 - 2017-06-11 23:59:00</p>

										</div>
										<div class="rule">
											<p class="title-1">活动规则:</p>
											<p ng-bind-html="formData.detail" class="ng-binding"  id="htmlhdgz"><if condition="$deatildata.detail neq ''">{$deatildata.detail}<else><p>活动流程:</p>
											<p>1.进入活动→参与抽奖→抽到礼品→收到短信中奖信息→到店兑换;</p>
											<p>2.抽到卡券领取后可到微信卡包中查看使用。</p></if>

										</div>
										<div class="phone dn">
											<p class="title-1">联系电话:</p>
											<p class="ng-binding">020-7378889</p>
										</div>
										<div class="address dn">
											<p class="title-1" style="width: 200px">门店兑换地址:</p>
											<div class="address-contain" style="width: 100%">

												<p ng-repeat="branch in map.branches" ng-if="$index<3" class="ng-binding ng-scope">广东省广州市天河区还不看好</p>

												<p ng-repeat="branch in map.branches" ng-if="$index<3" class="ng-binding ng-scope">福建省莆田市荔城区dfgdg</p>

												<p ng-repeat="branch in map.branches" ng-if="$index<3" class="ng-binding ng-scope">山西省长治市襄垣县山西省长治市襄垣县</p>

											</div>
										</div>
									</div>
									<div class="more dn">点击查看全部地址</div>
								</div>
								<div class="qrcode-box-container">
									<div class="weui_cells qrcode-box">
										<div class="weui_cell"><img src="__PUBLIC__/static/images/qrcode_gh_9b845350ed78_1.jpg" alt="" style="width: 6.5rem;height: 6.5rem" src="http://open.weixin.qq.com/qr/code/?username=gh_9b845350ed78">
											<ul>
												<li>第一步:长按二维码</li>
												<li>第二步:关注我们</li>
												<li>第三步:订阅更多优惠信息</li>
												<li>更多优惠等你来拿哦</li>
											</ul>
										</div>
									</div>
								</div>
								<div class="footer">
									<div class="want-to-play"><a>我的门店也要这样玩</a></div>
									<div class="tec"><img src="http://wx.kn.vipzhuang.cn/static/img/presale/ylp_v202.png" alt="" style="width: 40px"> 提供技术支持</div>
								</div>
							</div>
						</div>

					</div>
					<div class="rightBox step2" >

						<div class="activity-content right-content table-form marleft40">
							<div class="title">活动信息</div>
							<div class="listline"><span class="leftkey"><i class="need">*</i>活动名称</span>
								<div style="display: inline-flex"><input   class="form-control ng-pristine ng-untouched ng-valid ng-valid-required ng-valid-maxlength" name="activity_name" placeholder="活动名称不能超过20个字" ng-model="formData.activity_name" ng-maxlength="20" required="" type="text" value="{$deatildata.activity_name}" <if condition="getactsstate($deatildata.start_time,$deatildata.end_time) neq '未开始'">readonly</if>>
									<div class="error-message ng-inactive" ng-messages="formPage.activity_name.$error">
										<!-- ngMessage: maxlength -->
									</div>
								</div>
							</div>
							<div class="listline"><span class="leftkey"><i class="need">*</i>活动开始/结束时间</span><span class="date-range-box ng-isolate-scope"  start="formData.start_time" time-picker="true" format="2" required="required" single="true" short="true"><i class="fa fa-calendar"></i> <input name="start_time" id="start_time" class="form-control single time-picker short-time-picker" autocomplete="off" ng-disabled="disabled" type="text"  value="{$deatildata.start_time}" ></span>
								<span class="date-range-box ng-isolate-scope"start="formData.end_time" time-picker="true" format="2" required="required" single="true" short="true"><i class="fa fa-calendar"></i> <input name="end_time"  id="end_time" class="form-control single time-picker short-time-picker" autocomplete="off" ng-disabled="disabled" readonly="" type="text" value="{$deatildata.end_time}"></span>
								<p class="f-12 txt c-C2B marginleft120">活动结束时间不能早于活动开始时间</p>
								<!-- ngIf: formData.start_time>formData.end_time -->
							</div>

							<div class="listline"><span class="leftkey"><i class="need">*</i>兑换时间</span><span class="date-range-box ng-isolate-scope"  start="formData.start_time" time-picker="true" format="2" required="required" single="true" short="true"><i class="fa fa-calendar"></i> <input name="exchange_start_time" id="exchange_start_time" class="form-control single time-picker short-time-picker" autocomplete="off" ng-disabled="disabled" type="text"  value="{$deatildata.exchange_start_time}" ></span>
								<span class="date-range-box ng-isolate-scope"start="formData.end_time" time-picker="true" format="2" required="required" single="true" short="true"><i class="fa fa-calendar"></i> <input name="exchange_end_time"  id="exchange_end_time" class="form-control single time-picker short-time-picker" autocomplete="off" ng-disabled="disabled" readonly="" type="text" value="{$deatildata.exchange_end_time}"></span>
								<p class="f-12 txt c-C2B marginleft120">说明:微信卡券的有效期请在卡券管理后台设置</p>
								<!-- ngIf: formData.start_time>formData.end_time -->
							</div>

							<div class="listline"><span class="leftkey"><i class="need">*</i>中奖率(%)</span>
								<div style="display: inline-flex"><input class="form-control ng-pristine ng-untouched ng-valid ng-valid-required ng-valid-pattern" name="total_rate" placeholder="1~100" ng-model="formData.total_rate" ng-pattern="/^([1-9][0-9]?|100)$/" required="" type="text"  value="{$deatildata.total_rate|default=50}"><span class="martop10"></span>
									<div class="error-message ng-inactive" ng-messages="formPage.total_rate.$error">
										<!-- ngMessage: pattern -->
									</div>
								</div>
							</div>
							<div class="listline search-so"><span class="leftkey"><i class="need">*</i>抽奖次数规则</span>
								<div style="display: inline-flex"><select name="raffle_count" style="width: 135px" ng-model="formData.raffle_count" ng-options="p.value as p.text for p in opt.luckyNumber" required="" class="ng-pristine ng-untouched ng-valid ng-valid-required">
									<option value="1" label="每人每日1次" <if condition="$deatildata.raffle_count eq 1">selected="selected"</if>>每人每日1次</option>
									<option value="3" label="每人每日3次"  <if condition="$deatildata.raffle_count eq 3">selected="selected"</if>>每人每日3次</option>
									<option value="5" label="每人每日5次"  <if condition="$deatildata.raffle_count eq 5">selected="selected"</if>>每人每日5次</option>
									<option value="10" label="每人每日10次"  <if condition="$deatildata.raffle_count eq 10">selected="selected"</if>>每人每日10次</option></select></div>
							</div>
							<div class="listline"><span class="leftkey"><i class="need">*</i>每人可中奖次数</span>
								<div style="display: inline-flex"><input class="form-control ng-pristine ng-untouched ng-valid ng-valid-required ng-valid-pattern" name="lottery_count" id="lottery_count" placeholder="" ng-model="formData.lottery_count" ng-pattern="/^[1-9]\d{0,1}$/" required="" type="text"  value="{$deatildata.lottery_count|default=1}">
									<p class="f-12 txt c-C2B martop10 ng-binding">每个人在本次活动中一共可抽中<span id="htmlcount">{$deatildata.lottery_count|default=1}</span>份奖品</p>
								</div>
								<div class="error-message marginleft120 ng-inactive" ng-messages="formPage.lottery_count.$error">
									<!-- ngMessage: pattern -->
								</div>
							</div>
							<div class="listline search-so"><span class="leftkey"><i class="need">&nbsp;</i>分批放出奖品</span>
								<div style="display: inline-flex"><select name="batch_send_gift" style="width: 135px" ng-model="formData.batch_send_gift" ng-options="p.value as p.text for p in opt.isBatchArr" required="" class="ng-pristine ng-untouched ng-valid ng-valid-required">
									<option value="0" label="关闭" <if condition="$deatildata.batch_send_gift eq 0">selected="selected"</if>>关闭</option>
									<option value="1" label="开启" <if condition="$deatildata.batch_send_gift eq 1">selected="selected"</if>>开启</option>
								</select></div>
								<p class="f-12 txt c-C2B marginleft120 padding-none">开启后,系统将在活动期间内每天分批放出奖品,直至活动结束</p>
							</div>
							<div class="listline"><span class="leftkey"><i class="need">&nbsp;</i>是否分享</span> <input ng-model="formData.is_share" value="1" class="ng-pristine ng-untouched ng-valid" name="is_share" <if condition="$deatildata.is_share eq 1"> checked="checked"</if> type="radio"><span style="margin:0 98px 0 2px"></span> <input ng-model="formData.is_share"
									value="0" class="ng-pristine ng-untouched ng-valid" name="is_share" <if condition="$deatildata.is_share eq 0"> checked="checked"</if> type="radio"><span style="margin:0 20px 0 2px"></span></div>


							<div class="listline"><span class="leftkey"><i class="need">*</i>活动规则</span>

								<textarea class="span12 ckeditor" id="detail" name="detail" title=""><if condition="$deatildata.detail neq ''">{$deatildata.detail}<else><p>活动流程:</p>
<p>1.进入活动→参与抽奖→抽到礼品→收到短信中奖信息→到店兑换;</p>
</if></textarea>

								<!--<p>2.抽到卡券领取后可到微信卡包中查看使用。</p>-->
							</div>


						</div>
					</div>
					<div id="tempselect"  style="display: none;">
						<volist name="lplist" id="lp">

							<option value="{$lp.id}" thisprice="{$lp.resourcePrice}" thisimg="{$lp.resourceImages[0]['imageLink']}" thisrefprice="{$lp.resourcePrice}">{$lp.resourceName}</option>
						</volist>
					</div>
					<div class="rightBox step3" style="display: none">
						<div class="title">礼品选择</div>
						<div class="gift-table">
							<p><button type="button" class="btn btn-success btn-sm" onclick="Gift('add',this)">添加</button> <span class="color-gary">最多可以设置6个奖品,至少设置一个奖品</span></p>
							<table class="table table-hover tabledetail table-striped">
								<tbody class="addtable">
									<tr>
										<td class="store-name presalenew-table-giftname">礼品名称</td>
										<td>礼品价格</td>
										<td>剩余数量</td>
										<td>操作</td>
									</tr>

									<volist name="goodsList" id="list">
									<tr name="lip" thisid="{$list.goods_id}">
										<td class="store-name presalenew-table-giftname ng-binding">{$list.gift_name}</td>
										<td class="btn-60 ng-binding">¥{$list.price}</td>
										<td class="btn-60 presalenew-table-giftname ng-binding">{$list.stock}</td>
										<td>
											<button type="button" class="btn btn-primary btn-xs" onclick="Gift('edit',this)">编辑</button>
											<if condition="getactsstate($deatildata.start_time,$deatildata.end_time) eq '未开始'">
											<button type="button" class="btn btn-danger btn-xs" onclick="Gift('del',this)">删除</button>
											</if>

										</td>
										<input name="goods_list[{$list.goods_id}][goods_id]" value="{$list.goods_id}" type="hidden">
										<input name="goods_list[{$list.goods_id}][goods_type]" value="{$list.goods_type}" type="hidden">
										<input name="goods_list[{$list.goods_id}][stock]" value="{$list.stock}" type="hidden">
										<input name="goods_list[{$list.goods_id}][refer_price]" value="{$list.refer_price}" type="hidden">
										<input name="goods_list[{$list.goods_id}][price]" value="{$list.price}" type="hidden">
										<input name="goods_list[{$list.goods_id}][gift_name]" value="{$list.gift_name}" type="hidden">
										<input name="goods_list[{$list.goods_id}][image]" value="{$list.image}" type="hidden">
										<input name="goods_list[{$list.goods_id}][id]" value="{$list.id}" type="hidden">

									</tr>
									</volist>
</tbody>
							</table>
						</div>
						<p class="martop10">说明:</p>
						<p>1、活动开始后不可以添加或删除礼品,可以调整奖品剩余数量。</p>
						<p>2、顾客兑换商品的结束时间为该活动结束时间加15天的时间。</p>
						<p>3、还没有商品?点此<a href="/index.php/Admin/Marketing/addlp.html">新增礼品</a></p>
						<p>4、奖品的剩余数量可输入0和正整数。如输入0,则之后不会再有顾客抽中该奖品(之前送出按已送出处理),商品在首页正常显示.</p>
					</div>
				</div>

				<div class="btnBox" style="margin-top: 10px;">
					<div class="disib bstep1" style="display: none;"><a  onclick="adsubmit(-1)" class="ncap-btn-big ncap-btn-green">上一步</a></div>
					<div class="disib bstep2"><a  onclick="adsubmit(1)" class="ncap-btn-big ncap-btn-green">下一步</a></div>
					<div class="disib bstep3" style="display: none;"><a  onclick="submitact();" class="ncap-btn-big ncap-btn-green">完成</a></div>
				</div>

			</div>
			<input id="template_id" name="template_id" value="{$deatildata.template_id}" type="hidden"/>
			<input id="activity_id" name="activity_id" value="{$deatildata.activity_id}" type="hidden"/>



		</form>
	<input id="hidstate" name="hidstate" value="{:getactsstate($deatildata.start_time,$deatildata.end_time)}" type="hidden"/>
	</div>

	<script type="text/javascript">
        var step=1;
        var start = {
            elem: '#start_time',
            format: 'YYYY-MM-DD hh:mm:ss',
            min: '1900-06-16 23:59:59', //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: true,
            choose: function(datas){
                end.min = datas; //开始日选好后,重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日

                $("#htmlstime").html("开始时间:"+$('#start_time').val());
                $("#phonehdtime").html($('#start_time').val()+"-"+$('#end_time').val());
            }
        };
        var end = {
            elem: '#end_time',
            format: 'YYYY-MM-DD hh:mm:ss',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function(datas){
                start.max = datas; //结束日选好后,重置开始日的最大日期
                $("#phonehdtime").html($('#start_time').val()+"-"+$('#end_time').val());
            }
        };


        var start1 = {
            elem: '#exchange_start_time',
            format: 'YYYY-MM-DD hh:mm:ss',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function(datas){
                start.max = datas; //结束日选好后,重置开始日的最大日期
            }
        };

        var end1 = {
            elem: '#exchange_end_time',
            format: 'YYYY-MM-DD hh:mm:ss',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function(datas){

            }
        };
        if ($("#hidstate").val()=="未开始") {
            laydate(start);
        }


        laydate(end);
        laydate(start1);
        laydate(end1);
        if ($("#activity_id").val()=="") {
            $('#start_time').val(laydate.now(0, 'YYYY-MM-DD hh:mm:ss'));
            $('#end_time').val(laydate.now(+6, 'YYYY-MM-DD 23:59:59'));

            $('#exchange_start_time').val(laydate.now(0, 'YYYY-MM-DD hh:mm:ss'));
            $('#exchange_end_time').val(laydate.now(+13, 'YYYY-MM-DD 23:59:59'));
        }

        $("#htmlstime").html("开始时间:"+$('#start_time').val());
        $("#phonehdtime").html($('#start_time').val()+"-"+$('#end_time').val());
        $(function(){
//            $('#add_time_begin').layDate();
//            $('#add_time_end').layDate();




            $(".model li").each(function () {
				var getselcolor=  $(this).attr('style');
				if (getselcolor=="border-color:#449d44") {
                    var getbg=$(this).attr("thisbg");
                    var getbgcolor=$(this).attr("thisbgcolor");
                    if (getbgcolor=="" || getbgcolor=="#")
					{
                        getbgcolor="#b2231d";
					}
                    $(".img-banner").css("background-image","url("+getbg+")");
                    $(".leftBoxBg").css('background-color',getbgcolor);

                }
            })

            $(".model li").click(function() {
                var getbg=$(this).attr("thisbg");
               // alert(getbg);
                $("#template_id").val($(this).attr("thisno"));
                $(".img-banner").css("background-image","url("+getbg+")");

				$(".leftBoxBg").css('background-color',$(this).attr("thisbgcolor"));

				$('input[name="activity_name"]').val($(this).attr("thistitle"));
                $(".model li").css("border-color", "#EEEEEE");
                $(this).css("border-color", "#449d44");
                $(".icon").addClass("dn");
                $(".icon").removeClass("on");
                $(this).find(".icon").removeClass("dn");
                $(this).find(".icon").addClass("on");
            });
        });

        //完成提交
        function submitform()
        {
            $.ajax({
                url: 'Admin/Marketing/addlp',
                type: 'post',
                dataType: 'json',
                data: $('form#handleposition').serialize(),
                success: function(data) {
                    alert("success!");
                }
            });

        }

        //活动规则修改改变
        $("#detail").bind("input propertychange", function() {

           $("#htmlhdgz").html($(this).val());
        });
        $("#lottery_count").bind("input propertychange", function() {

            $("#htmlcount").html($(this).val());
        });

        var url="{:url('Ueditor/index',array('savepath'=>'addround'))}";
        function  showedit() {
            //具体参数配置在  editor_config.js  中
            var options = {
                zIndex: 999,
                initialFrameWidth: "95%", //初化宽度
                initialFrameHeight: 200, //初化高度
                focus: false, //初始化时,是否让编辑器获得焦点true或false
                maximumWords: 99999, removeFormatAttributes: 'class,style,lang,width,height,align,hspace,valign'
                , //允许的最大字符数 'fullscreen',
                pasteplain:false, //是否默认为纯文本粘贴。false为不使用纯文本粘贴,true为使用纯文本粘贴
                autoHeightEnabled: true
				/*   autotypeset: {
				 mergeEmptyline: true,        //合并空行
				 removeClass: true,           //去掉冗余的class
				 removeEmptyline: false,      //去掉空行
				 textAlign: "left",           //段落的排版方式,可以是 left,right,center,justify 去掉这个属性表示不执行排版
				 imageBlockLine: 'center',    //图片的浮动方式,独占一行剧中,左右浮动,默认: center,left,right,none 去掉这个属性表示不执行排版
				 pasteFilter: false,          //根据规则过滤没事粘贴进来的内容
				 clearFontSize: false,        //去掉所有的内嵌字号,使用编辑器默认的字号
				 clearFontFamily: false,      //去掉所有的内嵌字体,使用编辑器默认的字体
				 removeEmptyNode: false,      //去掉空节点
				 //可以去掉的标签
				 removeTagNames: {"font": 1},
				 indent: false,               // 行首缩进
				 indentValue: '0em'           //行首缩进的大小
				 }*/,
                toolbars: [
                    ['fullscreen', 'source', '|', 'undo', 'redo',
                        '|', 'bold', 'italic', 'underline', 'fontborder',
                        'strikethrough', 'superscript', 'subscript',
                        'removeformat', 'formatmatch', 'autotypeset',
                        'blockquote', 'pasteplain', '|', 'forecolor',
                        'backcolor', 'insertorderedlist',
                        'insertunorderedlist', 'selectall', 'cleardoc', '|',
                        'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
                        'customstyle', 'paragraph', 'fontfamily', 'fontsize',
                        '|', 'directionalityltr', 'directionalityrtl',
                        'indent', '|', 'justifyleft', 'justifycenter',
                        'justifyright', 'justifyjustify', '|', 'touppercase',
                        'tolowercase', '|', 'link', 'unlink', 'anchor', '|',
                        'imagenone', 'imageleft', 'imageright', 'imagecenter',
                        '|', 'insertimage', 'emotion', 'insertvideo',
                        'attachment', 'map', 'gmap', 'insertframe',
                        'insertcode', 'webapp', 'pagebreak', 'template',
                        'background', '|', 'horizontal', 'date', 'time',
                        'spechars', 'wordimage', '|',
                        'inserttable', 'deletetable',
                        'insertparagraphbeforetable', 'insertrow', 'deleterow',
                        'insertcol', 'deletecol', 'mergecells', 'mergeright',
                        'mergedown', 'splittocells', 'splittorows',
                        'splittocols', '|', 'print', 'preview', 'searchreplace']
                ]
                ,serverUrl:url
				,settop:65
            };
            editor = new UE.ui.Editor(options);
            editor.render("detail");  //  指定 textarea 的  id 为 detail
            $(window).scroll(function () {
                if($(".edui-editor-toolbarbox").css('position')=="fixed"){
                    $(".edui-editor-toolbarbox").css('top','50px');
                }
            });

            editor.addListener("keyup", function (type, event) {  //这里的focus可以视自己的情况定,可以使blur,keypress等等
				var keyCode = event.keyCode || event.which;
				if ( keyCode == 13) {
				    var top=$(document).scrollTop();
				    top++;
                    $('html,body').animate({scrollTop: top+'px'},200);
				}
            });

        }
        //上下页
        function adsubmit(t) {
            switch (step)
            {
                case 1:
                    if(t==1 && $(".icon").hasClass("on")){
                        $(".model").addClass("dn");
                       $(".activity").removeClass("dn");
                        $(".step2").show();
                        step=2;
                        $('.bstep1').show();
                        $(".hstep1,.hstep2").addClass("navOn");
                        $(".hstep2 div").removeClass("sanjao").addClass("sanjaoOn");
                        $(".hstep3 div").removeClass("sanjaoOn").addClass("sanjao");
                        showedit();


                    }
                    else
                    {
                        layer.alert("请先选择模版");
                    }
                    break;
                case 2:
                    if(t==1)
                    {
                        step=3;
                        $(".step2").hide();
                        $(".step3").show();
                        $(".hstep1,.hstep2,.hstep3").addClass("navOn");
                        $(".hstep2 div").removeClass("sanjao").addClass("sanjaoOn");
                        $(".hstep3 div").removeClass("sanjao").addClass("sanjaoOn");
                        $(".bstep2").hide();
                        $(".bstep1,.bstep3").show();
                    }
                    else
                    {
                        step=1;
                        $(".model").removeClass("dn");
                        $(".activity").addClass("dn");
                        $(".step2").hide();
                        $(".bstep1").hide();
                        $(".hstep2,.hstep3").removeClass("navOn");
                        $(".hstep2 div").addClass("sanjao").removeClass("sanjaoOn");
                        $(".hstep3 div").removeClass("sanjao").addClass("sanjaoOn");
                    }
                    break;
                case  3:
                    if(t==-1)
                    {
                        step=2;
                        $(".step2").show();
                        $(".step3").hide();
                        $(".hstep3").removeClass("navOn");
                        $(".hstep3 div").removeClass("sanjaoOn").addClass("sanjao");
                        $(".bstep1,.bstep2").show();
                        $(".bstep3").hide();
                    }

                    break;
                default:break;
            }

        }


        //新增
        function Gift(typeStr,obj) {

            var str="";
            var kwidth="500px";
            var kheight="300px";
            if(typeStr=="add"){
                if($(".addtable tr").length>=7)
                {
                    layer.alert("最多只能添加6个礼品");
                    return false;
                }
                str = "<ul class='tipBox'>";
                str += "<li>";
                str += "<span>类型</span>";
                str += "<select>";
                str += "<option>普通礼品1</option>";
                str += "</select>";
                str += "</li>";
                str += "<li>";
                str += "<span>礼品</span>";
                str += "<select id='tempsel'>";
                str += $("#tempselect").html();
                str += "</select>";
                str += "</li>";
                str += "<li>";
                str += "<span>库存</span>";
                str += "<input type='tel'  id='setqty'/>";
                str += "</li>";
                str += "</ul>";
            }
            else if(typeStr == "edit"){

                str = "<ul class='tipBox'>";
                str += "<li>";
                str += "<span>礼品</span>";
                str += "<span class='gifTxt'>";
                str += $(obj).parent().parent().find("td").eq(0).text();
                str += "</span>";
                str += "</li>";
                str += "<li>";
                str += "<span>库存</span>";
                str += "<input type='tel' id='updateqty' value='"+$(obj).parent().parent().find("td").eq(2).text()+"'/>";
                str += "</li>";
                str += "</ul>";
            }
            else if(typeStr == "del"){
                kwidth="220px";
                kheight="120px";
                str="<center>确定删除该礼品吗?</center>";
            }

            var index =layer.open({
                type: 1,
                title: "操作提示",
                scrollbar: false,
                btn: ['确定', '取消'],
                area: [kwidth,kheight],
                content:str,
                yes:function () {

                    if ($("#setqty").val()=="")
					{
                        layer.alert("库存不能为空!");
                        $("#setqty").focus();
                        return false;
					}
                    if(typeStr=="add")
                    {
                        var isadd=1;
                        $(".addtable tr").each(function () {
                           // alert($(this).attr("thisid"));
                            if ($("#tempsel").val()==$(this).attr("thisid"))
                            {
                                isadd=0;

                            }
                        })
						if (isadd==0)
						{
                            layer.alert("该礼品已在列表了!");
                            return false;
						}
						else {
                            $(".addtable").append("<tr name='lip' thisid=\"" + $("#tempsel").val() + "\">										<td class=\"store-name presalenew-table-giftname ng-binding\">" + $("#tempsel").find("option:selected").text() + "</td>										<td class=\"btn-60 ng-binding\">¥" + $("#tempsel").find("option:selected").attr("thisprice") + "</td>										<td class=\"btn-60 presalenew-table-giftname ng-binding\">" + $("#setqty").val() + "</td>										<td><button type='button' class=\"btn btn-primary btn-xs\" onclick=\"Gift('edit',this)\">编辑</button> 											<button type='button' class=\"btn btn-danger btn-xs\" onclick=\"Gift('del',this)\">删除</button>										</td>									<input name=\"goods_list[" + $("#tempsel").val() + "][goods_id]\" value=\"" + $("#tempsel").val() + "\" type=\"hidden\"> <input name=\"goods_list[" + $("#tempsel").val() + "][goods_type]\" value=\"0\" type=\"hidden\"> <input name=\"goods_list[" + $("#tempsel").val() + "][stock]\" value=\"" + $("#setqty").val() + "\" type=\"hidden\"> <input name=\"goods_list[" + $("#tempsel").val() + "][refer_price]\" value=\"" + $("#tempsel").find("option:selected").attr("thisrefprice") + "\" type=\"hidden\"> <input name=\"goods_list[" + $("#tempsel").val() + "][price]\" value=\"" + $("#tempsel").find("option:selected").attr("thisprice") + "\" type=\"hidden\"> <input name=\"goods_list[" + $("#tempsel").val() + "][gift_name]\" value=\"" + $("#tempsel").find("option:selected").text() + "\" type=\"hidden\"> <input name=\"goods_list[" + $("#tempsel").val() + "][image]\" value=\"" + $("#tempsel").find("option:selected").attr("thisimg") + "\" type=\"hidden\"></tr>");

                        }

                    }
                    else  if(typeStr=="edit")
                    {
						var getgoods_id=$(obj).parent().parent().find("input").eq(0).val();
                        $.ajax({
                            type: "POST",
                            url: "/index.php?m=Admin&c=Marketing&a=lpinfo", //+tab,
                            data:{"goods_id": getgoods_id}, //
                            dataType:'json',
                            success: function (result) {
                                layer.closeAll();
                                if(result.status==0)
                                {

                                    $(obj).parent().parent().find("input").eq(4).val(result.resourcePrice);
                                    $(obj).parent().parent().find("input").eq(5).val(result.giftname);
                                    $(obj).parent().parent().find("input").eq(6).val(result.imageLink);
                                }
                                else
                                {

                                }

                            }
                        })

                       $(obj).parent().parent().find("td").eq(2).text($("#updateqty").val());
                        $(obj).parent().parent().find("input").eq(2).val($("#updateqty").val());
                    }
                    else
                    {
                        $(obj).parent().closest("tr").remove();
                    }
                    layer.close(index);
                }
            });
        }
        //编辑
        function editGift(){
            var str = "<ul class='tipBox'>";
            str += "<li>";
            str += "<span>礼品</span>";
            str += "<span class='gifTxt'>";
            str += "普通礼品1";
            str += "</span>";
            str += "</li>";
            str += "<li>";
            str += "<span>库存</span>";
            str += "<input type='tel' />";
            str += "</li>";
            str += "</ul>";
            layer.open({
                type: 1,
                title: "操作提示",
                scrollbar: false,
                btn: ['确定', '取消'],
                area: ['500px', '300px'],
                content:str
            });
        }
        //删除
        function delGift() {
            var str="确定删除该礼品吗?";
            layer.open({
                type: 1,
                title: "操作提示",
                scrollbar: false,
                btn: ['确定', '取消'],
                content:str
            });
            layer.close();
        }

        //展示
        function show(version) {
		    var imgsrc="/index.php?m=Home&c=Index&a=qr_code&data={:YLPHD_URL}/m/turnplate/demo?template_id="+version;
            var str="<Img src='"+imgsrc+"' width='210' height='210' style=' padding: 20px'>";
            layer.open({
                type: 1,
                title: "二维码",
                scrollbar: false,
                content:str
            });

		}



		//完成提交
		function submitact() {
			if($(".addtable tr").length==1)
			{
			    layer.msg('请至少添加一个礼品');
			    return;
			}
            layer.msg('加载中...', {
                icon: 16,
                shade: [0.5, '#f5f5f5'],
                scrollbar: false,
                offset: '200px',
                time: 100000
            });
//			alert($('#handleposition').serialize());
//			return;
            $.ajax({
                type: "POST",
                url: "/index.php?m=Admin&c=Marketing&a=addroundhand", //+tab,
                data: $('#handleposition').serialize(), // 你的formid
				dataType:'json',
                success: function (result) {
                    layer.closeAll();
//                    alert(result.status);
                    if(result.status==0)
					{
					    layer.msg(result.msg);
					    setTimeout(function () {
                            location.href='/index.php/admin/Marketing/round_list';
                        },1000);

					}
					else
					{
                        layer.closeAll();
					    layer.msg("添加失败,请重试!!");
					}

                }
            })
        }


	</script>
</body>

</html>