goods_add.html 11.8 KB
<include file="public@header"/>
<style type="text/css">
    .pic-list li {
        margin-bottom: 5px;
    }
</style>
<script type="text/html" id="photos-item-tpl">
    <li id="saved-image{id}">
        <input id="photo-{id}" type="hidden" name="det_img[]" value="{filepath}">
        <input class="form-control" id="photo-{id}-name" type="text" name="det_name[]" value="{name}"
               style="width: 200px;" title="图片名称">
        <img id="photo-{id}-preview" src="{url}" style="height:36px;width: 36px;"
             onclick="imagePreviewDialog(this.src);">
        <a href="javascript:uploadOneImage('图片上传','#photo-{id}');">替换</a>
        <a href="javascript:(function(){$('#saved-image{id}').remove();})();">移除</a>
    </li>
</script>
<script type="text/html" id="files-item-tpl">
    <li id="saved-file{id}">
        <input id="file-{id}" type="hidden" name="file_urls[]" value="{filepath}">
        <input class="form-control" id="file-{id}-name" type="text" name="file_names[]" value="{name}"
               style="width: 200px;" title="文件名称">
        <a id="file-{id}-preview" href="{preview_url}" target="_blank">下载</a>
        <a href="javascript:uploadOne('图片上传','#file-{id}','file');">替换</a>
        <a href="javascript:(function(){$('#saved-file{id}').remove();})();">移除</a>
    </li>
