ship-expert/app/data/view/shop/goods/form.html

{extend name="../../admin/view/main"}

{block name="content"}
{include file='shop/goods/formstyle'}
<form action="{:sysuri()}" method="post" data-auto="true" class="layui-form layui-card" id="GoodsForm">
    <div class="layui-card-body">

        <!--{notempty name='marks'}-->
        <div class="layui-form-item label-required-prev">
            <span class="help-label"><b>商品标签</b>Mark Name</span>
            <div class="layui-textarea help-checks">
                {foreach $marks as $mark}
                <label class="think-checkbox">
                    {if isset($vo.marks) && is_array($vo.marks) && in_array($mark, $vo.marks)}
                    <input name="marks[]" type="checkbox" value="{$mark}" lay-ignore checked> {$mark}
                    {else}
                    <input name="marks[]" type="checkbox" value="{$mark}" lay-ignore> {$mark}
                    {/if}
                </label>
                {/foreach}
            </div>
        </div>
        <!--{/notempty}-->

        <!--{notempty name='payments'}-->
        <!--        <div class="layui-form-item label-required-prev">-->
        <!--            <span class="help-label"><b>支付方式</b>Goods Payment</span>-->
        <!--            <div class="layui-textarea help-checks">-->
        <!--                {foreach $payments as $payment}-->
        <!--                <label class="think-checkbox">-->
        <!--                    {if isset($vo.payment) && is_array($vo.payment) && in_array($payment.code, $vo.payment)}-->
        <!--                    <input name="payment[]" type="checkbox" value="{$payment.code}" lay-ignore checked> {$payment.name}-->
        <!--                    {else}-->
        <!--                    <input name="payment[]" type="checkbox" value="{$payment.code}" lay-ignore> {$payment.name}-->
        <!--                    {/if}-->
        <!--                </label>-->
        <!--                {/foreach}-->
        <!--            </div>-->
        <!--        </div>-->
        <!--{/notempty}-->

        <!--{notempty name='cates'}-->
        <label class="layui-form-item block relative">
            <span class="help-label label-required-prev"><b>所属分类</b>Category Name</span>
            <select class="layui-select" lay-search name="cateids">
                {foreach $cates as $cate}{if in_array($cate.id, $vo.cateids)}
                <option selected value="{:arr2str($cate.ids)}">{:join(' ＞ ', $cate.names)}</option>
                {else}
                <option value="{:arr2str($cate.ids)}">{:join(' ＞ ', $cate.names)}</option>
                {/if}{/foreach}
            </select>
        </label>
        <!--{/notempty}-->

        <label class="layui-form-item block relative">
            <span class="help-label"><b>商品名称</b>Goods Name</span>
            <input class="layui-input" name="name" placeholder="请输入商品名称" required value="{$vo.name|default=''}">
        </label>

        <!--{notempty name='trucks'}-->
        <!--        <label class="layui-form-item block relative label-required-prev">-->
        <!--            <span class="help-label"><b>邮费模板</b>Truck Template</span>-->
        <!--            <select class="layui-select" name="truck_code" lay-search>-->
        <!--                <option value="">-&#45;&#45; 包 邮 -&#45;&#45;</option>-->
        <!--                {foreach $trucks as $truck}{if isset($vo.truck_code) and $vo.truck_code eq $truck.code}-->
        <!--                <option selected value="{$truck.code}">{$truck.code} - {$truck.name|default=''}</option>-->
        <!--                {else}-->
        <!--                <option value="{$truck.code}">{$truck.code} - {$truck.name|default=''}</option>-->
        <!--                {/if}{/foreach}-->
        <!--            </select>-->
        <!--        </label>-->
        <!--{/notempty}-->

        <div class="layui-form-item label-required-prev">
            <span class="help-label"><b>商品封面及轮播图片</b>Cover and Carousel Pictures</span>
            <table class="layui-table">
                <thead>
                <tr>
                    <th class="text-center">封面</th>
                    <th class="text-left" style="width:100%">轮播图片</th>
                </tr>
                <tr>
                    <td class="text-center text-top padding-0">
                        <div class="help-images">
                            <input name="cover" data-max-width="500" data-max-height="500" type="hidden" value="{$vo.cover|default=''}">
                             <script>$('[name="cover"]').uploadOneImage();</script>
                        </div>
                    </td>
                    <td class="text-left padding-0">
                        <div class="help-images">
                            <input name="slider" data-max-width="2048" data-max-height="1024" type="hidden" value="{$vo.slider|default=''}">
                            <script>$('[name="slider"]').uploadMultipleImage();</script>
                        </div>
                    </td>
                </tr>
                </thead>
            </table>
        </div>

        <!--        <div class="goods-item-box">-->
        <!--            <div class="flex flex-wrap">-->
        <!--                <fieldset class="layui-bg-gray">-->
        <!--                    <legend><span class="layui-badge think-bg-violet">商品返利配置</span></legend>-->
        <!--                    <div>-->
        <!--                        {foreach ['非返利商品，其代理不会获得奖励','是返利商品，其代理将会获得奖励'] as $k => $v}-->
        <!--                        {if (isset($vo.rebate_type) and $vo.rebate_type eq $k) or (empty($vo.rebate_type) and $k eq 0)}-->
        <!--                        <input checked name="rebate_type" title="{$v}" type="radio" value="{$k}">-->
        <!--                        {else}-->
        <!--                        <input name="rebate_type" title="{$v}" type="radio" value="{$k}">-->
        <!--                        {/if}{/foreach}-->
        <!--                    </div>-->
        <!--                </fieldset>-->
        <!--                <fieldset class="layui-bg-gray">-->
        <!--                    <legend><span class="layui-badge think-bg-violet">入会礼包配置</span></legend>-->
        <!--                    <div>-->
        <!--                        {foreach ['非入会礼包，购买后不会升级等级','是入会礼包，购买后升级会员等级'] as $k=>$v}-->
        <!--                        {if (isset($vo.vip_entry) and $vo.vip_entry eq $k) or (empty($vo.vip_entry) and $k eq 0)}-->
        <!--                        <input checked lay-filter="vip_entry" name="vip_entry" title="{$v}" type="radio" value="{$k}">-->
        <!--                        {else}-->
        <!--                        <input lay-filter="vip_entry" name="vip_entry" title="{$v}" type="radio" value="{$k}">-->
        <!--                        {/if}{/foreach}-->
        <!--                    </div>-->
        <!--                </fieldset>-->
        <!--                &lt;!&ndash;{notempty name='upgrades'}&ndash;&gt;-->
        <!--                <fieldset class="layui-bg-gray">-->
        <!--                    <legend><span class="layui-badge think-bg-violet">升级用户等级</span></legend>-->
        <!--                    <label>-->
        <!--                        <select class="layui-select" lay-filter="vip_upgrade" name="vip_upgrade">-->
        <!--                            {foreach $upgrades as $upgrade}{if isset($vo.vip_upgrade) and $vo.vip_upgrade eq $upgrade.number}-->
        <!--                            <option selected value="{$upgrade.number|default=0}">[ {$upgrade.number|default='0'} ] {$upgrade.name|default=''}</option>-->
        <!--                            {else}-->
        <!--                            <option value="{$upgrade.number|default=0}">[ {$upgrade.number|default='0'} ] {$upgrade.name|default=''}</option>-->
        <!--                            {/if}{/foreach}-->
        <!--                        </select>-->
        <!--                        <span class="help-block">购买此商品用户可直接升级至此等级！</span>-->
        <!--                    </label>-->
        <!--                </fieldset>-->
        <!--                &lt;!&ndash;{/notempty}&ndash;&gt;-->
        <!--                <fieldset class="layui-bg-gray">-->
        <!--                    <legend><span class="layui-badge think-bg-violet">物流配送发货类型</span></legend>-->
        <!--                    <div>-->
        <!--                        {foreach ['虚拟商品，无需物流配送','实物商品，需要物流配送'] as $k=>$v}-->
        <!--                        {if (isset($vo.truck_type) and $vo.truck_type eq $k) or (empty($vo.truck_type) and $k eq 0)}-->
        <!--                        <input checked name="truck_type" title="{$v}" type="radio" value="{$k}">-->
        <!--                        {else}-->
        <!--                        <input name="truck_type" title="{$v}" type="radio" value="{$k}">-->
        <!--                        {/if}{/foreach}-->
        <!--                    </div>-->
        <!--                </fieldset>-->
        <!--                &lt;!&ndash;{notempty name='discounts'}&ndash;&gt;-->
        <!--                <fieldset class="layui-bg-gray">-->
        <!--                    <legend><span class="layui-badge think-bg-violet">用户购买折扣方案</span></legend>-->
        <!--                    <label>-->
        <!--                        <select class="layui-select" lay-search name="discount_id">-->
        <!--                            <option value="0"> &#45;&#45; 不设置 &#45;&#45;</option>-->
        <!--                            {foreach $discounts as $discount}{if isset($vo.discount_id) and $vo.discount_id eq $discount.id}-->
        <!--                            <option selected value="{$discount.id|default=0}">{$discount.name|default='0'}</option>-->
        <!--                            {else}-->
        <!--                            <option value="{$discount.id|default=0}">{$discount.name|default='0'}</option>-->
        <!--                            {/if}{/foreach}-->
        <!--                        </select>-->
        <!--                        <span class="help-block">当用户等级达到指定等级后可享有折扣！</span>-->
        <!--                    </label>-->
        <!--                </fieldset>-->
        <!--                &lt;!&ndash;{/notempty}&ndash;&gt;-->
        <!--                &lt;!&ndash;{notempty name='upgrades'}&ndash;&gt;-->
        <!--                <fieldset class="layui-bg-gray">-->
        <!--                    <legend><span class="layui-badge think-bg-violet">限制最低购买等级</span></legend>-->
        <!--                    <label>-->
        <!--                        <select class="layui-select" name="limit_low_vip">-->
        <!--                            <option value="0"> &#45;&#45; 不设置 &#45;&#45;</option>-->
        <!--                            {foreach $upgrades as $upgrade}{if isset($vo.limit_low_vip) and $vo.limit_low_vip eq $upgrade.number}-->
        <!--                            <option selected value="{$upgrade.number|default=0}">[ {$upgrade.number|default='0'} ] {$upgrade.name|default=''}</option>-->
        <!--                            {else}-->
        <!--                            <option value="{$upgrade.number|default=0}">[ {$upgrade.number|default='0'} ] {$upgrade.name|default=''}</option>-->
        <!--                            {/if}{/foreach}-->
        <!--                        </select>-->
        <!--                        <span class="help-block">限制此等级及低于此等级的用户不能购买！</span>-->
        <!--                    </label>-->
        <!--                </fieldset>-->
        <!--                &lt;!&ndash;{/notempty}&ndash;&gt;-->
        <!--                <fieldset class="layui-bg-gray">-->
        <!--                    <legend><span class="layui-badge think-bg-violet">商品限购数量</span></legend>-->
        <!--                    <label>-->
        <!--                        <input class="layui-input" type="number" min="0" data-blur-number="0" name="limit_max_num" placeholder="请输入商品限购数量" value="{$vo.limit_max_num|default=0}">-->
        <!--                        <span class="help-block">限制每人可购买数量（为 0 时不限制）！</span>-->
        <!--                    </label>-->
        <!--                </fieldset>-->
        <!--            </div>-->
        <!--        </div>-->

        <div class="layui-form-item">
            <span class="help-label label-required-prev"><b>商品规格及商品SKU绑定</b>
                <!-- <span class="color-red font-s12">（规格填写后不允许再次修改）</span> -->
            </span>
            <div class="margin-bottom-10" ng-class="{true:'layui-show'}[specs.length>0]" ng-repeat="x in specs track by $index" style="display:none">
                <div class="goods-spec-box padding-10 margin-0 relative" style="background:#ddd">
                    <span class="text-center goods-spec-name">分组</span>
                    <label class="label-required-null inline-block">
                        <input ng-blur="x.name=trimSpace(x.name)" ng-model="x.name" placeholder="请输入分组名称" required>
                    </label>
                    <div class="pull-right">
                        <a class="layui-btn layui-btn-sm layui-btn-primary goods-spec-btn" ng-click="addSpecVal(x.list)">增加</a>
                        <a class="layui-btn layui-btn-sm layui-btn-primary goods-spec-btn" ng-class="{false:'layui-btn-disabled'}[$index>0]" ng-click="upSpecRow(specs,$index)">上移</a>
                        <a class="layui-btn layui-btn-sm layui-btn-primary goods-spec-btn" ng-class="{false:'layui-btn-disabled'}[$index<specs.length-1]" ng-click="dnSpecRow(specs,$index)">下移</a>
                        <a class="layui-btn layui-btn-sm layui-btn-primary goods-spec-btn" ng-click="delSpecRow(specs,$index)" ng-if="specs.length>1">删除</a>
                    </div>
                </div>
                <div class="goods-spec-box padding-10 margin-0 block relative" ng-if="x.list && x.list.length > 0">
                    <label class="label-required-null inline-block margin-right-10 margin-bottom-5 relative nowrap" ng-repeat="xx in x.list">
                        <input lay-ignore ng-click="xx.check=checkListChecked(x.list,$event.target.checked)" ng-model="xx.check" type="checkbox">
                        <input ng-blur="xx.name=trimSpace(xx.name)" ng-keyup="xx.name=$event.target.value" ng-model="xx.name" placeholder="请输入规格" required type="text">
                        <a class="layui-icon layui-icon-close font-s12 goods-spec-close" ng-click="x.list=delSpecVal(x.list,$index)" ng-if="x.list.length>1"></a>
                    </label>
                </div>
            </div>
            <div>
                <a class="layui-btn layui-btn-sm layui-btn-primary" ng-click="addSpecRow(specs)" ng-if="specs.length<3">增加规则分组</a>
                <p class="margin-top-10"><span class="color-red">请完成属性修改后再编辑下面的规格信息，否则规格数据会丢失！</span></p>
            </div>

