|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="layui-row layui-col-space10 layui-form-item"> | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <div class="layui-col-lg6"> | 
|---|
|  |  |  | <label class="layui-form-label febs-form-item-require">商品分类:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <!--                                                    <select name="categoryId" class="categary-addPeoduct">--> | 
|---|
|  |  |  | <!--                                                        <option value="">请选择</option>--> | 
|---|
|  |  |  | <!--                                                    </select>--> | 
|---|
|  |  |  | <div id="goods-category"></div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="layui-col-lg6"> | 
|---|
|  |  |  | <label class="layui-form-label">是否主推:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <input type="radio" name="isHot" value="1" title="是"  /> | 
|---|
|  |  |  | <input type="radio" name="isHot" value="2" title="否"  checked /> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <input type="text" name="unit" lay-verify="required" placeholder="" | 
|---|
|  |  |  | autoComplete="off" class="layui-input"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="layui-col-lg6"> | 
|---|
|  |  |  | <label class="layui-form-label febs-form-item-require">重量:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <input type="text" name="goodsWeight"  lay-verify="required" placeholder="" autocomplete="off" class="layui-input"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | <select name="isNormal" class="goods-type" | 
|---|
|  |  |  | lay-filter="goods-type-select"> | 
|---|
|  |  |  | <option value="1">普通商品区</option> | 
|---|
|  |  |  | <option value="2">套餐区</option> | 
|---|
|  |  |  | <!--                                                    <option value="2">套餐区</option>--> | 
|---|
|  |  |  | </select> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <label class="layui-form-label">商品参数:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <label> | 
|---|
|  |  |  | <textarea name="goodsParameter" rows="5" autoComplete="off" | 
|---|
|  |  |  | class="layui-textarea"></textarea> | 
|---|
|  |  |  | </label> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <label class="layui-form-label febs-form-item-require">商品详情:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <!--                                                <textarea id="lay_edit" lay-verify="goodsDetails" name="goodsDetails" class="layui-textarea"></textarea>--> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <blockquote class="layui-elem-quote blue-border">运费设置</blockquote> | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <label class="layui-form-label">运费:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <input type="radio" name="carriageType" value="1" title="固定运费" lay-filter="hasCarriage" /> | 
|---|
|  |  |  | <input type="radio" name="carriageType" value="2" title="使用邮费模板" lay-filter="hasCarriage" checked/> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="layui-form-item carriage-input  febs-hide"> | 
|---|
|  |  |  | <div class="layui-col-lg6"> | 
|---|
|  |  |  | <label class="layui-form-label">固定运费:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <input id="carriageAmountDefault" type="text" name="carriageAmount" placeholder="" autocomplete="off" class="layui-input"> | 
|---|
|  |  |  | <div class="layui-form-mid layui-word-aux">远费设置为0元,商品将显示为免运费。</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="layui-form-item carriage-rule"> | 
|---|
|  |  |  | <div class="layui-col-lg6"> | 
|---|
|  |  |  | <label class="layui-form-label febs-form-item-require">邮费模板:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <div id="carriage-rule"></div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <blockquote class="layui-elem-quote blue-border">多规格设置</blockquote> | 
|---|
|  |  |  | <div class="layui-col-lg6"> | 
|---|
|  |  |  | <label class="layui-form-label">开启多规格:</label> | 
|---|
|  |  |  | 
|---|
|  |  |  | class="layui-input" id="attrName"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="layui-col-lg6"> | 
|---|
|  |  |  | <div class="layui-col-lg3"> | 
|---|
|  |  |  | <button type="button" | 
|---|
|  |  |  | class="layui-btn layui-btn-normal layui-btn" id="test3"> | 
|---|
|  |  |  | 添加 | 
|---|
|  |  |  | </button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="layui-col-lg3"> | 
|---|
|  |  |  | <button type="button" | 
|---|
|  |  |  | class="layui-btn layui-btn-normal layui-btn" id="test4"> | 
|---|
|  |  |  | 新增样品 | 
|---|
|  |  |  | </button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | autoRow: true, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // initValue(); | 
|---|
|  |  |  | }) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | var carriageRule = xmSelect.render({ | 
|---|
|  |  |  | el: '#carriage-rule', | 
|---|
|  |  |  | language: 'zn', | 
|---|
|  |  |  | prop : { | 
|---|
|  |  |  | value : 'id', | 
|---|
|  |  |  | children : 'child' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | iconfont: { | 
|---|
|  |  |  | parent: 'hidden', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | radio: true, | 
|---|
|  |  |  | clickClose: true, | 
|---|
|  |  |  | tree: { | 
|---|
|  |  |  | show: true, | 
|---|
|  |  |  | //非严格模式 | 
|---|
|  |  |  | strict: false, | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | data: [] | 
|---|
|  |  |  | }) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | febs.get(ctx + 'admin/goods/carriageRuleTree', null, function(res) { | 
|---|
|  |  |  | carriageRule.update({ | 
|---|
|  |  |  | data : res.data, | 
|---|
|  |  |  | autoRow: true, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | initValue(); | 
|---|
|  |  |  | }) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | , defaultToolbar: [] | 
|---|
|  |  |  | , cols: [[ //表头 | 
|---|
|  |  |  | {type: 'checkbox'} | 
|---|
|  |  |  | , {field: 'index', title: '序号', width: 70} | 
|---|
|  |  |  | , {field: 'styleName', title: '样式', edit: 'text'} | 
|---|
|  |  |  | , {field: 'skuName', title: '规格', edit: 'text'} | 
|---|
|  |  |  | , {field: 'presentPrice', title: '现价', edit: 'text'} | 
|---|
|  |  |  | , {field: 'originalPrice', title: '原价', edit: 'text'} | 
|---|
|  |  |  | , {field: 'costPrice', title: '成本价', edit: 'text'} | 
|---|
|  |  |  | , {templet: '#tableImgUpload', title: '缩略图', width: 150} | 
|---|
|  |  |  | , {field: 'stock', title: '库存', edit: 'text'} | 
|---|
|  |  |  | , {field: 'skuVolume', title: '销量', edit: 'text'} | 
|---|
|  |  |  | , {field: 'skuImage', title: '缩略图地址', hide: true} | 
|---|
|  |  |  | , {field: 'id', title: 'skuId', hide: true} | 
|---|
|  |  |  | , {field: 'styleId', title: 'styleId', hide: true} | 
|---|
|  |  |  | ,{field: 'index', title: '序号', width: 70} | 
|---|
|  |  |  | ,{field: 'styleName', title: '样式', edit:'text', width:200} | 
|---|
|  |  |  | ,{field: 'skuName', title: '规格', edit:'text', width:200} | 
|---|
|  |  |  | ,{field: 'sample', title:'样品', width:100} | 
|---|
|  |  |  | ,{field: 'goodsWeight', title: '重量', edit:'text', width:100} | 
|---|
|  |  |  | ,{field: 'presentPrice', title: '现价', edit:'text', width:100} | 
|---|
|  |  |  | ,{field: 'originalPrice', title: '原价', edit:'text', width:100} | 
|---|
|  |  |  | ,{field: 'costPrice', title: '成本价', edit:'text', width:100} | 
|---|
|  |  |  | ,{templet: '#tableImgUpload', title: '缩略图', width:150} | 
|---|
|  |  |  | ,{field: 'stock', title: '库存', edit:'text', width:100} | 
|---|
|  |  |  | ,{field: 'skuVolume', title: '销量', edit:'text', width:100} | 
|---|
|  |  |  | ,{field: 'skuImage', title: '缩略图地址', hide: true} | 
|---|
|  |  |  | ,{field: 'id', title: 'skuId', hide: true} | 
|---|
|  |  |  | ,{field: 'styleId', title: 'styleId', hide: true} | 
|---|
|  |  |  | ]] | 
|---|
|  |  |  | , data: [] | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | form.on('radio(hasCarriage)', function(data){ | 
|---|
|  |  |  | if (data.value == 2) { | 
|---|
|  |  |  | $('.carriage-input').hide(); | 
|---|
|  |  |  | $('.carriage-rule').show(); | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | $('.carriage-input').show(); | 
|---|
|  |  |  | $('.carriage-rule').hide(); | 
|---|
|  |  |  | document.getElementById('carriageAmountDefault').value = 0; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function addTableDate(data) { | 
|---|
|  |  |  | var hasData = table.cache['multiSku']; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | var data = {}; | 
|---|
|  |  |  | data.styleName = attrNameVal; | 
|---|
|  |  |  | addTableDate(data); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | $('#test4').on('click', function () { | 
|---|
|  |  |  | var data = {}; | 
|---|
|  |  |  | data.sample = "样品"; | 
|---|
|  |  |  | addTableDate(data); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | "unit": goodsInfo.unit, | 
|---|
|  |  |  | "stock": goodsInfo.stock, | 
|---|
|  |  |  | "volume": goodsInfo.volume, | 
|---|
|  |  |  | "isHot": goodsInfo.isHot, | 
|---|
|  |  |  | "goodsParameter": goodsInfo.goodsParameter, | 
|---|
|  |  |  | "goodsIntrodution": goodsInfo.goodsIntrodution, | 
|---|
|  |  |  | "isNormal": goodsInfo.isNormal, | 
|---|
|  |  |  | "staticMulti": goodsInfo.staticMulti, | 
|---|
|  |  |  | 
|---|
|  |  |  | "costPrice": goodsInfo.costPrice, | 
|---|
|  |  |  | "isSku": goodsInfo.isSku, | 
|---|
|  |  |  | "thumb": goodsInfo.thumb, | 
|---|
|  |  |  | "carriageType": goodsInfo.carriageType, | 
|---|
|  |  |  | "carriageAmount": goodsInfo.carriageAmount, | 
|---|
|  |  |  | "goodsWeight": goodsInfo.goodsWeight, | 
|---|
|  |  |  | "thumbs": thumbs | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | arr.push(goodsInfo.categoryId) | 
|---|
|  |  |  | category.setValue(arr); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | var arrCarriageRule = []; | 
|---|
|  |  |  | arrCarriageRule.push(goodsInfo.carriageRuleId) | 
|---|
|  |  |  | carriageRule.setValue(arrCarriageRule); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | if (goodsInfo.isNormal == 2) { | 
|---|
|  |  |  | $(".tc-set").show(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | if (goodsInfo.carriageType == 2) { | 
|---|
|  |  |  | $('.carriage-input').hide(); | 
|---|
|  |  |  | $('.carriage-rule').show(); | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | $('.carriage-input').show(); | 
|---|
|  |  |  | $('.carriage-rule').hide(); | 
|---|
|  |  |  | document.getElementById('carriageAmountDefault').value = goodsInfo.carriageAmount; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | if (goodsInfo.isSku == 1) { | 
|---|
|  |  |  | 
|---|
|  |  |  | data.field.mailGoodsSkuDto = tableSkuData; | 
|---|
|  |  |  | data.field.delSkuId=delSku; | 
|---|
|  |  |  | data.field.categoryId = category.getValue('valueStr'); | 
|---|
|  |  |  | data.field.carriageRuleId = carriageRule.getValue('valueStr'); | 
|---|
|  |  |  | data.field.goodsDetails = editor.getHtml(); | 
|---|
|  |  |  | $.ajax({ | 
|---|
|  |  |  | 'url': ctx + 'admin/goods/updateMallGoods', | 
|---|