</script>
</head>
<body>
<div class="wrap js-check-wrap">
    <ul class="nav nav-tabs">
        <li><a href="{:url('Goods/goods_list')}">商品列表</a></li>
        <li class="active"><a href="#">添加商品</a></li>
    </ul>
    <form action="{:url('Goods/goods_add')}" method="post" class="form-horizontal js-ajax-form margin-top-20">
        <div class="row">
            <div class="col-md-9">
                <table class="table table-bordered">
                    <tr>
                        <th width="100">分类</th>
                        <td>
                            <select name="classify_id" class="form-control">
                                <volist name="classif_data" id="vo">
                                    <option value="{$vo.id}">{$vo.name}</option>
                                </volist>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <th width="100">标签</th>
                        <td>
                            <volist name="label_data" id="vo">
                                <label><input type="checkbox" name="label_id[]" value="{$vo.id}">{$vo.name}</label>
                            </volist>
                        </td>
                    </tr>
                    <tr>
                        <th>书籍</th>
                        <td>
                            <input class="form-control" type="text" name="book_name"
                                   id="title" required value="" placeholder="请输入书籍名称"/>
                        </td>
                    </tr>
                    <tr>
                        <th>售价</th>
                        <td><input class="form-control" type="text" name="price" id="source" value=""
                                   placeholder="请输入售价"></td>
                    </tr>
                    <tr>
                        <th>定价</th>
                        <td><input class="form-control" type="text" name="pricing"  value=""
                                   placeholder="请输入定价"></td>
                    </tr>
                   <!-- <tr>
                        <th>商品说明</th>
                        <td>
                            <textarea class="form-control" name="instr" style="height: 50px;"
                                      placeholder="请填写商品说明"></textarea>
                        </td>
                    </tr>-->
                    <tr>
                        <th>商品说明</th>
                        <td>
                            <script type="text/plain" id="content" name="instr"></script>
                        </td>
                    </tr>
                    <tr>
                        <th>咨询电话</th>
                        <td><input class="form-control" type="text" name="zixun_phone"  value=""
                                   placeholder="请输入咨询电话"></td>
                    </tr>
                    <tr>
                        <th>书号</th>
                        <td><input class="form-control" type="text" name="book_number"  value=""
                                   placeholder="请输入书号"></td>
                    </tr>
                    <tr>
                        <th>开本</th>
                        <td><input class="form-control" type="text" name="book_size"  value=""
                                   placeholder="请输入开本"></td>
                    </tr>
                <!--    <tr>
                        <th>纸张</th>
                        <td><input class="form-control" type="text" name="paper"  value=""
                                   placeholder="请输入纸张"></td>
                    </tr>-->
                    <tr>
                        <th>印刷</th>
                        <td><input class="form-control" type="text" name="printing"  value=""
                                   placeholder="请输入印刷"></td>
                    </tr>
                    <tr>
                        <th>装订</th>
                        <td><input class="form-control" type="text" name="binding"  value=""
                                   placeholder="请输入装订"></td>
                    </tr>
                    <tr>
                        <th>作者</th>
                        <td><input class="form-control" type="text" name="author"  value=""
                                   placeholder="请输入作者"></td>
                    </tr>
                    <tr>
                        <th>出版社</th>
                        <td><input class="form-control" type="text" name="press"  value=""
                                   placeholder="请输入出版社"></td>
                    </tr>
                    <tr>
                        <th>出版时间</th>
                        <td><input class="form-control" type="text" name="press_time"  value=""
                                   placeholder="请输入出版时间"></td>
                    </tr>
                    <tr>
                        <th>套装</th>
                        <td><input class="form-control" type="text" name="suit"  value=""
                                   placeholder="请输入套装"></td>
                    </tr>
                    <tr>
                        <th>适合年级</th>
                        <td>
                            <select name="grade" class="form-control">
                                <option value="一年级">一年级</option>
                                <option value="二年级">二年级</option>
                                <option value="三年级">三年级</option>
                                <option value="四年级">四年级</option>
                                <option value="五年级">五年级</option>
                                <option value="六年级">六年级</option>
                                <option value="初一">初一</option>
                                <option value="初二">初二</option>
                                <option value="初三">初三</option>
                                <option value="高一">高一</option>
                                <option value="高二">高二</option>
                                <option value="高三">高三</option>
                                <option value="小学">小学</option>
                                <option value="初中">初中</option>
                                <option value="高中">高中</option>
                                <option value="学龄前">学龄前</option>
                                <option value="3-6年级">3-6年级</option>
                                <option value="1-2年级">1-2年级</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <th>商品详情</th>
                        <td>
                            <ul id="photos" class="pic-list list-unstyled form-inline"></ul>
                            <a href="javascript:uploadMultiImage('图片上传','#photos','photos-item-tpl');"
                               class="btn btn-default btn-sm">选择图片</a>
                        </td>
                    </tr>
                </table>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" class="btn btn-primary js-ajax-submit">{:lang('ADD')}</button>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <table class="table table-bordered">
                    <tr>
                        <th><b>展示图</b></th>
                    </tr>
                    <tr>
                        <td>
                            <div style="text-align: center;">
                                <input type="hidden" name="show_img" id="thumbnails" value="">
                                <a href="javascript:uploadOneImage('图片上传','#thumbnails');">
                                    <img src="__TMPL__/public/assets/images/default-thumbnail.png"
                                         id="thumbnails-preview"
                                         width="135" style="cursor: pointer"/>
                                </a>
                                <input type="button" class="btn btn-sm btn-cancel-thumbnails" value="取消图片">
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th><b>缩略图</b></th>
                    </tr>
                    <tr>
                        <td>
                            <div style="text-align: center;">
                                <input type="hidden" name="thumbnail" id="thumbnail" value="">
                                <a href="javascript:uploadOneImage('图片上传','#thumbnail');">
                                    <img src="__TMPL__/public/assets/images/default-thumbnail.png"
                                         id="thumbnail-preview"
                                         width="135" style="cursor: pointer"/>
                                </a>
                                <input type="button" class="btn btn-sm btn-cancel-thumbnail" value="取消图片">
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </form>
</div>
<script type="text/javascript" src="__STATIC__/js/admin.js"></script>
<script type="text/javascript">
    //编辑器路径定义
    var editorURL = GV.WEB_ROOT;
</script>
<script type="text/javascript" src="__STATIC__/js/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="__STATIC__/js/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript">
    $(function () {

        editorcontent = new baidu.editor.ui.Editor();
        editorcontent.render('content');
        try {
            editorcontent.sync();
        } catch (err) {
        }

        $('.btn-cancel-thumbnail').click(function () {
            $('#thumbnail-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png');
            $('#thumbnail').val('');
        });

    });
    $(function () {
        $('.btn-cancel-thumbnails').click(function () {
            $('#thumbnails-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png');
            $('#thumbnails').val('');
        });

    });

</script>
</body>
</html>