<!--            <button type="button" class="layui-btn"  id="test1">-->
<!--                <i class="layui-icon">&#xe67c;</i>上传图片-->
<!--            </button>-->
            <table class="layui-table margin-top-10" style="position: relative">
<!--                <button type="button" class="layui-btn"  id="test1">-->
<!--                    <i class="layui-icon">&#xe67c;</i>上传图片-->
<!--                </button>-->
                <thead>
                <tr>
                    <th class="nowrap" ng-repeat="x in navas track by $index"><b ng-bind="x"></b></th>
                    <th class="text-center nowrap pointer" data-tips-text="图片"  width="12%"><b>规格图片</b> <i class="layui-icon">&#xe63c;</i></th>
                    <th class="text-center nowrap pointer" data-tips-text="批量设置商品SKU" ng-click="batchSet('sku',null,'请输入商品SKU代码')" width="12%"><b>商品SKU</b> <i class="layui-icon">&#xe63c;</i></th>
                    <!--                    <th class="text-center nowrap pointer" data-tips-text="批量设置市场价格" ng-click="batchSet('market',2,'请输入商品市场价格')" width="10%"><b>市场价格</b> <i class="layui-icon">&#xe63c;</i></th>-->
                    <th class="text-center nowrap pointer" data-tips-text="批量设置销售价格" ng-click="batchSet('selling',2,'请输入商品市销售价格')" width="10%"><b>销售价格</b> <i class="layui-icon">&#xe63c;</i></th>
                    <!--                    <th class="text-center nowrap pointer" data-tips-text="批量设置奖励余额" ng-click="batchSet('balance',2,'请输入赠送账户余额')" width="10%"><b>奖励余额</b> <i class="layui-icon">&#xe63c;</i></th>-->
                    <!--                    <th class="text-center nowrap pointer layui-hide" data-tips-text="批量设置奖励积分" ng-click="batchSet('integral',0,'请输入赠送用户积分')" width="10%"><b>奖励积分</b> <i class="layui-icon">&#xe63c;</i></th>-->
                    <!--                    <th class="text-center nowrap pointer" data-tips-text="批量设置虚拟销量" ng-click="batchSet('virtual',0,'请输入虚拟销量数值')" width="10%"><b>虚拟销量</b> <i class="layui-icon">&#xe63c;</i></th>-->
                    <th class="text-center nowrap pointer" data-tips-text="批量设置库存" ng-click="batchSet('stock',0,'请输入库存数值')" width="10%"><b>库存</b> <i class="layui-icon">&#xe63c;</i></th>
                    <!--                    <th class="text-center nowrap pointer" data-tips-text="批量设置快递计件" ng-click="batchSet('express',0,'请输入快递计费基数')" width="10%"><b>快递计件</b> <i class="layui-icon">&#xe63c;</i></th>-->
                    <th class="text-center nowrap pointer" width="08%"><b>销售状态</b></th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="rows in items track by $index">

                    <td class="layui-bg-gray nowrap" ng-bind="td.name" ng-if="td.show" ng-repeat="td in rows"></td>

                    <td class="padding-0">


                        <script>
                            $(document).ready(function() {
                                $('.uploadFile').change(function(){ //当文件被选择时触发事件
                                    console.log('要上传的图片元素',$(this))
                                    var parents = $(this).parent()
                                    var file = $(this)[0].files[0]; //获取选择的文件对象

                                    if (file) {
                                        var formData = new FormData(); //创建FormData对象

                                        formData.append('file', file); //将文件对象添加到formData中

                                        $.ajax({
                                            url: '/admin/api.upload/file', //设置服务器URL地址
                                            method: 'POST', //指定HTTP请求类型为POST
                                            dataType: 'json', //期望返回JSON格式数据

                                            processData: false, //不进行数据转换
                                            contentType: false, //不设置Content-Type头部信息

                                            data: formData, //将表单数据作为参数传递给服务器

                                            success: function(response){ //成功回调函数
                                                // console.log("文件上传成功！",rows);
                                                parents.find('.layui-input').val(response.data.url)
                                                // parents.find('.layui-input').focus()
                                                parents.find('.layui-input').blur()
                                                parents.find('.show_image').attr('src',response.data.url)
                                                parents.find('.show_image').attr('data-lazy-src',response.data.url)
                                            },

                                            error: function(xhr, status, error){ //错误回调函数
                                                console.error("文件上传失败！", xhr, status, error);

                                                //根据错误情况进行相应的处理
                                                //...
                                            }
                                        });
                                    } else {
                                        console.warn("未选择任何文件！");
                                    }
                                });
                            });
                        </script>
                        <input type="file"  class="uploadFile">
                        <input type="hidden" class="layui-input border-0 padding-left-0 text-center" ng-blur="rows[0].show_image=setValue(rows[0].key,'show_image',$event.target.value)" ng-model="rows[0].show_image">
                        <div>{{rows[0].show_image}}</div>
                        {if isset($vo.cover)}
                            <img src="https://ship-expert.zhousi.hdlkeji.com/upload/dc/a5d25431dbfb40412fa9e349220bd4.png" class="show_image" data-tips-hover data-tips-image data-lazy-src="{{rows[0].show_image}}">
