activity.js 86 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832
  1. define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'template'], function ($, undefined, Backend, Table, Form, Template) {
  2. var Controller = {
  3. index: function () {
  4. // 初始化表格参数
  5. Table.api.init({
  6. extend: {
  7. index_url: 'lottery/activity/index' + location.search,
  8. add_url: 'lottery/activity/add',
  9. edit_url: 'lottery/activity/edit',
  10. del_url: 'lottery/activity/del',
  11. multi_url: 'lottery/activity/multi',
  12. import_url: 'lottery/activity/import',
  13. table: 'shop_lottery_activity',
  14. }
  15. });
  16. var table = $("#table");
  17. // 初始化表格
  18. table.bootstrapTable({
  19. url: $.fn.bootstrapTable.defaults.extend.index_url,
  20. pk: 'id',
  21. sortName: 'id',
  22. fixedColumns: true,
  23. fixedRightNumber: 1,
  24. columns: [
  25. [
  26. {checkbox: true},
  27. {field: 'id', title: __('Id'), operate: false},
  28. {field: 'name', title: __('活动名称'), operate: 'LIKE'},
  29. {field: 'type', title: __('活动类型'), searchList: {"1":"消费抽奖"}, formatter: Table.api.formatter.normal},
  30. {field: 'status', title: __('状态'), searchList: {"0":"草稿","1":"进行中","2":"已结束","3":"已暂停"}, formatter: Table.api.formatter.status},
  31. {field: 'lottery_type', title: __('开奖方式'), searchList: {"1":"即抽即中","2":"按时间开奖","3":"按人数开奖"}, formatter: Table.api.formatter.normal},
  32. {field: 'start_time', title: __('开始时间'), operate:'RANGE', addclass:'datetimerange', autocomplete:false, formatter: Table.api.formatter.datetime},
  33. {field: 'end_time', title: __('结束时间'), operate:'RANGE', addclass:'datetimerange', autocomplete:false, formatter: Table.api.formatter.datetime},
  34. {field: 'total_people_count', title: __('参与人数'), operate: false},
  35. {field: 'total_draw_count', title: __('抽奖次数'), operate: false},
  36. {field: 'total_win_count', title: __('中奖次数'), operate: false},
  37. {field: 'createtime', title: __('Create time'), operate:'RANGE', addclass:'datetimerange', autocomplete:false, formatter: Table.api.formatter.datetime},
  38. {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate,
  39. buttons: [
  40. {
  41. name: 'prize',
  42. title: __('奖品管理'),
  43. classname: 'btn btn-xs btn-success btn-magic btn-ajax',
  44. icon: 'fa fa-gift',
  45. url: 'lottery/activity/prize',
  46. callback: function (data) {
  47. Layer.alert("接收到回传数据:" + JSON.stringify(data), {title: "回传数据"});
  48. },
  49. visible: function (row) {
  50. //返回true时按钮显示,返回false隐藏
  51. return true;
  52. }
  53. },
  54. {
  55. name: 'condition',
  56. title: __('参与条件'),
  57. classname: 'btn btn-xs btn-info btn-magic btn-ajax',
  58. icon: 'fa fa-tasks',
  59. url: 'lottery/activity/condition'
  60. },
  61. {
  62. name: 'records',
  63. title: __('抽奖记录'),
  64. classname: 'btn btn-xs btn-warning btn-magic btn-ajax',
  65. icon: 'fa fa-list',
  66. url: 'lottery/activity/records'
  67. },
  68. {
  69. name: 'statistics',
  70. title: __('统计数据'),
  71. classname: 'btn btn-xs btn-primary btn-magic btn-ajax',
  72. icon: 'fa fa-bar-chart',
  73. url: 'lottery/activity/statistics'
  74. }
  75. ],
  76. formatter: Table.api.formatter.operate
  77. }
  78. ]
  79. ]
  80. });
  81. // 为表格绑定事件
  82. Table.api.bindevent(table);
  83. },
  84. add: function () {
  85. Controller.api.bindevent();
  86. Controller.api.initAddPage();
  87. },
  88. edit: function () {
  89. Controller.api.bindevent();
  90. Controller.api.initEditPage();
  91. },
  92. api: {
  93. // 解析Config中的JSON字符串的辅助函数
  94. parseConfigJson: function(configKey, defaultValue) {
  95. var configValue = Config[configKey] || defaultValue || {};
  96. // 如果是字符串,尝试解析JSON
  97. if (typeof configValue === 'string') {
  98. try {
  99. return JSON.parse(configValue);
  100. } catch (e) {
  101. return defaultValue || {};
  102. }
  103. }
  104. return configValue;
  105. },
  106. bindevent: function () {
  107. // 自定义验证规则
  108. $.validator.config({
  109. rules: {
  110. // 奖品设置验证
  111. prize_setting_check: function(element) {
  112. // 检查奖品数量(总共需要8个奖品,包含系统默认的未中奖项)
  113. var totalPrizeCount = $('.prize-item').length; // 总奖品数
  114. if (totalPrizeCount < 8) {
  115. var userPrizeCount = totalPrizeCount - 1; // 用户添加的奖品数
  116. var needCount = 8 - totalPrizeCount; // 还需要添加的奖品数
  117. return '奖品数量不足,还需要添加' + needCount + '个奖品(当前总共' + totalPrizeCount + '个奖品)';
  118. }
  119. // 检查总概率
  120. var totalRate = Controller.api.calculateTotalRate();
  121. if (Math.abs(totalRate - 100) > 0.01) {
  122. return '奖品总概率必须等于100.00%,当前为' + totalRate.toFixed(2) + '%';
  123. }
  124. // 检查每个奖品的概率是否大于0
  125. var hasZeroRate = false;
  126. $('.prize-rate').each(function() {
  127. var rate = parseFloat($(this).val()) || 0;
  128. if (rate <= 0) {
  129. hasZeroRate = true;
  130. return false;
  131. }
  132. });
  133. if (hasZeroRate) {
  134. return '所有奖品的中奖概率必须大于0%';
  135. }
  136. // 检查奖品数量设置
  137. var hasInvalidQuantity = false;
  138. $('.prize-item').each(function() {
  139. var prizeItem = $(this);
  140. if (prizeItem.attr('data-type') === 'no-prize') {
  141. return true;
  142. }
  143. var quantity = parseInt(prizeItem.find('.prize-quantity').val()) || 0;
  144. if (quantity <= 0) {
  145. hasInvalidQuantity = true;
  146. return false;
  147. }
  148. });
  149. if (hasInvalidQuantity) {
  150. return '所有奖品的数量必须大于0';
  151. }
  152. return true;
  153. }
  154. }
  155. });
  156. Form.api.bindevent($("form[role=form]"));
  157. },
  158. // 初始化添加页面
  159. initAddPage: function() {
  160. // 初始化基础UI组件
  161. Controller.api.initBasicUI();
  162. // 初始化奖品管理
  163. Controller.api.initPrizeManagement();
  164. // 初始化任务规则管理
  165. Controller.api.initTaskRuleManagement();
  166. // 确保DOM渲染完成后再计算奖品数量
  167. setTimeout(function() {
  168. Controller.api.updatePrizeCount();
  169. }, 50);
  170. // 初始化表单验证
  171. Controller.api.initFormValidation();
  172. },
  173. // 初始化基础UI组件
  174. initBasicUI: function() {
  175. // 活动名称字数统计
  176. $('#c-name').on('input', function(){
  177. var len = $(this).val().length;
  178. $('#activity-name-count').text(len + '/24');
  179. });
  180. },
  181. // 初始化任务规则管理
  182. initTaskRuleManagement: function() {
  183. // 任务类型切换(复选框)
  184. $(document).on('change', 'input[name="row[task_type][]"]', function() {
  185. Controller.api.handleTaskTypeChange();
  186. });
  187. // 商品规则切换
  188. $(document).on('change', 'input[name^="condition"][name$="[goods_rule]"]', function() {
  189. Controller.api.updateGoodsRuleDisplay($(this));
  190. });
  191. // 初始化任务类型状态
  192. Controller.api.initTaskTypeState();
  193. },
  194. // 处理任务类型变化
  195. handleTaskTypeChange: function() {
  196. var checkedTypes = $('input[name="row[task_type][]"]:checked');
  197. // 更新复选框样式
  198. $('input[name="row[task_type][]"]').each(function() {
  199. var label = $(this).closest('label');
  200. if ($(this).is(':checked')) {
  201. label.addClass('checked');
  202. } else {
  203. label.removeClass('checked');
  204. }
  205. });
  206. // 隐藏所有任务设置项
  207. $('.task-setting-item').hide();
  208. // 显示选中的任务设置项
  209. checkedTypes.each(function() {
  210. var type = parseInt($(this).val());
  211. $('#task-setting-' + type).show();
  212. });
  213. // 更新验证规则
  214. Controller.api.updateTaskValidation();
  215. },
  216. // 初始化任务类型状态
  217. initTaskTypeState: function() {
  218. var checkedTasks = $('input[name="row[task_type][]"]:checked');
  219. // 初始化复选框样式
  220. $('input[name="row[task_type][]"]').each(function() {
  221. var label = $(this).closest('label');
  222. if ($(this).is(':checked')) {
  223. label.addClass('checked');
  224. } else {
  225. label.removeClass('checked');
  226. }
  227. });
  228. // 初始化任务设置区域显示
  229. $('.task-setting-item').hide();
  230. checkedTasks.each(function() {
  231. var type = parseInt($(this).val());
  232. $('#task-setting-' + type).show();
  233. });
  234. },
  235. // 更新商品规则显示
  236. updateGoodsRuleDisplay: function($radio) {
  237. var container = $radio.closest('.task-setting-item');
  238. var rule = $radio.val();
  239. var helpText = container.find('.goods-description-box');
  240. if (rule == '1') {
  241. helpText.html('<span class="text-muted">指定商品下单后将自动触发抽奖活动且发放一次抽奖机会,若用户产生维权退款,已发放的奖励自动回收。</span>');
  242. } else {
  243. helpText.html('<span class="text-muted">除指定商品外的其他商品下单后将自动触发抽奖活动且发放一次抽奖机会。</span>');
  244. }
  245. },
  246. // 更新任务验证规则
  247. updateTaskValidation: function() {
  248. var checkedTypes = $('input[name="row[task_type][]"]:checked');
  249. // 移除旧的验证规则
  250. $('[name^="condition"]').removeAttr('data-rule');
  251. // 为选中的任务类型添加验证规则
  252. checkedTypes.each(function() {
  253. var type = parseInt($(this).val());
  254. switch(type) {
  255. case 1: // 购买指定商品
  256. // 商品选择验证会在选择商品时处理
  257. break;
  258. case 2: // 单笔订单消费满额
  259. case 3: // 单次充值满额
  260. case 4: // 活动期间累计消费满额
  261. $('[name="condition[' + type + '][condition_value]"]').attr('data-rule', 'required;number(0.01~999999.99)');
  262. break;
  263. }
  264. });
  265. },
  266. // 初始化表单验证
  267. initFormValidation: function() {
  268. // 自定义验证规则已在bindevent中定义
  269. // 监听表单提交事件
  270. $('form[role="form"]').on('submit', function(e) {
  271. console.log('表单提交开始');
  272. // 验证奖品设置
  273. if (!Controller.api.validatePrizes()) {
  274. e.preventDefault();
  275. return false;
  276. }
  277. // 验证任务规则设置
  278. if (!Controller.api.validateTaskRules()) {
  279. e.preventDefault();
  280. return false;
  281. }
  282. // 收集奖品数据并添加到表单
  283. var prizeData = Controller.api.collectPrizeData();
  284. if (prizeData.length > 0) {
  285. // 移除之前的隐藏字段
  286. $('form[role="form"] input[name^="prizes["]').remove();
  287. // 添加新的奖品数据
  288. for (var i = 0; i < prizeData.length; i++) {
  289. var prize = prizeData[i];
  290. for (var key in prize) {
  291. if (prize[key] !== null && prize[key] !== undefined) {
  292. $('<input>').attr({
  293. type: 'hidden',
  294. name: 'prizes[' + i + '][' + key + ']',
  295. value: prize[key]
  296. }).appendTo('form[role="form"]');
  297. }
  298. }
  299. }
  300. }
  301. // 收集条件数据并添加到表单
  302. var conditionResult = Controller.api.collectConditionData();
  303. var conditionData = conditionResult.conditionData;
  304. var taskTypes = conditionResult.taskTypes;
  305. if (conditionData.length > 0) {
  306. // 移除之前的隐藏字段
  307. $('form[role="form"] input[name^="condition["]').remove();
  308. // 添加新的条件数据
  309. for (var i = 0; i < conditionData.length; i++) {
  310. var condition = conditionData[i];
  311. for (var key in condition) {
  312. if (condition[key] !== null && condition[key] !== undefined) {
  313. var value = condition[key];
  314. if (Array.isArray(value)) {
  315. value = JSON.stringify(value);
  316. }
  317. $('<input>').attr({
  318. type: 'hidden',
  319. name: 'condition[' + i + '][' + key + ']',
  320. value: value
  321. }).appendTo('form[role="form"]');
  322. }
  323. }
  324. }
  325. }
  326. // 添加任务类型数据
  327. if (taskTypes.length > 0) {
  328. // 移除之前的task_type隐藏字段
  329. $('form[role="form"] input[type="hidden"][name^="task_type"]').remove();
  330. // 添加任务类型数据
  331. for (var i = 0; i < taskTypes.length; i++) {
  332. $('<input>').attr({
  333. type: 'hidden',
  334. name: 'task_type[' + i + ']',
  335. value: taskTypes[i]
  336. }).appendTo('form[role="form"]');
  337. }
  338. }
  339. console.log('表单验证通过,数据收集完成,准备提交');
  340. console.log('奖品数据:', prizeData);
  341. console.log('条件数据:', conditionData);
  342. console.log('任务类型:', taskTypes);
  343. return true;
  344. });
  345. },
  346. // 初始化编辑页面
  347. initEditPage: function() {
  348. Controller.api.initAddPage(); // 复用添加页面的初始化逻辑
  349. },
  350. // 验证奖品设置
  351. validatePrizes: function() {
  352. var prizeItems = $('.prize-item');
  353. var prizeCount = prizeItems.length;
  354. // 检查奖品数量
  355. if (prizeCount < 1) {
  356. Toastr.error('请至少设置一个奖品');
  357. return false;
  358. }
  359. // 检查奖品总概率
  360. var totalRate = 0;
  361. var hasValidPrize = false;
  362. prizeItems.each(function() {
  363. var type = $(this).attr('data-type');
  364. var rateInput = $(this).find('.prize-rate');
  365. var rate = parseFloat(rateInput.val()) || 0;
  366. totalRate += rate;
  367. // 检查非未中奖项是否有有效概率
  368. if (type !== 'no-prize' && rate > 0) {
  369. hasValidPrize = true;
  370. }
  371. // 检查奖品设置是否完整
  372. var nameInput = $(this).find('.prize-name');
  373. if (nameInput.length > 0 && !nameInput.val().trim()) {
  374. Toastr.error('请填写奖品名称');
  375. nameInput.focus();
  376. return false;
  377. }
  378. // 检查奖品数量(未中奖项除外)
  379. if (type !== 'no-prize') {
  380. var quantityInput = $(this).find('.prize-quantity');
  381. var quantity = parseInt(quantityInput.val()) || 0;
  382. if (quantity <= 0) {
  383. Toastr.error('奖品数量必须大于0');
  384. quantityInput.focus();
  385. return false;
  386. }
  387. }
  388. });
  389. // 检查是否有非未中奖的有效奖品
  390. if (!hasValidPrize) {
  391. Toastr.error('请至少设置一个有效的奖品(概率大于0)');
  392. return false;
  393. }
  394. // 检查总概率是否合理
  395. if (totalRate > 100) {
  396. Toastr.error('奖品总概率不能超过100%');
  397. return false;
  398. }
  399. return true;
  400. },
  401. // 验证任务规则设置
  402. validateTaskRules: function() {
  403. var checkedTypes = $('input[name="row[task_type][]"]:checked');
  404. // 检查是否选择了任务类型
  405. if (checkedTypes.length === 0) {
  406. Toastr.error('请选择至少一种参与条件');
  407. return false;
  408. }
  409. // 验证每个选中的任务类型
  410. var isValid = true;
  411. checkedTypes.each(function() {
  412. var type = parseInt($(this).val());
  413. var container = $('#task-setting-' + type);
  414. switch(type) {
  415. case 1: // 购买指定商品
  416. var goodsContainer = container.find('#selected-goods');
  417. if (goodsContainer.find('.goods-list-item').length === 0) {
  418. Toastr.error('请选择参与的商品');
  419. isValid = false;
  420. return false;
  421. }
  422. break;
  423. case 2: // 单笔订单消费满额
  424. case 3: // 单次充值满额
  425. case 4: // 活动期间累计消费满额
  426. var amountInput = container.find('input[name*="[condition_value]"]');
  427. var amount = parseFloat(amountInput.val()) || 0;
  428. if (amount <= 0) {
  429. var typeName = type === 2 ? '订单消费' : (type === 3 ? '充值' : '累计消费');
  430. Toastr.error('请填写' + typeName + '金额');
  431. amountInput.focus();
  432. isValid = false;
  433. return false;
  434. }
  435. break;
  436. }
  437. });
  438. return isValid;
  439. },
  440. // 初始化奖品管理
  441. initPrizeManagement: function() {
  442. // 初始化拖拽排序
  443. Controller.api.initPrizeSort();
  444. // 初始化概率计算
  445. Controller.api.updateTotalRate();
  446. // 绑定系统默认项的事件
  447. Controller.api.bindDefaultPrizeEvents();
  448. },
  449. // 绑定系统默认项的事件
  450. bindDefaultPrizeEvents: function() {
  451. // 绑定概率输入框事件
  452. $('.prize-rate').off('input blur').on('input', function() {
  453. Controller.api.updateTotalRate();
  454. }).on('blur', function() {
  455. // 失去焦点时格式化为两位小数
  456. var value = parseFloat($(this).val()) || 0;
  457. $(this).val(value.toFixed(2));
  458. Controller.api.updateTotalRate();
  459. });
  460. // 绑定编辑按钮事件
  461. $('.edit-prize').off('click').on('click', function() {
  462. var prizeItem = $(this).closest('.prize-item');
  463. // 统一使用editPrize处理所有类型
  464. Controller.api.editPrize(prizeItem);
  465. });
  466. // 绑定删除按钮事件
  467. $('.delete-prize').off('click').on('click', function() {
  468. var prizeItem = $(this).closest('.prize-item');
  469. // 检查是否是系统默认项
  470. if (prizeItem.attr('data-type') === 'no-prize') {
  471. Toastr.error('系统默认项不能删除');
  472. return;
  473. }
  474. prizeItem.remove();
  475. Controller.api.updatePrizeCount();
  476. Controller.api.updateTotalRate();
  477. Controller.api.updatePrizeOrder(); // 更新奖品索引
  478. });
  479. },
  480. // 添加奖品
  481. addPrize: function() {
  482. var prizeCount = $('.prize-item').length - 1; // 减去未中奖项
  483. var maxCount = 8;
  484. if (prizeCount >= maxCount) {
  485. Toastr.error('最多只能添加' + maxCount + '个奖品');
  486. return;
  487. }
  488. // 使用通用表单,添加模式
  489. Controller.api.openPrizeForm({
  490. mode: 'add',
  491. title: '添加奖品'
  492. });
  493. },
  494. // 通用奖品表单
  495. openPrizeForm: function(options) {
  496. var defaults = {
  497. mode: 'add', // 'add' 或 'edit'
  498. title: '奖品表单',
  499. prizeItem: null,
  500. isSystemNoPrize: false,
  501. data: {
  502. name: '',
  503. image: '',
  504. type: '2', // 默认实物奖品
  505. quantity: '1',
  506. rate: '0.00'
  507. }
  508. };
  509. var config = $.extend({}, defaults, options);
  510. var isEditMode = config.mode === 'edit';
  511. // 获取奖品类型数据
  512. var prizeTypeMap = Controller.api.parseConfigJson('prizeTypeList', {});
  513. var prizeTypes = [];
  514. for (var key in prizeTypeMap) {
  515. if (prizeTypeMap.hasOwnProperty(key)) {
  516. // 添加模式和编辑模式都包含所有类型
  517. prizeTypes.push({
  518. value: parseInt(key),
  519. text: prizeTypeMap[key]
  520. });
  521. }
  522. }
  523. // 确定是否显示奖励设置区域
  524. var selectedType = parseInt(config.data.type) || (isEditMode ? 1 : 2);
  525. var rewardVisible = selectedType > 2;
  526. var rewardType = Controller.api.getRewardTypeByPrizeType(selectedType);
  527. // 生成表单HTML
  528. var formHtml = Template('prize-form-template', {
  529. mode: config.mode,
  530. name: config.data.name,
  531. image: config.data.image,
  532. quantity: config.data.quantity,
  533. rate: config.data.rate,
  534. prizeTypes: prizeTypes,
  535. selectedType: selectedType,
  536. rewardVisible: rewardVisible,
  537. rewardType: rewardType
  538. });
  539. // 弹出表单
  540. Layer.open({
  541. type: 1,
  542. title: config.title,
  543. area: isEditMode ? ['80%', '80%'] : ['80%', '80%'],
  544. content: formHtml,
  545. btn: [isEditMode ? '保存' : '确定', '取消'],
  546. success: function(layero, index) {
  547. // 编辑模式需要设置表单数据
  548. if (isEditMode) {
  549. Controller.api.setFormData(layero, config);
  550. // 系统默认未中奖项的特殊处理
  551. if (config.isSystemNoPrize) {
  552. // 隐藏奖品数量字段(未中奖不需要数量)
  553. layero.find('.prize-quantity-group').hide();
  554. // 禁用奖品类型选择(固定为未中奖)
  555. layero.find('input[name="row[prize_type]"]').prop('disabled', true);
  556. }
  557. } else {
  558. // 添加模式:设置默认奖品类型并触发相应逻辑
  559. var defaultType = selectedType || 2; // 默认实物奖品
  560. layero.find('input[name="row[prize_type]"][value="' + defaultType + '"]').prop('checked', true);
  561. // 设置默认图片
  562. Controller.api.setPrizeDefaultImage(layero.find('.prize-form'), defaultType);
  563. }
  564. // 设置正确的字数统计初始值
  565. var currentName = layero.find('input[name="prize_name"]').val();
  566. var currentLength = currentName ? currentName.length : 0;
  567. layero.find('#prize-name-count').text(currentLength + '/20');
  568. // 绑定表单事件
  569. Controller.api.bindPrizeFormEvents(layero, config);
  570. },
  571. yes: function(index, layero) {
  572. var success = false;
  573. if (isEditMode) {
  574. success = Controller.api.updatePrize(layero, config.prizeItem);
  575. } else {
  576. success = Controller.api.savePrize(layero);
  577. }
  578. if (success) {
  579. Layer.close(index);
  580. }
  581. }
  582. });
  583. },
  584. // 设置表单数据(编辑模式)
  585. setFormData: function(layero, config) {
  586. var form = layero.find('.prize-form');
  587. var data = config.data;
  588. // 设置基本字段
  589. form.find('input[name="prize_name"]').val(data.name);
  590. form.find('input[name="prize_image"]').val(data.image);
  591. form.find('input[name="prize_quantity"]').val(data.quantity);
  592. form.find('input[name="prize_rate"]').val(data.rate);
  593. // 设置奖品类型(单选框)
  594. form.find('input[name="row[prize_type]"][value="' + data.type + '"]').prop('checked', true);
  595. // 根据奖品类型处理特殊字段
  596. if (data.type == '8' && data.goodsId) {
  597. // 商城奖品:设置商品ID并获取商品信息
  598. form.find('input[name="goods_id"]').val(data.goodsId);
  599. Controller.api.loadGoodsInfo(form, data.goodsId, function() {
  600. // 商品信息加载完成,触发FastAdmin的表单更新
  601. setTimeout(function() {
  602. Form.api.bindevent(form);
  603. }, 100);
  604. });
  605. } else if (data.type == '5' && data.couponId) {
  606. // 优惠券:设置优惠券ID并获取优惠券信息
  607. form.find('input[name="coupon_id"]').val(data.couponId);
  608. Controller.api.loadCouponInfo(form, data.couponId);
  609. }
  610. // FastAdmin的动态显示会根据奖品类型自动处理字段显示
  611. // 无需手动控制显示逻辑
  612. // 触发上传组件的图片预览更新
  613. if (data.image) {
  614. form.find('input[name="prize_image"]').trigger('change');
  615. }
  616. },
  617. // 绑定奖品表单事件
  618. bindPrizeFormEvents: function(layero, config) {
  619. var form = layero.find('.prize-form');
  620. var isEditMode = config && config.mode === 'edit';
  621. // 奖品名称字数统计
  622. form.find('input[name="prize_name"]').on('input', function(){
  623. var len = $(this).val().length;
  624. form.find('#prize-name-count').text(len + '/20');
  625. });
  626. // 奖品类型切换
  627. form.find('input[name="row[prize_type]"]').change(function() {
  628. var type = $(this).val();
  629. // 根据模式设置默认图片
  630. if (!isEditMode) {
  631. // 添加模式:设置默认图片
  632. Controller.api.setPrizeDefaultImage(form, type);
  633. }
  634. // 编辑模式:不改变图片,保持原有图片
  635. // FastAdmin的动态显示会自动处理字段的显示/隐藏和验证
  636. // 无需手动控制显示逻辑
  637. });
  638. // 商品选择按钮
  639. form.find('#select-goods-btn').click(function() {
  640. Controller.api.openGoodsSelector(form);
  641. });
  642. // 优惠券选择按钮
  643. form.find('#select-coupon-btn').click(function() {
  644. Controller.api.openCouponSelector(form);
  645. });
  646. // 兑换码类型切换(FastAdmin动态显示会自动处理)
  647. // 无需手动控制显示逻辑
  648. // 概率输入框格式化
  649. form.find('input[name="prize_rate"]').on('blur', function() {
  650. var value = parseFloat($(this).val()) || 0;
  651. $(this).val(value.toFixed(2));
  652. });
  653. // 初始化上传组件
  654. Form.api.bindevent(form);
  655. },
  656. // 设置奖品默认图片
  657. setPrizeDefaultImage: function(form, type) {
  658. // 从后台配置获取默认图片
  659. var defaultImages = Controller.api.parseConfigJson('prizeDefaultImages', {});
  660. var defaultImage = defaultImages[type] || '/assets/img/default.png';
  661. form.find('input[name="prize_image"]').val(defaultImage).trigger('change');
  662. },
  663. // 加载商品信息用于编辑模式回显
  664. loadGoodsInfo: function(form, goodsId, callback) {
  665. if (!goodsId) {
  666. console.warn('loadGoodsInfo: 商品ID为空');
  667. if (callback) callback();
  668. return;
  669. }
  670. console.log('正在加载商品信息,ID:', goodsId);
  671. // 通过Ajax获取商品信息
  672. $.ajax({
  673. url: Fast.api.fixurl('shop/goods/info'),
  674. type: 'POST',
  675. data: {id: goodsId},
  676. dataType: 'json',
  677. success: function(data) {
  678. console.log('商品信息API响应:', data);
  679. if (data.code === 1 && data.data) {
  680. var goods = data.data; // 标准FastAdmin响应格式
  681. console.log('成功获取商品信息:', goods);
  682. // 处理商品数据
  683. var processedGoods = {
  684. id: goods.id,
  685. name: goods.name || goods.title,
  686. title: goods.title || goods.name,
  687. image: goods.image ? Fast.api.cdnurl(goods.image) : '',
  688. price: goods.price || goods.sellprice || '',
  689. goods_sn: goods.goods_sn || '',
  690. spec_type: goods.spec_type !== undefined ? goods.spec_type : null,
  691. category: goods.category || null,
  692. type_name: Controller.api.getGoodsTypeName(goods),
  693. type_text: Controller.api.getGoodsTypeText(goods)
  694. };
  695. // 使用商品模板显示
  696. var html = Template('prize-goods-template', processedGoods);
  697. form.find('#selected-goods-display').html(html).show();
  698. // 绑定删除事件
  699. form.find('.remove-prize-goods').off('click').on('click', function() {
  700. $(this).closest('.prize-goods-item').remove();
  701. form.find('input[name="goods_id"]').val('');
  702. });
  703. console.log('商品信息已成功显示');
  704. // 执行回调
  705. if (callback) callback();
  706. } else {
  707. console.warn('商品信息API返回异常:', data);
  708. // 显示友好的提示信息
  709. var errorMsg = data.msg || '获取商品信息失败';
  710. form.find('#selected-goods-display').html(
  711. '<div class="alert alert-warning" style="margin-top: 10px;">' +
  712. '<i class="fa fa-warning"></i> ' + errorMsg +
  713. ' (商品ID: ' + goodsId + ')' +
  714. '</div>'
  715. ).show();
  716. // 即使失败也执行回调
  717. if (callback) callback();
  718. }
  719. },
  720. error: function(xhr, status, error) {
  721. console.error('加载商品信息失败 - 详细信息:');
  722. console.error('- 商品ID:', goodsId);
  723. console.error('- HTTP状态:', xhr.status);
  724. console.error('- 错误信息:', error);
  725. console.error('- 响应内容:', xhr.responseText);
  726. // 显示友好的错误提示
  727. var errorHtml = '<div class="alert alert-danger" style="margin-top: 10px;">' +
  728. '<i class="fa fa-exclamation-circle"></i> 加载商品信息失败<br>' +
  729. '<small>商品ID: ' + goodsId + '</small><br>' +
  730. '<small>错误: ' + (xhr.status === 404 ? '商品不存在或已删除' :
  731. xhr.status === 403 ? '无权限访问' :
  732. '网络错误,请稍后重试') + '</small>' +
  733. '</div>';
  734. form.find('#selected-goods-display').html(errorHtml).show();
  735. // 错误时也执行回调
  736. if (callback) callback();
  737. }
  738. });
  739. },
  740. // 加载优惠券信息用于编辑模式回显
  741. loadCouponInfo: function(form, couponId) {
  742. if (!couponId) {
  743. console.warn('loadCouponInfo: 优惠券ID为空');
  744. return;
  745. }
  746. console.log('正在加载优惠券信息,ID:', couponId);
  747. // 暂时显示一个简单的占位信息,提醒需要重新选择
  748. var placeholderHtml = '<div class="alert alert-info" style="margin-top: 10px;">' +
  749. '<i class="fa fa-info-circle"></i> 编辑模式下需要重新选择优惠券<br>' +
  750. '<small>优惠券ID: ' + couponId + '</small>' +
  751. '</div>';
  752. form.find('#selected-coupon-display').html(placeholderHtml).show();
  753. console.log('优惠券占位信息已显示,用户需要重新选择');
  754. },
  755. // 打开商品选择器
  756. openGoodsSelector: function(form) {
  757. Fast.api.open('shop/goods/select?selectMode=single', '选择商品', {
  758. callback: function(data) {
  759. if (data.length > 0) {
  760. var goods = data[0]; // 取第一个选中的商品
  761. // 处理商品数据,确保格式完整
  762. var processedGoods = {
  763. id: goods.id,
  764. name: goods.name || goods.title,
  765. title: goods.title || goods.name,
  766. image: goods.image ? (typeof Fast !== 'undefined' && Fast.api ? Fast.api.cdnurl(goods.image) : goods.image) : '',
  767. price: goods.price || goods.sellprice || '',
  768. goods_sn: goods.goods_sn || '',
  769. spec_type: goods.spec_type !== undefined ? goods.spec_type : null,
  770. category: goods.category || null,
  771. type_name: Controller.api.getGoodsTypeName(goods),
  772. type_text: Controller.api.getGoodsTypeText(goods)
  773. };
  774. // 使用奖品商品模板
  775. var html = Template('prize-goods-template', processedGoods);
  776. form.find('#selected-goods-display').html(html).show();
  777. // 设置隐藏域的值以触发验证
  778. form.find('input[name="goods_id"]').val(goods.id);
  779. // 设置商品图片为奖品图片
  780. form.find('input[name="prize_image"]').val(goods.image).trigger('change');
  781. // 绑定删除事件
  782. form.find('.remove-prize-goods').off('click').on('click', function() {
  783. $(this).closest('.prize-goods-item').remove();
  784. form.find('input[name="goods_id"]').val(''); // 清空隐藏域
  785. });
  786. }
  787. }
  788. });
  789. },
  790. // 打开优惠券选择器
  791. openCouponSelector: function(form) {
  792. Fast.api.open('shop/coupon/select', '选择优惠券', {
  793. callback: function(data) {
  794. if (data.length > 0) {
  795. var coupon = data[0]; // 取第一个选中的优惠券
  796. // 直接使用模板ID
  797. var html = Template('selected-coupon-template', {
  798. name: coupon.name,
  799. type_text: coupon.type_text || '优惠券',
  800. id: coupon.id
  801. });
  802. form.find('#selected-coupon-display').html(html).show();
  803. // 设置隐藏域的值以触发验证
  804. form.find('input[name="coupon_id"]').val(coupon.id);
  805. }
  806. }
  807. });
  808. },
  809. // 保存奖品
  810. savePrize: function(layero) {
  811. var form = layero.find('.prize-form');
  812. var name = form.find('input[name="prize_name"]').val().trim();
  813. var type = form.find('input[name="row[prize_type]"]:checked').val();
  814. var image = form.find('input[name="prize_image"]').val();
  815. var quantity = form.find('input[name="prize_quantity"]').val();
  816. // 根据奖品类型获取对应的奖励值
  817. var rewardValue = '';
  818. if (type == 3) { // 积分
  819. rewardValue = form.find('input[name="reward_value_integral"]').val();
  820. } else if (type == 4) { // 余额
  821. rewardValue = form.find('input[name="reward_value_balance"]').val();
  822. } else if (type == 6) { // 红包
  823. rewardValue = form.find('input[name="reward_value_redpack"]').val();
  824. }
  825. var goodsId = form.find('input[name="goods_id"]').val();
  826. var couponId = form.find('input[name="coupon_id"]').val();
  827. if (!name) {
  828. Toastr.error('请输入奖品名称');
  829. return false;
  830. }
  831. if (!type) {
  832. Toastr.error('请选择奖品类型');
  833. return false;
  834. }
  835. if (!image) {
  836. Toastr.error('请选择奖品图片');
  837. return false;
  838. }
  839. // 未中奖类型不需要验证数量
  840. if (type != 1 && (!quantity || quantity < 1)) {
  841. Toastr.error('请输入正确的奖品数量');
  842. return false;
  843. }
  844. // 验证积分数量
  845. if (type == 3 && !rewardValue) {
  846. Toastr.error('请输入积分数量');
  847. return false;
  848. }
  849. // 验证余额金额
  850. if (type == 4 && !rewardValue) {
  851. Toastr.error('请输入余额金额');
  852. return false;
  853. }
  854. // 验证优惠券选择
  855. if (type == 5 && !couponId) {
  856. Toastr.error('请选择优惠券');
  857. return false;
  858. }
  859. // 验证红包金额
  860. if (type == 6 && !rewardValue) {
  861. Toastr.error('请输入红包金额');
  862. return false;
  863. }
  864. // 验证商品选择(只有商城奖品需要选择商品)
  865. if (type == 8 && !goodsId) {
  866. Toastr.error('请选择商品');
  867. return false;
  868. }
  869. // 验证兑换码设置
  870. if (type == 7) {
  871. var codeType = form.find('input[name="code_type"]:checked').val();
  872. if (codeType === 'manual') {
  873. var manualCodes = form.find('textarea[name="manual_codes"]').val().trim();
  874. if (!manualCodes) {
  875. Toastr.error('请输入兑换码列表');
  876. return false;
  877. }
  878. }
  879. }
  880. // 构建奖品数据
  881. var prizeData = {
  882. name: name,
  883. type: parseInt(type),
  884. image: image,
  885. quantity: type == 1 ? 0 : parseInt(quantity), // 未中奖类型数量为0
  886. rate: 0
  887. };
  888. // 根据奖品类型添加特定数据
  889. switch(parseInt(type)) {
  890. case 3: // 积分
  891. prizeData.points = parseInt(rewardValue);
  892. break;
  893. case 4: // 余额
  894. prizeData.balance = parseFloat(rewardValue);
  895. break;
  896. case 5: // 优惠券
  897. prizeData.coupon_id = couponId;
  898. prizeData.coupon_name = form.find('#selected-coupon-display .selected-coupon-item span:first').text();
  899. break;
  900. case 6: // 红包
  901. prizeData.redpack_amount = parseFloat(rewardValue);
  902. break;
  903. case 7: // 兑换码
  904. prizeData.code_type = form.find('input[name="code_type"]:checked').val();
  905. if (prizeData.code_type === 'manual') {
  906. prizeData.manual_codes = form.find('textarea[name="manual_codes"]').val();
  907. }
  908. break;
  909. case 8: // 商城奖品
  910. prizeData.goods_id = goodsId;
  911. // 使用简化的选择器获取商品名称
  912. prizeData.goods_name = form.find('#selected-goods-display .goods-name-display').text() || '';
  913. break;
  914. }
  915. // 添加奖品到列表
  916. Controller.api.appendPrizeToList(prizeData);
  917. Controller.api.updatePrizeCount();
  918. Controller.api.updateTotalRate();
  919. Controller.api.updatePrizeOrder(); // 更新奖品索引
  920. return true;
  921. },
  922. // 添加奖品到列表
  923. appendPrizeToList: function(prize) {
  924. // 获取奖品类型信息
  925. var typeName = Controller.api.getPrizeTypeName(prize.type);
  926. var labelClass = Controller.api.getPrizeLabelClass(prize.type);
  927. var rewardText = Controller.api.getPrizeRewardText(prize);
  928. // 获取当前奖品索引 (跳过未中奖项,从1开始)
  929. var prizeIndex = $('.prize-list .prize-item').length;
  930. // 处理图片URL
  931. var imageRelative = prize.image; // 相对路径,用于表单提交
  932. var imageDisplay = prize.image ? (typeof Fast !== 'undefined' && Fast.api ? Fast.api.cdnurl(prize.image) : prize.image) : ''; // CDN URL,用于显示
  933. // 使用外部模板
  934. var prizeHtml = Template('prize-item-template', {
  935. index: prizeIndex,
  936. name: prize.name,
  937. type: prize.type,
  938. typeName: typeName,
  939. labelClass: labelClass,
  940. rewardText: rewardText,
  941. imageRelative: imageRelative, // 相对路径
  942. imageDisplay: imageDisplay, // CDN URL
  943. quantity: prize.quantity || 0,
  944. rate: prize.rate || 0,
  945. goodsId: prize.goods_id || '',
  946. couponId: prize.coupon_id || ''
  947. });
  948. $('.prize-list').append(prizeHtml);
  949. // 绑定事件
  950. $('.prize-rate').off('input blur').on('input', function() {
  951. Controller.api.updateTotalRate();
  952. }).on('blur', function() {
  953. // 失去焦点时格式化为两位小数
  954. var value = parseFloat($(this).val()) || 0;
  955. $(this).val(value.toFixed(2));
  956. Controller.api.updateTotalRate();
  957. });
  958. $('.delete-prize').off('click').on('click', function() {
  959. var prizeItem = $(this).closest('.prize-item');
  960. // 检查是否是系统默认项
  961. if (prizeItem.attr('data-type') === 'no-prize') {
  962. Toastr.error('系统默认项不能删除');
  963. return;
  964. }
  965. prizeItem.remove();
  966. Controller.api.updatePrizeCount();
  967. Controller.api.updateTotalRate();
  968. Controller.api.updatePrizeOrder(); // 更新奖品索引
  969. });
  970. $('.edit-prize').off('click').on('click', function() {
  971. var prizeItem = $(this).closest('.prize-item');
  972. // 统一使用editPrize处理所有类型
  973. Controller.api.editPrize(prizeItem);
  974. });
  975. // 重新初始化拖拽排序
  976. Controller.api.initPrizeSort();
  977. },
  978. // 初始化奖品拖拽排序
  979. initPrizeSort: function() {
  980. require(['../libs/Sortable/Sortable'], function(Sortable) {
  981. var prizeListEl = document.querySelector('.prize-list');
  982. if (prizeListEl) {
  983. // 如果已经初始化过,先销毁
  984. if (prizeListEl.sortableInstance) {
  985. prizeListEl.sortableInstance.destroy();
  986. }
  987. // 创建新的 Sortable 实例
  988. prizeListEl.sortableInstance = new Sortable(prizeListEl, {
  989. handle: '.prize-sort-handle',
  990. animation: 150,
  991. onUpdate: function(evt) {
  992. Controller.api.updatePrizeOrder();
  993. }
  994. });
  995. }
  996. });
  997. },
  998. // 获取奖品类型名称
  999. getPrizeTypeName: function(type) {
  1000. var prizeTypeMap = Controller.api.parseConfigJson('prizeTypeList', {});
  1001. return prizeTypeMap[type] || '未知';
  1002. },
  1003. // 获取奖品标签样式类
  1004. getPrizeLabelClass: function(type) {
  1005. var classMap = {
  1006. 1: 'default', // 未中奖 - 灰色
  1007. 2: 'primary', // 实物奖品 - 蓝色
  1008. 3: 'warning', // 积分 - 橙色
  1009. 4: 'info', // 余额 - 浅蓝色
  1010. 5: 'success', // 优惠券 - 绿色
  1011. 6: 'danger', // 红包 - 红色
  1012. 7: 'default', // 兑换码 - 灰色
  1013. 8: 'primary' // 商城奖品 - 蓝色
  1014. };
  1015. return classMap[type] || 'default';
  1016. },
  1017. // 获取奖品奖励文本
  1018. getPrizeRewardText: function(prize) {
  1019. if (!prize.type || prize.type == 1) {
  1020. return ''; // 未中奖不显示奖励文本
  1021. }
  1022. switch(parseInt(prize.type)) {
  1023. case 2: // 实物奖品
  1024. return '';
  1025. case 3: // 积分
  1026. return prize.points ? (prize.points + ' 积分') : '';
  1027. case 4: // 余额
  1028. return prize.balance ? (prize.balance + ' 余额') : '';
  1029. case 5: // 优惠券
  1030. return prize.coupon_name ? prize.coupon_name : '';
  1031. case 6: // 红包
  1032. return prize.redpack_amount ? (prize.redpack_amount + ' 元红包') : '';
  1033. case 7: // 兑换码
  1034. return prize.code_type == 'manual' ? '手动兑换码' : '自动兑换码';
  1035. case 8: // 商城奖品
  1036. return prize.goods_name ? prize.goods_name : '';
  1037. default:
  1038. return '';
  1039. }
  1040. },
  1041. // 从表单获取奖品奖励文本
  1042. getPrizeRewardTextFromForm: function(form, type) {
  1043. if (!type || type == 1) {
  1044. return ''; // 未中奖不显示奖励文本
  1045. }
  1046. switch(parseInt(type)) {
  1047. case 2: // 实物奖品
  1048. return '';
  1049. case 3: // 积分
  1050. var points = form.find('input[name="reward_value_integral"]').val();
  1051. return points ? (points + ' 积分') : '';
  1052. case 4: // 余额
  1053. var balance = form.find('input[name="reward_value_balance"]').val();
  1054. return balance ? (balance + ' 余额') : '';
  1055. case 5: // 优惠券
  1056. var couponName = form.find('#selected-coupon-display .selected-coupon-item span:first').text();
  1057. return couponName || '';
  1058. case 6: // 红包
  1059. var amount = form.find('input[name="reward_value_redpack"]').val();
  1060. return amount ? (amount + ' 元红包') : '';
  1061. case 7: // 兑换码
  1062. var codeType = form.find('input[name="code_type"]:checked').val();
  1063. return codeType == 'manual' ? '手动兑换码' : '自动兑换码';
  1064. case 8: // 商城奖品
  1065. // 使用简化的选择器获取商品名称
  1066. return form.find('#selected-goods-display .goods-name-display').text() || '';
  1067. default:
  1068. return '';
  1069. }
  1070. },
  1071. // 根据奖品类型获取奖励类型
  1072. getRewardTypeByPrizeType: function(prizeType) {
  1073. switch(parseInt(prizeType)) {
  1074. case 3: return 'integral'; // 积分
  1075. case 4: return 'balance'; // 余额
  1076. case 5: return 'coupon'; // 优惠券
  1077. case 6: return 'redbag'; // 红包
  1078. case 7: return 'code'; // 兑换码
  1079. case 8: return 'goods'; // 商城奖品
  1080. default: return 'none';
  1081. }
  1082. },
  1083. // 更新奖品数量统计
  1084. updatePrizeCount: function() {
  1085. var totalCount = $('.prize-item').length; // 总奖品数(包含未中奖项)
  1086. var userCount = totalCount - 1; // 用户添加的奖品数(减去未中奖项)
  1087. // 显示总奖品数(包含系统默认的未中奖项)
  1088. $('#prize-count').text(totalCount);
  1089. // 更新添加奖品按钮状态(基于用户可添加的奖品数)
  1090. Controller.api.updateAddPrizeButtonState(userCount);
  1091. // 更新验证状态
  1092. $('input[name="prize_setting_check"]').val('1').trigger('change');
  1093. },
  1094. // 更新添加奖品按钮状态
  1095. updateAddPrizeButtonState: function(userCount) {
  1096. var maxUserCount = 8; // 用户最大可添加奖品数量
  1097. var addButton = $('#add-prize-btn');
  1098. var remainingCount = maxUserCount - userCount;
  1099. if (userCount >= maxUserCount) {
  1100. // 达到最大数量,禁用按钮
  1101. addButton.prop('disabled', true).addClass('disabled');
  1102. addButton.find('.btn-text').text('已达最大数量');
  1103. $('#prize-count-tip').text('已添加最大数量的奖品').removeClass('text-muted').addClass('text-danger');
  1104. } else {
  1105. // 未达到最大数量,启用按钮
  1106. addButton.prop('disabled', false).removeClass('disabled');
  1107. addButton.find('.btn-text').text('添加奖品');
  1108. if (remainingCount <= 2) {
  1109. $('#prize-count-tip').text('还可添加 ' + remainingCount + ' 个奖品').removeClass('text-muted text-danger').addClass('text-warning');
  1110. } else {
  1111. // 当用户还没添加奖品时,显示还需添加多少个才能满足最低要求
  1112. var minRequired = Math.max(0, 7 - userCount); // 至少需要7个用户奖品(总共8个,已有1个系统默认)
  1113. if (minRequired > 0) {
  1114. $('#prize-count-tip').text('还需添加 ' + minRequired + ' 个奖品').removeClass('text-warning text-danger').addClass('text-muted');
  1115. } else {
  1116. $('#prize-count-tip').text('还可添加 ' + remainingCount + ' 个奖品').removeClass('text-warning text-danger').addClass('text-muted');
  1117. }
  1118. }
  1119. }
  1120. },
  1121. // 计算总概率
  1122. calculateTotalRate: function() {
  1123. var total = 0;
  1124. $('.prize-rate').each(function() {
  1125. total += parseFloat($(this).val()) || 0;
  1126. });
  1127. // 保留两位小数
  1128. return Math.round(total * 100) / 100;
  1129. },
  1130. // 更新总概率显示
  1131. updateTotalRate: function() {
  1132. var total = Controller.api.calculateTotalRate();
  1133. // 格式化显示为两位小数
  1134. $('#total-rate').text(total.toFixed(2) + '%');
  1135. // 根据概率设置颜色
  1136. if (total > 100) {
  1137. $('#total-rate').removeClass('text-success text-warning').addClass('text-danger');
  1138. } else if (total === 100) {
  1139. $('#total-rate').removeClass('text-danger text-warning').addClass('text-success');
  1140. } else {
  1141. $('#total-rate').removeClass('text-danger text-success').addClass('text-warning');
  1142. }
  1143. // 更新验证状态
  1144. $('input[name="prize_setting_check"]').val('1').trigger('change');
  1145. },
  1146. // 编辑奖品(统一处理所有类型)
  1147. editPrize: function(prizeItem) {
  1148. // 判断是否为系统默认未中奖项
  1149. var isSystemNoPrize = prizeItem.attr('data-type') === 'no-prize';
  1150. // 获取奖品信息
  1151. var name, imageRelative, type, quantity, rate, goodsId, couponId;
  1152. if (isSystemNoPrize) {
  1153. // 系统默认项从不同位置获取数据
  1154. name = prizeItem.find('td:eq(1)').text().trim(); // 去除空格
  1155. imageRelative = prizeItem.find('.prize-image-input').val();
  1156. type = prizeItem.find('.prize-type-input').val() || '1';
  1157. quantity = 0; // 未中奖项数量固定为0
  1158. rate = prizeItem.find('.prize-rate').val();
  1159. } else {
  1160. // 普通奖品从标准位置获取数据
  1161. name = prizeItem.find('.prize-name').text().trim(); // 去除空格
  1162. imageRelative = prizeItem.find('.prize-image-input').val();
  1163. type = prizeItem.find('.prize-type-input').val();
  1164. quantity = prizeItem.find('.prize-quantity').val();
  1165. rate = prizeItem.find('.prize-rate').val();
  1166. // 获取商品ID和优惠券ID(如果存在)
  1167. goodsId = prizeItem.find('.prize-goods-id-input').val();
  1168. couponId = prizeItem.find('.prize-coupon-id-input').val();
  1169. }
  1170. var title = isSystemNoPrize ? '编辑未中奖项' : '编辑奖品';
  1171. // 使用通用表单,编辑模式
  1172. Controller.api.openPrizeForm({
  1173. mode: 'edit',
  1174. title: title,
  1175. prizeItem: prizeItem,
  1176. isSystemNoPrize: isSystemNoPrize,
  1177. data: {
  1178. name: name,
  1179. image: imageRelative,
  1180. type: type,
  1181. quantity: quantity,
  1182. rate: rate,
  1183. goodsId: goodsId,
  1184. couponId: couponId
  1185. }
  1186. });
  1187. },
  1188. // 更新奖品信息
  1189. updatePrize: function(layero, prizeItem) {
  1190. var form = layero.find('.prize-form');
  1191. var name = form.find('input[name="prize_name"]').val().trim();
  1192. var type = form.find('input[name="row[prize_type]"]:checked').val();
  1193. var image = form.find('input[name="prize_image"]').val();
  1194. var quantity = form.find('input[name="prize_quantity"]').val();
  1195. var rate = form.find('input[name="prize_rate"]').val();
  1196. if (!name) {
  1197. Toastr.error('请输入奖品名称');
  1198. return false;
  1199. }
  1200. if (!image) {
  1201. Toastr.error('请选择奖品图片');
  1202. return false;
  1203. }
  1204. // 未中奖类型不需要验证数量
  1205. if (type != 1 && (!quantity || quantity < 1)) {
  1206. Toastr.error('请输入正确的奖品数量');
  1207. return false;
  1208. }
  1209. // 更新界面显示
  1210. var imageDisplay = image ? (typeof Fast !== 'undefined' && Fast.api ? Fast.api.cdnurl(image) : image) : '';
  1211. // 检查是否是系统默认项
  1212. if (prizeItem.attr('data-type') === 'no-prize') {
  1213. // 系统默认项直接更新文本
  1214. prizeItem.find('td:eq(1)').text(name);
  1215. } else {
  1216. // 普通奖品更新显示元素和隐藏域
  1217. prizeItem.find('.prize-name').text(name);
  1218. prizeItem.find('.prize-name-input').val(name);
  1219. prizeItem.find('.prize-quantity').val(quantity);
  1220. // 更新奖品类型隐藏域
  1221. prizeItem.find('.prize-type-input').val(type);
  1222. // 更新奖品类型显示标签
  1223. var typeName = Controller.api.getPrizeTypeName(type);
  1224. var labelClass = Controller.api.getPrizeLabelClass(type);
  1225. var typeLabel = prizeItem.find('td:eq(2) .label');
  1226. typeLabel.removeClass().addClass('label label-' + labelClass).text(typeName);
  1227. // 更新奖励文本显示
  1228. var rewardText = Controller.api.getPrizeRewardTextFromForm(form, type);
  1229. var rewardDiv = prizeItem.find('td:eq(2) div');
  1230. if (rewardText) {
  1231. if (rewardDiv.length === 0) {
  1232. // 如果没有奖励文本div,创建一个
  1233. prizeItem.find('td:eq(2)').append('<div style="font-size: 11px; color: #666; margin-top: 2px;">' + rewardText + '</div>');
  1234. } else {
  1235. // 更新现有的奖励文本
  1236. rewardDiv.text(rewardText);
  1237. }
  1238. } else {
  1239. // 删除奖励文本
  1240. rewardDiv.remove();
  1241. }
  1242. }
  1243. // 更新图片显示和隐藏域
  1244. prizeItem.find('img').attr('src', imageDisplay);
  1245. prizeItem.find('.prize-image-input').val(image); // 隐藏域存储相对路径
  1246. prizeItem.find('.prize-rate').val(rate);
  1247. Controller.api.updateTotalRate();
  1248. return true;
  1249. },
  1250. // 更新奖品排序
  1251. updatePrizeOrder: function() {
  1252. // 重新编号所有奖品的隐藏域name属性
  1253. $('.prize-list .prize-item').each(function(index) {
  1254. var $item = $(this);
  1255. var prizeIndex = index; // 按实际位置索引
  1256. // 更新隐藏域的name属性
  1257. $item.find('.prize-name-input').attr('name', 'prizes[' + prizeIndex + '][name]');
  1258. $item.find('.prize-type-input').attr('name', 'prizes[' + prizeIndex + '][type]');
  1259. $item.find('.prize-image-input').attr('name', 'prizes[' + prizeIndex + '][image]');
  1260. // 更新商品ID和优惠券ID的隐藏域name属性
  1261. $item.find('.prize-goods-id-input').attr('name', 'prizes[' + prizeIndex + '][goods_id]');
  1262. $item.find('.prize-coupon-id-input').attr('name', 'prizes[' + prizeIndex + '][coupon_id]');
  1263. // 更新其他表单字段的name属性
  1264. $item.find('.prize-quantity').attr('name', 'prizes[' + prizeIndex + '][quantity]');
  1265. $item.find('.prize-rate').attr('name', 'prizes[' + prizeIndex + '][rate]');
  1266. // 更新奖品特定字段的name属性
  1267. var prizeType = parseInt($item.find('.prize-type-input').val());
  1268. switch(prizeType) {
  1269. case 3: // 积分
  1270. $item.find('.prize-points-input').attr('name', 'prizes[' + prizeIndex + '][points]');
  1271. break;
  1272. case 4: // 余额
  1273. $item.find('.prize-balance-input').attr('name', 'prizes[' + prizeIndex + '][balance]');
  1274. break;
  1275. case 6: // 红包
  1276. $item.find('.prize-redpack-input').attr('name', 'prizes[' + prizeIndex + '][redpack_amount]');
  1277. break;
  1278. case 7: // 兑换码
  1279. $item.find('.prize-codes-input').attr('name', 'prizes[' + prizeIndex + '][manual_codes]');
  1280. break;
  1281. }
  1282. });
  1283. console.log('奖品排序已更新');
  1284. },
  1285. // 在表单提交前收集奖品数据
  1286. collectPrizeData: function() {
  1287. var prizesData = [];
  1288. $('.prize-list .prize-item').each(function(index) {
  1289. var $item = $(this);
  1290. var prizeType = parseInt($item.find('.prize-type-input').val());
  1291. var prizeData = {
  1292. name: $item.find('.prize-name-input').val() || $item.find('.prize-name').text() || $item.find('td:eq(1)').text(),
  1293. type: prizeType,
  1294. image: $item.find('.prize-image-input').val(),
  1295. quantity: $item.find('.prize-quantity').val() || 0,
  1296. rate: $item.find('.prize-rate').val() || 0
  1297. };
  1298. // 根据奖品类型添加特定字段
  1299. switch(prizeType) {
  1300. case 3: // 积分
  1301. var pointsInput = $item.find('.prize-points-input');
  1302. if (pointsInput.length === 0) {
  1303. // 如果隐藏域不存在,从表单中获取
  1304. pointsInput = $('input[name="reward_value_integral"]');
  1305. }
  1306. prizeData.points = pointsInput.val() || 0;
  1307. break;
  1308. case 4: // 余额
  1309. var balanceInput = $item.find('.prize-balance-input');
  1310. if (balanceInput.length === 0) {
  1311. balanceInput = $('input[name="reward_value_balance"]');
  1312. }
  1313. prizeData.balance = balanceInput.val() || 0;
  1314. break;
  1315. case 5: // 优惠券
  1316. prizeData.coupon_id = $item.find('.prize-coupon-id-input').val() || 0;
  1317. break;
  1318. case 6: // 红包
  1319. var redpackInput = $item.find('.prize-redpack-input');
  1320. if (redpackInput.length === 0) {
  1321. redpackInput = $('input[name="reward_value_redpack"]');
  1322. }
  1323. prizeData.redpack_amount = redpackInput.val() || 0;
  1324. break;
  1325. case 7: // 兑换码
  1326. var codesInput = $item.find('.prize-codes-input');
  1327. if (codesInput.length === 0) {
  1328. codesInput = $('textarea[name="manual_codes"]');
  1329. }
  1330. prizeData.manual_codes = codesInput.val() || '';
  1331. break;
  1332. case 8: // 商城奖品
  1333. prizeData.goods_id = $item.find('.prize-goods-id-input').val() || 0;
  1334. break;
  1335. }
  1336. prizesData.push(prizeData);
  1337. });
  1338. return prizesData;
  1339. },
  1340. // 在表单提交前收集条件数据
  1341. collectConditionData: function() {
  1342. var conditionData = {};
  1343. var taskTypes = [];
  1344. // 获取选中的任务类型
  1345. $('input[name="row[task_type][]"]:checked').each(function() {
  1346. taskTypes.push($(this).val());
  1347. });
  1348. // 为每个任务类型收集条件数据
  1349. taskTypes.forEach(function(taskType) {
  1350. var type = parseInt(taskType);
  1351. var condition = {};
  1352. switch(type) {
  1353. case 1: // 购买指定商品
  1354. condition.type = type;
  1355. condition.goods_rule = $('input[name="condition[' + type + '][goods_rule]"]:checked').val() || 1;
  1356. condition.goods_ids = $('#task-goods-ids-' + type).val() || '[]';
  1357. break;
  1358. case 2: // 单笔订单消费满额
  1359. case 3: // 单次充值满额
  1360. case 4: // 活动期间累计消费满额
  1361. condition.type = type;
  1362. condition.condition_value = $('input[name="condition[' + type + '][condition_value]"]').val() || 0;
  1363. break;
  1364. }
  1365. conditionData[type] = condition;
  1366. });
  1367. return {
  1368. conditionData: conditionData,
  1369. taskTypes: taskTypes
  1370. };
  1371. },
  1372. // 选择商品 - 通用方法,支持单选和多选
  1373. selectGoods: function(options) {
  1374. var defaults = {
  1375. mode: 'single', // 'single' 单选, 'multiple' 多选
  1376. title: '选择商品',
  1377. container: '#selected-goods',
  1378. template: 'goods-list-template', // 统一使用goods-list-template
  1379. maxSelect: 0, // 最大选择数量,0表示无限制
  1380. callback: null
  1381. };
  1382. var config = $.extend({}, defaults, options);
  1383. // 构建URL参数
  1384. var urlParams = [];
  1385. // 添加选择模式参数
  1386. if (config.mode === 'single') {
  1387. urlParams.push('selectMode=single');
  1388. } else {
  1389. urlParams.push('selectMode=multiple');
  1390. // 如果有最大选择限制,添加参数
  1391. if (config.maxSelect > 0) {
  1392. urlParams.push('maxSelect=' + config.maxSelect);
  1393. }
  1394. }
  1395. // 构建完整URL
  1396. var url = 'shop/goods/select';
  1397. if (urlParams.length > 0) {
  1398. url += '?' + urlParams.join('&');
  1399. }
  1400. Fast.api.open(url, config.title, {
  1401. callback: function(data) {
  1402. if (data && data.length > 0) {
  1403. // 单选模式只取第一个
  1404. if (config.mode === 'single' && data.length > 1) {
  1405. data = [data[0]];
  1406. }
  1407. Controller.api.updateSelectedGoods(data, config);
  1408. // 执行回调
  1409. if (typeof config.callback === 'function') {
  1410. config.callback(data);
  1411. }
  1412. } else {
  1413. Toastr.error('请选择商品');
  1414. }
  1415. }
  1416. });
  1417. },
  1418. // 选择任务商品(多选模式)
  1419. selectTaskGoods: function(container) {
  1420. Controller.api.selectGoods({
  1421. mode: 'multiple',
  1422. title: '选择参与商品',
  1423. container: container || '#task-goods-container',
  1424. template: 'task-goods-template',
  1425. callback: function(data) {
  1426. // 如果是购买指定商品任务,更新隐藏字段
  1427. if (container === '#selected-goods' && data && data.length > 0) {
  1428. var goodsIds = data.map(function(item) {
  1429. return item.id;
  1430. });
  1431. // 更新隐藏字段,存储JSON格式的商品IDs
  1432. $('#task-goods-ids-1').val(JSON.stringify(goodsIds));
  1433. console.log('购买指定商品任务 - 商品IDs已更新:', goodsIds);
  1434. // 绑定删除事件
  1435. Controller.api.bindTaskGoodsEvents();
  1436. }
  1437. }
  1438. });
  1439. },
  1440. // 选择奖品商品(单选模式)
  1441. selectPrizeGoods: function(container) {
  1442. Controller.api.selectGoods({
  1443. mode: 'single',
  1444. title: '选择奖品商品',
  1445. container: container || '#prize-goods-container',
  1446. template: 'goods-list-template' // 使用统一的商品选择模板
  1447. });
  1448. },
  1449. // 更新已选商品
  1450. updateSelectedGoods: function(goods, config) {
  1451. config = config || {};
  1452. var container = config.container || '#selected-goods';
  1453. var template = config.template || 'goods-list-template';
  1454. // 预处理商品数据
  1455. var processedGoods = Controller.api.processGoodsData(goods);
  1456. var html = '';
  1457. if (template === 'goods-list-template') {
  1458. // 商品列表(支持单选和多选)
  1459. html = Template(template, {
  1460. goods: processedGoods
  1461. });
  1462. $(container).html(html);
  1463. // 绑定删除事件
  1464. $('.remove-goods-item').off('click').on('click', function() {
  1465. $(this).closest('.goods-list-item').remove();
  1466. });
  1467. } else if (template === 'prize-goods-template') {
  1468. // 奖品商品(单选)
  1469. if (processedGoods.length > 0) {
  1470. html = Template(template, processedGoods[0]);
  1471. $(container).html(html);
  1472. // 绑定删除事件
  1473. $('.remove-prize-goods').off('click').on('click', function() {
  1474. $(this).closest('.prize-goods-item').remove();
  1475. });
  1476. }
  1477. } else {
  1478. // 其他模板(向后兼容)
  1479. html = Template(template, {
  1480. goods: processedGoods
  1481. });
  1482. $(container).html(html);
  1483. }
  1484. },
  1485. // 处理商品数据
  1486. processGoodsData: function(goods) {
  1487. var processedGoods = [];
  1488. if (goods && goods.length) {
  1489. for (var i = 0; i < goods.length; i++) {
  1490. var item = goods[i];
  1491. var processedItem = {
  1492. id: item.id,
  1493. name: item.name || item.title,
  1494. title: item.title || item.name,
  1495. image: item.image ? (typeof Fast !== 'undefined' && Fast.api ? Fast.api.cdnurl(item.image) : item.image) : '',
  1496. price: item.price || item.sellprice || '',
  1497. goods_sn: item.goods_sn || '',
  1498. spec_type: item.spec_type !== undefined ? item.spec_type : null,
  1499. category: item.category || null,
  1500. type_name: Controller.api.getGoodsTypeName(item),
  1501. type_text: Controller.api.getGoodsTypeText(item)
  1502. };
  1503. processedGoods.push(processedItem);
  1504. }
  1505. }
  1506. return processedGoods;
  1507. },
  1508. // 获取商品类型文本(用于显示标签)
  1509. getGoodsTypeText: function(goods) {
  1510. // 根据商品类型返回相应的标签文本
  1511. if (goods.type == 2) {
  1512. return '密'; // 虚拟商品显示"密"
  1513. }
  1514. if (goods.isrecom == 1) {
  1515. return '荐'; // 推荐商品显示"荐"
  1516. }
  1517. if (goods.ishot == 1) {
  1518. return '热'; // 热门商品显示"热"
  1519. }
  1520. if (goods.isnew == 1) {
  1521. return '新'; // 新品显示"新"
  1522. }
  1523. return ''; // 默认无标签
  1524. },
  1525. // 获取商品类型名称
  1526. getGoodsTypeName: function(goods) {
  1527. // 根据商品类型返回类型名称
  1528. if (goods.type == 1) {
  1529. return '普通商品';
  1530. } else if (goods.type == 2) {
  1531. return '虚拟商品';
  1532. } else if (goods.type == 3) {
  1533. return '服务商品';
  1534. }
  1535. return '普通商品'; // 默认类型
  1536. },
  1537. // 绑定任务商品删除事件
  1538. bindTaskGoodsEvents: function() {
  1539. $('.remove-task-goods').off('click').on('click', function() {
  1540. var goodsId = $(this).data('id');
  1541. var $item = $(this).closest('.goods-list-item');
  1542. // 从DOM中移除商品项
  1543. $item.remove();
  1544. // 更新隐藏字段中的商品IDs
  1545. Controller.api.updateTaskGoodsIds();
  1546. });
  1547. },
  1548. // 更新任务商品IDs隐藏字段
  1549. updateTaskGoodsIds: function() {
  1550. var goodsIds = [];
  1551. $('#selected-goods .goods-list-item').each(function() {
  1552. var goodsId = $(this).data('id');
  1553. if (goodsId) {
  1554. goodsIds.push(goodsId);
  1555. }
  1556. });
  1557. // 更新隐藏字段
  1558. $('#task-goods-ids-1').val(JSON.stringify(goodsIds));
  1559. console.log('任务商品IDs已更新:', goodsIds);
  1560. }
  1561. }
  1562. };
  1563. // 全局函数,供HTML调用
  1564. window.addPrize = function() {
  1565. Controller.api.addPrize();
  1566. };
  1567. // 默认商品选择(针对购买指定商品任务,使用多选模式)
  1568. window.selectGoods = function() {
  1569. Controller.api.selectGoods({
  1570. mode: 'multiple',
  1571. title: '选择参与商品',
  1572. container: '#selected-goods',
  1573. template: 'goods-list-template'
  1574. });
  1575. };
  1576. // 任务商品选择(多选)
  1577. window.selectTaskGoods = function(container) {
  1578. Controller.api.selectTaskGoods(container);
  1579. };
  1580. // 奖品商品选择(单选)
  1581. window.selectPrizeGoods = function(container) {
  1582. Controller.api.selectPrizeGoods(container);
  1583. };
  1584. return Controller;
  1585. });