manghe/app/admin/view/Goods/goods_add.html
2025-04-23 15:15:49 +08:00

671 lines
38 KiB
HTML
Executable File
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{include file="Public:header2"/}
<style>
.tips {
width: 100%;
}
</style>
<body style="min-height: 100%;background-color: #fff">
<div class="layui-fluid">
<div class="layui-row layui-col-space15">
<div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-body">
<form onsubmit="return false;">
<div class="layui-form" wid100 lay-filter="">
<div class="layui-form-item">
<label class="layui-form-label">盒子类型</label>
<div class="layui-input-inline" style="width:800px">
{volist name="goodsTypeList" id="vo"}
<input type="radio" name="type" value="{$vo.value}" lay-filter="type"
class="layui-input" title="{$vo.fl_name}" {if $key eq 0}checked{/if}>
{/volist}
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">是否首抽五折</label>
<div class="layui-input-inline" style="width: 700px">
<input type="radio" name="is_shou_zhe" value="0" lay-filter="shou_zhe"
class="layui-input" title="否" checked>
<input type="radio" name="is_shou_zhe" value="1" lay-filter="shou_zhe"
class="layui-input" title="是">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">盒子名称</label>
<div class="layui-input-inline">
<input type="text" name="title" placeholder="请输入盒子名称" autocomplete="off"
class="layui-input" style="width: 600px">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">盒子价格</label>
<div class="layui-input-inline">
<input type="text" name="price" placeholder="请输入盒子价格" autocomplete="off"
class="layui-input" style="width: 600px">
</div>
</div>
<div class="layui-form-item" id="goods_describe_div">
<label class="layui-form-label">盒子描述</label>
<div class="layui-input-inline">
<input type="text" name="goods_describe" placeholder="请输入盒子描述"
autocomplete="off" class="layui-input" style="width: 600px">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">排序值</label>
<div class="layui-input-inline">
<input type="text" name="sort" value="0" placeholder="请输入排序值"
class="layui-input" style="width: 600px">
</div>
</div>
<!-- 福利屋时间配置 -->
<div class="layui-form-item flw_time_config" style="display: none;">
<label class="layui-form-label">开始时间</label>
<div class="layui-input-inline">
<input type="text" name="flw_start_time" id="flw_start_time" value=""
placeholder="请选择开始时间" class="layui-input" style="width: 600px">
</div>
</div>
<div class="layui-form-item flw_time_config" style="display: none;">
<label class="layui-form-label">结束时间</label>
<div class="layui-input-inline">
<input type="text" name="flw_end_time" id="flw_end_time" value=""
placeholder="请选择结束时间" class="layui-input" style="width: 600px">
</div>
</div>
<div class="layui-form-item flw_time_config" style="display: none;">
<label class="layui-form-label">开奖时间</label>
<div class="layui-input-inline">
<input type="text" name="open_time" id="open_time" value=""
placeholder="请选择开奖时间" class="layui-input" style="width: 600px">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">抽奖门槛:</label>
<div class="layui-input-inline">
<input type="text" name="choujiang_xianzhi" value="0" placeholder="请输入抽奖门槛"
autocomplete="off" class="layui-input" style="width: 600px">
</div>
</div>
<div class="layui-form-item id_stock">
<label class="layui-form-label">套数</label>
<div class="layui-input-inline">
<input type="text" name="stock" value="1" placeholder="请输入套数"
class="layui-input" style="width: 600px">
</div>
</div>
<div class="layui-form-item id_stock" id="div_quanju_xiangou" style="display: none;">
<label class="layui-form-label">限购次数</label>
<div class="layui-input-inline">
<input type="number" name="quanju_xiangou" value="0" placeholder="请输入每个箱子的限购次数"
class="layui-input" style="width: 600px">
<div class="layui-form-mid layui-word-aux tips"> </div>
</div>
</div>
<div class="layui-form-item id_stock" id="div_daily_xiangou">
<label class="layui-form-label">每日限购次数</label>
<div class="layui-input-inline">
<input type="number" name="daily_xiangou" value="0" placeholder="请输入每日限购次数"
class="layui-input" style="width: 600px">
<div class="layui-form-mid layui-word-aux tips">每天允许购买的次数0不限制</div>
</div>
</div>
<div class="layui-form-item id_lock_is">
<label class="layui-form-label">锁箱类型</label>
<div class="layui-input-inline" style="width: 600px">
<input type="radio" name="lock_is" value="1" class="layui-input" title="开启">
<input type="radio" name="lock_is" value="0" class="layui-input" title="关闭"
checked>
</div>
</div>
<div class="layui-form-item id_lock_time">
<label class="layui-form-label">锁箱时间</label>
<div class="layui-input-inline">
<input type="text" name="lock_time" value="0" placeholder="请输入锁箱时间"
class="layui-input" style="width: 600px">
</div>
</div>
<!-- <div class="layui-form-item id_prize_num" style="display: none">-->
<!-- <label class="layui-form-label">擂台赏抽全局赏数量</label>-->
<!-- <div class="layui-input-inline">-->
<!-- <input type="text" name="prize_num" value="0" placeholder="请输入擂台赏抽全局赏数量" class="layui-input" style="width: 600px">-->
<!-- </div>-->
<!-- </div>-->
<div class="layui-form-item coupon_is">
<label class="layui-form-label">发券开关</label>
<div class="layui-input-inline" style="width: 600px">
<input type="radio" name="coupon_is" value="1" class="layui-input" title="开启">
<input type="radio" name="coupon_is" value="0" class="layui-input" title="关闭"
checked>
</div>
</div>
<div class="layui-form-item integral_is">
<label class="layui-form-label">发积分开关</label>
<div class="layui-input-inline" style="width: 600px">
<input type="radio" name="integral_is" value="1" class="layui-input" title="开启">
<input type="radio" name="integral_is" value="0" class="layui-input" title="关闭"
checked>
</div>
</div>
<div class="layui-form-item rage_is">
<label class="layui-form-label">怒气值开关</label>
<div class="layui-input-inline" style="width: 600px">
<input type="radio" name="rage_is" value="1" class="layui-input" title="开启">
<input type="radio" name="rage_is" value="0" class="layui-input" title="关闭"
checked>
</div>
</div>
<div class="layui-form-item rage">
<label class="layui-form-label">怒气值</label>
<div class="layui-input-inline" style="width: 600px">
<input type="text" name="rage" value="0" placeholder="请输入怒气值"
class="layui-input" style="width: 600px">
</div>
</div>
<div class="layui-form-item item_card_id">
<label class="layui-form-label">请选择道具卡</label>
<div class="layui-input-inline" style="width: 521px">
<select name="item_card_id">
<option value="">--请选择--</option>
{foreach name="item_card" item="vo"}
<option value="{$vo.id}">{$vo.title}</option>
{/foreach}
</select>
</div>
</div>
<div class="layui-form-item lingzhu_is">
<label class="layui-form-label">领主赏开关</label>
<div class="layui-input-inline" style="width: 600px">
<input type="radio" name="lingzhu_is" value="1" class="layui-input" title="开启">
<input type="radio" name="lingzhu_is" value="0" class="layui-input" title="关闭"
checked>
</div>
</div>
<div class="layui-form-item lingzhu_fan">
<label class="layui-form-label">领主每发返</label>
<div class="layui-input-inline" style="width: 600px">
<input type="text" name="lingzhu_fan" value="0" placeholder="请输入"
class="layui-input" style="width: 600px">
</div>
</div>
<div class="layui-form-item lingzhu_shang_id">
<label class="layui-form-label">请选择抽中领主</label>
<div class="layui-input-inline" style="width: 521px">
<select name="lingzhu_shang_id">
<option value="">--请选择--</option>
{foreach name="shang" item="vo"}
<option value="{$vo.id}">{$vo.title}</option>
{/foreach}
</select>
</div>
</div>
<div class="layui-form-item lian_ji_num">
<label class="layui-form-label">连击次数</label>
<div class="layui-input-inline" style="width: 600px">
<input type="text" name="lian_ji_num" value="0" placeholder="请输入连击次数"
class="layui-input" style="width: 600px">
</div>
</div>
<div class="layui-form-item lian_ji_shang_id">
<label class="layui-form-label">请选择抽中连击奖品</label>
<div class="layui-input-inline" style="width: 521px">
<select name="lian_ji_shang_id">
<option value="">--请选择--</option>
{foreach name="shang" item="vo"}
<option value="{$vo.id}">{$vo.title}</option>
{/foreach}
</select>
</div>
</div>
<div class="layui-form-item show_is">
<label class="layui-form-label">首页显示</label>
<div class="layui-input-inline" style="width: 600px">
<input type="radio" name="show_is" value="0" class="layui-input" title="是"
checked>
<input type="radio" name="show_is" value="1" class="layui-input" title="否">
</div>
</div>
<div class="layui-form-item new_is">
<label class="layui-form-label">是否最新</label>
<div class="layui-input-inline" style="width: 600px">
<input type="radio" name="new_is" value="1" class="layui-input" title="是">
<input type="radio" name="new_is" value="0" class="layui-input" title="否"
checked>
</div>
</div>
<!-- 新增自动下架功能 -->
<div class="layui-form-item zidongxiajia">
<label class="layui-form-label ">自动下架</label>
<div class="layui-input-inline" style="width: 600px">
<input type="radio" name="is_auto_xiajia" value="0" lay-filter="autoXiajia"
class="layui-input" title="关闭" checked>
<input type="radio" name="is_auto_xiajia" value="1" lay-filter="autoXiajia"
class="layui-input" title="开启">
</div>
</div>
<div class="layui-form-item xiajia-config" style="display: none;">
<label class="layui-form-label">下架利润值(%)</label>
<div class="layui-input-inline" style="width: 600px">
<input type="number" name="xiajia_lirun" value="0"
placeholder="请输入下架利润值(百分比,可以为负)" class="layui-input" style="width: 600px">
</div>
</div>
<div class="layui-form-item xiajia-config" style="display: none;">
<label class="layui-form-label">下架抽数阈值</label>
<div class="layui-input-inline" style="width: 600px">
<input type="number" name="xiajia_auto_coushu" value="0"
placeholder="请输入从多少抽数后开始检测" class="layui-input" style="width: 600px">
</div>
</div>
<div class="layui-form-item xiajia-config" style="display: none;">
<label class="layui-form-label">下架金额</label>
<div class="layui-input-inline" style="width: 600px">
<input type="number" name="xiajia_jine" value="0"
placeholder="当盒子利润小于该金额时下架(如-100" class="layui-input" style="width: 600px">
</div>
</div>
<div class="layui-form-item jiesuojine">
<label class="layui-form-label">解锁金额</label>
<div class="layui-input-inline" style="width: 600px">
<input type="text" name="unlock_amount" value="0" placeholder="请输入解锁金额0表示无需解锁"
class="layui-input" style="width: 600px">
<div class="layui-form-mid layui-word-aux tips">用户需要消费满此金额才能看到此盒子0表示都能看到</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">盒子封面图</label>
<div class="layui-input-inline">
<input type="hidden" name="imgurl" value="" lay-verify="required"
placeholder="请上传图片" autocomplete="off" class="layui-input">
<img style="float:left;width:120px;" class="" id="imgurl"
src="/static/image/upload.jpg">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">盒子详情图</label>
<div class="layui-input-inline">
<input type="hidden" name="imgurl_detail" value="" lay-verify="required"
placeholder="请上传图片" autocomplete="off" class="layui-input">
<img style="float:left;width:120px;" class="" id="imgurl_detail"
src="/static/image/upload.jpg">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" onclick="return check()">确认保存</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
{include file="Public:footer"/}
<script type="text/javascript">
layui.use(['layer', 'form', 'upload', 'laydate'], function () {
var $ = layui.$;
var form = layui.form;
var upload = layui.upload;
var laydate = layui.laydate;
var new_data = new Date();
new_data.setTime(new_data.getTime() + 24 * 60 * 60 * 1000);
var tomorrow_time = new_data.getFullYear() + "-" + (new_data.getMonth() + 1) + "-" + new_data.getDate();
laydate.render({
elem: '#sale_time',
min: tomorrow_time,
type: 'datetime'
});
// 福利屋时间选择器初始化
laydate.render({
elem: '#flw_start_time',
type: 'datetime'
});
laydate.render({
elem: '#flw_end_time',
type: 'datetime'
});
laydate.render({
elem: '#open_time',
type: 'datetime'
});
//2023-11
$(".new_is").show();
$(".rage_is").hide();
$(".rage").hide();
$(".item_card_id").hide();
$(".lingzhu_is").hide();
$(".lingzhu_fan").hide();
$(".lingzhu_shang_id").hide();
$("#goods_describe_div").hide();
$(".flw_time_config").hide(); // 显示福利屋时间配置
$(".lian_ji_num").hide();
$(".id_stock").show();
$(".id_lock_is").show();
$(".id_lock_time").show();
$(".id_prize_num").hide();
$(".coupon_is").show();
$(".coupon_pro").show();
$(".integral_is").show();
$(".show_is").show();
$(".sale_time").show();
$("#div_daily_xiangou").show(); // 显示每日限购
// 显示福利屋相关字段
$("#goods_describe_div").hide(); // 显示盒子描述
$(".flw_time_config").hide(); // 显示福利屋时间配置
$("#div_daily_xiangou").hide(); // 显示每日限购次数
$("#div_quanju_xiangou").hide();
//2023-11
$(".rage_is").hide();
$(".rage").hide();
$(".item_card_id").hide();
$(".lingzhu_is").hide();
$(".lingzhu_fan").hide();
$(".lingzhu_shang_id").hide();
$(".lian_ji_num").hide();
$(".lian_ji_shang_id").hide();
$('.jiesuojine').show();
form.on('radio(type)', function (data) {
console.log('aaa');
var value = data.value; // 当前选中的value值
$("#div_daily_xiangou").show();
$("#goods_describe_div").hide();
$('.jiesuojine').show();
$(".flw_time_config").hide(); // 显示福利屋时间配置
$("#div_daily_xiangou").hide(); // 显示每日限购次数
$("#div_quanju_xiangou").hide();
$('.zidongxiajia').show();
if (value == 1 || value == 11) {
$(".id_stock").show();
$(".id_lock_is").show();
$(".id_lock_time").show();
$(".id_prize_num").hide();
$(".coupon_is").show();
$(".coupon_pro").show();
$(".integral_is").show();
$(".show_is").show();
$(".sale_time").show();
$("#div_daily_xiangou").show(); // 显示每日限购
//2023-11
$(".rage_is").hide();
$(".rage").hide();
$(".item_card_id").hide();
$(".lingzhu_is").hide();
$(".lingzhu_fan").hide();
$(".lingzhu_shang_id").hide();
$(".lian_ji_num").hide();
$(".lian_ji_shang_id").hide();
} else if (value == 2 || value == 16) {
$(".id_stock").hide();
$(".id_lock_is").hide();
$(".id_lock_time").hide();
$(".id_prize_num").hide();
$(".coupon_is").show();
$(".coupon_pro").show();
$(".integral_is").show();
$(".show_is").hide();
$(".sale_time").hide();
$("#div_daily_xiangou").hide(); // 隐藏每日限购
//2023-11
$(".rage_is").show();
$(".rage").show();
$(".item_card_id").show();
$(".lian_ji_num").hide();
$(".lian_ji_shang_id").hide();
} else if (value == 3) {
$(".id_stock").hide();
$(".id_lock_is").hide();
$(".id_lock_time").hide();
$(".id_prize_num").show();
$(".coupon_is").show();
$(".coupon_pro").show();
$(".integral_is").show();
$(".show_is").hide();
$(".sale_time").hide();
$("#div_daily_xiangou").hide(); // 隐藏每日限购
//2023-11
$(".rage_is").hide();
$(".rage").hide();
$(".item_card_id").hide();
$(".lingzhu_is").hide();
$(".lingzhu_fan").hide();
$(".lingzhu_shang_id").hide();
$(".lian_ji_num").hide();
$(".lian_ji_shang_id").hide();
} else if (value == 5 || value == 10) {
$(".id_stock").show();
$(".id_lock_is").hide();
$(".id_lock_time").hide();
$(".id_prize_num").hide();
$(".coupon_is").hide();
$(".coupon_pro").hide();
$(".integral_is").hide();
$(".show_is").hide();
$(".sale_time").hide();
//$("#div_daily_xiangou").hide(); // 隐藏每日限购
//2023-11
$(".rage_is").hide();
$(".rage").hide();
$(".item_card_id").hide();
$(".lingzhu_is").hide();
$(".lingzhu_fan").hide();
$(".lingzhu_shang_id").hide();
$(".lian_ji_num").hide();
$(".lian_ji_shang_id").hide();
if (value == 10) {
$("#goods_describe_div").show();
}
} else if (value == 6) {
$(".id_stock").show();
$(".id_lock_is").show();
$(".id_lock_time").show();
$(".id_prize_num").hide();
$(".coupon_is").show();
$(".coupon_pro").show();
$(".integral_is").show();
$(".show_is").show();
$(".sale_time").show();
$("div_quanju_xiangou").show();
// 显示每日限购
//2023-11
$(".rage_is").hide();
$(".rage").hide();
$(".item_card_id").hide();
$(".lingzhu_is").hide();
$(".lingzhu_fan").hide();
$(".lingzhu_shang_id").hide();
$(".lian_ji_num").hide();
$(".lian_ji_shang_id").hide();
} else if (value == 8) {
$(".id_stock").hide();
$(".id_lock_is").hide();
$(".id_lock_time").hide();
$(".id_prize_num").hide();
$(".coupon_is").show();
$(".coupon_pro").show();
$(".integral_is").show();
$(".show_is").show();
$(".sale_time").show();
$("#div_daily_xiangou").hide(); // 隐藏每日限购
//2023-11
$(".rage_is").hide();
$(".rage").hide();
$(".item_card_id").hide();
$(".lingzhu_is").show();
$(".lingzhu_fan").show();
$(".lingzhu_shang_id").show();
$(".lian_ji_num").hide();
$(".lian_ji_shang_id").hide();
} else if (value == 9) {
$(".id_stock").hide();
$(".id_lock_is").hide();
$(".id_lock_time").hide();
$(".id_prize_num").hide();
$(".coupon_is").show();
$(".coupon_pro").show();
$(".integral_is").show();
$(".show_is").show();
$(".sale_time").show();
$("#div_daily_xiangou").hide(); // 隐藏每日限购
//2023-11
$(".rage_is").hide();
$(".rage").hide();
$(".item_card_id").hide();
$(".lingzhu_is").hide();
$(".lingzhu_fan").hide();
$(".lingzhu_shang_id").hide();
$(".lian_ji_num").show();
$(".lian_ji_shang_id").show();
} else if (value == 15) {
// 福利屋类型
$(".id_stock").hide(); // 隐藏套数
$(".id_lock_is").hide(); // 隐藏锁箱类型
$(".id_lock_time").hide(); // 隐藏锁箱时间
$(".coupon_is").hide(); // 隐藏发券开关
$(".coupon_pro").hide(); // 隐藏发券概率
$(".integral_is").hide(); // 隐藏发积分开关
$(".id_prize_num").hide();
$(".xiajia-config").hide(); // 隐藏自动下架配置
$("[name='is_auto_xiajia']").parents(".layui-form-item").hide(); // 隐藏自动下架开关
$(".show_is").hide();
// 显示福利屋相关字段
$("#goods_describe_div").show(); // 显示盒子描述
$(".flw_time_config").show(); // 显示福利屋时间配置
$("#div_daily_xiangou").hide(); // 显示每日限购次数
$("#div_quanju_xiangou").show();
// 2023-11
$(".rage_is").hide();
$(".rage").hide();
$(".item_card_id").hide();
$(".lingzhu_is").hide();
$(".lingzhu_fan").hide();
$(".lingzhu_shang_id").hide();
$(".lian_ji_num").hide();
$(".lian_ji_shang_id").hide();
} else if (value == 17) {
$(".id_stock").hide();
$(".id_lock_is").hide();
$(".id_lock_time").hide();
$(".id_prize_num").hide();
$(".coupon_is").hide();
$(".coupon_pro").hide();
$(".integral_is").hide();
$(".show_is").hide();
$(".sale_time").hide();
$(".new_is").hide();
$('.zidongxiajia').hide();
//2023-11
$(".rage_is").hide();
$(".rage").hide();
$(".item_card_id").hide();
$(".lian_ji_num").hide();
$(".lian_ji_shang_id").hide();
$("#div_daily_xiangou").show(); // 显示每日限购
$('.jiesuojine').hide();
}
});
// 自动下架开关切换事件
form.on('radio(autoXiajia)', function (data) {
if (data.value == "1") {
$('.xiajia-config').show();
} else {
$('.xiajia-config').hide();
}
});
// 首抽五折切换事件
form.on('radio(shou_zhe)', function (data) {
// 仅记录选择,不做界面显示变化
console.log('首抽五折设置为:', data.value);
});
//执行实例
upload.render({
accept: 'imgurl'
, elem: '#imgurl' //绑定元素
, url: '/admin/picture' //上传接口
, done: function (res) {
//上传完毕回调
if (res.status == 1) { //成功
layer.msg("上传成功", { icon: 1, time: 1000 }, function () {
$("#imgurl").attr("src", res.data.path); //单图
$("input[name=imgurl]").val(res.data.imgurl);
});
} else { //失败
layer.msg(res.msg, { icon: 2, anim: 6, time: 1500 });
}
}
, error: function () {
//请求异常回调
layer.msg('服务繁忙,请稍后再试', { icon: 2, anim: 6, time: 1500 });
}
});
//执行实例
upload.render({
accept: 'imgurl'
, elem: '#imgurl_detail' //绑定元素
, url: '/admin/picture' //上传接口
, done: function (res) {
//上传完毕回调
if (res.status == 1) { //成功
layer.msg("上传成功", { icon: 1, time: 1000 }, function () {
$("#imgurl_detail").attr("src", res.data.path); //单图
$("input[name=imgurl_detail]").val(res.data.imgurl);
});
} else { //失败
layer.msg(res.msg, { icon: 2, anim: 6, time: 1500 });
}
}
, error: function () {
//请求异常回调
layer.msg('服务繁忙,请稍后再试', { icon: 2, anim: 6, time: 1500 });
}
});
});
function check() {
var url = "{:url('/admin/goods_add')}";
var $ = layui.$;
var load = layer.load(2);
$.post(url, $("form").serialize(), function (data) {
if (data.status == 1) {
layer.msg(data.msg, { icon: 1, time: 1500 }, function () {
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index);
// parent.location.reload();
parent.table.reload('goodsTable');
});
} else {
layer.msg(data.msg, { icon: 2, anim: 6, time: 1500 }, function () {
layer.close(load);
});
}
})
}
</script>
</body>
</html>