diff --git a/src/views/product/add_shop.vue b/src/views/product/add_shop.vue
index bd8a360..339dc87 100644
--- a/src/views/product/add_shop.vue
+++ b/src/views/product/add_shop.vue
@@ -1,11 +1,22 @@
 <template>
   <div class="app-container">
-    <el-form ref="formRef" :model="form" :rules="rules" label-width="140px" label-position="left">
+    <el-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      label-width="140px"
+      label-position="left"
+    >
       <el-form-item label="商品类型" prop="typeEnum">
         <div class="shop_type_box" :class="{}">
           <!-- <div class="shop_type_box" :class="{ disabled: form.id }"> -->
-          <div class="item" v-for="(item, index) in shopTypes" :key="index"
-            :class="{ active: shopTypesActive == index }" @click="changeTypeEnum(index)">
+          <div
+            class="item"
+            v-for="(item, index) in shopTypes"
+            :key="index"
+            :class="{ active: shopTypesActive == index }"
+            @click="changeTypeEnum(index)"
+          >
             <div class="s_title">{{ item.label }}</div>
             <div class="intro">（{{ item.intro }}）</div>
             <div class="active_dot">
@@ -15,70 +26,154 @@
         </div>
       </el-form-item>
       <el-form-item label="商品名称" prop="name">
-        <el-input v-model="form.name" placeholder="请输入商品名称" style="width: 500px;"></el-input>
+        <el-input
+          v-model="form.name"
+          placeholder="请输入商品名称"
+          style="width: 500px"
+        ></el-input>
       </el-form-item>
       <el-form-item label="商品介绍" prop="shortTitle">
-        <el-input v-model="form.shortTitle" type="textarea" placeholder="请输入商品介绍" style="width: 500px;"></el-input>
+        <el-input
+          v-model="form.shortTitle"
+          type="textarea"
+          placeholder="请输入商品介绍"
+          style="width: 500px"
+        ></el-input>
       </el-form-item>
       <el-form-item label="单位" prop="unitId">
-        <el-select v-model="form.unitId" placeholder="请选择单位" style="width: 500px;" @change="selectUnitt">
-          <el-option :label="item.name" :value="item.id" v-for="item in units" :key="item.id"></el-option>
+        <el-select
+          v-model="form.unitId"
+          placeholder="请选择单位"
+          style="width: 500px"
+          @change="selectUnitt"
+        >
+          <el-option
+            :label="item.name"
+            :value="item.id"
+            v-for="item in units"
+            :key="item.id"
+          ></el-option>
         </el-select>
-        <el-button type="primary" plain icon="el-icon-plus" @click="$refs.addUnitRef.show()">添加单位</el-button>
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          @click="$refs.addUnitRef.show()"
+          >添加单位</el-button
+        >
         <addUnit ref="addUnitRef" @success="tbShopUnit" />
       </el-form-item>
-      <el-form-item label="团购券分类" prop="groupCategoryId" v-if="form.typeEnum == 'group'">
-        <el-table :data="form.groupCategoryId" border style="width: 500px;" v-if="form.groupCategoryId.length">
+      <el-form-item
+        label="团购券分类"
+        prop="groupCategoryId"
+        v-if="form.typeEnum == 'group'"
+      >
+        <el-table
+          :data="form.groupCategoryId"
+          border
+          style="width: 500px"
+          v-if="form.groupCategoryId.length"
+        >
           <el-table-column label="名称" prop="name"></el-table-column>
           <el-table-column label="操作" width="160">
             <template v-slot="scope">
-              <el-button type="text" @click="form.groupCategoryId.splice(scope.$index, 1)">删除</el-button>
+              <el-button
+                type="text"
+                @click="form.groupCategoryId.splice(scope.$index, 1)"
+                >删除</el-button
+              >
             </template>
           </el-table-column>
         </el-table>
-        <el-button type="text" @click="$refs.groupTypeList.show(form.groupCategoryId)">添加团购券分类</el-button>
+        <el-button
+          type="text"
+          @click="$refs.groupTypeList.show(form.groupCategoryId)"
+          >添加团购券分类</el-button
+        >
       </el-form-item>
       <el-form-item label="商品分类" prop="categoryId" v-else>
-        <el-select v-model="form.categoryId" placeholder="请选择商品分类" style="width: 500px;">
-          <el-option :label="item.name" :value="item.id" v-for="item in categorys" :key="item.id"></el-option>
+        <el-select
+          v-model="form.categoryId"
+          placeholder="请选择商品分类"
+          style="width: 500px"
+        >
+          <el-option
+            :label="item.name"
+            :value="item.id"
+            v-for="item in categorys"
+            :key="item.id"
+          ></el-option>
         </el-select>
-        <el-button type="primary" plain icon="el-icon-plus" @click="$refs.addClassifyRef.show()">添加分类</el-button>
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          @click="$refs.addClassifyRef.show()"
+          >添加分类</el-button
+        >
         <addClassify ref="addClassifyRef" @success="tbShopCategoryGet" />
       </el-form-item>
       <el-form-item label="商品图片">
-        <div style="display: flex;flex-wrap: wrap; ">
-          <div v-for="item in imgList" style="position: relative;" class="showStyle">
+        <div style="display: flex; flex-wrap: wrap">
+          <div
+            v-for="(item,index) in imgList"
+            :key="index"
+            style="position: relative"
+            class="showStyle"
+          >
             <i class="el-icon-error buttonstyle" @click="deleteEvent(item)"></i>
-            <img style="width: 148px;height: 148px;margin-right: 6px;" class="imgStyle" :key="item.id" :src="item.url"
-              alt="">
-          </div>
-          <div class="upImgStyle" @click="$refs.addImg.show()">
-            +
+            <img
+              style="width: 148px; height: 148px; margin-right: 6px"
+              class="imgStyle"
+              :key="item.id"
+              :src="item.url"
+              alt=""
+            />
           </div>
