{extend name="app/shop/view/base.html"/}
{block name="resources"}
<style>
    .input-text span {
        margin-right: 15px;
    }
    .form-wrap {
        margin-top: 0;
    }
</style>
{/block}
{block name="main"}
<div class="layui-form form-wrap">
    <div class="layui-card card-common card-brief">
        <div class="layui-card-header">
            <span class="card-title">业务</span>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">是否开启业务奖：</label>
            <div class="layui-input-block">
                <div class="layui-input-inline">
                    <input type="radio" name="is_open" value="1" lay-filter="is_open" title="开启"  {if condition="$basics_info && $basics_info.is_open == 1"}  checked {/if}/>
                    <input type="radio" name="is_open" value="0" lay-filter="is_open" title="关闭"  {if condition="$basics_info && $basics_info.is_open == 0"}  checked {/if}/>
                </div>
            </div>
            <div class="word-aux">企业内部多员工合伙人进行奖励分配制度</div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">结算周期：</label>
            <div class="layui-input-block">
                <div class="layui-input-inline">
                    <input type="radio" name="settlement_type" value="week" lay-filter="settlement_type" title="周结"  {if condition="$basics_info && $basics_info.settlement_type == 'week'"}  checked {/if}/>
                    <input type="radio" name="settlement_type" value="month" lay-filter="settlement_type" title="月结"  {if condition="$basics_info && $basics_info.settlement_type == 'month'"}  checked {/if}/>
                </div>
            </div>
            <div class="word-aux">企业内部多员工合伙人进行奖励分配制度</div>
        </div>

        <div class="layui-card-header">
            <span class="card-title">商家活动</span>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">积分激励</label>
            <div class="layui-input-block">
                <input type="checkbox" name="is_point_cash" value="1" lay-skin="switch" {if condition="$basics_info && $basics_info.is_point_cash == 1"} checked {/if} />
            </div>
            <div class="word-aux">积分激励:当商家向平台支付的佣金、年费、其他转化为积分奖励</div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>积分抵现比例：</label>
            <div class="layui-input-inline limit">
                <input type="number" name="point_cash_rate" value="{$basics_info.point_cash_rate??''}" lay-verify="point_cash_rate" autocomplete="off" class="layui-input len-short">
                <div class="layui-form-mid">积分抵现比例百分比,如:1:1就填写100</div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>积分最大使用率：</label>
            <div class="layui-input-inline limit">
                <input type="number" name="point_use_rate" value="{$basics_info.point_use_rate??''}" lay-verify="point_use_rate" autocomplete="off" class="layui-input len-short">
                <div class="layui-form-mid">积分每次可抵用比例</div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">年费免除计划</label>
            <div class="layui-input-block">
                <input type="checkbox" name="isisp_year_fee" value="1" lay-skin="switch" {if condition="$basics_info && $basics_info.isisp_year_fee ==1"} checked {/if} />
            </div>
            <div class="word-aux">商家完成任务,平台会自动将次年年费免除</div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">年费奖励：</label>
            <div class="layui-input-inline">
                <input type="number" min="0" name="district_money" value="{$basics_info.district_money??''}" lay-verify="required" autocomplete="off"  class="layui-input len-short">
            </div>
            <div class="layui-form-mid">元</div>
        </div>
        <div class="word-aux">
            <p>负责的区域拓展的商家应用年费流水商家首次入驻成功或次年年费奖励</p>
        </div>
        <div class="layui-card-header">
            <span class="card-title">营运设置</span>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">开店申请：</label>
            <div class="layui-input-block">
                <input type="checkbox" name="store_open" value="1" lay-skin="switch" {if condition="$basics_info && $basics_info.store_open == 1" } checked {/if} />
            </div>
            <div class="word-aux">拓展的所有商家版权点击会跳转至开店申请</div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">灵工入驻：</label>
            <div class="layui-input-block">
                <input type="checkbox" name="is_member_settled" value="1" lay-skin="switch" {if condition="$basics_info && $basics_info.is_member_settled == 1" } checked {/if} />
            </div>
            <div class="word-aux">自营小程序或拓展前端允许灵工,兼职加入申请入口</div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">邀请码：</label>
            <div class="layui-input-block">
                <input type="checkbox" name="is_invite" value="1" lay-skin="switch" {if condition="$basics_info && $basics_info.is_invite == 1" } checked {/if} />
            </div>
            <div class="word-aux">通过邀请码注册成为灵工服务商</div>
        </div>

        <div class="layui-form-item distributor">
            <label class="layui-form-label">灵工入驻条件：</label>
            <div class="layui-input-block">
                <div class="layui-input-inline">
                    <input type="radio" name="settled_condition" value="0" lay-filter="settled_condition" title="无条件" checked />
                    <input type="radio" name="settled_condition" value="2" lay-filter="settled_condition" title="消费次数" {if condition="$basics_info && $basics_info.settled_condition == 2" } checked {/if} />
                    <input type="radio" name="settled_condition" value="3" lay-filter="settled_condition" title="消费金额"{if condition="$basics_info && $basics_info.settled_condition == 3" } checked {/if} />
                    <input type="radio" name="settled_condition" value="4" lay-filter="settled_condition" title="购买指定商品" {if condition="$basics_info && $basics_info.settled_condition == 4" } checked {/if} />
                </div>
            </div>
            <div class="word-aux">外编人员,兼职,全职入驻到本平台多一份收益</div>
        </div>
        <div class="layui-form-item layui-hide consume_count">
            <label class="layui-form-label">累计消费次数：</label>
            <div class="layui-input-block">
                <div class="layui-input-inline">
                    <input type="number" name="consume_count" value="{$basics_info.consume_count??''}" autocomplete="off" class="layui-input" onblur="checkInput(this, 'consume_count')">
                </div>
                <div class="layui-form-mid">次</div>
            </div>
        </div>
        <div class="layui-form-item layui-hide consume_money">
            <label class="layui-form-label">累计消费金额：</label>
            <div class="layui-input-block">
                <div class="layui-input-inline">
                    <input type="number" name="consume_money" value="{$basics_info.consume_money??''}" autocomplete="off" class="layui-input" onblur="checkInput(this, 'consume_money')">
                </div>
                <div class="layui-form-mid">元</div>
            </div>
        </div>
        <div class="layui-form-item layui-hide consume_goods">
            <div class="layui-form-item goods_list">
                <label class="layui-form-label"></label>
                <div class="layui-input-block">
                    <table id="selected_sku_list"></table>
                    <input type="hidden" lay-verify="goods_ids" name="goods_ids">
                    <button class="layui-btn" onclick="addGoods()">选择商品</button>
                </div>
            </div>
        </div>
        <div class="layui-form-item  layui-hide consume_condition">
            <label class="layui-form-label">消费条件：</label>
            <div class="layui-input-block">
                <div class="layui-input-inline">
                    <input type="radio" name="consume_condition" value="1" lay-filter="level" title="付款后" checked/>
                    <input type="radio" name="consume_condition" value="2" lay-filter="level" title="订单完成" {if condition="$basics_info && $basics_info.consume_condition == 2" } checked {/if} />
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span class="required">*</span>开店基数：</label>
            <div class="layui-input-inline limit">
                <input type="number" name="use_settle_number" value="{$basics_info.use_settle_number??''}" autocomplete="off" class="layui-input len-short">
                <div class="layui-form-mid">会员购买指定商品获得开店基数;如订单订购金额5000,基数为500,则订单金额5000/5000=5店铺</div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">商家管理APPID：</label>
            <div class="layui-input-inline limit">
                <input type="text" name="aliAppId" value="{$basics_info.aliAppId??''}" autocomplete="off" class="layui-input">
                <div class="layui-form-mid">商家快速跳转至商家小程序,目前仅支持支付宝小程序</div>
            </div>
        </div>
    <div>
    </div>
    <div class="form-row">
        <button class="layui-btn" lay-submit lay-filter="save">保存</button>
        <button class="layui-btn layui-btn-primary" onclick="back()">返回</button>
    </div>
