{php echo template('common/header-base', TEMPLATE_FETCH);}
<link rel="stylesheet" href="/addons/sell_dream2/static/layui/css/layui.css" media="all">
<link rel="stylesheet" type="text/css" href="/addons/sell_dream2/static/css/style.css">
<link href="/addons/sell_dream2/static/layui_ext/step-lay/step.css" rel="stylesheet">
<style>
    .layui-form-label {
        width:120px!important;
    }
    .layui-input-block {
        margin-left: 120px;
    }
</style>
    <div class="layui-fluid">
        <div class="layui-card" style="height:820px;">
            <div class="layui-row" style="padding:25px;border-bottom:1px solid #f2f2f2;">
                <span style="color:black;font-weight:900;font-family:微软雅黑;font-size:18px;">数据同步</span><button id="seeMemo" class="layui-btn layui-btn-danger layui-btn-xs" type="button" style="margin-left:1em;">查看说明</button>
                <div style="margin-top:.5em;color:gray;"><span >本功能会对数据库进行操作，使用时请仔细检查。</span></div>
            </div>
            <div class="layui-card-body" style="padding-top: 40px;">
                <div class="layui-carousel" id="stepForm" lay-filter="stepForm" style="margin: 0 auto;">
                    <div carousel-item>
                        <div>
                            <form class="layui-form" style="margin: 0 auto;max-width: 460px;padding-top: 40px;">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">数据源</label>
                                    <div class="layui-input-block">
                                        <select name="from" lay-verify="required" lay-filter="from">
                                            {loop $wxapp $item}
                                            <option value="{$item['uniacid']}">{$item['system_title']} - uniacid:{$item['uniacid']}</option>
                                            {/loop}
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">目标</label>
                                    <div class="layui-input-block">
                                        <select name="to" lay-verify="required" lay-filter="to">
                                            {loop $wxapp $item}
                                            <option value="{$item['uniacid']}">{$item['system_title']} - uniacid:{$item['uniacid']}</option>
                                            {/loop}
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">备注</label>
                                    <div class="layui-input-block">
                                        <textarea placeholder="同步备注" name="sync_remark" id="sync_remark" value="" class="layui-textarea"></textarea>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <button class="layui-btn" lay-submit lay-filter="formStep">
                                            &emsp;下一步&emsp;
                                        </button>
                                        <button class="layui-btn layui-btn-primary" type="button" id="gotolist">
                                            &emsp;查看同步记录&emsp;
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div>
                            <form class="layui-form" style="margin: 0 auto;max-width: 1440px;padding-top: 40px;">
                                  <div class="layui-form-item">
                                    <label class="layui-form-label">资源分类</label>
                                    <div class="layui-input-block" id="resource_type_div">
                                      
                                    </div>
                                  </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">会员设置</label>
                                    <div class="layui-input-block" id="vip_div">
                                        <input type="radio" name="vip" title="不同步" value="0" lay-filter="vip" checked>
                                        <input type="radio" name="vip" title="同步" value="1" lay-filter="vip">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">卡密设置</label>
                                    <div class="layui-input-block" id="card_div">
                                        <input type="radio" name="is_sync_card" title="不迁移" value="0" lay-filter="card" checked>
                                        <input type="radio" name="is_sync_card" title="迁移" value="1" lay-filter="card">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <button type="button" class="layui-btn layui-btn-primary pre">上一步</button>
                                        <button class="layui-btn" lay-submit lay-filter="formStep2">
                                            &emsp;确认同步&emsp;
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div>
                            <div style="text-align: center;margin-top: 90px;">
                                <i class="layui-icon layui-circle"
                                   style="color: white;font-size:30px;font-weight:bold;background: #52C41A;padding: 20px;line-height: 80px;">&#xe605;</i>
                                <div style="font-size: 24px;color: #333;font-weight: 500;margin-top: 30px;" id="sync_result">
                                    同步完成
                                </div>
                                <div style="font-size: 14px;color: #666;margin-top: 20px;padding-left:5em;padding-right:5em;" id="sync_tips">
                                    请在同步记录中查看同步内容。
                                </div>
                            </div>
                            <div style="text-align: center;margin-top: 50px;">
                                <button class="layui-btn next">继续同步</button>
                                <button class="layui-btn layui-btn-primary" type="button" id="list">查看同步记录</button>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    <script src="/addons/sell_dream2/static/layui/layui.js"></script>
    <script src="/addons/sell_dream2/static/layui_ext/step-lay/step.js"></script>
    <script>
        var from_uniacid = 0;
        var to_uniacid = 0;
        var from_resource_type = [];
        var from_vip = 0;
        var is_sync_card = 0;
        layui.config({
            base:'/addons/sell_dream2/static/layui_ext/step-lay/'
        }).use([ 'form', 'step','element'], function () {
            var $ = layui.$
                , form = layui.form
                , step = layui.step
                , element = layui.element;
            $("#seeMemo").click(function () {
                //页面层
                layer.open({
                  type: 1,
                  title:"同步说明",
                  skin: 'layui-layer-rim', //加上边框
                  area: ['600px', '440px'], //宽高
                  content: '<div style="color: #666;margin-top: 40px;margin-bottom: 40px;padding: 30px;font-size:16px;"><p><span style="font-weight: 900;">数据源</span>：您需要从哪个梦想贩卖机拉取数据。</p><p><span style="font-weight: 900;">目标</span>：您想把数据复制到哪个梦想贩卖机里。</p><p><span style="font-weight: 900;">同步内容</span>：选择要同步的资源分类，系统会将分类信息、分类下的资源数据（包含该资源的社群、跳转、视频）同步到目标当中。</p><p><span style="font-weight: 900;">关于卡密</span>：由于卡密资源较为特殊，所以卡密资源同步时不是复制，而是从数据源直接迁移到目标应用（仅迁移未发放的卡密），数据源应用中的卡密就会全部清除。</p><p><span style="font-weight: 900;">会员设置</span>：选择同步会员设置，将会同步SVIP设置以及相应的特权设置。</p></div>'
                });
            })
            step.render({
                elem: '#stepForm',
                filter: 'stepForm',
                width: '100%', //设置容器宽度
                stepWidth: '750px',
                height: '650px',
                stepItems: [{
                    title: '同步来源与目标'
                }, {
                    title: '同步数据选择'
                }, {
                    title: '完成'
                }]
            });

            form.on('select(from)', function(data){
                from_uniacid = data.value;
            });      
            form.on('select(to)', function(data){
                to_uniacid = data.value;
            });   

            //数据源和目标选择确认
            form.on('submit(formStep)', function (data) {
                if(from_uniacid==0){
                    layer.msg("请选择数据同步源",{icon:5});
                    return false;
                }
                if(to_uniacid==0){
                    layer.msg("请选择数据目标",{icon:5});
                    return false;
                }
                if(from_uniacid==to_uniacid){
                    layer.msg("数据源和目标不能相同",{icon:5});
                    return false;
                }
                if(from_uniacid!=0&&to_uniacid!=0&&(from_uniacid!=to_uniacid)){
                    
                    $.post("index.php?c=site&a=entry&m=sell_dream2&do=web.Sync.findResourceTypeList",{uniacid:from_uniacid},function(res){
                        var html = "";
                        if(res.data.length==0){
                            layer.msg("对不起，您选择的数据源没有资源分类",{icon:5});
                            return;
                        }
                        for (var i in res.data){
                           html += `<input type="checkbox" name="resource_type[]" title="` + res.data[i].resource_type_name +"["+ res.data[i].resource_count + `条资源]" value="` + res.data[i].id + `" lay-filter="resource_type">`
                        }
                        $("#resource_type_div").html(html);
                        form.render();
                        step.next('#stepForm');
                    })
                    return false;
                }
                
            });

            //同步数据选择确认
            form.on('submit(formStep2)', function (data) {
                var arr_box = [];
                from_resource_type = [];
                $('#resource_type_div input[type=checkbox]:checked').each(function() {
                   from_resource_type.push($(this).val());
                });
                from_vip = $('#vip_div input[type=radio]:checked').val();
                is_sync_card = $('#card_div input[type=radio]:checked').val();
                if(from_resource_type.length==0){
                    layer.msg("请选择要同步的分类",{icon:5});
                }else{
                    var json = {
                        from_uniacid :from_uniacid,
                        to_uniacid :to_uniacid,
                        from_resource_type:from_resource_type.join(","),
                        from_vip :from_vip,
                        is_sync_card:is_sync_card,
                        sync_remark:$("#sync_remark").val()
                    };
                    $.post("index.php?c=site&a=entry&m=sell_dream2&do=web.Sync.add",json,function(res){
                        if(res.code!=200){
                            $("#sync_result").text(res.msg);
                            $("#sync_tips").text(res.tips);
                        }
                    })
                    step.next('#stepForm');
                }
                return false;
            });

            $('.pre').click(function () {
                step.pre('#stepForm');
            });

            $('.next').click(function () {
                step.next('#stepForm');
            });

            $("#list").click(function(){
                window.location.href = "index.php?c=site&a=entry&m=sell_dream2&do=web.Sync.sync_list";
            })
            $("#gotolist").click(function(){
                window.location.href = "index.php?c=site&a=entry&m=sell_dream2&do=web.Sync.sync_list";
            })
        })
    </script>
</body>
</html>