+          <div class="upImgStyle" @click="$refs.addImg.show()">+</div>
         </div>
         <!-- <uploadImg ref="uploadImg" :limit="9" @success="uploadSuccess" @remove="uploadRemove" /> -->
         <div class="tips">注：第一张图为商品封面图，图片尺寸为750×750</div>
         <!-- <el-button type="primary" plain icon="el-icon-plus" @click="$refs.addImg.show()">选择图片</el-button> -->
       </el-form-item>
-      <el-form-item label="套餐商品" v-if="shopTypes[shopTypesActive].typeEnum == 'group'">
+      <el-form-item
+        label="套餐商品"
+        v-if="shopTypes[shopTypesActive].typeEnum == 'group'"
+      >
         <el-table :data="form.groupSnap" border v-if="form.groupSnap.length">
           <el-table-column label="标题" prop="title">
             <template v-slot="scope">
-              <el-input v-model="scope.row.title" placeholder="请输入标题：自选小吃"></el-input>
+              <el-input
+                v-model="scope.row.title"
+                placeholder="请输入标题：自选小吃"
+              ></el-input>
             </template>
           </el-table-column>
           <el-table-column label="商品信息">
             <template v-slot="scope">
               <div class="shop_list">
-                <div class="item" v-for="(item, index) in scope.row.goods" :key="item.id">
+                <div
+                  class="item"
+                  v-for="(item, index) in scope.row.goods"
+                  :key="item.id"
+                >
                   <span class="dot"></span>
                   <div class="name">
                     <div class="t">{{ item.name }}</div>
                     <div class="t" v-if="!form.id">x{{ item.groupNum }}</div>
-                    <el-input-number v-model="item.groupNum" :step="1" step-strictly :min="1" size="mini"
-                      v-else></el-input-number>
+                    <el-input-number
+                      v-model="item.groupNum"
+                      :step="1"
+                      step-strictly
+                      :min="1"
+                      size="mini"
+                      v-else
+                    ></el-input-number>
                   </div>
-                  <i class="del el-icon-delete" @click="delGoods(scope.row.goods, index, scope.$index)"></i>
+                  <i
+                    class="del el-icon-delete"
+                    @click="delGoods(scope.row.goods, index, scope.$index)"
+                  ></i>
                 </div>
               </div>
             </template>
@@ -86,66 +181,109 @@
           <el-table-column label="几选几">
             <template v-slot="scope">
               <span>{{ scope.row.goods.length }}选</span>
-              <el-input-number v-model="scope.row.number" controls-position="right" :min="1"></el-input-number>
+              <el-input-number
+                v-model="scope.row.number"
+                controls-position="right"
+                :min="1"
+              ></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="操作" width="160">
             <template v-slot="scope">
-              <el-button type="text" @click="tableAddShop(scope.$index, scope.row.goods)">添加商品</el-button>
-              <el-button type="text" @click="form.groupSnap.splice(scope.$index, 1)">删除分组</el-button>
+              <el-button
+                type="text"
+                @click="tableAddShop(scope.$index, scope.row.goods)"
+                >添加商品</el-button
+              >
+              <el-button
+                type="text"
+                @click="form.groupSnap.splice(scope.$index, 1)"
+                >删除分组</el-button
+              >
             </template>
           </el-table-column>
         </el-table>
-        <el-button type="text" @click="$refs.shopListRef.show()">添加分组</el-button>
+        <el-button type="text" @click="$refs.shopListRef.show()"
+          >添加分组</el-button
+        >
         <shopList ref="shopListRef" @success="selectShopRes" />
       </el-form-item>
-      <el-form-item label="规格属性" v-if="shopTypes[shopTypesActive].typeEnum != 'sku'">
+      <el-form-item
+        label="规格属性"
+        v-if="shopTypes[shopTypesActive].typeEnum != 'sku'"
+      >
         <el-table :data="form.skuList" border>
           <el-table-column label="售价" prop="salePrice">
             <template v-slot="scope">
-              <el-input-number size="mini" @change="priceFormat(scope.row, 'salePrice')"
-                @blur="priceFormat(scope.row, 'salePrice')" v-model="scope.row.salePrice"
-                controls-position="right"></el-input-number>
+              <el-input-number
+                size="mini"
+                @change="priceFormat(scope.row, 'salePrice')"
+                @blur="priceFormat(scope.row, 'salePrice')"
+                v-model="scope.row.salePrice"
+                controls-position="right"
+              ></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="会员价" prop="memberPrice">
             <template v-slot="scope">
-              <el-input-number @change="priceFormat(scope.row, 'memberPrice')"
-                @blur="priceFormat(scope.row, 'memberPrice')" v-model="scope.row.memberPrice"
-                controls-position="right"></el-input-number>
+              <el-input-number
+                @change="priceFormat(scope.row, 'memberPrice')"
+                @blur="priceFormat(scope.row, 'memberPrice')"
+                v-model="scope.row.memberPrice"
+                controls-position="right"
+              ></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="成本价" prop="costPrice">
             <template v-slot="scope">
-              <el-input-number @change="priceFormat(scope.row, 'costPrice')" @blur="priceFormat(scope.row, 'costPrice')"
-                v-model="scope.row.costPrice" controls-position="right"></el-input-number>
+              <el-input-number
+                @change="priceFormat(scope.row, 'costPrice')"
+                @blur="priceFormat(scope.row, 'costPrice')"
+                v-model="scope.row.costPrice"
+                controls-position="right"
+              ></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="原价" prop="originPrice">
             <template v-slot="scope">
