258 lines
7.5 KiB
HTML
258 lines
7.5 KiB
HTML
{extend name="app/shop/view/base.html"/}
|
||
{block name="resources"}
|
||
<style>
|
||
.good-name, .good-price {
|
||
line-height: 34px;
|
||
}
|
||
.layui-form-item .layui-input-inline.end-time{
|
||
float: none;
|
||
}
|
||
</style>
|
||
{/block}
|
||
{block name="main"}
|
||
<div class="layui-collapse ns-tips">
|
||
<div class="layui-colla-item">
|
||
<h2 class="layui-colla-title">操作提示</h2>
|
||
<ul class="layui-colla-content layui-show">
|
||
<li>管理员可以在此页添加笔记活动</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form ns-form">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label img-upload-lable ns-short-label"><span class="required">*</span>选择商品：</label>
|
||
<div class="layui-input-inline">
|
||
<div class="upload-img-block square">
|
||
<div class="upload-img-box" id="goodImg" lay-verify="select" onclick="addGoods()">
|
||
<div class="ns-upload-default">
|
||
<img src="SHOP_IMG/upload_img.png" />
|
||
<p>选择商品</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">商品名称：</label>
|
||
<div class="layui-input-inline good-name">{$notes_info.data.goods_name}</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">商品原价：</label>
|
||
<div class="layui-input-inline good-price">
|
||
￥<span>{$notes_info.data.goods_price}</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label"><span class="required">*</span>笔记价：</label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-inline">
|
||
<input type="number" name="notes_price" lay-verify="required|flnum" autocomplete="off" class="layui-input ns-len-short" value="{$notes_info.data.notes_price}">
|
||
</div>
|
||
<div class="layui-form-mid">元</div>
|
||
</div>
|
||
<div class="ns-word-aux">
|
||
<p>如商品存在多规格，则所有规格均是此价售卖，请谨慎设置</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label"><span class="required">*</span>最低购买数量：</label>
|
||
<div class="layui-input-block">
|
||
<input type="number" name="buy_num" lay-verify="required|int" autocomplete="off" class="layui-input ns-len-short primary_price" value="{$notes_info.data.buy_num}">
|
||
</div>
|
||
<div class="ns-word-aux">
|
||
<p>最低购买数量不能小于2</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label"><span class="required">*</span>开始时间：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" id="start_time" name="start_time" lay-verify="required" class="layui-input ns-len-mid" autocomplete="off" readonly>
|
||
<i class="ns-calendar"></i>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label"><span class="required">*</span>结束时间：</label>
|
||
<div class="layui-input-inline end-time">
|
||
<input type="text" id="end_time" name="end_time" lay-verify="required|time" class="layui-input ns-len-mid" autocomplete="off" readonly>
|
||
<i class="ns-calendar"></i>
|
||
</div>
|
||
<div class="ns-word-aux">
|
||
<p>结束时间不能小于开始时间，也不能小于当前时间</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="ns-form-row">
|
||
<button class="layui-btn ns-bg-color" lay-submit lay-filter="save">保存</button>
|
||
<button class="layui-btn layui-btn-primary" onclick="back()">返回</button>
|
||
</div>
|
||
|
||
<input type="hidden" name="goods_id" value="{$notes_info.data.goods_id}" />
|
||
<input type="hidden" name="sku_id" value="{$notes_info.data.sku_id}" />
|
||
<input type="hidden" name="notes_id" value="{$notes_info.data.notes_id}" />
|
||
<input type="hidden" class="start-time-hide" value="{$notes_info.data.start_time}" />
|
||
<input type="hidden" class="end-time-hide" value="{$notes_info.data.end_time}" />
|
||
</div>
|
||
{/block}
|
||
{block name="script"}
|
||
<script>
|
||
var goods_id = $("input[name=goods_id]").val();
|
||
layui.use(['form', 'laydate'], function() {
|
||
var form = layui.form,
|
||
laydate = layui.laydate,
|
||
repeat_flag = false,
|
||
minDate = "";
|
||
form.render();
|
||
|
||
//开始时间
|
||
laydate.render({
|
||
elem: '#start_time', //指定元素
|
||
type: 'datetime',
|
||
value: ns.time_to_date($(".start-time-hide").val()),
|
||
done: function(value) {
|
||
minDate = value;
|
||
reRender();
|
||
}
|
||
});
|
||
|
||
//结束时间
|
||
laydate.render({
|
||
elem: '#end_time', //指定元素
|
||
type: 'datetime',
|
||
value: ns.time_to_date($(".end-time-hide").val())
|
||
});
|
||
|
||
/**
|
||
* 重新渲染结束时间
|
||
* */
|
||
function reRender() {
|
||
$("#end_time").remove();
|
||
$(".end-time").html('<input type="text" id="end_time" name="end_time" placeholder="请输入结束时间" lay-verify="required|time" class = "layui-input ns-len-mid" autocomplete="off" readonly> ');
|
||
laydate.render({
|
||
elem: '#end_time',
|
||
type: 'datetime',
|
||
min: minDate
|
||
});
|
||
}
|
||
|
||
/**
|
||
* 表单验证
|
||
*/
|
||
form.verify({
|
||
time: function(value) {
|
||
var now_time = (new Date()).getTime();
|
||
var start_time = (new Date($("#start_time").val())).getTime();
|
||
var end_time = (new Date(value)).getTime();
|
||
if (now_time > end_time) {
|
||
return '结束时间不能小于当前时间!'
|
||
}
|
||
if (start_time > end_time) {
|
||
return '结束时间不能小于开始时间!';
|
||
}
|
||
},
|
||
flnum: function(value) {
|
||
var arrMen = value.split(".");
|
||
var val = 0;
|
||
if (arrMen.length == 2) {
|
||
val = arrMen[1];
|
||
}
|
||
if (val.length > 2) {
|
||
return '保留小数点后两位！'
|
||
}
|
||
},
|
||
int: function(value) {
|
||
if (value <= 1 || value % 1 != 0) {
|
||
return '请输入大于1的正整数！'
|
||
}
|
||
}
|
||
});
|
||
|
||
/**
|
||
* 表单提交
|
||
*/
|
||
form.on('submit(save)', function(data){
|
||
if (goods_id.length == 0) {
|
||
layer.msg('请选择参与活动的商品！', {icon: 5, anim: 6});
|
||
return;
|
||
}
|
||
|
||
var notes_price = $(".notes_price").val();
|
||
var primary_price = $(".good-price span").text();
|
||
if (primary_price < notes_price) {
|
||
layer.msg('笔记价不能大于原价！', {icon: 5, anim: 6});
|
||
}
|
||
|
||
if(repeat_flag) return;
|
||
repeat_flag = true;
|
||
|
||
$.ajax({
|
||
type: 'POST',
|
||
dataType: 'JSON',
|
||
url: ns.url("notes://shop/notes/edit"),
|
||
data: data.field,
|
||
async: false,
|
||
success: function(res){
|
||
repeat_flag = false;
|
||
|
||
if (res.code == 0) {
|
||
layer.confirm('编辑成功', {
|
||
title:'操作提示',
|
||
btn: ['返回列表', '继续操作'],
|
||
yes: function(){
|
||
location.href = ns.url("notes://shop/notes/lists");
|
||
},
|
||
btn2: function() {
|
||
location.reload();
|
||
}
|
||
});
|
||
}else{
|
||
layer.msg(res.message);
|
||
}
|
||
}
|
||
})
|
||
});
|
||
});
|
||
|
||
/**
|
||
* 添加商品
|
||
*/
|
||
var selectedGoodsId = [goods_id];
|
||
function addGoods() {
|
||
goodsSelect(function (res) {
|
||
if (!res.length) return false;
|
||
|
||
var sku_ids = [];
|
||
for (var i = 0; i < res.length; i++) {
|
||
goods_id = res[i].goods_id;
|
||
$("input[name=goods_id]").val(goods_id);
|
||
$("#goodImg").html("<img src=" + ns.img(res[i].goods_image,'small') + " >");
|
||
$(".good-img").val(res[i].goods_image);
|
||
$(".good-name").text(res[i].goods_name);
|
||
$(".good-price span").text(res[i].price);
|
||
for (var k = 0; k < res[i].sku_list.length; k++) {
|
||
sku_ids.push(res[i].sku_list[k].sku_id);
|
||
}
|
||
}
|
||
selectedGoodsId = [goods_id];
|
||
$("input[name=sku_id]").val(sku_ids.toString());
|
||
}, selectedGoodsId, {mode: "spu", disabled: 0, max_num: 1, min_num: 1});
|
||
}
|
||
|
||
function back() {
|
||
location.href = ns.url("notes://shop/notes/lists");
|
||
}
|
||
|
||
var goodsImgstr = "{$notes_info.data.goods_image}";
|
||
|
||
if(goodsImgstr){
|
||
var goodsImgArr = goodsImgstr.split(",");
|
||
$("#goodImg").html(`<img src="${ns.img(goodsImgArr[0])}" />`);
|
||
}
|
||
</script>
|
||
{/block} |