| <div class="layui-fluid layui-anim febs-anim" id="febs-update" lay-title="编辑商品"> | 
|     <div class="layui-row febs-container"> | 
|         <div class="layui-col-md12"> | 
| <!--            <div class="layui-card">--> | 
| <!--                <div class="layui-card-body febs-table-full">--> | 
|                     <div class="layui-fluid" id="goods-update"> | 
|                         <form class="layui-form" action="" lay-filter="goods-update-form"> | 
|                             <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief"> | 
|                                 <ul class="layui-tab-title"> | 
|                                     <li class="layui-this">基础信息</li> | 
|                                     <li>详情设置</li> | 
|                                     <li>价格设置</li> | 
|                                 </ul> | 
|                                 <input type="text" name="id" | 
|                                        placeholder="" autoComplete="off" class="layui-input febs-hide"> | 
|                                 <div class="layui-tab-content"> | 
|                                     <div class="layui-tab-item layui-show"> | 
|                                         <blockquote class="layui-elem-quote blue-border">基本信息设置</blockquote> | 
|                                         <div class="layui-row layui-col-space10 layui-form-item"> | 
|                                             <div class="layui-col-lg6"> | 
|                                                 <label class="layui-form-label febs-form-item-require">商品名称:</label> | 
|                                                 <div class="layui-input-block"> | 
|                                                     <input type="text" name="goodsName" 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="goodsNo" lay-verify="required" | 
|                                                            placeholder="" autoComplete="off" class="layui-input"> | 
|                                                 </div> | 
|                                             </div> | 
|                                         </div> | 
|                                         <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"> | 
|                                                     <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-form-item"> | 
|                                             <div class="layui-col-lg6"> | 
|                                                 <label class="layui-form-label febs-form-item-require">单位:</label> | 
|                                                 <div class="layui-input-block"> | 
|                                                     <input type="text" name="unit" lay-verify="required" placeholder="" | 
|                                                            autoComplete="off" class="layui-input"> | 
|                                                 </div> | 
|                                             </div> | 
|                                         </div> | 
|                                         <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"> | 
|                                                     <input type="text" name="stock" 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="volume" lay-verify="required" | 
|                                                            placeholder="" autoComplete="off" class="layui-input"> | 
|                                                 </div> | 
|                                             </div> | 
|                                         </div> | 
|   | 
|                                         <div class="layui-form-item"> | 
|                                             <label class="layui-form-label">商品介绍:</label> | 
|                                             <div class="layui-input-block"> | 
|                                                 <label> | 
|                                                     <textarea name="goodsIntrodution" rows="5" autoComplete="off" | 
|                                                               class="layui-textarea"></textarea> | 
|                                                 </label> | 
|                                             </div> | 
|                                         </div> | 
|   | 
|                                         <blockquote class="layui-elem-quote blue-border">商品类型</blockquote> | 
|                                         <div class="layui-form-item"> | 
|                                             <label class="layui-form-label febs-form-item-require">商品类型</label> | 
|                                             <div class="layui-input-block"> | 
|                                                 <select name="isNormal" class="goods-type" | 
|                                                         lay-filter="goods-type-select"> | 
|                                                     <option value="1">普通商品区</option> | 
| <!--                                                    <option value="2">套餐区</option>--> | 
|                                                 </select> | 
|                                             </div> | 
|                                         </div> | 
|   | 
| <!--                                        <div class="layui-form-item febs-hide tc-set">--> | 
| <!--                                            <label class="layui-form-label">静态倍数</label>--> | 
| <!--                                            <div class="layui-input-block">--> | 
| <!--                                                <input type="text" name="staticMulti" placeholder="请输入静态倍数"--> | 
| <!--                                                       autoComplete="off" class="layui-input">--> | 
| <!--                                                <div class="layui-form-mid layui-word-aux">支付后,赠送(购买金额*静态倍数)的赠送积分--> | 
| <!--                                                </div>--> | 
| <!--                                            </div>--> | 
| <!--                                        </div>--> | 
|   | 
| <!--                                        <div class="layui-form-item febs-hide tc-set">--> | 
| <!--                                            <label class="layui-form-label">静态占比(%)</label>--> | 
| <!--                                            <div class="layui-input-block">--> | 
| <!--                                                <input type="text" name="staticProp" placeholder="请输入静态占比"--> | 
| <!--                                                       autoComplete="off" class="layui-input">--> | 
| <!--                                                <div class="layui-form-mid layui-word-aux">所有套餐静态占比相加应等于100%</div>--> | 
| <!--                                            </div>--> | 
| <!--                                        </div>--> | 
|                                     </div> | 
|   | 
|                                     <div class="layui-tab-item"> | 
|                                         <div class="layui-form-item"> | 
|                                             <label class="layui-form-label febs-form-item-require">缩略图:</label> | 
|                                             <div class="layui-input-block"> | 
|                                                 <div class="layui-upload"> | 
|                                                     <button type="button" | 
|                                                             class="layui-btn layui-btn-normal layui-btn" id="test2"> | 
|                                                         上传 | 
|                                                     </button> | 
|                                                     <blockquote class="layui-elem-quote layui-quote-nm" | 
|                                                                 style="margin-top: 10px;"> | 
|                                                         <div class="layui-upload-list" id="demo2"></div> | 
|                                                     </blockquote> | 
|                                                     <div class="layui-word-aux">双击图片删除</div> | 
|                                                 </div> | 
|                                             </div> | 
|                                         </div> | 
|   | 
|                                         <div class="layui-form-item febs-hide"> | 
|                                             <label class="layui-form-label">缩略图链接:</label> | 
|                                             <div class="layui-input-block"> | 
|                                                 <input type="text" id="thumb" lay-verify="required" name="thumb" | 
|                                                        autoComplete="off" class="layui-input" readOnly> | 
|                                             </div> | 
|                                         </div> | 
|   | 
|                                         <div class="layui-form-item"> | 
|                                             <label class="layui-form-label febs-form-item-require">轮播图:</label> | 
|                                             <div class="layui-input-block"> | 
|                                                 <div class="layui-upload"> | 
|                                                     <button type="button" | 
|                                                             class="layui-btn layui-btn-normal layui-btn" | 
|                                                             id="thumbsBanner">上传 | 
|                                                     </button> | 
|                                                     <blockquote class="layui-elem-quote layui-quote-nm" | 
|                                                                 style="margin-top: 10px;"> | 
|                                                         <div class="layui-upload-list" id="thumbsBanners"></div> | 
|                                                     </blockquote> | 
|                                                     <div class="layui-word-aux">双击图片删除</div> | 
|                                                 </div> | 
|                                             </div> | 
|                                         </div> | 
|   | 
|                                         <div class="layui-form-item febs-hide"> | 
|                                             <label class="layui-form-label">缩略图链接:</label> | 
|                                             <div class="layui-input-block"> | 
|                                                 <input type="text" id="thumbs" lay-verify="required" name="thumbs" | 
|                                                        autoComplete="off" class="layui-input" readOnly> | 
|                                             </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 style="border: 1px solid #ccc;"> | 
|                                                     <div id="toolbar-container" style="border-bottom: 1px solid #ccc;"></div> | 
|                                                     <div id="editor-container" style="height: 300px;"></div> | 
|                                                 </div> | 
|                                             </div> | 
|                                         </div> | 
|                                     </div> | 
|                                     <div class="layui-tab-item"> | 
|                                         <blockquote class="layui-elem-quote blue-border">价格设置</blockquote> | 
|                                         <div class="layui-row layui-col-space10 layui-form-item"> | 
|                                             <div class="layui-col-lg6"> | 
|                                                 <label class="layui-form-label febs-form-item-require">原价:</label> | 
|                                                 <div class="layui-input-block"> | 
|                                                     <input type="text" name="originalPrice" 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="presentPrice" lay-verify="required" | 
|                                                            placeholder="" autoComplete="off" class="layui-input"> | 
|                                                 </div> | 
|                                             </div> | 
|                                         </div> | 
|   | 
|                                         <div class="layui-form-item"> | 
|                                             <label class="layui-form-label febs-form-item-require">成本价:</label> | 
|                                             <div class="layui-input-block"> | 
|                                                 <input type="text" name="costPrice" lay-verify="required" placeholder="" | 
|                                                        autoComplete="off" class="layui-input"> | 
|                                             </div> | 
|                                         </div> | 
|   | 
| <!--                                        <div class="layui-form-item">--> | 
| <!--                                            <label class="layui-form-label">设置运费:</label>--> | 
| <!--                                            <div class="layui-input-block">--> | 
| <!--                                                <input type="radio" name="hasCarriage" value="1" title="开启" lay-filter="hasCarriage" />--> | 
| <!--                                                <input type="radio" name="hasCarriage" value="2" title="关闭" lay-filter="hasCarriage" checked />--> | 
| <!--                                            </div>--> | 
| <!--                                        </div>--> | 
|   | 
| <!--                                        <div class="layui-form-item carriage-input febs-hide">--> | 
| <!--                                            <label class="layui-form-label">运费:</label>--> | 
| <!--                                            <div class="layui-input-block">--> | 
| <!--                                                <input type="text" name="carriage" placeholder="" autocomplete="off" class="layui-input">--> | 
| <!--                                            </div>--> | 
| <!--                                        </div>--> | 
|   | 
|                                         <blockquote class="layui-elem-quote blue-border">多规格设置</blockquote> | 
|                                         <div class="layui-col-lg6"> | 
|                                             <label class="layui-form-label">开启多规格:</label> | 
|                                             <div class="layui-input-block"> | 
| <!--                                                <input type="radio" name="isSku" value="1" title="是"--> | 
| <!--                                                       lay-filter="isSku"/>--> | 
|                                                 <input type="radio" name="isSku" value="2" title="否" lay-filter="isSku" | 
|                                                        checked/> | 
|                                             </div> | 
|                                         </div> | 
|                                         <div class="layui-form-item multi-sku-table febs-hide"> | 
|                                             <div class="layui-row layui-col-space10 layui-form-item"> | 
|                                                 <div class="layui-col-lg6"> | 
|                                                     <label class="layui-form-label febs-form-item-require">样式:</label> | 
|                                                     <div class="layui-input-block"> | 
|                                                         <input type="text" name="addMallGoodsSkuDtos" autoComplete="off" | 
|                                                                class="layui-input" id="attrName"> | 
|                                                     </div> | 
|                                                 </div> | 
|                                                 <div class="layui-col-lg6"> | 
|                                                     <button type="button" | 
|                                                             class="layui-btn layui-btn-normal layui-btn" id="test3"> | 
|                                                         添加 | 
|                                                     </button> | 
|                                                 </div> | 
|                                             </div> | 
|   | 
|                                             <div class="layui-form-item"> | 
|                                                 <div class="layui-input-block"> | 
|                                                     <table id="multiSku" lay-filter="multiSku"></table> | 
|                                                 </div> | 
|                                             </div> | 
|                                         </div> | 
|                                     </div> | 
|                                 </div> | 
|                             </div> | 
|   | 
|   | 
|                             <div class="layui-form-item febs-hide" style="text-align:center"> | 
|                                 <button class="layui-btn" lay-submit="" lay-filter="goods-update-form-submit" | 
|                                         id="submit"> | 
|                                 </button> | 
| <!--                                <button class="layui-btn layui-btn-danger" lay-submit=""--> | 
| <!--                                        lay-filter="goods-update-form-cancel" id="cancel">取消--> | 
| <!--                                </button>--> | 
|                             </div> | 
|                         </form> | 
|                     </div> | 
|   | 
|                 </div> | 
| <!--            </div>--> | 
| <!--        </div>--> | 
|     </div> | 
| </div> | 
| <style> | 
|     .blue-border { | 
|         border-left-color: #2db7f5; | 
|         font-size: 18px; | 
|     } | 
|   | 
|     .layui-table-cell { | 
|         height: auto; | 
|     } | 
|   | 
|     .layui-upload-list { | 
|         margin: 0 !important; | 
|     } | 
|     .multi-images { | 
|         margin: 0 5px !important; | 
|     } | 
| </style> | 
| <script type="text/html" id="toolbar"> | 
|     <div class="layui-btn-container"> | 
|         <button class="layui-btn layui-btn-danger layui-btn-sm" type="button" lay-event="delSku">删除</button> | 
|     </div> | 
| </script> | 
| <script type="text/html" id="tableImgUpload"> | 
|     <div class="layui-upload"> | 
|         <button type="button" class="layui-btn layui-btn-normal layui-btn-xs sku-img" id="skuImg{{d.index}}">上传 | 
|         </button> | 
|         </br> | 
|         <img class="layui-upload-img" id="imageUrls{{d.index}}" style="width: 100px; display:none;" | 
|              src="{{d.skuImage}}"> | 
|         <input type="text" id="skuImage{{d.index}}" name="skuImage{{d.index}}" autoComplete="off" value="{{d.skuImage}}" | 
|                class="layui-input febs-hide"> | 
|     </div> | 
| </script> | 
| <!-- 表格操作栏 end --> | 
| <script data-th-inline="javascript"> | 
|     layui.use(['febs', 'form', 'formSelects', 'validate', 'treeSelect', 'eleTree', 'dropdown', 'laydate', 'layedit', 'upload', 'element', 'table', 'xmSelect'], function () { | 
|         var $ = layui.jquery, | 
|             febs = layui.febs, | 
|             layer = layui.layer, | 
|             table = layui.table, | 
|             formSelects = layui.formSelects, | 
|             treeSelect = layui.treeSelect, | 
|             form = layui.form, | 
|             laydate = layui.laydate, | 
|             eleTree = layui.eleTree, | 
|             goodsInfo = [[${goodsInfo}]], | 
|             $view = $('#goods-update'), | 
|             layedit = layui.layedit, | 
|             upload = layui.upload, | 
|             validate = layui.validate, | 
|             element = layui.element; | 
|   | 
|         form.render(); | 
|         laydate.render({ | 
|             elem: '#febs-form-group-date' | 
|         }); | 
|   | 
|         formSelects.render(); | 
|   | 
|         var E = window.wangEditor; | 
|         const editorConfig = { MENU_CONF: {} }; | 
|         editorConfig.MENU_CONF['uploadImage'] = { | 
|             server: '/admin/goods/uploadFileBase64', | 
|             fieldName : "file", | 
|             customInsert(res, insertFn) { | 
|                 insertFn(res.data.src, res.data.title, '') | 
|             }, | 
|         } | 
|   | 
|         var category = xmSelect.render({ | 
|             el: '#goods-category', | 
|             language: 'zn', | 
|             prop : { | 
|                 value : 'id', | 
|                 children : 'child' | 
|             }, | 
|             iconfont: { | 
|                 parent: 'hidden', | 
|             }, | 
|             radio: true, | 
|             clickClose: true, | 
|             tree: { | 
|                 show: true, | 
|                 //非严格模式 | 
|                 strict: false, | 
|             }, | 
|             data: [] | 
|         }) | 
|   | 
|         febs.get(ctx + 'admin/goodsCategory/categoryTree', null, function(res) { | 
|             category.update({ | 
|                 data : res.data, | 
|                 autoRow: true, | 
|             }); | 
|   | 
|             initValue(); | 
|         }) | 
|   | 
|         var tableSkuData = []; | 
|         var tableIns = table.render({ | 
|             elem: '#multiSku' | 
|             , limit: 999 | 
|             , toolbar: "#toolbar" | 
|             , 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} | 
|             ]] | 
|             , data: [] | 
|         }); | 
|   | 
|         var delSku = []; | 
|         table.on('toolbar(multiSku)', function (obj) { | 
|             var data = obj.data; | 
|   | 
|             var hasData = table.cache['multiSku']; | 
|             var checkData = table.checkStatus('multiSku').data; | 
|   | 
|             if (checkData.length <= 0) { | 
|                 febs.alert.warn('请选择删除数据'); | 
|                 return; | 
|             } | 
|             if (obj.event === 'delSku') { | 
|                 for (let i = 0; i < checkData.length; i++) { | 
|                     var delData = checkData[i]; | 
|                     console.log(delData) | 
|                     for (let j = 0; j < hasData.length; j++) { | 
|                         if (hasData[j].index == delData.index) { | 
|                             if (delData.id) { | 
|                                 delSku.push(delData.id); | 
|                             } | 
|   | 
|                             hasData.splice(j, 1); | 
|                             break; | 
|                         } | 
|                     } | 
|                 } | 
|                 console.log(delSku); | 
|   | 
|                 for (let i = 0; i < hasData.length; i++) { | 
|                     hasData[i].index = i + 1; | 
|                 } | 
|   | 
|                 tableSkuData = hasData; | 
|                 reloadTable(hasData); | 
|             } | 
|         }); | 
|   | 
|         form.on('radio(isSku)', function (data) { | 
|             if (data.value == 2) { | 
|                 $('.multi-sku-table').hide(); | 
|             } else { | 
|                 $('.multi-sku-table').show(); | 
|             } | 
|         }); | 
|   | 
|         form.on('radio(hasCarriage)', function(data){ | 
|             if (data.value == 2) { | 
|                 $('.carriage-input').hide(); | 
|             } else { | 
|                 $('.carriage-input').show(); | 
|             } | 
|         }); | 
|   | 
|         function addTableDate(data) { | 
|             var hasData = table.cache['multiSku']; | 
|   | 
|             data.index = hasData.length + 1; | 
|             tableSkuData.push(data); | 
|   | 
|             reloadTable(tableSkuData); | 
|             return data.index; | 
|         } | 
|   | 
|         function reloadTable(data) { | 
|             table.reload('multiSku', { | 
|                 data: data | 
|             }); | 
|   | 
|             for (let i = 0; i < data.length; i++) { | 
|                 if (data[i].skuImage) { | 
|                     $('#imageUrls' + (i + 1)).css('display', 'block'); | 
|                 } | 
|                 // 重新绑定图片上传 | 
|                 bindUpload(i + 1); | 
|             } | 
|         } | 
|   | 
|         table.on('edit(multiSku)', function (obj) { | 
|             var value = obj.value //得到修改后的值 | 
|                 , data = obj.data //得到所在行所有键值 | 
|                 , field = obj.field; //得到字段 | 
|   | 
|             for (let i = 0; i < tableSkuData.length; i++) { | 
|                 if (tableSkuData[i].index == data.index) { | 
|                     tableSkuData[i] = data; | 
|                 } | 
|             } | 
|         }); | 
|   | 
|         $('#test3').on('click', function () { | 
|             let attrNameVal = $('#attrName').val(); | 
|             if (attrNameVal == null || attrNameVal == "") { | 
|                 febs.alert.warn('样式名称不能为空'); | 
|                 return false; | 
|             } | 
|   | 
|             var data = {}; | 
|             data.styleName = attrNameVal; | 
|             addTableDate(data); | 
|         }); | 
|   | 
|         function bindUpload(index) { | 
|             // 普通图片上传 | 
|             upload.render({ | 
|                 elem: '#skuImg' + index | 
|                 , url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口 | 
|                 , done: function (res) { | 
|                     febs.alert.success(res.data.src); | 
|                     $('#imageUrls' + index).attr('src', res.data.src); | 
|                     $('#imageUrls' + index).css('display', 'block'); | 
|                     $('#skuImage' + index).val(res.data.src); | 
|   | 
|   | 
|                     for (let i = 0; i < tableSkuData.length; i++) { | 
|                         if (tableSkuData[i].index == index) { | 
|                             tableSkuData[i].skuImage = res.data.src; | 
|                         } | 
|                     } | 
|   | 
|                     reloadTable(tableSkuData); | 
|                 } | 
|             }); | 
|         } | 
|   | 
|         //(下拉框) | 
|         $.get(ctx + 'admin/goodsCategory/categorys/allTree', function (data) { | 
|             for (var k in data) { | 
|                 $(".categary-addPeoduct").append("<option value='" + data[k].parentId + "'>" + data[k].name + "</option>"); | 
|             } | 
|             layui.use('form', function () { | 
|                 var form = layui.form; | 
|                 // $("#categarySelect").val(member.parentId) | 
|                 form.render(); | 
|             }); | 
|         }); | 
|   | 
|         //多图片上传 | 
|         upload.render({ | 
|             elem: '#thumbsBanner' | 
|             ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口 | 
|             ,multiple: true | 
|             ,before: function(obj){ | 
|                 //预读本地文件示例,不支持ie8 | 
|                 obj.preview(function(index, file, result){ | 
|                     $('#thumbsBanners').append('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img multi-images" style="width: 130px">') | 
|                 }); | 
|             } | 
|             ,done: function(res){ | 
|                 var thumbs = $("#thumbs").val(); | 
|                 if(thumbs == ''){ | 
|                     $("#thumbs").val(res.data.src); | 
|                 }else{ | 
|                     $("#thumbs").val(thumbs + ',' + res.data.src); | 
|                 } | 
|   | 
|                 imgUnBind(".multi-images"); | 
|                 imgMultiBind(); | 
|             } | 
|         }); | 
|   | 
|         function imgUnBind(className) { | 
|             $(className).each(function() { | 
|                 $(this).unbind('dblclick'); | 
|             }) | 
|         } | 
|   | 
|         function imgMultiBind() { | 
|             $(".multi-images").each(function(index, element) { | 
|                 $(this).on("dblclick", function() { | 
|                     var imgThumb = $(".multi-images")[index]; | 
|                     $(imgThumb).remove(); | 
|   | 
|                     var images = $("#thumbs").val(); | 
|                     var imagesArr; | 
|                     if (images) { | 
|                         imagesArr = images.split(","); | 
|                         imagesArr.splice(index, 1); | 
|                         images = imagesArr.join(","); | 
|                     } | 
|                     $("#thumbs").val(images); | 
|   | 
|                     imgUnBind(".multi-images"); | 
|                     imgMultiBind(); | 
|                 }); | 
|             }) | 
|         } | 
|   | 
|         //图片上传 | 
|         upload.render({ | 
|             elem: '#test2' | 
|             ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口 | 
|             ,multiple: true | 
|             ,before: function(obj){ | 
|                 //预读本地文件示例,不支持ie8 | 
|                 obj.preview(function(index, file, result){ | 
|                     if ($("#thumb").val()) { | 
|                         $('#demo2').html('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img single-image" style="width: 130px">') | 
|                     } else { | 
|                         $('#demo2').append('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img single-image" style="width: 130px">') | 
|                     } | 
|   | 
|                 }); | 
|             } | 
|             ,done: function(res){ | 
|                 $("#thumb").val(res.data.src); | 
|   | 
|                 imgUnBind(".single-image"); | 
|                 imgSingleBind(); | 
|             } | 
|         }); | 
|   | 
|         function imgSingleBind() { | 
|             $(".single-image").each(function(index, element) { | 
|                 $(this).on("dblclick", function() { | 
|                     var imgThumb = $(".single-image")[index]; | 
|                     $(imgThumb).remove(); | 
|                     $("#thumb").val(""); | 
|   | 
|                     imgUnBind(".single-image"); | 
|                     imgSingleBind(); | 
|                 }); | 
|             }) | 
|         } | 
|   | 
|         function initValue() { | 
|             var images = goodsInfo.images; | 
|             var thumbs = images.join(","); | 
|             form.val("goods-update-form", { | 
|                 "id": goodsInfo.id, | 
|                 "goodsName": goodsInfo.goodsName, | 
|                 "goodsNo": goodsInfo.goodsNo, | 
|                 "unit": goodsInfo.unit, | 
|                 "stock": goodsInfo.stock, | 
|                 "volume": goodsInfo.volume, | 
|                 "isHot": goodsInfo.isHot, | 
|                 "goodsParameter": goodsInfo.goodsParameter, | 
|                 "goodsIntrodution": goodsInfo.goodsIntrodution, | 
|                 "isNormal": goodsInfo.isNormal, | 
|                 "staticMulti": goodsInfo.staticMulti, | 
|                 "staticProp": goodsInfo.staticProp, | 
|                 "originalPrice": goodsInfo.originalPrice, | 
|                 "presentPrice": goodsInfo.presentPrice, | 
|                 "costPrice": goodsInfo.costPrice, | 
|                 "isSku": goodsInfo.isSku, | 
|                 "thumb": goodsInfo.thumb, | 
|                 "thumbs": thumbs | 
|             }); | 
|   | 
|             var arr = []; | 
|             arr.push(goodsInfo.categoryId) | 
|             category.setValue(arr); | 
|   | 
|             if (goodsInfo.isNormal == 2) { | 
|                 $(".tc-set").show(); | 
|             } | 
|   | 
|             if (goodsInfo.isSku == 1) { | 
|                 $(".multi-sku-table").show(); | 
|   | 
|                 var skus = goodsInfo.skus; | 
|                 for (let i = 0; i < skus.length; i++) { | 
|                     skus[i].index = i+1; | 
|                 } | 
|             } | 
|   | 
|             for (let i = 0; i < images.length; i++) { | 
|                 $('#thumbsBanners').append('<img src="' + images[i] + '" alt="" class="layui-upload-img multi-images" style="width: 130px">') | 
|             } | 
|   | 
|             $('#demo2').append('<img src="' + goodsInfo.thumb + '" alt="" class="layui-upload-img single-image" style="width: 130px">') | 
|   | 
|   | 
|             imgSingleBind(); | 
|             imgMultiBind(); | 
|   | 
|             window.editor = E.createEditor({ | 
|                 html: goodsInfo.goodsDetails, | 
|                 selector: '#editor-container', | 
|                 config : editorConfig, | 
|                 mode: 'default' | 
|             }); | 
|   | 
|             window.toolbar = E.createToolbar({ | 
|                 editor, | 
|                 selector: '#toolbar-container', | 
|                 mode: 'default' | 
|             }); | 
|   | 
|             if (skus) { | 
|                 tableSkuData = skus; | 
|                 reloadTable(skus); | 
|             } | 
|         } | 
|   | 
|         form.on('submit(goods-update-form-submit)', function (data) { | 
|             data.field.goodsType=1; | 
|             data.field.mailGoodsSkuDto = tableSkuData; | 
|             data.field.delSkuId=delSku; | 
|             data.field.categoryId = category.getValue('valueStr'); | 
|             data.field.goodsDetails = editor.getHtml(); | 
|             $.ajax({ | 
|                 'url': ctx + 'admin/goods/updateMallGoods', | 
|                 'type': 'post', | 
|                 'dataType': 'json', | 
|                 'headers': {'Content-Type': 'application/json;charset=utf-8'}, //接口json格式 | 
|                 'traditional': true,//ajax传递数组必须添加属性 | 
|                 'data': JSON.stringify(data.field), | 
|                 'success': function (data) { | 
|                     if (data.code == 200) { | 
|                         layer.closeAll(); | 
|                         febs.alert.success(data.message); | 
|                         $('#febs-goods').find('#reset').click(); | 
|                     } else { | 
|                         febs.alert.warn(data.message); | 
|                     } | 
|                 }, | 
|                 'error': function () { | 
|                     febs.alert.warn('服务器繁忙'); | 
|                 } | 
|             }) | 
|             return false; | 
|         }); | 
|   | 
|         form.on('select(goods-type-select)', function (data) { | 
|             $('.tc-set').each(function () { | 
|                 if (data.value == 2) { | 
|                     $(this).show(); | 
|                 } else { | 
|                     $(this).hide(); | 
|                 } | 
|             }) | 
|         }); | 
|   | 
|     }); | 
| </script> |