</div>
{/block}
{block name="script"}
 <script type="text/html" id="operation">
        <div class="table-btn">
            <a class="layui-btn" onclick="delGoods({{d.goods_id}})">删除</a>
        </div>
 </script>
<script>
    var  selectedGoodsId = [], goods_id=[] ;
    var goods_list = {:json_encode($goods_list, JSON_UNESCAPED_UNICODE)};
    if (goods_list.length==0){
        goods_list = [];
    }
    $.each(goods_list, function(index, item) {
        var id = item.goods_id;
        selectedGoodsId.push(id);
        goods_id.push(id);
    });

    console.log(goods_list);
    renderTable(goods_list);
    $("input[name='goods_ids']").val(goods_id.toString());
    layui.use('form', function () {
        var form = layui.form;
        var repeat_flag = false; //防重复标识
        form.render();
        /**
         * 监听提交
         */
        form.on('submit(save)', function (data) {
            if (repeat_flag) return false;
            repeat_flag = true;
            $.ajax({
                url: ns.url("saas://shop/basics/setiing"),
                data: data.field,
                dataType: 'JSON',
                type: 'POST',
                success: function (res) {
                    repeat_flag = false;
                    layer.msg(res.message);
                }
            });
        });
        form.verify({
            goods_ids: function(value){
                var type = $('[name="settled_condition"]:checked').val();
                if(type==4){
                    if (!/[\S]+/.test(value)) {
                        return '请选择商品';
                    }
                }
            }
        });
        //监听成为分销商条件选择
        form.on('radio(settled_condition)', function(data){
            var value = data.value;
            distributionConditions(value);
        });
        distributionConditions("{$basics_info.settled_condition}");
    });
    function distributionConditions (value){
        value = parseInt(value);
        $('.consume_count').addClass("layui-hide");
        $('.consume_money').addClass("layui-hide");
        $('.consume_goods').addClass("layui-hide");
        $('.consume_condition').addClass("layui-hide");
        $('.apply').addClass("layui-hide");
        //无条件
        if(value == 0){
            $(".distributor .word-aux").text("不需要任何条件，如果不需要申请注册成为推荐商");
        }
        //申请
        if(value == 1){
            $('.apply').removeClass("layui-hide");
            $(".distributor .word-aux").text("需申请通过，才可以成为推荐商");
        }
        //消费次数
        if(value == 2){
            $('.consume_count').removeClass("layui-hide");
            $('.consume_condition').removeClass("layui-hide");

            $(".distributor .word-aux").text("当消费次数达到一定数量并申请通过才可以成为推荐商");
        }
        //消费金额
        if(value == 3){
            $('.consume_money').removeClass("layui-hide");
            $('.consume_condition').removeClass("layui-hide");

            $(".distributor .word-aux").text("当消费金额达到一定数量并申请通过才可以成为推荐商");
        }
        //购买指定商品
        if(value == 4){
            $('.consume_goods').removeClass("layui-hide");
            $('.consume_condition').removeClass("layui-hide");
            $(".distributor .word-aux").text("商品任选其-购买即可成为推荐商");
        }
    }

    /* 商品 */
    function addGoods(){
        goodsSelect(function (res) {
            if (!res.length) return false;
            goods_list = [];
            goods_id = [];
            for(var i=0;i<res.length;i++) {
                goods_id.push(res[i].goods_id);
                goods_list.push(res[i]);
            }
            renderTable(goods_list);
            $("input[name='goods_ids']").val(goods_id.toString());
            selectedGoodsId = goods_id;

        }, selectedGoodsId, {mode: "spu"});
    }

    // 删除选中商品
    function delGoods(id) {
        var i, j;
        $.each(goods_list, function(index, item) {
            var goods_id = item.goods_id;

            if (id == Number(goods_id)) {
                i = index;
            }
        });
        goods_list.splice(i, 1);
        renderTable(goods_list);

        $.each(selectedGoodsId, function(index, item) {
            if (id == Number(item)) {
                j = index;
            }
        });
        selectedGoodsId.splice(j, 1);
        goods_id = selectedGoodsId;
        $("input[name='goods_ids']").val(goods_id.toString());
    }

    // 表格渲染
    function renderTable(goods_list) {
        //展示已知数据
        table = new Table({
            elem: '#selected_sku_list',
            page: false,
            limit: Number.MAX_VALUE,
            cols: [
                [{
                    field: 'goods_name',
                    title: '商品名称',
                    unresize: 'false',
                    width: '50%',
                    templet: function(data) {
                        var html = '';
                        html += `
							<div class="goods-title" style="display:flex;">
								<div class="goods-img">
									<img src="${data.goods_image ? ns.img(data.goods_image.split(",")[0],'small') : ''}" alt="">
								</div>
								<p class="multi-line-hiding goods-name" style="margin:20px 0 0 10px;">${data.goods_name}</p>
							</div>
						`;
                        return html;
                    }
                }, {
                    field: 'price',
                    title: '商品价格(元)',
                    unresize: 'false',
                    align: 'right',
                    width: '20%',
                    templet: function(data) {
                        return '￥' + data.price;
                    }
                }, {
                    field: 'goods_stock',
                    title: '库存',
                    unresize: 'false',
                    align: 'center',
                    width: '20%'
                }, {
                    title: '操作',
                    toolbar: '#operation',
                    unresize: 'false',
                    align:'right'
                }],
            ],
            data: goods_list,
        });
    }
    function checkInput(obj, type){
        if(type == 'consume_money'){
            $(obj).val(Math.abs($(obj).val()));
        }
        if(type == 'consume_count'){
            $(obj).val(Math.floor(Math.abs($(obj).val())));
        }
    }
    function back() {
        location.href = ns.url("saas://shop/manage/lists")
    }
</script>
{/block}