Files
littleTiger/application/admin/view/promotion/prom_goods_info.html

413 lines
21 KiB
HTML
Raw Normal View History

2019-02-28 19:48:21 +08:00
<include file="public/layout" />
<style>
dd.opt table{
width: 100%;
}
dd.opt tr{
border: 1px solid #f4f4f4;
padding: 8px;
}
dd.opt tr td{
border: 1px solid #f4f4f4;
}
.ys-btn-close {
position: relative;
top: -12px;
left: -16px;
width: 18px;
height: 18px;
border: 1px solid #ccc;
line-height: 18px;
text-align: center;
display: inline-block;
border-radius: 50%;
z-index: 1;
background-color: #fff;
cursor: pointer;
}
.selected-group-goods {
background-color: #FFF;
width: 162px;
padding: 9px;
margin-bottom: 10px;
border: solid 1px #E6E6E6;
box-shadow: 2px 2px 0 rgba(153,153,153,0.1);
}
</style>
<load href="__ROOT__/public/plugins/Ueditor/ueditor.config.js"/>
<load href="__ROOT__/public/plugins/Ueditor/ueditor.all.min.js"/>
<script type="text/javascript" charset="utf-8" src="__ROOT__/public/plugins/Ueditor/lang/zh-cn/zh-cn.js"></script>
<script src="__ROOT__/public/static/js/layer/laydate/laydate.js"></script>
<style type="text/css">
html, body {
overflow: visible;
}
</style>
<body style="background-color: #FFF; overflow: auto;">
<div id="toolTipLayer" style="position: absolute; z-index: 9999; display: none; visibility: visible; left: 95px; top: 573px;"></div>
<div id="append_parent"></div>
<div id="ajaxwaitid"></div>
<div class="page">
<div class="fixed-bar">
<div class="item-title"><a class="back" href="javascript:history.back();" title="返回列表"><i class="fa fa-arrow-circle-o-left"></i></a>
<div class="subject">
<h3>优惠促销管理 - 添加与编辑商品促销活动</h3>
<h5>网站系统编辑商品促销活动</h5>
</div>
</div>
</div>
<form class="form-horizontal" id="handleposition" method="post">
<input type="hidden" name="id" value="{$info.id}">
<input type="hidden" id="coupon_count" value="{$coupon_list|count}">
<div class="ncap-form-default">
<dl class="row">
<dt class="tit">
<label><em>*</em>促销活动名称</label>
</dt>
<dd class="opt">
<input type="text" name="title" id="title" value="{$info.title}" class="input-txt">
<p class="notic">促销活动名称</p>
</dd>
</dl>
<dl class="row">
<dt class="tit">
<label><em>*</em>促销活动类型</label>
</dt>
<dd class="opt">
<select id="prom_type" name="type">
<option value="0" <if condition="$info[type] eq 0">selected</if>>直接打折</option>
<option value="1" <if condition="$info[type] eq 1">selected</if>>减价优惠</option>
<option value="2" <if condition="$info[type] eq 2">selected</if>>固定金额出售</option>
<option value="3" <if condition="$info[type] eq 3">selected</if>>买就赠代金券</option>
</select>
<p class="notic">促销活动类型</p>
</dd>
</dl>
<dl class="row" id="expression">
<dt class="tit">
<label><em>*</em>折扣</label>
</dt>
<dd class="opt">
<input type="text" name="expression" value="{$info.expression}" class="input-txt">
<p class="notic">% 折扣值(1-100 如果打9折请输入90)</p>
</dd>
</dl>
<dl class="row" id="buy_limit">
<dt class="tit">
<label><em>*</em>限购数量</label>
</dt>
<dd class="opt">
<input name="buy_limit" value="{$info.buy_limit}" type="text" class="input-txt" onkeyup="this.value=this.value.replace(/[^\d]/g,'')"/>
<span class="err" id="err_buy_limit"></span>
<p class="notic">限购数量</p>
</dd>
</dl>
<dl class="row">
<dt class="tit">
<label><em>*</em>开始时间</label>
</dt>
<dd class="opt">
<input type="text" id="start_time" name="start_time" value="{:date('Y-m-d H:i:s', $info['start_time'])}" class="input-txt">
<p class="notic">优惠开始时间</p>
</dd>
</dl>
<dl class="row">
<dt class="tit">
<label><em>*</em>结束时间</label>
</dt>
<dd class="opt">
<input type="text" id="end_time" name="end_time" value="{:date('Y-m-d H:i:s', $info['end_time'])}" class="input-txt">
<p class="notic">优惠结束时间</p>
</dd>
</dl>
<dl class="row">
<dt class="tit">
<label><em>*</em>宣传图片</label>
</dt>
<dd class="opt">
<div class="input-file-show">
<span class="show">
<a id="img_a" target="_blank" class="nyroModal" rel="gal" href="{$info.prom_img}">
<i id="img_i" class="fa fa-picture-o" onmouseover="layer.tips('<img src={$info.prom_img}>',this,{tips: [1, '#fff']});" onmouseout="layer.closeAll();"></i>
</a>
</span>
<span class="type-file-box">
<input type="text" id="prom_img" name="prom_img" value="{$info.prom_img}" class="type-file-text">
<input type="button" name="button" id="button1" value="选择上传..." class="type-file-button">
<input class="type-file-file" onClick="GetUploadify(1,'','activity','img_call_back')" size="30" hidefocus="true" nc_type="change_site_logo" title="点击前方预览图可查看大图,点击按钮选择文件并提交表单后上传生效">
</span>
</div>
<span class="err"></span>
<p class="notic">请上传图片格式文件</p>
</dd>
</dl>
<dl class="row">
<dt class="tit">
<label><em>*</em>选择优惠商品</label>
</dt>
<dd class="opt">
<div style="overflow: hidden;" id="selected_group_goods">
<volist name="prom_goods" id="goods">
<if condition="!$goods['spec_goods_price']">
<div style="float: left;margin-right: 20px">
<input type="hidden" name="goods[{$goods.goods_id}][goods_id]" value="{$goods.goods_id}"/>
<input type="hidden" name="store_count[]" value="{$goods.goods.store_count}"/>
<div class="ys-btn-close" style="top: 15px;left: 172px;">×</div>
<div class="selected-group-goods">
<div class="goods-thumb">
<if condition="$goods['image']">
<img style="width: 162px;height: 162px" src="{$goods['image']}"/>
<else/>
<img style="width: 162px;height: 162px" src="{$goods['goods_id']|goods_thum_images=162,162}"/>
</if>
</div>
<div class="goods-name">
<a target="_blank" href="{:U('Home/Goods/goodsInfo',array('id'=>$goods['goods_id']))}">{$goods.goods_name}</a>
</div>
<div class="goods-price">商城价:¥{$goods.price}</div>
</div>
</div>
<else/>
<if condition="$goods.spec_goods_price.prom_type eq 3 AND $goods.spec_goods_price.prom_id eq $info.id">
<div style="float: left;margin-right: 20px">
<input type="hidden" name="goods[{$goods.goods_id}][goods_id]" value="{$goods.goods_id}"/>
<input type="hidden" name="goods[{$goods.goods_id}][item_id][]" value="{$goods.spec_goods_price.item_id}"/>
<input type="hidden" name="store_count[]" value="{$goods.spec_goods_price.store_count}"/>
<div class="ys-btn-close" style="top: 15px;left: 172px;">×</div>
<div class="selected-group-goods">
<div class="goods-thumb"><img style="width: 162px;height: 162px" src="{$goods['goods_id']|goods_thum_images=162,162,$goods.spec_goods_price['item_id']}"/></div>
<div class="goods-name">
<a target="_blank"
href="{:U('Home/Goods/goodsInfo',array('id'=>$goods['goods_id'],'item_id'=>$goods.spec_goods_price['item_id']))}">{$goods.goods_name}{$goods.spec_goods_price.key_name}</a>
</div>
<div class="goods-price">商城价:¥{$goods.spec_goods_price.price}</div>
</div>
</div>
</if>
</if>
</volist>
</div>
<span class="err" id="err_goods" style="color:#F00; display:none;">请添加优惠商品</span>
<p class="notic">
<a onclick="selectGoods()" class="ncap-btn"><i class="fa fa-search"></i>选择商品</a>
</p>
</dd>
</dl>
<dl class="row">
<dt class="tit">
<label>活动描述</label>
</dt>
<dd class="opt">
<textarea class="span12 ckeditor" placeholder="请输入活动介绍" id="post_content" name="description" rows="6">{$info.description}</textarea>
<p class="notic">活动描述</p>
</dd>
</dl>
<if condition="$info['is_edit'] eq 0">
<div class="bot"><a class="ncap-btn-big">确认提交</a></div>
<else/>
<dl class="row" txt="发布活动时,进行通知">
<dt class="tit">站内信通知</dt>
<dd class="opt">
<div class="onoff">
<label for="mmt_message_switch1" class="cb-enable selected"></label>
<label for="mmt_message_switch0" class="cb-disable "></label>
<input id="mmt_message_switch1" name="mmt_message_switch" checked="checked" value="1" type="radio">
<input id="mmt_message_switch0" name="mmt_message_switch" value="0" type="radio">
</div>
<p class="notic"></p>
</dd>
</dl>
<div class="bot"><a id="submit" class="ncap-btn-big ncap-btn-green">确认提交</a></div>
</if>
</div>
</form>
</div>
<script type="text/javascript">
$(function () {
$(document).on("click", '#submit', function (e) {
var type = parseInt($("#prom_type").val());
var expression = $("[name='expression']").val();
if (type == 3 && expression == 0){
layer.msg('请选择优惠券',{icon:2});return false;
}
verifyForm();
})
})
var ajax_return_srtatus=1;
function verifyForm(){
if(ajax_return_srtatus==0){
return false;
}
ajax_return_srtatus=0;
$('span.err').hide();
$.ajax({
type: "POST",
url: "{:U('Admin/Promotion/prom_goods_save')}",
data: $('#handleposition').serialize(),
async:false,
dataType: "json",
error: function () {
layer.alert("服务器繁忙, 请联系管理员!");
ajax_return_srtatus=1
},
success: function (data) {
if (data.status == 1) {
layer.msg(data.msg, {icon: 1, time: 1000}, function(){
location.href = "{:U('Admin/Promotion/prom_goods_list')}";
});
} else {
ajax_return_srtatus=1
layer.msg(data.msg, {icon: 2,time: 1000});
$.each(data.result, function (index, item) {
$('#err_' + index).text(item).show();
});
}
}
});
}
function call_back(goodsItem){
var html = '';
$.each(goodsItem, function (index, item) {
if (item.goods_id != 'on') {
if (item.spec != null) {
//有规格
$.each(item.spec, function (i, o) {
html += '<div style="float: left;margin-right: 20px"><div class="ys-btn-close" style="top: 15px;left: 172px;">×</div>' +
'<input type="hidden" name="goods[' + item.goods_id + '][goods_id]" value="' + item.goods_id + '"/>' +
'<input type="hidden" name="goods[' + item.goods_id + '][item_id][' + i + ']" value="' + o.item_id + '"/>' +
'<div class="selected-group-goods"><div class="goods-thumb">' +
'<img style="width: 162px;height: 162px" src="' + o.spec_img + '"/></div> <div class="goods-name"> ' +
'<a target="_blank" href="/index.php?m=Home&c=Goods&a=goodsInfo&id=' + item.goods_id + '">' + item.goods_name + o.key_name + '</a> </div>' +
'<input type="hidden" name="store_count[]" value="'+o.store_count+'"/>' +
' <div class="goods-price">商城价:¥' + o.price + '</div> </div></div>';
});
} else {
html += '<div style="float: left;margin-right: 20px"><div class="ys-btn-close" style="top: 15px;left: 172px;">×</div>' +
'<input type="hidden" name="goods[' + item.goods_id + '][goods_id]" value="' + item.goods_id + '"/>' +
'<div class="selected-group-goods"><div class="goods-thumb">' +
'<img style="width: 162px;height: 162px" src="' + item.goods_image + '"/></div> <div class="goods-name"> ' +
'<a target="_blank" href="/index.php?m=Home&c=Goods&a=goodsInfo&id=' + item.goods_id + '">' + item.goods_name + '</a> </div>' +
'<input type="hidden" name="store_count[]" value="'+item.store_count+'"/>' +
' <div class="goods-price">商城价:¥' + item.goods_price + '</div> </div></div>';
}
}
});
$('#selected_group_goods').append(html);
layer.closeAll('iframe');
}
var url="{:url('Admin/Ueditor/index',array('savePath'=>'activity'))}";
var ue = UE.getEditor('post_content',{
serverUrl :url,
zIndex: 999,
initialFrameWidth: "100%", //初化宽度
initialFrameHeight: 350, //初化高度
focus: false, //初始化时是否让编辑器获得焦点true或false
maximumWords: 99999, removeFormatAttributes: 'class,style,lang,width,height,align,hspace,valign',//允许的最大字符数 'fullscreen',
pasteplain:false, //是否默认为纯文本粘贴。false为不使用纯文本粘贴true为使用纯文本粘贴
autoHeightEnabled: true
});
function img_call_back(fileurl_tmp) {
$("#prom_img").val(fileurl_tmp);
$("#img_a").attr('href', fileurl_tmp);
$("#img_i").attr('onmouseover', "layer.tips('<img src="+fileurl_tmp+">',this,{tips: [1, '#fff']});");
}
function selectGoods(){
var url = "{:U('Promotion/search_goods',array('prom_type'=>3,'prom_id'=>$info[id]))}";
layer.open({
type: 2,
title: '选择商品',
shadeClose: true,
shade: 0.3,
area: ['70%', '80%'],
content: url,
});
}
$("#prom_type").on("change",function(){
var type = parseInt($("#prom_type").val());
var coupon_count = $('#coupon_count').val();
if (type == 3 && coupon_count <= 0){
layer.msg('没有可选择的优惠券',{icon:2});
}
var expression = '';
switch(type){
case 0:{
expression = '<dt class="tit"><label><em>*</em>折扣</label></dt>'
+ '<dd class="opt"><input type="text" name="expression" pattern="^\\d+$" value="" class="input-txt">'
+ '<span class="err" id="err_expression"></span><p class="notic">% 折扣值(1-100 如果打9折请输入90)</p></dd>';
break;
}
case 1:{
expression = '<dt class="tit"><label><em>*</em>立减金额</label></dt>'
+ '<dd class="opt"><input type="text" name="expression" pattern="^\\d+(\\.\\d+)?$" value="" class="input-txt">'
+ '<span class="err" id="err_expression"></span><p class="notic">立减金额(元)</p></dd>';
break;
}
case 2:{
expression = '<dt class="tit"><label><em>*</em>出售金额</label></dt>'
+ '<dd class="opt"><input type="text" name="expression" pattern="^\\d+(\\.\\d+)?$" value="" class="input-txt">'
+ '<span class="err" id="err_expression"></span><p class="notic">出售金额(元)</p></dd>';
break;
}
case 3:{
expression = '<dt class="tit"><label><em>*</em>代金券</label></dt><dd class="opt"><select name="expression"><option value="0">请选择</option>'
+ '<foreach name="coupon_list" item="v"><option value="{$v.id}" <if condition="$v[id] eq $info[expression]">selected</if>>{$v.name}</option></foreach></select>'
+ '<span class="err" id="err_expression"></span><p class="notic">请选择代金券</p></dd>';
break;
}
case 4:{
expression = '<dt class="tit"><label><em>*</em>买M送N</label></dt>'
+ '<dd class="opt"><input type="text" name="expression" pattern="\\d+\/\\d+" value="" class="input-txt">'
+ '<span class="err" id="err_expression"></span><p class="notic">买几件送几件如买3件送1件: 3/1</p></dd>';
break;
}
}
$("#expression").html(expression);
});
$(document).ready(function(){
$("#prom_type").trigger('change');
$('input[name=expression]').val("{$info.expression}");
laydate.render({
elem: '#start_time',//绑定元素
theme: 'molv', //主题
type:'datetime', //控件选择类型
format: 'yyyy-MM-dd HH:mm:ss', //自定义格式
calendar: true, //显示公历节日
min: '1970-01-01 00:00:00', //最小日期
max: '2099-12-31 00:00:00', //最大日期
// value: new Date(),//默认当前时间
isInitValue: true,
position : 'fixed', //定位方式
zIndex: 99999999, //css z-index
});
laydate.render({
elem: '#end_time',//绑定元素
theme: 'molv', //主题
type:'datetime', //控件选择类型
format: 'yyyy-MM-dd HH:mm:ss', //自定义格式
calendar: true, //显示公历节日
min: '1970-01-01 00:00:00', //最小日期
max: '2099-12-31 00:00:00', //最大日期
// value: new Date(),//默认当前时间
isInitValue: true,
position : 'fixed', //定位方式
zIndex: 99999999, //css z-index
});
})
//商品删除按钮事件
$(function () {
$(document).on("click", '.ys-btn-close', function (e) {
$(this).parent().remove();
})
})
</script>
</body>
</html>