talkskill_questions.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
  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. .layui-table thead tr,
  9. .layui-table-header {
  10. background-color: #D8E6F1 !important;
  11. }
  12. .layui-fluid {
  13. display: block;
  14. box-shadow: 0 0 4px 0 #B6CADE;
  15. border-radius: 5px;
  16. margin: 15px;
  17. background-color: #ffffff;
  18. }
  19. .layui-form-label{
  20. width: auto;
  21. }
  22. .layui-card .layui-tab-brief .layui-tab-title li.layui-this {
  23. color: #249EFB;
  24. }
  25. .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
  26. border-bottom: 4px solid #249EFB;
  27. }
  28. .layui-tab-title li {
  29. margin: 0px 5px;
  30. }
  31. .layui-btn-xs,.layui-btn-xs:hover {
  32. border: 1px solid #249EFB;
  33. background-color: #fff;
  34. color: #249EFB;
  35. padding: 0px 10px;
  36. }
  37. .layui-btn-danger,.layui-btn-danger:hover{
  38. color: #FF5722;
  39. background-color: #fff;
  40. border: 1px solid #FF5722;
  41. padding: 0px 10px;
  42. }
  43. </style>
  44. <body>
  45. <div class="layui-fluid">
  46. <div class="layui-card">
  47. <div class="layui-tab layui-tab-brief">
  48. <ul class="layui-tab-title">
  49. <li class="layui-this">
  50. 话术提问
  51. </li>
  52. <li >
  53. <a href="{:url('talkskill/approve_talkskill')}">话术审核</a>
  54. </li>
  55. <li>
  56. <a href="{:url('talkskill/approve_comment')}">回答审核</a>
  57. </li>
  58. </ul>
  59. </div>
  60. <div class="layui-form layui-card-header layuiadmin-card-header-auto">
  61. <div class="layui-form-item">
  62. <div style="float:right;">
  63. <div class="layui-inline">
  64. <div class="layui-input-inline">
  65. <input type="text" name="keyword" placeholder="请输入关键词" autocomplete="off" class="layui-input keyword">
  66. </div>
  67. </div>
  68. <div class="layui-inline" style="margin-right:0;">
  69. <button class="layui-btn layuiadmin-btn-useradmin searchBtn submitbtn" lay-submit lay-filter="search">
  70. <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
  71. </button>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. <div class="layui-card-body">
  77. <table lay-filter="talkskill-table" id="talkskill-table"></table>
  78. </div>
  79. </div>
  80. </div>
  81. </body>
  82. {/block} {block name="js"}
  83. <script type="text/html" id="table-talkskill-action">
  84. {auth:check name="talkskill/add_talkskillh"}
  85. <a class="layui-btn layui-btn-xs" lay-event="talkskill-edit">回复</a>
  86. {/auth:check}
  87. {auth:check name="talkskill/talkskilldelh"}
  88. <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="talkskill-del">删除</a>
  89. {/auth:check}
  90. </script>
  91. <script type="text/html" id="comment">
  92. <a class="layui-table-link" lay-event="commentCount">{{d.commentCount}}</a>
  93. </script>
  94. <script type="text/html" id="imgs">
  95. {{# if(d.imgs){ }}
  96. {{# for(var j in d.imgs) { }}
  97. <img src="{{d.imgs[j]}}" style="text-align: center" width="30px" height="30px"/>
  98. {{# } }}
  99. {{# }else{ }}
  100. <span style="color: #cccccc;">无</span>
  101. {{# } }}
  102. </script>
  103. <script type="text/html" id="name">
  104. {{# if(d.name){ }}
  105. <span>{{d.name}}</span>
  106. {{# }else{ }}
  107. <span style="color: #cccccc;">无</span>
  108. {{# } }}
  109. </script>
  110. <script>
  111. layui.config({
  112. base: '__LAYUI__/',
  113. urlbase: '/sys'
  114. }).extend({
  115. index: 'lib/index'
  116. }).use(['index', 'table', 'layedit', 'element'], function() {
  117. var $ = layui.$,
  118. table = layui.table,
  119. element = layui.element,
  120. form = layui.form;
  121. var field = {};
  122. form.on('submit(search)', function (data) {
  123. var keyword = $('.keyword').val();
  124. field['keyword'] = keyword;
  125. //执行重载
  126. table.reload('talkskill-table', {
  127. where: field
  128. ,page: {curr:1}
  129. });
  130. });
  131. //事件
  132. var active = {};
  133. //话术列表
  134. table.render({
  135. elem: '#talkskill-table',
  136. autoSort: false,
  137. url: "{:url('talkskill/feedbacklist')}",
  138. cols: [
  139. [{
  140. type: 'numbers',
  141. field: 'id',
  142. width: 80,
  143. title: '序号',
  144. sort: true
  145. }, {
  146. field: 'title',
  147. title: '问题'
  148. }, {
  149. field: 'name',
  150. title: '提问人',
  151. templet: '#name'
  152. }, {
  153. title: '发布时间',
  154. field: 'addtime',
  155. }, {
  156. title: '操作',
  157. width: 150,
  158. align: 'center',
  159. fixed: 'right',
  160. toolbar: '#table-talkskill-action'
  161. }]
  162. ],
  163. page: true,
  164. limit: 30,
  165. height: 'full-220',
  166. text: '对不起,加载出现异常!'
  167. });
  168. document.onkeydown=function(event){
  169. var e = event || window.event || arguments.callee.caller.arguments[0];
  170. if(e && e.keyCode==13){
  171. $(".submitbtn").trigger("click");
  172. }
  173. };
  174. //监听列表
  175. table.on('tool(talkskill-table)', function(obj) {
  176. var data = obj.data;
  177. if(obj.event === 'talkskill-edit') {
  178. layer.open({
  179. type: 2,
  180. title:['回复', 'color:#333333;background-color:#D8E6F1;'],
  181. content: "{:url('talkskill/talkskilldetail')}?id=" + data.id + "&operationType=submit",
  182. resize: false,
  183. area: ['80%', '80%'],
  184. btn: ['确定', '取消'],
  185. yes: function(index, layero) {
  186. //点击确认触发 iframe 内容中的按钮提交
  187. var submit = layero.find('iframe').contents().find("#talkskill-submit");
  188. submit.click();
  189. }
  190. });
  191. }else if(obj.event === 'talkskill-del') {
  192. layer.confirm('确定删除?',{title:['信息', 'color:#333333;background-color:#D8E6F1;'],}, function(index) {
  193. $.ajax({
  194. url: "{:url('talkskill/talkskilldel')}?id=" + data.id,
  195. type: 'post'
  196. });
  197. obj.del();
  198. layer.close(index);
  199. });
  200. }
  201. });
  202. $('.layui-btn.layuiadmin-btn').on('click', function() {
  203. var type = $(this).data('type');
  204. active[type] ? active[type].call(this) : '';
  205. });
  206. });
  207. </script>
  208. {/block}