scott
/
crm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342
							{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-tab {
		display: flex;
	}
	.layui-tab-title {
		flex:1;
	}
	.layuiadmin-btn {
		margin-right: 20px;
	}
</style>

<body>
	<div class="layui-fluid">
		<div class="layui-card">
			<div class="layui-tab layui-tab-brief">
		        <ul class="layui-tab-title">
		          	<li>
		          		<a href="{:url('talkskill/talkskill_questions')}">话术提问</a>
		          	</li>
		          	<li class="layui-this">
		            	话术审核
		          	</li>
		          	<li>
		            	<a href="{:url('talkskill/approve_comment')}">回答审核</a>
		          	</li>
		        </ul>
		        <button style="" id="hisstyle" class="layui-btn layuiadmin-btn" data-type="hisstyle">审核记录</button>
	      	</div>
			<div class="layui-form layui-card-header layuiadmin-card-header-auto">
                <div class="layui-form-item">
                	<div class="layui-inline" style="margin-bottom: 0px;">
                        <div class="layui-input-inline">
                            <button id="approve" class="layui-btn layuiadmin-btn" data-type="approve">批量审核</button>
                        </div>
                    </div>
                    <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">
	                        <button class="layui-btn layuiadmin-btn-useradmin searchBtn" 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="result">
	{auth:check name="talkskill/add_talkskill_h"}
		<a class="layui-btn layui-btn-xs" lay-event="talkskill-edit">审核</a>
	{/auth:check}
</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="cate1">
	{{# if(d.cate1){ }}
	<span>{{d.cate1}}</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
	        });
	    });	
		//事件
		var active = {
			// 批量删除
			approve: function() {
				var data = layui.table.checkStatus('talkskill-table');
		        //console.log(checkStatus.data) //获取选中行的数据即 多个行对象
		        //console.log(checkStatus.data.length) //获取选中行数量，可作为是否有选中行的条件
		        //console.log(checkStatus.isAll ) //表格是否全选
		       	if (data.data.length==0) {
		       		layer.msg('请选择要审核的话术', {anim: 6,time: 800});
		       		return false;
		       	} else {
		            var ids = [];
		            for (var i = 0; i < data.data.length; i++) {
		                ids.push(data.data[i].id);
		            }
		            // console.log(ids);
		            // return false;
                    layer.confirm('请选择审核状态！', {
                        btn : ['通过','驳回'],
                        btn1:function(){
                        	talkskill_approve(1,ids);
                        	// console.log(ids)
                         //    // ajaxWithdraw(id,'yes');
                        },
                        btn2:function(){
                        	talkskill_approve(2,ids);
                        	// console.log(1)
                         //    // ajaxWithdraw(id,'no');
                        },
                        // btn3:function(){
                        //     layer.msg('暂未开放使用!');
                        //     return;
                        // }
                    });


					// layer.confirm('确定要批量审核么？', function() {
					// 	$.ajax({
					// 		url: '{:url("talkskill/talkskill_approve")}',
					// 		type: 'post',
					// 		data: {ids:ids},
					// 		dataType: 'json',
					// 		success: function(res) {
					// 			// console.log(res)
					// 			if(res.code === 0) {
					// 				layer.msg(res.msg, {anim: 0,time: 400});
					// 				//执行重载
					// 				table.reload('talkskill-table');
					// 			} else {
					// 				layer.msg(res.msg, {anim: 6,time: 400});
					// 			}
					// 		}
					// 	});
					// });
		       	}
			},
			//审核记录
			hisstyle:function(){
				layer.open({
					type: 2,
					title:['审核记录', 'color:#333333;background-color:#D8E6F1;'],
					content: "{:url('talkskill/history')}?type=share",
					resize: false,
					area: ['80%', '80%']
				});
			}

		};
		function talkskill_approve(status,ids){
				$.ajax({
					url: '{:url("talkskill/talkskill_approve")}',
					type: 'post',
					data: {ids:ids,status:status},
					dataType: 'json',
					success: function(res) {
						console.log(res)
						if(res.code === 0) {
							layer.msg(res.msg, {anim: 0,time: 800});
							//执行重载
							table.reload('talkskill-table');
						} else {
							layer.msg(res.msg, {anim: 6,time: 800});
						}
					}
				});
		}
		//话术列表
		table.render({
			elem: '#talkskill-table',
			autoSort: false,
			url: "{:url('talkskill/approve_talkskill')}",
			cols: [
				[{type: 'checkbox',field:'id'},
				{
					type: 'numbers',
					field: 'id',
					width: 80,
					title: '序号',
					sort: true
				}, {
					field: 'name',
					title: '业务员'
				}, {
					field: 'title',
					title: '问题'
				}, {
					field: 'content',
					title: '回答'
				}, {
					field: 'cate1',
					title: '场景',
					templet: '#cate1'
				},
				//  {
				// 	title: '相关图片',
				// 	templet: '#imgs'
				// }, 
				{
					field: 'addtime',
					title: '提交时间'
				}, {
					title: '操作',
					fixed: 'right',
					width: 120,
					toolbar: '#result'
				}]
			],
			page: true,
			limit: 30,
			height: 'full-220',
			text: '对不起，加载出现异常！'
		});
		//监听表格复选框选择
		table.on('checkbox(talkskill-table)', function(obj){
			var data = layui.table.checkStatus('talkskill-table');
			// if (data.data.length==0) {
			// 	$('#approve').hide();
			// } else {
			// 	$('#approve').show();
			// }
		});

		//监听列表
		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=share",
					resize: false,
					area: ['80%', '80%'],
					btn: ['通过', '驳回'],
					yes: function(index, layero) {
						layero.find('iframe').contents().find("#state").val('1');
						var submit = layero.find('iframe').contents().find("#talkskill-submit");
						submit.click();
					},
					btn2: function(index, layero) {

						layer.prompt({
							formType: 2,
							title: '请填写驳回原因',
							area: ['500px', '150px'],
							btnAlign: 'c',
							yes: function(indexs,layeros){
								// 获取文本框输入的值
								var value = layeros.find(".layui-layer-input").val();
								if (value) {
									layer.close(indexs);
									layero.find('iframe').contents().find("#state").val('2');
									layero.find('iframe').contents().find("#box").val(value);
									// layero.layui.form.render();
									// console.log(layero.find('iframe').contents().find("#box").val());
									var submit = layero.find('iframe').contents().find("#talkskill-submit");
									submit.click();
									return false;
								} else {
									layer.msg('请填写驳回原因', {anim: 0,time: 800});
									return false;
								}
							}
						});
						return false;
					}
					
				});
			}
		});
		
		$('.layui-btn.layuiadmin-btn').on('click', function() {
			var type = $(this).data('type');
			active[type] ? active[type].call(this) : '';
		});
	});
</script>
{/block}