huahuibao/app/admin/views/goods/edit.php

<?php
use backend\widgets\TabWidget;

echo TabWidget::widget(['list' => $this->context->menuList, 'currentMenu' => $this->context->id]);
?>
<div class="panel panel-default">
	<?php
	use backend\widgets\SubTabWidget;
	
	echo SubTabWidget::widget(['list' => $this->context->subMenuList, 'currentMenu' => $this->context->action->id]);
	?>
    <div class="panel-body">

        <form role="form" class="form-horizontal" id="goods-data-form">
            <input type="hidden" name="_csrf" value="<?= Yii::$app->request->csrfToken ?>"/>
            <input type="hidden" name="id" value="<?= $goods['id'] ?>"/>

            <div class="form-group">
                <label class="col-sm-2 control-label">*名称：</label>

                <div class="col-sm-10">
                    <input type="text" class="form-control" name="goodsName" value="<?= $goods['goodsName'] ?>" placeholder="">
                    <p></p>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">编号：</label>
                <div class="col-sm-10">
                    <span style="display:block;padding-top:6px;"><?= $goods['itemNumber'] ?></span>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-2 control-label">*已售出：</label>

                <div class="col-sm-10">
                    <input type="tel" class="form-control" name="sold" value="<?= $goods['sold'] ?>" placeholder="">
                    <p></p>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label" for="field-1">花材：</label>

                <div class="col-sm-10">
                    <input type="text" class="form-control" value="<?= $goods['material'] ?>" name="material" placeholder="">
                    <p></p>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label" for="field-1">花语：</label>

                <div class="col-sm-10">
                    <input type="text" class="form-control" name="representative" value="<?= $goods['representative'] ?>" placeholder="">
                    <p></p>
                </div>
            </div>

            <div class="form-group-separator"></div>

            <div class="form-group">
                <label class="col-sm-2 control-label">*图片：</label>
                <div>
                    <div style="margin-left:16px;width:113px;height:174px;float:left;display:inline-block">
                        封面[550x550]：
                        <div style="width:97px;height:110px;display:inline-block;margin-bottom:3px;">
                            <img src="<?= Yii::$app->params['imgUrl'] . $goods['cover'] ?>" name="cover" style="width:97px;height:110px;" onerror="javascript:this.src='/images/nopicture.png';" class="img-thumbnail"/>
                        </div>
                        <a href="javascript:;" class="a-upload">
                            <input type="file" accept="image/*" id="cover" value=""/>选择图片 </a>
                        <input type="hidden" name="cover" value="<?= $goods['cover'] ?>"/>
                    </div>
					<?php $shopImg = json_decode($goods['shopImg'], true); ?>
                    <div style="margin-left:16px;width:157px;height:174px;float:left;display:inline-block;float:left;">
                        图Ⅰ[800x800]：
                        <div style="width:141px;height:110px;display:inline-block;margin-bottom:3px;">
                            <img src="<?php if (isset($shopImg[0])) {
								echo Yii::$app->params['imgUrl'] . $shopImg[0];
							} else {
								echo '/images/nopicture.png';
							} ?>" name="shopImg1" style="width:128px;height:110px;" onerror="javascript:this.src='/images/nopicture.png';" class="img-thumbnail"/>
                        </div>
                        <a href="javascript:;" class="a-upload">
                            <input type="file" accept="image/*" id="shopImg1" value=""/>选择图片 </a>
                        <input type="hidden" name="shopImg1" value="<?php echo isset($shopImg[0]) ? $shopImg[0] : ''; ?>"/>
                    </div>

                    <div style="margin-left:16px;width:157px;height:174px;float:left;display:inline-block;float:left;">
                        图Ⅱ[800x800]：
                        <div style="width:141px;height:110px;display:inline-block;margin-bottom:3px;">
                            <img src="<?php if (isset($shopImg[1])) {
								echo Yii::$app->params['imgUrl'] . $shopImg[1];
							} else {
								echo '/images/nopicture.png';
							} ?>" name="shopImg2" style="width:128px;height:110px;" class="img-thumbnail"/>
                        </div>
                        <a href="javascript:;" class="a-upload">
                            <input type="file" accept="image/*" id="shopImg2" value=""/>选择图片 </a>
                        <input type="hidden" name="shopImg2" value="<?php echo isset($shopImg[1]) ? $shopImg[1] : ''; ?>"/>
                    </div>

                    <div style="margin-left:16px;width:157px;height:174px;float:left;display:inline-block;float:left;">
                        图Ⅲ[800x800]：
                        <div style="width:141px;height:110px;display:inline-block;margin-bottom:3px;">
                            <img src="<?php if (isset($shopImg[2])) {
								echo Yii::$app->params['imgUrl'] . $shopImg[2];
							} else {
								echo '/images/nopicture.png';
							} ?>" name="shopImg3" style="width:128px;height:110px;" onerror="javascript:this.src='/images/nopicture.png';" class="img-thumbnail"/>
                        </div>
                        <a href="javascript:;" class="a-upload">
                            <input type="file" accept="image/*" id="shopImg3" value=""/>选择图片 </a>
                        <input type="hidden" name="shopImg3" value="<?php echo isset($shopImg[2]) ? $shopImg[2] : ''; ?>"/>
                    </div>
                    <div style="clear:both;margin-left:228px;"><p></p></div>
                </div>
            </div>

            <div class="form-group-separator"></div>

            <div class="form-group price-area">
                <label class="col-sm-2 control-label">价格选项：</label>
                <div class="col-sm-10">
                    <div class="col-sm-2 radio-inline">
                        <label><input type="radio" name="priceType" data-type='single' value='single' <?php if ($goods['multiPrice'] == '') {
								echo 'checked="checked"';
							} ?> > 单价格</label>
                    </div>
                    <div class="col-sm-2 radio-inline">
                        <label><input type="radio" name="priceType" data-type='multi' value='multi' <?php if ($goods['multiPrice'] != '') {
								echo 'checked="checked"';
							} ?> > 多价格</label>
                    </div>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-2 control-label">价格：</label>
                <div class="single-price-area" <?php if ($goods['multiPrice'] != '') {
					echo 'style="display:none;"';
				} ?> >
                    <div class="col-sm-10" style="color:#555">
                        <div class="form-group">
                            <div class="col-sm-10">
                                <input type="text" name="price" class="form-control" value="<?= $goods['price'] ?>">
                                <p></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="multi-price-area" <?php if (!isset($goodsPriceArr)) {
					echo 'style="display:none;"';
				} ?> >
                    <div class="col-sm-10" style="color:#555;">
						
						<?php
						if (isset($goodsPriceArr)) {
							foreach ($goodsPriceArr as $key => $item) {
								?>
                                <div class="form-group">
                                    <div class="col-sm-10 price-area">
                                        名称：<input type="text" name="goodTitle[]" value="<?= $item['title'] ?>" class="form-control" style="width:150px;display:inline-block;">
                                        &nbsp;&nbsp;&nbsp;&nbsp;价格：<input type="text" name="multiPrice[]" value="<?= $item['price'] ?>" class="form-control" style="width:100px;display:inline-block;" placeholder="">
                                        <input type="hidden" name="priceId[]" value="<?= $item['id'] ?>"/>

                                        <!-- &nbsp;&nbsp;&nbsp;&nbsp;<img src="" alt="">
										 &nbsp;&nbsp;<button type="button" class="btn btn-sm btn-white" style="display: none;margin:0;">上传图片</button>
										 &nbsp;&nbsp;<button type="button" class="btn btn-sm btn-pink rm-price-btn" onclick="removePrice($(this))" style="display:none;margin:0;"><li class="fa-remove">删除</li></button>-->
										
										<?php
										if ($item['picture'] == '') {
											?>
                                            &nbsp;&nbsp;&nbsp;&nbsp;
                                            <img src="/images/nopicture.png" style="width:50px;height:50px;" class="multi-price-img">
											<?php
										} else {
											?>
                                            &nbsp;&nbsp;&nbsp;&nbsp;
                                            <img src="<?= Yii::$app->params['imgUrl']; ?><?= $item['picture'] ?>" style="width:50px;height:50px;" class="multi-price-img">
											<?php
										}
										?>
                                        [210X150] <a href="javascript:;" class="a-upload">
                                            <input type="file" accept="image/*" class="img-upload-btn"/>上传图片 </a>
										<?php
										if ($item['picture'] == '') {
											?>
                                            <input type="hidden" name="multiImg[]" value=""/>
											<?php
										} else {
											?>
                                            <input type="hidden" name="multiImg[]" value="<?= $item['picture'] ?>"/>
											<?php
										}
										?>
                                    </div>
                                </div>
								<?php
							}
						} else {
							?>
                            <div class="form-group">
                                <div class="col-sm-10">
                                    名称：<input type="text" name="goodTitle[]" class="form-control" style="width:150px;display:inline-block;">
                                    &nbsp;&nbsp;&nbsp;&nbsp;价格：<input type="text" name="multiPrice[]" class="form-control" style="width:100px;display:inline-block;" placeholder="">
                                    <input type="hidden" name="priceId[]" value=""/>

                                    &nbsp;&nbsp;&nbsp;&nbsp;<img src="/images/nopicture.png" style="width:50px;height:50px;" class="multi-price-img">[210X150]
                                    <a href="javascript:;" class="a-upload">
                                        <input type="file" accept="image/*" class="img-upload-btn"/>上传图片 </a>
                                    <input type="hidden" name="multiImg[]" value=""/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-10">
                                    名称：<input type="text" name="goodTitle[]" class="form-control" style="width:150px;display:inline-block;">
                                    &nbsp;&nbsp;&nbsp;&nbsp;价格：<input type="text" name="multiPrice[]" class="form-control" style="width:100px;display:inline-block;" placeholder="">
                                    <input type="hidden" name="priceId[]" value=""/>

                                    &nbsp;&nbsp;&nbsp;&nbsp;<img src="/images/nopicture.png" style="width:50px;height:50px;" class="multi-price-img">[210X150]
                                    <a href="javascript:;" class="a-upload">
                                        <input type="file" accept="image/*" class="img-upload-btn"/>上传图片 </a>
                                    <input type="hidden" name="multiImg[]" value=""/>
                                </div>
                            </div>
							<?php
						}
						?>
                    </div>
                    <div class="col-sm-10">
                        <label class="col-sm-2 control-label"></label>
                        <div class="col-sm-8" style="margin-left: 35px;">
                            <button type="button" class="btn btn-turquoise add-price-btn">
                                <li class="fa-plus"></li>
                                增加价格
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group price-area">
                <label class="col-sm-2 control-label">运费计算：</label>
                <div class="col-sm-10">
                    <div class="col-sm-2 radio-inline">
                        <label><input type="radio" name="isCharge" value='1' <?php if ($goods['isCharge'] == 1){ ?>checked="checked"<?php } ?> > 按距离收费</label>
                    </div>
                    <div class="col-sm-2 radio-inline">
                        <label><input type="radio" name="isCharge" value='0' <?php if ($goods['isCharge'] == 0){ ?>checked="checked"<?php } ?> > 免运费</label>
                    </div>
                </div>
            </div>

            <div class="form-group-separator"></div>

            <div class="form-group">
                <label class="col-sm-2 control-label" for="field-3">*商品简介：</label>

                <div class="col-sm-10">
					<?php use common\widgets\UeditorWidget; ?>
					<?= UeditorWidget::widget(['name' => 'content', 'content' => $goods['content']]); ?>
                    <p></p>
                </div>
            </div>

            <div class="form-group-separator"></div>

            <div class="form-group">
                <label class="col-sm-2 control-label">*鲜花类型</label>

                <div class="col-sm-10 category-area">
                    <div style="border:1px solid #CCC;padding-left:8px;border-radius:4px;">
						<?php
						if (!empty($categoryList)) {
							foreach ($categoryList as $clKey => $clVal) {
								if (!empty($clVal['child'])) {
									echo '<label class="checkbox-inline" style="padding-left:0px;">' . $clVal['name']. '</label><p>';
									foreach ($clVal['child'] as $ccKey => $ccVal) {
										echo '&nbsp;&nbsp;&nbsp;|-- <label class="checkbox-inline"><input name="categoryId[]"';
										if (in_array($ccVal['id'], $goodsCategory)) echo 'checked ';
										echo 'value="' . $ccVal['id'] . '" type="checkbox">' . $ccVal['name']. '</label>';
									}
									echo '</p>';
								} else {
									echo '<label class="checkbox-inline"><input name="categoryId[]"';
									if (in_array($clVal['id'], $goodsCategory)) echo 'checked ';
									echo 'value="' . $clVal['id'] . '" type="checkbox">' . $clVal['name'] . '</label><p></p>';
								}
							}
						}
						?>
                    </div>
                    <p name="categoryIdMention"></p>
                </div>
            </div>

            <div class="form-group-separator"></div>

            <div class="form-group">
                <label class="col-sm-2 control-label">*用途</label>

                <div class="col-sm-10 usage-area">
                    <div style="border:1px solid #CCC;padding-left:8px;border-radius:4px;">
				        <?php
				        if (!empty($usageList)) {
					        foreach ($usageList as $usageKey => $usageVal) {
							        echo '<label class="checkbox-inline"><input name="usageId[]"';
							        if (in_array($usageVal['id'], $goodsUsageIdList)) echo 'checked ';
							        echo 'value="' . $usageVal['id'] . '" type="checkbox">' . $usageVal['name'].'</label><p></p>';
					        }
				        }
				        ?>
                    </div>
                    <p name="usageIdMention"></p>
                </div>
            </div>
            
            <div class="form-group">
                <label class="col-sm-2 control-label" for="field-4">*商品状态</label>
                <div class="col-sm-10">
                    <div class="radio-inline">
                        <label>
                            <input type="radio" name="status" <?php if ($goods['status'] == 0){ ?>checked<?php } ?> checked value="0"> 上架
                        </label>
                    </div>
                    <div class="radio-inline">
                        <label>
                            <input type="radio" name="status" <?php if ($goods['status'] == 1){ ?>checked<?php } ?> value="1"> 下架
                        </label>
                    </div>
                </div>
            </div>

            <div class="form-group-separator"></div>

            <div class="form-group" style="text-align:center;">
                <button type="button" onclick="editSubmit('click', this)" class="btn btn-info btn-single">确认</button>
                <button type="button" onclick="history.go(-1);" class="btn btn-info btn-single">返回</button>
            </div>

        </form>

    </div>
