shop2.html 18.4 KB
<div class="tabheader">
    <ul class="nav nav-tabs">
      <li data-toggle="shopWeb-pc" class="active"><a href="javascript:">店铺装修(PC端)</a></li>
      <li data-toggle="shopWeb-app"><a href="javascript:">店铺装修(移动端)</a></li>
    </ul>
</div>

<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 class="col-sm-3">
                    <h4>选择模板</h4>
                </div>
                <div class="col-sm-3">
                    <div class="moduleTypeView">
                        <label class="radio-inline"><input type="radio" name="brandLevel" value="1">基础模板</label>
                        <label class="radio-inline"><input type="radio" name="brandLevel" value="2">经典模板</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="moduleTypeSelect" style="display: none; margin-top: -10px">
                        <label>PC端使用模板:</label>
                        <select id="templateSelect" style="width: 120px; display: inline-block" class="form-control">
                            <option value="0" selected="selected">--选择模板--</option>
                            <option value="1">基础模板</option>
                            <option value="2">经典模板</option>
                        </select>
                    </div>
                </div>
                <div id="operations" class="col-sm-3">
                    <div class="moduleView" style="display: none; text-align: right; margin-top: -10px">
                        <input type="button" class="btn btn-default " value="返回" onclick="history.go(-1)">
                    </div>
                    <div class="moduleSubmite" style="display: none; text-align: right; margin-top: -10px">
                        <input id="saveModule" type="button" class="btn btn-success" value="暂存">
                        <input id="submitModule" type="button" class="btn btn-primary" value="提交审核">
                        <input type="button" class="btn btn-default " value="返回" onclick="history.go(-1)">
                    </div>
                    <div class="moduleCheck" style="display: none; text-align: right; margin-top: -10px">
                        <input id="checkOk" type="button" class="btn btn-primary" value="审核通过">
                        <input id="checkNo" type="button" class="btn btn-danger" value="驳回">
                        <input type="button" class="btn btn-default " value="返回" onclick="history.go(-1)">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="main" class="contentpanel"></div>

<!--pc端店铺基础模板-->
<script type="text/template" id="shopWeb-pc-1">

    <div class="model-wrap contentpanel-pc">
        <!--banner-->
        <div class="model-banner model-editor" data-toggle="editor-banner" data-title="顶部图片编辑">
            <img src="[[resources.shopTopBanner.data[0].shopSrc]]">
            [[if resources.shopTopBanner.data[0].isShowShopName == "Y"]]
            <h1>[[shopName]]</h1>
            [[/if]]
        </div>
        <!--main-->
        <div class="model-main">
            <!--左侧main-->
            <div class="model-main-left">
                <!--商品列表-->
                <div class="sortList"></div>
                <!--水牌-->
                <div class="model-recommend model-signboard model-editor" data-toggle="editor-signboard" data-title="水牌位编辑">
                    <div class="recommendDetail signboardDetail">
                        <ul>
                            [[each resources.signboard.data as item _index]]
                            <li><a href="[[item.data[0].url]]"><img src="[[item.data[0].src]]"></a></li>
                            [[/each]]
                        </ul>
                    </div>
                </div>
            </div>
            <!--右侧main-->
            <div class="model-main-right model-main-right-default"></div>
            <div class="clear"></div>
        </div>
    </div>
</script>

