{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">
<style type="text/css">
#num {
    display: none;
}

#catalog {
    display: none;
}

#ad {
    display: none;
}

#money {
    display: none;
}
</style>
<div class="sell_dream2_container">
    <div class="sell_dream2_main">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
            <legend style="width: auto;border-bottom: none;">新增特权</legend>
        </fieldset>
        <form class="form-horizontal" method="POST">
            <div style="margin-top: 20px;"></div>
            <input type="hidden" name="tablename" value="SellDream2Privilege">
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label">特权名称</label>
                <div class="col-xs-9">
                    <input type="input" class="form-control" value="" name="privilege_name" placeholder="请填写特权名称" required="true">
                </div>
            </div>
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label">选择特权类别</label>
                <div class="col-xs-9">
                    <select class="form-control" id="privilege_code" name="privilege_code">
                        {loop config("privilege")['privilege_type'] $item}
                        <option value="{$item['privilege_code']}">{$item['name']}</option>
                        {/loop}
                    </select>
                </div>
                <input type="hidden" name="privilege_type" id="privilege_type" value="资源级别">
            </div>
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label">特权规则</label>
                <div class="col-xs-9">
                    <div class="layui-card" id="level">
                        <div class="layui-card-header">资源级别</div>
                        <div class="layui-card-body">
                            <label class="checkbox-inline">
                                <input type="checkbox" name="privilege_rule_level[]" value="1"> 低等
                            </label>
                            <label class="checkbox-inline">
                                <input type="checkbox" name="privilege_rule_level[]" value="2"> 中等
                            </label>
                            <label class="checkbox-inline">
                                <input type="checkbox" name="privilege_rule_level[]" value="3"> 高等
                            </label>
                        </div>
                    </div>
                    <div class="layui-card" id="num">
                        <div class="layui-card-header">资源数量</div>
                        <div class="layui-card-body">
                            <input type="input" class="form-control" value="1" name="privilege_rule_num" placeholder="请填写该特权免费兑换资源数量，为0无效">
                        </div>
                    </div>
                    <div class="layui-card" id="catalog">
                        <div class="layui-card-header">资源分类</div>
                        <div class="layui-card-body">
                            {loop $resource_type_list $item}
                            <label class="checkbox-inline">
                                <input type="checkbox" name="privilege_rule_catalog[]" value="{$item['id']}"> {$item['resource_type_name']}
                            </label>
                            {/loop}
                        </div>
                    </div>
                    <div class="layui-card" id="ad">
                        <div class="layui-card-header">站内广告</div>
                        <div class="layui-card-body">
                            <label class="radio-inline">
                                <input type="radio" name="privilege_rule" id="privilege_rule1" value="0" checked> 关闭
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="privilege_rule" id="privilege_rule2" value="1"> 开启
                            </label>
                        </div>
                    </div>
                    <div class="layui-card" id="money">
                        <div class="layui-card-header">佣金比例</div>
                        <div class="layui-card-body">
                            <table class="layui-table">
                                <colgroup>
                                    <col width="200">
                                    <col width="200">
                                </colgroup>
                                <thead>
                                    <tr>
                                        <th>一级</th>
                                        <th>二级</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td><input type="input" class="form-control" value="" name="privilege_rule_one" placeholder=""></td>
                                        <td><input type="input" class="form-control" value="" name="privilege_rule_two" placeholder=""></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label"></label>
                <div class="col-xs-9">
                    <button type="submit" class="btn btn-lg btn-primary">提交</button>
                    <a href="javascript:window.history.back();" class="btn btn-lg btn-danger">返回</a>
                </div>
            </div>
        </form>
    </div>
</div>
{php includeWe7Copyright();}
<script type="text/javascript">
$("#privilege_code").on("change", function(res) {
    var privilege_code = $(this).children('option:selected').val();
    $("#privilege_type").val($(this).children('option:selected').text());
    changeUI(privilege_code);
});

function changeUI(privilege_code) {
    switch (privilege_code) {
        case "1001":
            $("#level").css("display", "block");
            $("#num").css("display", "none");
            $("#catalog").css("display", "none");
            $("#ad").css("display", "none");
            $("#money").css("display", "none");
            break;
        case "1002":
            $("#level").css("display", "none");
            $("#num").css("display", "block");
            $("#catalog").css("display", "none");
            $("#ad").css("display", "none");
            $("#money").css("display", "none");
            break;
        case "1003":
            $("#level").css("display", "none");
            $("#num").css("display", "none");
            $("#catalog").css("display", "block");
            $("#ad").css("display", "none");
            $("#money").css("display", "none");
            break;
        case "1004":
            $("#level").css("display", "none");
            $("#num").css("display", "none");
            $("#catalog").css("display", "none");
            $("#ad").css("display", "block");
            $("#money").css("display", "none");
            break;
        case "1005":
            $("#level").css("display", "none");
            $("#num").css("display", "none");
            $("#catalog").css("display", "none");
            $("#ad").css("display", "none");
            $("#money").css("display", "block");
            break;

    }
}
</script>