-              <el-input-number @change="priceFormat(scope.row, 'originPrice')"
-                @blur="priceFormat(scope.row, 'originPrice')" v-model="scope.row.originPrice"
-                controls-position="right"></el-input-number>
+              <el-input-number
+                @change="priceFormat(scope.row, 'originPrice')"
+                @blur="priceFormat(scope.row, 'originPrice')"
+                v-model="scope.row.originPrice"
+                controls-position="right"
+              ></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="起售数量" prop="suit">
             <template slot-scope="scope">
-              <el-input-number @change="priceFormat(scope.row, 'suit')" @blur="priceFormat(scope.row, 'suit')" :min="1"
-                v-model="scope.row.suit" controls-position="right"></el-input-number>
+              <el-input-number
+                @change="priceFormat(scope.row, 'suit')"
+                @blur="priceFormat(scope.row, 'suit')"
+                :min="1"
+                v-model="scope.row.suit"
+                controls-position="right"
+              ></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="库存数量" prop="stockNumber">
             <template v-slot="scope">
-              <el-input-number @change="priceFormat(scope.row, 'stockNumber')"
-                @blur="priceFormat(scope.row, 'stockNumber')" v-model="scope.row.stockNumber" :disabled="!!form.id"
-                controls-position="right"></el-input-number>
+              <el-input-number
+                @change="priceFormat(scope.row, 'stockNumber')"
+                @blur="priceFormat(scope.row, 'stockNumber')"
+                v-model="scope.row.stockNumber"
+                :disabled="!!form.id"
+                controls-position="right"
+              ></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="分销金额" prop="firstShared">
             <template v-slot="scope">
-              <el-input-number @change="priceFormat(scope.row, 'firstShared')"
-                @blur="priceFormat(scope.row, 'firstShared')" v-model="scope.row.firstShared"
-                controls-position="right"></el-input-number>
+              <el-input-number
+                @change="priceFormat(scope.row, 'firstShared')"
+                @blur="priceFormat(scope.row, 'firstShared')"
+                v-model="scope.row.firstShared"
+                controls-position="right"
+              ></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="商品条码">
@@ -160,106 +298,220 @@
       </el-form-item>
       <template v-if="form.typeEnum == 'group'">
         <el-form-item label="使用日期说明" prop="notices.dateUsed">
-          <el-input type="textarea" v-model="form.notices.dateUsed" :autosize="{ minRows: 3, maxRows: 10 }"
-            style="width: 500px;" placeholder="请输入使用日期说明"></el-input>
+          <el-input
+            type="textarea"
+            v-model="form.notices.dateUsed"
+            :autosize="{ minRows: 3, maxRows: 10 }"
+            style="width: 500px"
+            placeholder="请输入使用日期说明"
+          ></el-input>
         </el-form-item>
         <el-form-item label="可用时间说明" prop="notices.availableTime">
-          <el-input type="textarea" v-model="form.notices.availableTime" :autosize="{ minRows: 3, maxRows: 10 }"
-            style="width: 500px;" placeholder="请输入可用时间说明
-"></el-input>
+          <el-input
+            type="textarea"
+            v-model="form.notices.availableTime"
+            :autosize="{ minRows: 3, maxRows: 10 }"
+            style="width: 500px"
+            placeholder="请输入可用时间说明
+"
+          ></el-input>
         </el-form-item>
         <el-form-item label="预约方式" prop="notices.bookingType">
-          <el-input type="textarea" v-model="form.notices.bookingType" :autosize="{ minRows: 3, maxRows: 10 }"
-            style="width: 500px;" placeholder="请输入预约方式
-"></el-input>
+          <el-input
+            type="textarea"
+            v-model="form.notices.bookingType"
+            :autosize="{ minRows: 3, maxRows: 10 }"
+            style="width: 500px"
+            placeholder="请输入预约方式
+"
+          ></el-input>
         </el-form-item>
         <el-form-item label="退款说明" prop="notices.refundPolicy">
-          <el-input type="textarea" v-model="form.notices.refundPolicy" :autosize="{ minRows: 3, maxRows: 10 }"
-            style="width: 500px;" placeholder="请输入退款说明
-"></el-input>
+          <el-input
+            type="textarea"
+            v-model="form.notices.refundPolicy"
+            :autosize="{ minRows: 3, maxRows: 10 }"
+            style="width: 500px"
+            placeholder="请输入退款说明
+"
+          ></el-input>
         </el-form-item>
         <el-form-item label="团购价说明">
-          <el-input type="textarea" v-model="form.notices.groupPurInfo" :autosize="{ minRows: 3, maxRows: 10 }"
-            style="width: 500px;" placeholder="请输入团购价说明"></el-input>
+          <el-input
+            type="textarea"
+            v-model="form.notices.groupPurInfo"
+            :autosize="{ minRows: 3, maxRows: 10 }"
+            style="width: 500px"
+            placeholder="请输入团购价说明"
+          ></el-input>
         </el-form-item>
         <el-form-item label="门市价/划线价说明">
-          <el-input type="textarea" v-model="form.notices.marketPriceInfo" :autosize="{ minRows: 3, maxRows: 10 }"
-            style="width: 500px;" placeholder="请输入门市价/划线价说明"></el-input>
+          <el-input
+            type="textarea"
+            v-model="form.notices.marketPriceInfo"
+            :autosize="{ minRows: 3, maxRows: 10 }"
+            style="width: 500px"
+            placeholder="请输入门市价/划线价说明"
+          ></el-input>
         </el-form-item>
         <el-form-item label="折扣说明">
