add.html 6.66 KB
<div class="pageheader">
    <div class="media">
        <div class="pageicon pull-left">
            <i class="fa fa-th-list"></i>
        </div>
        <div class="media-body">
            <ul class="breadcrumb">
                <li><a href="#"><i class="glyphicon glyphicon-home"></i></a></li>
                <li><a href="#">限购商品管理</a></li>
                <li>限购商品管理</li>
            </ul>
            <h4>限购商品管理</h4>
        </div>
    </div>
    <!-- media -->
</div>

<div class="contentpanel">
    <div class="form-horizontal" id="limit-add-form">
        <div class="col-md-12">
            <div class="panel-group">
                <div class="pannel">
                    <div class="panel-heading">
                        <h3 class="panel-title">限购商品基本信息</h3>
                    </div>
                    <div class="panel-collapse collapse in">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-1 height40">限购码批次*</div>
                                <div class="col-md-1">
                                    <input id="batch" type="text" class="form-control text-center" placeholder="">
                                </div>
                            </div>
                            <div class="row mt20">
                                <div class="col-md-1 height40">发售日期*</div>
                                <div class="col-md-1">
                                    <input id="limitDate" type="text" class="form-control text-center" placeholder="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="pannel">
                    <div class="panel-heading">
                        <h3 class="panel-title">限购商品排序</h3>
                    </div>
                    <div class="panel-collapse collapse in">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-1 height40">是否热门*</div>
                                <div class="col-md-1">
                                    <div class="radio pull-left mr15">
                                        <label><input type="radio" name="optionsStock" value="1" checked=""></label>
                                    </div>
                                    <div class="radio pull-left">
                                        <label><input type="radio" name="optionsStock" value="0"></label>
                                    </div>
                                    <input id="optionsStock" type="hidden" value="1" for="radio">
                                </div>
                                <div class="col-md-1 height40">
                                    热门发售排序
                                </div>
                                <div class="col-md-1">
                                    <input id="hotSale" type="text" class="form-control text-center" placeholder="">
                                </div>
                                <div class="col-md-1 height40">
                                    未发售排序
                                </div>
                                <div class="col-md-1">
                                    <input id="notSaleSort" type="text" class="form-control text-center" placeholder="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="pannel">
                    <div class="panel-heading">
                        <h3 class="panel-title">限量详情内容</h3>
                    </div>
                    <div class="panel-collapse collapse in">
                        <div class="panel-body">
                            <div class="row mb20">
                                <div class="col-md-1 height40">封面图*</div>
                                <div class="col-md-1" id="coverImgBox">
                                   <input type="file" name="coverImg" id="coverImg"/>
                                </div>
                            </div>

                            <div class="row mb20">
                                <div class="col-md-12">
                                    <div class="quota-text"></div>
                                    <div class="quota-img"></div>
                                    <div class="quota-video"></div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12">
                                    <button class="btn btn-primary mr5" id="textDialog">文本</button>
                                    <button class="btn btn-primary mr5" id="picDialog">图片</button>
                                    <button class="btn btn-primary mr5" id="videoDialog">视频</button>
                                </div>
                            </div>

                            <div class="row mt20">
                                <div class="col-md-12">
                                    <button class="btn btn-primary limit-add-btn">保存</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script type="text/template" id="picDialogTemp">
    <div class="row">
        <div class="col-md-3">
            <img width="100" src="http://img11.static.yhbimg.com/goodsimg/2015/07/07/08/01315b5bbfd72bc5b59fa2fda6c28b9ae6.jpg" alt=""/>
        </div>
        <div class="col-md-9">
            <div class="form-group">
                <label class="pull-left control-label height40">{name}链接</label>
                <div class="pull-left ml10">
                    <input class="form-control" type="text" placeholder="{name}链接">
                </div>
                <button type="button" class="btn btn-primary ml10">{name}图片</button>
            </div>
            <div class="form-group">
                <label class="pull-left control-label height40">{name}描述</label>
                <div class="pull-left ml10">
                    <input class="form-control" type="text" placeholder="{name}描述">
                </div>
            </div>
        </div>
    </div>
</script>