HaniBlindBox/server/php/app/admin/view/Goods/goods_edit.html
2026-01-01 20:46:07 +08:00

662 lines
39 KiB
HTML
Raw 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"/}
<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: 700px">
{volist name="goodsTypeList" id="vo"}
<input type="radio" value="{$vo.value}" lay-filter="type" class="layui-input"
title="{$vo.fl_name}" disabled {if $type eq $vo.value} 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="否" {if $info.is_shou_zhe eq 0} checked {/if}>
<input type="radio" name="is_shou_zhe" value="1" lay-filter="shou_zhe"
class="layui-input" title="是" {if $info.is_shou_zhe eq 1} checked {/if}>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">盒子名称</label>
<div class="layui-input-inline">
<input type="text" name="title" value="{$info.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" value="{$info.price}" 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="choujiang_xianzhi" value="{$info.choujiang_xianzhi}"
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="请输入盒子描述"
value="{$info.goods_describe}" 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="{$info.sort}" placeholder="请输入排序值"
class="layui-input" style="width: 600px">
</div>
</div>
{if $type eq 15}
<div class="layui-form-item flw_time_config" style="display: block;">
<label class="layui-form-label">开始时间</label>
<div class="layui-input-inline">
<input type="text" name="flw_start_time" id="flw_start_time"
value="{$info.flw_start_time|date='Y-m-d H:i:s'|default=''}"
placeholder="请选择开始时间" class="layui-input" style="width: 600px">
</div>
</div>
<div class="layui-form-item flw_time_config" style="display: block;">
<label class="layui-form-label">结束时间</label>
<div class="layui-input-inline">
<input type="text" name="flw_end_time" id="flw_end_time"
value="{$info.flw_end_time|date='Y-m-d H:i:s'|default=''}"
placeholder="请选择结束时间" class="layui-input" style="width: 600px">
</div>
</div>
<div class="layui-form-item flw_time_config" style="display: block;">
<label class="layui-form-label">开奖时间</label>
<div class="layui-input-inline">
<input type="text" name="open_time" id="open_time"
value="{$info.open_time|date='Y-m-d H:i:s'|default=''}"
placeholder="请选择开奖时间" class="layui-input" style="width: 600px">
</div>
</div>
{/if}
<div class="layui-form-item id_stock">
<label class="layui-form-label">套数</label>
<div class="layui-input-inline">
<input type="text" name="stock" value="{$info.stock}" 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="{$info.quanju_xiangou}"
placeholder="请输入每个箱子的限购次数" class="layui-input" style="width: 600px">
</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="{$info.daily_xiangou|default=0}"
placeholder="请输入每日限购次数" class="layui-input" style="width: 600px">
</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="开启" {if
$info.lock_is eq 1} checked {/if}>
<input type="radio" name="lock_is" value="0" class="layui-input" title="关闭" {if
$info.lock_is eq 0} checked {/if}>
</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="{$info.lock_time}"
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="{$info.prize_num}" 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="开启"
{if $info.coupon_is eq 1} checked {/if}>
<input type="radio" name="coupon_is" value="0" class="layui-input" title="关闭"
{if $info.coupon_is eq 0} checked {/if}>
</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="开启"
{if $info.integral_is eq 1} checked {/if}>
<input type="radio" name="integral_is" value="0" class="layui-input" title="关闭"
{if $info.integral_is eq 0} checked {/if}>
</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="开启" {if
$info.rage_is eq 1} checked {/if}>
<input type="radio" name="rage_is" value="0" class="layui-input" title="关闭" {if
$info.rage_is eq 0} checked {/if}>
</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="{$info.rage}" 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}" {if $info.item_card_id eq $vo.id} selected {/if}>
{$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="开启"
{if $info.lingzhu_is eq 1} checked {/if}>
<input type="radio" name="lingzhu_is" value="0" class="layui-input" title="关闭"
{if $info.lingzhu_is eq 0} checked {/if}>
</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="{$info.lingzhu_fan}"
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}" {if $info.lingzhu_shang_id eq $vo.id} selected
{/if}>{$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="{$info.lian_ji_num}"
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}" {if $info.lian_ji_shang_id eq $vo.id} selected
{/if}>{$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="是" {if
$info.show_is eq 0} checked {/if}>
<input type="radio" name="show_is" value="1" class="layui-input" title="否" {if
$info.show_is eq 1} checked {/if}>
</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="是" {if
$info.new_is eq 1} checked {/if}>
<input type="radio" name="new_is" value="0" class="layui-input" title="否" {if
$info.new_is eq 0} checked {/if}>
</div>
</div>
<div class="layui-form-item">
<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="关闭" {if $info.is_auto_xiajia eq 0} checked {/if}>
<input type="radio" name="is_auto_xiajia" value="1" lay-filter="autoXiajia"
class="layui-input" title="开启" {if $info.is_auto_xiajia eq 1} checked {/if}>
</div>
</div>
<div class="layui-form-item xiajia-config"
{$info['is_auto_xiajia']?'':'style="display:none"'}>
<label class="layui-form-label">下架利润值(%)</label>
<div class="layui-input-inline" style="width: 600px">
<input type="number" name="xiajia_lirun" value="{$info.xiajia_lirun|default=0}" placeholder="请输入下架利润值(百分比,可以为负)" class="layui-input" style="width: 600px">
</div>
</div>
<div class="layui-form-item xiajia-config" {$info['is_auto_xiajia']?'':'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="{$info.xiajia_auto_coushu|default=0}" placeholder="请输入从多少抽数后开始检测" class="layui-input" style="width: 600px">
</div>
</div>
<div class="layui-form-item xiajia-config" {$info['is_auto_xiajia']?'':'style="display:none"'}>
<label class="layui-form-label">下架金额</label>
<div class="layui-input-inline" style="width: 600px">
<input type="number" name="xiajia_jine" value="{$info.xiajia_jine|default=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="{$info.unlock_amount|default=0}"
placeholder="请输入解锁金额0表示无需解锁" class="layui-input" style="width: 600px">
<div class="layui-form-mid layui-word-aux">用户需要消费满此金额才能看到此盒子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="{$info.imgurl}" lay-verify="required"
placeholder="请上传图片" autocomplete="off" class="layui-input">
<img style="float:left;width:120px;" class="" id="imgurl"
src="{:imageUrl($info.imgurl)}">
</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="{$info.imgurl_detail}"
lay-verify="required" placeholder="请上传图片" autocomplete="off"
class="layui-input">
<img style="float:left;width:120px;" class="" id="imgurl_detail"
src="{:imageUrl($info.imgurl_detail)}">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<input type="hidden" name="id" value="{$info.id}">
<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
});
$(function () {
var value = "{$type}";
type_switch(value);
})
// 初始化时间选择器
laydate.render({
elem: '#flw_start_time',
type: 'datetime'
});
laydate.render({
elem: '#flw_end_time',
type: 'datetime'
});
laydate.render({
elem: '#open_time',
type: 'datetime'
});
// 如果是福利屋类型,初始时隐藏自动下架选项
if ({$type} == 15||{$type} == 17) {
$("[name='is_auto_xiajia']").parents(".layui-form-item").hide();
}
form.on('radio(type)', function (data) {
var value = data.value; // 当前选中的value值
type_switch(value);
});
// 首抽五折切换事件
form.on('radio(shou_zhe)', function (data) {
// 仅记录选择,不做界面显示变化
console.log('首抽五折设置为:', data.value);
});
function type_switch(value) {
$('#isshouwchou').show();
$("#goods_describe_div").hide();
$(".lian_ji_num").hide();
$("#goods_describe_div").hide(); // 显示盒子描述
$(".flw_time_config").hide(); // 显示福利屋时间配置
$("#div_daily_xiangou").hide(); // 显示每日限购次数
$("#div_quanju_xiangou").hide();
$('.lingzhu_fan').hide();
$('.lingzhu_shang_id').hide();
$('.lian_ji_num').hide();
$('.lian_ji_shang_id').hide();
$('.jiesuojine').hide();
$('.zidongxiajia').show();
$('.jiesuojine').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();
$(".new_is").show();
$(".sale_time").show();
$("#div_daily_xiangou").show();
$(".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();
$(".new_is").show();
$(".sale_time").hide();
$("#div_daily_xiangou").hide();
$(".rage_is").show();
$(".rage").show();
$(".item_card_id").show();
$(".lingzhu_is").hide();
$(".lingzhu_fan").hide();
$(".lingzhu_shang_id").hide();
$(".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();
$(".new_is").show();
$(".sale_time").hide();
$("#div_daily_xiangou").hide();
$(".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").show();
$(".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) {
$('#isshouwchou').hide();
$("#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();
$(".new_is").show();
$(".sale_time").show();
$("#div_daily_xiangou").show();
$(".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();
$(".new_is").show();
$(".sale_time").show();
$("#div_daily_xiangou").hide();
$(".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();
//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) {
$(".lingzhu_is").hide();
$(".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();
}
});
//执行实例
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_edit')}";
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>