-          <el-input type="textarea" v-model="form.notices.discountInfo" :autosize="{ minRows: 3, maxRows: 10 }"
-            style="width: 500px;" placeholder="请输入折扣说明"></el-input>
+          <el-input
+            type="textarea"
+            v-model="form.notices.discountInfo"
+            :autosize="{ minRows: 3, maxRows: 10 }"
+            style="width: 500px"
+            placeholder="请输入折扣说明"
+          ></el-input>
         </el-form-item>
         <el-form-item label="发票说明">
-          <el-input type="textarea" v-model="form.notices.invoiceInfo" :autosize="{ minRows: 3, maxRows: 10 }"
-            style="width: 500px;" placeholder="请输入发票说明"></el-input>
+          <el-input
+            type="textarea"
+            v-model="form.notices.invoiceInfo"
+            :autosize="{ minRows: 3, maxRows: 10 }"
+            style="width: 500px"
+            placeholder="请输入发票说明"
+          ></el-input>
         </el-form-item>
         <el-form-item label="使用规则">
-          <Editor :minHeight="200" :value="form.notices.usageRules" v-model="form.notices.usageRules" />
+          <Editor
+            :minHeight="200"
+            :value="form.notices.usageRules"
+            v-model="form.notices.usageRules"
+          />
         </el-form-item>
       </template>
-      <el-form-item label="选择规格" v-if="shopTypes[shopTypesActive].typeEnum == 'sku'">
-        <el-select v-model="form.specId" placeholder="请选择规格" style="width: 500px;" @change="selectSpecHandle">
-          <el-option :label="item.name" :value="item.id" v-for="item in specList" :key="item.id"></el-option>
+      <el-form-item
+        label="选择规格"
+        v-if="shopTypes[shopTypesActive].typeEnum == 'sku'"
+      >
+        <el-select
+          v-model="form.specId"
+          placeholder="请选择规格"
+          style="width: 500px"
+          @change="selectSpecHandle"
+        >
+          <el-option
+            :label="item.name"
+            :value="item.id"
+            v-for="item in specList"
+            :key="item.id"
+          ></el-option>
         </el-select>
       </el-form-item>
-      <el-form-item :label="item.name" v-if="selectSpec.length" v-for="item in selectSpec" :key="item.name">
-        <el-checkbox-group v-model="item.selectSpecResult" @change="selectSpecResultChange">
-          <el-checkbox :label="item" v-for="(item, index) in item.value" :key="index"></el-checkbox>
+      <el-form-item
+        :label="item.name"
+        v-if="selectSpec.length"
+        v-for="item in selectSpec"
+        :key="item.name"
+      >
+        <el-checkbox-group
+          v-model="item.selectSpecResult"
+          @change="selectSpecResultChange"
+        >
+          <el-checkbox
+            :label="item"
+            v-for="(item, index) in item.value"
+            :key="index"
+          ></el-checkbox>
         </el-checkbox-group>
       </el-form-item>
-      <el-form-item v-if="selectSpecResult && shopTypes[shopTypesActive].typeEnum == 'sku'">
+      <el-form-item
+        v-if="selectSpecResult && shopTypes[shopTypesActive].typeEnum == 'sku'"
+      >
         <el-table :data="form.skuList" border>
-          <el-table-column :label="item.label" :prop="item.value" v-for="(item, index) in specTableHeaders"
-            :key="index">
+          <el-table-column
+            :label="item.label"
+            :prop="item.value"
+            v-for="(item, index) in specTableHeaders"
+            :key="index"
+          >
           </el-table-column>
           <el-table-column label="图片" prop="coverImg" width="80">
             <template v-slot="scope">
-              <uploadImg v-if="!scope.row.coverImg" type="text" :limit="1" @success="res => (scope.row.coverImg = res[0])" />
-              <el-image style="width:30px;height:30px;" :src="scope.row.coverImg" v-else />
-              <i class="el-icon-error " v-if="scope.row.coverImg" @click="scope.row.coverImg = ''" />
+              <uploadImg
+                v-if="!scope.row.coverImg"
+                type="text"
+                :limit="1"
+                @success="uploadImgSucess($event, scope.row)"
+              />
+              <el-image
+                style="width: 30px; height: 30px"
+                :src="scope.row.coverImg"
+                v-else
+              />
+              <i
+                class="el-icon-error"
+                v-if="scope.row.coverImg"
+                @click="scope.row.coverImg = ''"
+              />
             </template>
           </el-table-column>
           <el-table-column label="售价" prop="salePrice">
             <template slot="header" slot-scope="scope">
               <span>售价</span>
-              <i class="icon el-icon-edit" @click="batchNumber('salePrice')"></i>
+              <i
+                class="icon el-icon-edit"
+                @click="batchNumber('salePrice')"
+              ></i>
             </template>
             <template slot-scope="scope">
-              <el-input-number @change="priceFormat(scope.row, 'salePrice')" @blur="priceFormat(scope.row, 'salePrice')"
-                v-model="scope.row.salePrice" controls-position="right"></el-input-number>
+              <el-input-number
+                @change="priceFormat(scope.row, 'salePrice')"
+                @blur="priceFormat(scope.row, 'salePrice')"
+                v-model="scope.row.salePrice"
+                controls-position="right"
+              ></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="会员价" prop="memberPrice">
             <template slot="header" slot-scope="scope">
               <span>会员价</span>
-              <i class="icon el-icon-edit" @click="batchNumber('memberPrice')"></i>
+              <i
+                class="icon el-icon-edit"
+                @click="batchNumber('memberPrice')"
+              ></i>
             </template>
             <template slot-scope="scope">
