{extend name="Public/base" /}
{block name="css"}

<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/theme.default.css">
<link rel="stylesheet" href="__PUBLIC__/css/visitSet.css">
<style>

</style>
{/block}
{block name="js"}
<script src="__PUBLIC__/js/jquery-1.9.0.min.js?v={$Think.const.APP_VERSION}" type="text/jscript"></script>
<script src="__PUBLIC__/js/ddsort.js"></script>
<script src="__PUBLIC__/js/visitSet.js"></script>
<script>
    $(function(){
        $(".nul_bli").eq(5).find(".navb").addClass("active");
    })
</script>

{/block}
{block name="main"}
<div class="if_wrap">
    <div class="cus-con">
        <div class="set_tit"><span>回访环节设定</span></div>

        <div class="layui-form">

            <div class="wrapper-19NSr">
                <input type="hidden" id="id" value="{$details.id}">
                <!--左侧选择类型-->
                <div class="left-ma1uW">
                    <div class="main-2ErYO">


                        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                            <ul class="layui-tab-title">
                                <li class="layui-this">已订单</li>
                                <li>已拍照</li>
                                <li>已选片</li>
                                <li>已校稿</li>
                                <li>已取件</li>
                            </ul>
                            <div class="layui-tab-content" id="wrap" style="height: 100px;">
                                <div class="layui-tab-item layui-show" id="order">
                                    <div class="code-row-bg ivu-row-flex">

                                        {volist name='$already' id='orders'}
                                        {if condition="$orders.link eq 'order'"}
                                        <div class="ivu-col" data-id="{$orders.option_id}" data-option-code="{$orders.option_code}" data-object-code="{$orders.code}">
                                            <span class="close-2C5YM">&times;</span>
                                            <div class="btn-10TCj">
                                                <span style="text-align: center">{$orders.new_name}-{$orders.option_name}</span>
                                            </div>
                                        </div>
                                        {/if}
                                        {/volist}

                                    </div>
                                </div>

                                <div class="layui-tab-item" id="photo">
                                    <div class="code-row-bg ivu-row-flex">

                                        {volist name='$already' id='photos'}
                                        {if condition="$photos.link eq 'photo'"}
                                        <div class="ivu-col" data-id="{$photos.option_id}" data-option-code="{$photos.option_code}" data-object-code="{$photos.code}">
                                            <span class="close-2C5YM">&times;</span>
                                            <div class="btn-10TCj">
                                                <span style="text-align: center">{$photos.new_name}-{$photos.option_name}</span>
                                            </div>
                                        </div>
                                        {/if}
                                        {/volist}

                                    </div>
                                </div>

                                <div class="layui-tab-item" id="sp">
                                    <div class="code-row-bg ivu-row-flex">
                                        {volist name='$already' id='sps'}
                                        {if condition="$sps.link eq 'sp'"}
                                        <div class="ivu-col" data-id="{$sps.option_id}" data-option-code="{$sps.option_code}" data-object-code="{$sps.code}">
                                            <span class="close-2C5YM">&times;</span>
                                            <div class="btn-10TCj">
                                                <span style="text-align: center">{$sps.new_name}-{$sps.option_name}</span>
                                            </div>
                                        </div>
                                        {/if}
                                        {/volist}
                                    </div>
                                </div>

                                <div class="layui-tab-item" id="jg">
                                    <div class="code-row-bg ivu-row-flex">
                                        {volist name='$already' id='jgs'}
                                        {if condition="$jgs.link eq 'jg'"}
                                        <div class="ivu-col" data-id="{$jgs.option_id}" data-option-code="{$jgs.option_code}" data-object-code="{$jgs.code}">
                                            <span class="close-2C5YM">&times;</span>
                                            <div class="btn-10TCj">
                                                <span style="text-align: center">{$jgs.new_name}-{$jgs.option_name}</span>
                                            </div>
                                        </div>
                                        {/if}
                                        {/volist}
                                    </div>
                                </div>

                                <div class="layui-tab-item" id="qj">
                                    <div class="code-row-bg ivu-row-flex">
                                        {volist name='$already' id='qjs'}
                                        {if condition="$qjs.link eq 'qj'"}
                                        <div class="ivu-col" data-id="{$qjs.option_id}" data-option-code="{$qjs.option_code}" data-object-code="{$qjs.code}">
                                            <span class="close-2C5YM">&times;</span>
                                            <div class="btn-10TCj">
                                                <span style="text-align: center">{$qjs.new_name}-{$qjs.option_name}</span>
                                            </div>
                                        </div>
                                        {/if}
                                        {/volist}
                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>
                </div>
                <!--中间模板-->
                <div class="center-21fuu">
                    <div class="main-3zkYO" style="width: 405px;">
                        <div class="box-3-pbZ" style="width: 335px;">
                            <div class="head-3pkKN">未选择的回访项（满意度回访）</div>
                            <div class="hide-15cnk" id="sp-wrap" style="margin: 10px 10px 10px 10px">
                                <div class="code-row-bg ivu-row-flex ivu-row-flex-space-between">
                                    {volist name='list' id='vo'}
                                    <div class="ivu-col" data-id="{$vo.id}" data-option-code="{$vo.option_code}" data-object-code="{$vo.code}">
                                        <span class="close-2C5YM">&times;</span>
                                        <div class="btn-10TCj">
                                            <span style="text-align: center">{$vo.new_name}-{$vo.option_name}</span>
                                        </div>
                                    </div>
                                    {/volist}
                                </div>
                            </div>
                        </div>


                    </div>


                </div>
            </div>
        </div>
        <!--底部按钮-->
        <div class="batchWrap-14Onr active-H2qYg">
            <span class="shadow-1BgKY"></span>
            <div class="containerBox-22k_B">
                <div class="batchTip-r4xnw">
                    <div></div>
                </div>
                <div>
                    <span id="visit-btn" class="ivu-btn ivu-btn-primary"><span>保存</span></span>
                </div>
            </div>
        </div>
    </div>