<!--                            <input  type="hidden" name="data_items[$index][show_image]">-->
                        {/if}

                    </td>

                    <td class="padding-0">
                        <label>
                            <input class="layui-input border-0 padding-left-0 text-center" ng-blur="rows[0].sku=setValue(rows[0].key,'sku',$event.target.value)" ng-model="rows[0].sku">
                        </label>
                    </td>
                    <!--                    <td class="padding-0">-->
                    <!--                        <label class="padding-0 margin-0">-->
                    <!--                            <input class="layui-input border-0 padding-left-0 text-center" ng-blur="rows[0].market=setValue(rows[0].key,'market',$event.target.value,'(parseFloat(_)||0).toFixed(2)')" ng-model="rows[0].market">-->
                    <!--                        </label>-->
                    <!--                    </td>-->
                    <td class="padding-0">
                        <label class="padding-0 margin-0">
                            <input class="layui-input border-0 padding-left-0 text-center" ng-blur="rows[0].selling=setValue(rows[0].key,'selling',$event.target.value,'(parseFloat(_)||0).toFixed(2)')" ng-model="rows[0].selling">
                        </label>
                    </td>
                    <!--                    <td class="padding-0">-->
                    <!--                        <label class="padding-0 margin-0">-->
                    <!--                            <input class="layui-input border-0 padding-left-0 text-center" ng-blur="rows[0].balance=setValue(rows[0].key,'balance',$event.target.value,'(parseFloat(_)||0).toFixed(2)')" ng-model="rows[0].balance">-->
                    <!--                        </label>-->
                    <!--                    </td>-->
                    <!--                    <td class="padding-0 layui-hide">-->
                    <!--                        <label class="padding-0 margin-0">-->
                    <!--                            <input class="layui-input border-0 padding-left-0 text-center" ng-blur="rows[0].integral=setValue(rows[0].key,'integral',$event.target.value,'(parseInt(_)||0)')" ng-model="rows[0].integral">-->
                    <!--                        </label>-->
                    <!--                    </td>-->
                    <!--                    <td class="padding-0">-->
                    <!--                        <label class="padding-0 margin-0">-->
                    <!--                            <input class="layui-input border-0 padding-left-0 text-center" ng-blur="rows[0].virtual=setValue(rows[0].key,'virtual',$event.target.value,'(parseInt(_)||0)')" ng-model="rows[0].virtual">-->
                    <!--                        </label>-->
                    <!--                    </td>-->
                    <td class="padding-0">
                        <label class="padding-0 margin-0">
                            <input class="layui-input border-0 padding-left-0 text-center" ng-blur="rows[0].virtual=setValue(rows[0].key,'virtual',$event.target.value,'(parseInt(_)||0)')" ng-model="rows[0].stock">
                        </label>
                    </td>
                    <!--                    <td class="padding-0">-->
                    <!--                        <label class="padding-0 margin-0">-->
                    <!--                            <input class="layui-input border-0 padding-left-0 text-center" ng-blur="rows[0].express=setValue(rows[0].key,'express',$event.target.value,'(parseInt(_)||0)')" ng-model="rows[0].express">-->
                    <!--                        </label>-->
                    <!--                    </td>-->
                    <td class="text-center layui-bg-gray">
                        <label class="think-checkbox margin-0 full-width full-height block">
                            <input lay-ignore ng-model="rows[0].status" type="checkbox">
                        </label>
                    </td>
                </tr>
                </tbody>
            </table>
            <p class="color-desc">请注意商品的SKU尽量不要重复，也不能产生订单后再修改，否则会造成订单数据无法关联！!</p>
            <label class="layui-hide">
                <textarea class="layui-textarea" name="data_specs">{{specs}}</textarea>
                <textarea class="layui-textarea" name="data_items">{{items}}</textarea>
            </label>
        </div>

        <!--        <label class="layui-form-item block">-->
        <!--            <span class="help-label"><b>商品简介描述</b></span>-->
        <!--            <textarea class="layui-textarea" name="remark" placeholder="请输入商品简介描述">{$vo.remark|default=''|raw}</textarea>-->
        <!--        </label>-->

        <div class="layui-form-item block">
            <span class="help-label label-required-prev"><b>商品详情</b></span>
            <!--            <textarea class="" name="content">{$vo.content|default=''|raw}</textarea>-->
            <textarea placeholder="" required class="layui-textarea" name="content">{$vo.content|default=''|raw}</textarea>
        </div>

        <div class="hr-line-dashed margin-top-40"></div>
        {notempty name='vo.code'}<input name="code" type="hidden" value="{$vo.code}">{/notempty}

        <div class="layui-form-item text-center">
            <button class="layui-btn layui-btn-danger" ng-click="pageBack()" type="button">取消编辑</button>
            <button class="layui-btn" type="submit">保存商品</button>
            {if $type == 'examine'}
            <a class=" layui-btn-xs " data-action="{:url('examines')}" data-value="code#{$vo.code};examine#1">
                <button class="layui-btn" type="submit">通 过</button>
            </a>
            <a class="layui-btn-xs" data-modal="{:url('shop.goods/examines')}?id={$vo.id}" data-title="拒绝原因">
                <button class="layui-btn layui-btn-danger" type="submit">拒 绝</button>
            </a>
            {/if}
