{extend name="Public/base" /}
{block name="css"}
<link rel="stylesheet" href="__PUBLIC__/item/css/layui.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/customer.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
<style>
    .check{
        margin-left: 160px !important;
    }
    .layui-form-checkbox{
        margin-bottom: 5px !important;
    }
    .kf_name{
        margin: 5px;
    }
</style>
{/block}
{block name="main"}
<div class="if_wrap">
    <div class="cus-con">
        <div class="set_tit"><span>会话配置</span></div>
        <!--<form class="layui-form" id="form">-->
            <div class="set-contain erp-set-wrap layui-form" id=''>
                <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                    <ul class="layui-tab-title">
                        <li class="layui-this">微信自定义菜单</li>
                        <li>自动回复</li>
                        <li>通知设置</li>
                    </ul>
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show">
                            <div class="layui-inline">
                                <button class="layui-btn fp-btn" id="addmenu" data-type="add">新增微信自定义菜单</button>
                                <div class="layui-inline">
                                    <div class="layui-input-inline" style="width: 150px;">
                                        <input type="text" id="menu_name1" value="{$menu_name}" class="layui-input" placeholder="请输入菜单名称">
                                    </div>
                                    <button class="layui-btn" id="btn" style="margin-left: 10px">查询</button>
                                    <button class="layui-btn" id="set_btn" style="margin-left: 10px">推送自定义菜单</button>
                                </div>
                                <table class="layui-table" lay-data="{height:632, url:'/weixin/Weixin/getMenuJSON.html',page:false,id:'idTest'}" lay-filter="demo">
                                    <thead>
                                    <tr>
                                        <th lay-data="{width:100,align:'center',field:'id',align:'center',templet: '#titleTpl'}">序号</th>
                                        <th lay-data="{width:200,align:'center',field:'wx_name'}">公众号</th>
                                        <th lay-data="{width:200,align:'center',field:'showName'}">菜单名称</th>
                                        <!-- <th lay-data="{width:150,align:'center',field:'menu_code'}">标识码</th> -->
                                        <th lay-data="{width:200,align:'center',field:'url'}">菜单url</th>
                                        <!-- <th lay-data="{width:100,align:'center',field:'status', toolbar: '#enabledModal'}">是否隐藏</th> -->
                                        <th lay-data="{width:100,align:'center',field:'sort',align:'center'}">排序</th>
                                        <th lay-data="{width:200,align:'center',field:'score', toolbar: '#operationModal'}">操作</th>
                                    </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                        <div class="layui-tab-item">
                            <div class="layui-inline">
                                <!-- <button class="layui-btn fp-btn" id="addAuto" data-type="addAuto">添加自动回复</button> -->
                                <div class="layui-inline">
                                    <div class="layui-input-inline" style="width: 150px;">
                                        <input type="text" id="auto_name" class="layui-input" placeholder="根据关键词/规则名称">
                                    </div>
                                    <button class="layui-btn" id="btn_autoAnswer" style="margin-left: 10px">查询</button>
                                    <button class="layui-btn" id="set_btn_autoAnswer" style="margin-left: 10px">拉取自动回复</button>
                                </div>
                                <table class="layui-table" lay-data="{height:500,limit:200, url:'/weixin/Weixin/getAutoAnswerJson.html',page:false,id:'idAuto'}" lay-filter="demoAuto">
                                    <thead>
                                    <tr>
                                        <th lay-data="{width:100,align:'center',field:'id',align:'center',templet: '#titleTplAuto'}">序号</th>
                                        <th lay-data="{width:100,align:'center',field:'auto_type', toolbar: '#auto_type'}">类型</th>
                                        <th lay-data="{width:200,align:'center',field:'auto_name'}">规则名称</th>
                                        <th lay-data="{width:200,align:'center',field:'answer_type', toolbar: '#answer_type'}">回复方式</th>
                                        <th lay-data="{width:200,align:'center',field:'id', toolbar: '#autoAction'}">操作</th>
                                    </tr>
                                    </thead>
                                </table>
                                <div id="rep" style="width: auto;height: auto;background-color: #00a0e8;"></div>
                            </div>
                        </div>
                        <div class="layui-tab-item">
                            <div class="layui-inline">
                                <label class="layui-form-label" style="width: 130px;">新客户提醒：</label>
                                <div class="layui-input-block check">
                                    {volist name="staff" id="s"}
                                    <input type='checkbox' name='kf_name' class='kf_name'  title="{$s.staffname}" value="{$s.id}" {if condition="in_array($s.id,$staff_id)"}checked{/if}>
                                    {/volist} 
                                    <span class="layui-btn" id="remind_btn">确定</span>
                                </div>
                                <hr> 选中的人为有新客户时弹窗通知的人
                            </div>
                        </div>
                    </div>
            </div>
        </div>
    <!--</form>-->
    </div>
</div>
<!-- 动态表格 自定义菜单 -->
<script type="text/html" id="titleTpl">
    {{d.LAY_TABLE_INDEX+1}}