</div>

</div>

</div>


    </div>
</div>

<div id="info" style="display: none;padding:20px 20px;">

    <div style="min-width: 300px;">
        <div class="layui-inline" style="width: 100%;">
            <label class="layui-form-label"  style="width: 18%;">回访对象：</label>
            <div class="layui-input-block " style="width: 60%!important;">
                <input type="text" class="layui-input" id="name">
            </div>
        </div>
        <div class="layui-inline" style="width: 84%;margin: 20px 0 0 26px;">
            <p id="content"></p>
        </div>
    </div>
</div>

<script>
    layui.use(['form','table'], function() {
        var table = layui.table,form = layui.form;

        $(".center-21fuu").on("click",".ivu-col",function(){
            var the_div = $(this).remove();
            $('.layui-tab-content').find('.layui-show').find('.code-row-bg').append(the_div);
        });

        //去除
        $('.layui-tab-content').on('click','.close-2C5YM',function(){
            var this_div = $(this).parent('.ivu-col').remove();
            $('.center-21fuu').find('.code-row-bg').append(this_div);
        });

        //拖动排序
        $('#wrap').DDSort({
            target: '.ivu-col',
            floatStyle: {
                'border': '1px solid #ccc',
                'background-color': '#fff'
            }
        });

    });

    //提交保存
    $('#visit-btn').unbind().click(function(){

        var orderList=$("#order .ivu-col"),photoList=$("#photo .ivu-col"),spList=$("#sp .ivu-col"),jgList=$("#jg .ivu-col"),qjList=$("#qj .ivu-col"),
                orderArr=[],photoArr=[],spArr=[],jgArr=[],qjArr=[],objId = {};
        //已订单
        $.each(orderList,function(id,item){
            objId = $(item).attr("data-id");
            orderArr.push({id:$(item).attr("data-id"),option_code:$(item).attr("data-option-code"),object_code:$(item).attr("data-object-code")});
        });
        //已拍照
        $.each(photoList,function(id,item){
            objId = $(item).attr("data-id");
            photoArr.push({id:$(item).attr("data-id"),option_code:$(item).attr("data-option-code"),object_code:$(item).attr("data-object-code")});
        });
        //已选片
        $.each(spList,function(id,item){
            objId = $(item).attr("data-id");
            spArr.push({id:$(item).attr("data-id"),option_code:$(item).attr("data-option-code"),object_code:$(item).attr("data-object-code")});
        });
        //已校稿
        $.each(jgList,function(id,item){
            objId = $(item).attr("data-id");
            jgArr.push({id:$(item).attr("data-id"),option_code:$(item).attr("data-option-code"),object_code:$(item).attr("data-object-code")});
        });
        //已取件
        $.each(qjList,function(id,item){
            objId = $(item).attr("data-id");
            qjArr.push({id:$(item).attr("data-id"),option_code:$(item).attr("data-option-code"),object_code:$(item).attr("data-object-code")});
        });

        $.ajax({
            type:'post',
            url:'/kf/Setting/setVisitLinkObject',
            data:{orderArr:orderArr,photoArr:photoArr,spArr:spArr,jgArr:jgArr,qjArr:qjArr},
            success:function(res){
                console.log(res);
                if(res.code == 200){
                    layer.alert('设置成功！');
                }else{
                    layer.alert(res.msg);
                }
            }
        });
        return false;
    });


</script>
{/block}