123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217 |
- {extend name="public/layout" /} {block name="title"}前端上传话术审核{/block} {block name="body"}
- <style type="text/css">
- html,
- body {
- display: block;
- min-width: 1100px;
- }
- .layui-table thead tr,
- .layui-table-header {
- background-color: #D8E6F1 !important;
- }
- .layui-fluid {
- display: block;
- box-shadow: 0 0 4px 0 #B6CADE;
- border-radius: 5px;
- margin: 15px;
- background-color: #ffffff;
- }
-
- .layui-form-label{
- width: auto;
- }
- .layui-card .layui-tab-brief .layui-tab-title li.layui-this {
- color: #249EFB;
- }
- .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
- border-bottom: 4px solid #249EFB;
- }
- .layui-tab-title li {
- margin: 0px 5px;
- }
- .layui-btn-xs,.layui-btn-xs:hover {
- border: 1px solid #249EFB;
- background-color: #fff;
- color: #249EFB;
- padding: 0px 10px;
- }
- .layui-btn-danger,.layui-btn-danger:hover{
- color: #FF5722;
- background-color: #fff;
- border: 1px solid #FF5722;
- padding: 0px 10px;
- }
- </style>
- <body>
- <div class="layui-fluid">
- <div class="layui-card">
- <div class="layui-tab layui-tab-brief">
- <ul class="layui-tab-title">
- <li class="layui-this">
- 话术提问
- </li>
- <li >
- <a href="{:url('talkskill/approve_talkskill')}">话术审核</a>
- </li>
- <li>
- <a href="{:url('talkskill/approve_comment')}">回答审核</a>
- </li>
- </ul>
- </div>
- <div class="layui-form layui-card-header layuiadmin-card-header-auto">
- <div class="layui-form-item">
- <div style="float:right;">
- <div class="layui-inline">
- <div class="layui-input-inline">
- <input type="text" name="keyword" placeholder="请输入关键词" autocomplete="off" class="layui-input keyword">
- </div>
- </div>
- <div class="layui-inline" style="margin-right:0;">
- <button class="layui-btn layuiadmin-btn-useradmin searchBtn submitbtn" lay-submit lay-filter="search">
- <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
- </button>
- </div>
- </div>
- </div>
- </div>
-
- <div class="layui-card-body">
- <table lay-filter="talkskill-table" id="talkskill-table"></table>
- </div>
- </div>
- </div>
- </body>
- {/block} {block name="js"}
- <script type="text/html" id="table-talkskill-action">
- {auth:check name="talkskill/add_talkskillh"}
- <a class="layui-btn layui-btn-xs" lay-event="talkskill-edit">回复</a>
- {/auth:check}
- {auth:check name="talkskill/talkskilldelh"}
- <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="talkskill-del">删除</a>
- {/auth:check}
- </script>
- <script type="text/html" id="comment">
- <a class="layui-table-link" lay-event="commentCount">{{d.commentCount}}</a>
- </script>
- <script type="text/html" id="imgs">
- {{# if(d.imgs){ }}
- {{# for(var j in d.imgs) { }}
- <img src="{{d.imgs[j]}}" style="text-align: center" width="30px" height="30px"/>
- {{# } }}
- {{# }else{ }}
- <span style="color: #cccccc;">无</span>
- {{# } }}
- </script>
- <script type="text/html" id="name">
- {{# if(d.name){ }}
- <span>{{d.name}}</span>
- {{# }else{ }}
- <span style="color: #cccccc;">无</span>
- {{# } }}
- </script>
- <script>
- layui.config({
- base: '__LAYUI__/',
- urlbase: '/sys'
- }).extend({
- index: 'lib/index'
- }).use(['index', 'table', 'layedit', 'element'], function() {
- var $ = layui.$,
- table = layui.table,
- element = layui.element,
- form = layui.form;
- var field = {};
- form.on('submit(search)', function (data) {
- var keyword = $('.keyword').val();
- field['keyword'] = keyword;
- //执行重载
- table.reload('talkskill-table', {
- where: field
- ,page: {curr:1}
- });
- });
- //事件
- var active = {};
- //话术列表
- table.render({
- elem: '#talkskill-table',
- autoSort: false,
- url: "{:url('talkskill/feedbacklist')}",
- cols: [
- [{
- type: 'numbers',
- field: 'id',
- width: 80,
- title: '序号',
- sort: true
- }, {
- field: 'title',
- title: '问题'
- }, {
- field: 'name',
- title: '提问人',
- templet: '#name'
- }, {
- title: '发布时间',
- field: 'addtime',
- }, {
- title: '操作',
- width: 150,
- align: 'center',
- fixed: 'right',
- toolbar: '#table-talkskill-action'
- }]
- ],
- page: true,
- limit: 30,
- height: 'full-220',
- text: '对不起,加载出现异常!'
- });
- document.onkeydown=function(event){
- var e = event || window.event || arguments.callee.caller.arguments[0];
- if(e && e.keyCode==13){
- $(".submitbtn").trigger("click");
- }
- };
- //监听列表
- table.on('tool(talkskill-table)', function(obj) {
- var data = obj.data;
- if(obj.event === 'talkskill-edit') {
- layer.open({
- type: 2,
- title:['回复', 'color:#333333;background-color:#D8E6F1;'],
- content: "{:url('talkskill/talkskilldetail')}?id=" + data.id + "&operationType=submit",
- resize: false,
- area: ['80%', '80%'],
- btn: ['确定', '取消'],
- yes: function(index, layero) {
- //点击确认触发 iframe 内容中的按钮提交
- var submit = layero.find('iframe').contents().find("#talkskill-submit");
- submit.click();
- }
- });
- }else if(obj.event === 'talkskill-del') {
- layer.confirm('确定删除?',{title:['信息', 'color:#333333;background-color:#D8E6F1;'],}, function(index) {
- $.ajax({
- url: "{:url('talkskill/talkskilldel')}?id=" + data.id,
- type: 'post'
- });
- obj.del();
- layer.close(index);
- });
- }
- });
-
- $('.layui-btn.layuiadmin-btn').on('click', function() {
- var type = $(this).data('type');
- active[type] ? active[type].call(this) : '';
- });
- });
- </script>
- {/block}
|