-              <el-input-number @change="priceFormat(scope.row, 'memberPrice')"
-                @blur="priceFormat(scope.row, 'memberPrice')" v-model="scope.row.memberPrice"
-                controls-position="right"></el-input-number>
+              <el-input-number
+                @change="priceFormat(scope.row, 'memberPrice')"
+                @blur="priceFormat(scope.row, 'memberPrice')"
+                v-model="scope.row.memberPrice"
+                controls-position="right"
+              ></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="成本价" prop="costPrice">
             <template slot="header" slot-scope="scope">
               <span>成本价</span>
-              <i class="icon el-icon-edit" @click="batchNumber('costPrice')"></i>
+              <i
+                class="icon el-icon-edit"
+                @click="batchNumber('costPrice')"
+              ></i>
             </template>
             <template slot-scope="scope">
-              <el-input-number @change="priceFormat(scope.row, 'costPrice')" @blur="priceFormat(scope.row, 'costPrice')"
-                v-model="scope.row.costPrice" controls-position="right"></el-input-number>
+              <el-input-number
+                @change="priceFormat(scope.row, 'costPrice')"
+                @blur="priceFormat(scope.row, 'costPrice')"
+                v-model="scope.row.costPrice"
+                controls-position="right"
+              ></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="原价" prop="originPrice">
             <template slot="header" slot-scope="scope">
               <span>原价</span>
-              <i class="icon el-icon-edit" @click="batchNumber('originPrice')"></i>
+              <i
+                class="icon el-icon-edit"
+                @click="batchNumber('originPrice')"
+              ></i>
             </template>
             <template slot-scope="scope">
-              <el-input-number @change="priceFormat(scope.row, 'originPrice')"
-                @blur="priceFormat(scope.row, 'originPrice')" v-model="scope.row.originPrice"
-                controls-position="right"></el-input-number>
+              <el-input-number
+                @change="priceFormat(scope.row, 'originPrice')"
+                @blur="priceFormat(scope.row, 'originPrice')"
+                v-model="scope.row.originPrice"
+                controls-position="right"
+              ></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="起售数量" prop="suit">
@@ -268,30 +520,49 @@
               <i class="icon el-icon-edit" @click="batchNumber('suit')"></i>
             </template>
             <template slot-scope="scope">
-              <el-input-number @change="priceFormat(scope.row, 'originsuitrice')" @blur="priceFormat(scope.row, 'suit')"
-                v-model="scope.row.suit" controls-position="right" :min="1"></el-input-number>
+              <el-input-number
+                @change="priceFormat(scope.row, 'originsuitrice')"
+                @blur="priceFormat(scope.row, 'suit')"
+                v-model="scope.row.suit"
+                controls-position="right"
+                :min="1"
+              ></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="库存数量" prop="stockNumber">
             <template slot="header" slot-scope="scope">
               <span>库存数量</span>
-              <i class="icon el-icon-edit" @click="batchNumber('stockNumber')" v-if="!form.id"></i>
+              <i
+                class="icon el-icon-edit"
+                @click="batchNumber('stockNumber')"
+                v-if="!form.id"
+              ></i>
             </template>
             <template slot-scope="scope">
-              <el-input-number @change="priceFormat(scope.row, 'stockNumber')"
-                @blur="priceFormat(scope.row, 'stockNumber')" v-model="scope.row.stockNumber" :disabled="!!scope.row.id"
-                controls-position="right"></el-input-number>
+              <el-input-number
+                @change="priceFormat(scope.row, 'stockNumber')"
+                @blur="priceFormat(scope.row, 'stockNumber')"
+                v-model="scope.row.stockNumber"
+                :disabled="!!scope.row.id"
+                controls-position="right"
+              ></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="分销金额" prop="firstShared">
             <template slot="header" slot-scope="scope">
               <span>分销金额</span>
-              <i class="icon el-icon-edit" @click="batchNumber('firstShared')"></i>
+              <i
+                class="icon el-icon-edit"
+                @click="batchNumber('firstShared')"
+              ></i>
             </template>
             <template slot-scope="scope">
-              <el-input-number @change="priceFormat(scope.row, 'firstShared')"
-                @blur="priceFormat(scope.row, 'firstShared')" v-model="scope.row.firstShared"
-                controls-position="right"></el-input-number>
+              <el-input-number
+                @change="priceFormat(scope.row, 'firstShared')"
+                @blur="priceFormat(scope.row, 'firstShared')"
+                v-model="scope.row.firstShared"
+                controls-position="right"
+              ></el-input-number>
             </template>
           </el-table-column>
           <el-table-column label="商品条码">
@@ -316,13 +587,21 @@
       <template v-if="form.typeEnum != 'group'">
         <el-form-item label="上架区域">
           <div class="shop_type_box">
-            <div class="item" :class="{ active: form.isShowCash }" @click="areaChange('isShowCash')">
+            <div
+              class="item"
+              :class="{ active: form.isShowCash }"
+              @click="areaChange('isShowCash')"
+            >
               <div class="s_title">收银台</div>
               <div class="active_dot">
                 <i class="el-icon-check"></i>
               </div>
             </div>
-            <div class="item" :class="{ active: form.isShowMall }" @click="areaChange('isShowMall')">
+            <div
+              class="item"
+              :class="{ active: form.isShowMall }"
+              @click="areaChange('isShowMall')"
+            >
               <div class="s_title">小程序商城</div>
               <div class="active_dot">
                 <i class="el-icon-check"></i>
@@ -331,50 +610,81 @@
           </div>
         </el-form-item>
         <el-form-item label="库存开关">
-          <el-switch v-model="form.isStock" :active-value="1" :inactive-value="0"></el-switch>
+          <el-switch
+            v-model="form.isStock"
+            :active-value="1"
+            :inactive-value="0"
+          ></el-switch>
           <div class="tips">注：关闭则不计算出入库数据</div>
         </el-form-item>
         <el-form-item label="标签打印">