<!--pc端店铺经典模板-->
<script type="text/template" id="shopWeb-pc-2">

    <div class="model-wrap contentpanel-pc">
        <!--banner-->
        <div class="model-banner model-editor" data-toggle="editor-banner" data-title="顶部图片编辑">
            <img src="[[resources.shopTopBanner.data[0].shopSrc]]">
            [[if resources.shopTopBanner.data[0].isShowShopName == "Y"]]
            <h1>[[shopName]]</h1>
            [[/if]]
        </div>
        <!--nav-->
        <div class="model-nav model-editor" data-toggle="editor-nav" data-title="导航栏编辑">
            <ul>
                <li><a href="javascript:">店铺首页</a></li><li><a href="javascript:">全部商品</a></li><li><a href="javascript:">人气单品</a></li><li><a href="javascript:">新品上架</a></li>
                [[each resources.navigationBar.data as item _index]]
                [[if item.name]]
                <li><a href="[[item.url]]">[[item.name]]</a></li>
                [[/if]]
                [[/each]]
            </ul>
        </div>

        <!--main-->
        <div class="model-main">

            <!--左侧main-->
            <div class="model-main-left">
                <!--商品列表-->
                <div class="sortList"></div>
                <!--品牌集合-->
                <div class="model-recommend model-brand model-editor" style="display: none" data-toggle="editor-brand" data-title="品牌集合编辑">
                    <div class="recommendTitle">品牌集合</div>
                    <div class="recommendDetail brandDetail">
                        <ul>
                            [[each resources.brandBrowse.data as item _index]]
                            <li><a href="javascript:void(0)">[[item.brandName]]</a></li>
                            [[/each]]
                        </ul>
                    </div>
                </div>
                <!--经典推荐-->
                <div class="model-recommend model-typicRecommend model-editor" data-toggle="editor-recommend" data-title="[[resources.recommend.title]]编辑">
                    <div class="recommendTitle">[[resources.recommend.title]]</div>
                    <div class="recommendDetail typicRecommendDetail">
                        <ul>
                            [[each resources.recommend.data as item _index]]
                            <li>
                                <div class="recommendNames">
                                    <a href="[[item.url]]">[[item.name]]</a>
                                    <span>[[item.enName]]</span>
                                </div>
                                <img src="[[item.src]]">
                                <div class="clear"></div>
                            </li>
                            [[/each]]
                        </ul>
                    </div>
                </div>
                <!--热销推荐-->
                <div class="model-recommend model-hotRecommend model-editor" data-toggle="editor-hotRecommend" data-title="[[resources.hotRecommend.title]]编辑">
                    [[if resources.hotRecommend.title]]
                    <div class="recommendTitle">[[resources.hotRecommend.title]]</div>
                    [[/if]]
                    <div class="recommendDetail hotRecommendDetail">
                        <ul>
                            [[each resources.hotRecommend.data as item _index]]
                            <li><a href="[[item.url]]"><img src="[[item.src]]"></a></li>
                            [[/each]]
                        </ul>
                    </div>
                </div>
            </div>

            <!--右侧main-->
            <div class="model-main-right">
                <!--slide-->
                <div class="model-slide model-editor" data-toggle="editor-largePic" data-title="资源位大图编辑"><img src="[[resources.largeSlideImg.data[0].data[0].src]]"></div>
                <!--资源位小图-->
                <div class="model-sourcePic">
                    <ul class="model-editor" data-toggle="editor-smallPic" data-title="资源位小图编辑">
                        [[each resources.oneRowTwoColImages.data as item _index]]
                        <li><img src="[[item.data[0].src]]"></li>
                        [[/each]]
                    </ul>
                </div>
                <div class="clear"></div>

                <!--新品上架-->
                <div class="model-show">
                    <div class="model-showTitle">
                        <div class="showName"><span>新品上架&nbsp;&nbsp;NEW</span></div>
                        <div class="showTab model-editor" data-toggle="editor-newGoodTab" data-title="新品上架标签编辑">
                            <ul>
                                [[each resources.goodsTabBar.data.new as item _index]]
                                [[if item.name]]
                                    [[if _index == 0]]
                                        <li style="border-right: 0"><a href="[[item.url]]">[[item.name]]</a></li>
                                    [[else]]
                                        <li><a href="[[item.url]]">[[item.name]]</a></li>
                                    [[/if]]
                                [[/if]]
                                [[/each]]
                            </ul>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="model-showDetail model-editor" data-toggle="editor-newProduct" data-title="新品上架商品编辑">
                        <ul>
                            [[if resources.newProducts.data.length > 0]]
                                [[each resources.newProducts.data as item _index]]
                                <li><img src="[[item.src]]"><div class="shadow"><a href="javascript:">[[item.productName]]</a><b>¥[[item.salesPrice]]</b></div></li>
                                [[/each]]
                            [[else]]
                                <li><img src="http://cdn.yoho.cn/yohobuy-portal/assets/images/shop.png"><div class="shadow"><a href="javascript:">商品展示样例</a><b>¥商品价格</b></div></li>
                            [[/if]]
                        </ul>
                        <div class="clear"></div>
                    </div>
                </div>

                <!--人气单品-->
                <div class="model-show">
                    <div class="model-showTitle">
                        <div class="showName"><span>人气单品&nbsp;&nbsp;NEW</span></div>
                        <div class="showTab model-editor" data-toggle="editor-hotGoodTab" data-title="人气单品标签编辑">
                            <ul>
                                [[each resources.goodsTabBar.data.hot as item _index]]
                                [[if item.name]]
                                    [[if _index == 0]]
                                        <li style="border-right: 0"><a href="[[item.url]]">[[item.name]]</a></li>
                                    [[else]]
                                        <li><a href="[[item.url]]">[[item.name]]</a></li>
                                    [[/if]]
                                [[/if]]
                                [[/each]]
                            </ul>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="model-showDetail model-editor" data-toggle="editor-hotProduct" data-title="人气单品商品编辑">
                        <ul>
                            [[if resources.hotProducts.data.length > 0]]
                                [[each resources.hotProducts.data as item _index]]
                                <li><img src="[[item.src]]"><div class="shadow"><a href="javascript:">[[item.productName]]</a><b>¥[[item.salesPrice]]</b></div></li>
                                [[/each]]
                            [[else]]
                                <li><img src="http://cdn.yoho.cn/yohobuy-portal/assets/images/shop.png"><div class="shadow"><a href="javascript:">商品展示样例</a><b>¥商品价格</b></div></li>
                            [[/if]]
                        </ul>
                        <div class="clear"></div>
                    </div>
                </div>

            </div>
            <div class="clear"></div>
        </div>
    </div>
</script>

