scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353
							{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;
	}
	.layui-table-view .layui-table{width:100% !important;}
	.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">
	                        <label class="layui-form-label">问题</label>
	                        <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">
	                        <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/groupTalkskillLabel')}?from={$from}&root_id={$root_id}"><i class="layui-icon layui-icon-return"></i>
								<span>返回</span>
							</a>
						</div>
                        {eq name="$from" value="add"}
	                 <!--   <button class="layui-btn layuiadmin-btn" data-type="add">添加标准话术</button>-->
	                    <button class="layui-btn layuiadmin-btn deletebtn" data-type="delete">批量删除</button>
                        {/eq}
	                </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">
	<a class="layui-btn layui-btn-xs" lay-event="talkskill-edit">编辑</a>
	<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="talkskill-del">删除</a>
</script>
<script type="text/html" id="imgsss">
	{{# for(var j in d.imgs) { }}
		 <img src="{{d.imgs[j]}}" style="text-align: center" width="30px" height="30px"/> 
	 {{# } }} 
</script>
<script type="text/html" id="cate2">
	{{# if(d.cate2){ }}
	<span>{{d.cate2}}</span>
	{{# }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="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>
	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(customer-search)', function (data) {
	        var keyword = $('.keyword').val();
	        var type = $('#type').val();
			var cate = $('select[name="cate"]').val();
			var house_type = $('select[name="house_type"]').val();
			var user_cate = $('select[name="user_cate"]').val();
	        field['keyword'] = keyword;
	        field['type'] = type;
			field['cate'] = cate;
			field['house_type'] = house_type;
			field['user_cate'] = user_cate;
	        //执行重载
	        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');
		       	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});
								}
							}
						});
					});
		       	}
				
			}
		};
		//话术列表
		table.render({
			elem: '#talkskill-table',
			autoSort: false,
			url: "{:url('talkskill/groupTalkskillList')}?type="+{$type}+'&root_id='+{$root_id},
			cols: [
				[
				// {type: 'checkbox',field:'id'},
				{
					type: 'numbers',
					field:'id',
					width: 80,
					title: '序号',
					sort: true
				}, {
					templet: '#comment',
					title: '问题'
				}, {
					field: 'content',
					title: '官方回答'
				}, {
					field: 'cate1',
					title: '场景'
				}, {
					field: 'cate2',
					title: '分类',
					templet: '#cate2',
				}, {
					title: '房屋类型',
					templet: '#house_type',
				}, {
					title: '适用部门',
					templet: '#user_cate',
				}, {
					field: 'use_count',
					title: '使用量'
				}
				// ,{
				// 	title: '操作',
				// 	width: 150,
				// 	align: 'center',
				// 	fixed: 'right',
				// 	toolbar: '#table-talkskill-action'
				// }
				]
			],
            done:function (res, curr, count) {
                $(".layui-table-main  tr").each(function (index, val) {
                    $($(".layui-table-fixed .layui-table-body tbody tr")[index]).height($(val).height());
                });
                var from = '{$from}';
                res.data.forEach(function (item, index) {
                    if (from == 'company') {
                        // $(".layui-table").find("td[data-field=id]").addClass('layui-hide');
                        // $(".layui-table").find("td[data-field=6]").addClass('layui-hide');
                    }
                });
            },
			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);
                    table.reload('talkskill-table');
				});
			} if(obj.event === 'commentCount') {
				layer.open({
					type: 2,
					title:['话术详情', 'color:#333333;background-color:#D8E6F1;'],
					content: "{:url('talkskill/talkskillview')}?id=" + data.id+'&root_id='+"{$root_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}