list.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. {extend name="public/layout" /} {block name="title"}有效申请列表{/block}
  2. {block name="body"}
  3. <link rel="stylesheet" href="__LAYUI__/layui/css/layui.css" media="all">
  4. <link rel="stylesheet" href=" /static/css/common.css">
  5. <script src="/static/js/jquery.min.js"></script>
  6. <style>
  7. .cardheader {
  8. padding-left: 10px;
  9. }
  10. .layui-table thead tr,
  11. .layui-table-header {
  12. background-color: #f2f2f2 !important;
  13. }
  14. .layui-search {
  15. width: 100%;
  16. padding: 10px 0px 0px;
  17. height: 50px;
  18. }
  19. .layui-search-box {
  20. float: right;
  21. }
  22. #select-org {
  23. display: inline-block;
  24. }
  25. .search-left {
  26. float: left;
  27. }
  28. .search-left .tip {
  29. color: #FF0000;
  30. font-weight: bold;
  31. }
  32. </style>
  33. <body>
  34. <div class="layui-card">
  35. <div class="layui-card-body">
  36. <div class="layui-search">
  37. <div class="layui-form layui-search-box">
  38. <div class="layui-inline">
  39. <div class="layui-input-inline">
  40. <input style="width: 180px;" type="text" name="keyword" id="keyword"
  41. placeholder="请输入客户姓名/员工姓名" autocomplete="off" class="layui-input">
  42. </div>
  43. </div>
  44. <div class="layui-inline">
  45. <div class="layui-input-inline">
  46. <select name="state">
  47. <option value="">全部</option>
  48. <option value="0">未审核</option>
  49. <option value="1">已审核</option>
  50. <option value="2">已拒绝</option>
  51. </select>
  52. </div>
  53. </div>
  54. <div class="layui-inline">
  55. <button class="layui-btn layuiadmin-btn-course searchBtn submitbtn" lay-submit
  56. lay-filter="LAY-user-front-search">
  57. <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
  58. </button>
  59. </div>
  60. </div>
  61. </div>
  62. <table id="operater" lay-filter="operater" style="margin-top:15px;"></table>
  63. </div>
  64. </div>
  65. {/block}
  66. {block name="js"}
  67. <script>
  68. layui.config({
  69. base: '__LAYUI__/',
  70. urlbase: '/sys'
  71. }).extend({
  72. index: 'lib/index' //主入口模块
  73. }).use(['index', 'table'], function () {
  74. var $ = layui.$,
  75. table = layui.table,
  76. form = layui.form;
  77. //监听搜索
  78. form.on('submit(LAY-user-front-search)', function (data) {
  79. // 执行重载
  80. table.reload('operater', {
  81. where: { keyword: data.field.keyword, state: data.field.state }
  82. });
  83. });
  84. document.onkeydown = function (event) {
  85. var e = event || window.event || arguments.callee.caller.arguments[0];
  86. if (e && e.keyCode == 13) {
  87. $(".submitbtn").trigger("click");
  88. }
  89. };
  90. table.render({
  91. elem: '#operater',
  92. url: '{:url("valid_check/list")}',
  93. page: false,
  94. height: 'full-120',
  95. cols: [
  96. [{
  97. field: 'name',
  98. title: '姓名',
  99. }, {
  100. field: 'community_name',
  101. title: '小区',
  102. }, {
  103. field: 'square',
  104. title: '面积',
  105. }, {
  106. templet: '#sex',
  107. title: '性别',
  108. }, {
  109. templet: "#state",
  110. title: '状态',
  111. }, {
  112. templet: '#last_visit_day',
  113. title: '未跟进天数',
  114. }, {
  115. templet: "#operater-bar",
  116. title: '操作'
  117. }]
  118. ],
  119. text: '对不起,加载出现异常!'
  120. });
  121. table.on('tool(operater)', function (obj) {
  122. var data = obj.data;
  123. var layEvent = obj.event;
  124. var state = 2;
  125. if (layEvent === 'check') {
  126. state = 1;
  127. }
  128. $.post("{:url('valid_check/check')}", { customer_id: data.id, state: state }, function (res) {
  129. layer.msg(res.msg);
  130. $(".submitbtn").trigger("click");
  131. });
  132. });
  133. });
  134. </script>
  135. <script type="text/html" id="operater-bar">
  136. {{# if(d.check_state == 1){ }}
  137. 已通过
  138. {{# }else if(d.check_state == 2){ }}
  139. 已拒绝
  140. {{# }else{ }}
  141. <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="check">通过</a>
  142. <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="refuse">拒绝</a>
  143. {{# } }}
  144. </script>
  145. <script type="text/html" id="state">
  146. {{# if(d.stateNum.shop != 0){ }}到店({{ d.stateNum.shop }}) {{# } }}
  147. {{# if(d.stateNum.measure != 0){ }}量房({{ d.stateNum.measure }}) {{# } }}
  148. {{# if(d.stateNum.activity != 0){ }}活动({{ d.stateNum.activity }}) {{# } }}
  149. {{# if(d.stateNum.deposit != 0){ }}定 {{# } }}
  150. {{# if(d.stateNum.signed != 0){ }}签 {{# } }}
  151. </script>
  152. <script type="text/html" id="last_visit_day">
  153. {{# if(d.last_visit_day > 0){ }} {{ d.last_visit_day }}天 {{# } }}
  154. </script>
  155. <script type="text/html" id="sex">
  156. {{# if(d.sex == 130){ }} 男 {{# }else if(d.sex == 131){ }} 女 {{# } }}
  157. </script>
  158. {/block}