shop.html 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>店面列表</title>
  8. <link rel="stylesheet" href="__LAYUI__/layui/css/layui.css" media="all">
  9. <script src="__LAYUI__/layui/layui.js"></script>
  10. </head>
  11. <body>
  12. <div id="shop-list">
  13. <table id="shop-list-table" class="layui-table" lay-filter="shop-list">
  14. <thead>
  15. <tr>
  16. <th lay-data="{field:'company_name',width: '15%'}">名称</th>
  17. <th lay-data="{field:'type',width:'10%'}">小程序</th>
  18. <th lay-data="{field:'brand',width:'10%'}">品牌</th>
  19. <th lay-data="{field:'city',width:'10%'}">区域</th>
  20. <th lay-data="{field:'leader_name',width:'10%'}">店面负责人</th>
  21. <th lay-data="{field:'start_date',width:'10%'}">开通时间</th>
  22. <th lay-data="{field:'end_date',width:'10%'}">到期时间</th>
  23. <th lay-data="{field:'tel',width:'10%'}">店面固话</th>
  24. <th lay-data="{field:'op',width:'15%'}">操作</th>
  25. </tr>
  26. </thead>
  27. <tbody>
  28. {volist name="shops" id="shop"}
  29. <tr>
  30. <td>{$shop.company_name}</td>
  31. <td>{$shop.type}</td>
  32. <td>{$shop.brand.brand_name}</td>
  33. <td>{$shop.city}</td>
  34. <td>{$shop.leader_name}</td>
  35. <td>{$shop.start_date}</td>
  36. <td>{$shop.end_date}</td>
  37. <td>{$shop.tel}</td>
  38. <td>
  39. <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i
  40. class="layui-icon layui-icon-edit"></i>编辑</a>
  41. <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="wework"><i
  42. class="layui-icon layui-icon-edit"></i>企微设置</a>
  43. </td>
  44. </tr>
  45. {/volist}
  46. </tbody>
  47. </table>
  48. </div>
  49. </body>
  50. <script>
  51. var shops = JSON.parse('{:$shops}');
  52. layui.use(['table'], function () {
  53. let table = layui.table;
  54. table.init('shop-list', {limit:10000});
  55. table.on('tool(shop-list)', function (obj) {
  56. if (obj.event === "wework") {
  57. let index = obj.tr.index();
  58. let data = shops[index];
  59. parent.wechatlist(data);
  60. } else {
  61. let index = obj.tr.index();
  62. let data = shops[index];
  63. parent.editCompanyShop(data);
  64. }
  65. });
  66. });
  67. </script>
  68. </html>