proPhoto.html 4.21 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>
            <div>
                <div style="width: 30%;float: left;">
                    <h4>产品图片管理</h4>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="contentpanel">
    <div class="panel panel-default" style="...">
        <div class="panel-body">
            <div class="row">
                <div class="panel-col2">
                    <input type="text" id="starttime" class="form-control panel-input hasDatepicker time" name="start_time"
                           placeholder="开始时间" value="">
                </div>
                <div class="panel-col2">
                    <input type="text" id="endtime" class="form-control panel-input hasDatepicker time" name="end_time"
                           placeholder="结束时间" value="">
                </div>
                <div class="panel-col">
                    <input type="text" value="" name="productSkn" id="content-filter1" placeholder="skn"
                           class="form-control">
                </div>
                <div class="panel-col">
                    <input type="text" value="" name="productSkc" id="content-filter2" placeholder="skc"
                           class="form-control">
                </div>
                <div class="panel-col">
                    <input type="text" value="" name="productSku" id="content-filter3" placeholder="sku"
                           class="form-control">
                </div>
                <div class="panel-col2">
                    <a id="filter-btn" href="javascript:;" class="btn btn-info">查询</a>
                    <a id="upload-btn" href="javascript:;" class="btn btn-info">上传图片</a>
                </div>
            </div>
        </div>
    </div>
    <div id="content-list"></div>
</div>

<!--上传图片-->
<script type="text/template" id="template1">
    <div class="rows" style="height: 400px;overflow: auto">
        [[if __state=='add']]
        <div class="form-group">
            <label class="col-sm-2 control-label" for="Sku">SKU</label>

            <div class="col-sm-6">
                <input type="text" value="[[productSku]]" class="form-control" id="Sku"/>
            </div>
        </div>
        [[else]]
        <div class="form-group">
            <label class="col-sm-2">SKN</label>

            <div class="col-sm-6">
                <input type="text" value=[[productSkn]] class="form-control" disabled="disabled">
            </div>
        </div>
        [[/if]]
        <div class="form-group">
            <label class="col-sm-2 control-label">图片</label>
            <div class="cover-image-list col-sm-10">
                <!-- 用于修改 -->
                <ul class="cover-image-list col-sm-10" id="addPic" style="padding: 0;margin: 0;">
                    <!-- 修改时不存在 -->
                    [[if __state=='add']]
                    <li class="cover-image-item fileinput-button">
                        <div class="goods-img">
                            <a class="fileinput-button-icon" href="javascript:void(0);">+</a>
                            <input type="file" class="goods-img-upload picfile" name="picfile">
                        </div>
                    </li>
                    [[/if]]
                </ul>
            </div>
        </div>
    </div>
</script>
<!--图片列表-->
<script type="text/template" id="template2">
    [[each pictureBoList as _item _index]]
    <li class="cover-image-item image-list" data-index=[[_index]]>
        <div class="goods-img">
            <a class="fileinput-button-icon" href="javascript:void(0);">
                <img src="[[_item.fileName]]">
            </a>
            <i class="remove-item-btn remove1 glyphicon glyphicon-remove-circle" data-index="[[_index]]"></i>
        </div>
    </li>
    [[/each]]
</script>