scott
/
crm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392
							{extend name="public/layout" /} {block name="title"}话术库{/block} {block name="body"}
<style type="text/css">
	html,
	body {
		display: block;
		min-width: 1100px;
	}

	.layui-fluid {
		display: block;
		box-shadow: 0 0 4px 0 #B6CADE;
		border-radius: 5px;
		margin: 15px;
		background-color: #ffffff;
	}
	.layui-table thead tr,
	.layui-table-header {
		background-color: #D8E6F1 !important;
	}
    .layui-form-label{
        width: auto;
    }
    
    .goback {
		float: left;
		margin-right: 20px;
	}
	.goback a {
		color: #269efb;
	}
	.goback i {
		position: relative !important;
	}
	.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;
	}
	.deletebtn{display:none}
	.commentcount{cursor: pointer;color: #249EFB;}
	.commentcount img{width:18px;display: inline-block;vertical-align: -13%;margin-right: 2px;}
	.layui-form-item .layui-input-inline,.layui-select-title{max-width:160px !important;}
</style>

<body>
	<div class="layui-fluid">
		<div class="layui-card">
			<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">
							<select name="cate">
								<option value="">请选择分类</option>
								{volist name='cate' id='vo'}
								<option value="{$vo.name}">{$vo.name}</option>
								{/volist}
							</select>
						</div>
						<div class="layui-inline">
							<select name="user_cate">
								<option value="">请选择适用部门</option>
								{volist name='user_cate' id='vo'}
								<option value="{$vo.name}">{$vo.name}</option>
								{/volist}
							</select>
						</div>
						<div class="layui-inline">
							<select name="house_type">
								<option value="">请选择房屋类型</option>
								{volist name='house_type' id='vo'}
								<option value="{$vo.name}">{$vo.name}</option>
								{/volist}
							</select>
						</div>
						<div class="layui-inline">
							<select name="employee_id">
								<option value="">请选择上传人</option>
								{volist name='employee' id='vo'}
								<option value="{$vo.id}">{$vo.opt_name}</option>
								{/volist}
							</select>
						</div>
						<div class="layui-inline">
							<input type="text" id="lay-date" name="addtime" placeholder="请选择上传时间" autocomplete="off"
                                    class="layui-input">
						</div>
	                    <div class="layui-inline">
	                        <button class="layui-btn layuiadmin-btn-useradmin searchBtn" lay-submit lay-filter="customer-search">
	                            <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
	                        </button>
	                    </div>
                    </div>
                    <div class="layui-inline" style="float: left;">
                    	<div class="goback">
							<a href="{:url('talkskill/cate_talkskill')}"><i class="layui-icon layui-icon-return"></i>
								<span>返回</span>
							</a>
						</div>
						<!-- {auth:check name="talkskill/add_talkskill"}
	                    	<button class="layui-btn layuiadmin-btn" data-type="add">添加标准话术</button>
	                    {/auth:check} -->
	                    {auth:check name="talkskill/talkskill_delete"}
	                    	<button class="layui-btn layuiadmin-btn deletebtn" data-type="delete">批量删除</button>
	                    {/auth:check}
                        
	                </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">
	{{# if(d.from_type == 0){ }}
		{auth:check name="talkskill/add_talkskill"}
		<a class="layui-btn layui-btn-xs" lay-event="talkskill-edit">编辑</a>
		{/auth:check}
		{auth:check name="talkskill/talkskilldel"}
		<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="talkskill-del">删除</a>
		{/auth:check}
	{{# }else{ }}
		<span style="color: #cccccc;">无</span>
	{{# } }}
</script>
<script type="text/html" id="comment">
	<div class="commentcount" lay-event="commentCount">
	{{# if(d.imgs){ }}
	<img src="__STATIC__/img/viewicos.png" alt="">
	{{d.title}}
	{{# }else{ }}
	{{d.title}}
	{{# } }}
	</div>
</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="user_cate">
	{{# if(d.user_cate){ }}
	<span>{{d.user_cate}}</span>
	{{# }else{ }}
		<span style="color: #cccccc;">无</span>
	{{# } }}
</script>
<script type="text/html" id="house_type">
	{{# if(d.house_type){ }}
	<span>{{d.house_type}}</span>
	{{# }else{ }}
		<span style="color: #cccccc;">无</span>
	{{# } }}
</script>
<script type="text/html" id="cate2">
	{{# if(d.cate2){ }}
	<span>{{d.cate2}}</span>
	{{# }else{ }}
		<span style="color: #cccccc;">无</span>
	{{# } }}
</script>
<script>
	layui.config({
		base: '__LAYUI__/',
		urlbase: '/sys'
	}).extend({
		index: 'lib/index'
	}).use(['index', 'table', 'layedit', 'element', 'laydate'], function() {
		var $ = layui.$,
			table = layui.table,
			element = layui.element,
			laydate = layui.laydate,
			form = layui.form;


		laydate.render({
			elem: '#lay-date',
			range: true
		});

		form.on('submit(customer-search)', function (data) {
			let field = data.field;
	        var type = $('#type').val();
	        field['type'] = type;
	        //执行重载
	        table.reload('talkskill-table', {
	            where: field
				,page: {curr:1}
	        });
	    });	
		
		//事件
		var active = {
			add: function() {
				layer.open({
					type: 2,
					title:['话术添加', 'color:#333333;background-color:#D8E6F1;'],
					content: '{:url("talkskill/talkskilladd")}',
					resize: false,
					area: ['80%', '80%'],
					btn: ['确定', '取消'],
					yes: function(index, layero) {
						//点击确认触发 iframe 内容中的按钮提交
						var submit = layero.find('iframe').contents().find("#talkskill-submit");
						submit.click();
					}
				});
			},
			// 批量删除
			delete: 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);
		            }
					layer.confirm('确定要删除么？',{title:['信息', 'color:#333333;background-color:#D8E6F1;'],}, function() {
						$.ajax({
							url: '{:url("talkskill/talkskill_delete")}',
							type: 'post',
							data: {ids:ids},
							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});
								}
							}
						});
					});
		       	}
				
				// layer.open({
				// 	type: 2,
				// 	title: '话术添加',
				// 	content: '{:url("talkskill/talkskilladd")}',
				// 	maxmin: true,
				// 	area: ['40%', '80%'],
				// 	btn: ['确定', '取消'],
				// 	yes: function(index, layero) {
				// 		//点击确认触发 iframe 内容中的按钮提交
				// 		var submit = layero.find('iframe').contents().find("#talkskill-submit");
				// 		submit.click();
				// 	}
				// });
			}
		};
		//话术列表
		table.render({
			elem: '#talkskill-table',
			autoSort: false,
			url: "{:url('talkskill/talkskilllist')}?type={$type}&name={$name}",
			cols: [
				[{type: 'checkbox',field:'id'},
				{
					type: 'numbers',
					field: 'id',
					width: 80,
					title: '序号',
					sort: true
				}, {
					// field: 'title',
					title: '问题',
					templet: '#comment'
				}, {
					field: 'content',
					title: '官方回答'
				}, {
					field: 'cate1',
					title: '场景'
				}, {
					title: '分类',
					templet: '#cate2',
				}, {
					title: '房屋类型',
					templet: '#house_type',
				}, {
					title: '适用部门',
					templet: '#user_cate',
				}, {
					field: 'use_count',
					title: '使用量'
				},{
					field: 'name',
					title: '上传人'
				},{
					field: 'addtime',
					title: '上传时间',
					minWidth: 160
				}, {
					title: '操作',
					width: 150,
					align: 'center',
					fixed: 'right',
					toolbar: '#table-talkskill-action'
				}]
			],
			page: true,
			limit: 30,
			height: 'full-220',
			text: '对不起，加载出现异常！'
		});
		
		
		//监听列表
		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,
					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);
				});
			}else if(obj.event === 'commentCount') {
				layer.open({
					type: 2,
					title:['话术详情', 'color:#333333;background-color:#D8E6F1;'],
					content: "{:url('talkskill/talkskillview')}?id=" + data.id,
					resize: false,
					area: ['80%', '80%'],
				})
			}
			
		});
		table.on('checkbox(talkskill-table)', function(obj){
			var arrlist = table.checkStatus('talkskill-table').data;
			if(arrlist.length>0){
				$('.deletebtn').show();
			}else{
				$('.deletebtn').hide();
			}

		});
		$('.layui-btn.layuiadmin-btn').on('click', function() {
			var type = $(this).data('type');
			active[type] ? active[type].call(this) : '';
		});

	});
</script>
{/block}