details.html 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>成品产品管理</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  9. <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  10. <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
  11. <style type="text/css">
  12. #describe img { max-width: 100% }
  13. </style>
  14. </head>
  15. <body>
  16. <div class="layui-fluid">
  17. <div class="layui-card">
  18. <div class="layui-card-body" pad15>
  19. <div class="layui-tab layui-tab-card">
  20. <ul class="layui-tab-title">
  21. <li class="layui-this">活动信息</li>
  22. <li>明细</li>
  23. <li>购买记录</li>
  24. <li>优惠券</li>
  25. </ul>
  26. <div class="layui-tab-content">
  27. <div class="layui-tab-item layui-show">
  28. <table class="layui-table">
  29. <tr>
  30. <th style="width: 100px;">标题</th>
  31. <td id="title" class="cell"></td>
  32. </tr>
  33. <tr>
  34. <th style="width: 100px;">门店名称</th>
  35. <td id="branch_name" class="cell"></td>
  36. </tr>
  37. <tr>
  38. <th style="width: 100px;">门店电话</th>
  39. <td id="branch_tel" class="cell"></td>
  40. </tr>
  41. <tr>
  42. <th style="width: 100px;">介绍</th>
  43. <td>
  44. <img id="pic" src="" alt="">
  45. </td>
  46. </tr>
  47. <tr>
  48. <th style="width: 100px;">截止日期</th>
  49. <td id="end_date" class="cell"></td>
  50. </tr>
  51. <tr>
  52. <th style="width: 100px;">状态</th>
  53. <td id="check_status_text" class="cell"></td>
  54. </tr>
  55. <tr>
  56. <th style="width: 100px;">门店地址</th>
  57. <td id="branch_address" class="cell"></td>
  58. </tr>
  59. <tr>
  60. <th style="width: 100px;">添加时间</th>
  61. <td id="create_time" class="cell"></td>
  62. </tr>
  63. </table>
  64. </div>
  65. <div class="layui-tab-item">
  66. <table class="layui-hide" id="details_datagrid" style="margin-top: 10px;" lay-filter="datagrid-operate"></table>
  67. </div>
  68. <div class="layui-tab-item">
  69. <table class="layui-hide" id="datagrid" style="margin-top: 10px;"></table>
  70. </div>
  71. <div class="layui-tab-item">
  72. <table class="layui-hide" id="coupon_datagrid" style="margin-top: 10px;"></table>
  73. </div>
  74. <script type="text/html" id="datagrid-operate-bar">
  75. <div class="layui-btn-group">
  76. <a class="layui-btn layui-btn-xs" lay-event="coupon">添加优惠券</a>
  77. </div>
  78. </script>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. <script src="../../layuiadmin/layui/layui.js?t=1"></script>
  85. <script>
  86. layui.config({
  87. base: '../../../layuiadmin/' //静态资源所在路径
  88. }).extend({
  89. index: 'lib/index' //主入口模块
  90. }).use(['index', 'table','laydate', 'utils'], function () {
  91. var $ = layui.$;
  92. var table = layui.table;
  93. var admin = layui.admin;
  94. var options = null;
  95. var id = layui.view.getParameterByName('id');
  96. var editdata = JSON.parse(JSON.stringify(parent.layui.table.editdata));
  97. if (editdata.pic){
  98. $('#pic').attr('src', 'https://jpm.zzly.vip' + editdata.pic)
  99. }
  100. $('.cell').each(function (index, element) {
  101. if (editdata[element.id]){
  102. element.innerHTML = (editdata[element.id]);
  103. }
  104. });
  105. table.render({
  106. elem: '#details_datagrid'
  107. ,url: '/activity/activity/detail/data/'
  108. ,cols: [[
  109. {field:'name', title:'名称',width: 120}
  110. ,{field:'amount', title:'价格',width: 120}
  111. ,{field:'rebate', title:'返利', width:100}
  112. ,{field:'notes', title:'备注', width:200}
  113. ,{width:100, align:'center', fixed: 'right', toolbar: '#datagrid-operate-bar'}
  114. ]]
  115. ,page: true
  116. ,where: {'main': id, 'delete': 0}
  117. ,height: 'full-108'
  118. });
  119. table.render({
  120. elem: '#datagrid'
  121. ,url: '/activity/order/data/'
  122. ,cols: [[
  123. {field:'member_name', title:'会员名称',width: 120}
  124. ,{field:'member_tel', title:'会员电话',width: 120}
  125. ,{field:'name', title:'姓名', width:100}
  126. ,{field:'model', title:'车型', width:200}
  127. ,{field:'tel', title:'电话', width:120}
  128. ,{field:'number', title:'车牌号', width:110}
  129. ,{field:'status_text', title:'状态', width:90}
  130. ,{field:'create_time', title:'创建时间', width:180}
  131. ]]
  132. ,page: true
  133. ,where: {'activity': id, 'delete': 0}
  134. ,height: 'full-108'
  135. });
  136. table.render({
  137. elem: '#coupon_datagrid'
  138. ,url: '/activity/activity/coupon/data/'
  139. ,cols: [[
  140. {field:'activity_name', title:'活动项目', width:150}
  141. ,{field:'coupon_name', title:'优惠券', width:150}
  142. ,{field:'end_date', title:'截止日期',width: 150}
  143. ,{field:'end_days', title:'截止天数',width: 100}
  144. ,{field:'create_time', title:'添加时间', width:150}
  145. ]]
  146. ,page: true
  147. ,where: {'order': id}
  148. ,height: 'full-108'
  149. });
  150. table.on('tool(datagrid-operate)', function(obj){
  151. var data = obj.data;
  152. if(obj.event === 'coupon'){
  153. layer.open({
  154. type: 2,
  155. title: '添加优惠券',
  156. shadeClose: true,
  157. area: ['70%', '90%'],
  158. btn: ['保存', '取消'],
  159. yes: function (index, dom) {
  160. layui.onSubmitChild = function (data) {
  161. layer.close(index);
  162. table.reload('datagrid', {});
  163. };
  164. layui.submitChild();
  165. },
  166. btn2: function(index, layero){
  167. layer.close(index);//关闭当前按钮
  168. },
  169. content: 'coupons.html?id='+data.id + '&coupons=' + data.coupons
  170. });
  171. }
  172. });
  173. })
  174. </script>
  175. </body>
  176. </html>