审查视图

public/themes/admin_simpleboot3/portal/admin_goods/add.html 7.2 KB
1  
潘浩文 authored
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157
<include file="public@header"/>
<style type="text/css">
    .pic-list li {
        margin-bottom: 5px;
    }
</style>
</head>
<script type="text/html" id="photos-item-tpl">
    <li id="saved-image{id}">
        <input id="photo-{id}" type="hidden" name="photo_urls[]" value="{filepath}">
        <input class="form-control" id="photo-{id}-name" type="text" name="photo_names[]" 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>
<body>
<div class="wrap js-check-wrap">
    <ul class="nav nav-tabs">
        <li><a href="{:url('AdminGoods/index')}">商品列表</a></li>
        <li class="active"><a>添加商品</a></li>
    </ul>
    <form action="{:url('AdminGoods/addPost')}" 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="150">产品编号<span class="form-required">*</span></th>
                        <td>
                            <input class="form-control" type="text" name="number"
                                   id="number" required value="" placeholder="请输入产品编号"/>
                        </td>
                    </tr>
                    <tr>
                        <th>产品名称<span class="form-required">*</span></th>
                        <td>
                            <input class="form-control" type="text" name="goods_name"
                                   id="goods_name" required value="" placeholder="请输入产品名称"/>
                        </td>
                    </tr>
                    <tr>
                        <th>产品原价<span class="form-required">*</span></th>
                        <td>
                            <input class="form-control" type="number" name="before_price"
                                   id="before_price" required value="" placeholder="请输入产品原价"/>
                        </td>
                    </tr>
                    <tr>
                        <th>产品现价<span class="form-required">*</span></th>
                        <td>
                            <input class="form-control" type="number" name="now_price"
                                   id="now_price" required value="" placeholder="请输入产品现价"/>
                        </td>
                    </tr>
                    <tr>
                        <th>vip价格<span class="form-required">*</span></th>
                        <td>
                            <input class="form-control" type="number" name="vip_price"
                                   id="vip_price" required value="" placeholder="请输入vip价格"/>
                        </td>
                    </tr>
                    <tr>
                        <th>库存<span class="form-required">*</span></th>
                        <td>
                            <input class="form-control" type="number" name="stock"
                                   id="stock" required value="" placeholder="请输入产品库存"/>
                        </td>
                    </tr>
                    <tr>
                        <th>是否上架<span class="form-required">*</span></th>
                        <td>
                            <input type="radio" name="status" value="1" checked>
                            <input type="radio" name="status" value="0">
                        </td>
                    </tr>
                    <tr>
                        <th><b>产品图片</b></th>
                        <td>
                            <div style="text-align: center;">
                                <input type="hidden" name="image" 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>
                    <tr>
                        <th>商品详情</th>
                        <td>
                            <input class="form-control" type="text" name="content"
                                   id="content" required value="" placeholder="请输入商品详情"/>
                        </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>
                        <a class="btn btn-default" href="{:url('AdminGoods/index')}">{:lang('BACK')}</a>
                    </div>
                </div>
            </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 doSelectCategory() {
        var selectedCategoriesId = $('#js-categories-id-input').val();
        openIframeLayer("{:url('AdminCategory/select')}?ids=" + selectedCategoriesId, '请选择分类', {
            area: ['700px', '400px'],
            btn: ['确定', '取消'],
            yes: function (index, layero) {
                //do something

                var iframeWin          = window[layero.find('iframe')[0]['name']];
                var selectedCategories = iframeWin.confirm();
                if (selectedCategories.selectedCategoriesId.length == 0) {
                    layer.msg('请选择分类');
                    return;
                }
                $('#js-categories-id-input').val(selectedCategories.selectedCategoriesId.join(','));
                $('#js-categories-name-input').val(selectedCategories.selectedCategoriesName.join(' '));
                //console.log(layer.getFrameIndex(index));
                layer.close(index); //如果设定了yes回调,需进行手工关闭
            }
        });
    }
</script>
</body>
</html>