talkskillcomment.html 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. {extend name="public/layout" /} {block name="title"}话术评论列表{/block} {block name="body"}
  2. <style>
  3. html,body {
  4. background-color: #fff;
  5. }
  6. .layui-table thead tr,
  7. .layui-table-header {
  8. background-color: #D8E6F1 !important;
  9. }
  10. </style>
  11. <body>
  12. <div class="layui-fluid">
  13. <div class="layui-card">
  14. <div class="layui-card-body">
  15. <table id="talkskillComment-table" lay-filter="talkskillComment-table"></table>
  16. <script type="text/html" id="jingxuan">
  17. <input type="checkbox" name="good" value="{{d.id}}" lay-skin="switch" lay-text="开|关" lay-filter="good" {{ d.good==1 ? 'checked' : '' }}>
  18. </script>
  19. </div>
  20. </div>
  21. </div>
  22. {/block} {block name="js"}
  23. <script type="text/html" id="del">
  24. <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i></a>
  25. </script>
  26. <script type="text/html" id="headimgurl" >
  27. <img style="display: inline-block; width: 20%; height: 100%;border-radius: 50%;" src="{{d.headimgurl}}" alt />
  28. </script>
  29. <script>
  30. var id = {$id};
  31. layui.config({
  32. base: '__LAYUI__/',
  33. urlbase: '/sys'
  34. }).extend({
  35. index: 'lib/index' //主入口模块
  36. }).use(['index', 'table', 'form'], function() {
  37. var $ = layui.$,
  38. form = layui.form,
  39. table = layui.table;
  40. //话术评论列表
  41. table.render({
  42. elem: '#talkskillComment-table',
  43. url: "{:url('talkskill/talkskillcomment')}?id=" + id,
  44. cols: [
  45. [{
  46. type: 'numbers',
  47. width: 80,
  48. title: '序号',
  49. sort: true
  50. }, {
  51. templet: '#headimgurl',
  52. title: '头像'
  53. }, {
  54. field: 'comments',
  55. title: '回答'
  56. }, {
  57. title: '使用量',
  58. field: 'use'
  59. }, {
  60. title: '点赞量',
  61. field: 'praise'
  62. }, {
  63. field: 'addtime',
  64. title: '发布时间',
  65. sort: true
  66. }, {
  67. title: '操作',
  68. align: 'center',
  69. toolbar: '#del'
  70. }]
  71. ],
  72. page: true,
  73. limit: 10,
  74. height: 'full-80',
  75. limits: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
  76. text: '对不起,加载出现异常!'
  77. });
  78. //监听搜索
  79. form.on('submit(talkskill-search)', function(data) {
  80. var field = data.field;
  81. //执行重载
  82. table.reload('talkskillComment-table', {
  83. where: field
  84. ,page: {curr:1}
  85. });
  86. });
  87. table.on('tool(talkskillComment-table)', function(obj) {
  88. var data = obj.data;
  89. if(obj.event === 'del') {
  90. $.ajax({
  91. url: "{:url('talkskill/talkskillCommentDel')}?id=" + data.id,
  92. type: 'post'
  93. });
  94. obj.del();
  95. layer.close(index);
  96. }
  97. });
  98. //事件
  99. var active = {}
  100. $('.layui-btn.layuiadmin-btn-admin').on('click', function() {
  101. var type = $(this).data('type');
  102. active[type] ? active[type].call(this) : '';
  103. });
  104. });
  105. </script>
  106. {/block}