building-sign/view/manager/mall/course/add.html

270 lines
16 KiB
HTML
Raw Normal View History

2023-01-09 08:41:41 +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>
<div class="layui-form-item layui-row">
<div class="layui-inline layui-col-md6">
<label class="layui-form-label">教练</label>
<div class="layui-input-block">
<input type="text" name="item[teacher]" placeholder="请输入教练" class="layui-input" value="" maxlength="255">
</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">
<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">
<label class="layui-form-label">包邮</label>
<div class="layui-input-block">
<input type="radio" name="item[postage]" class="layui-input" value="0"
title="是" checked>
<input type="radio" name="item[postage]" class="layui-input" value="1"
title="否">
</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="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">
<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">
<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">
<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 class="layui-inline layui-hide">
<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 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">图片尺寸700*400</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">图片比例750*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">
<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-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">
<!--商品规格选项 data-only 0为仅允许单规格 1位仅允许多规格 不填则两个允许 -->
<div id="fairy-is-attribute" data-only="0"></div>
<!--商品类型选择-->
<div id="fairy-product-type"></div>
<!--商品属性表-->
<!-- <div id="fairy-attribute-table"></div>-->
<!--商品规格表-->
<div id="fairy-spec-table"></div>
<!--商品库存表-->
<div id="fairy-sku-table"></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">
<textarea name="item[content]" class="layui-textarea tinymce-editor"></textarea>
</div>
</div>
</div>
</div>
<div class="pad-15">
<div class="layui-form-item">
<div class="layui-input-block">
<input type="hidden" name="type" value="{$currentType}">
<button class="layui-btn layui-btn-normal" data-url="/manager/mall/course/add" lay-submit
lay-filter="saveBtn">确认保存
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="__MANAGER__/js/mall/course.js?v={:mt_rand()}"></script>
<script src="__MANAGER__/js/mall/sku.js?v={:mt_rand()}"></script>