{extend name="app/shop/view/base.html"/}
{block name="resources"}
<link rel="stylesheet" type="text/css" href="SHOP_CSS/goods_edit.css" />
<style>
    .layui-form{
        width: calc(100% - 40px) !important;
        padding: 0 20px 30px 20px;
    }
</style>
{/block}
{block name="body"}
<div class="layui-form">
    {if $result.success}
    <div class="layui-tab layui-tab-brief"  lay-filter="goods_tab">
        <ul class="layui-tab-title">
            <li class="layui-this">基础设置</li>
            <li>产品属性</li>
            <li>SKU信息</li>
            <li>商品详情</li>
<!--            <li>高级设置</li>-->
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <div class="layui-card card-common">
                    <div class="layui-card-header">
                        <span class="card-title">基础信息</span>
                    </div>
                    <div class="layui-card-body">
                        <div class="layui-form-item">
                            <label class="layui-form-label">商品名称：</label>
                            <div class="layui-input-inline">
                                <input name="goods_name" type="text" id="goods_name" value="{$result['result'][0]['productInfo']['subject']}" placeholder="请输入商品名称，不能超过60个字符" maxlength="60" autocomplete="off" lay-verify="goods_name" class="layui-input len-long">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">商品主图：</label>
                            <div class="layui-input-block">
                                <div class="js-goods-image">
                                    {foreach name="$result.result.0.productInfo.image.images" item="vo"}
                                    <div class="item upload_img_square_item" data-index="0">
                                        <div class="img-wrap">
                                            <img src="{if isset($vo)} https://cbu01.alicdn.com/{$vo} {/if}" layer-src="" layer-index="0">
                                        </div>
                                    </div>
                                    {/foreach}
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">商品类目：</label>
                            <div class="layui-input-inline">
                                <span>{$result['result'][0]['productInfo']['categoryName']}</span>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">参考价格：</label>
                            <div class="layui-input-inline">
                                <span>{$result['result'][0]['productInfo']['referencePrice']}</span>
                                <input type="hidden" name="reference_price" value="{$result['result'][0]['productInfo']['referencePrice']}" />
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">商品类型：</label>
                            <div class="layui-input-inline">
                                <span>{$productType[$result['result'][0]['productInfo']['productType']]}</span>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">业务类型：</label>
                            <div class="layui-input-inline">
                                <span>{$bizType[$result['result'][0]['productInfo']['bizType']]}</span>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">质量星级：</label>
                            <div class="layui-input-inline">
                                <span>{$result['result'][0]['productInfo']['qualityLevel']}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-tab-item">
                <div class="layui-form-item">
                    <label class="layui-form-label">是否支持网上交易：</label>
                    <div class="layui-input-inline">
                        <span>{$result['result'][0]['productInfo']['saleInfo']['supportOnlineTrade'] == '1' ? '是' : '否'}</span>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">是否支持混批：</label>
                    <div class="layui-input-inline">
                        <span>{$result['result'][0]['productInfo']['saleInfo']['mixWholeSale'] == '1' ? '是' : '否'}</span>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">库存：</label>
                    <div class="layui-input-inline">
                        <span>{$result['result'][0]['productInfo']['saleInfo']['amountOnSale']}</span>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">计量单位：</label>
                    <div class="layui-input-inline">
                        <span>{$result['result'][0]['productInfo']['saleInfo']['unit']}</span>
                    </div>
                </div>
            </div>
            <div class="layui-tab-item">
                <table class="layui-table">
                    <thead>
                        <tr>
                            <th>sku信息</th>
                            <th>商品码</th>
                            <th>库存</th>
                            <th>零售价</th>
                            <th>基准价</th>
                            <th>specId</th>
                        </tr>
                    </thead>
                    <tbody>
                    {if isset($result.result.0.productInfo.skuInfos)}
                        {foreach name="$result.result.0.productInfo.skuInfos" item="vo"}
                        <tr>
                            <td>
                                <img src="{if isset($vo['attributes'][0]['skuImageUrl'])} https://cbu01.alicdn.com/{$vo['attributes'][0]['skuImageUrl']} {/if}">
                            </td>
                            <td>{$vo.skuCode ?? ''}</td>
                            <td>{$vo.amountOnSale ?? ''}</td>
                            <td>{$vo.retailPrice ?? ''}</td>
                            <td>{$vo.consignPrice ?? ''}</td>
                            <td>{$vo.specId ?? ''}</td>
                        </tr>
                        {/foreach}
                    {/if}
                    </tbody>
                </table>
            </div>
            <div class="layui-tab-item">
                <div class="layui-form-item">
                    <label class="layui-form-label sm"></label>
                    <textarea name="goods_content" id="editor" placeholder="请输入内容" class="layui-textarea">{$result.result.0.productInfo.description}</textarea>
                </div>
                <script type="text/javascript" charset="utf-8" src="__STATIC__/ext/ueditor/ueditor.config.js"></script>
                <script type="text/javascript" charset="utf-8" src="__STATIC__/ext/ueditor/ueditor.all.js"> </script>
                <script type="text/javascript" charset="utf-8" src="__STATIC__/ext/ueditor/lang/zh-cn/zh-cn.js"></script>
            </div>
            <div class="layui-tab-item">5</div>
        </div>
        <div class="layui-inline">
            <button class="layui-btn" lay-submit lay-filter="search">商品入库</button>
        </div>
    </div>
    {else}
    <div class="layui-block">
        {$result.errorMsg}
    </div>
    {/if}
</div>
{/block}
{block name="script"}
<script>
    $(function(){
        UE.getEditor('editor', {
            autoHeightEnabled: false,
            // initialFrameWidth : 800,
            initialFrameHeight : 350,
            autoFloatEnabled : true,
        });
    })

    layui.use(['form'], function() {
        form = layui.form;
        form.render();
        // 点击搜索
        form.on('submit(search)', function (data) {
            $.ajax({
                url: '',
                data: data.field,
                dataType: 'JSON',
                type: 'post',
                success:(res) => {
                    console.log(res)
                    layer.msg(res.message);
                    if(res.code == '0') setTimeout(()=>{parent.layer.closeAll()}, 3000);
                }
            })
        });
    });
</script>
{/block}