<!--app端店铺模板-->
<script type="text/template" id="shopWeb-app">
    <div class="model-wrap contentpanel-app">
        <!--banner-->
        <div class="model-banner model-editor" data-toggle="editor-banner" data-title="顶部图片编辑">
            [[if resources.shopTopBanner_APP.isUsed == "Y"]]
                <img src="[[resources.shopTopBanner_APP.data[0].shopSrc]]">
                [[if resources.shopTopBanner_APP.data[0].isShowShopName == "Y"]]
                <h1>[[shopName]]</h1>
                [[/if]]
            [[else]]
                <img src="[[resources.shopTopBanner.data[0].shopSrc]]">
                [[if resources.shopTopBanner.data[0].isShowShopName == "Y"]]
                <h1>[[shopName]]</h1>
                [[/if]]
            [[/if]]
        </div>
        <!--nav-->
        <div class="model-nav">
            <ul>
                <li class="active"><a href="javascript:">首页</a></li><li><a href="javascript:">上新</a></li><li><a href="javascript:">人气</a></li><li  style="border:0"><a href="javascript:">全部商品</a></li><div class="clear"></div>
            </ul>
        </div>

        <!--main-->
        <div class="model-main">
            <!--品牌一览-->
            <div class="model-brand brand-list model-editor" style="display: none;" data-toggle="editor-brand-app" data-title="品牌一览编辑">
                <span>品牌一览</span>
                <ul>
                    [[each resources.brandBrowse.data as item _index]]
                    <li><a href="javascript:void(0)"><img src="[[item.brandIco]]"></a></li>
                    [[/each]]
                    <div class="clear"></div>
                </ul>
            </div>
            <!--大图-->
            <div class="largePic model-editor" data-toggle="editor-largePic-app" data-title="资源位大图编辑"><a href="javascript:"><img src="[[resources.largeSlideImg.data[0].data[0].src]]"></a></div>
            <!--小图-->
            <div class="model-smallPic model-editor" data-toggle="editor-smallPic" data-title="资源位小图编辑">
                <ul>
                    [[if resources.oneRowTwoColImages_APP.isUsed == "Y"]]
                        [[each resources.oneRowTwoColImages_APP.data as item _index]]
                        <li><img src="[[item.data[0].src]]"></li>
                        [[/each]]
                    [[else]]
                        [[each resources.oneRowTwoColImages.data as item _index]]
                        <li><img src="[[item.data[0].src]]"></li>
                        [[/each]]
                    [[/if]]
                </ul>
            </div>
            <div class="clear"></div>
            <!--热门品类-->
            <div class="sortList">
                <span>热门品类</span>
                <div class="sortListDetail model-editor" data-toggle="editor-recommend-app" data-title="热门品类编辑">
                    <ul>
                        [[each resources.recommend.data as item _index]]
                            [[if item.isShowInApp == "Y"]]
                                <li><img src="[[item.src]]"><a href="[[item.url]]">[[item.name]]</a></li>
                            [[/if]]
                        [[/each]]
                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
        <!--人气单品-->
        <div class="model-show">
            <div class="showTitle">
                <span>人气单品</span>
                <a href="javascript:">MORE</a>
            </div>
            <div class="model-showDetail model-editor" data-toggle="editor-hotProduct" data-title="人气单品商品编辑">
                <ul>
                    [[if resources.hotProducts_APP.isUsed == "Y"]]
                        [[each resources.hotProducts_APP.data as item _index]]
                        <li><img src="[[item.src]]"><div class="shadow"><a href="javascript:">[[item.productName]]</a><b>¥[[item.salesPrice]]</b></div></li>
                        [[/each]]
                    [[else]]
                        [[if resources.hotProducts.data.length > 0]]
                            [[each resources.hotProducts.data as item _index]]
                            <li><img src="[[item.src]]"><div class="shadow"><a href="javascript:">[[item.productName]]</a><b>¥[[item.salesPrice]]</b></div></li>
                            [[/each]]
                        [[else]]
                            <li><img src="http://cdn.yoho.cn/yohobuy-portal/assets/images/shop.png"><div class="shadow"><a href="javascript:">商品展示样例</a><b>¥商品价格</b></div></li>
                        [[/if]]
                    [[/if]]
                </ul>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</script>

<!--排行前20畅销模板-->
<script type="text/template" id="top20Products">
    <div class="topList">
        <div class="topListName">畅销排行Top20</div>
        <div class="topListDetail">
            <ul>
                [[each data as item _index]]
                <li class="topAdd" data-productId="[[item.productId]]" data-productName="[[item.productName]]"
                    data-productPrice="[[item.salesPrice]]" data-productSkn="[[item.productSkn]]" data-cnAlphabet="[[item.cnAlphabet]]" data-goodsId ="[[item.goodsId]]">
                    <a href="javascript:"><img src="[[item.src]]"><b></b><span>top[[_index+1]]</span><i></i></a>
                </li>
                [[/each]]
            </ul>
            <div style="clear: both"></div>
        </div>
        <div class="topTip">
            <i>*&nbsp;&nbsp;</i><span></span>
        </div>
    </div>
</script>