agent_review_list.html 8.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277
  1. {extend name="public/layout" /} {block name="title"}新增训练计划{/block} {block name="body"}
  2. <style type="text/css">
  3. html,
  4. body {
  5. display: block;
  6. min-width: 1100px;
  7. }
  8. body::-webkit-scrollbar {
  9. /*滚动条整体样式*/
  10. width: 4px;
  11. /*高宽分别对应横竖滚动条的尺寸*/
  12. height: 1px;
  13. }
  14. body::-webkit-scrollbar-thumb {
  15. /*滚动条里面小方块*/
  16. border-radius: 10px;
  17. box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
  18. background: #78b4b4;
  19. }
  20. body::-webkit-scrollbar-track {
  21. /*滚动条里面轨道*/
  22. box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
  23. border-radius: 10px;
  24. background: #ededed;
  25. }
  26. .layui-table thead tr,
  27. .layui-table-header {
  28. background-color: #D8E6F1 !important;
  29. }
  30. .layui-fluid {
  31. display: block;
  32. box-shadow: 0 0 4px 0 #B6CADE;
  33. border-radius: 5px;
  34. margin: 15px;
  35. background-color: #ffffff;
  36. }
  37. .layui-form-label {
  38. width: auto;
  39. }
  40. .layui-card .layui-tab-brief .layui-tab-title li.layui-this {
  41. color: #249EFB;
  42. }
  43. .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
  44. border: none;
  45. }
  46. .layui-card .layui-tab-brief .layui-tab-title .layui-this:after {
  47. width: 50px;
  48. height: 4px;
  49. background-color: #249EFB;
  50. top: 37px;
  51. left: 50%;
  52. transform: translateX(-50%);
  53. }
  54. .layui-btn-xs,
  55. .layui-btn-xs:hover {
  56. border: 1px solid #249EFB;
  57. background-color: #fff;
  58. color: #249EFB;
  59. padding: 0px 10px;
  60. }
  61. .layui-btn-danger,
  62. .layui-btn-danger:hover {
  63. color: #FF5722;
  64. background-color: #fff;
  65. border: 1px solid #FF5722;
  66. padding: 0px 10px;
  67. }
  68. .layui-btn-primary {
  69. color: #249EFB;
  70. border: 1px solid #249EFB;
  71. }
  72. .layui-btn-primary:hover {
  73. background-color: #E3F7FF;
  74. color: #249EFB;
  75. }
  76. .layui-form-item .layui-inline {
  77. margin-bottom: 0px;
  78. margin-right: 0px !important;
  79. }
  80. .block {
  81. display: inline-block;
  82. width: 100%;
  83. height: 100%;
  84. }
  85. </style>
  86. <body>
  87. <div class="layui-fluid">
  88. <!-- <div class="layui-card">
  89. <div class="layui-tab layui-tab-brief">
  90. <ul class="layui-tab-title">
  91. <li class="layui-this switchTab" data-index="0">
  92. 装修推荐官审核
  93. </li>
  94. </ul>
  95. </div>
  96. <div class="layui-form layui-card-header layuiadmin-card-header-auto">
  97. <div class="layui-form-item">
  98. <div style="float: left;">
  99. <div class="layui-inline">
  100. </div>
  101. </div>
  102. <div style="float:right;" class="flexRow">
  103. <div class="layui-inline">
  104. <div class="layui-input-inline">
  105. <input type="text" name="keyword" id="" class="layui-input keyword" placeholder="请输入装企销售"/>
  106. </div>
  107. </div>
  108. <div class="layui-inline">
  109. <button class="layui-btn layuiadmin-btn-useradmin searchBtn" lay-submit lay-filter="search">
  110. <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
  111. </button>
  112. </div>
  113. </div>
  114. </div>
  115. </div> -->
  116. <div class="layui-card-body">
  117. <table lay-filter="management" id="management"></table>
  118. </div>
  119. </div>
  120. </div>
  121. </body>
  122. {/block} {block name="js"}
  123. <script type="text/html" id="table-train-action">
  124. </script>
  125. <script type="text/html" id="employee_name">
  126. {{# if(d.employee){ }}
  127. <span>{{d.employee.name}}</span>
  128. {{# }else{ }}
  129. <span style="color: #cccccc;">无</span>
  130. {{# } }}
  131. </script>
  132. <script>
  133. layui.config({
  134. base: '__LAYUI__/',
  135. urlbase: '/sys'
  136. }).extend({
  137. index: 'lib/index'
  138. }).use(['index', 'table', 'layedit', 'element'], function () {
  139. var $ = layui.$,
  140. table = layui.table,
  141. element = layui.element,
  142. form = layui.form;
  143. var field = {};
  144. form.on('submit(search)', function (data) {
  145. var keyword = $('.keyword').val();
  146. field['keyword'] = keyword;
  147. //执行重载
  148. table.reload('management', {
  149. where: field
  150. , page: { curr: 1}
  151. });
  152. });
  153. //事件
  154. var active = {
  155. integral_setting: function() {
  156. layer.open({
  157. type: 2,
  158. title: ['积分设置', 'color:#333333;background-color:#D8E6F1;'],
  159. content: '{:url("agent/integral_setting")}',
  160. resize: false,
  161. area: ['80%', '80%'],
  162. // btn: ['确定', '取消'],
  163. yes: function(index, layero) {
  164. //点击确认触发 iframe 内容中的按钮提交
  165. // var submit = layero.find('iframe').contents().find("#activity-submit");
  166. // submit.click();
  167. }
  168. });
  169. },
  170. nuclear_setting: function() {
  171. layer.open({
  172. type: 2,
  173. title: ['核销设置', 'color:#333333;background-color:#D8E6F1;'],
  174. content: '{:url("agent/nuclear_setting")}',
  175. resize: false,
  176. area: ['80%', '80%'],
  177. // btn: ['确定', '取消'],
  178. yes: function(index, layero) {
  179. //点击确认触发 iframe 内容中的按钮提交
  180. // var submit = layero.find('iframe').contents().find("#activity-submit");
  181. // submit.click();
  182. }
  183. });
  184. }
  185. };
  186. //话术列表
  187. table.render({
  188. elem: '#management',
  189. autoSort: false,
  190. url: "{:url('agents/agent_review_list')}",
  191. cols: [
  192. [{
  193. type: 'numbers',
  194. field: 'id',
  195. width: 80,
  196. title: '序号',
  197. sort: true
  198. }, {
  199. field: 'agent_name',
  200. title: '装修推荐官',
  201. },{
  202. field: 'agent_phone',
  203. title: '手机号',
  204. }, {
  205. field: 'employee_count',
  206. title: '装企人员',
  207. templet: '#employee_name'
  208. }, {
  209. title: '时间',
  210. field: 'review_time',
  211. }, {
  212. title: '状态',
  213. field: 'status',
  214. }/*,{
  215. title: '操作',
  216. width: 120,
  217. align: 'center',
  218. fixed: 'right',
  219. toolbar: '#table-train-action'
  220. }*/]
  221. ],
  222. page: true,
  223. limit: 30,
  224. height: 'full-130',
  225. text: '对不起,加载出现异常!'
  226. });
  227. $('.switchTab').click((e) => {
  228. layui.table.reload('management');
  229. })
  230. //监听列表
  231. table.on('tool(management)', function(obj) {
  232. switch(obj.event) {
  233. case 'train-nuclear':
  234. layer.open({
  235. type: 2,
  236. title: ['积分核销', 'color:#333333;background-color:#D8E6F1;'],
  237. content: "{:url('agent/integral_nuclear')}",
  238. resize: false,
  239. area: ['80%', '80%'],
  240. // btn: ['确定', '取消'],
  241. yes: function (index, layero) {
  242. //点击确认触发 iframe 内容中的按钮提交
  243. // var submit = layero.find('iframe').contents().find("#talkskill-submit");
  244. // submit.click();
  245. }
  246. });
  247. break;
  248. }
  249. });
  250. $('.layui-btn.layuiadmin-btn-course').on('click', function() {
  251. var type = $(this).data('type');
  252. active[type] ? active[type].call(this) : '';
  253. });
  254. });
  255. </script>
  256. {/block}