|  |  |  | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  | <option value="2">双卷商品</option> | 
|---|
|  |  |  | <option value="1">积分兑换商品</option> | 
|---|
|  |  |  | <option value="2">购买积分商品</option> | 
|---|
|  |  |  | <option value="3">普通商品商品</option> | 
|---|
|  |  |  | <option value="4">课程卷商品</option> | 
|---|
|  |  |  | <option value="5">民宿卷商品</option> | 
|---|
|  |  |  | </select> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <label class="layui-form-label febs-form-item-require">商品品类</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <select name="isUnreal" class="goods-type"> | 
|---|
|  |  |  | <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-form-item febs-hide class-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> | 
|---|
|  |  |  | <button type="button" class="layui-btn upload" id="uploadVideo" style="margin-bottom: 2px">上传文件</button> | 
|---|
|  |  |  | <input type="text" name="videoUrl" autocomplete="off" value="" id="videoUrl" class="layui-input" readonly> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="layui-form-item febs-hide tc-set"> | 
|---|
|  |  |  | <label class="layui-form-label">静态占比(%)</label> | 
|---|
|  |  |  | <div class="layui-form-item febs-hide house-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> | 
|---|
|  |  |  | <input type="text" name="houseName" autocomplete="off" class="layui-input"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="layui-form-item febs-hide house-set"> | 
|---|
|  |  |  | <label class="layui-form-label">酒店地址:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <input type="text" name="houseAddress" autocomplete="off" class="layui-input"> | 
|---|
|  |  |  | </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"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  | <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="levelOnePrice" lay-verify="required" placeholder="" autocomplete="off" class="layui-input"> | 
|---|
|  |  |  | <div class="layui-form-mid layui-word-aux">赠送积分:请填写整数。如果不赠送积分则填写:0。</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <!--                                            <div class="layui-col-lg6">--> | 
|---|
|  |  |  | <!--                                                <label class="layui-form-label febs-form-item-require">折扣价:</label>--> | 
|---|
|  |  |  | <!--                                                <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">--> | 
|---|
|  |  |  | <!--                                                    <input type="text" name="levelTwoPrice" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">--> | 
|---|
|  |  |  | <!--                                                </div>--> | 
|---|
|  |  |  | <!--                                            </div>--> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <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="levelOnePrice" 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="levelTwoPrice" lay-verify="required" placeholder="" autocomplete="off" class="layui-input"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <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="levelThreePrice" lay-verify="required" placeholder="" autocomplete="off" class="layui-input"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <!--                                        <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="levelThreePrice" 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>--> | 
|---|
|  |  |  | 
|---|
|  |  |  | <!--                                                <input type="text" name="costPrice" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">--> | 
|---|
|  |  |  | <!--                                            </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="levelTwoPrice" value="1" title="是" lay-filter="hasRoll" /> | 
|---|
|  |  |  | <input type="radio" name="levelTwoPrice" value="2" title="否" lay-filter="hasRoll" checked/> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="layui-form-item roll-input febs-hide"> | 
|---|
|  |  |  | <div class="layui-col-lg6"> | 
|---|
|  |  |  | <label class="layui-form-label">类型:</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <select name="levelThreePrice"> | 
|---|
|  |  |  | <option value="1">课程卷</option> | 
|---|
|  |  |  | <option value="2">民宿卷</option> | 
|---|
|  |  |  | </select> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <blockquote class="layui-elem-quote blue-border">运费设置</blockquote> | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <label class="layui-form-label">运费:</label> | 
|---|
|  |  |  | 
|---|
|  |  |  | </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-lg1"> | 
|---|
|  |  |  | <button type="button" | 
|---|
|  |  |  | class="layui-btn layui-btn-normal layui-btn" id="test3"> | 
|---|
|  |  |  | 添加 | 
|---|
|  |  |  | </button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="layui-col-lg1"> | 
|---|
|  |  |  | <button type="button" | 
|---|
|  |  |  | class="layui-btn layui-btn-normal layui-btn" id="test4"> | 
|---|
|  |  |  | 新增样品 | 
|---|
|  |  |  | </button> | 
|---|
|  |  |  | </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-lg1">--> | 
|---|
|  |  |  | <!--                                                    <button type="button"--> | 
|---|
|  |  |  | <!--                                                            class="layui-btn layui-btn-normal layui-btn" id="test3">--> | 
|---|
|  |  |  | <!--                                                        添加--> | 
|---|
|  |  |  | <!--                                                    </button>--> | 
|---|
|  |  |  | <!--                                                </div>--> | 
|---|
|  |  |  | <!--                                                <div class="layui-col-lg1">--> | 
|---|
|  |  |  | <!--                                                    <button type="button"--> | 
|---|
|  |  |  | <!--                                                            class="layui-btn layui-btn-normal layui-btn" id="test4">--> | 
|---|
|  |  |  | <!--                                                        新增样品--> | 
|---|
|  |  |  | <!--                                                    </button>--> | 
|---|
|  |  |  | <!--                                                </div>--> | 
|---|
|  |  |  | <!--                                            </div>--> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <table id="multiSku" lay-filter="multiSku"></table> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </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> | 
|---|
|  |  |  | 
|---|
|  |  |  | ,{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: 'levelOnePrice', title: '一级价格', edit:'text', width:100} | 
|---|
|  |  |  | ,{field: 'levelTwoPrice', title: '二级价格', edit:'text', width:100} | 
|---|
|  |  |  | ,{field: 'levelThreePrice', title: '三级价格', edit:'text', width:100} | 
|---|
|  |  |  | ,{field: 'originalPrice', title: '原价', edit:'text', width:100} | 
|---|
|  |  |  | ,{field: 'presentPrice', title: '现价', edit:'text', width:100} | 
|---|
|  |  |  | ,{field: 'levelOnePrice', title: '赠送积分', edit:'text', width:100} | 
|---|
|  |  |  | // ,{field: 'levelTwoPrice', title: '二级价格', edit:'text', width:100} | 
|---|
|  |  |  | // ,{field: 'levelThreePrice', title: '三级价格', edit:'text', width:100} | 
|---|
|  |  |  | // ,{field: 'costPrice', title: '成本价', edit:'text', width:100} | 
|---|
|  |  |  | ,{templet: '#tableImgUpload', title: '缩略图', width:150} | 
|---|
|  |  |  | ,{field: 'stock', title: '库存', edit:'text', width:100} | 
|---|
|  |  |  | 
|---|
|  |  |  | $('.carriage-input').show(); | 
|---|
|  |  |  | $('.carriage-rule').hide(); | 
|---|
|  |  |  | // document.getElementById('carriageAmountDefault').value = 0; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | form.on('radio(hasRoll)', function(data){ | 
|---|
|  |  |  | if (data.value == 2) { | 
|---|
|  |  |  | $('.roll-input').hide(); | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | $('.roll-input').show(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | //图片上传 | 
|---|
|  |  |  | // upload.render({ | 
|---|
|  |  |  | //     elem: '#test2' | 
|---|
|  |  |  | //     ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口 | 
|---|
|  |  |  | //     ,multiple: true | 
|---|
|  |  |  | //     ,before: function(obj){ | 
|---|
|  |  |  | //         //预读本地文件示例,不支持ie8 | 
|---|
|  |  |  | //         layer.msg('上传中', {icon: 16, time: 0}); | 
|---|
|  |  |  | //     } | 
|---|
|  |  |  | //     ,done: function(res){ | 
|---|
|  |  |  | //         var item = this.item; | 
|---|
|  |  |  | //         //如果上传失败 | 
|---|
|  |  |  | //         if(res.code !== 0){ | 
|---|
|  |  |  | //             return layer.msg('上传失败'); | 
|---|
|  |  |  | //         } | 
|---|
|  |  |  | // | 
|---|
|  |  |  | //         // $(item).parent().prev().find('input').val(res.data[0]); | 
|---|
|  |  |  | //         $("#videoUrl").val(res.data.src); | 
|---|
|  |  |  | //         layer.msg('上传完毕', {icon: 1}); | 
|---|
|  |  |  | //     } | 
|---|
|  |  |  | // }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | upload.render({ | 
|---|
|  |  |  | elem: '#uploadVideo' | 
|---|
|  |  |  | ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口 | 
|---|
|  |  |  | ,accept: 'file' | 
|---|
|  |  |  | // ,multiple: true | 
|---|
|  |  |  | ,before: function(obj){ | 
|---|
|  |  |  | layer.msg('上传中', {icon: 16, time: 0}); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | ,done: function(res){ | 
|---|
|  |  |  | var item = this.item; | 
|---|
|  |  |  | //如果上传失败 | 
|---|
|  |  |  | if(res.code !== 0){ | 
|---|
|  |  |  | return layer.msg('上传失败'); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // $(item).parent().prev().find('input').val(res.data[0]); | 
|---|
|  |  |  | $("#videoUrl").val(res.data.src); | 
|---|
|  |  |  | layer.msg('上传完毕', {icon: 1}); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | ,error: function(err){ | 
|---|
|  |  |  | return layer.msg('上传失败'); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | //(下拉框) | 
|---|
|  |  |  | $.get(ctx + 'admin/goodsCategory/categorys/allTree', function (data) { | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | form.on('submit(goods-add-form-submit)', function (data) { | 
|---|
|  |  |  | data.field.goodsType = 1; | 
|---|
|  |  |  | data.field.isSku = 2; | 
|---|
|  |  |  | data.field.addMallGoodsSkuDtos = tableSkuData; | 
|---|
|  |  |  | data.field.categoryId = category.getValue('valueStr'); | 
|---|
|  |  |  | data.field.carriageRuleId = carriageRule.getValue('valueStr'); | 
|---|
|  |  |  | 
|---|
|  |  |  | $(this).hide(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | $('.class-set').each(function() { | 
|---|
|  |  |  | if (data.value == 4) { | 
|---|
|  |  |  | $(this).show(); | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | $(this).hide(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | $('.house-set').each(function() { | 
|---|
|  |  |  | if (data.value == 5) { | 
|---|
|  |  |  | $(this).show(); | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | $(this).hide(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | </script> | 
|---|