</div>



<!-- footer -->
<?php
use backend\widgets\FooterWidget;

?>
<?= FooterWidget::widget() ?>
<!-- footer -->

<script src="/js/lrz/dist/lrz.bundle.js"></script>

<script>
    
    //添加商品验证流程
    var goodsId = $("input[name=id]");
    var goodsName = $("input[name=goodsName]");
    var price = $("input[name=price]");
    var sold = $("input[name=sold]");
    var material = $("input[name=material]");
    var representative = $(":input[name=representative]");
    var cover = $(":input[name=cover]");
    var shopImg1 = $(":input[name=shopImg1]");
    var shopImg2 = $(":input[name=shopImg2]");
    var shopImg3 = $(":input[name=shopImg3]");
    var content = $("textarea[name=content]");

    Array.prototype.diff = function (a) {
        return this.filter(function (i) {
            return a.indexOf(i) < 0;
        });
    };

    var needValidate = [goodsName, price, sold, material, representative];

    //添加商品验证流程
    editSubmit();
    function editSubmit() {
        var verifyStatus = true;

        setStats(goodsName, '请填写商品名称', function (val, mess) {
            var info = [false, mess];
            if (val.length <= 0) {
                info[1] = '请填写商品名称';
            } else if (getLength(val) >= 0 && getLength(val) <= 40) {
                info[0] = true;
                info[1] = '填写正确';
            } else {
                info[0] = false;
            }
            return info;
        });

        var priceType = $('.price-area input:radio[name=priceType]:checked').attr('data-type');
        if (priceType == 'single') {
            setStats(price, '请填写价格', function (val, mess) {
                var info = [false, mess];
                if (isNotNull(val) == false || isNaN(val)) {
                    info[1] = '请填写价格';
                } else {
                    info[0] = true;
                }
                return info;
            });
        } else {
            var units = $('.multi-price-area .col-sm-10').find('.form-group');
            units.each(function (e) {
                var title = $(this).find('.form-control').eq(0).val();
                var price = $(this).find('.form-control').eq(1).val();

                if ($.trim(title) == '') {
                    xhPopMsg('价格项: 名称不为空', 2500);
                    verifyStatus = false;
                    return;
                }

                if ($.trim(price) == '') {
                    xhPopMsg('价格项: 有价格未填写', 2500);
                    verifyStatus = false;
                    return;
                }
                if (isNaN(price)) {
                    xhPopMsg('价格项: 价格必须为数字', 2500);
                    verifyStatus = false;
                    return;
                }
            });

            var singlePriceObj = $('.single-price-area input[name=price]');
            singlePriceObj.attr('addStatus', 'yes');
            singlePriceObj.siblings('p').removeClass('help-error-mention').html('');
        }

        setStats(sold, '请填写售量', function (val, mess) {
            var info = [false, mess];
            if (isNotNull(val) == false || isNaN(val)) {
                info[1] = '请填写售量';
            } else {
                info[0] = true;
            }
            return info;
        });

        setStats(material, '请填写花材', function (val, mess) {
            var info = [false, mess];
            if (getLength(val) >= 0) {
                info[0] = true;
                info[1] = '填写正确';
            } else {
                info[1] = '请填写花材';
            }
            return info;
        });

        setStats(representative, '请填写花语', function (val, mess) {
            var info = [false, mess];
            if (getLength(val) >= 0) {
                info[0] = true;
                info[1] = '填写正确';
            } else {
                info[1] = '请填写花语';
            }
            return info;
        });

        setStats(shopImg1, '请填写上传图片', function (val, mess) {
            var info = [false, mess];
            if (getLength(val) >= 0) {
                info[0] = true;
                info[1] = '填写正确';
            } else {
                info[1] = '至少需要上传一张图片';
            }
            return info;
        });

        setStats(content, '请填写简介', function (val, mess) {
            var info = [false, mess];
            if (val.length > 0) {
                info[0] = true;
                info[1] = '填写正确';
            } else {
                info[1] = '请填写简介';
            }
            return info;
        });

        if (arguments[0] == 'click') {//用户点击提交

            var submitButton = arguments[1];//获取提交按钮对象
            var submitButtonObj = $(submitButton);
            if (submitButtonObj.attr('submitStatus') == 'yes') {
                alert('表单已经提交成功，不允许重复提交');
                return;//表单已经提交成功，不允许重复提交
            }

            for (var m = 0; m < needValidate.length; m++) {
                var singleObj = needValidate[m];
                if (singleObj.attr('addStatus') == undefined) {
                    singleObj.blur();
                }
                if (singleObj.attr('addStatus') == 'no') {
                    verifyStatus = false;
                    continue;
                }
            }

            //封面 图片1判断
            if (isNotNull(shopImg1.val()) == false || isNotNull(cover.val()) == false) {
                shopImg1.parent().parent().find('p').addClass('help-error-mention').html('封面和图Ⅰ必须上传');
                verifyStatus = false;
            } else {
                shopImg1.parent().parent().find('p').removeClass('help-error-mention').html('');
            }

            //确认有没选择分类
            var checkNum = $(".form-group .category-area :checkbox:checked").length;
            if (parseInt(checkNum) < 1) {
                $("p[name=categoryIdMention]").addClass('help-error-mention').html('请选择分类');
                verifyStatus = false;
            } else {
                $("p[name=categoryIdMention]").removeClass('help-error-mention').html('');
            }

            var newGoodsCategory = [];
            $(":input[name=categoryId\\[\\]]:checked").each(function () {
                var thisCId = $(this).val();
                newGoodsCategory.push(thisCId);
            });
            var addCategoryId = newGoodsCategory;//并集，需要添加的

            //确认有没选择用途
            var checkNum = $(".form-group .usage-area :checkbox:checked").length;
            if (parseInt(checkNum) < 1) {
                $("p[name=usageIdMention]").addClass('help-error-mention').html('请选择分类');
                verifyStatus = false;
            } else {
                $("p[name=usageIdMention]").removeClass('help-error-mention').html('');
            }
            
            var newUsage = [];
            $(":input[name=usageId\\[\\]]:checked").each(function () {
                var thisCId = $(this).val();
                newUsage.push(thisCId);
            });
            var addUsageId = newUsage;//并集，需要添加的
            
            if (verifyStatus) {
                var data = $('#goods-data-form').serialize();
                data = data + "&addCategoryId=" + addCategoryId.join(',') + "&addUsageId="+addUsageId.join(',');

                $.ajax({
                    type: "POST",
                    url: '/goods/save-edit',
                    data: data,
                    dataType: 'json',
                    async: false,
                    success: function (data) {
                        if (data.code == 'A0001') {
                            submitButtonObj.attr('submitStatus', 'yes');
                            xhPopMsg(data.msg, 1300);//调用定时浮层  XXX毫秒后消失
                            setTimeout(function () {
                                window.location.href = '/goods/list';
                            }, 1400);
                        } else {
                            xhPopMsg(data.msg, 1500);
                        }
                    }
                });
            }
        }
    }

    function setStats(obj, mess, check) {
        obj.focus(function () {
            $(this).removeAttr('addStatus');
            $(this).siblings('p').removeClass('help-error-mention').html('');
            $(this).parent().parent().removeClass("has-success").removeClass('has-error');
        });

        obj.blur(function () {
            var objVal = obj.val();
            var info = check(objVal, mess);
            if (info[0]) {
                $(this).attr('addStatus', 'yes');
                $(this).siblings('p').removeClass('help-error-mention').html('');
                $(this).parent().parent().addClass("has-success").removeClass("has-error");
            } else {
                $(this).attr('addStatus', 'no');
                $(this).siblings('p').addClass('help-error-mention').html(info[1]);
                $(this).parent().parent().addClass("has-error").removeClass("has-success");
            }
        });
    }

    document.querySelector('#cover').addEventListener('change', function () {
        //参数说明 https://github.com/think2011/localResizeIMG/wiki/2.-%E5%8F%82%E6%95%B0%E6%96%87%E6%A1%A3
        lrz(this.files[0], {
            width: 800,// 图片最大不超过的宽度，默认为原图宽度，高度不设时会适应宽度。
            fieldName: 'Filedata',//文件名
            quality: 1,//图片质量 0.1 - 1
        })
            .then(function (rst) {
                // 处理成功会执行
                rst.formData.append('fileLen', rst.fileLen);
                rst.formData.append('_csrf', '<?= Yii::$app->request->csrfToken?>');
                $.ajax({
                    //url: '/main/img', // 这个地址做了跨域处理，可以用于实际调试
                    url: '/upload/upload-goods-img', // 这个地址做了跨域处理，可以用于实际调试
                    data: rst.formData,
                    processData: false,
                    contentType: false,
                    type: 'POST',
                    dataType: 'json',
                    success: function (data) {
                        $("img[name=cover]").attr('src', '<?= Yii::$app->params['imgUrl']; ?>' + data.url);
                        $("input[name='cover']").val(data.url);
                    }
                });
            })
            .catch(function (err) {
                // 处理失败会执行
            })
            .always(function () {
                // 不管是成功失败，都会执行
            });
    });


    document.querySelector('#shopImg1').addEventListener('change', function () {
        //参数说明 https://github.com/think2011/localResizeIMG/wiki/2.-%E5%8F%82%E6%95%B0%E6%96%87%E6%A1%A3
        lrz(this.files[0], {
            width: 800,// 图片最大不超过的宽度，默认为原图宽度，高度不设时会适应宽度。
            fieldName: 'Filedata',//文件名
            quality: 1,//图片质量 0.1 - 1
        })
            .then(function (rst) {
                // 处理成功会执行
                rst.formData.append('fileLen', rst.fileLen);
                rst.formData.append('_csrf', '<?= Yii::$app->request->csrfToken?>');
                $.ajax({
                    //url: '/main/img', // 这个地址做了跨域处理，可以用于实际调试
                    url: '/upload/upload-goods-img', // 这个地址做了跨域处理，可以用于实际调试
                    data: rst.formData,
                    processData: false,
                    contentType: false,
                    type: 'POST',
                    dataType: 'json',
                    success: function (data) {
                        $("img[name=shopImg1]").attr('src', '<?= Yii::$app->params['imgUrl']; ?>' + data.url);
                        $("input[name='shopImg1']").val(data.url);
                    }
                });
            })
            .catch(function (err) {
                // 处理失败会执行
            })
            .always(function () {
                // 不管是成功失败，都会执行
            });
    });


    document.querySelector('#shopImg2').addEventListener('change', function () {
        //参数说明 https://github.com/think2011/localResizeIMG/wiki/2.-%E5%8F%82%E6%95%B0%E6%96%87%E6%A1%A3
        lrz(this.files[0], {
            width: 800,// 图片最大不超过的宽度，默认为原图宽度，高度不设时会适应宽度。
            fieldName: 'Filedata',//文件名
            quality: 1,//图片质量 0.1 - 1
        })
            .then(function (rst) {
                // 处理成功会执行
                rst.formData.append('fileLen', rst.fileLen);
                rst.formData.append('_csrf', '<?= Yii::$app->request->csrfToken?>');
                $.ajax({
                    //url: '/main/img', // 这个地址做了跨域处理，可以用于实际调试
                    url: '/upload/upload-goods-img', // 这个地址做了跨域处理，可以用于实际调试
                    data: rst.formData,
                    processData: false,
                    contentType: false,
                    type: 'POST',
                    dataType: 'json',
                    success: function (data) {
                        $("img[name=shopImg2]").attr('src', '<?= Yii::$app->params['imgUrl']; ?>' + data.url);
                        $("input[name='shopImg2']").val(data.url);
                    }
                });
            })
            .catch(function (err) {
                // 处理失败会执行
            })
            .always(function () {
                // 不管是成功失败，都会执行
            });
    });

    document.querySelector('#shopImg3').addEventListener('change', function () {
        //参数说明 https://github.com/think2011/localResizeIMG/wiki/2.-%E5%8F%82%E6%95%B0%E6%96%87%E6%A1%A3
        lrz(this.files[0], {
            width: 800,// 图片最大不超过的宽度，默认为原图宽度，高度不设时会适应宽度。
            fieldName: 'Filedata',//文件名
            quality: 1,//图片质量 0.1 - 1
        })
            .then(function (rst) {
                // 处理成功会执行
                rst.formData.append('fileLen', rst.fileLen);
                rst.formData.append('_csrf', '<?= Yii::$app->request->csrfToken?>');
                $.ajax({
                    //url: '/main/img', // 这个地址做了跨域处理，可以用于实际调试
                    url: '/upload/upload-goods-img', // 这个地址做了跨域处理，可以用于实际调试
                    data: rst.formData,
                    processData: false,
                    contentType: false,
                    type: 'POST',
                    dataType: 'json',
                    success: function (data) {
                        $("img[name=shopImg3]").attr('src', '<?= Yii::$app->params['imgUrl']; ?>' + data.url);
                        $("input[name='shopImg3']").val(data.url);
                    }
                });
            })
            .catch(function (err) {
                // 处理失败会执行
            })
            .always(function () {
                // 不管是成功失败，都会执行
            });
    });

    $('.a-upload .img-upload-btn').on('change', function () {
        var obj = $(this);

        lrz(this.files[0], {
            width: 800,// 图片最大不超过的宽度，默认为原图宽度，高度不设时会适应宽度。
            fieldName: 'Filedata',//文件名
            quality: 1,//图片质量 0.1 - 1
        })

            .then(function (rst) {
                // 处理成功会执行
                rst.formData.append('fileLen', rst.fileLen);
                rst.formData.append('_csrf', '<?= Yii::$app->request->csrfToken?>');
                $.ajax({
                    //url: '/main/img', // 这个地址做了跨域处理，可以用于实际调试
                    url: '/upload/upload-goods-img', // 这个地址做了跨域处理，可以用于实际调试
                    data: rst.formData,
                    processData: false,
                    contentType: false,
                    type: 'POST',
                    dataType: 'json',
                    success: function (data) {
                        obj.parent().prev().attr('src', '<?= Yii::$app->params['imgUrl']; ?>' + data.url);
                        obj.parent().next().val(data.url);
                    }
                });
            })
            .catch(function (err) {
                // 处理失败会执行
            })
            .always(function () {
                // 不管是成功失败，都会执行
            });
    });

    function delPrice(obj) {
        obj.closest('.form-group').remove();
    }

    function removePrice(obj) {
        var formGroupObj = obj.closest('.form-group').siblings();
        var length = formGroupObj.length;
        if (length < 2) {
            var content = '<div class="form-group"><div class="col-sm-10">名称：<input type="text" name="goodTitle[]" class="form-control" style="width:150px;display:inline-block;" >&nbsp;&nbsp;&nbsp;&nbsp;价格：<input type="text" name="multiPrice[]" class="form-control" style="width:100px;display:inline-block;" placeholder="">&nbsp;&nbsp;&nbsp;&nbsp;<img src="" alt="">[210X150]&nbsp;&nbsp;<button type="button" class="btn btn-sm btn-white" style="display: none;margin:0;">上传图片</button></div></div>';
            formGroupObj.last().after(content);
        }
        obj.closest('.form-group').remove();
    }

    $(function () {
        //增加价格按钮事件
        $('.add-price-btn').on('click', function () {
            var unitNum = $(this).closest('.form-group').find('.multi-price-area .col-sm-10').eq(0).find('.form-group').length;
            if (unitNum > 9) {
                xhPopMsg('价格最多只可设置10个', 2500);
                return;
            }

            var content = '<div class="form-group"><div class="col-sm-10">名称：<input type="text" name="goodTitle[]" class="form-control" style="width:150px;display:inline-block;" placeholder="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价格：<input type="text" name="multiPrice[]" class="form-control" style="width:100px;display:inline-block;" placeholder=""> &nbsp;&nbsp;&nbsp;&nbsp;<img src="/images/nopicture.png" alt="" style="width:50px;height:50px;">[210X150]&nbsp;&nbsp;<a href="javascript:;" class="a-upload"><input type="file" accept="image/*" class="img-upload-btn"/>上传图片</a><input type="hidden" name="multiImg[]" value="" />&nbsp;&nbsp;&nbsp;&nbsp;<button class="btn btn-sm btn-pink" onclick="delPrice(this)" style="margin:0;"><li class="fa-remove">删除</li></button></div></div>';
            $(this).closest('.form-group').find('.multi-price-area .col-sm-10').eq(0).find('.form-group').last().after(content);

            $(this).closest('.form-group').find('.multi-price-area .col-sm-10').eq(0).find('.form-group').last().find('.a-upload .img-upload-btn').on('change', function () {
                var obj = $(this);

                lrz(this.files[0], {
                    width: 800,// 图片最大不超过的宽度，默认为原图宽度，高度不设时会适应宽度。
                    fieldName: 'Filedata',//文件名
                    quality: 1,//图片质量 0.1 - 1
                })

                    .then(function (rst) {
                        // 处理成功会执行
                        rst.formData.append('fileLen', rst.fileLen);
                        rst.formData.append('_csrf', '<?= Yii::$app->request->csrfToken?>');
                        $.ajax({
                            //url: '/main/img', // 这个地址做了跨域处理，可以用于实际调试
                            url: '/upload/upload-goods-img', // 这个地址做了跨域处理，可以用于实际调试
                            data: rst.formData,
                            processData: false,
                            contentType: false,
                            type: 'POST',
                            dataType: 'json',
                            success: function (data) {
                                obj.parent().prev().attr('src', '<?= Yii::$app->params['imgUrl']; ?>' + data.url);
                                obj.parent().next().val(data.url);
                            }
                        });
                    })
                    .catch(function (err) {
                        // 处理失败会执行
                    })
                    .always(function () {
                        // 不管是成功失败，都会执行
                    });
            })
        });

        //价格选项事件
        $('.price-area input:radio[name=priceType]').on('change', function () {
            var type = $(this).attr('data-type');
            if (type == 'single') {
                $('.single-price-area').show();
                $('.multi-price-area').hide();
            } else {
                $('.multi-price-area').show();
                $('.single-price-area').hide();
                var singlePriceObj = $('.single-price-area input[name=price]');
                singlePriceObj.attr('addStatus', 'yes');
                singlePriceObj.siblings('p').removeClass('help-error-mention').html('');
            }
        });

        //显示删除按钮
        $('.form-group .price-area').hover(function () {
            $(this).find('.rm-price-btn').show();
        }, function () {
            $(this).find('.rm-price-btn').hide();
        });

    });
</script>