{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">
<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="SellDream2Jump">
            <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="jump_title" placeholder="请填写跳转名称" required="true">
                </div>
            </div>
            <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="999" name="jump_sort" placeholder="数字越小越靠前" required="true">
                    <div style="margin-top: 1em;"><span>该排序为小程序底部导航栏的排序</span>，数字越小越靠前</div>
                </div>
            </div>
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label">跳转类型</label>
                <div class="col-xs-9">
                    <label class="radio-inline">
                        <input type="radio" name="jump_type" id="group_status1" value="1" checked> 小程序内部页面
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="jump_type" id="group_status1" value="2"> 其他小程序
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="jump_type" id="group_status3" value="3"> 外部链接（h5、公众号）
                    </label>
                </div>
            </div>
            <div class="form-group" id="div_jump_params" style="display:none;">
                <label for="column" class="col-xs-2 control-label"><span id="jump_params_title">跳转小程序appid</span></label>
                <div class="col-xs-9">
                    <input type="text" class="layui-input" value="" name="jump_params">
                </div>
            </div>
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label"><span id="jump_url_title">小程序内部页面</span></label>
                <div class="col-xs-9">
                    <input type="text" class="layui-input" value="" name="jump_url">
                </div>
            </div>
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label">图标</label>
                <div class="col-xs-9">
                    {php echo tpl_form_field_image("jump_icon");}
                </div>
            </div>
             <div class="form-group">
                <label for="column" class="col-xs-2 control-label">未选中图标</label>
                <div class="col-xs-9">
                    {php echo tpl_form_field_image("jump_icon_no");}
                    <div style="margin-top: 1em;"><span>如需将该跳转作为<span style="color:red;">小程序底部自定义导航栏</span>使用，则需上传未选中图标。</span></div>
                </div>
            </div>
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label">跳转简介</label>
                <div class="col-xs-9">
                    <textarea class="form-control" rows="5" name="jump_intro"></textarea>
                </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 src="/addons/sell_dream2/static/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript">
    $('input[type=radio][name=jump_type]').change(function() {
        if (this.value == 2) {
            $("#jump_params_title").text("小程序(小游戏)appid");
            $("#jump_url_title").text("跳转页面（默认首页）");
            $("#div_jump_params").css("display","block");
        }
        else if (this.value == 1) {
            $("#jump_params_title").text("小程序页面参数");
            $("#jump_url_title").text("小程序内部页面");
            $("#div_jump_params").css("display","none");
        }
        else if (this.value == 3) {
            $("#jump_params_title").text("外部链接地址");
            $("#jump_url_title").text("外部链接地址");
            $("#div_jump_params").css("display","none");
        }
    });

</script>