<script type="text/html" template lay-done="layui.data.sendEditParams(d);">
|
<div class="layui-row layui-col-space15">
|
|
<div class="layui-form coreshop-form layui-form-pane" lay-filter="LAY-app-CoreCmsGoods-editForm" id="LAY-app-CoreCmsGoods-editForm">
|
|
<div class="layui-tab layui-tab-card" style="margin: 0 0 10px 0">
|
<ul class="layui-tab-title">
|
<li class="layui-this">基础信息</li>
|
<li>图集/视频</li>
|
<li>货品设置</li>
|
<li>商品详情</li>
|
</ul>
|
<div class="layui-tab-content" style="min-height: 500px;">
|
|
<div class="layui-tab-item layui-show">
|
<input type="hidden" name="goods[id]" id="id" value="{{d.params.data.id }}" />
|
<input type="hidden" name="goods[newSpec]" id="newSpec" value="{{d.params.data.newSpec }}" />
|
<input type="hidden" name="goods[spesDesc]" id="spesDesc" value="{{d.params.data.spesDesc }}" />
|
|
<div class="layui-form-item">
|
<label for="name" class="layui-form-label layui-form-required">商品名称</label>
|
<div class="layui-input-block">
|
<input name="goods[name]" id="name" lay-verType="tips" lay-verify="required|verifyname" value="{{d.params.data.name }}" class="layui-input" lay-reqText="请输入商品名称,不超过200个字符内容" placeholder="请输入商品名称,不超过200个字符内容" />
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label for="goodsCategoryId" class="layui-form-label layui-form-required">商品分类</label>
|
<div class="layui-input-inline layui-inline-6">
|
<div id="goodsCategoryId_SelectCreateTree" class="ew-xmselect-tree" lay-verType="tips" lay-reqText="请选择商品分类"></div>
|
</div>
|
<!-- <div class="layui-form-mid layui-word-aux">
|
<button href="javascript:void(0);" class="add-class layui-btn layui-btn-normal layui-btn-xs">添加分类</button>
|
</div> -->
|
<label class="layui-form-label">扩展分类：</label>
|
<div class="layui-input-inline layui-inline-10">
|
<div id="goodsCategoryIdExtend_SelectCreateTree" class="xm-select-demo"></div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label for="brandId" class="layui-form-label">品牌</label>
|
<div class="layui-input-inline layui-inline-6" id="brandIdView">
|
<select name="goods[brandId]" id="brandId">
|
<option value="0">请选择</option>
|
{{# layui.each(d.params.initdata.brands, function(index, item){ }}
|
<option value="{{ item.id }}" {{item.id===d.params.data.brandId?'selected="selected"':''}}>{{ item.name }}</option>
|
{{# }); }}
|
</select>
|
</div>
|
<!-- <div class="layui-form-mid layui-word-aux">
|
<button href="javascript:void(0);" class="add-brand layui-btn layui-btn-normal layui-btn-xs">添加品牌</button>
|
</div> -->
|
</div>
|
|
<div class="layui-form-item">
|
<label for="bn" class="layui-form-label layui-form-required">商品编码</label>
|
<div class="layui-input-inline layui-inline-6">
|
<input name="goods[bn]" id="bn" lay-verType="tips" lay-verify="required|verifybn" value="{{d.params.data.bn }}" class="layui-input" lay-reqText="请输入商品编码" placeholder="请输入不超过30个字符内容" />
|
</div>
|
<div class="layui-form-mid layui-word-aux">
|
<button href="javascript:void(0);" class="create-bn layui-btn layui-btn-normal layui-btn-xs" lay-active="createbn">生成编码</button>
|
</div>
|
</div>
|
<div class="layui-form-item layui-form-text">
|
<label for="brief" class="layui-form-label layui-form-required">商品简介</label>
|
<div class="layui-input-block">
|
<textarea name="goods[brief]" id="brief" lay-verType="tips" lay-verify="required" class="layui-textarea" lay-reqText="简单的介绍，一般控制在100字以内,请输入不超过255个字符内容" placeholder="简单的介绍，一般控制在100字以内,请输入不超过255个字符内容">{{d.params.data.brief }}</textarea>
|
</div>
|
</div>
|
<fieldset class="layui-elem-field layui-field-title site-title"><legend><a name="compress">其他参数</a></legend></fieldset>
|
|
<div class="layui-form-item">
|
<label for="unit" class="layui-form-label layui-form-required">单位</label>
|
<div class="layui-input-inline layui-inline-2">
|
<input name="goods[unit]" id="unit" lay-verType="tips" lay-verify="required|verifyunit" value="{{d.params.data.unit }}" class="layui-input" lay-reqText="请输入单位" placeholder="请输入单位" />
|
</div>
|
|
<label for="sort" class="layui-form-label layui-form-required">商品排序</label>
|
<div class="layui-input-inline layui-inline-2">
|
<input type="number" min="0" max="999999" name="goods[sort]" id="sort" lay-verType="tips" lay-verify="required|number" class="layui-input" value="{{d.params.data.sort }}" placeholder="请输入商品排序" lay-reqText="请输入商品排序并为数字" />
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label for="initialSales" class="layui-form-label layui-form-required">初始销量</label>
|
<div class="layui-input-inline layui-inline-2">
|
<input type="number" min="0" max="999999" name="goods[initialSales]" id="initialSales" lay-verType="tips" lay-verify="required|number" class="layui-input" value="{{d.params.data.initialSales }}" placeholder="请输入初始销量" lay-reqText="请输入初始销量并为数字" />
|
</div>
|
|
<label for="isMarketable" class="layui-form-label layui-form-required">是否上架</label>
|
<div class="layui-input-inline layui-inline-2">
|
<input type="checkbox" lay-filter="switch" name="goods[isMarketable]" {{d.params.data.isMarketable ?'checked="checked"':'' }} id="isMarketable" lay-skin="switch" lay-text="上架|下架">
|
</div>
|
|
<label for="isRecommend" class="layui-form-label layui-form-required">是否推荐</label>
|
<div class="layui-input-inline layui-inline-2">
|
<input type="checkbox" lay-filter="switch" name="goods[isRecommend]" {{d.params.data.isRecommend ?'checked="checked"':'' }} id="isRecommend" lay-skin="switch" lay-text="是|否">
|
</div>
|
|
|
<label for="isHot" class="layui-form-label layui-form-required">是否热门</label>
|
<div class="layui-input-inline layui-inline-2">
|
<input type="checkbox" lay-filter="switch" name="goods[isHot]" {{d.params.data.isHot ?'checked="checked"':'' }} id="isHot" lay-skin="switch" lay-text="是|否">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label for="isHot" class="layui-form-label layui-form-required">审核状态</label>
|
<div class="layui-input-block">
|
<select name="goods[brandId]" id="brandId">
|
<option value="0">请选择审核状态</option>
|
{{# layui.each(d.params.initdata.auditStatusType, function(index, item){ }}
|
<option value="{{ item.value }}" {{item.value===d.params.data.auditStatus?'selected="selected"':''}}>{{ item.description }}</option>
|
{{# }); }}
|
</select>
|
</div>
|
|
<blockquote class="layui-elem-quote">
|
审核时请注意调整货品设置中的经销商返点数据
|
</blockquote>
|
|
<div class="layui-form-item" >
|
<label for="isHot" class="layui-form-label">修改/拒绝建议</label>
|
<div class="layui-input-block">
|
<textarea style="height: 60px;" class="layui-input" name="goods[auditRejectedReason]" value={{d.params.data.auditRejectedReason??''}}/>
|
|
</div>
|
|
|
|
</div>
|
</div>
|
</div>
|
<div class="layui-tab-item">
|
<blockquote class="layui-elem-quote">
|
请选择小于5M的图片进行裁剪上传
|
</blockquote>
|
|
<fieldset class="layui-elem-field layui-field-title site-title"><legend><a name="compress">封面图</a></legend></fieldset>
|
<div class="layui-form-item">
|
<label class="layui-form-label" for="avatarImage">封面图：</label>
|
<div class="layui-input-inline layui-inline-10">
|
<input name="goods[image]" id="goodImage" lay-verify="required" size="15" value="{{d.params.data.image }}" autocomplete="off" class="layui-input" lay-reqText="请输入【缩略图】" />
|
</div>
|
<div class="layui-input-inline">
|
<div class="layui-upload">
|
<button type="button" class="layui-btn" id="upBtn">裁剪上传</button>
|
<button type="button" class="layui-btn" id="upBtnOriginal">原图上传</button>
|
<div class="layui-upload-list">
|
<img class="layui-upload-img" id="viewImgBox" src="{{d.params.data.image || layui.setter.noImagePicUrl }}">
|
<p id="viewTextBox"></p>
|
</div>
|
</div>
|
</div>
|
</div>
|
<fieldset class="layui-elem-field layui-field-title site-title"><legend><a name="compress">图集</a></legend></fieldset>
|
<div class="layui-form-item">
|
<div class="layui-input-inline layui-inline-10">
|
<input type="hidden" name="goods[images]" id="imageIds" value="{{d.params.data.images }}" class="layui-input" placeholder="请上传缩略图" lay-reqText="请上传缩略图" />
|
<button type="button" class="layui-btn layui-btn-sm" id="upBtnimageIds"><i class="layui-icon"></i>单图裁剪上传</button>
|
<button type="button" class="layui-btn layui-btn-sm" id="upBtnimageIdsOriginal"><i class="layui-icon"></i>单图原图上传</button>
|
<button type="button" class="layui-btn layui-bg-orange layui-btn-sm" id="upBatchBtn"><i class="layui-icon"></i>多图批量上传（未裁剪）</button>
|
</div>
|
<div class="layui-form-mid">
|
图集：[建议数量控制在10张以内]：
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
|
<div class="layui-upload-list" id="upload-more-list"></div>
|
</blockquote>
|
</div>
|
|
<fieldset class="layui-elem-field layui-field-title site-title"><legend><a name="compress">媒体</a></legend></fieldset>
|
<div class="layui-form-item">
|
<label class="layui-form-label" for="video">视频：</label>
|
<div class="layui-input-inline layui-inline-10">
|
<input name="goods[video]" size="15" autocomplete="off" class="layui-input" id="videoInput" value="{{d.params.data.video ||'' }}" lay-reqText="请输入【视频地址】" />
|
</div>
|
<button type="button" class="layui-btn layui-btn-sm" id="upVideoBtn"><i class="layui-icon"></i>上传视频</button>
|
<div class="layui-form-mid">支持常用视频播放格式。</div>
|
</div>
|
</div>
|
|
<div class="layui-tab-item">
|
<div id="product-info">
|
</div>
|
</div>
|
<div class="layui-tab-item">
|
<div class="layui-form-item layui-form-text">
|
<div class="layui-input-block">
|
<div class="document-editor" >
|
<div class="toolbar-container" id="toolbar-container"></div>
|
<div class="content-container">
|
<div id="editor"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</script>
|
<!-- 货品模版-->
|
<script id="getSpec_tpl" type="text/html">
|
<table class="layui-table" lay-size="sm">
|
<colgroup>
|
<col width="150" />
|
<col width="150" />
|
<col width="150" />
|
<col width="150"/>
|
<col width="80" />
|
<col width="80" />
|
<col width="80" />
|
<col width="80" />
|
<col width="80" />
|
<col width="80" />
|
<col width="100" />
|
<col width="100" />
|
|
</colgroup>
|
<thead>
|
<tr>
|
<th>默认货品</th>
|
<th>图片</th>
|
<th>货品编码</th>
|
|
<th>重量(克)</th>
|
<!-- <th>赠送积分</th>
|
<th>积分最大<br />可抵金额</th> -->
|
<th>库存数量</th>
|
<th>冻结库存</th>
|
<th style="width: 60px;">建议零售价</th>
|
<th><i class="required-color">*</i>销售价</th>
|
<th>经销商价</th>
|
<th>结算价</th>
|
|
<th style="width: 60px;">推广经销商采购返现</th>
|
<th>推广用户购买返现</th>
|
|
<!-- <th>二级返现</th>
|
<th>三级返现</th> -->
|
|
|
|
</tr>
|
</thead>
|
<tbody id="productsTbody">
|
{{# layui.each(d.products, function(index, item){ }}
|
<tr>
|
<td>
|
<input type="hidden" value="{{item.id}}" name="product[id][]" />
|
<input
|
type="hidden"
|
value="{{item.goodsId || 0}}"
|
name="product[goodsId][]"
|
/>
|
<input type="checkbox" id="product[{{item.spesDesc}}][isDefalut]"
|
name="product[isDefalut][]" title="是否默认" {{item.isDefalut?
|
'checked="true"':''}} value="{{item.isDefalut? '1':'0'}}"
|
class="isdefalut" lay-filter="isdefalut" disabled>
|
</td>
|
<td class="spec-td">
|
<div
|
class="spec_image"
|
style="display: inline-block;width: 60px;overflow: hidden;"
|
>
|
<div class="spec_image_item">
|
<!--<div class="del-img">
|
x
|
</div>-->
|
<img
|
src="{{ item.images && item.images !='null'? item.images : layui.setter.noImagePicUrl }}"
|
id="productImagesSrc"
|
style="width:60px;height:60px"
|
/>
|
</div>
|
<input
|
type="hidden"
|
id="productImagesInput"
|
name="product[images][]"
|
value="{{item.images}}"
|
/>
|
</div>
|
<div style="display: inline-block;width: 60px;overflow: hidden;">
|
<p>
|
<a
|
class="layui-btn layui-btn-xs upSpecImage"
|
style="margin-bottom: 10px;"
|
href="javascript:;"
|
>裁剪上传</a
|
>
|
</p>
|
<p>
|
<a
|
class="layui-btn layui-btn-xs upSpecImageOriginal"
|
href="javascript:;"
|
>原图上传</a
|
>
|
</p>
|
</div>
|
</td>
|
<td>
|
<input
|
type="text"
|
name="product[sn][]"
|
value="{{item.sn}}"
|
placeholder="货品编码"
|
class="layui-input layui-inline-3"
|
/>
|
</td>
|
|
<td>
|
<input
|
type="number"
|
name="product[weight][]"
|
value="{{item.weight}}"
|
placeholder="重量"
|
class="layui-input layui-inline-1"
|
/>
|
</td>
|
|
<td class="have-add-td">
|
<input
|
type="number"
|
name="product[stock][]"
|
value="{{item.stock}}"
|
placeholder="库存"
|
class="layui-input layui-inline-1 goods-stock"
|
/>
|
</td>
|
<td>{{item.freezeStock}}</td>
|
<td>
|
<input
|
type="text"
|
name="product[mktprice][]"
|
value="{{item.mktprice}}"
|
placeholder="建议零售价"
|
class="layui-input layui-inline-1"
|
/>
|
</td>
|
<td>
|
<input
|
type="text"
|
name="product[price][]"
|
value="{{item.price}}"
|
placeholder="销售价"
|
class="layui-input layui-inline-1"
|
/>
|
</td>
|
<td>
|
<input
|
type="text"
|
name="product[distributionPrice][]"
|
value="{{item.distributionPrice||'0'}}"
|
placeholder="经销商价"
|
class="layui-input layui-inline-1"
|
/>
|
</td>
|
<td>
|
<input
|
type="text"
|
name="product[costprice][]"
|
value="{{item.costprice}}"
|
placeholder="结算价"
|
class="layui-input layui-inline-1"
|
disabled
|
/>
|
</td>
|
|
<td>
|
<input
|
type="text"
|
name="product[distributionCutMoney][]"
|
value="{{item.distributionCutMoney||'0'}}"
|
placeholder="推广经销商采购返现"
|
class="layui-input layui-inline-1"
|
/>
|
</td>
|
<td>
|
<input
|
type="text"
|
name="product[cutMoney][]"
|
value="{{item.cutMoney||'0'}}"
|
placeholder="推广普通用户购买返现"
|
class="layui-input layui-inline-1"
|
/>
|
</td>
|
|
<!-- <td>
|
<input type="text" name="product[levelTwo][]" value="{{item.levelTwo}}" placeholder="二级返现" class="layui-input layui-inline-1">
|
</td>
|
<td>
|
<input type="text" name="product[levelThree][]" value="{{item.levelThree}}" placeholder="三级返现" class="layui-input layui-inline-1">
|
</td> -->
|
|
|
</tr>
|
{{# }); }}
|
</tbody>
|
</table>
|
</script>
|
|
<script id="params_tpl" type="text/html">
|
{{# if(d.goodsParams){ }}
|
<blockquote class="layui-elem-quote">
|
{{# layui.each(d.goodsParams, function(index, item){ }}
|
<div
|
class="layui-form-item"
|
{{#if(item.type
|
&&
|
item.type!="text"
|
){}}
|
pane
|
{{#
|
}
|
}}
|
>
|
<label class="layui-form-label layui-form-required">{{item.name}}</label>
|
<div class="layui-input-block">
|
<input
|
type="hidden"
|
name="paramsKey[{{index}}]"
|
value="{{item.id}}"
|
class="layui-input"
|
/>
|
<input
|
type="hidden"
|
name="paramsType[{{index}}]"
|
value="{{item.type}}"
|
class="layui-input"
|
/>
|
{{# if(item.type && item.type==='radio'){ }}
|
<input
|
type="hidden"
|
name="paramsValueCount[{{index}}]"
|
value="{{layui.coreHelper.stringToArrayLength(item.value)}}"
|
class="layui-input"
|
lay-verify="required"
|
lay-reqText="请选择参数：{{item.name}}"
|
/>
|
{{# layui.each(layui.coreHelper.stringToArray(item.value),
|
function(indexRadio, itemRadio){ }} <input type="radio"
|
name="paramsValue[{{index}}]" value="{{itemRadio}}"
|
title="{{itemRadio}}" {{ setRadioParameters(d.arrParameters, item.id ,
|
itemRadio) ?'checked':'' }} lay-verify="required"
|
lay-reqText="请输入参数：{{item.name}}"> {{# }); }} {{# } else if
|
(item.type && item.type==='checkbox'){ }}
|
<input
|
type="hidden"
|
name="paramsValueCount[{{index}}]"
|
value="{{layui.coreHelper.stringToArrayLength(item.value)}}"
|
class="layui-input"
|
lay-verify="required"
|
lay-reqText="请选择参数：{{item.name}}"
|
/>
|
{{# layui.each(layui.coreHelper.stringToArray(item.value),
|
function(indexCheckbox, itemCheckbox){ }} <input type="checkbox"
|
name="paramsValue[{{index}}][]" value="{{itemCheckbox}}"
|
lay-skin="primary" {{ setCheckboxParameters(d.arrParameters, item.id ,
|
itemCheckbox) ?'checked':'' }} title="{{itemCheckbox}}"
|
value="{{itemCheckbox}}" lay-verify="required"
|
lay-reqText="请选择参数：{{item.name}}"> {{# }); }} {{# } else if
|
(item.type && item.type==='text'){ }}
|
<input
|
type="hidden"
|
name="paramsValueCount[{{index}}]"
|
value="1"
|
class="layui-input"
|
/>
|
<input
|
type="text"
|
name="paramsValue[{{index}}]"
|
value="{{setTextParameters(d.arrParameters, item.id)}}"
|
class="layui-input"
|
lay-verify="required"
|
lay-reqText="请输入参数：{{item.name}}"
|
/>
|
{{# } else { }} {{# } }}
|
</div>
|
</div>
|
{{# }); }}
|
</blockquote>
|
{{# } }}
|
</script>
|
|
|
|
<script id="image_tpl" type="text/html">
|
{{# layui.each(d, function(index, item){ }}
|
<div class="imgdiv">
|
<img
|
src="{{ item }}"
|
class="layui-upload-img"
|
onclick='layui.coreHelper.viewImage("{{ item }}")'
|
style="width: 100px;height:100px;"
|
/>
|
<div id="operate">
|
<div>
|
<a class="del" onclick="delImg(this,'{{ item }}')">删除</a>|<a
|
class="setmain"
|
onclick="setDefault(this,'{{ item }}')"
|
>设为主图</a
|
>
|
</div>
|
</div>
|
</div>
|
{{# }); }}
|
</script>
|
|
<script id="brand_tpl" type="text/html">
|
<select name="goods[brand_id]">
|
<option value="0">请选择品牌</option>
|
{{# layui.each(d.list, function(index, item){ }}
|
<option value="{{ item.id }}">{{ item.name }}</option>
|
{{# }); }}
|
</select>
|
</script>
|
<!--//一键设置SKU图片时自动生成选中的SKU-->
|
<script id="imageSetMoreSku_tpl" type="text/html">
|
{{# layui.each(d, function(index, item){ }}
|
<input
|
type="checkbox"
|
name="skuAttrValue"
|
value="{{item}}"
|
title="{{item}}"
|
lay-filter="skuAttrValue-filter"
|
/>
|
{{# }); }}
|
</script>
|
|
<script src="/views/liao.js"></script>
|
|
<script>
|
var $;
|
var debug = layui.setter.debug;
|
var imgs = [];
|
var thumbnailBtn;
|
var _that = this;
|
var enptyProducts;
|
var oldSingleData = {};
|
var oldMultitermData = [];
|
var tempMultitermData = [];
|
|
layui.data.sendEditParams = function (d) {
|
//开启调试情况下获取接口赋值数据
|
if (debug) {
|
console.log(d);
|
|
}
|
layui.use(
|
[
|
"admin",
|
"form",
|
"laydate",
|
"upload",
|
"coreHelper",
|
"dtree",
|
"view",
|
"laytpl",
|
"xmSelect",
|
"util",
|
"cropperImg",
|
],
|
function () {
|
$ = layui.$;
|
var form = layui.form,
|
admin = layui.admin,
|
laydate = layui.laydate,
|
upload = layui.upload,
|
dtree = layui.dtree,
|
view = layui.view,
|
laytpl = layui.laytpl,
|
xmSelect = layui.xmSelect,
|
util = layui.util,
|
cropperImg = layui.cropperImg,
|
coreHelper = layui.coreHelper;
|
var element = layui.element;
|
|
//加载编辑器
|
var Authorization = layui.data(layui.setter.tableName)[
|
layui.setter.request.tokenName
|
];
|
editor = CKEDITOR.replace("editor", {
|
fileTools_requestHeaders: {
|
Authorization: Authorization,
|
},
|
});
|
editor.setData(d.params.data.intro);
|
|
//初始化图片
|
var defaultImg = "no";
|
if (d.params.data.images) {
|
imgs = d.params.data.images.split(",");
|
defaultImg = imgs[0];
|
$("#imageIds").val(imgs);
|
var getTpl = image_tpl.innerHTML,
|
viewBox = document.getElementById("upload-more-list");
|
laytpl(getTpl).render(imgs, function (html) {
|
viewBox.innerHTML = html;
|
});
|
}
|
|
//初始化已经确认商品SKU
|
if (1) {
|
var tmpData = {
|
products: d.params.data.sku,
|
};
|
|
//赋值商品参数数据
|
var getTpl = getSpec_tpl.innerHTML,
|
viewBox = document.getElementById("product-info");
|
laytpl(getTpl).render(tmpData, function (html) {
|
viewBox.innerHTML = html;
|
});
|
}
|
|
var arrParameters = [];
|
//初始化已经确认商品参数
|
if (false) {
|
if (d.params.data.parameters) {
|
var arr = d.params.data.parameters.split("|");
|
for (var i = 0; i < arr.length; i++) {
|
var arrChild = arr[i].split(":");
|
arrParameters.push(arrChild);
|
}
|
}
|
var tmpData = {
|
goodsParams: d.data.goodsParams,
|
arrParameters: arrParameters,
|
};
|
//赋值商品参数数据
|
var getTpl = params_tpl.innerHTML,
|
viewBox = document.getElementById("parametersBox");
|
laytpl(getTpl).render(tmpData, function (html) {
|
viewBox.innerHTML = html;
|
});
|
}
|
|
//初始化数据
|
enptyProducts = {
|
id: 0,
|
goodsId: 0,
|
isDefalut: true,
|
images: layui.setter.noImagePicUrl,
|
sn: layui.coreHelper.getSN("SN"),
|
spesDesc: "",
|
stock: 1000,
|
pointsDeduction: 0,
|
points: 0,
|
weight: 0,
|
price: 0,
|
costprice: 0,
|
mktprice: 0,
|
levelOne: 0,
|
levelTwo: 0,
|
levelThree: 0,
|
};
|
oldMultitermData =d.params.data.sku;
|
if (d.params.data.openSpec == 1) {
|
oldSingleData = enptyProducts;
|
tempMultitermData = d.data.products;
|
} else {
|
oldSingleData = d.params.data.sku[0];
|
}
|
|
|
/*****************************************************************/
|
|
// 渲染商品分类
|
var insXmSelGoodsCategoryId = xmSelect.render({
|
el: "#goodsCategoryId_SelectCreateTree",
|
height: "250px",
|
data: d.params.initdata.categories.data,
|
initValue: d.params.data ? [d.params.data.goodsCategoryId] : [],
|
//model: { label: { type: 'text' } },
|
name: "goodsCategoryId",
|
prop: {
|
name: "title",
|
value: "id",
|
},
|
layVerify: "required",
|
layVerType: "msg",
|
radio: true,
|
clickClose: true,
|
tree: {
|
show: true,
|
indent: 15,
|
strict: false,
|
expandedKeys: true,
|
},
|
});
|
//渲染商品扩展分类
|
|
var arr = [];
|
if (d.params.data.categoryExtend?.length > 0) {
|
for (var i = 0; i < d.params.data.categoryExtend.length; i++) {
|
arr.push(d.params.data.categoryExtend[i].goodsCategroyId);
|
}
|
}
|
var insXmSelGoodsCategoryIdExtend = xmSelect.render({
|
el: "#goodsCategoryIdExtend_SelectCreateTree",
|
height: "250px",
|
data: d.params.initdata.categories.data,
|
//initValue: mData ? [mData.parentId] : [],
|
//model: { label: { type: 'text' } },
|
name: "goodsCategoryIdExtend",
|
prop: {
|
name: "title",
|
value: "id",
|
},
|
initValue: arr,
|
//layVerify: 'required',
|
//layVerType: 'msg',
|
//radio: false,
|
//clickClose: true,
|
autoRow: true,
|
|
tree: {
|
//是否显示树状结构
|
show: true,
|
//是否展示三角图标
|
showFolderIcon: true,
|
//是否显示虚线
|
showLine: true,
|
//间距
|
indent: 20,
|
//默认展开节点的数组, 为 true 时, 展开所有节点
|
expandedKeys: true,
|
//是否严格遵守父子模式
|
strict: false,
|
//是否开启极简模式
|
simple: false,
|
},
|
});
|
|
var arrParams = [];
|
if (d.params.data.goodsParamsIds) {
|
arrParams = d.params.data.goodsParamsIds.split(",");
|
}
|
|
|
|
|
var arrSku = [];
|
if (d.params.data.goodsSkuIds) {
|
arrSku = d.params.data.goodsSkuIds.split(",");
|
}
|
|
|
|
//封面图图片上传
|
$("#upBtn").click(function () {
|
cropperImg.cropImg({
|
aspectRatio: 1 / 1,
|
imgSrc: $("#viewImgBox").attr("src"),
|
onCrop: function (data) {
|
var loadIndex = layer.load(2);
|
coreHelper.Post(
|
"api/Tools/UploadFilesFByBase64",
|
{ base64: data },
|
function (res) {
|
if (0 === res.code) {
|
$("#viewImgBox").attr("src", res.data.fileUrl);
|
$("#goodImage").val(res.data.fileUrl);
|
layer.msg(res.msg);
|
layer.close(loadIndex);
|
} else {
|
layer.close(loadIndex);
|
layer.msg(res.msg, { icon: 2, anim: 6 });
|
}
|
}
|
);
|
},
|
});
|
form.render();
|
});
|
//普通图片上传
|
upload.render({
|
elem: "#upBtnOriginal",
|
url: layui.setter.apiUrl + "Api/Tools/UploadFiles",
|
before: function (obj) {
|
obj.preview(function (index, file, result) {
|
$("#viewImgBox").attr("src", result);
|
});
|
},
|
done: function (res) {
|
if (res.code > 0) {
|
return layer.msg("上传失败");
|
}
|
layer.msg("上传成功");
|
$("#goodImage").val(res.data.fileUrl);
|
},
|
error: function () {
|
var viewTextBox = $("#viewTextBox");
|
viewTextBox.html(
|
'<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>'
|
);
|
viewTextBox.find(".demo-reload").on("click", function () {
|
uploadInst.upload();
|
});
|
},
|
});
|
// 监听开关切换事件
|
form.on("switch(isCustomizable)", function (data) {
|
var elem = data.elem; // 当前开关元素
|
elem.value = true;
|
});
|
//图集上传
|
$("#upBtnimageIds").click(function () {
|
cropperImg.cropImg({
|
aspectRatio: 1 / 1,
|
imgSrc: defaultImg,
|
onCrop: function (data) {
|
var loadIndex = layer.load(2);
|
coreHelper.Post(
|
"api/Tools/UploadFilesFByBase64",
|
{ base64: data },
|
function (res) {
|
if (0 === res.code) {
|
imgs.push(res.data.fileUrl);
|
$("#imageIds").val(imgs);
|
var getTpl = image_tpl.innerHTML,
|
view = document.getElementById("upload-more-list");
|
laytpl(getTpl).render(imgs, function (html) {
|
view.innerHTML = html;
|
});
|
layer.msg(res.msg);
|
layer.close(loadIndex);
|
} else {
|
layer.close(loadIndex);
|
layer.msg(res.msg, { icon: 2, anim: 6 });
|
}
|
}
|
);
|
},
|
});
|
form.render();
|
});
|
|
//上传图集图图片
|
upload.render({
|
elem: "#upBatchBtn",
|
url: "/api/Tools/UploadFiles", //改成您自己的上传接口
|
multiple: true,
|
accept: "images",
|
exts: "jpg|jpeg|png|gjf|webp|bmp|tif",
|
drag: true,
|
allDone: function (obj) {
|
//var txt = "共选择了 【" + obj.total + "】 张图片，其中，上传成功 【" + obj.successful + "】 张，失败 <span style='color:red'>【" + obj.aborted + "】 </span>张";
|
//$("#tipTxt").html(txt);
|
},
|
before: function (obj) {
|
//预读本地文件示例，不支持ie8
|
obj.preview(function (index, file, result) {
|
$("#upload-more-list").append(
|
'<img src="' +
|
result +
|
'" alt="' +
|
file.name +
|
'" class="layui-upload-img">'
|
);
|
});
|
},
|
done: function (res) {
|
var loadIndex = layer.load(2);
|
//如果上传失败
|
if (res.code > 0) {
|
return layer.msg("上传失败");
|
} else {
|
var url = res.data.src; //缩略图地址
|
var url2 = res.data.fileUrl; //原始图地址
|
|
imgs.push(res.data.src);
|
$("#imageIds").val(imgs);
|
var getTpl = image_tpl.innerHTML,
|
view = document.getElementById("upload-more-list");
|
laytpl(getTpl).render(imgs, function (html) {
|
view.innerHTML = html;
|
});
|
layer.msg(res.msg);
|
layer.close(loadIndex);
|
}
|
},
|
error: function () {
|
//演示失败状态，并实现重传
|
var demoText = $("#demoText");
|
demoText.html(
|
'<span style="color: #FF5722;">上传失败</span><a class= "layui-btn layui-btn-xs demo-reload" > 重试</a > '
|
);
|
demoText.find(".demo-reload").on("click", function () {
|
uploadInst.upload();
|
});
|
},
|
});
|
|
upload.render({
|
elem: "#upBtnimageIdsOriginal",
|
url: layui.setter.apiUrl + "Api/Tools/UploadFiles",
|
before: function (obj) {},
|
done: function (res) {
|
if (res.code > 0) {
|
return layer.msg("上传失败");
|
} else {
|
layer.msg("上传成功");
|
imgs.push(res.data.fileUrl);
|
$("#imageIds").val(imgs);
|
var getTpl = image_tpl.innerHTML,
|
view = document.getElementById("upload-more-list");
|
laytpl(getTpl).render(imgs, function (html) {
|
view.innerHTML = html;
|
});
|
}
|
},
|
error: function () {
|
var viewTextBox = $("#viewTextBox");
|
viewTextBox.html(
|
'<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>'
|
);
|
viewTextBox.find(".demo-reload").on("click", function () {
|
uploadInst.upload();
|
});
|
},
|
});
|
|
//SKU缩略图上传
|
$(".upSpecImage").click(function () {
|
var _that = this;
|
cropperImg.cropImg({
|
aspectRatio: 1 / 1,
|
imgSrc: "no",
|
onCrop: function (data) {
|
var loadIndex = layer.load(2);
|
coreHelper.Post(
|
"api/Tools/UploadFilesFByBase64",
|
{ base64: data },
|
function (res) {
|
if (0 === res.code) {
|
var item = $(_that);
|
item
|
.parent()
|
.parent()
|
.prev()
|
.find("#productImagesInput")
|
.val(res.data.fileUrl);
|
item
|
.parent()
|
.parent()
|
.prev()
|
.find("#productImagesSrc")
|
.attr("src", res.data.fileUrl);
|
|
layer.msg(res.msg);
|
layer.close(loadIndex);
|
} else {
|
layer.close(loadIndex);
|
layer.msg(res.msg, { icon: 2, anim: 6 });
|
}
|
}
|
);
|
},
|
});
|
form.render();
|
});
|
//SKU原图上传
|
$(".upSpecImageOriginal").click(function () {
|
var _that = this;
|
admin.popup({
|
title: "原图上传",
|
area: ["800px", "300px"],
|
id: "LAY-app-CoreCmsCommon-GetNoticeIds",
|
success: function (layero, indexChild) {
|
layui
|
.view(this.id)
|
.render("common/getUpLoad", null)
|
.done(function () {
|
layui.form.on(
|
"submit(LAY-app-getUpLoad-submit)",
|
function (data) {
|
console.log(data);
|
var item = $(_that);
|
item
|
.parent()
|
.parent()
|
.prev()
|
.find("#productImagesInput")
|
.val(data.field.imagesUrl);
|
item
|
.parent()
|
.parent()
|
.prev()
|
.find("#productImagesSrc")
|
.attr("src", data.field.imagesUrl);
|
layer.close(indexChild);
|
}
|
);
|
});
|
},
|
btn: ["确定", "取消"],
|
yes: function (index, layero) {
|
layero.contents().find("#LAY-app-getUpLoad-submit").click();
|
},
|
});
|
form.render();
|
});
|
|
var skuAttrCheckedValue = [];
|
// checkbox 事件
|
form.on("checkbox(skuAttrValue-filter)", function (data) {
|
var elem = data.elem; // 获得 checkbox 原始 DOM 对象
|
|
if (elem.checked && skuAttrCheckedValue.indexOf(elem.value) == -1) {
|
skuAttrCheckedValue.push(elem.value);
|
} else if (
|
!elem.checked &&
|
skuAttrCheckedValue.indexOf(elem.value) > -1
|
) {
|
for (var i = 0; i < skuAttrCheckedValue.length; i++) {
|
if (skuAttrCheckedValue[i] == elem.value) {
|
skuAttrCheckedValue.splice(i, 1);
|
}
|
}
|
}
|
console.log("skuAttrCheckedValue", skuAttrCheckedValue);
|
});
|
|
//SKU缩略图一键上传
|
var uploadInst4 = upload.render({
|
elem: "#uploadImageForMoreSku",
|
url: "/api/Tools/UploadFiles", //改成您自己的上传接口
|
multiple: false,
|
accept: "images",
|
exts: "jpg|jpeg|png|gjf|webp|bmp|tif",
|
drag: true,
|
before: function (obj) {
|
if (!skuAttrCheckedValue) {
|
layer.msg("请先选择一个SKU属性");
|
return false;
|
}
|
},
|
done: function (res) {
|
var loadIndex = layer.load(2);
|
//如果上传失败
|
if (res.code > 0) {
|
return layer.msg("上传失败");
|
} else {
|
var url = res.data.src; //缩略图地址
|
var _that = this.item;
|
if (!skuAttrCheckedValue) {
|
layer.msg("请先选择一个SKU属性");
|
return;
|
}
|
console.log("skuAttrCheckedValue", skuAttrCheckedValue);
|
|
$.each($("#productsTbody tr"), function (i, item) {
|
var tdValue = $(item).find("td:eq(3) input").attr("value");
|
for (var i = 0; i < skuAttrCheckedValue.length; i++) {
|
if (tdValue.indexOf(skuAttrCheckedValue[i]) > -1) {
|
$($(item).find("td:eq(1) .spec_image img")).attr(
|
"src",
|
url
|
);
|
$($(item).find("td:eq(1) .spec_image input")).val(url);
|
}
|
}
|
});
|
|
//var item = $(_that);
|
layer.msg(res.msg);
|
layer.close(loadIndex);
|
}
|
},
|
error: function () {},
|
});
|
|
//表单验证规则
|
form.verify({
|
money: [/((^[1-9]\d*)|^0)(\.\d{0,2}){0,1}$/, "请输入金额"],
|
verifybn: [
|
/^[\S]{0,30}$/,
|
"商品编码最大只允许输入30位字符，且不能出现空格",
|
],
|
verifysn: [
|
/^[\S]{0,30}$/,
|
"货品编码最大只允许输入30位字符，且不能出现空格",
|
],
|
verifyname: [/^.{0,200}$/, "商品名称最大只允许输入200位字符"],
|
verifybrief: [
|
/^.{0,255}$/,
|
"商品简介最大只允许输入255位字符，且不能出现空格",
|
],
|
verifyimageIds: [
|
/^[\S]{0,255}$/,
|
"默认图片 图片id最大只允许输入255位字符，且不能出现空格",
|
],
|
verifyunit: [
|
/^[\S]{0,20}$/,
|
"商品单位最大只允许输入20位字符，且不能出现空格",
|
],
|
verifylabelIds: [
|
/^[\S]{0,50}$/,
|
"标签id逗号分隔最大只允许输入50位字符，且不能出现空格",
|
],
|
});
|
//添加分类
|
$(document).on("click", ".add-class", function () {
|
coreHelper.Post(
|
"Api/CoreCmsGoodsCategory/GetCreate",
|
null,
|
function (e) {
|
if (e.code === 0) {
|
admin.popup({
|
shadeClose: false,
|
title: "添加分类",
|
area: ["700px", "540px"],
|
id: "LAY-popup-CoreCmsGoodsCategory-create",
|
success: function (layero, index) {
|
view(this.id)
|
.render("good/goodscategory/create", { data: e.data })
|
.done(function () {
|
//监听提交
|
form.on(
|
"submit(LAY-app-CoreCmsGoodsCategory-createForm-submit)",
|
function (data) {
|
var field = data.field; //获取提交的字段
|
field.isShow = field.isShow == "on";
|
if (debug) {
|
console.log(field);
|
} //开启调试返回数据
|
//提交 Ajax 成功后，关闭当前弹层并重载表格
|
coreHelper.Post(
|
"Api/CoreCmsGoodsCategory/DoCreate",
|
field,
|
function (e) {
|
if (e.code === 0) {
|
//重新渲染分类下拉
|
insXmSelGoodsCategoryId.update({
|
data: e.data.categories.data,
|
autoRow: true,
|
});
|
insXmSelGoodsCategoryIdExtend.update({
|
data: e.data.categories.data,
|
autoRow: true,
|
});
|
form.render();
|
layer.close(index); //再执行关闭
|
layer.msg(e.msg);
|
} else {
|
layer.msg(e.msg);
|
}
|
}
|
);
|
}
|
);
|
});
|
},
|
btn: ["确定", "取消"],
|
yes: function (index, layero) {
|
layero
|
.contents()
|
.find("#LAY-app-CoreCmsGoodsCategory-createForm-submit")
|
.click();
|
},
|
});
|
} else {
|
layer.msg(e.msg);
|
}
|
}
|
);
|
});
|
//添加sku
|
$(document).on("click", ".add-Sku", function () {
|
coreHelper.Post(
|
"Api/CoreCmsGoodsTypeSpec/GetCreate",
|
null,
|
function (e) {
|
if (e.code === 0) {
|
admin.popup({
|
shadeClose: false,
|
title: "创建数据",
|
area: ["550px", "90%"],
|
id: "LAY-popup-CoreCmsGoodsTypeSpec-create",
|
success: function (layero, index) {
|
view(this.id)
|
.render("good/goodstypespec/create", { data: e.data })
|
.done(function () {
|
//监听提交
|
form.on(
|
"submit(LAY-app-CoreCmsGoodsTypeSpec-createForm-submit)",
|
function (data) {
|
var field = data.field; //获取提交的字段
|
var keys = Object.keys(field);
|
field.value = [];
|
for (var i = 0; i < keys.length; i++) {
|
if (keys[i].indexOf("value") != -1) {
|
var keyName = Object.keys(field)[i];
|
field.value.push(field[keyName]);
|
}
|
}
|
|
if (debug) {
|
console.log(field);
|
} //开启调试返回数据
|
//提交 Ajax 成功后，关闭当前弹层并重载表格
|
coreHelper.Post(
|
"Api/CoreCmsGoodsTypeSpec/DoCreate",
|
field,
|
function (e) {
|
if (e.code === 0) {
|
var ids = insgoodsSKU.getValue();
|
var arrSku = [];
|
if (ids.length > 0) {
|
arrSku = ids;
|
}
|
insgoodsSKU.update({
|
data: e.data.skuList,
|
initValue: arrSku,
|
autoRow: true,
|
});
|
form.render();
|
layer.close(index); //再执行关闭
|
layer.msg(e.msg);
|
} else {
|
layer.msg(e.msg);
|
}
|
}
|
);
|
}
|
);
|
});
|
},
|
btn: ["确定", "取消"],
|
yes: function (index, layero) {
|
layero
|
.contents()
|
.find("#LAY-app-CoreCmsGoodsTypeSpec-createForm-submit")
|
.click();
|
},
|
});
|
} else {
|
layer.msg(e.msg);
|
}
|
}
|
);
|
return false;
|
});
|
|
//添加参数模型
|
$(document).on("click", ".add-goodsParams", function () {
|
coreHelper.Post(
|
"Api/CoreCmsGoodsParams/GetCreate",
|
null,
|
function (e) {
|
if (e.code === 0) {
|
admin.popup({
|
shadeClose: false,
|
title: "创建数据",
|
area: ["550px", "400px"],
|
id: "LAY-popup-CoreCmsGoodsParams-create",
|
success: function (layero, index) {
|
view(this.id)
|
.render("good/goodsparams/create", { data: e.data })
|
.done(function () {
|
//监听提交
|
form.on(
|
"submit(LAY-app-CoreCmsGoodsParams-createForm-submit)",
|
function (data) {
|
var field = data.field; //获取提交的字段
|
|
if (debug) {
|
console.log(field);
|
} //开启调试返回数据
|
//提交 Ajax 成功后，关闭当前弹层并重载表格
|
coreHelper.Post(
|
"Api/CoreCmsGoodsParams/DoCreate",
|
field,
|
function (e) {
|
if (e.code === 0) {
|
var ids = insGoodsParams.getValue();
|
var arrSku = [];
|
if (ids.length > 0) {
|
arrSku = ids;
|
}
|
insGoodsParams.update({
|
data: e.data.paramsList,
|
initValue: arrSku,
|
autoRow: true,
|
});
|
form.render();
|
layer.close(index); //再执行关闭
|
layer.msg(e.msg);
|
} else {
|
layer.msg(e.msg);
|
}
|
}
|
);
|
}
|
);
|
});
|
},
|
btn: ["确定", "取消"],
|
yes: function (index, layero) {
|
layero
|
.contents()
|
.find("#LAY-app-CoreCmsGoodsParams-createForm-submit")
|
.click();
|
},
|
});
|
} else {
|
layer.msg(e.msg);
|
}
|
}
|
);
|
return false;
|
});
|
|
//添加品牌
|
$(document).on("click", ".add-brand", function () {
|
coreHelper.Post("Api/CoreCmsBrand/GetCreate", null, function (e) {
|
if (e.code === 0) {
|
admin.popup({
|
shadeClose: false,
|
title: "添加品牌",
|
area: ["600px", "450px"],
|
id: "LAY-popup-CoreCmsBrand-create",
|
success: function (layero, index) {
|
view(this.id)
|
.render("good/goodsbrand/create", { data: e.data })
|
.done(function () {
|
//监听提交
|
form.on(
|
"submit(LAY-app-CoreCmsBrand-createForm-submit)",
|
function (data) {
|
var field = data.field; //获取提交的字段
|
field.isShow = field.isShow == "on";
|
if (debug) {
|
console.log(field);
|
} //开启调试返回数据
|
//提交 Ajax 成功后，关闭当前弹层并重载表格
|
coreHelper.Post(
|
"Api/CoreCmsBrand/DoCreate",
|
field,
|
function (e) {
|
if (e.code === 0) {
|
//下拉重新赋值
|
var getTpl = brand_tpl.innerHTML,
|
view = document.getElementById("brandIdView");
|
var tmpData = {};
|
tmpData.list = e.data.brands;
|
laytpl(getTpl).render(tmpData, function (html) {
|
view.innerHTML = html;
|
});
|
form.render();
|
layer.close(index); //再执行关闭
|
layer.msg(e.msg);
|
} else {
|
layer.msg(e.msg);
|
}
|
}
|
);
|
}
|
);
|
});
|
},
|
btn: ["确定", "取消"],
|
yes: function (index, layero) {
|
layero
|
.contents()
|
.find("#LAY-app-CoreCmsBrand-createForm-submit")
|
.click();
|
},
|
});
|
} else {
|
layer.msg(e.msg);
|
}
|
});
|
return false;
|
});
|
|
//一键设置
|
$(document).on("click", ".aKeySetBtn", function () {
|
layer.open({
|
type: 1,
|
area: ["700px", "500px"],
|
offset: "50px",
|
title: "一键设置",
|
closeBtn: 1,
|
shadeClose: true,
|
content: $("#batchSetting"),
|
shade: 0,
|
btn: ["关闭"],
|
btn1: function (index, layero) {
|
$("#batchSetting").css("display", "none");
|
layer.closeAll();
|
return false;
|
},
|
btn2: function (index, layero) {
|
$("#batchSetting").css("display", "none");
|
layer.closeAll();
|
return false;
|
},
|
cancel: function (layero, index) {
|
$("#batchSetting").css("display", "none");
|
layer.closeAll();
|
return false;
|
},
|
});
|
});
|
|
//默认货品选择
|
form.on("checkbox(isdefalut)", function (data) {
|
console.log(data.elem.checked);
|
if (data.elem.checked) {
|
var checkedName = $(data.elem).attr("id");
|
$(".isdefalut").each(function (i, dom) {
|
var name = $(dom).attr("id");
|
if (name != checkedName) {
|
$(dom).attr("checked", false);
|
$(dom).attr("value", "0");
|
$("#more_spec_disgoods .layui-form-checkbox").removeClass(
|
"layui-form-checked"
|
);
|
} else {
|
$(dom).attr("checked", true);
|
$(dom).attr("value", "1");
|
}
|
});
|
$(data.othis).addClass("layui-form-checked");
|
} else {
|
$("#more_spec_disgoods .layui-form-checkbox")
|
.first()
|
.addClass("layui-form-checked");
|
$(".isdefalut").first().attr("checked", true);
|
$(".isdefalut").first().attr("value", "1");
|
}
|
form.render();
|
});
|
|
function openSpecBox(is_open) {
|
if (is_open == "0") {
|
$("input[name=openSpec]").val("1");
|
$("#spec_select").show();
|
$("#goodsTypeIdViewBox").show();
|
$("#openSpecBtn").html("取消SKU");
|
console.log("取消SKU");
|
|
if (_that.tempMultitermData.length == 0) {
|
$("#more_spec_disgoods").html("");
|
$("#productsCount").val(0);
|
} else {
|
var getTpl = getSpec_tpl.innerHTML,
|
viewBox = document.getElementById("more_spec_disgoods");
|
laytpl(getTpl).render(_that.tempMultitermData, function (html) {
|
viewBox.innerHTML = html;
|
});
|
$("#productsCount").val(_that.tempMultitermData.length);
|
}
|
} else {
|
$("input[name=openSpec]").val("0");
|
$("#spec_select").hide();
|
$("#goodsTypeIdViewBox").hide();
|
$("#openSpecBtn").html("启用SKU");
|
console.log("启用SKU");
|
|
var arr = [];
|
arr.push(_that.oldSingleData);
|
var getTpl = getSpec_tpl.innerHTML,
|
viewBox = document.getElementById("more_spec_disgoods");
|
laytpl(getTpl).render(arr, function (html) {
|
viewBox.innerHTML = html;
|
});
|
$("#productsCount").val(1);
|
}
|
form.render();
|
}
|
|
//处理属性 为 lay-active 的所有元素事件
|
util.event("lay-active", {
|
doSetGoodsSku: function () {
|
var ids = insgoodsSKU.getValue();
|
if (ids.length <= 0) {
|
layer.msg("请先选择SKU模型");
|
return false;
|
}
|
var delidsStr = [];
|
layui.each(ids, function (index, item) {
|
delidsStr.push(item.id);
|
});
|
|
layer.confirm(
|
"更换SKU模型后，货品需重新生成，确定要更换吗？",
|
{
|
btn: ["确定", "取消"],
|
title: "提示",
|
},
|
function (index) {
|
coreHelper.Post(
|
"Api/CoreCmsGoods/GetSkuDetail",
|
{ id: delidsStr },
|
function (e) {
|
if (debug) {
|
console.log(e);
|
} //开启调试返回数据
|
if (e.data) {
|
//赋值商品参数数据
|
var tmpData = {
|
goodsTypeSpec: e.data.goodsTypeSpec,
|
model: d.data.model,
|
};
|
|
var getTpl = sku_tpl.innerHTML,
|
view = document.getElementById("product-info");
|
laytpl(getTpl).render(tmpData, function (html) {
|
view.innerHTML = html;
|
});
|
if (e.data.goodsTypeSpec.length > 0) {
|
openSpecBox("0");
|
}
|
form.render();
|
}
|
}
|
);
|
layer.close(index);
|
},
|
function () {}
|
);
|
form.render();
|
},
|
doSetGoodsParams: function () {
|
var ids = insGoodsParams.getValue();
|
if (ids.length <= 0) {
|
layer.msg("请先选择参数");
|
return false;
|
}
|
if (d.params.data.parameters) {
|
var arr = d.params.data.parameters.split("|");
|
for (var i = 0; i < arr.length; i++) {
|
var arrChild = arr[i].split(":");
|
arrParameters.push(arrChild);
|
}
|
}
|
var tmpData = { goodsParams: ids, arrParameters: arrParameters };
|
var getTpl = params_tpl.innerHTML,
|
viewBox = document.getElementById("parametersBox");
|
laytpl(getTpl).render(tmpData, function (html) {
|
viewBox.innerHTML = html;
|
});
|
form.render();
|
},
|
doClearGoodsParams: function () {
|
$("#parametersBox").html("");
|
layer.msg("已清空，请重新选择");
|
form.render();
|
},
|
delTr: function () {
|
var delSn = $(this)
|
.parent()
|
.parent("tr")
|
.find("input[name='product[sn][]']")
|
.val();
|
for (var i = 0; i < _that.tempMultitermData.length; i++) {
|
if (_that.tempMultitermData[i].sn == delSn) {
|
_that.tempMultitermData.splice(i, 1);
|
break;
|
}
|
}
|
|
$(this).parent().parent("tr").remove();
|
var productsCount = parseInt($("#productsCount").val());
|
$("#productsCount").val(productsCount - 1);
|
|
var is_open = $("#openSpecInput").val();
|
if (is_open == "0") {
|
_that.oldSingleData = _that.enptyProducts;
|
var arr = [];
|
arr.push(_that.oldSingleData);
|
var getTpl = getSpec_tpl.innerHTML,
|
viewBox = document.getElementById("more_spec_disgoods");
|
laytpl(getTpl).render(arr, function (html) {
|
viewBox.innerHTML = html;
|
});
|
$("#productsCount").val(1);
|
}
|
form.render();
|
},
|
createbn: function () {
|
var bn = layui.coreHelper.getSN("BN");
|
$("#bn").val(bn);
|
},
|
createSn: function () {
|
var sn = layui.coreHelper.getSN("SN");
|
$("#sn").val(sn);
|
},
|
openSpecBtn: function () {
|
var index = layer.load();
|
var is_open = $("#openSpecInput").val();
|
openSpecBox(is_open);
|
layer.close(index);
|
},
|
getGenerateSpecBtn: function () {
|
var list = $("#spec_select input[type=checkbox]:checked");
|
console.log(list);
|
if (list.length > 0) {
|
var array = $("#spec_form").serializeArray();
|
coreHelper.Post(
|
"Api/CoreCmsGoods/GetSpecHtml",
|
{ entity: array },
|
function (e) {
|
if (debug) {
|
console.log(e);
|
} //开启调试返回数据
|
if (e.code == 0) {
|
//批量设置sku图片
|
if (e.data.skuArray) {
|
//生成一键SKU上传图片的内容
|
var tmpData2 = e.data.skuArray;
|
var getTpl2 = imageSetMoreSku_tpl.innerHTML,
|
view2 = document.getElementById("skuSetImage");
|
laytpl(getTpl2).render(tmpData2, function (html) {
|
view2.innerHTML = html;
|
});
|
form.render("radio");
|
}
|
|
//赋值数据
|
var getTpl = getSpec_tpl.innerHTML,
|
view = document.getElementById("more_spec_disgoods");
|
var tmpData = [];
|
|
var skuArray = e.data.skuArray;
|
var oldData = _that.tempMultitermData;
|
var oldHaveDefault = false;
|
|
if (oldData) {
|
for (var i = 0; i < oldData.length; i++) {
|
if (skuArray.indexOf(oldData[i].spesDesc) != -1) {
|
tmpData.push(oldData[i]);
|
if (oldData[i].isDefalut) {
|
oldHaveDefault = true;
|
}
|
}
|
}
|
}
|
if (e.data.products) {
|
for (var i = 0; i < e.data.products.length; i++) {
|
e.data.products[i].isDefalut = false;
|
//e.data.products[i].sn = layui.coreHelper.getSN('SN');
|
tmpData.push(e.data.products[i]);
|
}
|
}
|
if (tmpData && !oldHaveDefault) {
|
tmpData[0].isDefalut = true;
|
}
|
_that.tempMultitermData = tmpData;
|
console.log(_that.tempMultitermData);
|
laytpl(getTpl).render(tmpData, function (html) {
|
view.innerHTML = html;
|
});
|
$("#spesDesc").val(e.data.selectSpecStr);
|
$("#newSpec").val(e.data.newSpecStr);
|
$("#productsCount").val(tmpData.length);
|
|
//SKU缩略图上传
|
$(".upSpecImage").click(function () {
|
var _that = this;
|
cropperImg.cropImg({
|
aspectRatio: 1 / 1,
|
imgSrc: "no",
|
onCrop: function (data) {
|
var loadIndex = layer.load(2);
|
coreHelper.Post(
|
"api/Tools/UploadFilesFByBase64",
|
{ base64: data },
|
function (res) {
|
if (0 === res.code) {
|
var item = $(_that);
|
item
|
.parent()
|
.parent()
|
.prev()
|
.find("#productImagesInput")
|
.val(res.data.fileUrl);
|
item
|
.parent()
|
.parent()
|
.prev()
|
.find("#productImagesSrc")
|
.attr("src", res.data.fileUrl);
|
|
layer.msg(res.msg);
|
layer.close(loadIndex);
|
} else {
|
layer.close(loadIndex);
|
layer.msg(res.msg, { icon: 2, anim: 6 });
|
}
|
}
|
);
|
},
|
});
|
});
|
|
//SKU原图上传
|
$(".upSpecImageOriginal").click(function () {
|
var _that = this;
|
admin.popup({
|
title: "原图上传",
|
area: ["800px", "300px"],
|
id: "LAY-app-CoreCmsCommon-GetNoticeIds",
|
success: function (layero, indexChild) {
|
layui
|
.view(this.id)
|
.render("common/getUpLoad", null)
|
.done(function () {
|
layui.form.on(
|
"submit(LAY-app-getUpLoad-submit)",
|
function (data) {
|
console.log(data);
|
var item = $(_that);
|
item
|
.parent()
|
.parent()
|
.prev()
|
.find("#productImagesInput")
|
.val(data.field.imagesUrl);
|
item
|
.parent()
|
.parent()
|
.prev()
|
.find("#productImagesSrc")
|
.attr("src", data.field.imagesUrl);
|
layer.close(indexChild);
|
}
|
);
|
});
|
},
|
btn: ["确定", "取消"],
|
yes: function (index, layero) {
|
layero
|
.contents()
|
.find("#LAY-app-getUpLoad-submit")
|
.click();
|
},
|
});
|
});
|
|
layer.msg("Sku列表获取成功");
|
} else {
|
layer.msg(e.msg, { icon: 5, anim: 6 });
|
}
|
form.render();
|
}
|
);
|
return false;
|
} else {
|
layer.msg("请选择Sku具体明细");
|
return false;
|
}
|
return false;
|
},
|
});
|
|
//视频上传
|
var uploadInst = upload.render({
|
elem: "#upVideoBtn",
|
accept: "video",
|
url: layui.setter.apiUrl + "Api/Tools/UploadFiles",
|
before: function (obj) {
|
obj.preview(function (index, file, result) {
|
layer.msg("上传中", { icon: 16, shade: 0.4 });
|
});
|
},
|
done: function (res) {
|
layer.closeAll("loading"); //关闭加载层
|
if (res.code > 0) {
|
return layer.msg("上传失败");
|
}
|
layer.msg("上传成功");
|
$("#videoInput").val(res.data.fileUrl);
|
},
|
error: function () {},
|
});
|
|
form.on(
|
"submit(LAY-app-CoreCmsGoods-editForm-submit)",
|
function (data) {
|
var field = data.field; //获取提交的字段
|
|
field["goods[isNomalVirtual]"] =
|
field["goods[isNomalVirtual]"] == "on";
|
field["goods[isMarketable]"] = field["goods[isMarketable]"] == "on";
|
field["goods[isRecommend]"] = field["goods[isRecommend]"] == "on";
|
field["goods[isHot]"] = field["goods[isHot]"] == "on";
|
field["goods[isDel]"] = field["goods[isDel]"] == "on";
|
field["goods[goodsCategoryId]"] = field.goodsCategoryId;
|
if (!!!field["goods[goodsCategoryId]"]) {
|
layer.msg("请选择商品栏目");
|
return false;
|
}
|
field.goodsCategoryExtendIds = field.goodsCategoryIdExtend;
|
var keys = Object.keys(field);
|
var keysCount = 0;
|
for (var i = 0; i < keys.length; i++) {
|
if (keys[i].indexOf("paramsKey") != -1) {
|
keysCount++;
|
}
|
}
|
//组合参数
|
if (keysCount > 0) {
|
var str = "";
|
for (var i = 0; i < keysCount; i++) {
|
var keyName = "paramsKey[" + i + "]";
|
var keyValue = "paramsValue[" + i + "]";
|
var keyType = "paramsType[" + i + "]";
|
var keyValueCount = "paramsValueCount[" + i + "]";
|
if (field[keyType] === "checkbox") {
|
var childCount = parseInt(field[keyValueCount]);
|
var value = "";
|
if (childCount > 0) {
|
for (var j = 0; j < childCount; j++) {
|
var valueName = "paramsValue[" + i + "][" + j + "]";
|
if (field[valueName]) {
|
value += field[valueName] + ",";
|
}
|
}
|
value = value.substr(0, value.length - 1);
|
str += field[keyName] + ":" + value + "|";
|
} else {
|
if (field[keyValue]) {
|
str += field[keyName] + ":" + field[keyValue] + "|";
|
} else {
|
str += field[keyName] + ":|";
|
}
|
}
|
} else {
|
if (field[keyValue]) {
|
str += field[keyName] + ":" + field[keyValue] + "|";
|
} else {
|
str += field[keyName] + ":|";
|
}
|
}
|
field["goods[parameters]"] = str.substr(0, str.length - 1);
|
}
|
}
|
//组合json实体并提交api
|
//商品实体数据
|
var goods = {};
|
goods.bn = field["goods[bn]"];
|
goods.id = field["goods[id]"];
|
goods.brandId = field["goods[brandId]"];
|
goods.brief = field["goods[brief]"];
|
goods.costprice = field["goods[costprice]"];
|
goods.goodsCategoryId = field["goods[goodsCategoryId]"];
|
goods.goodsTypeId = field["goods[goodsTypeId]"];
|
|
goods.goodsSkuIds = field.goodsSkuIds;
|
goods.goodsParamsIds = field.goodsParamsIds;
|
|
goods.images = field["goods[images]"];
|
goods.image = field["goods[image]"];
|
goods.video = field["goods[video]"];
|
|
goods.intro = window.editor.getData();
|
if (!!!goods.intro) {
|
layer.msg("商品详情不能为空", { icon: 5 });
|
return false;
|
}
|
goods.isDel = field["goods[isDel]"];
|
goods.isHot = field["goods[isHot]"];
|
goods.isMarketable = field["goods[isMarketable]"];
|
goods.isNomalVirtual = field["goods[isNomalVirtual]"];
|
goods.isRecommend = field["goods[isRecommend]"];
|
goods.mktprice = field["goods[mktprice]"];
|
goods.name = field["goods[name]"];
|
goods.newSpec = field["goods[newSpec]"];
|
goods.parameters = field["goods[parameters]"];
|
// goods.productsDistributionType = field['goods[productsDistributionType]'];
|
goods.price = field["goods[price]"];
|
goods.sn = field["goods[sn]"];
|
goods.sort = field["goods[sort]"];
|
goods.initialSales = field["goods[initialSales]"];
|
goods.spesDesc = field["goods[spesDesc]"];
|
goods.stock = field["goods[stock]"];
|
goods.unit = field["goods[unit]"];
|
goods.weight = field["goods[weight]"];
|
|
goods.openSpec = parseInt(field.openSpec);
|
//多参数产品库生成列表集合
|
var products = [];
|
console.log("生成集合");
|
var productsCount = parseInt(field["productsCount"]);
|
for (var i = 0; i < productsCount; i++) {
|
var productModel = {};
|
productModel.id = field["product[id][" + i + "]"];
|
if (field["product[goodsId][" + i + "]"]) {
|
productModel.goodsId = field["product[goodsId][" + i + "]"];
|
} else {
|
productModel.goodsId = 0;
|
}
|
productModel.costprice = field["product[costprice][" + i + "]"];
|
productModel.images = field["product[images][" + i + "]"];
|
if (field["product[isDefalut][" + i + "]"] == "1") {
|
productModel.isDefalut = true;
|
} else {
|
productModel.isDefalut = false;
|
}
|
productModel.mktprice = field["product[mktprice][" + i + "]"];
|
productModel.price = field["product[price][" + i + "]"];
|
productModel.sn = field["product[sn][" + i + "]"];
|
productModel.spesDesc = field["product[spesDesc][" + i + "]"];
|
productModel.stock = field["product[stock][" + i + "]"];
|
productModel.weight = field["product[weight][" + i + "]"];
|
productModel.levelOne = field["product[levelOne][" + i + "]"];
|
productModel.levelTwo = field["product[levelTwo][" + i + "]"];
|
productModel.levelThree = field["product[levelThree][" + i + "]"];
|
productModel.pointsDeduction =
|
field["product[pointsDeduction][" + i + "]"];
|
productModel.points = field["product[points][" + i + "]"];
|
//添加 百分兵法
|
productModel.isCustomizable =
|
field["product[isCustomizable][" + i + "]"];
|
productModel.distributionPrice =
|
field["product[distributionPrice][" + i + "]"];
|
productModel.distributionCutMoney =
|
field["product[distributionCutMoney][" + i + "]"];
|
productModel.cutMoney = field["product[cutMoney][" + i + "]"];
|
products.push(productModel);
|
}
|
//会员价格模型
|
var gradePrice = [];
|
if (field.gradeCount != "0") {
|
var gradeCount = parseInt(field["gradeCount"]);
|
for (var i = 0; i < gradeCount; i++) {
|
var gradePriceChild = {};
|
gradePriceChild.key = field["gradePrice[key][" + i + "]"];
|
gradePriceChild.value = field["gradePrice[value][" + i + "]"];
|
gradePrice.push(gradePriceChild);
|
}
|
}
|
if (debug) {
|
console.log(field);
|
} //开启调试返回数据
|
var postData = {
|
goods: goods,
|
products: products,
|
gradePrice: gradePrice,
|
goodsCategoryExtendIds: field.goodsCategoryExtendIds,
|
};
|
if (debug) {
|
console.log(postData);
|
} //开启调试返回数据
|
//return false;
|
//提交 Ajax 成功后，关闭当前弹层并重载表格
|
coreHelper.Post("Api/CoreCmsGoods/DoEdit", postData, function (e) {
|
console.log(e);
|
if (e.code === 0) {
|
layer.msg(e.msg, { time: 1000 }, function () {
|
location.hash = "/good/goods/";
|
});
|
} else {
|
layer.msg(e.msg);
|
}
|
});
|
}
|
);
|
|
form.render();
|
}
|
);
|
};
|
|
//删除图片
|
function delImg(obj, imageUrl) {
|
var imgDiv = $(obj).parent().parent().parent();
|
imgDiv.remove();
|
var index = imgs.indexOf(imageUrl);
|
if (index > -1) {
|
imgs.splice(index, 1);
|
}
|
$("#imageIds").val(imgs);
|
}
|
//设为默认图
|
function setDefault(obj, imageUrl) {
|
var imgDiv = $(obj).parent().parent().parent();
|
$("#upload-more-list").prepend(imgDiv);
|
var index = imgs.indexOf(imageUrl);
|
if (index > -1) {
|
imgs.unshift(imgs.splice(index, 1)[0]);
|
}
|
$("#imageIds").val(imgs);
|
}
|
//获取设置参数文字内容
|
function setTextParameters(parameters, id) {
|
if (parameters) {
|
for (var i = 0; i < parameters.length; i++) {
|
if (parameters[i][0] == id) {
|
return parameters[i][1];
|
}
|
}
|
}
|
return "";
|
}
|
//获取设置参数单选内容
|
function setRadioParameters(parameters, id, value) {
|
if (parameters) {
|
for (var i = 0; i < parameters.length; i++) {
|
if (parameters[i][0] == id && parameters[i][1] == value) {
|
return true;
|
}
|
}
|
}
|
return false;
|
}
|
//获取设置参数复选框内容
|
function setCheckboxParameters(parameters, id, value) {
|
if (parameters) {
|
for (var i = 0; i < parameters.length; i++) {
|
if (parameters[i][0] == id) {
|
var arr = parameters[i][1].split(",");
|
for (var j = 0; j < arr.length; j++) {
|
if (value == arr[j]) {
|
return true;
|
}
|
}
|
}
|
}
|
}
|
return false;
|
}
|
|
//判断SKU是否选中
|
function isSelectedTypeSpec(parameters, id, value) {
|
if (parameters) {
|
var arr = parameters.split("|");
|
for (var i = 0; i < arr.length; i++) {
|
var str = id + "&&" + value;
|
var child = arr[i].split(":");
|
if (child[0] === str) {
|
return true;
|
}
|
}
|
return false;
|
}
|
return false;
|
}
|
function getSelectedTypeSpecValue(parameters, id, value) {
|
if (parameters) {
|
var arr = parameters.split("|");
|
for (var i = 0; i < arr.length; i++) {
|
var child = arr[i].split(":");
|
if (child[0] === id.toString()) {
|
return child[1];
|
}
|
}
|
return value;
|
}
|
return value;
|
}
|
|
function oneKeySet(tag) {
|
var curValue = 0;
|
if (tag == 4) {
|
curValue = $("#oneKeySetWeight").val();
|
} else if (tag == 5) {
|
curValue = $("#oneKeySetPoints").val();
|
} else if (tag == 6) {
|
curValue = $("#oneKeySetPointsDeduction").val();
|
} else if (tag == 8) {
|
curValue = $("#oneKeySetPrice").val();
|
} else if (tag == 9) {
|
curValue = $("#oneKeySetCostPrice").val();
|
} else if (tag == 10) {
|
curValue = $("#oneKeySetMktPrice").val();
|
} else if (tag == 7) {
|
curValue = $("#oneKeySetStock").val();
|
} else if (tag == 11) {
|
curValue = $("#oneKeySetLevelOne").val();
|
} else if (tag == 12) {
|
curValue = $("#oneKeySetLevelTwo").val();
|
} else if (tag == 13) {
|
curValue = $("#oneKeySetLevelThree").val();
|
}
|
|
curValue = $.trim(curValue);
|
|
if (isNaN(curValue) || !curValue) {
|
layer.msg("请输入数字");
|
return;
|
}
|
|
$.each($("#productsTbody tr"), function (i, item) {
|
$($(item).find("td:eq(" + tag + ") input")).val(curValue);
|
});
|
}
|
</script>
|