-          <el-switch v-model="form.enableLabel" :active-value="1" :inactive-value="0"></el-switch>
+          <el-switch
+            v-model="form.enableLabel"
+            :active-value="1"
+            :inactive-value="0"
+          ></el-switch>
           <div class="tips">开启后: 收银完成后会自动打印对应数量的标签数</div>
         </el-form-item>
         <el-form-item label="打包费">
-          <el-input-number @change="priceFormat(form, 'packFee')" @blur="priceFormat(form, 'packFee')"
-            v-model="form.packFee" controls-position="right"></el-input-number>
+          <el-input-number
+            @change="priceFormat(form, 'packFee')"
+            @blur="priceFormat(form, 'packFee')"
+            v-model="form.packFee"
+            controls-position="right"
+          ></el-input-number>
           <div class="tips">
             单份商品打包费。注：店铺开启外卖模式下该数据才生效
           </div>
         </el-form-item>
         <el-form-item label="虚拟销量">
-          <el-input-number @change="priceFormat(form, 'baseSalesNumber')" @blur="priceFormat(form, 'baseSalesNumber')"
-            v-model="form.baseSalesNumber" controls-position="right"></el-input-number>
+          <el-input-number
+            @change="priceFormat(form, 'baseSalesNumber')"
+            @blur="priceFormat(form, 'baseSalesNumber')"
+            v-model="form.baseSalesNumber"
+            controls-position="right"
+          ></el-input-number>
         </el-form-item>
       </template>
       <el-form-item label="排序" v-if="form.id">
-        <el-input-number v-model="form.sort" controls-position="right" :min="0"></el-input-number>
+        <el-input-number
+          v-model="form.sort"
+          controls-position="right"
+          :min="0"
+        ></el-input-number>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" v-loading="loading" @click="submitHandle">确定</el-button>
+        <el-button type="primary" v-loading="loading" @click="submitHandle"
+          >确定</el-button
+        >
         <el-button @click="$router.back()">取消</el-button>
       </el-form-item>
     </el-form>
     <el-dialog title="批量修改" width="400px" :visible.sync="showBatchModal">
       <el-form :model="batchNumberForm">
         <el-form-item>
-          <el-input-number @change="priceFormat(batchNumberForm, 'batchNumber')"
-            @blur="priceFormat(batchNumberForm, 'batchNumber')" v-model="batchNumberForm.batchNumber"
-            controls-position="right" style="width: 100%;"></el-input-number>
+          <el-input-number
+            @change="priceFormat(batchNumberForm, 'batchNumber')"
+            @blur="priceFormat(batchNumberForm, 'batchNumber')"
+            v-model="batchNumberForm.batchNumber"
+            controls-position="right"
+            style="width: 100%"
+          ></el-input-number>
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button @click="showBatchModal = false">取 消</el-button>
-        <el-button type="primary" @click="batchNumberFormConfirm">确 定</el-button>
+        <el-button type="primary" @click="batchNumberFormConfirm"
+          >确 定</el-button
+        >
       </span>
     </el-dialog>
     <!-- 选择团购券分类 -->
-    <groupTypeList ref="groupTypeList" @success="res => (form.groupCategoryId = res)" />
+    <groupTypeList
+      ref="groupTypeList"
+      @success="(res) => (form.groupCategoryId = res)"
+    />
     <!-- 选择图片 -->
-    <addImg ref='addImg' @successEvent="successEvent"></addImg>
+    <addImg ref="addImg" @successEvent="successEvent"></addImg>
   </div>
 </template>
 
@@ -386,10 +696,10 @@ import {
   tbProductPost,
   tbProductSpecGet,
   tbProductGetDetail,
-  tbProductPut
+  tbProductPut,
 } from "@/api/shop";
 import addUnit from "./components/addUnit";
-import addImg from './components/addImages.vue'
+import addImg from "./components/addImages.vue";
 import addClassify from "./components/addClassify";
 import shopList from "@/components/shopList";
 import groupTypeList from "@/components/groupTypeList";
@@ -406,7 +716,8 @@ export default {
     uploadImg,
     shopList,
     groupTypeList,
-    Editor, addImg
+    Editor,
+    addImg,
   },
   data() {
     const validatordateUsed = (rule, value, callback) => {
@@ -435,9 +746,9 @@ export default {
         firstShared: undefined,
         barCode: `${localStorage.getItem("shopId")}${dayjs().valueOf()}`,
         isGrounding: 1,
-        productId: this.$route.query.goods_id ? this.$route.query.goods_id : '',
+        productId: this.$route.query.goods_id ? this.$route.query.goods_id : "",
         shopId: localStorage.getItem("shopId"),
-        suit: 0
+        suit: 0,
       },
       tableAddShopIndex: null,
       isEditor: false,
@@ -447,7 +758,7 @@ export default {
         id: "",
         typeEnum: "normal",
         name: "",
-        shortTitle: "",//商品介绍
+        shortTitle: "", //商品介绍
         unitId: "",
         unitName: "",
         categoryId: "", // 商品分类id
@@ -479,70 +790,72 @@ export default {
           marketPriceInfo: "",
           platformTips: "",
           refundPolicy: "",
-          usageRules: ""
-        }
+          usageRules: "",
+        },
       },
       imgList: [],
       rules: {
         typeEnum: [
           {
-            required: true
-          }
+            required: true,
+          },
         ],
         name: [
           {
             required: true,
             trigger: "blur",
-            message: "请输入商品名称"
-          }
+            message: "请输入商品名称",
+          },
+        ],
+        unitId: [
+          {
+            required: true,
+            trigger: "change",
+            message: "请选择单位",
+          },
         ],
