3909 lines
222 KiB
HTML
3909 lines
222 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="renderer" content="webkit">
|
||
<title>页面装修</title>
|
||
<link href="__PUBLIC__/static/css/tp-base.css" rel="stylesheet" />
|
||
<link href="__PUBLIC__/static/css/tp-pc-decorate.css" rel="stylesheet" />
|
||
<link href="__PUBLIC__/static/css/tp-pc-package.css" rel="stylesheet" />
|
||
<link href="__PUBLIC__/static/js/jquery-ui/jquery-ui.min.css" rel="stylesheet" />
|
||
<script src="__PUBLIC__/static/js/jquery-1.9.1-min.js" type="text/javascript"></script>
|
||
<script src="__PUBLIC__/static/js/swipeSlide.min.js" type="text/javascript"></script>
|
||
<script type="text/javascript" src="__PUBLIC__/static/js/layer/layer.js"></script><!-- 弹窗js 参考文档 http://layer.layui.com/-->
|
||
<script src="__PUBLIC__/js/global.js"></script>
|
||
<script src="__PUBLIC__/static/js/tp-drag-join-module.js"></script>
|
||
<script src="__PUBLIC__/static/js/jquery-ui/jquery-ui.min.js"></script>
|
||
<load href="__PUBLIC__/plugins/Ueditor/ueditor.config.js"/>
|
||
<load href="__PUBLIC__/plugins/Ueditor/ueditor.all.min.js"/>
|
||
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/plugins/Ueditor/lang/zh-cn/zh-cn.js"></script>
|
||
<script type="text/javascript" src="__PUBLIC__/static/js/layui/layui.js?v=2.3.0"></script>
|
||
<script src="__PUBLIC__/static/js/layuifun.js"></script>
|
||
<!--script type="text/javascript" src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.min.js"></script-->
|
||
<include file="block/css" />
|
||
</head>
|
||
<body class="not-select">
|
||
<div class="tp-decorate-wrap">
|
||
<div class="tpd-main">
|
||
<h3 class="tpd-scetion-title">
|
||
模板样式预览
|
||
<ul class="tpd-head">
|
||
<li>
|
||
<label>模板名称：</label>
|
||
<input id="block_name" class="tpd-module-name" value="{$template_name}" type="text" placeholder="未命名" />
|
||
</li>
|
||
</ul>
|
||
</h3>
|
||
<div class="tpd-scetion-cont clearfix">
|
||
<div class="tpd-mobile-show">
|
||
<div class="tpd-mobile-scroll scrollbar">
|
||
<div class="tpd-mobile-views test" id="tpd-mobile-views" data-diy="1">
|
||
|
||
<if condition="$html">
|
||
{$html}
|
||
<else />
|
||
<div class="tpdm-head-wrap" data-name="搜索框">
|
||
<div class="tpdm-head-js">
|
||
</div>
|
||
<i class="tpd-editing-close"></i>
|
||
<div class="tpd-edit-module"></div>
|
||
</div>
|
||
|
||
<div class="tpdm-footer-wrap" data-name="底部导航-隐藏">
|
||
</div>
|
||
|
||
<div class="tpdm-footer-false tpdm-footf-edit">
|
||
<div class="tpdm-footf-js">
|
||
</div>
|
||
<i class="tpd-editing-close"></i>
|
||
<div class="tpd-edit-module" style="display: block;"></div>
|
||
</div>
|
||
|
||
</if>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<script>
|
||
// 搜索框
|
||
$('.tpdm-head-wrap').unbind('click').click(function () {
|
||
$(this).toggleClass('tpdm-head-edit');
|
||
if($(this).hasClass('tpdm-head-edit')){
|
||
// 选中编缉 diy-ac
|
||
$(".tpd-search").siblings('div').removeClass('diy-ac');
|
||
$(".tpd-search").addClass('diy-ac');
|
||
$(".tpdm-head-wrap").find('.tpd-edit-module').show();
|
||
$(".tpdm-footer-false").removeClass("tpdm-footf-edit").find(".tpd-edit-module").hide();
|
||
$(".tpd-edits-hidden.tpd-editing").removeClass('tpd-editing');
|
||
$('.tpd-search .tpd-cmodule-radio').eq(block[block.search_id].search_style).click();
|
||
console.log('has',block.is_search,block.search_style)
|
||
}else{
|
||
$(".tpdm-head-wrap").find('.tpd-edit-module').hide();
|
||
$(".tpd-search").removeClass('diy-ac')
|
||
|
||
console.log('has no',block.is_search,block.search_style)
|
||
}
|
||
});
|
||
$('.tpdm-head-wrap>.tpd-editing-close').unbind('click').click(function () {
|
||
$(this).parents('.tpdm-head-wrap').find('.tpdm-head-js').removeClass('tpdm-head-scale').html('');
|
||
block.is_search=0;
|
||
//block.search_style;
|
||
delete block[block.search_id];
|
||
delete block.search_id;
|
||
console.log('close 搜索框',block.is_search,block.search_style)
|
||
})
|
||
|
||
</script>
|
||
<div class="tpd-eidt-tools">
|
||
<div class="tpd-tools clearfix" >
|
||
<div class="tpd-tools-title "><b>组件库</b>（拖拽想要添加的组件）</div>
|
||
<div class="tpd-tool-wrap">
|
||
<h5><em>复用</em>（可多次使用的组件）</h5>
|
||
<ul class="tpd-tool-list clearfix">
|
||
<li data-eidtid="0">
|
||
<i class="tpd-ico ico-menus1"></i>
|
||
<label>自定义海报</label>
|
||
</li>
|
||
<li data-eidtid="1">
|
||
<i class="tpd-ico ico-menus2"></i>
|
||
<label>轮播广告</label>
|
||
</li>
|
||
<li data-eidtid="2">
|
||
<i class="tpd-ico ico-menus3"></i>
|
||
<label>快捷入口</label>
|
||
</li>
|
||
<li data-eidtid="3">
|
||
<i class="tpd-ico ico-menus4"></i>
|
||
<label>商品列表</label>
|
||
</li>
|
||
<li data-eidtid="4">
|
||
<i class="tpd-ico ico-menus5"></i>
|
||
<label>橱窗</label>
|
||
</li>
|
||
<li data-eidtid="5">
|
||
<i class="tpd-ico ico-menus6"></i>
|
||
<label>文本导航</label>
|
||
</li>
|
||
<li data-eidtid="6">
|
||
<i class="tpd-ico ico-menus7"></i>
|
||
<label>营销活动</label>
|
||
</li>
|
||
<li data-eidtid="7">
|
||
<i class="tpd-ico ico-menus8"></i>
|
||
<label>优惠券</label>
|
||
</li>
|
||
<li data-eidtid="12">
|
||
<i class="tpd-ico ico-menus12"></i>
|
||
<label>新闻</label>
|
||
</li>
|
||
<li data-eidtid="13">
|
||
<i class="tpd-ico ico-menus13"></i>
|
||
<label>轮播商品</label>
|
||
</li>
|
||
<li data-eidtid="14">
|
||
<i class="tpd-ico ico-menus14"></i>
|
||
<label>视频</label>
|
||
</li>
|
||
<li data-eidtid="15">
|
||
<i class="tpd-ico ico-menus15"></i>
|
||
<label>图文列表</label>
|
||
</li>
|
||
<li data-eidtid="16">
|
||
<i class="tpd-ico ico-menus16"></i>
|
||
<label>富文本</label>
|
||
</li>
|
||
<li data-eidtid="17">
|
||
<i class="tpd-ico ico-menus17"></i>
|
||
<label>单文本</label>
|
||
</li>
|
||
<!-- <li data-eidtid="19">
|
||
<i class="tpd-ico ico-menus19"></i>
|
||
<label>智能表单</label>
|
||
</li> -->
|
||
</ul>
|
||
</div>
|
||
<div class="tpd-tool-wrap">
|
||
<h5><em>单选</em>（单页面仅可使用一次）</h5>
|
||
<ul class="tpd-tool-list clearfix">
|
||
<li data-eidtid="8">
|
||
<i class="tpd-ico ico-menus9"></i>
|
||
<label>搜索栏</label>
|
||
</li>
|
||
<!--li data-eidtid="9">
|
||
<i class="tpd-ico ico-menus10"></i>
|
||
<label>店铺头部</label>
|
||
</li-->
|
||
<li data-eidtid="10">
|
||
<i class="tpd-ico ico-menus11"></i>
|
||
<label>滚动公告</label>
|
||
</li>
|
||
<li data-eidtid="11">
|
||
<i class="tpd-ico ico-menus12"></i>
|
||
<label>底部菜单</label>
|
||
</li>
|
||
<li data-eidtid="18">
|
||
<i class="tpd-ico ico-menus18"></i>
|
||
<label>多门店店铺</label>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="tpd-diy-box scrollbar">
|
||
<div class="tpd-tools-title tools-title-two" ><b style="padding-left: 0;">组件样式</b></div>
|
||
<div class="tpd-diy-js tpd-poster">
|
||
<div class="tpd-diy-title">自定义海报设置</div>
|
||
<dl class="tpd-cstyle-dl clearfix">
|
||
<dt>样式选择 : </dt>
|
||
<dd><label data-radio="2"><input value="1" id="height1" type="radio" name="poster1" checked/>自适应高度</label></dd>
|
||
<dd><label data-radio="1"><input value="0" id="height0" type="radio" name="poster1" />固定高度</label></dd>
|
||
</dl>
|
||
<label class="tpd-diy-bb tpd-cdiy-font28">下间距 :<input type="text" value="0" />px</label>
|
||
<div class="tpd-poster-stlye tpd-cdiy-list">
|
||
<div class="postlye-ac clearfix">
|
||
<div class="tpd-wstyle-uploadimg" id="poster" onclick="getpath(this);">
|
||
<span></span>
|
||
<label>建议宽度750px，高度400px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
</div>
|
||
<div class="clearfix">
|
||
<div class="tpd-wstyle-uploadimg" onclick="getpath(this);">
|
||
<span></span>
|
||
<label>建议宽度750px，高度自适应<br />
|
||
高度超过750px，将裁剪超出部分</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
$('.tpd-poster .tpd-cstyle-dl').find('label').click(function () {
|
||
var i=$(this).attr('data-radio');
|
||
$('.tpd-edits-hidden.tpd-editing').find('.tpdm-postyle').removeClass('tpdm-postyle1').removeClass('tpdm-postyle2').addClass('tpdm-postyle'+i);
|
||
$('.tpd-poster-stlye>div').removeClass('postlye-ac').eq(i-1).addClass('postlye-ac');
|
||
});
|
||
</script>
|
||
</div>
|
||
<div class="tpd-diy-js tpd-banner">
|
||
<div class="tpd-diy-title">轮播图广告设置</div>
|
||
<div class="tpd-banner-style">
|
||
<div class="tpd-cstyle-select tpd-cdiy-font28">
|
||
<label>轮播间隔 :</label>
|
||
<div class="tpd-select-wrap">
|
||
<span id="banner-time-js">3s</span>
|
||
<ul class="tpd-select-list">
|
||
<li onclick="roll_time(this);" data-color="#ff2222">3s</li>
|
||
<li onclick="roll_time(this);" data-color="#333">4s</li>
|
||
<li onclick="roll_time(this);" data-color="#ffa509">5s</li>
|
||
<li onclick="roll_time(this);" data-color="#50e200">6s</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<label class="tpd-diy-bb tpd-cdiy-font28">下间距 :<input type="text" value="0" />px</label>
|
||
</div>
|
||
<ul class="tpd-cdiy-list tpd-blist-js" id="roll">
|
||
<li>
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度372px，高度216px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity"></div>
|
||
<a class="tpd-del-nav" href="javascript:;"></a>
|
||
</li>
|
||
<li>
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度372px，高度216px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity"></div>
|
||
<a class="tpd-del-nav" href="javascript:;"></a>
|
||
</li>
|
||
</ul>
|
||
<div class="tpd-cadd-project"><i></i>新建目标</div>
|
||
<script>
|
||
function setBanner(){
|
||
var viewAc='.tpd-edits-hidden.tpd-editing';
|
||
function initBanner(fn){ //fn : 兼容删除 和 添加
|
||
var t=parseInt($('#banner-time-js').text())*1000;
|
||
var obj=$(viewAc).find('.tpdm-carousel');
|
||
var id= $(viewAc).find('.tpdm-carousel').attr('id');
|
||
obj.find('li').removeAttr('style');
|
||
obj.find('li:first').remove();
|
||
obj.find('li:last').remove();
|
||
var li=obj.find('ul').html();
|
||
var html='<ul class="tpd-banner-list">'+li+'</ul><div class="page-num"></div>';
|
||
obj.html(html);
|
||
fn&&fn();
|
||
initSlide($(viewAc),id,t);
|
||
}
|
||
/*【轮播广告】时间下拉列表*/
|
||
$('.tpd-banner-style').find('.tpd-select-wrap').click(function (e) {
|
||
$(this).toggleClass('tpd-select-ac');
|
||
var target=$(e.target);
|
||
if(target.is($(this).find('li'))){
|
||
$(this).find('span').html(target.text());
|
||
initBanner();
|
||
}
|
||
});
|
||
$('.tpd-blist-js').on('click','.tpd-del-nav',function () { //删除banner图
|
||
if($('.tpd-blist-js>li').length<=2) return;
|
||
var i=$(this).parents('li').index();
|
||
initBanner(removeBanner(i));
|
||
function removeBanner(i){
|
||
$(viewAc).find('.tpd-banner-list>li').eq(i+1).remove();
|
||
}
|
||
$(this).parents('li').remove();
|
||
block[divid].nav.splice(i,1); //删除时同时删除block数组内对应内容
|
||
});
|
||
$('.tpd-banner .tpd-cadd-project').click(function () { //添加banner图
|
||
var li=$('.tpd-blist-js>li');
|
||
if(li.length>=10) return;
|
||
var html=li.last().clone();
|
||
$('.tpd-blist-js').append(html);
|
||
|
||
var b={};
|
||
for(var k in block[divid].nav[block[divid].nav.length-1]){
|
||
b[k]=block[divid].nav[block[divid].nav.length-1][k]
|
||
|
||
}
|
||
block[divid].nav.push(b);
|
||
|
||
initBanner(addBanner);
|
||
function addBanner(){
|
||
var html1=$(viewAc).find('.tpd-banner-list>li').last().clone();
|
||
$(viewAc).find('.tpd-banner-list').append(html1);
|
||
}
|
||
});
|
||
}
|
||
setBanner();
|
||
</script>
|
||
</div>
|
||
<div class="tpd-diy-js tpd-navs">
|
||
<div class="tpd-diy-title">快捷入口设置<span style="color:red">(建议上传80*80正方形 大小不超过2M的图片)</span></div>
|
||
<div class="tpd-navs-style">
|
||
<div class="tpd-navs-check">样式选择 : <label id="shape_type"><input value="0" type="radio" name="tpd-navs" checked />正方形</label><label><input value="1" type="radio" name="tpd-navs" />圆形</label></div>
|
||
<label class="tpd-diy-bb tpd-cdiy-font28">下间距 :<input type="text" value="0" />px</label>
|
||
</div>
|
||
<ul class="tpd-cdiy-list" id="tpd-navs-list">
|
||
<li>
|
||
<div class="tpd-nav-ico"><img src="__PUBLIC__/static/images/ico-nav1.jpg" alt="" /></div>
|
||
<div class="tpd-nav-cont">
|
||
<div class="tpd-nav-name tpd-cdiy-font28">导航名称 : <input onblur="tit_name(this);" class="maxword-input-js" data-classid="5" data-maxlength="4" type="text" value="分类" /><span><i class="now-words">2</i>/4</span></div>
|
||
<div class="tpd-cstyle-select tpd-cdiy-font28">
|
||
<label>链接目标 :</label>
|
||
<div class="tpd-select-wrap">
|
||
<span>分类</span>
|
||
<ul class="tpd-select-list">
|
||
<li>分类</li>
|
||
<li>关注</li>
|
||
<li>收藏</li>
|
||
<li>购物车</li>
|
||
<li>个人中心</li>
|
||
<li>创建链接</li>
|
||
</ul>
|
||
</div>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
</div>
|
||
</div>
|
||
<div class="tpd-cdiy-identity"><img src="__PUBLIC__/static/images/ico-diy-drag.png" alt="" /></div>
|
||
<a class="tpd-del-nav" href="javascript:;"></a>
|
||
</li>
|
||
<li>
|
||
<div class="tpd-nav-ico"><img src="__PUBLIC__/static/images/ico-nav2.jpg" alt="" /></div>
|
||
<div class="tpd-nav-cont">
|
||
<div class="tpd-nav-name tpd-cdiy-font28">导航名称 : <input onblur="tit_name(this);" class="maxword-input-js" data-classid="6" data-maxlength="4" type="text" value="关注" /><span><i class="now-words">2</i>/4</span></div>
|
||
<div class="tpd-cstyle-select tpd-cdiy-font28">
|
||
<label>链接目标 :</label>
|
||
<div class="tpd-select-wrap">
|
||
<span>分类</span>
|
||
<ul class="tpd-select-list">
|
||
<li>分类</li>
|
||
<li>关注</li>
|
||
<li>收藏</li>
|
||
<li>购物车</li>
|
||
<li>个人中心</li>
|
||
<li>创建链接</li>
|
||
</ul>
|
||
</div>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
</div>
|
||
</div>
|
||
<div class="tpd-cdiy-identity"><img src="__PUBLIC__/static/images/ico-diy-drag.png" alt="" /></div>
|
||
<a class="tpd-del-nav" href="javascript:;"></a>
|
||
</li>
|
||
<li>
|
||
<div class="tpd-nav-ico"><img src="__PUBLIC__/static/images/ico-nav3.jpg" alt="" /></div>
|
||
<div class="tpd-nav-cont">
|
||
<div class="tpd-nav-name tpd-cdiy-font28">导航名称 : <input onblur="tit_name(this);" class="maxword-input-js" data-classid="7" data-maxlength="4" type="text" value="收藏" /><span><i class="now-words">2</i>/4</span></div>
|
||
<div class="tpd-cstyle-select tpd-cdiy-font28">
|
||
<label>链接目标 :</label>
|
||
<div class="tpd-select-wrap">
|
||
<span>分类</span>
|
||
<ul class="tpd-select-list">
|
||
<li>分类</li>
|
||
<li>关注</li>
|
||
<li>收藏</li>
|
||
<li>购物车</li>
|
||
<li>个人中心</li>
|
||
<li>创建链接</li>
|
||
</ul>
|
||
</div>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
</div>
|
||
</div>
|
||
<div class="tpd-cdiy-identity"><img src="__PUBLIC__/static/images/ico-diy-drag.png" alt="" /></div>
|
||
<a class="tpd-del-nav" href="javascript:;"></a>
|
||
</li>
|
||
<li>
|
||
<div class="tpd-nav-ico"><img src="__PUBLIC__/static/images/ico-nav4.jpg" alt="" /></div>
|
||
<div class="tpd-nav-cont">
|
||
<div class="tpd-nav-name tpd-cdiy-font28">导航名称 : <input onblur="tit_name(this);" class="maxword-input-js" data-classid="8" data-maxlength="4" type="text" value="购物车" /><span><i class="now-words">2</i>/4</span></div>
|
||
<div class="tpd-cstyle-select tpd-cdiy-font28">
|
||
<label>链接目标 :</label>
|
||
<div class="tpd-select-wrap">
|
||
<span>分类</span>
|
||
<ul class="tpd-select-list">
|
||
<li>分类</li>
|
||
<li>关注</li>
|
||
<li>收藏</li>
|
||
<li>购物车</li>
|
||
<li>个人中心</li>
|
||
<li>创建链接</li>
|
||
</ul>
|
||
</div>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
</div>
|
||
</div>
|
||
<div class="tpd-cdiy-identity"><img src="__PUBLIC__/static/images/ico-diy-drag.png" alt="" /></div>
|
||
<a class="tpd-del-nav" href="javascript:;"></a>
|
||
</li>
|
||
<li>
|
||
<div class="tpd-nav-ico"><img src="__PUBLIC__/static/images/ico-nav5.jpg" alt="" /></div>
|
||
<div class="tpd-nav-cont">
|
||
<div class="tpd-nav-name tpd-cdiy-font28">导航名称 : <input onblur="tit_name(this);" class="maxword-input-js" data-classid="9" data-maxlength="4" type="text" value="个人中心" /><span><i class="now-words">2</i>/4</span></div>
|
||
<div class="tpd-cstyle-select tpd-cdiy-font28">
|
||
<label>链接目标 :</label>
|
||
<div class="tpd-select-wrap">
|
||
<span>分类</span>
|
||
<ul class="tpd-select-list">
|
||
<li>分类</li>
|
||
<li>关注</li>
|
||
<li>收藏</li>
|
||
<li>购物车</li>
|
||
<li>个人中心</li>
|
||
<li>创建链接</li>
|
||
</ul>
|
||
</div>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
</div>
|
||
</div>
|
||
<div class="tpd-cdiy-identity"><img src="__PUBLIC__/static/images/ico-diy-drag.png" alt="" /></div>
|
||
<a class="tpd-del-nav" href="javascript:;"></a>
|
||
</li>
|
||
</ul>
|
||
<div class="tpd-cadd-project"><i></i>新建目标</div>
|
||
<script>
|
||
/*【快捷入口】样式选择*/
|
||
$('.tpd-navs-check>label').click(function () {
|
||
var obj={
|
||
'正方形':0,
|
||
'圆形':1
|
||
};
|
||
if(obj[$(this).text()]==0){
|
||
$('.tpd-edits-hidden.tpd-editing').find('.tpdm-navstyle').removeClass('tpdm-navstyle-circle');
|
||
block[divid]['shape_type']=0;
|
||
}else if(obj[$(this).text()]==1){
|
||
$('.tpd-edits-hidden.tpd-editing').find('.tpdm-navstyle').addClass('tpdm-navstyle-circle');
|
||
block[divid]['shape_type']=1;
|
||
}
|
||
|
||
});
|
||
/*【快捷入口】链接目标下拉列表*/
|
||
function selectNav(){
|
||
$('.tpd-cdiy-list>li').find('.tpd-select-wrap').unbind('click').click(function (e) {
|
||
$(this).toggleClass('tpd-select-ac');
|
||
var target=$(e.target);
|
||
if(target.is($(this).find('li'))){
|
||
$(this).find('span').html(target.text());
|
||
$(this).parents('.tpd-cstyle-select').find('.tpd-addlink-target').removeClass('tpd-nav-addlink');
|
||
if(target.is($(this).find('li:last'))){
|
||
$(this).parents('.tpd-cstyle-select').find('.tpd-addlink-target').addClass('tpd-nav-addlink');
|
||
}else{
|
||
var j=target.parents('li').index();
|
||
var viewUl=$('.tpd-edits-hidden.tpd-editing').find('.tpdm-navstyle');
|
||
var url_item=target.attr('url-item');
|
||
switch(url_item){
|
||
case '0': //首页
|
||
block[divid].nav[j].url='/mobile/Index/index.html';
|
||
viewUl.find('a').eq(j).attr('href','/mobile/Index/index.html');
|
||
break;
|
||
|
||
case '1': //分类
|
||
block[divid].nav[j].url='/mobile/Goods/categoryList.html';
|
||
viewUl.find('a').eq(j).attr('href','/mobile/Goods/categoryList.html');
|
||
break;
|
||
|
||
case '2': //收藏
|
||
block[divid].nav[j].url='/Mobile/User/collect_list.html';
|
||
viewUl.find('a').eq(j).attr('href','/Mobile/User/collect_list.html');
|
||
break;
|
||
|
||
case '3': //购物车
|
||
block[divid].nav[j].url='/mobile/Cart/index.html';
|
||
viewUl.find('a').eq(j).attr('href','/mobile/Cart/index.html');
|
||
break;
|
||
|
||
case '4': //个人中心
|
||
block[divid].nav[j].url='/mobile/User/index.html';
|
||
viewUl.find('a').eq(j).attr('href','/mobile/User/index.html');
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
});
|
||
}
|
||
selectNav();
|
||
|
||
function navOperate(){
|
||
/*【快捷入口】删除列表*/
|
||
var navsUl=$('#tpd-navs-list');
|
||
var viewAc='.tpd-edits-hidden.tpd-editing';
|
||
var length;
|
||
var viewUl;
|
||
navsUl.on('click','.tpd-del-nav',function () {
|
||
length = $('#tpd-navs-list>li').length;
|
||
if (length < 4) return;
|
||
var li=$(this).parents('li');
|
||
var j=li.index();
|
||
viewUl=$(viewAc).find('.tpdm-navstyle');
|
||
|
||
viewUl.removeClass('tpdm-navstyle4 tpdm-navstyle5').addClass('tpdm-navstyle' +(length - 1));
|
||
viewUl.find('a').eq(j).remove();
|
||
li.remove();
|
||
|
||
block[divid].nav.splice(j,1); //删除时同时删除block数组内对应内容
|
||
});
|
||
/*【快捷入口】添加列表*/
|
||
$('.tpd-navs .tpd-cadd-project').click(function () {
|
||
var aLi=$('#tpd-navs-list>li');
|
||
length = aLi.length;
|
||
if(length>4) return;
|
||
navsUl.append(aLi.eq(0).clone());
|
||
viewUl=$(viewAc).find('.tpdm-navstyle');
|
||
viewUl.removeClass('tpdm-navstyle4 tpdm-navstyle5').addClass('tpdm-navstyle' +(length+1));
|
||
viewUl.append(viewUl.find('a').eq(0).clone());
|
||
|
||
var b={};
|
||
for(var k in block[divid].nav[0]){
|
||
b[k]=block[divid].nav[0][k];
|
||
}
|
||
block[divid].nav.push(b); //添加时同时往block数组添加内容
|
||
|
||
|
||
selectNav();//从新初始化下拉列表
|
||
});
|
||
}
|
||
navOperate();
|
||
</script>
|
||
</div>
|
||
<div class="tpd-diy-js tpd-goods">
|
||
<div class="tpd-diy-title">商品列表设置</div>
|
||
<div class="tpd-diy-subtitle">列表排版样式</div>
|
||
<div class="tpd-goods-style">
|
||
<dl class="tpd-cstyle-dl clearfix" id="goods-style">
|
||
<dt>显示布局 : </dt>
|
||
<dd><label data-listid="1"><input value="0" type="radio" name="goods-style1" checked /><i class="tpd-cstyle-ico2"></i>橱窗式</label></dd>
|
||
<dd><label data-listid="2"><input value="1" type="radio" name="goods-style1" /><i class="tpd-cstyle-ico1"></i>列表式</label></dd>
|
||
<dd><label data-listid="3"><input value="2" type="radio" name="goods-style1" /><i class="tpd-cstyle-ico3"></i>海报式</label></dd>
|
||
</dl>
|
||
<dl class="tpd-cstyle-dl clearfix" id="goods-num">
|
||
<dt>商品数量 : </dt>
|
||
<dd><label><input value="4" type="radio" name="goods-style2" checked />4个</label></dd>
|
||
<dd><label><input value="6" type="radio" name="goods-style2" />6个</label></dd>
|
||
<dd><label><input value="8" type="radio" name="goods-style2" />8个</label></dd>
|
||
<dd><label><input id="goods-num-3" class="goods-inputs-mun" onblur="get_goods_num(this);" value="3" name="goods-style2" type="text"/>自定义数量</dd>
|
||
</dl>
|
||
<label class="tpd-diy-bb tpd-cdiy-font28">下间距 :<input type="text" value="0" />px</label>
|
||
</div>
|
||
<div class="tpd-diy-subtitle">列表详情设置</div>
|
||
<div class="tpd-goods-style">
|
||
<dl class="tpd-cstyle-dl clearfix" id="goods-name">
|
||
<dt>列表名称 : </dt>
|
||
<dd><label data-showtitle="0"><input value="1" type="radio" name="goods-style3" checked />显示</label></dd>
|
||
<dd><label data-showtitle="1"><input value="0" type="radio" name="goods-style3" />隐藏</label></dd>
|
||
</dl>
|
||
<div class="tpd-cstyle-select tpd-cdiy-font28">
|
||
<label>商品排序 :</label>
|
||
<div class="tpd-select-wrap select-goods-3">
|
||
<span>销量从高到低</span>
|
||
<ul class="tpd-select-list" id="goods_order">
|
||
<li>销量从高到低</li>
|
||
<li>销量从低到高</li>
|
||
<li>价格从高到低</li>
|
||
<li>价格从低到高</li>
|
||
<li>更新时间由近到远</li>
|
||
<li>更新时间由远到近</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="js-goodstitle-list">
|
||
<ul class="tpd-cdiy-list" id="tab_list_3">
|
||
<li>
|
||
<div class="f-l">
|
||
<div class="tpd-goods-name tpd-cdiy-font28">列表名称 : <input onblur="tab_title(this);" class="maxword-input-js" data-classid="10" data-maxlength="8" type="text" value="列表名称1" /><span><i class="now-words">4</i>/8</span></div>
|
||
<dl class="tpd-cstyle-dl clearfix">
|
||
<dt>选取商品 : </dt>
|
||
<dd><label><input class="screen" type="radio" name="goods-style4" />按条件选取</label></dd>
|
||
<dd><label><input type="radio" class="hand1" name="goods-style4" />手动添加</label></dd>
|
||
</dl>
|
||
</div>
|
||
<div class="tpd-cdiy-identity"><img src="__PUBLIC__/static/images/ico-diy-drag.png" alt="" /></div>
|
||
<a class="tpd-del-nav" href="javascript:;"></a>
|
||
</li>
|
||
<li>
|
||
<div class="f-l">
|
||
<div class="tpd-goods-name tpd-cdiy-font28">列表名称 : <input onblur="tab_title(this);" class="maxword-input-js" data-classid="11" data-maxlength="8" type="text" value="列表名称2" /><span><i class="now-words">4</i>/8</span></div>
|
||
<dl class="tpd-cstyle-dl clearfix">
|
||
<dt>选取商品 : </dt>
|
||
<dd><label><input class="screen" type="radio" name="goods-style5" />按条件选取</label></dd>
|
||
<dd><label><input type="radio" class="hand1" name="goods-style5" />手动添加</label></dd>
|
||
</dl>
|
||
</div>
|
||
<div class="tpd-cdiy-identity"><img src="__PUBLIC__/static/images/ico-diy-drag.png" alt="" /></div>
|
||
<a class="tpd-del-nav" href="javascript:;"></a>
|
||
</li>
|
||
<li>
|
||
<div class="f-l">
|
||
<div class="tpd-goods-name tpd-cdiy-font28">列表名称 : <input onblur="tab_title(this);" class="maxword-input-js" data-classid="11" data-maxlength="8" type="text" value="列表名称3" /><span><i class="now-words">4</i>/8</span></div>
|
||
<dl class="tpd-cstyle-dl clearfix">
|
||
<dt>选取商品 : </dt>
|
||
<dd><label><input class="screen" type="radio" name="goods-style6" />按条件选取</label></dd>
|
||
<dd><label><input type="radio" class="hand1" name="goods-style6" />手动添加</label></dd>
|
||
</dl>
|
||
</div>
|
||
<div class="tpd-cdiy-identity"><img src="__PUBLIC__/static/images/ico-diy-drag.png" alt="" /></div>
|
||
<a class="tpd-del-nav" href="javascript:;"></a>
|
||
</li>
|
||
</ul>
|
||
<div class="tpd-cadd-project add_tab_list_3"><i></i>新建目标</div>
|
||
</div>
|
||
<script>
|
||
function get_goods_num(e){
|
||
var viewAc='.tpd-edits-hidden.tpd-editing';
|
||
block[divid].num=parseInt($(e).val());
|
||
for (var t = 0; t< block[divid].nav.length; t++) {
|
||
block[divid].nav[t].sql_where.num=parseInt($(e).val());
|
||
};
|
||
$.post("{:U('Admin/Block/goods_list_block')}",{'num':parseInt($(e).val()),'order':block[divid].order},function(res){
|
||
$(viewAc).find('.tpdm-goods-list ul').html(res.result);
|
||
},'JSON');
|
||
}
|
||
function setGoods(){
|
||
/*【快捷入口】链接目标下拉列表*/
|
||
$('.select-goods-3').find('.tpd-select-wrap').click(function (e) {
|
||
$(this).toggleClass('tpd-select-ac');
|
||
var target=$(e.target);
|
||
if(target.is($(this).find('li'))){
|
||
$(this).find('span').html(target.text());
|
||
}
|
||
});
|
||
|
||
var viewAc='.tpd-edits-hidden.tpd-editing';
|
||
$('#goods-style').find('label').click(function () { //切换商品列表样式
|
||
$(viewAc).find('.tpdm-goods-list').removeClass('tpdm-goods-list1 tpdm-goods-list2 tpdm-goods-list3').addClass('tpdm-goods-list'+$(this).attr('data-listid'));
|
||
block[divid].show_type=$(this).find('input').val();
|
||
});
|
||
$('#goods-num').find('label').click(function () { //切换商品数量
|
||
var viewNum=parseInt($(this).text());
|
||
block[divid].num=viewNum;
|
||
for (var t = 0; t< block[divid].nav.length; t++) {
|
||
block[divid].nav[t].sql_where.num=viewNum;
|
||
};
|
||
var num=$(viewAc).find('.tpdm-goods-list li').length;
|
||
|
||
$.post("{:U('Admin/Block/goods_list_block')}",{'num':viewNum,'order':block[divid].order},function(res){
|
||
$(viewAc).find('.tpdm-goods-list ul').html(res.result);
|
||
},'JSON');
|
||
|
||
});
|
||
|
||
$('#goods-name').find('label').click(function () { //是否显示标题
|
||
if($(this).attr('data-showtitle')==1){
|
||
block[divid].name_show=$(this).find('input').val();
|
||
// $('.js-goodstitle-list').hide();
|
||
$(viewAc).find('.tpdm-goods-nav').hide();
|
||
}else{
|
||
block[divid].name_show=$(this).find('input').val();
|
||
// $('.js-goodstitle-list').show();
|
||
$(viewAc).find('.tpdm-goods-nav').show();
|
||
}
|
||
});
|
||
|
||
//切换并保存商品排序
|
||
$('#goods_order').find('li').click(function(){
|
||
block[divid].order=$(this).index();
|
||
console.log(block[divid].order)
|
||
$.post("{:U('Admin/Block/goods_list_block')}",{'num':block[divid].num,'order':block[divid].order},function(res){
|
||
$(viewAc).find('.tpdm-goods-list ul').html(res.result);
|
||
},'JSON');
|
||
})
|
||
|
||
//商品列表选项卡删除添加
|
||
$('.js-goodstitle-list').on('click','.tpd-del-nav',function () { //删除
|
||
var index=$(this).parents('li').index();
|
||
if(block[divid].nav.length<2) return layer.msg('至少有一个列表!', {icon: 2, time: 2000});
|
||
|
||
var view=$(viewAc).find('.tpdm-goods-nav');
|
||
view.removeClass('tpdm-goods-nav1 tpdm-goods-nav2 tpdm-goods-nav3 tpdm-goods-nav4').addClass('tpdm-goods-nav'+(block[divid].nav.length-1));
|
||
view.find('li').eq(index).remove();
|
||
|
||
|
||
block[divid].nav.splice(index,1);
|
||
html_tpl('#tpl_tab_list_3','#tab_list_3', block[divid]);
|
||
console.log(block[divid]);
|
||
})
|
||
$('.add_tab_list_3').click(function () { //添加
|
||
|
||
if(block[divid].nav.length > 3) return layer.msg('最多4个列表!', {icon: 2, time: 2000});
|
||
|
||
var view=$(viewAc).find('.tpdm-goods-nav');
|
||
view.removeClass('tpdm-goods-nav1 tpdm-goods-nav2 tpdm-goods-nav3 tpdm-goods-nav4').addClass('tpdm-goods-nav'+(block[divid].nav.length+1));
|
||
view.append('<li>列表名称</li>');
|
||
|
||
var b={
|
||
"tab_title":"列表名称",
|
||
"str":"",
|
||
"sql_where":{
|
||
"num":4,
|
||
"order":0
|
||
}
|
||
}
|
||
block[divid].nav.push(b);
|
||
html_tpl('#tpl_tab_list_3','#tab_list_3', block[divid])
|
||
console.log(block[divid],block[divid].nav.length)
|
||
})
|
||
|
||
|
||
}
|
||
setGoods();
|
||
function set_words(){
|
||
$(".maxword-input-js").each(function(){
|
||
//console.log($(this).val())
|
||
|
||
set_now_words_length(this)
|
||
})
|
||
}
|
||
// 选中时显示，修改处
|
||
function show_edit_3(){
|
||
console.log('show_edit_3')
|
||
//显示布局
|
||
var show_type = block[divid].show_type;
|
||
$('#goods-style').find('label').eq(show_type).click();
|
||
console.log(show_type)
|
||
//商品数量
|
||
var num = block[divid].num;
|
||
if(num==6 || num==4 || num==8){
|
||
$('#goods-num').find('label').eq(num).click();
|
||
$("#goods-num-3").val('')
|
||
}else{
|
||
$("#goods-num-3").val(num)
|
||
$('#goods-num').find('[name=goods-style2]').removeAttr('checked')
|
||
}
|
||
console.log(num)
|
||
|
||
//列表名称
|
||
var name_show = block[divid].name_show?0:1;
|
||
$('#goods-name').find('[data-showtitle="'+name_show+'"]').click();
|
||
// 商品排序
|
||
var str = $('#goods_order').find('li').eq(block[divid].order).html();
|
||
$('#goods_order').siblings('span').html(str)
|
||
set_words();
|
||
console.log('name_show=', name_show)
|
||
html_tpl('#tpl_tab_list_3','#tab_list_3', block[divid])
|
||
//pop-goods-ico
|
||
|
||
}
|
||
</script>
|
||
<script id="tpl_tab_list_3" type="text/html">
|
||
{{# layui.each(d.nav, function(index, item){ }}
|
||
<li>
|
||
<div class="f-l">
|
||
<div class="tpd-goods-name tpd-cdiy-font28">列表名称 : <input onblur="tab_title(this);" class="maxword-input-js" data-classid="10" data-maxlength="8" type="text" value="{{item.tab_title}}" /><span><i class="now-words">{{item.tab_title.length}}</i>/8</span></div>
|
||
<dl class="tpd-cstyle-dl clearfix">
|
||
<dt>选取商品 : </dt>
|
||
<dd><label><input class="screen" type="radio" name="goods-style4" />按条件选取</label></dd>
|
||
<dd><label><input type="radio" class="hand1" name="goods-style4" />手动添加</label></dd>
|
||
</dl>
|
||
</div>
|
||
<div class="tpd-cdiy-identity"><img src="__PUBLIC__/static/images/ico-diy-drag.png" alt="" /></div>
|
||
<a class="tpd-del-nav" href="javascript:;"></a>
|
||
</li>
|
||
{{# }); }}
|
||
</script>
|
||
</div>
|
||
<div class="tpd-diy-js tpd-window">
|
||
<div class="tpd-diy-title">橱窗设置</div>
|
||
<div class="tpd-diy-subtitle">橱窗样式选择</div>
|
||
<div class="tpd-window-style">
|
||
<ul class="clearfix">
|
||
<li class="tpd-wstyle-line style-ac"><img src="__PUBLIC__/static/images/pic-wstyle1.png" alt="" /></li>
|
||
<li class="tpd-wstyle-line"><img src="__PUBLIC__/static/images/pic-wstyle2.png" alt="" /></li>
|
||
<li><img src="__PUBLIC__/static/images/pic-wstyle3.png" alt="" /></li>
|
||
<li><img src="__PUBLIC__/static/images/pic-wstyle4.png" alt="" /></li>
|
||
<li class="tpd-wstyle-line"><img src="__PUBLIC__/static/images/pic-wstyle5.png" alt="" /></li>
|
||
<li><img src="__PUBLIC__/static/images/pic-wstyle6.png" alt="" /></li>
|
||
<li><img src="__PUBLIC__/static/images/pic-wstyle7.png" alt="" /></li>
|
||
<li><img src="__PUBLIC__/static/images/pic-wstyle8.png" alt="" /></li>
|
||
<li><img src="__PUBLIC__/static/images/pic-wstyle9.png" alt="" /></li>
|
||
</ul>
|
||
<label class="tpd-diy-bb tpd-cdiy-font28">下间距 :<input type="text" value="0" />px</label>
|
||
</div>
|
||
<div class="tpd-wstyle-wrap">
|
||
<ul class="tpd-wstyle-list wstyle-ac tpd-cdiy-list">
|
||
<li li-item="1">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度750zpx，高度312px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">①</div>
|
||
</li>
|
||
</ul>
|
||
<ul class="tpd-wstyle-list tpd-cdiy-list">
|
||
<li li-item="1">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度372px，高度216px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">①</div>
|
||
</li>
|
||
<li li-item="2">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度372px，高度216px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">②</div>
|
||
</li>
|
||
</ul>
|
||
<ul class="tpd-wstyle-list tpd-cdiy-list">
|
||
<li li-item="1">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度246px，高度210px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">①</div>
|
||
</li>
|
||
<li li-item="2">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度246px，高度210px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">②</div>
|
||
</li>
|
||
<li li-item="3">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度246px，高度210px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">③</div>
|
||
</li>
|
||
</ul>
|
||
<ul class="tpd-wstyle-list tpd-cdiy-list">
|
||
<li li-item="1">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度372px，高度234px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">①</div>
|
||
</li>
|
||
<li li-item="2">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度372px，高度114px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">②</div>
|
||
</li>
|
||
<li li-item="3">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度372px，高度114px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">③</div>
|
||
</li>
|
||
</ul>
|
||
<ul class="tpd-wstyle-list tpd-cdiy-list">
|
||
<li li-item="1">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度750px，高度180px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">①</div>
|
||
</li>
|
||
<li li-item="2">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度372px，高度180px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">②</div>
|
||
</li>
|
||
<li li-item="3">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度372px，高度180px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">③</div>
|
||
</li>
|
||
</ul>
|
||
<ul class="tpd-wstyle-list tpd-cdiy-list">
|
||
<li li-item="1">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度183px，建议宽度183px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">①</div>
|
||
</li>
|
||
<li li-item="2">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度183px，建议宽度183px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">②</div>
|
||
</li>
|
||
<li li-item="3">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度183px，建议宽度183px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">③</div>
|
||
</li>
|
||
<li li-item="4">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度183px，建议宽度183px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">④</div>
|
||
</li>
|
||
</ul>
|
||
<ul class="tpd-wstyle-list tpd-cdiy-list">
|
||
<li li-item="1">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度372px，高度360px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">①</div>
|
||
</li>
|
||
<li li-item="2">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度372px，高度204px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">②</div>
|
||
</li>
|
||
<li li-item="3">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度183px，高度150px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">③</div>
|
||
</li>
|
||
<li li-item="4">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度183px，高度150px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">④</div>
|
||
</li>
|
||
</ul>
|
||
<ul class="tpd-wstyle-list tpd-cdiy-list">
|
||
<li li-item="1">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度372px，高度360px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">①</div>
|
||
</li>
|
||
<li li-item="2">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度750px，高度180px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">②</div>
|
||
</li>
|
||
<li li-item="3">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度372px，高度177px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">③</div>
|
||
</li>
|
||
<li li-item="4">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度372px，高度177px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">④</div>
|
||
</li>
|
||
</ul>
|
||
<ul class="tpd-wstyle-list tpd-cdiy-list">
|
||
<li li-item="1">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度372px，高度216px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">①</div>
|
||
</li>
|
||
<li li-item="2">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度372px，高度216px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">②</div>
|
||
</li>
|
||
<li li-item="3">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度375px，高度216px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">③</div>
|
||
</li>
|
||
<li li-item="4">
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度375px，高度216px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-addlink">
|
||
<span>链接设置</span>
|
||
<div class="tpd-addlink-target"><i></i>添加链接目标</div>
|
||
<label>请先上传图片</label>
|
||
</div>
|
||
<div class="tpd-cdiy-identity">④</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<script>
|
||
$('.tpd-window-style li').click(function(){
|
||
$(this).addClass('style-ac').siblings().removeClass('style-ac');
|
||
$('.tpd-wstyle-list').eq($(this).index()).addClass('wstyle-ac').siblings().removeClass('wstyle-ac');
|
||
//$('.tpd-edits-hidden.tpd-editing').find('.js-code-wrap').html(diyHtml['tpd-window'][$(this).index()]);
|
||
|
||
//橱窗模式点击选择显示风格并存入block block[divid].nav
|
||
window_type=$(this).index();
|
||
block[divid]['window_style']=window_type;
|
||
console.log(window_type,block[divid],diyHtml['tpd-window'][$(this).index()])
|
||
|
||
console.log(show_mo(window_type,block[divid].nav))
|
||
$('.tpd-edits-hidden.tpd-editing').find('.js-code-wrap').html(show_mo(window_type,block[divid].nav));
|
||
show_mo_img(window_type,block[divid].nav)
|
||
});
|
||
// 显示 图片
|
||
function show_mo_img(i,data){
|
||
$('.tpd-wstyle-list.tpd-cdiy-list.wstyle-ac li').each(function(index){
|
||
console.log(index)
|
||
if(data[index].pic){
|
||
$(this).find('.tpd-wstyle-uploadimg').html(get_mo_img(data[index].pic))
|
||
$(this).find('.tpd-addlink-target').html(data[index].url)
|
||
}
|
||
})
|
||
}
|
||
function get_mo_img(img){
|
||
return '<img style="" src="'+img+'">'
|
||
}
|
||
function show_mo(i,data){
|
||
|
||
var html = '<div class="tpdm-wstyle tpdm-wstyle-wrap'+(i+1)+'">'
|
||
switch (i){
|
||
case 0:
|
||
case 1:
|
||
case 2:
|
||
for(var j=0;j<=i;j++){
|
||
html+=get_a_img(j+1,data[j].pic,data[j].url)
|
||
}
|
||
break;
|
||
case 3:
|
||
case 4:
|
||
for(var j=0;j<3;j++){
|
||
html+=get_a_img(j+1,data[j].pic,data[j].url)
|
||
}
|
||
break;
|
||
case 6: //1243
|
||
html+=get_a_img(1,data[0].pic,data[0].url)
|
||
html+=get_a_img(2,data[1].pic,data[1].url)
|
||
html+=get_a_img(4,data[2].pic,data[2].url)
|
||
html+=get_a_img(3,data[3].pic,data[3].url)
|
||
break;
|
||
case 7: //1342
|
||
html+='<div class="clearfix">'
|
||
html+=get_a_img(1,data[0].pic,data[0].url)
|
||
html+=get_a_img(3,data[1].pic,data[1].url)
|
||
html+=get_a_img(4,data[2].pic,data[2].url)
|
||
html+='</div>'
|
||
html+=get_a_img(2,data[3].pic,data[3].url)
|
||
break;
|
||
default:
|
||
for(var j=0;j<4;j++){
|
||
html+=get_a_img(j+1,data[j].pic,data[j].url)
|
||
}
|
||
break;
|
||
}
|
||
|
||
html +=' </div>'
|
||
return html;
|
||
}
|
||
function get_a_img(i,img_url,a_href){
|
||
if(!a_href) a_href='javascript:;';
|
||
if(!img_url) img_url = '/public/static/images/pic-wstyle-list1.jpg';
|
||
var html = '<a href="'+a_href+'" class="tpdm-wstyle'+i+'"><img src="'+img_url+'"/></a>';
|
||
return html;
|
||
}
|
||
function get_href(href){
|
||
if(href) return href;
|
||
return 'javascript:;';
|
||
}
|
||
function get_img(img_url){
|
||
if(img_url) return img_url;
|
||
return '/public/static/images/pic-wstyle-list1.jpg';
|
||
}
|
||
</script>
|
||
</div>
|
||
<include file="block/txtnav" />
|
||
<div class="tpd-diy-js tpd-txtnav2">
|
||
<div class="tpd-diy-title">文本导航设置</div>
|
||
<div class="tpd-text-set">文字设置 </div>
|
||
<div class="tpd-txtnav-text tpd-txtnav-font">
|
||
<label>字体位置 :</label>
|
||
<div class="tpd-txtnav-list" data-texts="0">
|
||
靠左
|
||
</div>
|
||
<div class="tpd-txtnav-list" data-texts="1">
|
||
居中
|
||
</div>
|
||
<div class="tpd-txtnav-list" data-texts="2">
|
||
靠右
|
||
</div>
|
||
</div>
|
||
<div class="tpd-txtnav-text tpd-txtnav-bgcolor">
|
||
<label>背景颜色 :</label>
|
||
<input type="color" name="" id="textNavBgcolor" value="" />
|
||
</div>
|
||
<div class="tpd-txtnav-text tpd-txtnav-bgcolor">
|
||
<label>字体颜色 :</label>
|
||
<input type="color" name="" id="textNavFontcolor" value="" />
|
||
</div>
|
||
<label class="tpd-diy-bb tpd-cdiy-font28">下间距 :<input type="text" value="0" />px</label>
|
||
<div class="tpd-txtnav-text">
|
||
<label>字体大小 :</label>
|
||
<div class="slider-font-wrap" >
|
||
<div id="slider-txtNav-max" class="slider-font" ></div>
|
||
</div>
|
||
<em class="amount-font"><input type="text" id="amount_textnav"/>px</em>
|
||
</div>
|
||
<ul class="tpd-cdiy-list">
|
||
<li>
|
||
<div class="tpd-txtnav-set">
|
||
<div class="tpd-txtnav-name tpd-cdiy-font28">公告标签 : <input id="txt_nav" onblur="txtnav_title(this);" class="maxword-input-js" data-classid="13" data-maxlength="20" type="text" value="查看更多" /><span><i class="now-words">4</i>/20</span></div>
|
||
<div class="tpd-txtnav-addlink tpd-cdiy-font28">
|
||
<label>链接设置 : </label>
|
||
<div class="tpd-addlink-target" id="txt_url"><i></i>添加链接目标</div>
|
||
</div>
|
||
</div>
|
||
<div class="tpd-cdiy-identity"></div>
|
||
<a class="tpd-del-nav" href="javascript:;"></a>
|
||
</li>
|
||
</ul>
|
||
<script type="text/javascript">
|
||
//文本导航设置
|
||
function txtnav_title(a){
|
||
block[divid]['txt_title']=$(a).val();
|
||
$('.tpd-edits-hidden.tpd-editing').find('p').html($(a).val()); //公告内容编辑后左边实时显示
|
||
}
|
||
$(".tpd-txtnav-font").find(".tpd-txtnav-list").eq(0).addClass("txtnav-list-color");
|
||
$(".tpd-txtnav-font").find(".tpd-txtnav-list").click(function () {
|
||
var thistext= $(this).attr("data-texts");
|
||
$(this).siblings().removeClass("txtnav-list-color");
|
||
$(this).addClass("txtnav-list-color");
|
||
if (thistext==0) {
|
||
$('.tpd-edits-hidden.tpd-editing').find(".txtnav-list-cont").css("text-align","left");
|
||
block[divid]['align']=0;
|
||
}else if(thistext==1){
|
||
$('.tpd-edits-hidden.tpd-editing').find(".txtnav-list-cont").css("text-align","center");
|
||
block[divid]['align']=1;
|
||
}else if(thistext==2){
|
||
$('.tpd-edits-hidden.tpd-editing').find(".txtnav-list-cont").css("text-align","right");
|
||
block[divid]['align']=2;
|
||
}
|
||
});
|
||
// 选择背景颜色
|
||
function textsBg () {
|
||
// 获取颜色值
|
||
var colordata = document.querySelector('#textNavBgcolor');
|
||
var colorFontdata = document.querySelector('#textNavFontcolor');
|
||
// 点击确定选择颜色替换背景颜色
|
||
colordata.onchange = function() {
|
||
var bgcolor= this.value;
|
||
$('.tpd-edits-hidden.tpd-editing').find(".tpdm-txtnav-list").css("background-color",bgcolor);
|
||
block[divid]['bgcolor']=bgcolor;
|
||
}
|
||
// 点击确定选择颜色替换字体颜色
|
||
colorFontdata.onchange=function () {
|
||
var fontcolor= this.value;
|
||
$('.tpd-edits-hidden.tpd-editing').find(".txtnav-list-cont").css("color",fontcolor);
|
||
block[divid]['color']=fontcolor;
|
||
}
|
||
};
|
||
textsBg();
|
||
</script>
|
||
<script>
|
||
// 设置字体大小
|
||
function textNavFont () {
|
||
$( "#slider-txtNav-max" ).slider({
|
||
range: "max",
|
||
min: 0,
|
||
max: 100,
|
||
value: 14,
|
||
slide: function( event, ui ) {
|
||
$( "#amount_textnav" ).val( ui.value );
|
||
block[divid]['size']=ui.value;
|
||
$('.tpd-edits-hidden.tpd-editing').find(".txtnav-list-cont").css("font-size",ui.value);
|
||
$('.tpd-edits-hidden.tpd-editing').find(".txtnav-list-cont").attr("txtNav_fonts",ui.value);
|
||
}
|
||
});
|
||
$( "#amount_textnav" ).val(14);
|
||
}
|
||
textNavFont()
|
||
</script>
|
||
</div>
|
||
|
||
<div class="tpd-diy-js tpd-newArrival">
|
||
<div class="tpd-diy-title">轮播多图</div>
|
||
<div class="tpd-diy-subtitle">列表排版样式</div>
|
||
<div class="tpd-goods-style">
|
||
<dl class="tpd-cstyle-dl clearfix" id="goodIds-num2">
|
||
<dt>商品数量 : </dt>
|
||
<dd><label><input value="3" type="radio" name="goods-style2" checked="checked" />3个</label></dd>
|
||
<dd><label><input value="6" type="radio" name="goods-style2" />6个</label></dd>
|
||
<dd><label><input value="9" type="radio" name="goods-style2" />9个</label></dd>
|
||
<dd><label><input class="goods-inputs-mun" onblur="get_num(this);" value="" name="goods-style2" type="text"/>自定义数量</dd>
|
||
</dl>
|
||
<label class="tpd-diy-bb tpd-cdiy-font28">下间距 :<input type="text" value="0" />px</label>
|
||
</div>
|
||
<div class="tpd-diy-subtitle">列表详情设置</div>
|
||
<div class="tpd-goods-style">
|
||
<dl class="tpd-cstyle-dl clearfix" id="goods-name2">
|
||
<dt>列表名称 : </dt>
|
||
<dd><label data-showtitle="0"><input value="1" type="radio" name="goods-style3" checked />显示</label></dd>
|
||
<dd><label data-showtitle="1"><input value="0" type="radio" name="goods-style3" />隐藏</label></dd>
|
||
</dl>
|
||
<div class="tpd-cstyle-select tpd-cdiy-font28">
|
||
<label>商品排序 :</label>
|
||
<div class="tpd-select-wrap">
|
||
<span>销量从高到低</span>
|
||
<ul class="tpd-select-list" id="goods_order2">
|
||
<li>销量从高到低</li>
|
||
<li>销量从低到高</li>
|
||
<li>价格从高到低</li>
|
||
<li>价格从低到高</li>
|
||
<li>更新时间由近到远</li>
|
||
<li>更新时间由远到近</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="js-goodstitle-list" style="margin-top: 20px;">
|
||
<ul class="tpd-cdiy-list" id="tab_list">
|
||
<li>
|
||
<div class="f-l"style="margin-left: 15px;">
|
||
<div class="tpd-goods-name tpd-cdiy-font28">列表名称 : <input id="words13" onblur="tab_title2(this);" class="maxword-input-js" data-classid="10" data-maxlength="8" type="text" value="列表名称" /><span><i class="now-words">4</i>/8</span></div>
|
||
<dl class="tpd-cstyle-dl clearfix">
|
||
<dt>选取商品 : </dt>
|
||
<dd><label><input class="screen" type="radio" name="goods-style4" />按条件选取</label></dd>
|
||
<dd><label><input type="radio" class="hand1" name="goods-style4" />手动添加</label></dd>
|
||
</dl>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<script>
|
||
function setSdiles(){
|
||
/*【快捷入口】链接目标下拉列表*/
|
||
$('.tpd-goods-style').find('.tpd-select-wrap').click(function (e) {
|
||
$(this).toggleClass('tpd-select-ac');
|
||
var target=$(e.target);
|
||
if(target.is($(this).find('li'))){
|
||
$(this).find('span').html(target.text());
|
||
}
|
||
});
|
||
|
||
var viewAc='.tpd-edits-hidden.tpd-editing';
|
||
$('#goods-name2').find('label').click(function () { //是否显示标题
|
||
if($(this).attr('data-showtitle')==1){
|
||
block[divid].name_show=$(this).find('input').val();
|
||
$(viewAc).find('.containers-slider-title').hide();
|
||
}else{
|
||
block[divid].name_show=$(this).find('input').val();
|
||
$(viewAc).find('.containers-slider-title').show();
|
||
}
|
||
});
|
||
|
||
|
||
$('#goodIds-num2').find('label').click(function () { //切换商品数量
|
||
var viewNum=parseInt($(this).text());
|
||
block[divid].num=viewNum;
|
||
});
|
||
|
||
$('#goods_order2').find('li').click(function(){
|
||
block[divid].order=$(this).index();
|
||
$.post("{:U('Admin/Block/goods_list_block')}",{'num':block[divid].num,'order':block[divid].order},function(res){
|
||
$(viewAc).find('.tpdm-goods-list ul').html(res.result);
|
||
},'JSON');
|
||
})
|
||
}
|
||
function get_num (e) {
|
||
block[divid].num=$(e).val();
|
||
}
|
||
setSdiles()
|
||
function show_edit13(data){
|
||
//数量选择
|
||
if(data.num==3 || data.num==6 || data.num==9){
|
||
$("#goodIds-num2").find('input[type="radio"][value="'+data.num+'"]').prop("checked",true)
|
||
$("#goodIds-num2").find('input[type="text"]').val('')
|
||
}else{
|
||
$("#goodIds-num2").find('input[type="radio"]').prop("checked",false)
|
||
$("#goodIds-num2").find('input[type="text"]').val(data.num)
|
||
}
|
||
// 是否显示标题
|
||
var viewAc='.tpd-edits-hidden.tpd-editing';
|
||
if(data.name_show=='1'){
|
||
$(viewAc).find('.containers-slider-title').show();
|
||
}else{
|
||
$(viewAc).find('.containers-slider-title').hide();
|
||
}
|
||
$('#goods-name2').find('input[type="radio"][value="'+data.name_show+'"]').prop("checked",true)
|
||
// 显示标题字数
|
||
$("#words13").val(data.tab_title)
|
||
set_now_words_length("#words13")
|
||
// 排序 order
|
||
var txt = $("#goods_order2").find('li').eq(data.order).html()
|
||
$("#goods_order2").parent().parent().find('span').html(txt)
|
||
|
||
}
|
||
|
||
</script>
|
||
</div>
|
||
|
||
|
||
<div class="tpd-diy-js tpd-richText" data-id="16">
|
||
<div class="tpd-diy-title">富文本</div>
|
||
<!--<div class="tpd-txtnav-set" style="float: none;padding-left: 0;">
|
||
<div class="tpd-title-z">组件数据 </div>
|
||
<div class="tpd-txtnav-addlink tpd-cdiy-font28">
|
||
<label>链接设置 : </label>
|
||
<div class="tpd-addlink-target" id="txt_url"><i></i>添加链接目标</div>
|
||
</div>
|
||
</div>-->
|
||
<div class="tpd-txtnav-set" style="float: none;padding-left: 0;">
|
||
<div class="tpd-title-z">组件设置 </div>
|
||
<div class="tpd-txtnav-text tpd-txtnav-bgcolor" style="margin-bottom: 20px;">
|
||
<label style="margin-left: 15px;">背景颜色: </label>
|
||
<input type="color" name="" id="richTextBg" value="" />
|
||
</div>
|
||
</div>
|
||
<div class="tpd-txtnav-style"style="padding: 0;margin-left: 15px;">
|
||
<label class="tpd-diy-bb tpd-cdiy-font28">下间距 :<input type="text" value="0" />px</label>
|
||
</div>
|
||
<!--富文本-->
|
||
<div class="richText-wrap">
|
||
<dl class="row">
|
||
<dd class="opt">
|
||
<textarea class="span12 ckeditor" id="post_container" name="content" title="" ></textarea>
|
||
<span class="err" id="err_content"></span>
|
||
<p class="notic"></p>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
|
||
<script type="text/javascript">
|
||
|
||
|
||
var ue = UE.getEditor('post_container',{
|
||
zIndex: 999,
|
||
initialFrameWidth: "100%", //初化宽度
|
||
initialFrameHeight: 300, //初化高度
|
||
focus: true, //初始化时，是否让编辑器获得焦点true或false
|
||
maximumWords: 99999,
|
||
removeFormatAttributes: 'class,style,lang,width,height,align,hspace,valign',//允许的最大字符数 'fullscreen',
|
||
pasteplain:false, //是否默认为纯文本粘贴。false为不使用纯文本粘贴，true为使用纯文本粘贴
|
||
autoHeightEnabled: true,
|
||
toolbars: [
|
||
['fullscreen', 'source', 'undo', 'redo'],
|
||
['bold', 'italic', 'underline','justifyleft','justifycenter','justifyright','justifyjustify', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc']
|
||
]
|
||
});
|
||
// 编辑动态内容
|
||
// //居左对齐
|
||
// //居右对齐
|
||
// //居中对齐
|
||
// //两端对齐
|
||
ue.addListener("contentChange",function(){
|
||
var content = ue.getContent();
|
||
if(!block[divid]['content'] && !content){
|
||
|
||
}else{
|
||
$('.tpd-edits-hidden.tpd-editing').find(".tpd-richText-cont").html(content);
|
||
block[divid]['content'] = content;
|
||
}
|
||
|
||
});
|
||
//ue.setContent(123)
|
||
|
||
// 选择背景颜色
|
||
function richTextBg () {
|
||
// 获取颜色值
|
||
var richTextBgs = document.querySelector('#richTextBg');
|
||
// 点击确定选择颜色替换背景颜色
|
||
richTextBgs.onchange = function() {
|
||
var bgcolor= this.value;
|
||
$('.tpd-edits-hidden.tpd-editing').find(".tpd-richText-cont").css("background-color",bgcolor);
|
||
block[divid]['bgcolor']=bgcolor;
|
||
}
|
||
};
|
||
richTextBg();
|
||
function set_bg_color_16(){
|
||
var bg_color = block[divid]['bgcolor'];
|
||
$("#richTextBg").val(bg_color);
|
||
$('.tpd-edits-hidden.tpd-editing').find(".tpd-richText-cont").css("background-color",bg_color);
|
||
}
|
||
function set_content_16(){
|
||
var content = block[divid]['content'];
|
||
if(content){
|
||
content = $('.tpd-edits-hidden.tpd-editing').find(".tpd-richText-cont").html();
|
||
}
|
||
ue.setContent(content)
|
||
|
||
}
|
||
function show_msg_16(){
|
||
console.log(block[divid])
|
||
set_bg_color_16()
|
||
set_content_16();
|
||
}
|
||
//HTML转义
|
||
function HTMLEncode(html) {
|
||
var temp = document.createElement("div");
|
||
(temp.textContent != null) ? (temp.textContent = html) : (temp.innerText = html);
|
||
var output = temp.innerHTML;
|
||
temp = null;
|
||
return output;
|
||
}
|
||
//HTML反转义
|
||
function HTMLDecode(text) {
|
||
return text;
|
||
var temp = document.createElement("div");
|
||
temp.innerHTML = text;
|
||
var output = temp.innerText || temp.textContent;
|
||
temp = null;
|
||
return output;
|
||
}
|
||
</script>
|
||
</div>
|
||
<include file="block/video" />
|
||
<include file="block/text" />
|
||
|
||
<div class="tpd-diy-js tpd-graphicList">
|
||
<div class="tpd-diy-title">图文列表</div>
|
||
<div class="tpd-txtnav-set" style="float: none;padding-left: 0;">
|
||
<div class="tpd-title-z">排列样式 </div>
|
||
<div class="tpd-graphicList-warps">
|
||
<div class="tpd-graphicList-li graphicList_color">
|
||
左图右文
|
||
</div>
|
||
<div class="tpd-graphicList-li">
|
||
左文右图
|
||
</div>
|
||
<div class="tpd-graphicList-li">
|
||
上下单图
|
||
</div>
|
||
<div class="tpd-graphicList-li">
|
||
上下双图
|
||
</div>
|
||
<div class="tpd-graphicList-li">
|
||
上下三图
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<label class="tpd-diy-bb tpd-cdiy-font28">下间距 :<input type="text" value="0" />px</label>
|
||
<div class="tpd-title-z" style="margin-top: 10px;">组件数据 <em>自定义数据，也可以从新闻列表选取。双图以上不支持</em> </div>
|
||
<div class="tpd-wstyle-wrap tpd-graphicList-link wstyle-ac">
|
||
<ul class="tpd-wstyle-list wstyle-ac tpd-cdiy-list">
|
||
<li >
|
||
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度540zpx，高度380px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-txtnav-set">
|
||
<div class="tpd-txtnav-name tpd-cdiy-font29">标题 : <input onblur="article_title(this);" class="maxword-input-js input-title-15" data-classid="13" data-maxlength="20" placeholder="此处填写标题" type="text" value="" /><span><i class="now-words">4</i>/20</span></div>
|
||
<div class="tpd-txtnav-textarea"><p>简介 :</p><textarea onblur="article_content(this);" data-maxlength="200" class="input-content-15" placeholder="此处填写简介"></textarea><span><i class="now-wordOne">0</i>/200</span></div>
|
||
<div class="tpd-txtnav-addlink tpd-cdiy-font28">
|
||
<label>链接设置 : </label>
|
||
<div class="tpd-addlink-target" id="txt_url"><i></i>添加链接目标</div>
|
||
<div class="tpd-addlist-target hand2"><i>选择新闻链接</i></div>
|
||
</div>
|
||
</div>
|
||
<!-- <div class="tpd-cdiy-identity">①</div>-->
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="tpd-wstyle-wrap tpd-graphicList-link">
|
||
<ul class="tpd-wstyle-list wstyle-ac tpd-cdiy-list">
|
||
<li>
|
||
<div class="tpd-wstyle-uploadimg" onclick="getpath(this);">
|
||
<span></span>
|
||
<label>建议宽度540zpx，高度380px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-txtnav-set" >
|
||
<div class="tpd-txtnav-name tpd-cdiy-font29">标题 : <input onblur="article_title(this);" class="maxword-input-js input-title-15" data-classid="13" data-maxlength="20" type="text" placeholder="此处填写标题" /><span><i class="now-words">4</i>/20</span></div>
|
||
<div class="tpd-txtnav-textarea"><p>简介 :</p><textarea onblur="article_content(this);" data-maxlength="200" class="input-content-15" placeholder="此处填写简介"></textarea><span><i class="now-wordOne">0</i>/200</span></div>
|
||
<div class="tpd-txtnav-addlink tpd-cdiy-font28">
|
||
<label>链接设置 : </label>
|
||
<div class="tpd-addlink-target" id="txt_url"><i></i>添加链接目标</div>
|
||
<div class="tpd-addlist-target hand2"><i>选择新闻链接</i></div>
|
||
</div>
|
||
</div>
|
||
<!-- <div class="tpd-cdiy-identity">①</div>-->
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="tpd-wstyle-wrap tpd-graphicList-link">
|
||
<ul class="tpd-wstyle-list wstyle-ac tpd-cdiy-list">
|
||
<li >
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度540zpx，高度380px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-txtnav-set" >
|
||
<div class="tpd-txtnav-name tpd-cdiy-font29">标题 : <input onblur="article_title(this);" class="maxword-input-js input-title-15" data-classid="13" data-maxlength="20" type="text" placeholder="此处填写标题" /><span><i class="now-words">4</i>/20</span></div>
|
||
<div class="tpd-txtnav-textarea"><p>简介 :</p><textarea onblur="article_content(this);" data-maxlength="200" class="input-content-15" placeholder="此处填写简介"></textarea><span><i class="now-wordOne">0</i>/200</span></div>
|
||
<div class="tpd-txtnav-addlink tpd-cdiy-font28">
|
||
<label>链接设置 : </label>
|
||
<div class="tpd-addlink-target" id="txt_url"><i></i>添加链接目标</div>
|
||
<div class="tpd-addlist-target hand2"><i>选择新闻链接</i></div>
|
||
</div>
|
||
</div>
|
||
<!-- <div class="tpd-cdiy-identity">①</div>-->
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="tpd-wstyle-wrap tpd-graphicList-link">
|
||
<ul class="tpd-wstyle-list wstyle-ac tpd-cdiy-list">
|
||
<li >
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度540zpx，高度380px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度540zpx，高度380px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-txtnav-set">
|
||
<div class="tpd-txtnav-name tpd-cdiy-font29">标题 : <input onblur="article_title(this);" class="maxword-input-js input-title-15" data-classid="13" data-maxlength="20" type="text" placeholder="此处填写标题" /><span><i class="now-words">4</i>/20</span></div>
|
||
<div class="tpd-txtnav-textarea"><p>简介 :</p><textarea onblur="article_content(this);" data-maxlength="200" class="input-content-15" placeholder="此处填写简介"></textarea><span><i class="now-wordOne">0</i>/200</span></div>
|
||
<div class="tpd-txtnav-addlink tpd-cdiy-font28">
|
||
<label>链接设置 : </label>
|
||
<div class="tpd-addlink-target" id="txt_url"><i></i>添加链接目标</div>
|
||
<div class="tpd-addlist-target hand2"><i>选择新闻链接</i></div>
|
||
</div>
|
||
</div>
|
||
<!-- <div class="tpd-cdiy-identity">①</div>-->
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="tpd-wstyle-wrap tpd-graphicList-link">
|
||
<ul class="tpd-wstyle-list wstyle-ac tpd-cdiy-list">
|
||
<li >
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度540px，高度380px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度540zpx，高度380px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-wstyle-uploadimg">
|
||
<span></span>
|
||
<label>建议宽度540zpx，高度380px<br />
|
||
如尺寸不达标，图片将自适应显示</label>
|
||
</div>
|
||
<div class="tpd-txtnav-set">
|
||
<div class="tpd-txtnav-name tpd-cdiy-font29">标题 : <input onblur="article_title(this);" class="maxword-input-js input-title-15" data-classid="13" data-maxlength="20" type="text" placeholder="此处填写标题" /><span><i class="now-words">4</i>/20</span></div>
|
||
<div class="tpd-txtnav-textarea"><p>简介 :</p><textarea onblur="article_content(this);" data-maxlength="200" placeholder="此处填写简介" class="input-content-15"></textarea><span><i class="now-wordOne">0</i>/200</span></div>
|
||
<div class="tpd-txtnav-addlink tpd-cdiy-font28">
|
||
<label>链接设置 : </label>
|
||
<div class="tpd-addlink-target" id="txt_url"><i></i>添加链接目标</div>
|
||
<div class="tpd-addlist-target hand2"><i>选择新闻链接</i></div>
|
||
</div>
|
||
</div>
|
||
<!-- <div class="tpd-cdiy-identity">①</div>-->
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<script type="text/javascript">
|
||
// 选择新闻链接 藏起来
|
||
$('.tpd-graphicList-link').find('.tpd-addlist-target.hand2').hide();
|
||
$('.tpd-graphicList-warps .tpd-graphicList-li').click(function(){
|
||
var index = $(this).index(); //图文列表样式
|
||
block[divid].article_type=index
|
||
$(this).addClass('graphicList_color').siblings().removeClass('graphicList_color');
|
||
$('.tpd-graphicList-link').eq($(this).index()).addClass('wstyle-ac').siblings().removeClass('wstyle-ac');
|
||
//$('.tpd-edits-hidden.tpd-editing').find('.js-code-wrap').html(diyHtml['tpd-graphicList'][index]);
|
||
|
||
// 重新设置class
|
||
$(".tpd-wstyle-wrap.tpd-graphicList-link.wstyle-ac").find('ul').removeClass().attr('class','tpd-wstyle-list wstyle-ac tpd-cdiy-list')
|
||
|
||
var html = get_15_html(index, block[divid])
|
||
$('.tpd-edits-hidden.tpd-editing').find('.js-code-wrap').html(html);
|
||
console.log(block[divid],index,diyHtml['tpd-graphicList'][index])
|
||
edit_15_html(block[divid])
|
||
});
|
||
// 修改处显示
|
||
function edit_15_html(data){
|
||
// 显示图片
|
||
$('.tpd-wstyle-wrap.tpd-graphicList-link.wstyle-ac .tpd-wstyle-uploadimg').each(function(index){
|
||
if(data.nav[index].pic){
|
||
$(this).html(get_mo_img(data.nav[index].pic))
|
||
}
|
||
})
|
||
//显示标题和内容
|
||
$(".input-title-15").val(data.title);
|
||
$(".input-content-15").val(data.content);
|
||
$(".input-title-15").siblings('span').find('i').html(data.title.length)
|
||
$(".input-content-15").siblings('span').find('i').html(data.content.length)
|
||
|
||
}
|
||
// 浏览处显示
|
||
function get_15_html(i, data){
|
||
var id = "#tpd_15_tpl_"+i;
|
||
return get_from_tpl(id,data);
|
||
}
|
||
function get_15_img(img){
|
||
return get_img(img);
|
||
}
|
||
function get_15_h3(v){
|
||
if(v) return v;
|
||
return '侠客岛对话郑永年:如何应对特朗普全政府对华战略'
|
||
}
|
||
function get_15_p(v){
|
||
if(v) return v;
|
||
return '这么大一笔钱，除了购置大批武器装备、推进先进装备的研发外，其中最引人关注的就是对于战略对手和“假想敌”的针对性。比如，俄罗斯就认为这份法案“令人警觉”，因为其中有拨款支持美国及其盟友在欧洲、尤其是俄边境的巡视行动；法案也授权允许美国政府针对俄罗斯进行制裁，禁止华府销售国防设备给使用俄罗斯科技的国家。'
|
||
}
|
||
|
||
</script>
|
||
<script id="tpd_15_tpl_0" type="text/html">
|
||
<div class="tpd-graphicLists tpd-graphic-wrap1">
|
||
<ul>
|
||
<li>
|
||
<a href="javascript:;">
|
||
<div class="tpd-graphicList-img fl">
|
||
<img src="{{get_15_img(d.nav[0].pic)}}"/>
|
||
</div>
|
||
<div class="tpd-graphicList-cont fr">
|
||
<h3>{{get_15_h3(d.title)}}</h3>
|
||
<p>{{get_15_p(d.content)}}</p>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</script>
|
||
<script id="tpd_15_tpl_1" type="text/html">
|
||
<div class="tpd-graphicLists tpd-graphic-wrap2">
|
||
<ul><li>
|
||
<a href="javascript:;">
|
||
<div class="tpd-graphicList-cont fl">
|
||
<h3>{{get_15_h3(d.title)}}</h3>
|
||
<p>{{get_15_p(d.content)}}</p>
|
||
</div>
|
||
<div class="tpd-graphicList-img fr">
|
||
<img src="{{get_15_img(d.nav[0].pic)}}"/>
|
||
</div>
|
||
</a>
|
||
</li></ul>
|
||
</div>
|
||
</script>
|
||
<script id="tpd_15_tpl_2" type="text/html">
|
||
<div class="tpd-graphicLists tpd-graphic-wrap3">
|
||
<ul><li>
|
||
<a href="javascript:;">
|
||
<div class="tpd-graphicList-cont">
|
||
<h3>{{get_15_h3(d.title)}}</h3>
|
||
<p>{{get_15_p(d.content)}}</p>
|
||
</div>
|
||
<div class="tpd-graphicList-img">
|
||
<img src="{{get_15_img(d.nav[0].pic)}}"/>
|
||
</div>
|
||
</a>
|
||
</li></ul>
|
||
</div>
|
||
</script>
|
||
<script id="tpd_15_tpl_3" type="text/html">
|
||
<div class="tpd-graphicLists tpd-graphic-wrap4">
|
||
<ul><li>
|
||
<a href="javascript:;">
|
||
<div class="tpd-graphicList-cont">
|
||
<h3>{{get_15_h3(d.title)}}</h3>
|
||
<p>{{get_15_p(d.content)}}</p>
|
||
</div>
|
||
<div class="tpd-graphicList-img">
|
||
<img src="{{get_15_img(d.nav[0].pic)}}"/>
|
||
<img src="{{get_15_img(d.nav[1].pic)}}"/>
|
||
</div>
|
||
</a>
|
||
</li></ul>
|
||
</div>
|
||
</script>
|
||
<script id="tpd_15_tpl_4" type="text/html">
|
||
<div class="tpd-graphicLists tpd-graphic-wrap5">
|
||
<ul><li><a href="javascript:;">
|
||
<div class="tpd-graphicList-cont">
|
||
<h3>{{get_15_h3(d.title)}}</h3>
|
||
<p>{{get_15_p(d.content)}}</p>
|
||
</div>
|
||
<div class="tpd-graphicList-img">
|
||
<img src="{{get_15_img(d.nav[0].pic)}}"/>
|
||
<img src="{{get_15_img(d.nav[1].pic)}}"/>
|
||
<img src="{{get_15_img(d.nav[2].pic)}}"/>
|
||
</div>
|
||
</a></li></ul>
|
||
</div>
|
||
</script>
|
||
|
||
</div>
|
||
<div class="tpd-diy-js tpd-activity" data-type="6">
|
||
<div class="tpd-diy-title" style="margin-bottom: 20px;">营销活动菜单栏设置</div>
|
||
<div class="tpd-cstyle-select tpd-cdiy-font28">
|
||
<label>营销活动 :</label>
|
||
<div class="tpd-select-wrap">
|
||
<span id="activity_show">拼团</span>
|
||
<ul class="tpd-select-list">
|
||
<li data-index="0" onclick="activity_choice(this)">拼团</li>
|
||
<li data-index="1" onclick="activity_choice(this)">秒杀</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<label class="tpd-diy-bb tpd-cdiy-font28">下间距 :<input type="text" value="10" />px</label>
|
||
<div class="tpd-activity-list">
|
||
<div class="tpd-activity-item tpd-activity-item1 tpd-activity-ac yxhd-6">
|
||
<dl class="tpd-cstyle-dl clearfix" id="activity-title">
|
||
<dt>列表名称 : </dt>
|
||
<dd><label data-showtitle="0"><input type="radio" name="activity1" />不使用</label></dd>
|
||
<dd style="margin-top: -6px;"><label data-showtitle="1"><input type="radio" name="activity1" checked />使用</label><div class="tpd-activity-name tpd-cdiy-font28"><input id="tab_title_6" onblur="activity_title(this)" class="maxword-input-js" data-classid="14" data-maxlength="10" type="text" placeholder="请输入活动标题" /><span><i class="now-words">0</i>/10</span></div></dd>
|
||
</dl>
|
||
<dl class="tpd-cstyle-dl clearfix" id="activity-style">
|
||
<dt>显示布局 : </dt>
|
||
<dd><label data-listid="1" show_type="0"><input type="radio" name="activity2" checked="checked" /><i class="tpd-cstyle-ico2"></i>橱窗式</label></dd>
|
||
<dd><label data-listid="2" show_type="1"><input type="radio" name="activity2" /><i class="tpd-cstyle-ico1"></i>列表式</label></dd>
|
||
</dl>
|
||
</div>
|
||
<div class="tpd-activity-item">
|
||
</div>
|
||
</div>
|
||
<script>
|
||
function setActivity() {
|
||
var viewAc='.tpd-edits-hidden.tpd-editing';
|
||
/*【营销活动】活动类型下拉列表*/
|
||
$('.tpd-activity').find('.tpd-select-wrap').click(function (e) {
|
||
$(this).toggleClass('tpd-select-ac');
|
||
var target=$(e.target);
|
||
if(target.is($(this).find('li'))){
|
||
var i=target.attr('data-index');
|
||
$(this).find('span').html(target.text());
|
||
$('.tpd-activity-item').eq(i).addClass('tpd-activity-ac').siblings().removeClass('tpd-activity-ac');
|
||
$(viewAc).find('.js-code-wrap').html(diyHtml['tpd-activity'][i]);
|
||
if(i==0){ //切换到拼团
|
||
//(还原是否显示标题)
|
||
var showtitle= $('#activity-title').find('input[checked]').parents('label').attr('data-showtitle');
|
||
if(showtitle==0){
|
||
$(viewAc).find('.tpdm-activity-title').hide();
|
||
}else {
|
||
$(viewAc).find('.tpdm-activity-title').show();
|
||
}
|
||
//(还原是橱窗还是列表)
|
||
var listid=$('#activity-style').find('input[checked]').parents('label').attr('data-listid');
|
||
$(viewAc).find('.tpdm-goods-list').removeClass('tpdm-goods-list1 tpdm-goods-list2').addClass('tpdm-goods-list'+listid);
|
||
$(".yxhd-6").addClass('tpd-activity-ac')
|
||
$('#activity-title').show();
|
||
$('#activity-style').show();
|
||
block[divid].activity_type=0;
|
||
}else{ //切换到秒杀
|
||
$(".yxhd-6").removeClass('tpd-activity-ac')
|
||
block[divid].activity_type=1;
|
||
block[divid].tab_title=''; //活动标题内容
|
||
}
|
||
}
|
||
});
|
||
$('#activity-title').find('label').click(function () { //显示标题
|
||
$(this).find('input').attr('checked','checked');
|
||
$(this).parents('dd').siblings().find('input').removeAttr('checked');
|
||
var title=$(viewAc).find('.tpdm-activity-title');
|
||
if($(this).attr('data-showtitle')==0){
|
||
title.hide();
|
||
block[divid].tab_type=0
|
||
}else {
|
||
title.show();
|
||
block[divid].tab_type=1
|
||
}
|
||
});
|
||
$('#activity-style').find('label').click(function () { //设置活动样式
|
||
$(this).find('input').attr('checked','checked');
|
||
$(this).parents('dd').siblings().find('input').removeAttr('checked');
|
||
$(viewAc).find('.tpdm-goods-list').removeClass('tpdm-goods-list1 tpdm-goods-list2').addClass('tpdm-goods-list'+$(this).attr('data-listid'));
|
||
block[divid].show_type = $(this).attr('show_type');
|
||
});
|
||
}
|
||
setActivity();
|
||
function show_edit_6(){
|
||
//block[divid].activity_type=0; //营销活动类型 0拼团 1秒杀
|
||
//拼团类型时才有以下3个属性值
|
||
//block[divid].tab_type=1; //活动标题是否显示 0不使用 1使用
|
||
//block[divid].tab_title=''; //活动标题内容
|
||
//block[divid].show_type=0; //显示布局 0橱窗式 1列表式
|
||
if(block[divid].tab_title){
|
||
$("#tab_title_6").val(block[divid].tab_title)
|
||
$("#tab_title_6").siblings('span').find('i').html(block[divid].tab_title.length)
|
||
}
|
||
$('#activity-style').find('label').eq(block[divid].show_type).click();
|
||
}
|
||
</script>
|
||
</div>
|
||
|
||
<!-- 新闻列表 -->
|
||
<div class="tpd-diy-js tpd-news">
|
||
<div class="tpd-diy-title" style="margin-bottom: 20px;">新闻板块</div>
|
||
<label class="tpd-diy-bb tpd-cdiy-font28">下间距 :<input type="text" value="10" />px</label>
|
||
<div class="tpd-goods-style">
|
||
<dl class="tpd-cstyle-dl clearfix" id="goods-num-one">
|
||
<dt>新闻数量 : </dt>
|
||
<dd><label><input value="2" type="radio" name="goods-style2" checked />2个</label></dd>
|
||
<dd><label><input value="4" type="radio" name="goods-style2" />4个</label></dd>
|
||
<dd><label><input value="6" type="radio" name="goods-style2" />6个</label></dd>
|
||
<dd><label><input value="8" type="radio" name="goods-style2" />8个</label></dd>
|
||
</dl>
|
||
</div>
|
||
<div class="js-goodstitle-list" style="margin-top: 15px;">
|
||
<ul class="tpd-cdiy-list" id="tab_list">
|
||
<li style="width: 360px;">
|
||
<div class="f-l">
|
||
<div class="tpd-goods-name goods-name tpd-cdiy-font28">新闻主题名称 : <input id="news_title" onblur="news_title();" class="maxword-input-js input-js-one" data-classid="10" data-maxlength="8" type="text" value="新闻资讯" /><span><i class="now-words">4</i>/8</span></div>
|
||
<dl class="tpd-cstyle-dl goods-name clearfix">
|
||
<dt>新闻列表添加: </dt>
|
||
<dd><label><input type="radio" class="hand2" name="goods-style4" /></label></dd>
|
||
</dl>
|
||
</div>
|
||
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<script type="text/javascript">
|
||
var viewAc='.tpd-edits-hidden.tpd-editing';
|
||
$('#goods-num-one').find('label').click(function () { //切换商品数量
|
||
block[divid]['new_num']=$(this).find('input').val();
|
||
$.post("/index.php/Admin/Block/get_news_list",{'num':block[divid].new_num,'news':block[divid]['ids']},function(res){
|
||
$('.tpd-edits-hidden.tpd-editing').find('.newlist-item ul').html(res.result);
|
||
},'JSON');
|
||
|
||
/* var viewNum=parseInt($(this).text());
|
||
var num=$(viewAc).find('.hot-tea-lists li').length;
|
||
if(num<viewNum){
|
||
for(var i=num;i<viewNum;i++){
|
||
$(viewAc).find('.hot-tea-lists ul').append($(viewAc).find('.hot-tea-lists li:last').clone());
|
||
}
|
||
}else{
|
||
for(var j=num;j>viewNum;j--){
|
||
$(viewAc).find('.hot-tea-lists li:last').remove();
|
||
}
|
||
}*/
|
||
});
|
||
function show_msg_12(){
|
||
$.post("/index.php/Admin/Block/get_news_list",{'num':block[divid].new_num,'news':block[divid]['ids']},function(res){
|
||
$('.tpd-edits-hidden.tpd-editing').find('.newlist-item ul').html(res.result);
|
||
},'JSON');
|
||
}
|
||
</script>
|
||
</div>
|
||
|
||
<include file="block/multipleStores" />
|
||
|
||
<div class="tpd-diy-js tpd-coupon">
|
||
<div class="tpd-diy-title">优惠券设置</div>
|
||
<dl class="tpd-cstyle-dl clearfix" id="coupon-style">
|
||
<dt>优惠券样式 : </dt>
|
||
<dd><label data-index="0"><input type="radio" name="coupon1" checked />样式1</label></dd>
|
||
<dd><label data-index="1"><input type="radio" name="coupon1" />样式2</label></dd>
|
||
</dl>
|
||
<label class="tpd-diy-bb tpd-cdiy-font28">下间距 :<input type="text" value="10" />px</label>
|
||
<div class="tpd-cdiy-font28">
|
||
<label class="f-l">优惠券 : </label>
|
||
<div class="tpd-coupon-list" id="coupon-list">
|
||
<!--ul>
|
||
<li><span>满200减50</span><i class="tpd-coupon-close"></i></li>
|
||
</ul-->
|
||
<div class="tpd-addlink-target" id="add_coupon"><span>＋</span> 添加优惠券<span class="coupon_a">本组件最多支持显示<span class="coupon_span">3</span>张优惠券</span></div>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
$('#coupon-style').find('label').click(function () { /*切换优惠券样式*/
|
||
$('.tpd-coupon-list .tpd-addlink-target .coupon_span').text($(this).attr('data-index') == 0?3:2);
|
||
$('.tpd-edits-hidden.tpd-editing').find('.js-code-wrap').html(diyHtml['tpd-coupon'][$(this).attr('data-index')]);
|
||
block[divid]['coupon_style']=$(this).attr('data-index');
|
||
block[divid].nav=[];
|
||
$('.pop-swith').removeClass('pop-swith-on');
|
||
});
|
||
$('#coupon-list').on('click','.tpd-coupon-close',function () { //删除优惠券
|
||
$(this).parents('li').remove();
|
||
})
|
||
</script>
|
||
</div>
|
||
<div class="tpd-diy-js tpd-search" data-type="8">
|
||
<div class="tpd-diy-title">搜索栏设置</div>
|
||
<ul class="tpd-search-list">
|
||
<li>
|
||
<div class="tpd-search-warp clearfix">
|
||
<div class="tpd-search-tm"></div>
|
||
<a class="tpd-logo" href="javascript:;"><img src="__PUBLIC__/static/images/logo.png" alt="" /></a>
|
||
<form class="tpd-search-form" action="">
|
||
<i class="ico-head-search"></i>
|
||
<a href="/mobile/Goods/ajaxSearch.html"><input type="text" name="search_text" class="search_text" placeholder="请输入您所搜索的商品" /></a>
|
||
</form>
|
||
<a id="login_url" class="tpd-personal-warp" href="/Mobile/User/login.html">
|
||
<span id="login_ico">登录</span>
|
||
<i class="ico-head-personal"></i>
|
||
</a>
|
||
</div>
|
||
<a class="tpd-cmodule-radio radio-selected" href="javascript:;"></a>
|
||
</li>
|
||
<li>
|
||
<div class="tpd-search-warp tpd-search-wrap1 clearfix">
|
||
<div class="tpd-search-tm"></div>
|
||
<a class="tpd-logo" href="javascript:;"><img src="__PUBLIC__/static/images/logo.png" alt="" /></a>
|
||
<form class="tpd-search-form" action="">
|
||
<i class="ico-head-search"></i>
|
||
<a href="/mobile/Goods/ajaxSearch.html"><input type="text" name="search_text" class="search_text" placeholder="请输入您所搜索的商品" /></a>
|
||
</form>
|
||
<a id="login_url" class="tpd-personal-warp" href="/Mobile/User/login.html">
|
||
<span id="login_ico">登录</span>
|
||
<i class="ico-head-personal"></i>
|
||
</a>
|
||
</div>
|
||
<a class="tpd-cmodule-radio" href="javascript:;"></a>
|
||
</li>
|
||
<li>
|
||
<div class="tpd-search-warp tpd-search-wrap2 clearfix">
|
||
<div class="tpd-search-tm"></div>
|
||
<a class="tpd-logo" href="javascript:;"><img src="__PUBLIC__/static/images/logo.png" alt="" /></a>
|
||
<form class="tpd-search-form" action="">
|
||
<i class="ico-head-search"></i>
|
||
<a href="/mobile/Goods/ajaxSearch.html"><input type="text" name="search_text" class="search_text" placeholder="请输入您所搜索的商品" /></a>
|
||
</form>
|
||
<a id="login_url" class="tpd-personal-warp" href="/Mobile/User/login.html">
|
||
<span id="login_ico">登录</span>
|
||
<i class="ico-head-personal"></i>
|
||
</a>
|
||
</div>
|
||
<a class="tpd-cmodule-radio" href="javascript:;"></a>
|
||
</li>
|
||
<script>
|
||
// 搜索栏设置 选风格
|
||
$('.tpd-search .tpd-cmodule-radio').click(function () {
|
||
$('.tpd-search .tpd-cmodule-radio').removeClass('radio-selected');
|
||
$(this).addClass('radio-selected');
|
||
var html=$(this).parents('li').find('.tpd-search-warp').clone();
|
||
$('.tpdm-head-wrap.tpdm-head-edit').find('.tpdm-head-js').html(html);
|
||
//block[divid]['search_style']=$(this).parents('li').index();
|
||
block.search_style=$(this).parents('li').index();
|
||
block.is_search=1;
|
||
block[block.search_id].search_style=block.search_style
|
||
console.log($(this).parents('li').index(),html,block[block.search_id])
|
||
});
|
||
</script>
|
||
</ul>
|
||
</div>
|
||
<div class="tpd-diy-js tpd-storeh">
|
||
<div class="tpd-diy-title">店铺头部设置</div>
|
||
<label class="tpd-diy-bb tpd-cdiy-font28">下间距 :<input type="text" value="0" />px</label>
|
||
<ul class="tpd-storeh-list clearfix">
|
||
<li>
|
||
<div class="tpd-storeh-wrap clearfix">
|
||
<div class="tpd-store-head">
|
||
<div class="tpd-storeh-cont tpd-storeh-cont1">
|
||
<a class="tpd-storeh-logo" href="javascript:;"><img src="__PUBLIC__/static/images/logo.png" alt="" /></a>
|
||
<div class="tpd-storeh-name"><span>店铺名称</span><i class="tpd-storeh-collect">收藏</i></div>
|
||
<div class="tpd-storeh-des">一句话介绍你的店铺</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a class="tpd-cmodule-radio radio-selected" href="javascript:;"></a>
|
||
</li>
|
||
<li>
|
||
<div class="tpd-storeh-wrap clearfix">
|
||
<div class="tpd-store-head">
|
||
<div class="tpd-storeh-cont1 tpd-storeh-cont2">
|
||
<a class="tpd-storeh-logo" href="javascript:;"><img src="__PUBLIC__/static/images/logo.png" alt="" /></a>
|
||
<div class="tpd-storeh-name"><span>店铺名称</span><i class="tpd-storeh-collect">收藏</i></div>
|
||
<div class="tpd-storeh-des">一句话介绍你的店铺</div>
|
||
</div>
|
||
<ul class="tpd-storeh-num">
|
||
<li>
|
||
<i>126</i>
|
||
<span>全部商品</span>
|
||
</li>
|
||
<li>
|
||
<i>5642</i>
|
||
<span>收藏数量</span>
|
||
</li>
|
||
<li>
|
||
<i>28</i>
|
||
<span>新品上市</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<a class="tpd-cmodule-radio" href="javascript:;"></a>
|
||
</li>
|
||
<li>
|
||
<div class="tpd-storeh-wrap clearfix">
|
||
<div class="tpd-store-head">
|
||
<div class="tpd-storeh-cont3">
|
||
<a class="tpd-storeh-logo" href="javascript:;"><img src="__PUBLIC__/static/images/logo.png" alt="" /></a>
|
||
<div class="tpd-storeh-name">店铺名称</div>
|
||
<i class="tpd-storeh-collect">收藏</i>
|
||
</div>
|
||
<ul class="tpd-storeh-num">
|
||
<li>
|
||
<i>126</i>
|
||
<span>全部商品</span>
|
||
</li>
|
||
<li>
|
||
<i>5642</i>
|
||
<span>收藏数量</span>
|
||
</li>
|
||
<li>
|
||
<i>28</i>
|
||
<span>新品上市</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<a class="tpd-cmodule-radio" href="javascript:;"></a>
|
||
</li>
|
||
<li>
|
||
<div class="tpd-storeh-wrap clearfix">
|
||
<div class="tpd-store-head">
|
||
<div class="tpd-storeh-cont3 tpd-storeh-cont4">
|
||
<a class="tpd-storeh-logo" href="javascript:;"><img src="__PUBLIC__/static/images/logo.png" alt="" /></a>
|
||
<div class="tpd-storeh-name">店铺名称</div>
|
||
<div class="tpd-storeh-des">一句话介绍你的店铺</div>
|
||
<i class="tpd-storeh-collect">收藏</i>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<a class="tpd-cmodule-radio" href="javascript:;"></a>
|
||
</li>
|
||
<li>
|
||
<div class="tpd-storeh-wrap clearfix">
|
||
<div class="tpd-store-head">
|
||
<div class="tpd-storeh-cont1 tpd-storeh-cont5">
|
||
<a class="tpd-storeh-logo" href="javascript:;"><img src="__PUBLIC__/static/images/logo.png" alt="" /></a>
|
||
<div class="tpd-storeh-name"><span>店铺名称</span><i class="tpd-storeh-collect">收藏</i></div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<a class="tpd-cmodule-radio" href="javascript:;"></a>
|
||
</li>
|
||
<li class="tpd-eidt-storeh"></li>
|
||
<script>
|
||
$('.tpd-storeh-list .tpd-cmodule-radio').click(function () {
|
||
$('.tpd-storeh-list .tpd-cmodule-radio').removeClass('radio-selected');
|
||
$(this).addClass('radio-selected');
|
||
var html=$(this).parents('li').find('.tpd-store-head').clone();
|
||
$('.tpd-edits-hidden.tpd-editing').find('.js-code-wrap').html(html);
|
||
|
||
});
|
||
</script>
|
||
</ul>
|
||
</div>
|
||
|
||
<include file="block/message" />
|
||
<div class="tpd-diy-js tpd-footmenu">
|
||
<div class="tpd-diy-title">底部设置</div>
|
||
<div class="tpd-navs-style">
|
||
</div>
|
||
<div class="tpd-title-z" style="margin-bottom: 20px;">组件数据 <span>图标建议尺寸：140px*140px</span><em>最多支持扩展5个底部</em> </div>
|
||
<ul class="tpd-cdiy-list" id="tpd-foots-list">
|
||
<li>
|
||
<div class="tpd-foot_tbxz">
|
||
<div class="tpd-nav-ico tpd-foots-ico"><img src="/template/mobile/rainbow/static/images/home1.png" alt="" /></div>
|
||
<div class="tpd-nav-ico tpd-foots-ico"><img src="/template/mobile/rainbow/static/images/home2.png" alt="" /></div>
|
||
</div>
|
||
<div class="tpd-nav-cont">
|
||
<div class="tpd-nav-name tpd-cdiy-font28">导航名称 : <input onblur="tit_name2(this);" class="maxword-input-js" data-classid="5" data-maxlength="4" type="text" value="首页" /><span><i class="now-words">2</i>/4</span></div>
|
||
<div class="tpd-cstyle-select tpd-cdiy-font28">
|
||
<label>链接目标 :</label>
|
||
<div class="tpd-addlink-target" style="display:block;"><i></i>添加链接目标</div>
|
||
</div>
|
||
</div>
|
||
<div class="tpd-cdiy-identity"><img src="images/ico-diy-drag.png" alt="" /></div>
|
||
<a class="tpd-del-nav" href="javascript:;"></a>
|
||
</li>
|
||
<li>
|
||
<div class="tpd-foot_tbxz">
|
||
<div class="tpd-nav-ico tpd-foots-ico"><img src="/template/mobile/rainbow/static/images/category1.png" alt="" /></div>
|
||
<div class="tpd-nav-ico tpd-foots-ico"><img src="/template/mobile/rainbow/static/images/category2.png" alt="" /></div>
|
||
</div>
|
||
<div class="tpd-nav-cont">
|
||
<div class="tpd-nav-name tpd-cdiy-font28">导航名称 : <input onblur="tit_name2(this);" class="maxword-input-js" data-classid="6" data-maxlength="4" type="text" value="分类" /><span><i class="now-words">2</i>/4</span></div>
|
||
<div class="tpd-cstyle-select tpd-cdiy-font28">
|
||
<label>链接目标 :</label>
|
||
<div class="tpd-addlink-target" style="display:block;"><i></i>添加链接目标</div>
|
||
</div>
|
||
</div>
|
||
<div class="tpd-cdiy-identity"><img src="images/ico-diy-drag.png" alt="" /></div>
|
||
<a class="tpd-del-nav" href="javascript:;"></a>
|
||
</li>
|
||
<li>
|
||
<div class="tpd-foot_tbxz">
|
||
<div class="tpd-nav-ico tpd-foots-ico"><img src="/template/mobile/rainbow/static/images/find1.png" alt="" /></div>
|
||
<div class="tpd-nav-ico tpd-foots-ico"><img src="/template/mobile/rainbow/static/images/find2.png" alt="" /></div>
|
||
</div>
|
||
<div class="tpd-nav-cont">
|
||
<div class="tpd-nav-name tpd-cdiy-font28">导航名称 : <input onblur="tit_name2(this);" class="maxword-input-js" data-classid="7" data-maxlength="4" type="text" value="发现" /><span><i class="now-words">2</i>/4</span></div>
|
||
<div class="tpd-cstyle-select tpd-cdiy-font28">
|
||
<label>链接目标 :</label>
|
||
<div class="tpd-addlink-target" style="display:block;"><i></i>添加链接目标</div>
|
||
</div>
|
||
</div>
|
||
<div class="tpd-cdiy-identity"><img src="images/ico-diy-drag.png" alt="" /></div>
|
||
<a class="tpd-del-nav" href="javascript:;"></a>
|
||
</li>
|
||
<li>
|
||
<!--<label style=" float: left;">选择图标：</label>-->
|
||
<div class="tpd-foot_tbxz">
|
||
<div class="tpd-nav-ico tpd-foots-ico"><img src="/template/mobile/rainbow/static/images/cart1.png" alt="" /></div>
|
||
<div class="tpd-nav-ico tpd-foots-ico"><img src="/template/mobile/rainbow/static/images/cart2.png" alt="" /></div>
|
||
</div>
|
||
<div class="tpd-nav-cont">
|
||
<div class="tpd-nav-name tpd-cdiy-font28">导航名称 : <input onblur="tit_name2(this);" class="maxword-input-js" data-classid="8" data-maxlength="4" type="text" value="购物车" /><span><i class="now-words">2</i>/4</span></div>
|
||
<div class="tpd-cstyle-select tpd-cdiy-font28">
|
||
<label>链接目标 :</label>
|
||
<div class="tpd-addlink-target" style="display:block;"><i></i>添加链接目标</div>
|
||
</div>
|
||
</div>
|
||
<div class="tpd-cdiy-identity"><img src="images/ico-diy-drag.png" alt="" /></div>
|
||
<a class="tpd-del-nav" href="javascript:;"></a>
|
||
</li>
|
||
<li>
|
||
<div class="tpd-foot_tbxz">
|
||
<div class="tpd-nav-ico tpd-foots-ico"><img src="/template/mobile/rainbow/static/images/user1.png" alt="" /></div>
|
||
<div class="tpd-nav-ico tpd-foots-ico"><img src="/template/mobile/rainbow/static/images/user2.png" alt="" /></div>
|
||
</div>
|
||
<div class="tpd-nav-cont">
|
||
<div class="tpd-nav-name tpd-cdiy-font28">导航名称 : <input onblur="tit_name2(this);" class="maxword-input-js" data-classid="9" data-maxlength="4" type="text" value="我的" /><span><i class="now-words">2</i>/4</span></div>
|
||
<div class="tpd-cstyle-select tpd-cdiy-font28">
|
||
<label>链接目标 :</label>
|
||
<div class="tpd-addlink-target" style="display:block;"><i></i>添加链接目标</div>
|
||
</div>
|
||
</div>
|
||
<div class="tpd-cdiy-identity"><img src="images/ico-diy-drag.png" alt="" /></div>
|
||
<a class="tpd-del-nav" href="javascript:;"></a>
|
||
</li>
|
||
</ul>
|
||
<div class="tpd-cadd-project"><i></i>新建目标</div>
|
||
<script>
|
||
function footOperate(){
|
||
/*【底部】删除底部导航*/
|
||
var footUl=$('#tpd-foots-list');
|
||
var viewAd='.tpdm-footer-false';
|
||
var lengths;
|
||
var viewUl;
|
||
footUl.on('click','.tpd-del-nav',function () {
|
||
lengths = $('#tpd-foots-list>li').length;
|
||
if (lengths < 2) {
|
||
layer.msg("至少有一项目")
|
||
return;
|
||
}
|
||
var li=$(this).parents('li');
|
||
var j=li.index();
|
||
|
||
viewUl=$(viewAd).find('.tpd-footer');
|
||
viewUl.removeClass('tpd-footer2 tpd-footer3 tpd-footer4 tpd-footer5').addClass('tpd-footer' +(lengths - 1));
|
||
viewUl.find('a').eq(li.index()).remove();
|
||
li.remove();
|
||
|
||
block[divid].nav.splice(j,1); //删除时同时删除block数组内对应内容
|
||
});
|
||
$
|
||
/*【底部】添加底部导航*/
|
||
$(document).on('click','.tpd-footmenu .tpd-cadd-project',function () {
|
||
var html='<a href="/mobile/Goods/categoryList.html"><i class="ico-foot1 icoimg1"><img src="/template/mobile/rainbow/static/images/category1.png"></i><i class="ico-foot1 icoimg2"><img src="/template/mobile/rainbow/static/images/category2.png"></i><span>分类</span></a>'
|
||
var Ehtml= $("#dbcd_tpl").html();
|
||
// $('.tpd-footmenu .tpd-cadd-project').click(function () {
|
||
var aLi=$('#tpd-foots-list>li');
|
||
lengths = aLi.length;
|
||
if(lengths>4) return;
|
||
footUl.append(Ehtml);
|
||
viewUl=$(viewAd).find('.tpd-footer');
|
||
console.log(viewUl.length);
|
||
viewUl.removeClass('tpd-footer2 tpd-footer3 tpd-footer4 tpd-footer5').addClass('tpd-footer' +(lengths+1));
|
||
viewUl.append(html);
|
||
var b={
|
||
pic1:'/template/mobile/rainbow/static/images/category1.png',
|
||
pic2:'/template/mobile/rainbow/static/images/category2.png',
|
||
title_name:'分类',
|
||
url:'' // /mobile/Goods/categoryList.html
|
||
};
|
||
/*for(var k in block[divid].nav[1]){
|
||
b[k]=block[divid].nav[1][k];
|
||
}*/
|
||
block[divid].nav.push(b); //添加时同时往block数组添加内容
|
||
// selectNav();//从新初始化下拉列表
|
||
});
|
||
}
|
||
footOperate();
|
||
</script>
|
||
</div>
|
||
</div>
|
||
<div id="dbcd_tpl" style="display: none"><li>
|
||
<div class="tpd-foot_tbxz">
|
||
<div class="tpd-nav-ico tpd-foots-ico"><img src="/template/mobile/rainbow/static/images/category1.png" alt="" /></div>
|
||
<div class="tpd-nav-ico tpd-foots-ico"><img src="/template/mobile/rainbow/static/images/category2.png" alt="" /></div>
|
||
</div>
|
||
<div class="tpd-nav-cont">
|
||
<div class="tpd-nav-name tpd-cdiy-font28">导航名称 : <input onblur="tit_name2(this);" class="maxword-input-js" data-classid="6" data-maxlength="4" type="text" value="分类" /><span><i class="now-words">2</i>/4</span></div>
|
||
<div class="tpd-cstyle-select tpd-cdiy-font28">
|
||
<label>链接目标 :</label>
|
||
<div class="tpd-addlink-target" style="display:block;"><i></i>添加链接目标</div>
|
||
</div>
|
||
</div>
|
||
<div class="tpd-cdiy-identity"><img src="images/ico-diy-drag.png" alt="" /></div>
|
||
<a class="tpd-del-nav" href="javascript:;"></a>
|
||
</li></div>
|
||
<div class="tpd-foot-wrap">
|
||
<div class="tpd-foot">
|
||
<div class="tpd-zSE-wrap">
|
||
<if condition="$role">
|
||
<div style="display: inline-block;">
|
||
<div class="select_name_title">行业:</div>
|
||
<select id="industry_id" name="industry_id" onchange="select_next(this)" data-url="/index.php/Admin/Block/select_style" data-name="name" data-val="id" data-forid="style_selects">
|
||
<option value="">请选择</option>
|
||
<volist name="industry_ids" id="vo">
|
||
<option value="{$vo.id}">{$vo.name}</option>
|
||
</volist>
|
||
</select>
|
||
<div class="select_name_title">风格:</div>
|
||
<select name="style_id" id="style_selects">
|
||
<option value=""></option>
|
||
</select>
|
||
</div>
|
||
</if>
|
||
</div>
|
||
<if condition="$role">
|
||
<div class="tpd-foot-cont tpd-foot-zSCTP" >
|
||
<a href="javascript:;" id="cover">模板封面</a>
|
||
<input id="thumb" type="text" value="{$thumb}" readonly="readonly"/>
|
||
</div>
|
||
<div class="tpd-foot-zYLTP">
|
||
<div class="foot-zYLTP-cont">
|
||
<img id="cover_img" src="{$thumb|default="https://weapp-1253522117.image.myqcloud.com//image/20171207/6c79a4121d22bf90.png"}">
|
||
<p>模板封面效果图</p>
|
||
</div>
|
||
</div>
|
||
</if>
|
||
|
||
<!--i class="ico-radio1"></i-->
|
||
<!--label>设为当前使用模板</label-->
|
||
<p class="tpd-foot-p">TpShop商城</p>
|
||
<div class="tpd-foot-cont">
|
||
<a href="javascript:;" onclick="save_data();">保 存</a>
|
||
<!-- <a href="javascript:;" onclick="save_data();">上传封面</a> -->
|
||
</div>
|
||
</div>
|
||
<script>
|
||
$('.tpd-foot>.ico-radio1').click(function () {
|
||
$(this).toggleClass('radio1-selected');
|
||
});
|
||
|
||
function select_next(obj){
|
||
var url = $(obj).attr('data-url');
|
||
var industry_id = $(obj).val();
|
||
var forid = $(obj).attr('data-forid');
|
||
var name = $(obj).attr('data-name');
|
||
var val = $(obj).attr('data-val');
|
||
$.post(url,
|
||
{'industry_id':industry_id,},
|
||
function(res){
|
||
var str = '<option value="">请选择</option>';
|
||
if(res.status){
|
||
var data = res.result;
|
||
for (var i = 0; i < data.length; i++) {
|
||
str += '<option value="'+data[i][val]+'">'+data[i][name]+'</option>'
|
||
}
|
||
}
|
||
$("#"+forid).html(str);
|
||
},'JSON');
|
||
}
|
||
</script>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="json_str" style="display:none"><?php echo $info; ?></div>
|
||
<input type="hidden" id="do_edit" value="{$id}">
|
||
|
||
<script src="__PUBLIC__/static/js/tp-drag.js"></script>
|
||
|
||
<!--弹窗部分-->
|
||
<div class="shade-module" id="shade-module" style="display:none"></div>
|
||
<!--链接目标-->
|
||
<div class="pop-warp pop-link" id="pop-link" style="display:none">
|
||
<div class="pop-title">链接目标</div>
|
||
<a class="close-pop-btn" href="javascript:;"></a>
|
||
<div class="pop-menu pop-link-menu">
|
||
<a class="link-menu-ac" href="javascript:;">输入链接</a>
|
||
<a href="javascript:;">商城页面</a>
|
||
<a href="javascript:;">商品分类</a>
|
||
<a href="javascript:;">商品详情</a>
|
||
<a href="javascript:;">自定义页面</a>
|
||
<a href="javascript:;">新闻列表</a>
|
||
</div>
|
||
<ul class="pop-link-list">
|
||
<li class="pop-link-ac">
|
||
<dl class="pop-input-link tpd-cdiy-font28">
|
||
<dt>链接地址：</dt>
|
||
<dd><label>http://<input id="url1" type="text" /></label></dd>
|
||
<dd><label><input id="url0" type="radio" name="link-target1" />无连接</label></dd>
|
||
</dl>
|
||
</li>
|
||
<li>
|
||
<dl class="pop-link-mall pop-clink-wrap tpd-cdiy-font28" id="shop_link">
|
||
<dt>选择页面：</dt>
|
||
<dd><label><input type="radio" name="link-target2" value="{:U('Mobile/Index/index')}" />商城首页</label></dd>
|
||
<dd><label><input type="radio" name="link-target2" value="{:U('Mobile/Cart/index')}" />购物车</label></dd>
|
||
<dd><label><input type="radio" name="link-target2" value="{:U('Mobile/activity/coupon_list')}" />优惠券中心</label></dd>
|
||
<dd><label><input type="radio" name="link-target2" value="{:U('Mobile/Team/index')}" />拼团页面</label></dd>
|
||
<dd><label><input type="radio" name="link-target2" value="{:U('Mobile/Activity/flash_sale_list')}" />限时秒杀</label></dd>
|
||
<dd><label><input type="radio" name="link-target2" value="{:U('Mobile/Goods/categoryList')}" />商品分类</label></dd>
|
||
<dd><label><input type="radio" name="link-target2" value="{:U('Mobile/User/index')}" />会员中心</label></dd>
|
||
<dd><label><input type="radio" name="link-target2" value="{:U('Mobile/Goods/integralMall')}" />积分商城</label></dd>
|
||
<dd><label><input type="radio" name="link-target2" value="{:U('Mobile/Distribut/index')}" />我的分销</label></dd>
|
||
<dd><label><input type="radio" name="link-target2" value="/index.php/Mobile/Distribut/become_distribut" />加盟分销商</label></dd>
|
||
</dl>
|
||
</li>
|
||
<li>
|
||
<div class="pop-link-goodscategory clearfix">
|
||
<div class="tpd-cstyle-select tpd-cdiy-font28">
|
||
<label>一级分类 : </label>
|
||
<div>
|
||
<select name="cat_id" id="cat_id" class="small form-control">
|
||
<option value="0">请选择商品分类</option>
|
||
<foreach name="cat_list" item="v" key="k" >
|
||
<option value="{$v['id']}" <if condition="$v['id'] eq $level_cat['1']">selected="selected"</if> >
|
||
{$v['name']}
|
||
</option>
|
||
</foreach>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="tpd-cstyle-select tpd-cdiy-font28">
|
||
<label>二级分类 : </label>
|
||
<div>
|
||
<select name="cat_id_2" id="cat_id_2" onChange="get_class_2(this);" class="small form-control">
|
||
<option value="0">请选择商品分类</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="tpd-cstyle-select tpd-cdiy-font28">
|
||
<label>三级分类 : </label>
|
||
<div>
|
||
<select name="cat_id_3" id="cat_id_3" onchange="goods_class();" class="small form-control">
|
||
<option value="0">请选择商品分类</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<style type="text/css">
|
||
.pop-link-goodscategory{
|
||
min-height: 100px;
|
||
}
|
||
.pop-links-des{
|
||
width: 700px;
|
||
margin:0 auto;
|
||
font-size: 18px;
|
||
color: #666;
|
||
padding: 10px;
|
||
border: 1px solid #ccc;
|
||
line-height: 24px;
|
||
}
|
||
</style>
|
||
<div class="pop-links-des" id="url_show"></div>
|
||
<script>
|
||
//get_category(this.value,'cat_id_3','0');
|
||
/*【弹窗-商品分类】下拉列表*/
|
||
$('.pop-link-goodscategory').find('.tpd-select-wrap').click(function (e) {
|
||
$(this).toggleClass('tpd-select-ac');
|
||
var target=$(e.target);
|
||
if(target.is($(this).find('li'))){
|
||
$(this).find('span').html(target.text());
|
||
}
|
||
});
|
||
</script>
|
||
</li>
|
||
<li>
|
||
<form class="pop-search pop-goods-search">
|
||
<input type="text" id="goods_keywords" placeholder="搜索商品名称" />
|
||
<input type="hidden" id="search_history" value="{$keywords}" />
|
||
<a id="goods_search" href="javascript:;"></a>
|
||
</form>
|
||
<ul class="pop-goods-detail">
|
||
<li class="p-li0"><input type="checkbox" value=" " /></li>
|
||
<li class="p-li1">商品编码</li>
|
||
<li class="p-li2">商品名称</li>
|
||
<li class="p-li3">商品图片</li>
|
||
<li class="p-li4">商品分类</li>
|
||
<li class="p-li4">商品价格</li>
|
||
<li class="p-li4">商品库存</li>
|
||
</ul>
|
||
<div class="pop-goods-detail p-goods-list">
|
||
<div class="p-goods-scroll">
|
||
|
||
<volist name="goodsList" id="vo">
|
||
<ul class="p-goods-item">
|
||
<li class="pi-li0"><input type="checkbox" value="{$vo.goods_id}" /></li>
|
||
<li class="pi-li1">{$vo.goods_id}</li>
|
||
<li class="pi-li2">{$vo.goods_name}</li>
|
||
<li class="pi-li3"><img src="{$vo.original_img}" alt="" /></li>
|
||
<li class="pi-li4">{$vo.cat_id}</li>
|
||
<li class="pi-li4">{$vo.shop_price}</li>
|
||
<li class="pi-li4">{$vo.store_count}</li>
|
||
</ul>
|
||
</volist>
|
||
</div>
|
||
</div>
|
||
<div class="pop-goods-paging">
|
||
<span><i id="page">1</i>/<i id="count">{$count}</i></span>
|
||
<a onclick="page_show(1);" href="javascript:;">></a>
|
||
<a onclick="page_show(0);" href="javascript:;"><</a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<dl class="pop-link-mall pop-clink-wrap tpd-cdiy-font28">
|
||
<dt>选择页面：</dt>
|
||
<volist name="page_list" id="vo">
|
||
<dd><label><input template-id="{$vo.id}" class="diyPage" type="radio" name="link-target5" />{$vo.template_name}</label></dd>
|
||
</volist>
|
||
</dl>
|
||
</li>
|
||
<li >
|
||
|
||
<form class="pop-search pop-goods-search">
|
||
<select style="float:left" id="cat_search_link" class="news-f ">
|
||
<option value="0">全部分类</option>
|
||
<volist name="newsCat" id="vo">
|
||
<option value="{$vo.cat_id}" class="pdleft{$vo.level}">
|
||
<if condition="$vo.level eq 0">
|
||
<elseif condition="$vo.level eq 1"/>
|
||
<elseif condition="$vo.level eq 2"/>
|
||
<elseif condition="$vo.level eq 3"/>
|
||
<else/>
|
||
</if>
|
||
{$vo.cat_name}</option>
|
||
</volist>
|
||
</select>
|
||
<a id="goods_search3_link" href="javascript:;"></a>
|
||
</form>
|
||
<ul class="pop-goods-detail">
|
||
<li class="p-li0"><input type="checkbox" value=" " /></li>
|
||
<li class="p-li1">新闻id</li>
|
||
<li class="p-li2">新闻标题</li>
|
||
<li class="p-li3">新闻图片</li>
|
||
<li class="p-li4">新闻分类</li>
|
||
<li class="p-li4">发布时间</li>
|
||
</ul>
|
||
<div class="pop-goods-detail p-goods-list">
|
||
<div class="p-goods-scroll" id="ajax_news_list_link">
|
||
|
||
<volist name="newsList" id="vo">
|
||
<ul class="p-goods-item">
|
||
<li class="pi-li0"><input type="checkbox" value="{$vo.article_id}" /></li>
|
||
<li class="pi-li1">{$vo.article_id}</li>
|
||
<li class="pi-li2">{$vo.title}</li>
|
||
<li class="pi-li3"><img src="{$vo.thumb}" alt="" /></li>
|
||
<li class="pi-li4">{$vo.cat_name}</li>
|
||
<li class="pi-li4">{$vo.publish_time|date="Y-m-d",###}</li>
|
||
</ul>
|
||
</volist>
|
||
</div>
|
||
</div>
|
||
<div class="pop-goods-paging">
|
||
<span><i id="page3_link">1</i>/<i id="count3_link">{$count_new|default="1"}</i></span>
|
||
<a onclick="page_show3_link(1);" href="javascript:;">></a>
|
||
<a onclick="page_show3_link(0);" href="javascript:;"><</a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<div class="pop-link-btns">
|
||
<a href="javascript:;" id="link-cancel">取消</a>
|
||
<a href="javascript:;" id="link-ok">确定</a>
|
||
</div>
|
||
<script>
|
||
// 新闻方法，s set_click_1
|
||
$('#goods_search3_link').click(function(){
|
||
var cat=$('#cat_search_link').val();
|
||
ajax_news_list_link(cat,1);
|
||
})
|
||
|
||
function page_show3_link(status){
|
||
var page=parseInt($('#page3_link').html());
|
||
if(status==0){
|
||
page=page-1;
|
||
if(page<1){
|
||
page=1;
|
||
}
|
||
}
|
||
if(status==1){
|
||
page=page+1;
|
||
if(page>parseInt($('#count3_link').html())){
|
||
page=parseInt($('#count3_link').html());
|
||
}
|
||
}
|
||
var cat=$('#cat_search_link').val();
|
||
ajax_news_list_link(cat,page);
|
||
}
|
||
|
||
function ajax_news_list_link(cat,page) {
|
||
$('#page3_link').html(page);
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "/index.php?m=Admin&c=block&a=ajaxNewsList",
|
||
data: {'cat':cat,'page':page},
|
||
dataType:'json',
|
||
success: function (res) {
|
||
var r=res.result;
|
||
$('#ajax_news_list_link').html(r.html);
|
||
$('#count3_link').html(r.count_new<1?1:r.count_new);
|
||
}
|
||
});
|
||
}
|
||
|
||
// 新闻e
|
||
|
||
function popLink() {
|
||
$('.pop-link-menu>a').click(function () { //切换列表
|
||
$(this).addClass('link-menu-ac').siblings().removeClass('link-menu-ac');
|
||
$('.pop-link-list>li').eq($(this).index()).addClass('pop-link-ac').siblings().removeClass('pop-link-ac');
|
||
url_type=$(this).index();
|
||
});
|
||
var closeBtn=$('.pop-link>.close-pop-btn');
|
||
closeBtn.click(function () { //关闭弹窗
|
||
$('#shade-module').fadeOut();
|
||
$('#pop-link').slideUp();
|
||
$(".lists-pop-bg").hide();
|
||
})
|
||
$('#link-cancel').click(function () { //取消
|
||
// do something...
|
||
closeBtn.trigger('click');
|
||
})
|
||
$('#link-ok').click(function () { //弹窗选择链接确定
|
||
//各个板块内的添加链接按钮 弹窗内设置完链接之后 添加链接按钮的输入框实时显示
|
||
$(link).html(url_tmp);
|
||
// +''是为了转字符串，
|
||
switch(choice_type+''){
|
||
case '0':
|
||
block[divid].url=url_tmp;
|
||
block[divid].url_type=url_type;
|
||
$('.tpd-edits-hidden.tpd-editing .js-code-wrap').find('a').attr('href',url_tmp);
|
||
break;
|
||
|
||
case '1':
|
||
var j=$(link).parents('li').index();
|
||
block[divid].nav[j].url=url_tmp;
|
||
var viewUl=$('.tpd-edits-hidden.tpd-editing').find('.tpdm-carousel');
|
||
viewUl.find('li').eq(j+1).find('a').attr('href',url_tmp);
|
||
break;
|
||
|
||
case '2':
|
||
var i=$(link).parents('li').index();
|
||
block[divid].nav[i].url=url_tmp;
|
||
var viewUl=$('.tpd-edits-hidden.tpd-editing').find('.tpdm-navstyle');
|
||
viewUl.find('a').eq(i).attr('href',url_tmp);
|
||
break;
|
||
|
||
case '3':
|
||
|
||
break;
|
||
|
||
case '4':
|
||
var i=parseInt($(link).parents('li').index());
|
||
block[divid].nav[i].url=url_tmp;
|
||
var viewUl=$('.tpd-edits-hidden.tpd-editing').find('.tpdm-wstyle');
|
||
viewUl.find('a').eq(i).attr('href',url_tmp);
|
||
break;
|
||
|
||
case '5':
|
||
block[divid].url=url_tmp;
|
||
$('.tpd-edits-hidden.tpd-editing').find('a').attr('href',url_tmp);
|
||
break;
|
||
|
||
case '10':
|
||
var i=($(link).parents('li').index());
|
||
block[divid].nav[i].url=url_tmp;
|
||
//$('.tpd-edits-hidden.tpd-editing').find('.tpdm-mes-cont').find('a').eq(i).attr('href',url_tmp);
|
||
show_msg();
|
||
break;
|
||
case '17':
|
||
block[divid].url=url_tmp;
|
||
$('.tpd-edits-hidden.tpd-editing').find('a').attr('href',url_tmp);
|
||
break;
|
||
case '15':
|
||
block[divid].url=url_tmp;
|
||
$('.tpd-edits-hidden.tpd-editing .tpd-graphicLists').find('li').find('a').attr('href',url_tmp);
|
||
case '16':
|
||
block[divid]['url']=url_tmp;
|
||
case '18':
|
||
block[divid].url=url_tmp;
|
||
//$('.tpd-multipleStores').find('.tpd-addlink-target').html(block[divid].url)
|
||
break;
|
||
case '11':
|
||
//底部菜单，
|
||
var i=$(link).parents('li').index();
|
||
block[block.footer_id].nav[i].url=url_tmp;
|
||
var viewUl=$('.tpdm-footer-false.tpdm-footf-edit');
|
||
viewUl.find('a').eq(i).attr('href',url_tmp);
|
||
console.log(block[block.footer_id],'选取链接事件11')
|
||
break;
|
||
}
|
||
|
||
console.log(choice_type,':link-ok',url_tmp)
|
||
closeBtn.trigger('click');
|
||
if(!url_tmp){
|
||
$("#pop-link").find('input[type="radio"]').prop('checked',false)
|
||
$("#pop-link").find('input[type="checkbox"]').prop('checked',false)
|
||
set_url0(true);
|
||
}
|
||
})
|
||
}
|
||
popLink();
|
||
|
||
//手动输入链接时
|
||
$('#url1').blur(function(){
|
||
url_tmp='http://'+$('#url1').val();
|
||
});
|
||
$('#url0').click(function(){
|
||
url_tmp='';
|
||
});
|
||
function set_url0(flag){
|
||
$('#url0').prop('checked',flag?true:false);
|
||
}
|
||
//选择商城页面时
|
||
$('#shop_link').find('input').click(function(){
|
||
url_tmp=$(this).val();
|
||
set_url0(false)
|
||
})
|
||
|
||
//选择自定义页面时
|
||
$('.diyPage').click(function(){
|
||
var tid=$(this).attr('template-id');
|
||
url_tmp='/index.php/mobile/index/index2/id/'+tid;
|
||
set_url0(false)
|
||
});
|
||
|
||
// 也是新闻选中
|
||
$(".p-goods-list").on('click','input',function(){
|
||
if($(this).attr('checked')=='checked'){
|
||
$(this).removeAttr('checked');
|
||
}else{
|
||
set_url0(false)
|
||
$(this).attr('checked','checked');
|
||
if($(this).parent().parent().parent().attr('id') == 'ajax_news_list_link'){
|
||
url_tmp='/index.php?m=api&c=news&a=news_detail&news_id='+$(this).val();
|
||
}else{
|
||
//弹窗选择商品详情作链接
|
||
url_tmp='/index.php?m=Mobile&c=Goods&a=goodsInfo&id='+$(this).val();
|
||
}
|
||
|
||
$(this).parents('.p-goods-item').siblings().find('input').removeAttr('checked'); //可强制设为单选
|
||
}
|
||
});
|
||
|
||
function get_class_2(a){
|
||
var tmp="{:U('Mobile/Goods/goodsList')}";
|
||
tmp+="/id/"+$(a).val()+".html";
|
||
url_tmp=tmp;
|
||
$('#url_show').html(url_tmp);
|
||
|
||
get_category($(a).val(),'cat_id_3','0');
|
||
}
|
||
|
||
function goods_class(){
|
||
var tmp="{:U('Mobile/Goods/goodsList')}";
|
||
tmp+="/id/"+$('#cat_id_3').val()+".html";
|
||
url_tmp=tmp;
|
||
$('#url_show').html(url_tmp);
|
||
}
|
||
|
||
$('#goods_search').click(function(){
|
||
var keywords=$('#goods_keywords').val();
|
||
ajax_goods_list(keywords,1);
|
||
$('#search_history').val(keywords);
|
||
$('#page').html(1);
|
||
})
|
||
|
||
function page_show(status){
|
||
var page=parseInt($('#page').html());
|
||
if(status==0){
|
||
page=page-1;
|
||
if(page<1){
|
||
page=1;
|
||
return;
|
||
}
|
||
}
|
||
if(status==1){
|
||
page=page+1;
|
||
if(page>parseInt($('#count').html())){
|
||
page=parseInt($('#count').html());
|
||
return;
|
||
}
|
||
}
|
||
$('#page').html(page);
|
||
var keywords=$('#search_history').val();
|
||
ajax_goods_list(keywords,page);
|
||
}
|
||
|
||
function ajax_goods_list(keywords,page) {
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "/index.php?m=Admin&c=block&a=ajaxGoodsList",
|
||
data: {'keywords':keywords,'page':page},
|
||
dataType:'json',
|
||
success: function (res) {
|
||
var r=res.result;
|
||
if(r.html){
|
||
$('.pop-goods-detail.p-goods-list').html(r.html);
|
||
}
|
||
if(r.count){
|
||
$('#count').html(r.count);
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
</script>
|
||
|
||
<script>
|
||
//选择分类
|
||
$(function(){
|
||
$(document).on("change",'#cat_id',function(){
|
||
get_category($(this).val(),'cat_id_2','0');
|
||
|
||
var tmp="{:U('Mobile/Goods/goodsList')}";
|
||
tmp+="/id/"+$(this).val()+".html";
|
||
url_tmp=tmp;
|
||
$('#url_show').html(url_tmp);
|
||
|
||
$('#cat_id_3').empty().html("<option value='0'>请选择商品分类</option>");
|
||
})
|
||
})
|
||
$(function(){
|
||
$(document).on("change",'#extend_cat_id',function(){
|
||
get_category($(this).val(),'extend_cat_id_2','0');
|
||
|
||
var tmp="{:U('Mobile/Goods/goodsList')}";
|
||
tmp+="/id/"+$(this).val()+".html";
|
||
url_tmp=tmp;
|
||
$('#url_show').html(url_tmp);
|
||
|
||
$('#extend_cat_id_3').empty().html("<option value='0'>请选择商品分类</option>");
|
||
})
|
||
})
|
||
$(function(){
|
||
$(document).on("click",'.is_virtual',function(){
|
||
initIsVirtual();
|
||
})
|
||
})
|
||
|
||
/** 以下是编辑时默认选中某个商品分类*/
|
||
$(document).ready(function(){
|
||
|
||
<if condition="$level_cat['2'] gt 0">
|
||
// 商品分类第二个下拉菜单
|
||
get_category('{$level_cat[1]}','cat_id_2','{$level_cat[2]}');
|
||
</if>
|
||
<if condition="$level_cat['3'] gt 0">
|
||
// 商品分类第二个下拉菜单
|
||
get_category('{$level_cat[2]}','cat_id_3','{$level_cat[3]}');
|
||
</if>
|
||
|
||
// 扩展分类
|
||
<if condition="$level_cat2['2'] gt 0">
|
||
// 商品分类第二个下拉菜单
|
||
get_category('{$level_cat2[1]}','extend_cat_id_2','{$level_cat2[2]}');
|
||
</if>
|
||
<if condition="$level_cat2['3'] gt 0">
|
||
// 商品分类第二个下拉菜单
|
||
get_category('{$level_cat2[2]}','extend_cat_id_3','{$level_cat2[3]}');
|
||
</if>
|
||
|
||
});
|
||
</script>
|
||
</div>
|
||
|
||
|
||
|
||
<!--商品列表商品详情-->
|
||
<div class="pop-warp pop-link" id="pop-link2" style="display:none">
|
||
<div class="pop-title">选择商品</div>
|
||
<a class="close-pop-btn" href="javascript:;"></a>
|
||
<div class="pop-menu pop-link-menu">
|
||
<a href="javascript:;">商品列表</a>
|
||
</div>
|
||
<ul class="pop-link-list">
|
||
<li class="pop-link-ac">
|
||
<form class="pop-search pop-goods-search">
|
||
<input type="text" id="goods_keywords2" placeholder="搜索商品名称" />
|
||
<input type="hidden" id="search_history2" value="{$keywords}" />
|
||
<a id="goods_search2" href="javascript:;"></a>
|
||
</form>
|
||
<ul class="pop-goods-detail" id="goods-list-all">
|
||
<li class="p-li0"><input type="checkbox" value=" " /></li>
|
||
<li class="p-li1">商品编码</li>
|
||
<li class="p-li2">商品名称</li>
|
||
<li class="p-li3">商品图片</li>
|
||
<li class="p-li4">商品分类</li>
|
||
<li class="p-li4">商品价格</li>
|
||
<li class="p-li4">商品库存</li>
|
||
</ul>
|
||
<div class="pop-goods-detail p-goods-list" id="p-goods-list" >
|
||
<div class="p-goods-scroll" id="choice_goods_list">
|
||
|
||
<volist name="goodsList" id="vo">
|
||
<ul class="p-goods-item">
|
||
<li class="pi-li0 "><input type="checkbox" value="{$vo.goods_id}" /></li>
|
||
<li class="pi-li1">{$vo.goods_id}</li>
|
||
<li class="pi-li2">{$vo.goods_name}</li>
|
||
<li class="pi-li3"><img src="{$vo.original_img}" alt="" /></li>
|
||
<li class="pi-li4">{$vo.cat_id}</li>
|
||
<li class="pi-li4">{$vo.shop_price}</li>
|
||
<li class="pi-li4">{$vo.store_count}</li>
|
||
</ul>
|
||
</volist>
|
||
</div>
|
||
</div>
|
||
<div class="pop-goods-paging">
|
||
<span><i id="page2">1</i>/<i id="count2">{$count}</i></span>
|
||
<a onclick="page_show2(1);" href="javascript:;">></a>
|
||
<a onclick="page_show2(0);" href="javascript:;"><</a>
|
||
</div>
|
||
</li>
|
||
|
||
</ul>
|
||
<div class="pop-link-btns">
|
||
<a href="javascript:;" id="link-cancel2">取消</a>
|
||
<a href="javascript:;" id="link-ok2">确定</a>
|
||
</div>
|
||
<script>
|
||
function popLink() {
|
||
var closeBtn=$('.pop-link>.close-pop-btn');
|
||
closeBtn.click(function () { //关闭弹窗
|
||
$('#shade-module2').fadeOut();
|
||
$('#pop-link2').slideUp();
|
||
$(".lists-pop-bg").hide();
|
||
})
|
||
$('#link-cancel2').click(function () { //取消
|
||
// do something...
|
||
closeBtn.trigger('click');
|
||
})
|
||
$('#link-ok2').click(function () { //弹窗选择链接确定
|
||
var goods='';
|
||
$("#p-goods-list input[checked='checked']").each(function(){
|
||
goods+=$(this).val()+',';
|
||
})
|
||
if(!goods){
|
||
layer.msg('你还没有选择商品!', {icon: 2, time: 1000});
|
||
return false;
|
||
}
|
||
//alert(tab_item);return;
|
||
|
||
if(block[divid].block_type==13){
|
||
var j={'num':block[divid].num,'goods':goods,'order':block[divid].order,'block_type':13};
|
||
}else{
|
||
var j={'num':block[divid].num,'goods':goods,'order':block[divid].order};
|
||
}
|
||
$.post("{:U('Admin/Block/goods_list_block')}",j,function(res){
|
||
console.log('2219')
|
||
if(block[divid].block_type==13){
|
||
$('.tpd-edits-hidden.tpd-editing').find('.containers-slider-cont').html(res.result);
|
||
block[divid]['goods']=goods;
|
||
$('#p-goods-list').find('input').removeAttr('checked'); //可强制设为单选
|
||
}else{
|
||
$('.tpd-edits-hidden.tpd-editing').find('.tpdm-goods-list ul').html(res.result);
|
||
block[divid].nav[tab_item].sql_where={'num':block[divid].num,'goods':goods,'order':block[divid].order};
|
||
$('#p-goods-list').find('input').removeAttr('checked'); //可强制设为单选
|
||
}
|
||
},'JSON');
|
||
closeBtn.trigger('click');
|
||
})
|
||
}
|
||
popLink();
|
||
|
||
|
||
$(document).on('click','#p-goods-list input',function(){
|
||
if($(this).attr('checked')=='checked'){
|
||
$(this).removeAttr('checked');
|
||
}else{
|
||
$(this).attr('checked','checked');
|
||
//$(this).parents('.p-goods-item').siblings().find('input').removeAttr('checked'); //可强制设为单选
|
||
}
|
||
});
|
||
// 全选
|
||
|
||
$(document).on('click','#goods-list-all input',function(){
|
||
console.log($("#p-goods-list").find(".p-goods-item input").length)
|
||
if($(this).attr('checked')=='checked'){
|
||
$("#p-goods-list").find(".p-goods-item input").attr('checked',false);
|
||
|
||
}else{
|
||
$("#p-goods-list").find(".p-goods-item input").attr('checked',true);
|
||
//$(this).parents('.p-goods-item').siblings().find('input').removeAttr('checked'); //可强制设为单选
|
||
}
|
||
});
|
||
|
||
$('#goods_search2').click(function(){
|
||
var keywords=$('#goods_keywords2').val();
|
||
ajax_goods_list2(keywords,1);
|
||
$('#search_history2').val(keywords);
|
||
$('#page2').html(1);
|
||
})
|
||
|
||
function page_show2(status){
|
||
var page=parseInt($('#page2').html());
|
||
if(status==0){
|
||
page=page-1;
|
||
if(page<1){
|
||
page=1;
|
||
return;
|
||
}
|
||
}
|
||
if(status==1){
|
||
page=page+1;
|
||
if(page>parseInt($('#count2').html())){
|
||
page=parseInt($('#count2').html());
|
||
return;
|
||
}
|
||
}
|
||
$('#page2').html(page);
|
||
var keywords=$('#search_history2').val();
|
||
ajax_goods_list(keywords,page);
|
||
}
|
||
|
||
function ajax_goods_list2(keywords,page) {
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "/index.php?m=Admin&c=block&a=ajaxGoodsList",
|
||
data: {'keywords':keywords,'page':page},
|
||
dataType:'json',
|
||
success: function (res) {
|
||
var r=res.result;
|
||
if(r.html){
|
||
$('#p-goods-list').html(r.html);
|
||
}
|
||
if(r.count){
|
||
$('#count2').html(r.count);
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
</script>
|
||
</div>
|
||
|
||
<!--新闻列表选取-->
|
||
<div class="pop-warp pop-link" id="pop-link3" style="display:none">
|
||
<div class="pop-title">选择新闻</div>
|
||
<a class="close-pop-btn" href="javascript:;"></a>
|
||
<div class="pop-menu pop-link-menu">
|
||
<a href="javascript:;">新闻列表</a>
|
||
</div>
|
||
<ul class="pop-link-list">
|
||
<li class="pop-link-ac">
|
||
<!--form class="pop-search pop-goods-search">
|
||
<p>勾选的新闻最多只能只显示上面勾选的新闻数量</p>
|
||
<p>新闻的默认排序为按照最新发布时间</p>style="width:80px;height:32px"
|
||
</form-->
|
||
<form class="pop-search pop-goods-search">
|
||
<select style="float:left" id="cat_search" class="news-f ">
|
||
<option value="0">全部分类</option>
|
||
<volist name="newsCat" id="vo">
|
||
<option value="{$vo.cat_id}" class="pdleft{$vo.level}">
|
||
<if condition="$vo.level eq 0">
|
||
<elseif condition="$vo.level eq 1"/>
|
||
<elseif condition="$vo.level eq 2"/>
|
||
<elseif condition="$vo.level eq 3"/>
|
||
<else/>
|
||
</if>
|
||
{$vo.cat_name}</option>
|
||
</volist>
|
||
</select>
|
||
<a id="goods_search3" href="javascript:;"></a>
|
||
</form>
|
||
<ul class="pop-goods-detail" id="pop-new-all">
|
||
<li class="p-li0"><input type="checkbox" value=" " /></li>
|
||
<li class="p-li1">新闻id</li>
|
||
<li class="p-li2">新闻标题</li>
|
||
<li class="p-li3">新闻图片</li>
|
||
<li class="p-li4">新闻分类</li>
|
||
<li class="p-li4">发布时间</li>
|
||
</ul>
|
||
<div class="pop-goods-detail p-goods-list" id="p-goods-list3">
|
||
<div class="p-goods-scroll" id="ajax_news_list">
|
||
|
||
<volist name="newsList" id="vo">
|
||
<ul class="p-goods-item">
|
||
<li class="pi-li0"><input type="checkbox" value="{$vo.article_id}" /></li>
|
||
<li class="pi-li1">{$vo.article_id}</li>
|
||
<li class="pi-li2">{$vo.title}</li>
|
||
<li class="pi-li3"><img src="{$vo.thumb}" alt="" /></li>
|
||
<li class="pi-li4">{$vo.cat_name}</li>
|
||
<li class="pi-li4">{$vo.publish_time|date="Y-m-d",###}</li>
|
||
</ul>
|
||
</volist>
|
||
</div>
|
||
</div>
|
||
<div class="pop-goods-paging">
|
||
<span><i id="page3">1</i>/<i id="count3">{$count_new|default="1"}</i></span>
|
||
<a onclick="page_show3(1);" href="javascript:;">></a>
|
||
<a onclick="page_show3(0);" href="javascript:;"><</a>
|
||
</div>
|
||
</li>
|
||
|
||
</ul>
|
||
<div class="pop-link-btns">
|
||
<a href="javascript:;" id="link-cancel3">取消</a>
|
||
<a href="javascript:;" id="link-ok3">确定</a>
|
||
</div>
|
||
<script>
|
||
function popLink3() {
|
||
var closeBtn=$('.pop-link>.close-pop-btn');
|
||
closeBtn.click(function () { //关闭弹窗
|
||
$('#pop-link3').slideUp();
|
||
$(".lists-pop-bg").hide();
|
||
})
|
||
$('#link-cancel3').click(function () { //取消
|
||
closeBtn.trigger('click');
|
||
})
|
||
$('#link-ok3').click(function () { //弹窗选择链接确定
|
||
var news='';
|
||
$("#p-goods-list3 input[checked='checked']").each(function(){
|
||
if(choice_type==10){
|
||
news=$(this).val();//公告板块单选
|
||
}
|
||
if(choice_type==15){
|
||
news=$(this).val();//图文列表板块单选
|
||
}
|
||
if(choice_type==12){
|
||
news+=$(this).val()+',';//新闻列表板块多选
|
||
}
|
||
})
|
||
if(!news){
|
||
layer.msg('你还没有选择新闻!', {icon: 2, time: 1000});
|
||
}
|
||
|
||
if(choice_type==10){
|
||
block[divid].nav[tab_item].url='/index.php?m=api&c=news&a=news_detail&news_id='+news;
|
||
$('.tpd-edits-hidden.tpd-editing').find('.tpdm-mes-cont').find('a').eq(tab_item).attr('href',block[divid].nav[tab_item].url);
|
||
}
|
||
if(choice_type==12){
|
||
block[divid]['ids']=news;
|
||
$.post("{:U('Admin/Block/get_news_list')}",{'num':block[divid].new_num,'news':news},function(res){
|
||
$('.tpd-edits-hidden.tpd-editing').find('.newlist-item ul').html(res.result);
|
||
$('#p-goods-list3').find('input').removeAttr('checked'); //可强制设为单选
|
||
},'JSON');
|
||
}
|
||
if(choice_type==15){
|
||
block[divid]['url']='/index.php?m=api&c=news&a=news_detail&news_id='+news;
|
||
$('.tpd-edits-hidden.tpd-editing .tpd-graphicLists').find('li').find('a').attr('href',block[divid]['url']);
|
||
}
|
||
closeBtn.trigger('click');
|
||
})
|
||
}
|
||
popLink3();
|
||
|
||
|
||
$("#p-goods-list3").on('click','input',function(){
|
||
if($(this).attr('checked')=='checked'){
|
||
$(this).removeAttr('checked');
|
||
alert("111")
|
||
}else{
|
||
$(this).attr('checked','checked');
|
||
if(choice_type==10){
|
||
$(this).parents('.p-goods-item').siblings().find('input').removeAttr('checked'); //可强制设为单选
|
||
}
|
||
if(choice_type==15){
|
||
$(this).parents('.p-goods-item').siblings().find('input').removeAttr('checked'); //可强制设为单选
|
||
}
|
||
}
|
||
});
|
||
$(document).on("click","#pop-new-all input",function () {
|
||
if($(this).attr('checked')=='checked'){
|
||
$(this).attr('checked',false);
|
||
$("#p-goods-list3 input").attr('checked',false);
|
||
}else{
|
||
$(this).attr('checked',true);
|
||
$("#p-goods-list3 input").attr('checked',true);
|
||
}
|
||
})
|
||
$('#goods_search3').click(function(){
|
||
var cat=$('#cat_search').val();
|
||
ajax_news_list(cat,1);
|
||
/* $('#search_history2').val(keywords);
|
||
$('#page2').html(1);*/
|
||
})
|
||
|
||
function page_show3(status){
|
||
var page=parseInt($('#page3').html());
|
||
if(status==0){
|
||
page=page-1;
|
||
if(page<1){
|
||
page=1;
|
||
}
|
||
}
|
||
if(status==1){
|
||
page=page+1;
|
||
if(page>parseInt($('#count3').html())){
|
||
page=parseInt($('#count3').html());
|
||
}
|
||
}
|
||
var cat=$('#cat_search').val();
|
||
ajax_news_list(cat,page);
|
||
//ajax_news_list('',page);
|
||
}
|
||
|
||
function ajax_news_list(cat,page) {
|
||
$('#page3').html(page);
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "/index.php?m=Admin&c=block&a=ajaxNewsList",
|
||
data: {'cat':cat,'page':page},
|
||
dataType:'json',
|
||
success: function (res) {
|
||
var r=res.result;
|
||
$('#ajax_news_list').html(r.html);
|
||
|
||
$('#count3').html(r.count_new<1?1:r.count_new);
|
||
}
|
||
});
|
||
}
|
||
|
||
</script>
|
||
</div>
|
||
|
||
<div class="lists-pop-bg"></div>
|
||
<!--优惠券-->
|
||
<div class="pop-warp pop-coupon" id="pop-coupon" data-num="0" style=" height: 470px; display:none">
|
||
<div class="pop-title" style="border-bottom: 0;">优惠券列表<span style="color:red;font-size: 14px;margin-left: 10px;"> (首页仅可发放领取类型为免费领取且发放起始时间小于当前时间的优惠券)</span></div>
|
||
<a class="close-pop-btn" href="javascript:;"></a>
|
||
<!--div class="pop-operate">
|
||
<a class="pop-add-btn" href="javascript:;">+ 新增优惠券</a>
|
||
<div class="f-r">
|
||
<a class="pop-reload" href="javascript:;">刷新</a>
|
||
<form class="pop-search pop-coupon-search">
|
||
<input type="text" placeholder="输入优惠券名称搜索" />
|
||
<a href="javascript:;"></a>
|
||
</form>
|
||
</div>
|
||
</div-->
|
||
<ul class="pop-menu pop-coupon-menu">
|
||
<li class="p-li00">优惠券名称</li>
|
||
<li class="p-li01">面值</li>
|
||
<li class="p-li02">使用条件</li>
|
||
<li class="p-li02">领取条件</li>
|
||
<!--li class="p-li04">有效期</li-->
|
||
<li class="p-li05">是否选择</li>
|
||
</ul>
|
||
<div class="pop-coupon-warp">
|
||
<div class="pop-coupon-list" style="overflow-y: auto;">
|
||
|
||
<volist name="coupon_list" id="vo">
|
||
<ul class="pop-coupon-item">
|
||
<li class="pi-li00">{$vo.name}</li>
|
||
<li class="pi-li01">{$vo.money}</li>
|
||
<li class="pi-li02">满{$vo.condition}使用</li>
|
||
<li class="pi-li02"> {$vo.use_type_title} </li>
|
||
<!--li class="pi-li04">2017-12-04 00:00:00
|
||
至 2017-12-05 00:00:00</li-->
|
||
<li class="pi-li05" coupon_id="{$vo.id}" money="{$vo.money}" term="{$vo.condition}">
|
||
<div class="pop-swith"></div>
|
||
</li>
|
||
</ul>
|
||
</volist>
|
||
|
||
</div>
|
||
<!--div class="pop-page">
|
||
<a href="javascript:;">首页</a>
|
||
<a href="javascript:;">上一页</a>
|
||
<a class="pop-page-now" href="javascript:;">1</a>
|
||
<a href="javascript:;">下一页</a>
|
||
<a href="javascript:;">尾页</a>
|
||
<input type="text" value="1" />
|
||
<a class="pop-page-bgnone" href="javascript:;">跳转</a>
|
||
</div-->
|
||
</div>
|
||
<div class="pop-link-btns">
|
||
<a href="javascript:;" id="coupon-cancel">取消</a>
|
||
<a href="javascript:;" id="coupon-ok">确定</a>
|
||
</div>
|
||
<script>
|
||
function popCoupon() {
|
||
var closeBtn=$('.pop-coupon>.close-pop-btn');
|
||
closeBtn.click(function () { //关闭弹窗
|
||
coupon_num=0;
|
||
$('.pop-swith').removeClass('pop-swith-on');
|
||
coupon_tmp=[];
|
||
$('#shade-module').fadeOut();
|
||
$('#pop-coupon').slideUp();
|
||
$(".lists-pop-bg").hide();
|
||
$("#pop-coupon").attr('data-num',0)
|
||
})
|
||
$('#coupon-cancel').click(function () { //取消
|
||
coupon_num=0;
|
||
$('.pop-swith').removeClass('pop-swith-on');
|
||
coupon_tmp=[];
|
||
closeBtn.trigger('click');
|
||
})
|
||
$('#coupon-ok').click(function () { //确定
|
||
var tmp=coupon_tmp.length;
|
||
if(block[divid].coupon_style=='0' && tmp<3){
|
||
layer.msg('至少选择3个优惠券', {icon: 2, time: 1000});
|
||
return false;
|
||
}
|
||
if(block[divid].coupon_style=='1' && tmp<2){
|
||
layer.msg('至少选择2个优惠券', {icon: 2, time: 1000});
|
||
return false;
|
||
}
|
||
|
||
var str='';
|
||
for (var i = 0; i<tmp; i++) {
|
||
str+='<li><div class="tpdm-coupon-wrap">';
|
||
str+='<span><i>￥</i>'+parseInt(coupon_tmp[i].money)+'</span>';
|
||
if(coupon_tmp[i].condition){
|
||
str+='<label>满'+parseInt(coupon_tmp[i].condition)+'使用</label>'; //非满减类型不显示
|
||
}
|
||
str+='<a href="javascript:;" data-coupon-id="'+coupon_tmp[i]['id']+'" onclick="getCoupon(this)">立即领取</a></div></li>';
|
||
};
|
||
|
||
if(block[divid].coupon_style=='0'){
|
||
$('.tpd-edits-hidden.tpd-editing').find('.tpdm-coupon-lis1').html(str);
|
||
}
|
||
if(block[divid].coupon_style=='1'){
|
||
$('.tpd-edits-hidden.tpd-editing').find('.tpdm-coupon-lis2').html(str);
|
||
}
|
||
block[divid].nav=coupon_tmp;
|
||
closeBtn.trigger('click');
|
||
})
|
||
}
|
||
popCoupon();
|
||
</script>
|
||
</div>
|
||
<!--拼团-->
|
||
<div class="pop-warp pop-group" id="pop-group" style="display:none">
|
||
<div class="pop-title">拼团商品</div>
|
||
<a class="close-pop-btn" href="javascript:;"></a>
|
||
<div class="pop-operate">
|
||
<a class="pop-add-btn" href="javascript:;">+ 新增拼团</a>
|
||
<div class="f-r">
|
||
<a class="pop-reload" href="javascript:;">刷新</a>
|
||
<form class="pop-search pop-coupon-search">
|
||
<input type="text" placeholder="输入活动名称搜索" />
|
||
<a href="javascript:;"></a>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<ul class="pop-menu pop-coupon-menu">
|
||
<li class="p-li10">活动名称</li>
|
||
<li class="p-li11">有效期</li>
|
||
<li class="p-li12">是否选择</li>
|
||
</ul>
|
||
<div class="pop-coupon-warp">
|
||
<div class="pop-coupon-list">
|
||
<ul class="pop-coupon-item">
|
||
<li class="pi-li10">TPshop百人团汽车</li>
|
||
<li class="pi-li11">2017-12-04 00:00:00
|
||
至 2017-12-05 00:00:00</li>
|
||
<li class="pi-li12">
|
||
<div class="pop-swith"></div>
|
||
</li>
|
||
</ul>
|
||
<ul class="pop-coupon-item">
|
||
<li class="pi-li10">TPshop百人团汽车</li>
|
||
<li class="pi-li11">2017-12-04 00:00:00
|
||
至 2017-12-05 00:00:00</li>
|
||
<li class="pi-li12">
|
||
<div class="pop-swith"></div>
|
||
</li>
|
||
</ul>
|
||
<ul class="pop-coupon-item">
|
||
<li class="pi-li10">TPshop百人团汽车</li>
|
||
<li class="pi-li11">2017-12-04 00:00:00
|
||
至 2017-12-05 00:00:00</li>
|
||
<li class="pi-li12">
|
||
<div class="pop-swith"></div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="pop-page">
|
||
<a href="javascript:;">首页</a>
|
||
<a href="javascript:;">上一页</a>
|
||
<a class="pop-page-now" href="javascript:;">1</a>
|
||
<a href="javascript:;">下一页</a>
|
||
<a href="javascript:;">尾页</a>
|
||
<input type="text" value="1" />
|
||
<a class="pop-page-bgnone" href="javascript:;">跳转</a>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="pop-link-btns">
|
||
<a href="javascript:;" id="group-cancel">取消</a>
|
||
<a href="javascript:;" id="group-ok">确定</a>
|
||
</div>
|
||
<script>
|
||
function popGroup() {
|
||
var closeBtn=$('.pop-group>.close-pop-btn');
|
||
closeBtn.click(function () { //关闭弹窗
|
||
$('#shade-module').fadeOut();
|
||
$('#pop-group').slideUp();
|
||
$(".lists-pop-bg").hide();
|
||
})
|
||
$('#group-cancel').click(function () { //取消
|
||
// do something...
|
||
closeBtn.trigger('click');
|
||
})
|
||
$('#group-ok').click(function () { //确定
|
||
closeBtn.trigger('click');
|
||
})
|
||
}
|
||
popGroup();
|
||
</script>
|
||
</div>
|
||
<!--秒杀-->
|
||
<div class="pop-warp pop-seckill" id="pop-seckill" style="display:none">
|
||
<div class="pop-title">秒杀商品</div>
|
||
<a class="close-pop-btn" href="javascript:;"></a>
|
||
<div class="pop-operate">
|
||
<a class="pop-add-btn" href="javascript:;">+ 新增秒杀</a>
|
||
<div class="f-r">
|
||
<a class="pop-reload" href="javascript:;">刷新</a>
|
||
<form class="pop-search pop-coupon-search">
|
||
<input type="text" placeholder="输入活动名称搜索" />
|
||
<a href="javascript:;"></a>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<ul class="pop-menu pop-coupon-menu">
|
||
<li class="p-li20">活动名称</li>
|
||
<li class="p-li21">秒杀价格</li>
|
||
<li class="p-li22">秒杀数量</li>
|
||
<li class="p-li04">有效期</li>
|
||
<li class="p-li24">是否选择</li>
|
||
</ul>
|
||
<div class="pop-coupon-warp">
|
||
<div class="pop-coupon-list">
|
||
<ul class="pop-coupon-item">
|
||
<li class="pi-li20">TPshop汽车秒杀</li>
|
||
<li class="pi-li21">2000.00</li>
|
||
<li class="pi-li22">100</li>
|
||
<li class="pi-li04">2017-12-04 00:00:00
|
||
至 2017-12-05 00:00:00</li>
|
||
<li class="pi-li24">
|
||
<div class="pop-swith"></div>
|
||
</li>
|
||
</ul>
|
||
<ul class="pop-coupon-item">
|
||
<li class="pi-li20">TPshop汽车秒杀</li>
|
||
<li class="pi-li21">2000.00</li>
|
||
<li class="pi-li22">100</li>
|
||
<li class="pi-li04">2017-12-04 00:00:00
|
||
至 2017-12-05 00:00:00</li>
|
||
<li class="pi-li24">
|
||
<div class="pop-swith"></div>
|
||
</li>
|
||
</ul>
|
||
<ul class="pop-coupon-item">
|
||
<li class="pi-li20">TPshop汽车秒杀</li>
|
||
<li class="pi-li21">2000.00</li>
|
||
<li class="pi-li22">100</li>
|
||
<li class="pi-li04">2017-12-04 00:00:00
|
||
至 2017-12-05 00:00:00</li>
|
||
<li class="pi-li24">
|
||
<div class="pop-swith"></div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="pop-page">
|
||
<a href="javascript:;">首页</a>
|
||
<a href="javascript:;">上一页</a>
|
||
<a class="pop-page-now" href="javascript:;">1</a>
|
||
<a href="javascript:;">下一页</a>
|
||
<a href="javascript:;">尾页</a>
|
||
<input type="text" value="1" />
|
||
<a class="pop-page-bgnone" href="javascript:;">跳转</a>
|
||
</div>
|
||
</div>
|
||
<div class="pop-link-btns">
|
||
<a href="javascript:;" id="seckill-cancel">取消</a>
|
||
<a href="javascript:;" id="seckill-ok">确定</a>
|
||
</div>
|
||
<script>
|
||
function popSeckill() {
|
||
var closeBtn=$('.pop-seckill>.close-pop-btn');
|
||
closeBtn.click(function () { //关闭弹窗
|
||
$('#shade-module').fadeOut();
|
||
$('#pop-seckill').slideUp();
|
||
$(".lists-pop-bg").hide();
|
||
})
|
||
$('#seckill-cancel').click(function () { //取消
|
||
// do something...
|
||
closeBtn.trigger('click');
|
||
})
|
||
$('#seckill-ok').click(function () { //确定
|
||
// do something...
|
||
closeBtn.trigger('click');
|
||
})
|
||
}
|
||
popSeckill();
|
||
</script>
|
||
</div>
|
||
<div class="pop-bgs" id="pop-bgs" style="display: none;"></div>
|
||
<!--按条件选取商品-->
|
||
<div class="pop-warp pop-goods" id="pop-goods" style="display:none">
|
||
<div class="pop-title">按条件选取商品</div>
|
||
<a class="close-pop-btn" href="javascript:;"></a>
|
||
<div class="pop-goods-category">
|
||
<div class="left-goods-category">
|
||
<div class="pop-category-title ico-pop1">商品分类</div>
|
||
<div class="pop-category-wrap scrollbar">
|
||
<div class="pop-category-list">
|
||
|
||
<volist name="cat_tree" id="vo">
|
||
<div class="pop-category-item">
|
||
<div class="pop-category1 categorys-item"><input class="cat_choice" level='1' value="{$vo.id}" type="checkbox" />{$vo.mobile_name}<i></i></div>
|
||
<ul class="pop-category2">
|
||
<volist name="$vo[son]" id="vo2">
|
||
<li class="categorys-item"><input class="cat_choice" type="checkbox" value="{$vo2.id}" />{$vo2.mobile_name}</li>
|
||
</volist>
|
||
</ul>
|
||
</div>
|
||
</volist>
|
||
|
||
</div>
|
||
<script>
|
||
$('.pop-category-item').find('.pop-category1>i').click(function () {
|
||
$(this).toggleClass('category1-ac');
|
||
$(this).parents('.pop-category-item').find('.pop-category2').toggleClass('category2-ac');
|
||
|
||
});
|
||
|
||
$(".pop-category-list").on('click','.pop-category-item .cat_choice',function(){
|
||
if($(this).attr('checked')=='checked'){
|
||
$(this).removeAttr('checked');
|
||
if($(this).attr('level')==1){
|
||
$(this).parents('.pop-category1').next().find('input').removeAttr('checked');
|
||
}
|
||
}else{
|
||
$(this).attr('checked','checked');
|
||
if($(this).attr('level')==1){
|
||
$(this).parents('.pop-category1').next().find('input').attr('checked','checked').prop('checked','checked');
|
||
}
|
||
|
||
$(this).parents('.p-goods-item').siblings().find('input').removeAttr('checked');
|
||
}
|
||
});
|
||
</script>
|
||
</div>
|
||
</div>
|
||
<div class="right-goods-des">
|
||
<div class="pop-category-title ico-pop2">价格</div>
|
||
<div class="pop-category-price">
|
||
<input id="min_price" type="text" placeholder="最低价格" />
|
||
至
|
||
<input id="max_price" type="text" placeholder="最高价格" />
|
||
元
|
||
</div>
|
||
<div class="pop-category-title ico-pop3">商品标签</div>
|
||
<ul class="pop-category-chcekbox" id="pop-goods-ico">
|
||
<li><input type="radio" name="goods_label" value=" " />不设置</li>
|
||
<li><input type="radio" name="goods_label" value="is_recommend" />推荐</li>
|
||
<li><input type="radio" name="goods_label" value="is_new" />新品</li>
|
||
<li><input type="radio" name="goods_label" value="is_hot" />热卖</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="pop-link-btns">
|
||
<a href="javascript:;" id="goods-cancel">取消</a>
|
||
<a href="javascript:;" id="goods-ok">确定</a>
|
||
</div>
|
||
<script>
|
||
var add_url="{:U('Admin/Block/add_data')}"; //保存添加的控制器地址
|
||
$('.tpdm-head-wrap').on('click','a',function(e){
|
||
e.preventDefault();
|
||
})
|
||
$('.tpdm-footf-js').on('click','a',function(e){
|
||
e.preventDefault();
|
||
})
|
||
|
||
function popGoods() {
|
||
var closeBtn=$('.pop-goods>.close-pop-btn');
|
||
closeBtn.click(function () { //关闭弹窗
|
||
$('#shade-module').fadeOut();
|
||
$('#pop-goods').slideUp();
|
||
$(".lists-pop-bg").hide();
|
||
})
|
||
$('#goods-cancel').click(function () { //取消
|
||
// do something...
|
||
closeBtn.trigger('click');
|
||
})
|
||
$('#goods-ok').click(function () { //确定
|
||
if($('#min_price').val()){
|
||
var min_price=parseInt($('#min_price').val());
|
||
}else{
|
||
var min_price='';
|
||
}
|
||
|
||
if($('#max_price').val()){
|
||
var max_price=parseInt($('#max_price').val());
|
||
}else{
|
||
var max_price='';
|
||
}
|
||
|
||
if(min_price && max_price && (min_price>=max_price)){
|
||
layer.msg('价格设置错误', {icon: 2, time: 1000});
|
||
return false;
|
||
}
|
||
|
||
var label=$("input[name='goods_label']:checked").val();
|
||
if(!label) label='';
|
||
var ids='';
|
||
/*$(".pop-category2 input[checked='checked']").each(function(){
|
||
ids+=$(this).val()+',';
|
||
})*/
|
||
$("#pop-goods").find(".pop-category-list input").each(function(){
|
||
if($(this).is(':checked')){
|
||
ids+=$(this).val()+',';
|
||
}
|
||
})
|
||
|
||
//此处id_type为1表示传递的ids是分类id
|
||
$.post("{:U('Admin/Block/goods_list_block')}",{'min_price':min_price,'max_price':max_price,'num':block[divid].num,'label':label,'ids':ids,'order':block[divid].order},function(res){
|
||
$('.tpd-edits-hidden.tpd-editing').find('.tpdm-goods-list ul').html(res.result);
|
||
//block[divid].nav[tab_item].str=res.result;
|
||
var sql_where = {'min_price':min_price,'max_price':max_price,'num':block[divid].num,'label':label,'ids':ids,'order':block[divid].order};
|
||
console.log('#goods-ok', sql_where)
|
||
if(block[divid].block_type == '13'){
|
||
// 轮播商品 没有多项
|
||
block[divid].sql_where = sql_where
|
||
}else{
|
||
block[divid].nav[tab_item].sql_where = sql_where
|
||
}
|
||
if(block[divid].block_type == '3'){
|
||
block[divid].nav[tab_item].sql_where.order = block[divid].order
|
||
}
|
||
//{'min_price':min_price,'max_price':max_price,'num':block[divid].num,'label':label,'ids':ids,'order':block[divid].order};
|
||
$('#min_price').val("");
|
||
$('#max_price').val("");
|
||
},'JSON');
|
||
|
||
closeBtn.trigger('click');
|
||
})
|
||
|
||
}
|
||
popGoods();
|
||
|
||
// 设置弹窗已选的
|
||
function set_pop_goods(data){
|
||
$("#pop-goods").find('input[type="checkbox"]').prop('checked', false)
|
||
if(data.min_price >= 0){
|
||
// 价格
|
||
$('#min_price').val(data.min_price);
|
||
$('#max_price').val(data.max_price);
|
||
}
|
||
|
||
// 标签 label
|
||
var label = data.label;
|
||
if(label){
|
||
$("#pop-goods-ico").find('input[value="'+label+'"]').prop('checked', true)
|
||
}else{
|
||
$("#pop-goods-ico").find('input[type="radio"]').prop('checked', false)
|
||
}
|
||
// 多选
|
||
var ids = data.ids;
|
||
if(ids){
|
||
var ids_arr = ids.split(',');
|
||
var view = $("#pop-goods");//
|
||
for (var i = ids_arr.length - 1; i >= 0; i--) {
|
||
//ids_arr[i]
|
||
view.find('input[value="'+ ids_arr[i] +'"]').prop('checked', true)
|
||
}
|
||
/*view.find('.pop-category-item').each(function(){
|
||
is_checked_cat(this)
|
||
})*/
|
||
}
|
||
}
|
||
function is_checked_cat(obj){
|
||
var flag = false;
|
||
$(obj).find('ul').find('li').each(function(){
|
||
if($(this).find('input').is(':checked')){
|
||
flag = true;
|
||
}
|
||
})
|
||
$(obj).find('.pop-category1').find('input').prop('checked', flag)
|
||
}
|
||
var ajax_return_status = 1;
|
||
function save_data(){
|
||
var role='{$role}';
|
||
var type='{$type}';
|
||
if(role){
|
||
var p_id=$('#industry_id').val();
|
||
var s_id=$('#style_selects').val();
|
||
if(!p_id){
|
||
layer.msg('请为模板选择行业', {icon: 2, time: 1000});
|
||
}
|
||
// if(!s_id){
|
||
// layer.msg('请为模板选择风格', {icon: 2, time: 1000});
|
||
// }
|
||
}
|
||
|
||
if(ajax_return_status == 0){
|
||
return false;
|
||
}
|
||
|
||
var edit_id=$('#do_edit').val();
|
||
var template_name=$('#block_name').val();
|
||
if(!template_name){
|
||
layer.msg('模板名称不能为空', {icon: 2, time: 1000});
|
||
return false;
|
||
}
|
||
|
||
var view=$('#tpd-mobile-views');
|
||
if(view.find('.tpd-edits-hidden[data-eidtid="1"]').length>0){
|
||
view.find('.tpd-edits-hidden[data-eidtid="1"]').each(function () {
|
||
var obj=$(this).find('.tpdm-carousel');
|
||
obj.find('li').removeAttr('style');
|
||
obj.find('li:first').remove();
|
||
obj.find('li:last').remove();
|
||
var li=obj.find('ul').html();
|
||
var html='<ul class="tpd-banner-list">'+li+'</ul><div class="page-num"></div>';
|
||
obj.html(html);
|
||
})
|
||
}
|
||
var html=view.html();
|
||
view.html(html);
|
||
|
||
$("#tpd-mobile-views .tpd-edits-hidden").each(function(){
|
||
var order=$(this).attr("data-timeid");
|
||
block[order]['div_order']=$(this).index();//给板块增加排序索引 APP使用
|
||
});
|
||
// 保存之前判断，
|
||
for (var key in block) {
|
||
if (typeof (block[key].block_type)) {
|
||
var block_type = block[key].block_type + '';
|
||
|
||
switch (block_type) {
|
||
case '18':
|
||
// 多门店
|
||
|
||
break;
|
||
case '13':
|
||
// 轮播商品
|
||
break;
|
||
case '12':
|
||
// 新闻
|
||
|
||
break;
|
||
|
||
case '7':
|
||
// 优惠券
|
||
if(block[key].nav.length<1){
|
||
$('.tpd-edits-hidden').each(function(){
|
||
var timeid = $(this).attr('data-timeid')
|
||
if(timeid == block[key].timeid){
|
||
console.log('优惠券',timeid)
|
||
//$(this).trigger();
|
||
}
|
||
})
|
||
|
||
return layer.msg('你还没有选择优惠券!', {icon: 2, time: 2000});
|
||
}
|
||
|
||
break;
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
var d=JSON.stringify(block);
|
||
console.log(block,d)
|
||
ajax_return_status = 0;
|
||
$.post(add_url, {'type':type,'role':role,'industry_id':p_id,'style_id':s_id,'thumb':$('#thumb').val(),'html':html,'edit_id':edit_id,'info':d,'template_name':template_name}, function (res2) {
|
||
if(res2){
|
||
ajax_return_status=1;
|
||
$('#do_edit').val(res2);
|
||
layer.msg('保存成功', {icon: 1, time: 1000});
|
||
}else{
|
||
layer.msg('保存失败,请稍后再提交', {icon: 2, time: 1000});
|
||
}
|
||
},'JSON');
|
||
}
|
||
|
||
$('#cover').click(function(){
|
||
GetUploadify(1,'','','img_call_back2');
|
||
})
|
||
|
||
function img_call_back2(fileurl_tmp){
|
||
$('#thumb').val(fileurl_tmp);
|
||
$('#cover_img').attr('src',fileurl_tmp);
|
||
}
|
||
</script>
|
||
</div>
|
||
</body>
|
||
</html> |