</script>
<script type="text/html" id="answer_type">
    {{#  if(d.answer_type == 'reply_all'){ }}
    回复全部
    {{# } else if(d.answer_type == 'random_one'){ }}
    随机回复一条
    {{#  } }}
</script>
<script type="text/html" id="auto_type">
    {{#  if(d.auto_type == 1){ }}
    <a class="layui-btn layui-btn-mini">关键词回复</a>
    {{# } else if(d.auto_type == 2){ }}
    <a class="layui-btn layui-btn-danger layui-btn-mini" >自动回复</a>
    {{#  } else if(d.auto_type == 3) { }}
    <a class="layui-btn layui-btn-danger layui-btn-mini" >关注回复</a>
    {{#  } }}
</script>
<script type="text/html" id="enabledModal">
    {{#  if(d.status == 1){ }}
    <a class="layui-btn layui-btn-mini">显示</a>
    {{# } else if(d.status == 99){ }}
    <a class="layui-btn layui-btn-danger layui-btn-mini" >已删除</a>
    {{#  } else { }}
    <a class="layui-btn layui-btn-danger layui-btn-mini" >隐藏</a>
    {{#  } }}
</script>
<script type="text/html" id="operationModal">
    <a class="layui-btn layui-btn-mini" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del">删除</a>
</script>
<!-- 动态表格 自动回复 -->
<script type="text/html" id="titleTplAuto">
    {{d.LAY_TABLE_INDEX+1}}
</script>
<script type="text/html" id="autoAction">
    <a class="layui-btn layui-btn-mini" lay-event="detailAuto">详情</a>
</script>
<!-- js -->
<script>
    $('#set_btn').on('click',function(){
        layer.confirm('你确定要更新公众号的微信菜单吗？', function (index) {
            $.ajax({
                type:'post',
                url:"{:url('weixin/Weixin/setwxmenu')}",
                success:function(s){
                    if(s.status==1){
                        layer.msg('更新成功', {
                            icon: 1
                        });
                    }else{
                        layer.msg(s.msg, {
                            icon: 2
                        });
                    }
                }
            });
        })
    });
    $('#get_btn').on('click',function(){
        layer.confirm('重新获取公众号自定义菜单，将 覆盖 目前设定，请确认！', function (index) {
            $.ajax({
                type:'post',
                url:"{:url('weixin/Weixin/getwxmenu')}",
                success:function(s){
                    if(s.status==1){
                        layer.msg('更新成功', {
                            icon: 1
                        });
                    }else{
                        layer.msg(s.msg, {
                            icon: 2
                        });
                    }
                }
            });
        })
    });
    $('#set_btn_autoAnswer').on('click',function(){
        layer.confirm('重新获取公众号自动回复，将 覆盖 目前设定，请确认！', function (index) {
            var shadow = layer.load(1, {shade: false});
            $.ajax({
                type:'post',
                url:"{:url('weixin/Weixin/geWxtAutoAnswer')}",
                success:function(s){
                    if(s.code==200){
                        layer.msg(s.msg, {
                            icon: 1
                        });
                    }else{
                        layer.msg(s.msg, {
                            icon: 2
                        });
                    }
                    layer.close(shadow);
                },
                error:function(XMLHttpRequest, textStatus, errorThrown){
                    var ret = XMLHttpRequest.responseJSON
                    layer.alert('操作失败');
                    layer.close(shadow);
                }
            });
        })
    });
    $('#remind_btn').click(function(){
        var staff_id = '';
        // 遍历name=customer_type的多选框
        $("input:checkbox[name=kf_name]:checked").each(function() {
            if($(this).val() != undefined && $(this).val()!= ''){
                staff_id =  staff_id==""?$(this).val():staff_id+','+$(this).val();
            }
        });
        $.ajax({
            type: "POST",
            url: "/weixin/Weixin/talkSetting",
            data: {staff_id:staff_id},
            dataType: 'json',
            success: function (ret) {
                if (ret.code == 200) {
                    layer.alert(ret.msg);
                } else {
                    layer.alert(ret.msg);
                }
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                var ret = XMLHttpRequest.responseJSON;
                layer.alert('操作失败');
            }
        })
    })
    layui.use(['form','table'], function() {
        var table = layui.table; //表格
        $('#btn').click(function () {
            table.reload('idTest', {
                url: '/weixin/Weixin/getMenuJSON'
                , where: {name: $('#menu_name1').val()} //设定异步数据接口的额外参数
                //,height: 300
            });
        });
        
        $('#btn_autoAnswer').click(function () {
            table.reload('idAuto', {
                url: '/weixin/Weixin/getAutoAnswerJson'
                , where: {auto_name: $('#auto_name').val()} //设定异步数据接口的额外参数
                //,height: 300
            });
        });
    });
    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element','form'], function(){
        var laydate = layui.laydate //日期
                ,laypage = layui.laypage //分页
                ,layer = layui.layer //弹层
                ,table = layui.table //表格
                ,carousel = layui.carousel //轮播
                ,upload = layui.upload //上传
                ,element = layui.element;//元素操作
        var form=layui.form;

        table.on('tool(demo)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
            var data = obj.data //获得当前行数据
                    , layEvent = obj.event; //获得 lay-event 对应的值
            if (layEvent === 'del') {
                layer.confirm('确定删除此菜单吗？', function (index) {
                    var id = obj.data.id;
                    //向服务端发送删除指令
                    $.ajax({
                        type: "POST",
                        url: "{:Url('weixin/Weixin/delMenu')}",
                        data: {id:id},
                        dataType:'json',
                        success: function(ret){
                            if(ret.code==1){
                                location.reload();
                            }else{
                                layer.alert(ret.msg);
                            }
                        },
                        error:function(XMLHttpRequest, textStatus, errorThrown){
                            var ret = XMLHttpRequest.responseJSON
                            layer.alert('操作失败');
                        }
                    });
                    //obj.del(); //删除对应行（tr）的DOM结构
                    layer.close(index);
                    //向服务端发送删除指令
                });
            } else if (layEvent === 'edit') {
                layui.form.render(); //更新全部
                var id = obj.data.id;
                load_page(
                        '/weixin/Weixin/addMenuSet.html?id='+obj.data.id,
                        '修改功能菜单',
                        function(){
                            addmenu(obj.data.id);
                        },
                        ['保存','取消'],
                        500,650
                );
            }
        });
        table.on('tool(demoAuto)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
            var data = obj.data //获得当前行数据
                    , layEvent = obj.event; //获得 lay-event 对应的值
            if (layEvent === 'detailAuto') {
                    var id = obj.data.id;
                    $.ajax({
                        type: "POST",
                        url: "{:Url('weixin/Weixin/getAnswerDetail')}",
                        data: {id:id},
                        dataType:'json',
                        success: function(ret){
                            if(ret.code==200){
                                console.log(ret.data)
                                if(ret.data.auto_type == 1){
                                    var str = '';
                                    str += '关键字回复'+'<br/>';
                                    str += '关键字回复规则名：'+ret.data.auto_name+'<br/>';
                                    str += '回复方式：';
                                    str += ret.data.answer_type=='reply_all' ? '回复全部' : '随机回复一条';
                                    str +='<br/>';
                                    str += '操作人：'+ret.data.staff_name+'<br/>';
                                    var keyword = ret.data.keywords;
                                    str += '关键字：';
                                    for(var i=0;i<keyword.length;i++){
                                        str += keyword[i]['content']+'(';
                                        str += keyword[i]['match_mode']=='contain' ? '半匹配' : '全匹配';
                                        str += '---';
                                        if(keyword[i]['type'] == 'text'){
                                            str += '文本';
                                        }else if(keyword[i]['type'] == 'img'){
                                            str += '图片';
                                        }else if(keyword[i]['type'] == 'voice'){
                                            str += '语音';
                                        }else if(keyword[i]['type'] == 'video'){
                                            str += '视频';
                                        }else if(keyword[i]['type'] == 'news'){
                                            str += '图文';
                                        }
                                        str += ')&nbsp;&nbsp;&nbsp;&nbsp;';
                                    }
                                    str +='<hr/>';
                                    var content = ret.data.contents;
                                    for(var j=0;j<content.length;j++){
                                        str += '回复类型：';
                                        if(content[j]['type'] == 'text'){
                                            str += '文本';
                                        }else if(content[j]['type'] == 'img'){
                                            str += '图片';
                                        }else if(content[j]['type'] == 'voice'){
                                            str += '语音';
                                        }else if(content[j]['type'] == 'video'){
                                            str += '视频';
                                        }else if(content[j]['type'] == 'news'){
                                            str += '图文';
                                        }
                                        str +='<br/>';
                                        str += '回复内容：';
                                        if(content[j]['type'] != 'text'){
                                            $.ajax({
                                                type:'post',
                                                url:"{:url('weixin/Weixin/getWXType')}",
                                                data:{},
                                                success:function(s){
                                                    if(s.status==1){
                                                        layer.msg('更新成功', {
                                                            icon: 1
                                                        });
                                                    }else{
                                                        layer.msg(s.msg, {
                                                            icon: 2
                                                        });
                                                    }
                                                }});
                                            str += content[j]['content'];
                                        }
                                        str +='<br/>';
                                    }
                                    $('#rep').html(str);
                                }
                            }
                        },
                        error:function(XMLHttpRequest, textStatus, errorThrown){
                            var ret = XMLHttpRequest.responseJSON
                            layer.alert('操作失败');
                        }
                    });
                    layer.close(index);
            }
        });
        //添加功能事件(自定义菜单)
        $("#addmenu").click(function(){
            layui.form.render(); //更新全部
            load_page(
                '/weixin/Weixin/addMenuSet.html',
                '新增功能菜单',
                function(){
                    addmenu();
                },
                ['保存','取消'],
                500, 650
            );
        });
        $("#addAuto").click(function(){
            load_page(
                '/weixin/Weixin/addAuto.html',
                '新增自动回复',
                function(){
                    addAuto();
                },
                ['保存','取消'],
                620, 'auto'
            );
            layui.form.render(); //更新全部
        });
    });
</script>
{/block}