-        unitId: [{
-          required: true,
-          trigger: "change",
-          message: "请选择单位"
-        }],
         categoryId: [
           {
             required: true,
             trigger: "change",
-            message: "请选择商品分类"
-          }
+            message: "请选择商品分类",
+          },
         ],
         groupCategoryId: [
           {
             required: true,
             trigger: "change",
-            message: "请选择团购券分类"
-          }
+            message: "请选择团购券分类",
+          },
         ],
         "notices.dateUsed": [
           {
             required: true,
             trigger: "blur",
-            message: "请输入使用日期说明"
-          }
+            message: "请输入使用日期说明",
+          },
         ],
         "notices.availableTime": [
           {
             required: true,
             trigger: "blur",
-            message: "请输入可用时间说明"
-          }
+            message: "请输入可用时间说明",
+          },
         ],
         "notices.bookingType": [
           {
             required: true,
             trigger: "blur",
-            message: "请输入预约方式"
-          }
+            message: "请输入预约方式",
+          },
         ],
         "notices.refundPolicy": [
           {
             required: true,
             trigger: "blur",
-            message: "请输入退款说明"
-          }
-        ]
+            message: "请输入退款说明",
+          },
+        ],
       },
       units: [],
       categorys: [],
@@ -550,8 +863,8 @@ export default {
       showBatchModal: false,
       batchNumberKey: "",
       batchNumberForm: {
-        batchNumber: 0
-      }
+        batchNumber: 0,
+      },
     };
   },
   mounted() {
@@ -564,9 +877,14 @@ export default {
     }
   },
   methods: {
+    uploadImgSucess(res, item) {
+      console.log(res);
+      console.log(item);
+      item.coverImg = res[0];
+    },
     successEvent(d) {
       this.form.images.push(d[0].url);
-      this.imgList.push(d[0])
+      this.imgList.push(d[0]);
       // if (this.$refs.uploadImg.fileList.length < 9) {
       //   d.forEach(item => {
       //     item.uid = item.id
@@ -584,27 +902,27 @@ export default {
     },
     priceFormat(item, key) {
       const messageheight = 48;
-      const offset = window.innerHeight / 2 - (messageheight / 2) - 100
+      const offset = window.innerHeight / 2 - messageheight / 2 - 100;
       this.$nextTick(() => {
         const min = 0;
         const max = 100000000;
-        const newval = formatPrice(item[key], min, max, true)
-        console.log(newval)
-        if (typeof newval !== 'number') {
-          item[key] = newval.value
+        const newval = formatPrice(item[key], min, max, true);
+        console.log(newval);
+        if (typeof newval !== "number") {
+          item[key] = newval.value;
           this.$message({
             offset,
             message: `请输入${min}到${max}范围内的数字`,
-            type: "error"
+            type: "error",
           });
         } else {
-          item[key] = newval
+          item[key] = newval;
         }
-      })
+      });
     },
 
     deleteEvent(d) {
-      let index = this.imgList.findIndex(ele => ele.url == d.url)
+      let index = this.imgList.findIndex((ele) => ele.url == d.url);
       this.imgList.splice(index, 1);
     },
     // 删除分组商品
@@ -623,7 +941,7 @@ export default {
       }
     },
     selectUnitt(e) {
-      this.form.unitName = this.units.find(item => item.id == e).name;
+      this.form.unitName = this.units.find((item) => item.id == e).name;
     },
     // 批量修改规格
     batchNumber(key) {
@@ -632,13 +950,13 @@ export default {
     },
     // 确认批量修改规格
     batchNumberFormConfirm() {
-      console.log(this.form.skuList)
+      console.log(this.form.skuList);
       this.form.skuList.map((item, index) => {
         //解决vue2列表数据更新视图未变化问题
-        let newitem = { ...item }
+        let newitem = { ...item };
         newitem[this.batchNumberKey] = this.batchNumberForm.batchNumber;
 
-        this.$set(this.form.skuList, index, { ...newitem })
+        this.$set(this.form.skuList, index, { ...newitem });
         // item[this.batchNumberKey] = this.batchNumberForm.batchNumber;
       });
       this.showBatchModal = false;
@@ -651,7 +969,7 @@ export default {
 
         // 赋值商品类型
         this.changeTypeEnum(
-          this.shopTypes.findIndex(item => item.typeEnum == res.typeEnum)
+          this.shopTypes.findIndex((item) => item.typeEnum == res.typeEnum)
         );
         this.specTableHeaders = JSON.parse(res.specTableHeaders);
         this.selectSpec = JSON.parse(res.selectSpec);
@@ -661,9 +979,9 @@ export default {
         //     url: item
         //   };
         // });
-        this.imgList = res.images.map(item => {
+        this.imgList = res.images.map((item) => {
           return {
-            url: item
+            url: item,
           };
         });
         this.form = res;
@@ -693,8 +1011,8 @@ export default {
 
     // 提交
     submitHandle() {
-      console.log(this.form.skuList)
-      const hasUndefined = this.form.skuList.some(obj => {
+      console.log(this.form.skuList);
+      const hasUndefined = this.form.skuList.some((obj) => {
         for (const key in obj) {
           if (obj[key] === undefined) {
             return true; // 如果找到undefined，立即停止搜索并返回true
@@ -705,25 +1023,22 @@ export default {
       // 停止执行下面的数据
       if (hasUndefined) {
         this.$message({
-          message: '请完善规格属性的参数！',
-          type: 'warning'
+          message: "请完善规格属性的参数！",
+          type: "warning",
         });
         return false;
       }
-
-      this.imgList.forEach(ele => {
-        arr.push(ele.url)
-      })
-      let arr = []
-      this.imgList.forEach(ele => {
-        arr.push(ele.url)
-      })
-      this.$refs.formRef.validate(async faild => {
+      let arr = [];
+      this.imgList.forEach((ele) => {
+        arr.push(ele.url);
+      });
+      this.$refs.formRef.validate(async (faild) => {
         try {
           if (faild) {
             this.loading = true;
-            this.form.images = arr
-            this.form.lowPrice = this.form.skuList.length && this.form.skuList[0].salePrice;
+            this.form.images = arr;
+            this.form.lowPrice =
+              this.form.skuList.length && this.form.skuList[0].salePrice;
             this.form.coverImg = this.form.images[0];
             this.form.selectSpec = JSON.stringify(this.selectSpec);
             this.form.specTableHeaders = JSON.stringify(this.specTableHeaders);
@@ -736,7 +1051,7 @@ export default {
             this.$notify({
               title: "成功",
               message: `${this.form.id ? "编辑" : "添加"}成功`,
-              type: "success"
+              type: "success",
             });
             this.$router.back();
             this.loading = false;
@@ -754,7 +1069,7 @@ export default {
     },
     // 分组选择商品
     selectShopRes(res) {
-      let arr = res.map(item => {
+      let arr = res.map((item) => {
         item.groupNum = 1;
         return item;
       });
@@ -765,7 +1080,7 @@ export default {
         this.form.groupSnap.push({
           title: "",
           goods: [...arr],
-          number: 1
+          number: 1,
         });
       }
 
@@ -794,7 +1109,6 @@ export default {
     },
     // 删除突破按
     uploadRemove(arr) {
-
       this.form.images = arr;
     },
     // 选择规格属性
@@ -811,12 +1125,12 @@ export default {
           let arr = [];
           for (let val of item.selectSpecResult) {
             arr.push({
-              [item.name]: val
+              [item.name]: val,
             });
           }
           skuSnap.push({
             name: item.name,
-            value: item.selectSpecResult.join(",")
+            value: item.selectSpecResult.join(","),
           });
           bodys.push(arr);
         }
@@ -829,7 +1143,7 @@ export default {
 
       const m = {
         coverImg: "",
-        ...this.defaultSku
+        ...this.defaultSku,
       };
 
       for (let item of arr) {
@@ -846,7 +1160,7 @@ export default {
             specSnap: specSnap.join(","),
             ...m,
             ...obj,
-            barCode: `${dayjs().valueOf()}${RandomNumBoth(1, 9999)}`
+            barCode: `${dayjs().valueOf()}${RandomNumBoth(1, 9999)}`,
           });
         } else {
           let specSnap = [];
@@ -857,14 +1171,14 @@ export default {
             specSnap: specSnap.join(","),
             ...m,
             ...item,
-            barCode: `${dayjs().valueOf()}${RandomNumBoth(1, 9999)}`
+            barCode: `${dayjs().valueOf()}${RandomNumBoth(1, 9999)}`,
           });
         }
       }
 
       if (this.originSkuList.length) {
-        this.form.skuList = newarr.map(item => {
-          this.originSkuList.map(val => {
+        this.form.skuList = newarr.map((item) => {
+          this.originSkuList.map((val) => {
             if (item.specSnap == val.specSnap) {
               for (let key in val) {
                 item[key] = val[key];
@@ -892,8 +1206,8 @@ export default {
       if (arr.length < 2) return arr[0] || [];
       return [].reduce.call(arr, (col, set) => {
         let res = [];
-        col.forEach(c => {
-          set.forEach(s => {
+        col.forEach((c) => {
+          set.forEach((s) => {
             let t = [].concat(Array.isArray(c) ? c : [c]);
             t.push(s);
             res.push(t);
@@ -911,7 +1225,7 @@ export default {
           i++;
           headers.push({
             label: item.name,
-            value: item.name
+            value: item.name,
           });
         }
       }
@@ -922,7 +1236,7 @@ export default {
     selectSpecHandle(e) {
       this.isEditor = false;
       const selectSpec = JSON.parse(
-        JSON.stringify(this.specList.find(item => item.id == e).specList)
+        JSON.stringify(this.specList.find((item) => item.id == e).specList)
       );
       for (let item in selectSpec) {
         selectSpec[item].selectSpecResult = [];
@@ -937,10 +1251,10 @@ export default {
           shopId: localStorage.getItem("shopId"),
           sort: "id",
           page: 0,
-          size: 100
+          size: 100,
         });
         this.specList = res.content;
-      } catch (error) { }
+      } catch (error) {}
     },
     // 获取单位
     async tbShopUnit() {
@@ -949,10 +1263,10 @@ export default {
           shopId: localStorage.getItem("shopId"),
           sort: "id",
           page: 0,
-          size: 100
+          size: 100,
         });
         this.units = res.content;
-      } catch (error) { }
+      } catch (error) {}
     },
     // 商品分类列表
     async tbShopCategoryGet() {
@@ -961,19 +1275,19 @@ export default {
           shopId: localStorage.getItem("shopId"),
           sort: "id",
           page: 0,
-          size: 100
+          size: 100,
         });
         let categorys = [];
         for (let item of res.content) {
           categorys.push({
             name: `|----${item.name}`,
-            id: item.id
+            id: item.id,
           });
           if (item.childrenList.length) {
             for (let val of item.childrenList) {
               categorys.push({
                 name: `|----|----${val.name}`,
-                id: val.id
+                id: val.id,
               });
             }
           }
@@ -982,8 +1296,8 @@ export default {
       } catch (error) {
         console.log("商品分类列表", error);
       }
-    }
-  }
+    },
+  },
 };
 </script>
 
@@ -1068,7 +1382,7 @@ export default {
   z-index: 10;
 }
 
-.showStyle:hover>.buttonstyle {
+.showStyle:hover > .buttonstyle {
   display: block;
 }
 </style>