caipan_shop_admin/view/manager/mall/spu/add.html

301 lines
18 KiB
HTML
Raw Normal View History

2022-05-25 11:35:57 +00:00
{layout name="manager/layout" /}
<style>
.w-e-text-container{
height: 600px !important;/*原div是行内样式设置的高度300px*/
}
</style>
<div class="layuimini-container location-operate-page">
<div class="layuimini-main">
<div class="layui-form layuimini-form">
<div class="layui-tab layui-tab-card form-tab-card">
<ul class="layui-tab-title">
<li class="layui-this">基本信息</li>
<li>规格信息</li>
<li>商品详情</li>
</ul>
<div class="layui-tab-content pad-15">
<!-- 基本信息 -->
<div class="layui-tab-item layui-show">
<!-- 分类 -->
<div class="layui-form-item layui-col-md6">
<label class="layui-form-label required">分类</label>
<div class="layui-input-block">
<div id="parent-category" data-list="{$categoryJson ?? ''}"></div>
</div>
</div>
<div class="layui-form-item layui-row">
<div class="layui-inline layui-col-md6">
<label class="layui-form-label required">商品名称</label>
<div class="layui-input-block">
<input type="text" name="item[name]" placeholder="请输入商品名称" class="layui-input" value=""
maxlength="250">
</div>
</div>
<div class="layui-inline layui-col-md6">
<label class="layui-form-label">商品副标</label>
<div class="layui-input-block">
<input type="text" name="item[subtitle]" placeholder="请输入商品副标题" class="layui-input"
value="" maxlength="1000">
</div>
</div>
<div class="layui-inline layui-col-md6">
<label class="layui-form-label">单位</label>
<div class="layui-input-block">
<input type="text" name="item[unit]" placeholder="请输入商品计量单位" class="layui-input"
value="" >
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-inline">
<label class="layui-form-label">限购周期</label>
<div class="layui-input-block">
<input type="number" name="item[limit_time]" placeholder="30 表示30天内限购X件" class="layui-input"
value="{$item.limit_time ?? 0}">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">限购数量</label>
<div class="layui-input-block">
<input type="number" name="item[limit_num]" placeholder="请输入限购数量" class="layui-input"
value="{$item.limit_num ?? 0}">
</div>
</div>
<div class="layui-inline">
<label class="layui-input-block"> (周期单位天 0不限)</label>
</div>
</div>
<div class="layui-form-item layui-row layui-hide">
<div class="layui-inline layui-col-md1">
<label class="layui-form-label">初始销量</label>
<div class="layui-input-block">
<input type="text" name="item[init_amount]" placeholder="请输入商品初始销量" class="layui-input"
value="0">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label required">商品状态</label>
<div class="layui-input-block">
{foreach $statusList as $status => $name}
<input type="radio" name="item[saleable]" class="layui-input" value="{$status}"
title="{$name}" {if $status== 1} checked {/if}>
{/foreach}
</div>
</div>
<div class="layui-inline layui-hide">
<label class="layui-form-label">推荐至热门</label>
<div class="layui-input-block">
<input type="radio" name="item[is_hot]" class="layui-input" value="1"
title="是">
<input type="radio" name="item[is_hot]" class="layui-input" value="0"
title="否" checked>
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<div class="layui-inline layui-hide">
<label class="layui-form-label">包邮</label>
<div class="layui-input-block">
<input type="radio" name="item[has_postage]" class="layui-input" value="0"
title="是" checked>
<input type="radio" name="item[has_postage]" class="layui-input" value="1"
title="否">
</div>
</div>
<div class="layui-inline ">
<label class="layui-form-label">商品属性</label>
<div class="layui-input-block">
{foreach $spuTypeList as $key => $val}
<input type="radio" name="item[spu_type]" class="layui-input" value="{$key}"
title="{$val}" {if $key== 'entity'} checked {/if}>
{/foreach}
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">首页推荐</label>
<div class="layui-input-block">
<input type="radio" name="item[is_home]" class="layui-input" value="1"
title="是">
<input type="radio" name="item[is_home]" class="layui-input" value="0"
title="否" checked>
</div>
</div>
<div class="layui-inline layui-hide">
<label class="layui-form-label">首页展示</label>
<div class="layui-input-block">
<input type="radio" name="item[home_display]" class="layui-input" value="big"
title="大图">
<input type="radio" name="item[home_display]" class="layui-input" value="normal"
title="小图" checked>
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline layui-hide">
<label class="layui-form-label required">核验方式</label>
<div class="layui-input-block">
<input type="radio" name="item[check_type]" class="layui-input" value="none" title="无需核验" checked>
<input type="radio" name="item[check_type]" class="layui-input" value="frontend" title="前端核验">
<input type="radio" name="item[check_type]" class="layui-input" value="backend" title="后台核验">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label required">发布时间</label>
<div class="layui-input-block">
<input type="text" name="item[published_at]" class="layui-input"
value="{:date('Y-m-d H:i:s')}" id="published-at">
</div>
</div>
</div>
<div class="layui-form-item layui-row">
<label class="layui-form-label required">封面图</label>
<div class="layui-inline layui-col-xs12 layui-col-md8">
<div class="layui-row upload-file-div">
<div class=" layui-col-xs12 layui-col-md8">
<input class="layui-input upload-file-value" name="item[cover]" type="text" value="{$item.cover ?? ''}">
<div class="layui-form-mid layui-word-aux">图片尺寸350px*320px</div>
</div>
<div class="layui-col-xs12 layui-col-md3">
<span>
<button type="button" class="layui-btn layui-btn-danger upload-btn">
<i class="fa fa-upload"></i> 上传
</button>
</span>
<span>
<button type="button" class="layui-btn layui-btn-primary upload-choose-btn"
data-type="image" data-multiple="false"><i
class="fa fa-list"></i> 选择
</button>
</span>
</div>
<ul class="layui-row layui-col-xs12 layui-col-md9 preview-list layui-col-space5"></ul>
</div>
</div>
</div>
<div class="layui-form-item layui-row">
<label class="layui-form-label required">轮播图</label>
<div class="layui-inline layui-col-xs12 layui-col-md8">
<div class="layui-row upload-file-div">
<div class=" layui-col-xs12 layui-col-md8">
<input class="layui-input upload-file-value" name="item[images]" type="text"
value="{$item.images ?? ''}">
<div class="layui-form-mid layui-word-aux">图片比例5:4 尺寸至少500*400</div>
</div>
<div class="layui-col-xs12 layui-col-md3">
<span>
<button type="button" class="layui-btn layui-btn-danger upload-btn" data-multiple="true">
<i class="fa fa-upload"></i> 上传
</button>
</span>
<span>
<button type="button" class="layui-btn layui-btn-primary upload-choose-btn"
data-type="image" data-multiple="true"><i
class="fa fa-list"></i> 选择
</button>
</span>
</div>
<ul class="layui-row layui-col-xs12 layui-col-md9 preview-list layui-col-space5"></ul>
</div>
</div>
</div>
<div class="layui-form-item layui-row layui-hide">
<label class="layui-form-label required">视频上传</label>
<div class="layui-inline layui-col-xs12 layui-col-md8">
<div class="layui-row upload-file-div">
<div class=" layui-col-xs12 layui-col-md8">
<input class="layui-input upload-file-value" name="item[video]" type="text" value="{$item.cover ?? ''}">
</div>
<div class="layui-col-xs12 layui-col-md3">
<span>
<button type="button" class="layui-btn layui-btn-danger upload-btn" data-url="/manager/upload/video" data-field="video_video"
data-accept="video" data-mimetype="video/*" data-exts="mp4|ogv|webm">
<i class="fa fa-upload"></i> 上传
</button>
</span>
<span>
<button type="button" class="layui-btn layui-btn-primary upload-choose-btn"
data-url="/manager/attachment/video" data-type="video" data-multiple="false"><i
class="fa fa-list"></i> 选择
</button>
</span>
</div>
<ul class="layui-row layui-col-xs12 layui-col-md9 preview-list layui-col-space5"></ul>
</div>
</div>
</div>
</div>
<!-- 规格参数 -->
<div class="layui-tab-item">
<!--商品规格选项-->
<div id="fairy-is-attribute"></div>
<!--商品类型选择-->
<div id="fairy-product-type"></div>
<!--商品属性表-->
<!-- <div id="fairy-attribute-table"></div>-->
<!--商品规格表-->
<div id="fairy-spec-table"></div>
<!--商品库存表-->
<div id="fairy-sku-table" data-multi="0"></div>
<!-- <div class="layui-form-item">-->
<!-- <div class="layui-input-block">-->
<!-- <button class="layui-btn" lay-submit lay-filter="submit">立即提交</button>-->
<!-- <button type="reset" class="layui-btn layui-btn-primary">重置</button>-->
<!-- </div>-->
<!-- </div>-->
</div>
<!-- 商品详情 -->
<div class="layui-tab-item">
<div class="layui-form-item field-div">
<label class="layui-form-label required">商品详情</label>
<div class="layui-input-block editor-text">
<div class="editor"></div>
<textarea name="item[content]" class="layui-textarea layui-hide"></textarea>
</div>
</div>
</div>
</div>
<div class="pad-15">
<div class="layui-form-item">
<div class="layui-input-block">
<input type="hidden" id="item-id" value="{$item.id ?? 0}">
<input type="hidden" id="is-score" value="{$isScore ?? 0}">
<input type="hidden" name="type" value="{$type ?? ''}">
<button class="layui-btn layui-btn-normal" data-url="/manager/mall/spu/add" lay-submit
lay-filter="saveBtn">确认保存
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="__MANAGER__/js/mall/spu.js?v={:mt_rand()}"></script>
<script src="__MANAGER__/js/mall/sku.js?v={:mt_rand()}"></script>