Add.cshtml 36 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743
  1. @{
  2. string RightInfo = ViewBag.RightInfo as string;
  3. string right = ViewBag.right as string;
  4. }
  5. <!DOCTYPE html>
  6. <html>
  7. <head>
  8. <meta charset="utf-8">
  9. <title>优惠券(增加)</title>
  10. <meta name="renderer" content="webkit">
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  12. <meta name="viewport"
  13. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  14. <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
  15. <script src="/admin/js/jquery-1.10.1.min.js"></script>
  16. <script src="/admin/js/LAreaData2.js"></script>
  17. <script src="/admin/js/vue.min.js"></script>
  18. </head>
  19. <body>
  20. <div class="layui-form" lay-filter="layuiadmin-form-useradmin" id="layuiadmin-form-useradmin">
  21. <div class="layui-card">
  22. <div class="layui-card-body">
  23. <div class="layui-tab" lay-filter="mytabbar" id="app">
  24. <ul class="layui-tab-title">
  25. <li class="layui-this" lay-id="1">基本信息</li>
  26. <li lay-id="2">使用范围</li>
  27. <li lay-id="3">开关设置</li>
  28. <li lay-id="4">时间限制</li>
  29. <li lay-id="5">SEO设置</li>
  30. </ul>
  31. <div class="layui-tab-content mt20">
  32. <div class="layui-tab-item layui-show">
  33. <div class="layui-form-item">
  34. <label class="layui-form-label">名称</label>
  35. <div class="layui-input-block">
  36. <input class="layui-input" type="text" id="Name" name="Name" maxlength="50"
  37. lay-verify="required|" autocomplete="off" placeholder="请输入名称">
  38. </div>
  39. </div>
  40. <div class="layui-form-item layui-form-text">
  41. <label class="layui-form-label">说明</label>
  42. <div class="layui-input-block">
  43. <textarea class="layui-textarea" id="Explanation" name="Explanation" maxlength="200"
  44. lay-verify="" placeholder="请输入说明"></textarea>
  45. </div>
  46. </div>
  47. <div class="layui-form-item">
  48. <label class="layui-form-label">库存</label>
  49. <div class="layui-input-inline">
  50. <input class="layui-input" type="text" id="Stock" name="Stock" maxlength="20"
  51. lay-verify="required|number|" autocomplete="off" placeholder="请输入库存">
  52. </div>
  53. </div>
  54. <div class="layui-form-item">
  55. <label class="layui-form-label">优惠券类型</label>
  56. <div class="layui-input-inline">
  57. <select id="Kind" name="Kind" lay-search="" lay-filter="Kind">
  58. <option value="">请选择</option>
  59. <option value="1">现金抵扣券</option>
  60. <option value="2">满减券</option>
  61. <option value="3">满折券</option>
  62. <option value="4">折扣券</option>
  63. <option value="5">运费券</option>
  64. </select>
  65. </div>
  66. </div>
  67. <div class="layui-form-item" v-if="Kind != '' && Kind > 1 && Kind < 4">
  68. <label class="layui-form-label">满多少可用</label>
  69. <div class="layui-input-inline">
  70. <input class="layui-input" type="text" id="FullReduceMoney" name="FullReduceMoney"
  71. maxlength="20" value="0" lay-verify="number|" autocomplete="off" placeholder="请输入满多少可用">
  72. </div>
  73. </div>
  74. <div class="layui-form-item" v-if="Kind != '' && Kind < 5">
  75. <label class="layui-form-label">{{FullReduceText}}</label>
  76. <div class="layui-input-inline">
  77. <input class="layui-input" type="text" id="FullReduceData" name="FullReduceData"
  78. maxlength="20" value="0" lay-verify="number|" autocomplete="off" placeholder="请输入满减数据">
  79. </div>
  80. </div>
  81. </div>
  82. <div class="layui-tab-item">
  83. <div class="layui-form-item">
  84. <label class="layui-form-label">商家</label>
  85. <div class="layui-input-block">
  86. <input type="hidden" id="MerchantId" name="MerchantId" value="" />
  87. <div id="MerchantIdTransfer" class="demo-transfer"></div>
  88. @{string MerchantsJson = "[";}
  89. @{Dictionary<string, string> MerchantsDic = new
  90. MySystem.MerchantDictionary().getMerchantsDic();}
  91. @foreach (string key in MerchantsDic.Keys)
  92. {
  93. MerchantsJson += "{\"value\": \"" + key + "\", \"title\": \"" + MerchantsDic[key] + "\"},";
  94. }
  95. @{MerchantsJson = MerchantsJson.TrimEnd(','); MerchantsJson += "]";}
  96. </div>
  97. </div>
  98. <div class="layui-form-item">
  99. <label class="layui-form-label">商品分类</label>
  100. <div class="layui-input-block">
  101. <input type="hidden" id="ProductColId" name="ProductColId" value="" />
  102. <div id="ProductColIdTransfer" class="demo-transfer"></div>
  103. @{string ColJson = "[";}
  104. @{Dictionary<string, string> ColDic = new MySystem.DictionaryClass().getColDic("002");}
  105. @foreach (string key in ColDic.Keys)
  106. {
  107. string kg = "";
  108. for (int i = 1; i < key.Length / 3 - 1; i++)
  109. {
  110. kg += "  ";
  111. }
  112. ColJson += "{\"value\": \"" + key + "\", \"title\": \"" + kg + ColDic[key] + "\" },";
  113. }
  114. @{ColJson = ColJson.TrimEnd(','); ColJson += "]";}
  115. </div>
  116. </div>
  117. <div class="layui-form-item">
  118. <label class="layui-form-label">商品</label>
  119. <div class="layui-input-block">
  120. <input type="hidden" id="ProductId" name="ProductId" value="" />
  121. <div id="ProductIdTransfer" class="demo-transfer"></div>
  122. </div>
  123. </div>
  124. <div class="layui-form-item">
  125. <label class="layui-form-label">创客最高等级</label>
  126. <div class="layui-input-inline">
  127. <select id="UserMinLevel" name="UserMinLevel" lay-search="">
  128. <option value="">请选择</option>
  129. @{Dictionary<string, string> UserLevelSetDic = new MySystem.UserDictionary().getUserLevelSet();}
  130. @foreach (string key in UserLevelSetDic.Keys)
  131. {
  132. <option value="@key">@UserLevelSetDic[key]</option>
  133. }
  134. </select>
  135. </div>
  136. <div class="layui-form-mid">-</div>
  137. <div class="layui-input-inline">
  138. <select id="UserMaxLevel" name="UserMaxLevel" lay-search="">
  139. <option value="">请选择</option>
  140. @foreach (string key in UserLevelSetDic.Keys)
  141. {
  142. <option value="@key">@UserLevelSetDic[key]</option>
  143. }
  144. </select>
  145. </div>
  146. </div>
  147. </div>
  148. <div class="layui-tab-item">
  149. <div class="layui-form-item">
  150. <label class="layui-form-label">新创客使用</label>
  151. <div class="layui-input-block">
  152. <input type="checkbox" id="IsNewUser" name="IsNewUser" value="1" lay-skin="switch"
  153. lay-filter="switchTest" title="开关">
  154. </div>
  155. </div>
  156. <div class="layui-form-item">
  157. <label class="layui-form-label">是否一次性使用</label>
  158. <div class="layui-input-block">
  159. <input type="checkbox" id="IsReUse" name="IsReUse" value="1" lay-skin="switch"
  160. lay-filter="switchTest" title="开关">
  161. </div>
  162. </div>
  163. <div class="layui-form-item">
  164. <label class="layui-form-label">是否公开领取</label>
  165. <div class="layui-input-block">
  166. <input type="checkbox" id="IsPublic" name="IsPublic" value="1" lay-skin="switch"
  167. lay-filter="switchTest" title="开关">
  168. </div>
  169. </div>
  170. <div class="layui-form-item">
  171. <label class="layui-form-label">公开领取开始时间</label>
  172. <div class="layui-input-inline">
  173. <input class="layui-input" type="text" id="PublicStartDate" name="PublicStartDate"
  174. lay-verify="" autocomplete="off" placeholder="开始时间">
  175. </div>
  176. <div class="layui-form-mid">-</div>
  177. <div class="layui-input-inline">
  178. <input class="layui-input" type="text" id="PublicEndDate" name="PublicEndDate" lay-verify=""
  179. autocomplete="off" placeholder="结束时间">
  180. </div>
  181. </div>
  182. <div class="layui-form-item">
  183. <label class="layui-form-label">公开每人领取数量</label>
  184. <div class="layui-input-inline">
  185. <input class="layui-input" type="text" id="PublicMax" name="PublicMax" maxlength="20"
  186. lay-verify="required|int|" autocomplete="off" placeholder="请输入公开每人领取数量">
  187. </div>
  188. </div>
  189. <div class="layui-form-item">
  190. <label class="layui-form-label">公开每人每天领取数量</label>
  191. <div class="layui-input-inline">
  192. <input class="layui-input" type="text" id="PublicMaxByDay" name="PublicMaxByDay"
  193. maxlength="20" lay-verify="required|int|" autocomplete="off"
  194. placeholder="请输入公开每人每天领取数量">
  195. </div>
  196. </div>
  197. <div class="layui-form-item">
  198. <label class="layui-form-label">是否叠加使用</label>
  199. <div class="layui-input-block">
  200. <input type="checkbox" id="IsSuperpose" name="IsSuperpose" value="1" lay-skin="switch"
  201. lay-filter="switchTest" title="开关">
  202. </div>
  203. </div>
  204. <div class="layui-form-item">
  205. <label class="layui-form-label">是否与促销活动同时使用</label>
  206. <div class="layui-input-block">
  207. <input type="checkbox" id="AndPromotion" name="AndPromotion" value="1" lay-skin="switch"
  208. lay-filter="switchTest" title="开关">
  209. </div>
  210. </div>
  211. </div>
  212. <div class="layui-tab-item">
  213. <div class="layui-form-item">
  214. <label class="layui-form-label">过期时间</label>
  215. <div class="layui-input-inline">
  216. <input class="layui-input" type="text" id="ExpireStartDate" name="ExpireStartDate"
  217. lay-verify="required|" autocomplete="off" placeholder="开始时间">
  218. </div>
  219. <div class="layui-form-mid">-</div>
  220. <div class="layui-input-inline">
  221. <input class="layui-input" type="text" id="ExpireEndDate" name="ExpireEndDate"
  222. lay-verify="required|" autocomplete="off" placeholder="结束时间">
  223. </div>
  224. </div>
  225. <div class="layui-form-item">
  226. <label class="layui-form-label">是否重复</label>
  227. <div class="layui-input-block">
  228. <input type="checkbox" id="IsRepeat" name="IsRepeat" value="1" lay-skin="switch"
  229. lay-filter="IsRepeat" title="开关">
  230. </div>
  231. </div>
  232. <div class="layui-form-item" v-if="IsRepeat">
  233. <label class="layui-form-label">使用时间</label>
  234. <div class="layui-input-inline">
  235. <input class="layui-input" type="text" id="UseStartTime" name="UseStartDate" lay-verify=""
  236. autocomplete="off" placeholder="开始时间">
  237. </div>
  238. <div class="layui-form-mid">-</div>
  239. <div class="layui-input-inline">
  240. <input class="layui-input" type="text" id="UseEndTime" name="UseEndDate" lay-verify=""
  241. autocomplete="off" placeholder="结束时间">
  242. </div>
  243. </div>
  244. <div class="layui-form-item" v-else>
  245. <label class="layui-form-label">使用时间</label>
  246. <div class="layui-input-inline">
  247. <input class="layui-input" type="text" id="UseStartDate" name="UseStartDate" lay-verify=""
  248. autocomplete="off" placeholder="开始时间">
  249. </div>
  250. <div class="layui-form-mid">-</div>
  251. <div class="layui-input-inline">
  252. <input class="layui-input" type="text" id="UseEndDate" name="UseEndDate" lay-verify=""
  253. autocomplete="off" placeholder="结束时间">
  254. </div>
  255. </div>
  256. <div class="layui-form-item" v-if="IsRepeat">
  257. <label class="layui-form-label">重复类型</label>
  258. <div class="layui-input-inline">
  259. <select id="RepeatType" name="RepeatType" lay-search="" lay-filter="RepeatType" v-model="RepeatType">
  260. <option value="">请选择</option>
  261. <option value="1">日</option>
  262. <option value="2">周</option>
  263. <option value="3">月</option>
  264. <option value="4">年</option>
  265. </select>
  266. </div>
  267. </div>
  268. <div class="layui-form-item" v-if="RepeatType == 1 && IsRepeat">
  269. <label class="layui-form-label">间隔天数</label>
  270. <div class="layui-input-inline">
  271. <select id="RepeatCondition" name="RepeatCondition" lay-search="">
  272. <option value="">请选择</option>
  273. @for(int day=1;day<=30;day++)
  274. {
  275. <option value="@day">@(day)天</option>
  276. }
  277. </select>
  278. </div>
  279. </div>
  280. <div class="layui-form-item" v-if="RepeatType == 2 && IsRepeat">
  281. <label class="layui-form-label">选择星期几</label>
  282. <div class="layui-input-block">
  283. <input type="hidden" id="RepeatCondition" name="RepeatCondition" value="" />
  284. <input type="checkbox" name="RepeatConditionList" lay-skin="primary" title="星期一" value="1">
  285. <input type="checkbox" name="RepeatConditionList" lay-skin="primary" title="星期二" value="2">
  286. <input type="checkbox" name="RepeatConditionList" lay-skin="primary" title="星期三" value="3">
  287. <input type="checkbox" name="RepeatConditionList" lay-skin="primary" title="星期四" value="4">
  288. <input type="checkbox" name="RepeatConditionList" lay-skin="primary" title="星期五" value="5">
  289. <input type="checkbox" name="RepeatConditionList" lay-skin="primary" title="星期六" value="6">
  290. <input type="checkbox" name="RepeatConditionList" lay-skin="primary" title="星期日" value="0">
  291. </div>
  292. </div>
  293. <div class="layui-form-item" v-if="RepeatType == 3 && IsRepeat">
  294. <label class="layui-form-label">选择日</label>
  295. <div class="layui-input-block">
  296. <input type="hidden" id="RepeatCondition" name="RepeatCondition" value="" />
  297. @for(int day=1;day<=31;day++)
  298. {
  299. <input type="checkbox" name="RepeatConditionList" lay-skin="primary" title="@(day)日" value="@(day)">
  300. }
  301. </div>
  302. </div>
  303. <div class="layui-form-item" v-if="RepeatType == 4 && IsRepeat">
  304. <label class="layui-form-label">选择月</label>
  305. <div class="layui-input-block">
  306. <input type="hidden" id="RepeatCondition" name="RepeatCondition" value="" />
  307. @for(int day=1;day<=12;day++)
  308. {
  309. <input type="checkbox" name="RepeatConditionList" lay-skin="primary" title="@(day)月" value="@(day)">
  310. }
  311. </div>
  312. </div>
  313. </div>
  314. <div class="layui-tab-item">
  315. <div class="layui-form-item">
  316. <label class="layui-form-label">网页标题</label>
  317. <div class="layui-input-block">
  318. <input class="layui-input" type="text" id="SeoTitle" name="SeoTitle" maxlength="50"
  319. autocomplete="off" placeholder="请输入网页标题">
  320. </div>
  321. </div>
  322. <div class="layui-form-item">
  323. <label class="layui-form-label">网页关键字</label>
  324. <div class="layui-input-block">
  325. <input class="layui-input" type="text" id="SeoKeyword" name="SeoKeyword" maxlength="50"
  326. autocomplete="off" placeholder="请输入网页关键字">
  327. </div>
  328. </div>
  329. <div class="layui-form-item layui-form-text">
  330. <label class="layui-form-label">网页描述</label>
  331. <div class="layui-input-block">
  332. <textarea class="layui-textarea" name="SeoDescription" id="SeoDescription"
  333. placeholder="请输入网页描述"></textarea>
  334. </div>
  335. </div>
  336. </div>
  337. </div>
  338. </div>
  339. <div class="layui-form-item layui-hide">
  340. <input type="button" lay-submit lay-filter="LAY-list-front-submit" id="LAY-list-front-submit" value="确认">
  341. </div>
  342. </div>
  343. </div>
  344. </div>
  345. </div>
  346. <script src="/layuiadmin/layui/layui.js"></script>
  347. <script src="/other/oss/upload-min@(MySystem.OssHelper.Instance.OssStatus ? "-oss" : "").js"></script>
  348. <script src="/other/mybjq/kindeditor-min.js"></script>
  349. <script src="/other/mybjq/lang/zh_CN.js"></script>
  350. <script>
  351. //编辑器
  352. KindEditor.ready(function (K) {
  353. });
  354. var ids = "";
  355. function getChildren(obj) {
  356. $.each(obj, function (index, value) {
  357. var id = obj[index].id;
  358. ids += id + ",";
  359. var children = obj[index].children;
  360. if (children) {
  361. getChildren(children);
  362. }
  363. });
  364. }
  365. function AreasProvinceInit(tagId, areasVal, form) {
  366. for (var i = 0; i < provs_data.length; i++) {
  367. var sel = "";
  368. if (areasVal.indexOf(provs_data[i].text) > -1) {
  369. sel = " selected=selected";
  370. }
  371. $("#" + tagId + "Province").append('<option value="' + provs_data[i].value + '"' + sel + '>' +
  372. provs_data[i].text + '</option>');
  373. }
  374. form.render();
  375. }
  376. function AreasProvinceSelected(tagId, areasVal, form, value) {
  377. $("#" + tagId + "City").html('<option value="">市</option>');
  378. var list = citys_data[value];
  379. for (var i = 0; i < list.length; i++) {
  380. var sel = "";
  381. if (areasVal.indexOf(list[i].text) > -1) {
  382. sel = " selected=selected";
  383. }
  384. $("#" + tagId + "City").append('<option value="' + list[i].value + '"' + sel + '>' + list[i].text +
  385. '</option>');
  386. }
  387. $("#" + tagId + "Area").html('<option value="">县/区</option>');
  388. form.render();
  389. $("#" + tagId + "").val($("#" + tagId + "Province option:selected").text() + "," + $("#" + tagId +
  390. "City option:selected").text() + "," + $("#" + tagId + "Area option:selected").text());
  391. }
  392. function AreasCitySelected(tagId, areasVal, form, value) {
  393. $("#" + tagId + "Area").html('<option value="">县/区</option>');
  394. var list = dists_data[value];
  395. for (var i = 0; i < list.length; i++) {
  396. var sel = "";
  397. if (areasVal.indexOf(list[i].text) > -1) {
  398. sel = " selected=selected";
  399. }
  400. $("#" + tagId + "Area").append('<option value="' + list[i].value + '"' + sel + '>' + list[i].text +
  401. '</option>');
  402. }
  403. form.render();
  404. $("#" + tagId + "").val($("#" + tagId + "Province option:selected").text() + "," + $("#" + tagId +
  405. "City option:selected").text() + "," + $("#" + tagId + "Area option:selected").text());
  406. }
  407. function AreasAreaSelected(tagId, form) {
  408. form.render();
  409. $("#" + tagId + "").val($("#" + tagId + "Province option:selected").text() + "," + $("#" + tagId +
  410. "City option:selected").text() + "," + $("#" + tagId + "Area option:selected").text());
  411. }
  412. function movePrev(obj, tagId) {
  413. $(obj).parent().prev().insertAfter($(obj).parent());
  414. checkPics(tagId);
  415. }
  416. function moveNext(obj, tagId) {
  417. $(obj).parent().next().insertBefore($(obj).parent());
  418. checkPics(tagId);
  419. }
  420. function deletePic(obj, tagId) {
  421. $(obj).parent().remove();
  422. checkPics(tagId);
  423. }
  424. function checkPics(tagId) {
  425. var pics = "";
  426. var texts = "";
  427. $("#" + tagId + "Image div img").each(function (i) {
  428. pics += $(this).attr("src").replace(osshost, '') + "|";
  429. });
  430. $("#" + tagId + "Image div input").each(function (i) {
  431. texts += $(this).val() + "|";
  432. });
  433. if (pics == "") {
  434. $("#" + tagId).val("");
  435. } else {
  436. pics = pics.substring(0, pics.length - 1);
  437. texts = texts.substring(0, pics.length - 1);
  438. $("#" + tagId).val(pics + "#cut#" + texts);
  439. }
  440. }
  441. function checkBox(tagId) {
  442. var text = "";
  443. $("input[type=checkbox][name=" + tagId + "List]:checked").each(function (i) {
  444. text += $(this).val() + ",";
  445. });
  446. $("#" + tagId).val(text);
  447. }
  448. function showBigPic(picpath) {
  449. parent.layer.open({
  450. type: 1,
  451. title: false,
  452. closeBtn: 0,
  453. shadeClose: true,
  454. area: ['auto', 'auto'],
  455. content: '<img src="' + picpath + '" style="max-width:800px; max-height:800px;" />'
  456. });
  457. }
  458. function showProducts(ColIds,MerchantIds){
  459. $.ajax({
  460. url: "/Admin/Products/GetProductByCol?r=" + Math.random(1),
  461. data: "ColIds=" + ColIds + "&MerchantIds=" + MerchantIds,
  462. dataType: "json",
  463. success: function (data) {
  464. transfer.render({
  465. elem: '#ProductIdTransfer'
  466. , data: data
  467. , title: ['待选项', '选中项']
  468. , showSearch: true
  469. , onchange: function (obj, index) {
  470. if (index == 0) {
  471. var source = $("#ProductId").val();
  472. $.each(obj, function (index, value) {
  473. var val = obj[index].value;
  474. if (source != "") {
  475. source += "," + val;
  476. } else {
  477. source += val;
  478. }
  479. });
  480. $("#ProductId").val(source);
  481. } else if (index == 1) {
  482. var source = "," + $("#ProductId").val() + ",";
  483. $.each(obj, function (index, value) {
  484. var val = obj[index].value;
  485. source = source.replace("," + val + ",", ",");
  486. });
  487. if (source != "") {
  488. if (source == ",") {
  489. source = "";
  490. } else {
  491. source = source.substring(1, source.length - 1);
  492. }
  493. }
  494. $("#ProductId").val(source);
  495. }
  496. }
  497. });
  498. }
  499. });
  500. }
  501. var form;
  502. var tree;
  503. var element;
  504. var transfer;
  505. function init_layui() {
  506. layui.config({
  507. base: '/layuiadmin/' //静态资源所在路径
  508. }).extend({
  509. index: 'lib/index' //主入口模块
  510. }).use(['index', 'form', 'upload', 'layedit', 'laydate', 'element', 'croppers', 'transfer', 'tree', 'util'],
  511. function () {
  512. var $ = layui.$,
  513. layer = layui.layer,
  514. layedit = layui.layedit,
  515. laydate = layui.laydate,
  516. croppers = layui.croppers,
  517. upload = layui.upload,
  518. util = layui.util;
  519. form = layui.form;
  520. tree = layui.tree;
  521. element = layui.element;
  522. transfer = layui.transfer;
  523. form.on("select(RepeatType)", function (data) {
  524. app.RepeatType = data.value;
  525. setTimeout(function () {
  526. form.render();
  527. }, 200);
  528. });
  529. form.on("select(Kind)", function (data) {
  530. app.Kind = data.value;
  531. if(data.value == 1){
  532. app.FullReduceText = '抵扣金额';
  533. } else if(data.value == 2){
  534. app.FullReduceText = '减免金额';
  535. } else if(data.value == 3){
  536. app.FullReduceText = '折扣率';
  537. } else if(data.value == 4){
  538. app.FullReduceText = '折扣率';
  539. } else if(data.value == 5){
  540. app.FullReduceText = '';
  541. }
  542. setTimeout(function () {
  543. form.render();
  544. }, 200);
  545. });
  546. form.on("switch(IsRepeat)", function (data) {
  547. app.IsRepeat = data.elem.checked;
  548. if(data.elem.checked){
  549. setTimeout(function () {
  550. laydate.render({
  551. elem: '#UseStartTime',
  552. type: 'time'
  553. });
  554. laydate.render({
  555. elem: '#UseEndTime',
  556. type: 'time'
  557. });
  558. form.render();
  559. }, 200);
  560. } else {
  561. setTimeout(function () {
  562. laydate.render({
  563. elem: '#UseStartDate',
  564. type: 'datetime'
  565. });
  566. laydate.render({
  567. elem: '#UseEndDate',
  568. type: 'datetime'
  569. });
  570. form.render();
  571. }, 200);
  572. }
  573. });
  574. //Hash地址的定位
  575. var layid = location.hash.replace(/^#test=/, '');
  576. element.tabChange('test', layid);
  577. element.on('tab(test)', function (elem) {
  578. location.hash = 'test=' + $(this).attr('lay-id');
  579. });
  580. //日期
  581. laydate.render({
  582. elem: '#UseStartDate',
  583. type: 'datetime'
  584. });
  585. laydate.render({
  586. elem: '#UseEndDate',
  587. type: 'datetime'
  588. });
  589. laydate.render({
  590. elem: '#PublicStartDate',
  591. type: 'datetime'
  592. });
  593. laydate.render({
  594. elem: '#PublicEndDate',
  595. type: 'datetime'
  596. });
  597. laydate.render({
  598. elem: '#ExpireStartDate',
  599. type: 'datetime'
  600. });
  601. laydate.render({
  602. elem: '#ExpireEndDate',
  603. type: 'datetime'
  604. });
  605. //上传文件
  606. //穿梭框
  607. transfer.render({
  608. elem: '#MerchantIdTransfer'
  609. , data: @Html.Raw(MerchantsJson)
  610. , title: ['待选项', '选中项']
  611. , showSearch: true
  612. , onchange: function (obj, index) {
  613. if (index == 0) {
  614. var source = $("#MerchantId").val();
  615. $.each(obj, function (index, value) {
  616. var val = obj[index].value;
  617. if (source != "") {
  618. source += "," + val;
  619. } else {
  620. source += val;
  621. }
  622. });
  623. $("#MerchantId").val(source);
  624. } else if (index == 1) {
  625. var source = "," + $("#MerchantId").val() + ",";
  626. $.each(obj, function (index, value) {
  627. var val = obj[index].value;
  628. source = source.replace("," + val + ",", ",");
  629. });
  630. if (source != "") {
  631. if (source == ",") {
  632. source = "";
  633. } else {
  634. source = source.substring(1, source.length - 1);
  635. }
  636. }
  637. $("#MerchantId").val(source);
  638. }
  639. showProducts($("#ProductColId").val(),$("#MerchantId").val());
  640. }
  641. });
  642. transfer.render({
  643. elem: '#ProductColIdTransfer'
  644. , data: @Html.Raw(ColJson)
  645. , title: ['待选项', '选中项']
  646. , showSearch: true
  647. , onchange: function (obj, index) {
  648. if (index == 0) {
  649. var source = $("#ProductColId").val();
  650. $.each(obj, function (index, value) {
  651. var val = obj[index].value;
  652. if (source != "") {
  653. source += "," + val;
  654. } else {
  655. source += val;
  656. }
  657. });
  658. $("#ProductColId").val(source);
  659. } else if (index == 1) {
  660. var source = "," + $("#ProductColId").val() + ",";
  661. $.each(obj, function (index, value) {
  662. var val = obj[index].value;
  663. source = source.replace("," + val + ",", ",");
  664. });
  665. if (source != "") {
  666. if (source == ",") {
  667. source = "";
  668. } else {
  669. source = source.substring(1, source.length - 1);
  670. }
  671. }
  672. $("#ProductColId").val(source);
  673. }
  674. showProducts($("#ProductColId").val(),$("#MerchantId").val());
  675. }
  676. });
  677. //TreeView,比如权限管理
  678. //省市区
  679. });
  680. }
  681. //加载vue
  682. var app = new Vue({
  683. el: '#app',
  684. data() {
  685. return {
  686. RepeatType: '',
  687. Kind: '',
  688. FullReduceText: '',
  689. IsRepeat: false,
  690. };
  691. },
  692. mounted() {
  693. init_layui();
  694. },
  695. methods: {
  696. }
  697. });
  698. </script>
  699. </body>
  700. </html>