<!--            -->
        </div>
    </div>
</form>
{/block}

{block name='script'}
<label class="layui-hide">
    <textarea id="GoodsSpecs">{$vo.data_specs|raw|default=''}</textarea>
    <textarea id="GoodsItems">{$vo.data_items|raw|default=''}</textarea>
</label>
<!--<script src="https://unpkg.com/vue@2/dist/vue.js"></script>-->
<!--<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>-->
<!--<script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>-->
<script>
    $(document).ready(function() {
        $('.uploadFile').change(function(){ //当文件被选择时触发事件
            var file = $(this)[0].files[0]; //获取选择的文件对象

            if (file) {
                var formData = new FormData(); //创建FormData对象

                formData.append('image', file); //将文件对象添加到formData中

                $.ajax({
                    url: '/admin/api.upload/file', //设置服务器URL地址
                    method: 'POST', //指定HTTP请求类型为POST
                    dataType: 'json', //期望返回JSON格式数据

                    processData: false, //不进行数据转换
                    contentType: false, //不设置Content-Type头部信息

                    data: formData, //将表单数据作为参数传递给服务器

                    success: function(response){ //成功回调函数
                        console.log("文件上传成功！");

                        //根据服务器返回的结果进行相应的处理
                        //...
                    },

                    error: function(xhr, status, error){ //错误回调函数
                        console.error("文件上传失败！", xhr, status, error);

                        //根据错误情况进行相应的处理
                        //...
                    }
                });
            } else {
                console.warn("未选择任何文件！");
            }
        });
    });
    layui.use('upload', function(){
        var upload = layui.upload;
        console.log('开始上传')
        //执行实例
        var uploadInst = upload.render({
            elem: '.test1' //绑定元素
            ,url: '/upload/' //上传接口
            ,done: function(res, index, upload){
                //上传完毕回调
                console.log('上传图片回调',res)
            }
            ,error: function(err){
                //请求异常回调
                console.log('请求异常回调',err)
            }
        });
    });
    // new Vue({
    //     el: '#app',
    //     data: function() {
    //         return { visible: false }
    //     },
    //     methods: {
    //         handlePreview(file) {
    //             console.log(file);
    //         },
    //         beforeAvatarUpload(file) {
    //             const isJPG = file.type === 'image/jpeg';
    //             const isLt2M = file.size / 1024 / 1024 < 2;
    //
    //             if (!isJPG) {
    //                 this.$message.error('上传头像图片只能是 JPG 格式!');
    //             }
    //             if (!isLt2M) {
    //                 this.$message.error('上传头像图片大小不能超过 2MB!');
    //             }
    //             return isJPG && isLt2M;
    //         }
    //     },
    // })
    // let editorContent;
    // let vo={:json_encode($vo?:null,256)};
    // let category=256;
    // require(['ckeditor'], function () {
    //     editorContent=window.createEditor('[name=content]', {height: 350})
    //     if(vo){
    //         editorContent.setData(vo.content)
    //     }
    // });
    /*! 入会礼包切换 */
    window.form.on('radio(vip_entry)', setVipEntry);
    setVipEntry({value: ('{$vo.vip_entry|default="0"}')});

    function setVipEntry(data, $input) {
        $input = $('select[name="vip_upgrade"]');
        if (parseInt(data.value)) {
            $input.removeClass('layui-disabled').removeAttr('disabled');
        } else {
            $input.addClass('layui-disabled').attr('disabled', 'disabled');
        }
        layui.form.render();
    }

    /*! 加载扩展插件 */
    require(['ckeditor', 'angular'], function () {
        window.createEditor('[name="content2"]', {height: 500});
        var app = angular.module("GoodsForm", []).run(callback);
        angular.bootstrap(document.getElementById(app.name), [app.name]);

        function getRand(length, prefix) {
            return (function (time, code) {
                code += parseInt(time.substring(0, 1)) + parseInt(time.substring(1, 2)) + time.substring(2);
                while (code.length < length) code += Math.round(Math.random() * 10);
                return code;
            })(Date.now().toString(), prefix || '' + '')
        }

        function callback($rootScope) {
            $rootScope.mode = '{$mode|default="add"}', $rootScope.navas = [];
            $rootScope.items = angular.fromJson(angular.element('#GoodsItems').val() || '[]') || {};
            $rootScope.cache = angular.fromJson(angular.element('#GoodsItems').val() || '[]') || {};
            $rootScope.specs = angular.fromJson(angular.element('#GoodsSpecs').val() || '[{"name":"默认分组","list":[{"name":"默认规格","check":true}]}]');
            console.log($rootScope.items);
            /*! 批量设置数值 */
            $rootScope.batchSet = function (name, fixed, title) {
                layer.prompt({
                    title: title || (fixed === null ? '请输入内容' : '请输入数量【 取值范围：1 - 999999 】'),
                    formType: 0, value: fixed === null ? '' : (1).toFixed(fixed), success: function ($fn) {
                        var min = (1).toFixed(fixed), max = (999999).toFixed(fixed);
                        $fn.find('.layui-layer-input').attr({'data-value-min': min, 'data-value-max': max, 'data-blur-number': fixed});
                    }
                }, function (value, index) {
                    layer.close(index), $rootScope.$apply(function () {
                        if (fixed !== null) value = (parseFloat(value) || 0).toFixed(fixed);
                        $rootScope.items.forEach(function (rows) {
                            rows.forEach(function (item) {
                                console.log(value);
                                item[name] = value;
                            });
                        });
                    });
                });
            };
            $rootScope.pageBack = function () {
                $.msg.confirm('确定要取消编辑吗？', function (index) {
                    history.back(), $.msg.close(index);
                });
            };
            $rootScope.setValue = function (key, name, value, callback) {
                $rootScope.items[key] = $rootScope.items[key] || {};
                $rootScope.cache[key] = $rootScope.cache[key] || {};
                if (typeof callback === 'string' && callback.indexOf('_') > -1) {
                    value = eval(callback.replace('_', "'" + value + "'"));
                }
                console.log(name)
                console.log(value)
                return $rootScope.cache[key][name] = $rootScope.items[key][name] = value;
            };
            $rootScope.getValue = function (key, name, value) {
                var cache = $rootScope.cache[key] || {};
                if (typeof cache[name] === 'undefined') {
                    $rootScope.setValue(key, name, value, '_')
                    cache = $rootScope.cache[key] || {};
                }
                return cache[name];
            };
            /*! 去除空白字符 */
            $rootScope.trimSpace = function (value) {
                return (value + '').replace(/\s*/ig, '');
            };
            /*! 当前商品规格发生变化时重新计算规格列表 */
            $rootScope.$watch('specs', function () {
                var data = [], navs = [], table = [[]];
                $rootScope.specs.forEach(function (spec) {
                    var temp = [];
                    spec.list.forEach(function (item) {
                        if (item.check && item.name.length > 0) {
                            item.show = true, item.group = spec.name;
                            temp.push(item);

                        }
                    });
                    data.push(temp), navs.push(spec.name);

                });
                $rootScope.navas = navs;
                /*! 表格交叉 */
                data.forEach(function (rows) {
                    var temp = [];
                    table.forEach(function (line) {
                        rows.forEach(function (item) {
                            temp.push(line.concat(item));
                        });
                    });
                    table = temp;
                });
                /*! 表格数据  */
                data = angular.fromJson(angular.toJson(table));
                data.forEach(function (rows) {
                    var keys = [];
                    rows.forEach(function (item) {
                        keys.push(item.group + '::' + item.name);
                    }), rows.every(function (item) {
                        item.key = keys.join(';;');
                        item.sku_cover = $rootScope.getValue(item.sku_cover, 'sku_cover');

                        item.sku = $rootScope.getValue(item.key, 'sku', getRand(14, 'S'));
                        item.status = !!$rootScope.getValue(item.key, 'status', 1);
                        item.market = $rootScope.getValue(item.key, 'market', '0.00');
                        item.balance = $rootScope.getValue(item.key, 'balance', '0.00');
                        item.selling = $rootScope.getValue(item.key, 'selling', '0.00');
                        item.integral = $rootScope.getValue(item.key, 'integral', '0');
                        item.stock = $rootScope.getValue(item.key, 'stock', '0');

                        item.express = $rootScope.getValue(item.key, 'express', '1');
                        item.virtual = $rootScope.getValue(item.key, 'virtual', '0');
                        item.show_image = $rootScope.getValue(item.key, 'show_image', '');

                        return false;
                    });
                });
                $rootScope.items = data;
            }, true);
            /*! 判断规则是否能取消选择 */
            $rootScope.checkListChecked = function (data, check) {
                for (var i in data) if (data[i].check) return check;
                return true;
            };
            /*! 下移整行规格分组 */
            $rootScope.dnSpecRow = function (items, index) {
                if (index + 1 < items.length) (function (item) {
                    items.splice(index + 1, 1), items.splice(index, 0, item);
                })(items[index + 1]);
            };
            /*! 上移整行规格分组 */
            $rootScope.upSpecRow = function (items, index) {
                if (index > 0) (function (item) {
                    items.splice(index - 1, 1), items.splice(index, 0, item);
                })(items[index - 1]);
            };
            /*! 移除整行规格分组 */
            $rootScope.delSpecRow = function (items, index) {
                items.splice(index, 1)
            };
            /*! 增加整行规格分组 */
            $rootScope.addSpecRow = function (data) {
                data.push({name: '规格分组' + data.length, list: [{name: '规格属性', check: true}]})
            };
            /*! 增加分组的属性 */
            $rootScope.addSpecVal = function (data) {
                data.push({name: '规格属性' + data.length, check: true});
            };
            /*! 移除分组的属性 */
            $rootScope.delSpecVal = function (data, $index) {
                var temp = [];
                data.forEach(function (item, index) {
                    if (parseInt(index) !== parseInt($index)) temp.push(item);
                });
                return temp;
            };
        }
    });
</script>
{/block}