diff --git a/buyer/src/components/goodsDetail/ShowGoodsDetail.vue b/buyer/src/components/goodsDetail/ShowGoodsDetail.vue
index 63d93656..2d2aec3c 100644
--- a/buyer/src/components/goodsDetail/ShowGoodsDetail.vue
+++ b/buyer/src/components/goodsDetail/ShowGoodsDetail.vue
@@ -90,7 +90,7 @@
               <template v-if="detail.goodsParamsDTOList && detail.goodsParamsDTOList.length">
                 <div class="goods-params" v-for="item in detail.goodsParamsDTOList" :key="item.groupId">
                   <span class="ml_10">{{item.groupName}}</span>
-                  <table class="mb_10" cellpadding='0' border="1" cellspacing="0" >
+                  <table class="mb_10" cellpadding='0' cellspacing="0" >
                     <tr v-for="param in item.goodsParamsItemDTOList" :key="param.paramId">
                       <td style="text-align: center">{{param.paramName}}</td><td>{{param.paramValue}}</td>
                     </tr>
diff --git a/manager/src/config/index.js b/manager/src/config/index.js
index a4a19129..596645d1 100644
--- a/manager/src/config/index.js
+++ b/manager/src/config/index.js
@@ -17,14 +17,14 @@ export default {
    * @description api请求基础路径
    */
   api_dev: {
-    common: "https://common-api.pickmall.cn",
-    buyer: "https://buyer-api.pickmall.cn",
-    seller: "https://store-api.pickmall.cn",
-    manager: "https://admin-api.pickmall.cn"
-    // common: 'http://192.168.0.106:8890',
-    // buyer: 'http://192.168.0.106:8888',
-    // seller: 'http://192.168.0.106:8889',
-    // manager: 'http://192.168.0.106:8887'
+    // common: "https://common-api.pickmall.cn",
+    // buyer: "https://buyer-api.pickmall.cn",
+    // seller: "https://store-api.pickmall.cn",
+    // manager: "https://admin-api.pickmall.cn"
+    common: 'http://192.168.0.103:8890',
+    buyer: 'http://192.168.0.103:8888',
+    seller: 'http://192.168.0.103:8889',
+    manager: 'http://192.168.0.103:8887'
   },
   api_prod: {
     common: "https://common-api.pickmall.cn",
diff --git a/manager/src/views/order/order/orderList.vue b/manager/src/views/order/order/orderList.vue
index ae5d0fd6..1a93e173 100644
--- a/manager/src/views/order/order/orderList.vue
+++ b/manager/src/views/order/order/orderList.vue
@@ -1,43 +1,38 @@
 <template>
   <div class="search">
-
     <Card>
+      <Form ref="searchForm" @keydown.enter.native="handleSearch" :model="searchForm" inline :label-width="70" class="search-form">
+        <Form-item label="订单号" prop="orderSn">
+          <Input type="text" v-model="searchForm.orderSn" placeholder="请输入订单号" clearable style="width: 160px" />
+        </Form-item>
+        <Form-item label="会员名称" prop="buyerName">
+          <Input type="text" v-model="searchForm.buyerName" placeholder="请输入会员名称" clearable style="width: 160px" />
+        </Form-item>
 
-      <Row @keydown.enter.native="handleSearch">
-        <Form ref="searchForm" :model="searchForm" inline :label-width="70" class="search-form">
-          <Form-item label="订单号" prop="orderSn">
-            <Input type="text" v-model="searchForm.orderSn" placeholder="请输入订单号" clearable style="width: 160px" />
-          </Form-item>
-          <Form-item label="会员名称" prop="buyerName">
-            <Input type="text" v-model="searchForm.buyerName" placeholder="请输入会员名称" clearable style="width: 160px" />
-          </Form-item>
-
-          <Form-item label="订单类型" prop="orderType">
-            <Select v-model="searchForm.orderType" placeholder="请选择" clearable style="width: 160px">
-              <Option value="NORMAL">普通订单</Option>
-              <Option value="PINTUAN">拼团订单</Option>
-              <Option value="GIFT">赠品订单</Option>
-              <Option value="VIRTUAL">核验订单</Option>
-            </Select>
-          </Form-item>
-          <Form-item label="订单状态" prop="orderStatus">
-            <Select v-model="searchForm.orderStatus" placeholder="请选择" clearable style="width: 160px">
-              <Option value="UNPAID">未付款</Option>
-              <Option value="PAID">已付款</Option>
-              <Option value="UNDELIVERED">待发货</Option>
-              <Option value="DELIVERED">已发货</Option>
-              <Option value="COMPLETED">已完成</Option>
-              <Option value="TAKE">待核验</Option>
-              <Option value="CANCELLED">已取消</Option>
-            </Select>
-          </Form-item>
-
-          <Form-item label="下单时间">
-            <DatePicker v-model="selectDate" type="datetimerange" format="yyyy-MM-dd" clearable @on-change="selectDateRange" placeholder="选择起始时间" style="width: 160px"></DatePicker>
-          </Form-item>
-          <Button @click="handleSearch" type="primary" icon="ios-search" class="search-btn">搜索</Button>
-        </Form>
-      </Row>
+        <Form-item label="订单类型" prop="orderType">
+          <Select v-model="searchForm.orderType" placeholder="请选择" clearable style="width: 160px">
+            <Option value="NORMAL">普通订单</Option>
+            <Option value="PINTUAN">拼团订单</Option>
+            <Option value="GIFT">赠品订单</Option>
+            <Option value="VIRTUAL">核验订单</Option>
+          </Select>
+        </Form-item>
+        <Form-item label="订单状态" prop="orderStatus">
+          <Select v-model="searchForm.orderStatus" placeholder="请选择" clearable style="width: 160px">
+            <Option value="UNPAID">未付款</Option>
+            <Option value="PAID">已付款</Option>
+            <Option value="UNDELIVERED">待发货</Option>
+            <Option value="DELIVERED">已发货</Option>
+            <Option value="COMPLETED">已完成</Option>
+            <Option value="TAKE">待核验</Option>
+            <Option value="CANCELLED">已取消</Option>
+          </Select>
+        </Form-item>
+        <Form-item label="下单时间">
+          <DatePicker v-model="selectDate" type="datetimerange" format="yyyy-MM-dd" clearable @on-change="selectDateRange" placeholder="选择起始时间" style="width: 160px"></DatePicker>
+        </Form-item>
+        <Button @click="handleSearch" type="primary" icon="ios-search" class="search-btn">搜索</Button>
+      </Form>
       <div>
         <download-excel class="export-excel-wrapper" :data="data" :fields="fields" name="商品订单.xls">
           <Button type="info" class="export">
diff --git a/manager/src/views/promotion/coupon/coupon.vue b/manager/src/views/promotion/coupon/coupon.vue
index b91528b1..eeeb055f 100644
--- a/manager/src/views/promotion/coupon/coupon.vue
+++ b/manager/src/views/promotion/coupon/coupon.vue
@@ -118,7 +118,7 @@ export default {
           render: (h, params) => {
             return h(
               "div",
-              params.row.receivedNum + "/" + params.row.publishNum
+              params.row.receivedNum + "/" + (params.row.publishNum === 0 ? '不限制' : params.row.publishNum)
             );
           },
 
diff --git a/manager/src/views/sys/setting-manage/setting/ORDER_SETTING.vue b/manager/src/views/sys/setting-manage/setting/ORDER_SETTING.vue
index 88f283e6..71949781 100644
--- a/manager/src/views/sys/setting-manage/setting/ORDER_SETTING.vue
+++ b/manager/src/views/sys/setting-manage/setting/ORDER_SETTING.vue
@@ -12,13 +12,7 @@
         <Input type='number' v-model="formValidate.autoReceive">
         <span slot="append">天</span>
         </Input>
-
-      </FormItem>
-      <FormItem label="订单自动完成" prop="autoComplete">
-        <Input type='number' v-model="formValidate.autoComplete">
-        <span slot="append">天</span>
-        </Input>
-
+        <span class="desc">收货后，订单完成</span>
       </FormItem>
 
       <FormItem label="自动评价" prop="autoEvaluation">
@@ -27,11 +21,17 @@
         </Input>
 
       </FormItem>
-      <FormItem label="售后自动取消" prop="autoCancelAfterSale">
-        <Input type='number' v-model="formValidate.autoCancelAfterSale">
+      <FormItem label="已完成订单允许退单" prop="closeAfterSale">
+        <Input type='number' v-model="formValidate.closeAfterSale">
         <span slot="append">天</span>
         </Input>
-
+        <span class="desc">如果天数为0,则不允许退单</span>
+      </FormItem>
+      <FormItem label="已完成订单允许投诉" prop="closeComplaint">
+        <Input type='number' v-model="formValidate.closeComplaint">
+        <span slot="append">天</span>
+        </Input>
+        <span class="desc">如果天数为0,则不允许投诉</span>
       </FormItem>
 
       <div class="label-btns">
@@ -50,10 +50,10 @@ export default {
       ruleValidate: {}, // 验证规则
       formValidate: { // 表单数据
         autoCancel: "",
-        autoComplete: "",
         autoEvaluation: "",
         autoReceive: "",
-        autoCancelAfterSale: "",
+        closeAfterSale: "",
+        closeComplaint:""
       },
     };
   },
@@ -121,4 +121,8 @@ export default {
 /deep/ .ivu-input {
   width: 100px !important;
 }
+.desc {
+  font-size: 12px;
+  color: #999;
+}
 </style>
diff --git a/seller/src/libs/eventBus.js b/seller/src/libs/eventBus.js
new file mode 100644
index 00000000..5fc63790
--- /dev/null
+++ b/seller/src/libs/eventBus.js
@@ -0,0 +1,3 @@
+import Vue from "vue";
+
+export default new Vue;
\ No newline at end of file
diff --git a/seller/src/views/goods/goods-seller/addGoods.scss b/seller/src/views/goods/goods-seller/addGoods.scss
index a1b9d609..44de5fac 100644
--- a/seller/src/views/goods/goods-seller/addGoods.scss
+++ b/seller/src/views/goods/goods-seller/addGoods.scss
@@ -280,34 +280,13 @@ div.base-info-item {
   word-break: break-all;
 }
 
-/deep/ .ivu-steps {
-  width: 100% !important;
-  display: flex;
-}
 .step-list {
   height: 60px;
+  padding: 10px 30px;
+  background-color: #fff;
   margin-bottom: 20px;
   border-radius: 0.8em;
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  // box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
-}
-.step-view {
-  flex: 1;
-  height: 60px;
-  font-size: 19px;
-  text-align: center;
-  display: flex;
-  background-color: #fff;
-  justify-content: center;
-  align-items: center;
-}
-.step-view:nth-of-type(1) {
-  border-top-left-radius: 0.4em;
-  border-bottom-left-radius: 0.4em;
-}
-.step-view:nth-last-child(1) {
-  border-top-right-radius: 0.4em;
-  border-bottom-right-radius: 0.4em;
 }
 
 .add-sku-btn {
diff --git a/seller/src/views/goods/goods-seller/draftGoods.vue b/seller/src/views/goods/goods-seller/draftGoods.vue
index fdd63905..401e5d10 100644
--- a/seller/src/views/goods/goods-seller/draftGoods.vue
+++ b/seller/src/views/goods/goods-seller/draftGoods.vue
@@ -59,8 +59,6 @@
         :data="data"
         ref="table"
         sortable="custom"
-        @on-sort-change="changeSort"
-        @on-selection-change="changeSelect"
       ></Table>
       <Row type="flex" justify="end" class="page">
         <Page
@@ -77,29 +75,6 @@
         ></Page>
       </Row>
     </Card>
-    <Modal
-      :title="modalTitle"
-      v-model="modalVisible"
-      :mask-closable="false"
-      :width="500"
-    >
-      <Form
-        ref="underForm"
-        :model="underForm"
-        :label-width="100"
-        :rules="formValidate"
-      >
-        <FormItem label="下架原因" prop="reason">
-          <Input v-model="underForm.reason" clearable style="width: 100%" />
-        </FormItem>
-      </Form>
-      <div slot="footer">
-        <Button type="text" @click="modalVisible = false">取消</Button>
-        <Button type="primary" :loading="submitLoading" @click="lower(form.id)"
-          >提交</Button
-        >
-      </div>
-    </Modal>
   </div>
 </template>
 
@@ -110,11 +85,7 @@ export default {
   components: {},
   data() {
     return {
-      id: "", //要操作的id
-      openSearch: true, // 显示搜索
       loading: true, // 表单加载状态
-      modalVisible: false, // 添加或编辑显示
-      modalTitle: "", // 添加或编辑标题
       drop: false,
       dropDownContent: "展开",
       dropDownIcon: "ios-arrow-down",
@@ -124,24 +95,8 @@ export default {
         pageSize: 10, // 页面大小
         sort: "create_time", // 默认排序字段
         order: "desc", // 默认排序方式
+        saveType: "TEMPLATE"
       },
-      underForm: { // 下架表单
-        reason: "",
-      },
-      form: {
-        // 添加或编辑表单对象初始化数据
-        goodsName: "",
-        sn: "",
-        marketEnable: "",
-        price: "",
-        sellerName: "",
-      },
-      // 表单验证规则
-
-      formValidate: {},
-      submitLoading: false, // 添加或编辑提交状态
-      selectList: [], // 多选数据
-      selectCount: 0, // 多选计数
       columns: [ // 表头
         {
           title: "ID",
@@ -202,7 +157,7 @@ export default {
                 "Button",
                 {
                   props: {
-                    type: "primary",
+                    type: "success",
                     size: "small",
                   },
                   style: {
@@ -244,22 +199,14 @@ export default {
   },
   methods: {
     init() {
-      let here = this.$route.matched.find((v) => v.name === this.$route.name);
-      this.pageType = here.props.default ? here.props.default.type : "";
-      if (this.pageType === "TEMPLATE") {
-        this.searchForm.saveType = "TEMPLATE";
-      } else {
-        this.searchForm.saveType = "DRAFT";
-      }
       this.getDataList();
     },
+    // 编辑模板
     editGoods(v) {
-      this.searchForm.saveType === "TEMPLATE" ?
-        this.$router.push({ name: "goods-template-operation-edit", query: { draftId: v.id } }):
-        this.$router.push({ name: "goods-draft-operation-edit", query: { draftId: v.id } });
+        this.$router.push({ name: "goods-template-operation-edit", query: { draftId: v.id } })
     },
     removeDraft (id) {
-      let showType = this.searchForm.saveType === "TEMPLATE" ? "模版" : "草稿";
+      let showType = "模版";
       this.$Modal.confirm({
         title: "确认审核",
         content: "您确认要删除id为 " + id + " 的" + showType + "吗?",
@@ -278,7 +225,6 @@ export default {
     changePage(v) {
       this.searchForm.pageNumber = v;
       this.getDataList();
-      this.clearSelectAll();
     },
     changePageSize(v) {
       this.searchForm.pageSize = v;
@@ -296,21 +242,6 @@ export default {
       // 重新加载数据
       this.getDataList();
     },
-    changeSort(e) {
-      this.searchForm.sort = e.key;
-      this.searchForm.order = e.order;
-      if (e.order === "normal") {
-        this.searchForm.order = "";
-      }
-      this.getDataList();
-    },
-    clearSelectAll() {
-      this.$refs.table.selectAll(false);
-    },
-    changeSelect(e) {
-      this.selectList = e;
-      this.selectCount = e.length;
-    },
     dropDown() {
       if (this.drop) {
         this.dropDownContent = "展开";
diff --git a/seller/src/views/goods/goods-seller/goodsOperation.vue b/seller/src/views/goods/goods-seller/goodsOperation.vue
index ed3fc207..45a010e7 100644
--- a/seller/src/views/goods/goods-seller/goodsOperation.vue
+++ b/seller/src/views/goods/goods-seller/goodsOperation.vue
@@ -1,1687 +1,57 @@
 <template>
   <div class="goods-operation">
-    <!-- 选择商品类型 -->
-    <Modal v-model="selectGoodsType" width="550" :closable="false">
-      <div class="goods-type-list" v-if="!showGoodsTemplates">
-        <div class="goods-type-item" :class="{'active-goods-type':item.check}" @click="handleClickGoodsType(item)"
-             v-for="(item,index) in goodsTypeWay" :key="index">
-          <img :src="item.img"/>
-          <div>
-            <h2>{{ item.title }}</h2>
-            <p>{{ item.desc }}</p>
-          </div>
-        </div>
-      </div>
-      <div v-else class="goods-type-list">
-        <h2 @click="showGoodsTemplates = !showGoodsTemplates">返回</h2>
-        <div class="goods-type-item template-item" @click="handleClickGoodsTemplate(item)"
-             v-for="(item,index) in goodsTemplates" :key="index">
-          <img :src="item.thumbnail"/>
-          <div>
-            <h2>{{ item.goodsName }}</h2>
-            <p>{{ item.sellingPoint || '' }}</p>
-          </div>
-        </div>
-
-      </div>
-
-    </Modal>
-
     <div class="step-list">
-      <steps :current="activestep" simple style="height:60px;margin-top: 10px" process-status="process">
-        <div class="step-view">
-          <step title="选择商品品类"/>
-        </div>
-        <div class="step-view">
-          <step title="填写商品详情"/>
-        </div>
-        <div class="step-view">
-          <step title="商品发布成功"/>
-        </div>
+      <steps :current="activestep" style="height:60px;margin-top: 10px">
+        <step title="选择商品品类"/>
+        <step title="填写商品详情"/>
+        <step title="商品发布成功"/>
       </steps>
     </div>
-    <div class="content-goods-publish" v-show="activestep === 0">
-      <div class="goods-category">
-        <ul v-if="categoryListLevel1 && categoryListLevel1.length > 0">
-          <li v-for="(item, index) in categoryListLevel1" :class="{ activeClass: index == activeCategoryIndex1 }"
-              @click="handleSelectCategory(item, index, 1)" :key="index">
-            <span>{{ item.name }}</span>
-            <span>&gt;</span>
-          </li>
-        </ul>
-        <ul v-if="categoryListLevel2 && categoryListLevel2.length > 0">
-          <li v-for="(item, index) in categoryListLevel2" :class="{ activeClass: index == activeCategoryIndex2 }"
-              @click="handleSelectCategory(item, index, 2)" :key="index">
-            <span>{{ item.name }}</span>
-            <span>&gt;</span>
-          </li>
-        </ul>
-        <ul v-if="categoryListLevel3 && categoryListLevel3.length > 0">
-          <li v-for="(item, index) in categoryListLevel3" :class="{ activeClass: index == activeCategoryIndex3 }"
-              @click="handleSelectCategory(item, index, 3)" :key="index">
-            <span>{{ item.name }}</span>
-          </li>
-        </ul>
-      </div>
-      <p class="current-goods-category">
-        您当前选择的商品类别是：
-        <span>{{ activeCategoryName1 }}</span>
-        <span v-show="activeCategoryName2">> {{ activeCategoryName2 }}</span>
-        <span v-show="activeCategoryName3">> {{ activeCategoryName3 }}</span>
-      </p>
-      <template v-if="!$route.query.id && draftId">
-        <Divider>已选商品模版:{{checkedTemplate()}}</Divider>
-      </template>
-    </div>
-
-    <div class="content-goods-publish" style="min-width:1350px;" v-show="activestep === 1">
-      <Form ref="baseInfoForm" :model="baseInfoForm" :label-width="120" :rules="baseInfoFormRule">
-        <div class="base-info-item">
-          <h4>基本信息</h4>
-          <div class="form-item-view">
-            <FormItem label="商品分类">
-              <span class="goods-category-name">{{ activeCategoryName1 }}</span>
-              <span v-show="activeCategoryName2">> {{ activeCategoryName2 }}</span>
-              <span v-show="activeCategoryName3">> {{ activeCategoryName3 }}</span>
-              <span v-if="!activeCategoryName1" v-html="baseInfoForm.category_name"></span>
-            </FormItem>
-            <FormItem label="商品名称" prop="goodsName">
-              <Input type="text" v-model="baseInfoForm.goodsName" placeholder="商品名称" clearable style="width: 260px"/>
-            </FormItem>
-
-            <FormItem label="商品卖点" prop="sellingPoint">
-              <Input v-model="baseInfoForm.sellingPoint" type="textarea" :rows="4" style="width: 260px"/>
-            </FormItem>
-            <FormItem label="商品品牌" prop="brandId">
-              <Select v-model="baseInfoForm.brandId" style="width: 200px">
-                <Option v-for="item in brandList" :value="item.id" :key="item.id" :label="item.name"></Option>
-              </Select>
-            </FormItem>
-          </div>
-          <h4>商品交易信息</h4>
-          <div class="form-item-view">
-            <FormItem class="form-item-view-el" label="计量单位" prop="goodsUnit">
-              <Select v-model="baseInfoForm.goodsUnit" style="width: 100px">
-                <Option v-for="unit in goodsUnitList" :key="unit" :value="unit">{{ unit }}
-                </Option>
-              </Select>
-            </FormItem>
-            <FormItem class="form-item-view-el" label="销售模式" prop="salesModel">
-              <RadioGroup type="button" v-if="baseInfoForm.goodsType!='VIRTUAL_GOODS'" button-style="solid"
-                          v-model="baseInfoForm.salesModel">
-                <Radio title="零售型" label="RETAIL">
-                  <span>零售型</span>
-                </Radio>
-                <Radio title="批发型" label="WHOLESALE">
-                  <span>批发型</span>
-                </Radio>
-              </RadioGroup>
-              <RadioGroup type="button" v-else button-style="solid" v-model="baseInfoForm.salesModel">
-                <Radio title="零售型" label="RETAIL">
-                  <span>虚拟型</span>
-                </Radio>
-
-              </RadioGroup>
-
-            </FormItem>
-          </div>
-          <h4>商品规格及图片</h4>
-          <div class="form-item-view">
-            <FormItem label="商品编号" prop="sn">
-              <Input type="text" v-model="baseInfoForm.sn" placeholder="商品编号" clearable style="width: 260px"/>
-            </FormItem>
-            <FormItem label="商品价格" prop="price">
-              <Input type="text" v-model="baseInfoForm.price" placeholder="商品价格" clearable style="width: 260px"/>
-            </FormItem>
-            <FormItem label="市场价格" prop="cost">
-              <Input type="text" v-model="baseInfoForm.cost" placeholder="市场价格" clearable style="width: 260px"/>
-            </FormItem>
-            <FormItem class="form-item-view-el required" label="商品图片" prop="goodsGalleryFiles">
-              <vuedraggable
-                :list="baseInfoForm.goodsGalleryFiles"
-                :animation="200"
-                style="display:inline-block;"
-                ghost-class="thumb-ghost"
-              >
-                <div class="demo-upload-list" v-for="(item, __index) in baseInfoForm.goodsGalleryFiles" :key="__index">
-                  <template v-if="item.status === 'finished'">
-                    <img :src="item.url"/>
-                    <div class="demo-upload-list-cover">
-                      <div>
-                        <Icon type="ios-eye-outline" size="30" @click.native="handleViewGoodsPicture(item.url)"></Icon>
-                        <Icon type="ios-trash-outline" size="30" @click.native="handleRemoveGoodsPicture(item)"></Icon>
-                      </div>
-                    </div>
-                  </template>
-                  <template v-else>
-                    <Progress v-if="item.showProgress" :percent="item.percentage" hide-info></Progress>
-                  </template>
-                </div>
-              </vuedraggable>
-              <Upload ref="upload" :show-upload-list="false" :default-file-list="baseInfoForm.goodsGalleryFiles"
-                      :on-success="handleSuccessGoodsPicture" :format="['jpg', 'jpeg', 'png']"
-                      :on-format-error="handleFormatError" :on-exceeded-size="handleMaxSize"
-                      :before-upload="handleBeforeUploadGoodsPicture" multiple type="drag" :action="uploadFileUrl"
-                      :headers="accessToken" style="display: inline-block;margin-left:10px;">
-                <div style="width: 80px; height: 80px; line-height: 80px">
-                  <Icon type="ios-camera" size="20"></Icon>
-                </div>
-              </Upload>
-
-              <Modal title="View Image" v-model="goodsPictureVisible">
-                <img :src="previewGoodsPicture" v-if="goodsPictureVisible" style="width: 100%"/>
-              </Modal>
-            </FormItem>
-
-            <div class="layout" style="width: 100%">
-              <Collapse v-model="open_panel">
-                <Panel name="1">
-                  规格名称
-                  <div slot="content" class="sku-item-content">
-                    <Form :model="skuForm" @submit.native.prevent>
-                      <div class="sku-item" v-for="(item, $index) in skuInfo" :key="$index">
-                        <Card :bordered="true">
-                          <FormItem label="规格名：" class="sku-item-content-name">
-                            <AutoComplete style="width: 150px" v-model="item.name" :maxlength="30"
-                                          placeholder="请输入规格项名称"
-                                          :filter-method="filterMethod" :data="skuData"
-                                          @on-change="editSkuItem">
-                            </AutoComplete>
-                            <Button type="error" style="margin-left: 10px" @click="handleCloseSkuItem($index)">删除
-                            </Button>
-                          </FormItem>
-
-                          <FormItem label="规格值：" prop="sku">
-                            <!--规格值文本列表-->
-                            <div v-for="(val, index) in item.spec_values" :key="index"
-                                 style="padding: 0px 20px 10px 0px; float: left">
-                              <div>
-                                <AutoComplete style="width: 150px; float: left" v-model="val.value"
-                                  :maxlength="30" placeholder="请输入规格值名称"
-                                  :filter-method="filterMethod" :data="skuVal"
-                                  @on-focus="changeSkuVals(item.name)"
-                                  @on-change="skuValueChange(val.value, $index, item)">
-                                </AutoComplete>
-                                <Button type="error" style="margin-left: 10px" @click="handleCloseSkuValue(item, index)">
-                                  删除
-                                </Button>
-                              </div>
-                            </div>
-                            <div style="float: left">
-                              <Button type="primary" @click="addSpec($index, item)">添加规格值</Button>
-                            </div>
-                          </FormItem>
-                        </Card>
-                      </div>
-                    </Form>
-                    <Button class="add-sku-btn" type="primary" size="mini" @click="addSkuItem">添加规格项目</Button>
-                  </div>
-                </Panel>
-                <Panel name="2">
-                  规格详细
-                  <div slot="content">
-                    <div slot="content">
-                      <Table :columns="skuTableColumn" :data="skuTableData" style="
-                          width: 100%;
-                          .ivu-table-overflowX {
-                            overflow-x: hidden;
-                          }
-                        ">
-                        <template slot-scope="{ row }" slot="sn">
-                          <Input v-model="row.sn" placeholder="请输入货号" @on-change="updateSkuTable(row, 'sn')"/>
-                        </template>
-
-                        <template slot-scope="{ row }" slot="weight" v-if="baseInfoForm.goodsType!='VIRTUAL_GOODS'">
-                          <Input v-model="row.weight" placeholder="请输入重量" @on-change="updateSkuTable(row, 'weight')"/>
-                        </template>
-
-                        <template slot-scope="{ row }" slot="quantity">
-                          <Input v-model="row.quantity" placeholder="请输入库存"
-                                 @on-change="updateSkuTable(row, 'quantity')"/>
-                        </template>
-
-                        <template slot-scope="{ row }" slot="cost">
-                          <Input v-model="row.cost" placeholder="请输入成本价" @on-change="updateSkuTable(row, 'cost')"/>
-                        </template>
-
-                        <template slot-scope="{ row }" slot="price">
-                          <Input v-model="row.price" placeholder="请输入价格" @on-change="updateSkuTable(row, 'price')"/>
-                        </template>
-                        <template slot-scope="{ row }" slot="images">
-                          <Button @click="editSkuPicture(row)">编辑图片</Button>
-                          <Modal v-model="showSkuPicture" :styles="{ top: '30px' }" class-name="sku-preview-modal"
-                                 title="编辑图片" ok-text="结束编辑" @on-ok="updateSkuPicture()" cancel-text="取消">
-                            <div class="preview-picture">
-                              <img v-if="previewPicture !== ''" :src="previewPicture"/>
-                            </div>
-                            <Divider/>
-                            <vuedraggable
-                              :list="selectedSku.images"
-                              :animation="200"
-                              style="display:inline-block;"
-                            >
-                              <div class="sku-upload-list" v-for="(img, __index) in selectedSku.images" :key="__index">
-                                <template v-if="img.status === 'finished'">
-                                  <img :src="img.url"/>
-                                  <div class="sku-upload-list-cover">
-                                    <Icon type="ios-eye-outline" @click="handleView(img.url)"></Icon>
-                                    <Icon type="ios-trash-outline" @click="handleRemove(img, __index)"></Icon>
-                                  </div>
-                                </template>
-                                <template v-else>
-                                  <Progress v-if="img.showProgress" :percent="img.percentage" hide-info></Progress>
-                                </template>
-                              </div>
-                            </vuedraggable>
-                            <Upload ref="uploadSku" :show-upload-list="false" :default-file-list="row.images"
-                                    :on-success="handleSuccess" :format="['jpg', 'jpeg', 'png']"
-                                    :on-format-error="handleFormatError" :on-exceeded-size="handleMaxSize"
-                                    :before-upload="handleBeforeUpload" multiple type="drag" :action="uploadFileUrl"
-                                    :headers="accessToken" style="display: inline-block; width: 58px">
-                              <div>
-                                <Icon type="ios-camera" size="55"></Icon>
-                              </div>
-                            </Upload>
-                          </Modal>
-                        </template>
-                      </Table>
-
-                    </div>
-                  </div>
-                </Panel>
-              </Collapse>
-            </div>
-          </div>
-          <h4>商品详情描述</h4>
-          <div class="form-item-view">
-            <div class="tree-bar">
-              <FormItem
-                class="form-item-view-el"
-                label="店内分类"
-                prop="shopCategory"
-              >
-                <Tree
-                  ref="tree"
-                  :data="shopCategory"
-                  style="text-align:left;"
-                  show-checkbox
-                  @on-select-change="selectTree"
-                  @on-check-change="changeSelect"
-                  :check-strictly="!strict"
-                ></Tree>
-              </FormItem>
-            </div>
-            <FormItem class="form-item-view-el" label="商品描述" prop="intro">
-              <editor id="intro" showExpand v-model="baseInfoForm.intro"></editor>
-            </FormItem>
-            <FormItem class="form-item-view-el" label="移动端描述" prop="skuList">
-              <editor id="mobileIntr" v-model="baseInfoForm.mobileIntro"></editor>
-            </FormItem>
-          </div>
-          <div v-if="baseInfoForm.goodsType!='VIRTUAL_GOODS'">
-            <h4>商品物流信息</h4>
-            <div class="form-item-view">
-              <FormItem class="form-item-view-el" label="商品重量" prop="weight">
-                <Input v-model="baseInfoForm.weight">
-                  <span slot="append">kg</span>
-                </Input>
-              </FormItem>
-
-              <FormItem
-                class="form-item-view-el"
-                label="物流模板"
-                prop="templateId"
-              >
-                <Select v-model="baseInfoForm.templateId" style="width: 200px">
-                  <Option
-                    v-for="item in logisticsTemplate"
-                    :value="item.id"
-                    :key="item.id"
-                  >{{ item.name }}
-                  </Option>
-                </Select>
-              </FormItem>
-            </div>
-            <h4>其他信息</h4>
-            <div class="form-item-view">
-              <FormItem class="form-item-view-el" label="商品发布" prop="release">
-                <RadioGroup type="button" button-style="solid" v-model="baseInfoForm.release">
-                  <Radio title="立即发布" label="true">
-                    <span>立即发布</span>
-                  </Radio>
-                  <Radio title="放入仓库" label="false">
-                    <span>放入仓库</span>
-                  </Radio>
-                </RadioGroup>
-              </FormItem>
-              <FormItem class="form-item-view-el" label="商品推荐" prop="skuList">
-                <RadioGroup type="button" button-style="solid" v-model="baseInfoForm.recommend">
-                  <Radio title="推荐" label="true">
-                    <span>推荐</span>
-                  </Radio>
-                  <Radio title="不推荐" label="false">
-                    <span>不推荐</span>
-                  </Radio>
-                </RadioGroup>
-              </FormItem>
-            </div>
-            <div class="form-item-view-bottom">
-              <Collapse v-model="params_panel" v-for="(paramsGroup,groupIndex) in goodsParams"
-                        :title="paramsGroup.groupName"
-                        class="mb_10"
-                        style="text-align: left" :key="paramsGroup.groupName">
-                <Panel :name="paramsGroup.groupName">
-                  {{paramsGroup.groupName}}
-                  <p slot="content">
-                    <FormItem v-for="( params, paramsIndex) in paramsGroup.params" :key="paramsIndex"
-                              :label="`${params.paramName}：`">
-                      <Select v-model="params.paramValue" placeholder="请选择" style="width: 200px" clearable
-                              @on-change="selectParams(paramsGroup,groupIndex,params,paramsIndex,params.paramValue)">
-                        <Option v-for="option in params.options.split(',')" :label="option"
-                                :value="option" :key="option"></Option>
-                      </Select>
-                    </FormItem>
-                  </p>
-                </Panel>
-              </Collapse>
-            </div>
-
-          </div>
-        </div>
-      </Form>
-    </div>
-    <div class="content-goods-publish" v-show="activestep === 2">
-      <template>
-
-        <div class="success" style="text-align: left">
-          <h1>恭喜您，商品发布成功!</h1>
-          <div class="goToGoodsList" @click="gotoGoodsList">
-            <a>去店铺查看商品列表>></a>
-          </div>
-          <div class="operation">
-            <h3>您还可以：</h3>
-            <div>
-              1、继续
-              <a @click="gotoBack">发布商品</a>
-            </div>
-            <div>
-              2、进入卖家中心，管理
-              <a @click="gotoGoodsList">商品列表</a>
-            </div>
-          </div>
-        </div>
-
-      </template>
-    </div>
-    <div class="footer">
-      <ButtonGroup>
-        <Button type="primary" @click="pre" v-if="activestep === 1 && isPublish">上一步
-        </Button>
-        <Button type="primary" @click="selectGoodsType=!selectGoodsType" v-if="activestep === 0">商品类型
-        </Button>
-        <Button type="primary" @click="next" v-if="activestep === 0">下一步
-        </Button>
-        <Button type="primary" @click="save" :loading="submitLoading" v-if="activestep === 1">
-          {{ this.goodsId ? "保存" : "保存商品" }}
-        </Button>
-        <Button type="primary" @click="saveToDraft" v-if="activestep === 1">
-          保存为模版
-        </Button>
-      </ButtonGroup>
-
-    </div>
+    <!-- 第一步 选择分类 -->
+    <first-step ref='first' v-show="activestep === 0" @change="getFirstData"></first-step>
+    <!-- 第二步 商品详细信息 -->
+    <second-step ref='second' :firstData="firstData" v-if="activestep === 1"></second-step>
+    <!-- 第三步 发布完成 -->
+    <third-step ref='third' v-if="activestep === 2"></third-step>
+    
+    
   </div>
 </template>
-
 <script>
-import {regular} from "@/utils";
-import editor from "@/views/my-components/lili/editor";
-import * as API_GOODS from "@/api/goods";
-import * as API_Shop from "@/api/shops";
-
-import cloneObj from "@/utils/index";
-import vuedraggable from "vuedraggable";
+import firstStep from  './goodsOperationFirst'
+import secondStep from  './goodsOperationSec'
+import thirdStep from  './goodsOperationThird'
 export default {
   name: "addGoods",
   components: {
-    editor,
-    vuedraggable
+    firstStep,
+    secondStep,
+    thirdStep
   },
-  watch: {
-    selectGoodsType: {
-      handler(val) {
-        if (val && this.baseInfoForm.goodsType) {
-          this.goodsTypeWay.forEach((item) => {
-            item.check = false;
-            if (item.type == this.baseInfoForm.goodsType) {
-              item.check = true;
-            }
-            if (!item.type) {
-              this.defaultBaseInfo();
-            }
-          });
-        }
-      },
-    },
-    $route(to, from) {
-      if (to.query.draftId) {
-        this.draftId = to.query.draftId;
-        this.activestep = 1;
-        this.isOperationGoods = false;
-        this.GET_GoodData();
-      } else if (to.query.id) {
-        this.activestep = 1;
-        this.goodsId = this.$route.query.id;
-        this.GET_GoodData();
-      } else {
-        this.selectGoodsType = true;
-        this.defaultBaseInfo();
-      }
-    },
-  },
-  data() {
-    // 表单验证项，商品价格
-    const checkPrice = (rule, value, callback) => {
-      if (!value && value !== 0) {
-        return callback(new Error("商品价格不能为空"));
-      }
-      setTimeout(() => {
-        if (!regular.money.test(value)) {
-          callback(new Error("请输入正整数或者两位小数"));
-        } else if (parseFloat(value) > 99999999) {
-          callback(new Error("商品价格设置超过上限值"));
-        } else {
-          callback();
-        }
-      }, 1000);
-    };
-    // 表单验证项，商品编号
-    const checkSn = (rule, value, callback) => {
-      if (!value) {
-        callback(new Error("商品编号不能为空"));
-      } else if (!/^[a-zA-Z0-9_\\-]+$/g.test(value)) {
-        callback(new Error("请输入数字、字母、下划线或者中划线"));
-      } else {
-        callback();
-      }
-    };
-    // 表单验证项，商品重量
-    const checkWeight = (rule, value, callback) => {
-      if (!value && typeof value !== "number") {
-        callback(new Error("重量不能为空"));
-      } else if (!regular.money.test(value)) {
-        callback(new Error("请输入正整数或者两位小数"));
-      } else if (parseFloat(value) > 99999999) {
-        callback(new Error("商品重量设置超过上限值"));
-      } else {
-        callback();
-      }
-    };
 
+  data() {
     return {
-      selectGoodsType: false, //是否选择商品类型
-      showGoodsTemplates: false, //是否显示选择商品模板
-      goodsTypeWay: [
-        {
-          title: "实物商品",
-          img: require("@/assets/goodsType1.png"),
-          desc: "零售批发，物流配送",
-          type: "PHYSICAL_GOODS",
-          check: false,
-        },
-        {
-          title: "虚拟商品",
-          img: require("@/assets/goodsType2.png"),
-          desc: "虚拟核验，无需物流",
-          type: "VIRTUAL_GOODS",
-          check: false,
-        },
-        {
-          title: "商品模板导入",
-          img: require("@/assets/goodsTypeTpl.png"),
-          desc: "商品模板，一键导入",
-          check: false,
-        },
-      ],
-      //提交状态
-      submitLoading: false,
-      //上传图片路径
-      uploadFileUrl: API_GOODS.uploadFile,
-      // 预览图片
-      previewPicture: "",
-      //商品图片
-      previewGoodsPicture: "",
-      //展示图片层
-      visible: false,
-      //展示商品图片
-      goodsPictureVisible: false,
-      //展示sku图片
-      showSkuPicture: false,
-      //选择的sku
-      selectedSku: {},
-      //选择店铺分类
-      strict: true,
-      //模版 / 草稿 id
-      draftId: undefined,
       /** 当前激活步骤*/
       activestep: 0,
-      //是否在编辑商品
-      isOperationGoods: true,
-      //是否在发布商品
-      isPublish: false,
-      /** 当前点击的1级分类索引*/
-      activeCategoryIndex1: -1,
-
-      /** 当前点击的2级分类索引*/
-      activeCategoryIndex2: -1,
-
-      /** 当前点击的3级分类索引*/
-      activeCategoryIndex3: -1,
-      /** 当前商品分类名称1*/
-      activeCategoryName1: "",
-
-      /** 当前商品分类名称2*/
-      activeCategoryName2: "",
-
-      /** 当前商品分类名称3*/
-      activeCategoryName3: "",
-      /** 1级分类列表*/
-      categoryListLevel1: [],
-
-      /** 2级分类列表*/
-      categoryListLevel2: [],
-
-      /** 3级分类列表*/
-      categoryListLevel3: [],
-
-      /** 请求的商品参数组列表 */
-      goodsParams: [],
-      /** 当前状态/模式 默认发布商品0 编辑商品1 编辑草稿箱商品2 */
-      currentStatus: 0,
-
-      baseInfoForm: {
-        salesModel: "RETAIL",
-        /** 商品重量 */
-        weight: "",
-        /** 商品相册列表 */
-        goodsGalleryFiles: [],
-        /** 是否立即发布 0 立即发布 1放入仓库 */
-        release: "true",
-        /** 是否为推荐商品 */
-        recommend: "true",
-        /** 店铺分类 */
-        storeCategoryPath: "",
-        brandId: 0,
-        /** 计量单位 **/
-        goodsUnit: "",
-        /** 商品类型 **/
-        goodsType: "",
-        /** 分类路径 **/
-        categoryPath: "",
-        /** 商品卖点 **/
-        sellingPoint: "",
-        /** 商品详情 **/
-        intro: "",
-        mobileIntro: "",
-        updateSku: true,
-        /** 是否重新生成sku */
-        regeneratorSkuFlag: false,
-        /** 物流模板id **/
-        templateId: '',
-        /** 参数组*/
-        goodsParamsDTOList: [],
-      },
-      /** 表单数据*/
-      skuForm: {},
-      /** 表格头 */
-      skuTableColumn: [],
-      /** 表格数据 */
-      skuTableData: [],
-
-      /** 默认的规格参数 */
-      skuData: [],
-
-      /** 默认的规格值 */
-      skuVals: [],
-      // 某一规格名下的规格值
-      skuVal: [],
-      open_panel: [1, 2],
-
-      /** 要提交的规格数据*/
-      skuInfo: [],
-
-      /** 规格图片 */
-      images: [],
-
-      /** 物流模板 **/
-      logisticsTemplate: [],
-
-      /** 固定列校验提示内容 */
-      validatatxt: "请输入0~99999999之间的数字值",
-      //参数panel展示
-      params_panel: [],
-      /** 存储未通过校验的单元格位置  */
-      validateError: [],
-      baseInfoFormRule: {
-        goodsName: [
-          {required: true, message: "请输入商品名称"},
-          {
-            whitespace: true,
-            message: "商品名称不可为纯空格",
-          },
-          {
-            min: 3,
-            max: 60,
-            message: "长度在 3 到 60 个字符",
-          },
-        ],
-        sn: [
-          {required: true, message: "请输入商品编号"},
-          {validator: checkSn},
-        ],
-        price: [
-          {required: true, message: "请输入商品价格"},
-          {validator: checkPrice},
-        ],
-        cost: [
-          {required: true, message: "请输入市场价格"},
-          {validator: checkPrice},
-        ],
-        weight: [
-          {required: true, message: "请输入物流参数"},
-          {validator: checkWeight},
-        ],
-        templateId: [{required: true, message: '请选择物流模板'}],
-        sellingPoint: [{required: true, message: "请输入商品卖点"}],
-        goodsUnit: [{required: true, message: "请选择计量单位"}],
-      },
-      /** 品牌列表 */
-      brandList: [],
-      collapseVal: [],
-      /** 店铺分类列表 */
-      shopCategory: [],
-      /** 商品单位列表 */
-      goodsUnitList: {},
-      goodsTemplates: [],
-      ignoreColumn: [
-        "_index",
-        "_rowKey",
-        "sn",
-        "cost",
-        "price",
-        "weight",
-        "quantity",
-        "specId",
-        "specValueId",
-      ],
-      skuValVisible: true,
+      firstData: {}, // 第一步传递的数据
     };
   },
-
-  mounted() {
-    this.accessToken = {
-      accessToken: this.getStore("accessToken"),
-    };
-    // 获取物流模板
-    API_Shop.getShipTemplate().then((res) => {
-      if (res.success) {
-        this.logisticsTemplate = res.result;
-      }
-    })
-
-    // 编辑商品
-    if (this.$route.query.id) {
-      this.activestep = 1;
-      this.goodsId = this.$route.query.id;
-      this.GET_GoodData();
-      this.selectGoodsType = false;
-
-    }
-    // 编辑模板
-    else if (this.$route.query.draftId) {
-      this.draftId = this.$route.query.draftId;
-      this.activestep = 1;
-      this.isOperationGoods = false;
-      this.GET_GoodData();
-      this.selectGoodsType = false;
-    }
-    //新增商品
-    else {
-      this.selectGoodsType = true;
-      this.defaultBaseInfo();
-    }
-  },
   methods: {
-    // 默认还原数据
-    defaultBaseInfo() {
-      this.baseInfoForm = {
-        salesModel: "RETAIL",
-        weight: "",
-        goodsGalleryFiles: [],
-        release: "true",
-        recommend: "true",
-        storeCategoryPath: "",
-        brandId: 0,
-        goodsUnit: "",
-        goodsType: "",
-        categoryPath: "",
-        sellingPoint: "",
-        intro: "",
-        mobileIntro: "",
-        updateSku: true,
-        regeneratorSkuFlag: false,
-        templateId: '',
-        goodsParamsDTOList: [],
-      };
-      this.activestep = 0;
-      this.isPublish = true;
-      this.GET_GoodsTemplate();
-
-      this.GET_NextLevelCategory();
-    },
-     // 获取已选模板
-    checkedTemplate () {
-      if(this.goodsTemplates.length) {
-        return this.goodsTemplates.find(item=>{return item.id == this.draftId}).goodsName
-      } else {
-        return ""
-      }
-    },
-    // 选择商品模板
-    handleClickGoodsTemplate(val) {
-      this.draftId = val.id;
-      this.selectGoodsType = false;
-      this.GET_GoodData();
+    getFirstData (item) {
+      this.firstData = item;
       this.activestep = 1;
-    },
-    // 点击商品类型
-    handleClickGoodsType(val) {
-      this.goodsTypeWay.map((item) => {
-        return (item.check = false);
-      });
-
-      val.check = !val.check;
-      if (!val.type) {
-        this.showGoodsTemplates = true;
-      } else {
-        this.baseInfoForm.goodsType = val.type;
-        this.draftId = "";
-      }
-    },
-    // 获取商品模板
-    GET_GoodsTemplate() {
-      let searchParams = {
-        saveType: "TEMPLATE",
-        sort: "create_time",
-        order: "desc",
-      };
-      API_GOODS.getDraftGoodsListData(searchParams).then((res) => {
-        if (res.success) {
-          this.goodsTemplates = res.result.records;
-        }
-      });
-    },
-    /**
-     * 选择参数
-     * @paramsGroup 参数分组
-     * @groupIndex 参数分组下标
-     * @params 参数选项
-     * @paramIndex 参数下标值
-     * @value 参数选项值
-     */
-    selectParams(paramsGroup, groupIndex, params, paramsIndex, value) {
-      if (!this.baseInfoForm.goodsParamsDTOList[groupIndex]) {
-        this.baseInfoForm.goodsParamsDTOList[groupIndex] = {
-          groupId:'',
-          groupName:'',
-          goodsParamsItemDTOList:[]
-        }
-      }
-      //赋予分组id
-      this.baseInfoForm.goodsParamsDTOList[groupIndex].groupId = paramsGroup.groupId
-      //赋予分组名称
-      this.baseInfoForm.goodsParamsDTOList[groupIndex].groupName = paramsGroup.groupName
-      //参数详细为空，则赋予
-      if (!this.baseInfoForm.goodsParamsDTOList[groupIndex].goodsParamsItemDTOList[paramsIndex]) {
-        this.baseInfoForm.goodsParamsDTOList[groupIndex].goodsParamsItemDTOList[paramsIndex]={
-          paramName: '',
-          paramValue: '',
-          isIndex: '',
-          required: '',
-          paramId: ''
-        }
-      }
-      this.baseInfoForm.goodsParamsDTOList[groupIndex].goodsParamsItemDTOList[paramsIndex]={
-        paramName: params.paramName,
-        paramValue: value,
-        isIndex: params.isIndex,
-        required: params.required,
-        paramId: params.id
-      }
-
-    },
-
-    // 编辑sku图片
-    editSkuPicture(row) {
-      if (row.images && row.images.length > 0) {
-        this.previewPicture = row.images[0].url;
-      }
-      this.selectedSku = row;
-      this.showSkuPicture = true;
-    },
-    handleView (url) {
-      this.previewPicture = url;
-      this.visible = true;
-    },
-    handleRemove(item, index) {
-      this.selectedSku.images = this.selectedSku.images.filter(
-        (i) => i.url !== item.url
-      );
-      if (this.selectedSku.images.length > 0 && index === 0) {
-        this.previewPicture = this.selectedSku.images[0].url;
-      } else if (this.selectedSku.images.length < 0) {
-        this.previewPicture = "";
-      }
-    },
-    handleViewGoodsPicture(url) {
-      this.previewGoodsPicture = url;
-      this.goodsPictureVisible = true;
-    },
-    handleRemoveGoodsPicture(file) {
-      this.baseInfoForm.goodsGalleryFiles =
-        this.baseInfoForm.goodsGalleryFiles.filter((i) => i.url !== file.url);
-    },
-    updateSkuPicture() {
-      this.baseInfoForm.regeneratorSkuFlag = true;
-      let _index = this.selectedSku._index;
-      this.skuTableData[_index] = this.selectedSku;
-    },
-    handleSuccess(res, file) {
-      if (file.response) {
-        file.url = file.response.result;
-        if (this.selectedSku.images) {
-          this.selectedSku.images.push(file);
-        } else {
-          this.selectedSku.images = [file];
-        }
-        this.previewPicture = file.url;
-      }
-    },
-    handleSuccessGoodsPicture(res, file, fileList) {
-      console.log(res, file, fileList);
-      file.url = res.result;
-      this.baseInfoForm.goodsGalleryFiles = fileList;
-    },
-    handleFormatError(file) {
-      this.$Notice.warning({
-        title: "文件格式不正确",
-        desc:
-          "File format of " +
-          file.name +
-          " is incorrect, please select jpg or png.",
-      });
-    },
-    handleMaxSize(file) {
-      this.$Notice.warning({
-        title: "超过文件大小限制",
-        desc: "图片  " + file.name + " 不能超过2mb",
-      });
-    },
-    handleBeforeUploadGoodsPicture() {
-      const check = this.baseInfoForm.goodsGalleryFiles.length < 5;
-      if (!check) {
-        this.$Notice.warning({
-          title: "Up to five pictures can be uploaded.",
-        });
-      }
-      return check;
-    },
-    handleBeforeUpload() {
-      const check =
-        this.selectedSku.images !== undefined &&
-        this.selectedSku.images.length > 5;
-      if (check) {
-        this.$Notice.warning({
-          title: "Up to five pictures can be uploaded.",
-        });
-      }
-      return !check;
-    },
-    // 跳转商品列表
-    gotoGoodsList() {
-      this.$router.push({name: "goods"});
-    },
-    gotoBack() {
-      this.$router.go();
-    },
-    /** 查询商品品牌列表 */
-    getGoodsBrandList() {
-      API_GOODS.getCategoryBrandListDataSeller(this.categoryId).then(
-        (response) => {
-          this.brandList = response;
-        }
-      );
-    },
-    // 获取商品单位
-    GET_GoodsUnit() {
-      API_GOODS.getGoodsUnitList().then((res) => {
-        if (res.success) {
-          this.goodsUnitList = res.result.records.map((i) => i.name);
-        }
-      });
-    },
-    // 获取当前店铺分类
-    GET_ShopGoodsLabel() {
-      API_GOODS.getShopGoodsLabelListSeller().then((res) => {
-        if (res.success) {
-          let shopCategories = !this.baseInfoForm.storeCategoryPath
-            ? []
-            : this.baseInfoForm.storeCategoryPath.split(",");
-
-          this.shopCategory = res.result.map((i) => {
-            i.title = i.labelName;
-            i.expand = false;
-            i.checked = shopCategories.some((o) => o === i.id);
-            i.children = i.children.map((j) => {
-              j.title = j.labelName;
-              j.expand = false;
-              j.checked = shopCategories.some((o) => o === j.id);
-              return j;
-            });
-            return i;
-          });
-        }
-      });
-    },
-    // 编辑时获取商品信息
-    async GET_GoodData() {
-      let response = {};
-      if (this.draftId) {
-        response = await API_GOODS.getDraftGoodsDetail(this.draftId);
-      } else {
-        response = await API_GOODS.getGoods(this.$route.query.id);
-        this.goodsId = response.result.id;
-      }
-      this.baseInfoForm = {
-        ...this.baseInfoForm,
-        ...response.result,
-      };
-
-      this.baseInfoForm.release = "true";
-      this.baseInfoForm.recommend = this.baseInfoForm.recommend
-        ? "true"
-        : "false";
-
-      //分类名称展示
-      this.activeCategoryName1 = response.result.categoryName[0];
-      this.activeCategoryName2 = response.result.categoryName[1];
-      this.activeCategoryName3 = response.result.categoryName[2];
-
-      this.baseInfoForm.categoryId = response.result.categoryPath.split(",");
-
-
-      if (
-        response.result.goodsGalleryList &&
-        response.result.goodsGalleryList.length > 0
-      ) {
-        this.baseInfoForm.goodsGalleryFiles =
-          response.result.goodsGalleryList.map((i) => {
-            let files = {url: i};
-            return files;
-          });
-      }
-
-      this.categoryId = this.baseInfoForm.categoryId[2];
-
-      this.Get_SkuInfoByCategory(this.categoryId)
-
-      this.renderGoodsDetailSku(response.result.skuList);
-
-      /** 查询品牌列表 */
-      this.getGoodsBrandList();
-      /** 查询商品参数 */
-      this.GET_GoodsParams();
-      /** 查询店铺商品分类 */
-      this.GET_ShopGoodsLabel();
-      this.GET_GoodsUnit();
-    },
-    // 渲染sku数据
-    renderGoodsDetailSku(skuList) {
-      let skus = [];
-      let skusInfo = [];
-      skuList.map((e) => {
-        let sku = {
-          id: e.id,
-          sn: e.sn,
-          price: e.price,
-          cost: e.cost,
-          quantity: e.quantity,
-          weight: e.weight,
-        };
-        e.specList.forEach((u) => {
-          if (u.specName === "images") {
-            sku.images = u.specImage;
-          } else {
-            sku[u.specName] = u.specValue;
-            if (
-              !skusInfo.some((s) => s.name === u.specName) &&
-              !this.ignoreColumn.includes(u.specName)
-            ) {
-              skusInfo.push({
-                name: u.specName,
-                spec_id: u.specNameId,
-                spec_values: [
-                  {
-                    id: u.specValueId,
-                    name: u.specName,
-                    value: u.specValue,
-                  },
-                ],
-              });
-            } else {
-              skusInfo = skusInfo.map((sk) => {
-                if (
-                  !sk.spec_values.some((s) => s.value === u.specValue) &&
-                  sk.name === u.specName
-                ) {
-                  sk.spec_values.push({
-                    id: u.specValueId,
-                    name: u.specName,
-                    value: u.specValue,
-                  });
-                }
-                if (!sk.spec_id && u.specName === "specId") {
-                  sk.spec_id = u.specValue;
-                }
-                return sk;
-              });
-            }
-          }
-        });
-        skus.push(sku);
-      });
-      this.skuInfo = skusInfo;
-      /**
-       * 渲染规格详细表格
-       */
-      this.renderTableData();
-      this.skuTableData = skus;
-    },
-
-    /** 根据当前分类id查询商品应包含的参数 */
-    GET_GoodsParams() {
-      API_GOODS.getCategoryParamsListDataSeller(this.categoryId).then(
-        (response) => {
-          if (!response || response.length <= 0) {
-            return;
-          }
-          this.goodsParams = response;
-
-          //展开选项卡
-          this.goodsParams.forEach(item => {
-              this.params_panel.push(item.groupName)
-            }
-          )
-          if (this.baseInfoForm.goodsParamsDTOList) {
-            // 已选值集合
-            const paramsArr = []
-            this.baseInfoForm.goodsParamsDTOList.forEach(group =>{
-              group.goodsParamsItemDTOList.forEach(param => {
-                param.groupId = group.groupId
-                paramsArr.push(param)
-              })
-            })
-            // 循环参数分组
-            this.goodsParams.forEach((parmsGroup) => {
-              parmsGroup.params.forEach(param => {
-              
-                paramsArr.forEach(arr=>{
-                  if(param.paramName == arr.paramName){
-                    param.paramValue = arr.paramValue
-                  }
-                })
-              })
-            });
-          } else {
-            this.baseInfoForm.goodsParamsDTOList = []
-          }
-        }
-      );
-    },
-
-    /** 添加规格项 */
-    addSkuItem() {
-      if (this.skuInfo.length >= 5) {
-        this.$Message.error("规格项不能大于5个！");
-        return;
-      }
-      // 写入对象，下标，具体对象
-      this.$set(this.skuInfo, this.skuInfo.length, {
-        spec_values: [],
-      });
-      /**
-       * 渲染规格详细表格
-       */
-      this.renderTableData();
-    },
-    // 编辑规格名
-    editSkuItem() {
-      this.renderTableData();
-    },
-    // 编辑规格值
-    async skuValueChange(val, index, item) {
- 
-      /**
-       * 渲染规格详细表格
-       */
-      this.renderTableData();
-    },
-    // 获取焦点时，取得规格名对应的规格值
-    changeSkuVals(name) {
-      if (name) {
-        this.skuData.forEach((e, index) => {
-          if (e === name) {
-            if (this.skuVal.length != this.skuVals[index].length) {
-              this.skuVal = this.skuVals[index]
-            }
-          }
-        })
-      }
-    },
-    /** 移除当前规格项 进行数据变化*/
-    handleCloseSkuItem($index) {
-      this.skuInfo.splice($index, 1);
-      /**
-       * 渲染规格详细表格
-       */
-      this.renderTableData();
-    },
-    // 添加规格值的验证
-    validateEmpty(params) {
-      let flag = true;
-      params.forEach((item) => {
-        for (var key in item) {
-          if (item[key] != "0" && !item.value) {
-            this.$Message.error("请必填规格项");
-            flag = false;
-            return false; // 终止程序
-          }
-        }
-      });
-
-      return flag;
-    },
-    /** 添加当前规格项的规格值*/
-    addSpec($index, item) {
-
-      if (this.validateEmpty(item.spec_values)) {
-        if (item.spec_values.length >= 10) {
-          this.$Message.error("规格值不能大于10个！");
-          return;
-        }
-        this.$set(
-          item.spec_values,
-          item.spec_values.length,
-          {
-            name: item.name,
-          }
-        );
-        this.baseInfoForm.regeneratorSkuFlag = true;
-        /**
-         * 渲染规格详细表格
-         */
-        this.renderTableData();
-      }
-    },
-
-    /** 移除当前规格值 */
-    handleCloseSkuValue(item, index) {
-      item.spec_values.splice(index, 1);
-
-      this.baseInfoForm.regeneratorSkuFlag = true;
-      /**
-       * 渲染规格详细表格
-       */
-      this.renderTableData();
-    },
-
-    /**
-     * 渲染table所需要的column 和 data
-     */
-    renderTableData() {
-      this.skuTableColumn = [];
-      this.skuTableData = [];
-      let pushData = [];
-      //渲染头部
-      this.skuInfo.forEach((sku) => {
-        //列名称
-        let columnName = sku.name;
-        pushData.push({
-          title: columnName,
-          key: columnName,
-        });
-      });
-      
-      this.baseInfoForm.goodsType != "VIRTUAL_GOODS"
-        ? pushData.push({
-          title: "重量",
-          slot: "weight",
-        })
-        : "";
-      pushData.push(
-        {
-          title: "货号",
-          slot: "sn",
-        },
-        {
-          title: "库存",
-          slot: "quantity",
-        },
-        {
-          title: "成本价",
-          slot: "cost",
-        },
-        {
-          title: "价格",
-          slot: "price",
-        },
-        {
-          title: "图片",
-          slot: "images",
-        }
-      );
-
-      this.skuTableColumn = pushData;
-      //克隆所有渲染的数据
-      let cloneTemp = cloneObj(this.skuInfo);
-
-      //数据清空一次
-      this.skuTableData = [];
-      //判定 是否存在规格分组
-      if (cloneTemp[0]) {
-        //存放最终结果
-        let result = [];
-        //循环选中的 sku 数据
-        cloneTemp[0].spec_values.forEach((specItem) => {
-          result.push({
-            [cloneTemp[0].name]: specItem.value,
-            images: this.baseInfoForm.goodsGalleryFiles || [],
-          });
-        });
-        cloneTemp.splice(0, 1);
-        result = this.specIterator(result, cloneTemp);
-        this.skuTableData = result;
-      }
-    },
-     /**
-     * 迭代属性，形成表格
-     * result 渲染的数据
-     * array spec数据
-     */
-    specIterator(result, cloneTemp) {
-      //是否还可以循环
-      if (cloneTemp.length > 0) {
-        let table = [];
-        result.forEach((resItem) => {
-          cloneTemp[0].spec_values.forEach((valItem) => {
-            let obj = cloneObj(resItem);
-            obj[cloneTemp[0].name] = valItem.value;
-            table.push(obj);
-          });
-        });
-        result = [];
-        table.forEach((t) => {
-          result.push(t);
-        });
-        //清除当前循环的分组
-        cloneTemp.splice(0, 1);
-        
-      } else {
-        return result;
-      }
-      return this.specIterator(result, cloneTemp);
-    },
-    /** 根据分类id获取系统设置规格信息*/
-    Get_SkuInfoByCategory(categoryId) {
-      if (categoryId) {
-        API_GOODS.getGoodsSpecInfoSeller(categoryId).then(res => {
-            if (res.length) {
-              res.forEach(e => {
-                this.skuData.push(e.specName)
-                const vals = e.specValue ? e.specValue.split(',') : []
-                this.skuVals.push(Array.from(new Set(vals)))
-              })
-            }
-          }
-        );
-      }
-    },
-    /** 自动完成表单所需方法*/
-    filterMethod(value, option) {
-      return option.toUpperCase().indexOf(value.toUpperCase()) !== -1;
-    },
-    // 节流函数
-    throttle (fn,time) {
-      let startTime = new Date();//初始时间
-      return function(){
-        let time_ = (new Date() - startTime) >= time;//判断时间间隔是否大于传入的time值，返回布尔值
-        if(time_){
-          fn.apply(this);
-          startTime = new Date();//函数执行完后更新初始时间的值
-        }
-      }
-    },
-    /** 数据改变之后 抛出数据 */
-    updateSkuTable(row, item) {
-      let index = row._index;
-      this.baseInfoForm.regeneratorSkuFlag = true;
-      // this.skuTableData[index][item] = row[item];
-      /** 进行自定义校验 判断是否是数字（小数也能通过）重量 */
-      if (item === "weight") {
-        if (
-          !/^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/.test(row[item]) ||
-          parseInt(row[item]) < 0 ||
-          parseInt(row[item]) > 99999999
-        ) {
-          // 校验未通过 加入错误存储列表中
-          this.validateError.push([index, item]);
-          this.validatatxt = "请输入0~99999999之间的数字值";
-          return;
-        }
-      } else if (item === "quantity") {
-        if (
-          !/^[0-9]\d*$/.test(row[item]) ||
-          parseInt(row[item]) < 0 ||
-          parseInt(row[item]) > 99999999
-        ) {
-          // 库存
-          this.validateError.push([index, item]);
-          this.validatatxt = "请输入0~99999999之间的整数";
-          return;
-        }
-      } else if (item === "cost" || item === "price") {
-        if (
-          !regular.money.test(row[item]) ||
-          parseInt(row[item]) < 0 ||
-          parseInt(row[item]) > 99999999
-        ) {
-          // 成本价 价格
-          this.validateError.push([index, item]);
-          this.validatatxt = "请输入0~99999999之间的价格";
-          return;
-        }
-      }
-      this.skuTableData[index][item] = row[item];
-    },
-    /** 上一步*/
-    pre() {
-      window.scrollTo(0, 0);
-      this.loading = true;
-      if (this.activestep === 1) {
-        this.toPreCount > 0
-          ? this.GET_NextLevelCategory()
-          : this.GET_NextLevelCategory(null, 0, true);
-        if (this.activestep-- < 0) this.activestep = 0;
-        this.toPreCount++;
-        this.loading = false;
-      } else {
-        this.activestep--;
-        this.loading = false;
-      }
-    },
-    /** 下一步*/
-    next() {
-      window.scrollTo(0, 0);
-      if (this.activestep === 0 && this.draftId) {
-        this.activestep = 1;
-        this.GET_GoodData();
-        return;
-      }
-      this.GET_GoodsParams();
-      /** 1级校验 */
-      this.loading = true;
-      if (this.activestep === 0 && !this.baseInfoForm.goodsType) {
-        this.$Message.error('请选择商品类型')
-        this.loading = false;
-        return
-      }
-      if (this.activestep === 0 && !this.activeCategoryName1) {
-        this.$Message.error("请选择商品分类");
-        this.loading = false;
-        return;
-      } else if (this.activestep === 0 && this.activeCategoryIndex3 === -1) {
-        this.$Message.error("必须选择到三级分类");
-        this.loading = false;
-        return;
-      } else if (
-        this.activestep === 0 &&
-        this.activeCategoryName3 &&
-        this.currentStatus === 0
-      ) {
-        /** 获取该商城分类下 商品参数信息 */
-        /** 查询品牌列表 */
-        this.getGoodsBrandList();
-        /** 查询分类绑定的规格信息 */
-        this.Get_SkuInfoByCategory(this.baseInfoForm.categoryId);
-        // 获取商品单位
-        this.GET_GoodsUnit();
-        // 获取当前店铺分类
-        this.GET_ShopGoodsLabel();
-      }
-
-      /** 2级校验 */
-      if (this.activestep === 1) {
-        this.$refs["baseInfoForm"].validate((valid) => {
-          if (valid) {
-            /** 规格校验 */
-            if (!this.skuFormVali()) {
-              this.loading = false;
-              return;
-            }
-            this.loading = false;
-            if (this.activestep++ > 2) return;
-          } else {
-            this.loading = false;
-            this.$message.error(
-              "表单中存在未填写或者填写有误的地方,已有错误标示，请检查并正确填写"
-            );
-          }
-        });
-        return;
-      }
-      /** 下一步 */
-      this.loading = false;
-      if (this.activestep++ > 2) return;
-    },
-    // 店内分类选择
-    selectTree(v) {
-      if (v.length > 0) {
-        // 转换null为""
-        for (let attr in v[0]) {
-          if (v[0][attr] == null) {
-            v[0][attr] = "";
-          }
-        }
-        let str = JSON.stringify(v[0]);
-        let menu = JSON.parse(str);
-        this.form = menu;
-        this.editTitle = menu.title;
-      }
-    },
-    // 店内分类选中
-    changeSelect(v) {
-      this.selectCount = v.length;
-      let ids = "";
-      v.forEach(function (e) {
-        ids += e.id + ",";
-      });
-      ids = ids.substring(0, ids.length - 1);
-      this.baseInfoForm.storeCategoryPath = ids;
-    },
-    /**  添加商品 **/
-    save() {
-      this.submitLoading = true;
-      this.$refs["baseInfoForm"].validate((valid) => {
-        if (valid) {
-          if (
-            this.baseInfoForm.goodsGalleryFiles &&
-            this.baseInfoForm.goodsGalleryFiles.length <= 0
-          ) {
-            this.submitLoading = false;
-            this.$Message.error("请上传商品图片");
-            return;
-          }
-          if (this.baseInfoForm.templateId === '') this.baseInfoForm.templateId = 0;
-          let flag = false;
-          let paramValue = "";
-          // //参数校验
-          // this.baseInfoForm.goodsParamsList.forEach((e) => {
-          //   if (
-          //     (e.required === 1 && e.paramValue === null) ||
-          //     e.paramValue === undefined
-          //   ) {
-          //     flag = true;
-          //     paramValue = e.paramName;
-          //   }
-          // });
-          if (flag) {
-            this.$Message.error(paramValue + " 参数值不能为空");
-            this.submitLoading = false;
-            return;
-          }
-
-          this.baseInfoForm.skuList = this.skuTableData.map((sku) => {
-            delete sku._index;
-            delete sku._rowKey;
-            delete sku.specNameId;
-            delete sku.specValueId;
-            return sku;
-          });
-
-          if (this.baseInfoForm.goodsGalleryFiles.length > 0) {
-            this.baseInfoForm.goodsGalleryList =
-              this.baseInfoForm.goodsGalleryFiles.map((i) => i.url);
-          }
-          /** 参数校验 **/
-          /* Object.keys(this.baseInfoForm.goodsParamsList).forEach((item) => {
-          });*/
-
-          if (this.goodsId) {
-            API_GOODS.editGoods(this.goodsId, this.baseInfoForm).then((res) => {
-              if (res.success) {
-                this.submitLoading = false;
-                this.$router.go(-1);
-              } else {
-                this.submitLoading = false;
-              }
-            });
-          } else {
-            // this.baseInfoForm.goodsType = "NORMAL";
-            API_GOODS.createGoods(this.baseInfoForm).then((res) => {
-              if (res.success) {
-                this.submitLoading = false;
-                this.activestep = 2;
-                window.scrollTo(0, 0);
-              } else {
-                this.submitLoading = false;
-              }
-            });
-          }
-        } else {
-          this.submitLoading = false;
-        }
-      });
-    },
-    /** 保存为模板 */
-    saveToDraft() {
-      this.baseInfoForm.skuList = this.skuTableData;
-      if (this.baseInfoForm.goodsGalleryFiles.length > 0) {
-        this.baseInfoForm.goodsGalleryList =
-          this.baseInfoForm.goodsGalleryFiles.map((i) => i.url);
-      }
-      this.baseInfoForm.categoryName = [];
-      this.baseInfoForm.saveType = 'TEMPLATE';
-
-      if (this.draftId) {
-        this.baseInfoForm.id = this.draftId;
-        this.$Modal.confirm({
-          title: "当前模板已存在",
-          content: "当前模板已存在，保存为新模板或替换原模板",
-          okText: "保存新模板",
-          cancelText: "替换旧模板",
-          closable: true,
-          onOk: () => {
-            delete this.baseInfoForm.id;
-            this.SAVE_DRAFT_GOODS();
-            return;
-          },
-          onCancel: () => {
-            this.SAVE_DRAFT_GOODS();
-            return;
-          },
-        });
-        return;
-      }
-
-      this.$Modal.confirm({
-        title: "保存模板",
-        content: "是否确定保存",
-        okText: "保存",
-        closable: true,
-        onOk: () => {
-          this.SAVE_DRAFT_GOODS();
-        },
-      });
-    },
-    SAVE_DRAFT_GOODS() { // 保存模板
-      API_GOODS.saveDraftGoods(this.baseInfoForm).then((res) => {
-        if (res.success) {
-          this.$Message.info("保存成功！");
-          this.$router.back();
-        }
-      });
-    },
-    /** 选择商城商品分类 */
-    handleSelectCategory(row, index, level) {
-      if (level === 1) {
-        this.baseInfoForm.categoryPath = row.id;
-        this.activeCategoryName1 = row.name;
-        this.activeCategoryName2 = this.activeCategoryName3 = "";
-        this.activeCategoryIndex1 = index;
-        this.activeCategoryIndex2 = -1;
-        this.activeCategoryIndex3 = -1;
-        this.categoryListLevel2 = this.categoryListLevel1[index].children;
-        this.categoryListLevel3 = [];
-      } else if (level === 2) {
-        this.baseInfoForm.categoryPath =
-          this.baseInfoForm.categoryPath + "," + row.id;
-        this.activeCategoryName2 = row.name;
-        this.activeCategoryName3 = "";
-        this.activeCategoryIndex2 = index;
-        this.activeCategoryIndex3 = -1;
-        this.categoryListLevel3 = this.categoryListLevel2[index].children;
-      } else {
-        this.baseInfoForm.categoryPath =
-          this.baseInfoForm.categoryPath + "," + row.id;
-        this.activeCategoryName3 = row.name;
-        this.activeCategoryIndex3 = index;
-      }
-      // 设置当前商城分类ID
-      this.baseInfoForm.categoryId = row.id;
-      this.categoryId = row.id;
-      this.baseInfoForm.categoryName = row.name;
-    },
-    /** 查询下一级 商城商品分类*/
-    GET_NextLevelCategory(row, level, not_click = false) {
-      this.loading = true;
-      const _id = row && row.id !== 0 ? row.id : 0;
-      API_GOODS.getGoodsCategoryAll().then((res) => {
-        if (res.success && res.result) {
-          this.categoryListLevel1 = res.result;
-        }
-      });
-    },
+    }
   },
+  mounted() {
+    // 编辑商品、模板
+    if (this.$route.query.id || this.$route.query.draftId) {
+      this.activestep = 1;
+    } else {
+      this.activestep = 0
+      this.$refs.first.selectGoodsType = true;
+    }
+    
+  }
 };
 </script>
 
diff --git a/seller/src/views/goods/goods-seller/goodsOperationFirst.vue b/seller/src/views/goods/goods-seller/goodsOperationFirst.vue
new file mode 100644
index 00000000..ef282159
--- /dev/null
+++ b/seller/src/views/goods/goods-seller/goodsOperationFirst.vue
@@ -0,0 +1,216 @@
+<template>
+  <div>
+    <!-- 选择商品类型 -->
+    <Modal v-model="selectGoodsType" width="550" :closable="false">
+      <div class="goods-type-list" v-if="!showGoodsTemplates">
+        <div class="goods-type-item" :class="{'active-goods-type':item.check}" @click="handleClickGoodsType(item)"
+          v-for="(item,index) in goodsTypeWay" :key="index">
+          <img :src="item.img"/>
+          <div>
+            <h2>{{ item.title }}</h2>
+            <p>{{ item.desc }}</p>
+          </div>
+        </div>
+      </div>
+      <div v-else class="goods-type-list">
+        <h2 @click="showGoodsTemplates = !showGoodsTemplates">返回</h2>
+        <div class="goods-type-item template-item" @click="handleClickGoodsTemplate(item)"
+             v-for="(item,tempIndex) in goodsTemplates" :key="tempIndex">
+          <img :src="item.thumbnail" />
+          <div>
+            <h2>{{ item.goodsName }}</h2>
+            <p>{{ item.sellingPoint || '' }}</p>
+          </div>
+        </div>
+      </div>
+    </Modal>
+    <!-- 商品分类 -->
+    <div class="content-goods-publish">
+      <div class="goods-category">
+        <ul v-if="categoryListLevel1.length > 0">
+          <li v-for="(item, index) in categoryListLevel1" :class="{ activeClass: category[0].name === item.name }"
+              @click="handleSelectCategory(item, index, 1)" :key="index">
+            <span>{{ item.name }}</span>
+            <span>&gt;</span>
+          </li>
+        </ul>
+        <ul v-if="categoryListLevel2.length > 0">
+          <li v-for="(item, index) in categoryListLevel2" :class="{ activeClass: category[1].name === item.name }"
+              @click="handleSelectCategory(item, index, 2)" :key="index">
+            <span>{{ item.name }}</span>
+            <span>&gt;</span>
+          </li>
+        </ul>
+        <ul v-if="categoryListLevel3.length > 0">
+          <li v-for="(item, index) in categoryListLevel3" :class="{ activeClass: category[2].name === item.name }"
+              @click="handleSelectCategory(item, index, 3)" :key="index">
+            <span>{{ item.name }}</span>
+          </li>
+        </ul>
+      </div>
+      <p class="current-goods-category">
+        您当前选择的商品类别是：
+        <span>{{ category[0].name }}</span>
+        <span v-show="category[1].name">> {{ category[1].name }}</span>
+        <span v-show="category[2].name">> {{ category[2].name }}</span>
+      </p>
+      <template v-if="selectedTemplate.goodsName">
+        <Divider>已选商品模版:{{selectedTemplate.goodsName}}</Divider>
+      </template>
+    </div>
+    <!-- 底部按钮 -->
+    <div class="footer">
+      <ButtonGroup>
+        <Button type="primary" @click="selectGoodsType = true">商品类型</Button>
+        <Button type="primary" @click="next">下一步</Button>
+      </ButtonGroup>
+    </div>
+  </div>
+</template>
+<script>
+import * as API_GOODS from "@/api/goods";
+export default {
+  data() {
+    return {
+      selectedTemplate: {}, // 已选模板
+      selectGoodsType: false, // 展示选择商品分类modal
+      goodsTemplates: [], // 商品模板列表
+      showGoodsTemplates: false, //是否显示选择商品模板
+      goodsTypeWay: [
+        {
+          title: "实物商品",
+          img: require("@/assets/goodsType1.png"),
+          desc: "零售批发，物流配送",
+          type: "PHYSICAL_GOODS",
+          check: false,
+        },
+        {
+          title: "虚拟商品",
+          img: require("@/assets/goodsType2.png"),
+          desc: "虚拟核验，无需物流",
+          type: "VIRTUAL_GOODS",
+          check: false,
+        },
+        {
+          title: "商品模板导入",
+          img: require("@/assets/goodsTypeTpl.png"),
+          desc: "商品模板，一键导入",
+          check: false,
+        },
+      ],
+      // 商品分类选择数组
+      category: [
+        {name: '', id: ''},
+        {name: '', id: ''},
+        {name: '', id: ''}
+      ],
+      // 商品类型
+      goodsType: '',
+      /** 1级分类列表*/
+      categoryListLevel1: [],
+
+      /** 2级分类列表*/
+      categoryListLevel2: [],
+
+      /** 3级分类列表*/
+      categoryListLevel3: [],
+    }
+  },
+  methods: {
+    // 点击商品类型
+    handleClickGoodsType(val) {
+      this.goodsTypeWay.map((item) => {
+        return (item.check = false);
+      });
+
+      val.check = !val.check;
+      if (!val.type) {
+        this.GET_GoodsTemplate()
+        this.showGoodsTemplates = true;
+      } else {
+        this.goodsType = val.type;
+        this.selectedTemplate = {}
+      }
+    },
+    // 点击商品模板
+    handleClickGoodsTemplate(val) {
+      console.log(val);
+      this.selectedTemplate = val;
+      this.selectGoodsType = false;
+      this.$emit('change', {tempId: val.id})
+    },
+    // 获取商品模板
+    GET_GoodsTemplate() {
+      let searchParams = {
+        saveType: "TEMPLATE",
+        sort: "create_time",
+        order: "desc"
+      };
+      API_GOODS.getDraftGoodsListData(searchParams).then((res) => {
+        if (res.success) {
+          this.goodsTemplates = res.result.records;
+        }
+      });
+    },
+    /** 选择商城商品分类 */
+    handleSelectCategory(row, index, level) {
+      if (level === 1) {
+        this.category.forEach(cate => {
+          cate.name = '',
+          cate.id = ''
+        })
+        this.category[0].name = row.name;
+        this.category[0].id = row.id;
+        this.categoryListLevel2 = this.categoryListLevel1[index].children;
+        this.categoryListLevel3 = [];
+      } else if (level === 2) {
+        this.category[1].name = row.name;
+        this.category[1].id = row.id;
+        this.category[2].name = '';
+        this.category[2].id = '';
+        this.categoryListLevel3 = this.categoryListLevel2[index].children;
+      } else {
+        this.category[2].name = row.name
+        this.category[2].id = row.id
+      }
+    },
+    /** 查询下一级 商城商品分类*/
+    GET_NextLevelCategory(row) {
+      const _id = row && row.id !== 0 ? row.id : 0;
+      API_GOODS.getGoodsCategoryAll().then((res) => {
+        if (res.success && res.result) {
+          this.categoryListLevel1 = res.result;
+        }
+      });
+    },
+    // 下一步
+    next() {
+      window.scrollTo(0, 0);
+      if (!this.goodsType && !this.selectedTemplate.goodsName) {
+        this.$Message.error('请选择商品类型')
+        return
+      }
+      if (!this.category[0].name) {
+        this.$Message.error("请选择商品分类");
+        return;
+      } else if (!this.category[2].name) {
+        this.$Message.error("必须选择到三级分类");
+        return;
+      } else if (this.category[2].name) {
+        if (this.selectedTemplate.id) {
+          this.$emit('change',{tempId: this.selectedTemplate.id})
+        } else {
+          this.$emit('change',{category: this.category,goodsType:this.goodsType})
+        }
+      }
+    },
+  },
+  mounted () {
+    this.GET_NextLevelCategory()
+    
+  }
+}
+</script>
+<style lang="scss" scoped>
+  @import "./addGoods.scss";
+</style>
\ No newline at end of file
diff --git a/seller/src/views/goods/goods-seller/goodsOperationSec.vue b/seller/src/views/goods/goods-seller/goodsOperationSec.vue
new file mode 100644
index 00000000..c33b168b
--- /dev/null
+++ b/seller/src/views/goods/goods-seller/goodsOperationSec.vue
@@ -0,0 +1,1248 @@
+<template>
+  <div>
+    <div class="content-goods-publish">
+      <Form ref="baseInfoForm" :model="baseInfoForm" :label-width="120" :rules="baseInfoFormRule">
+        <div class="base-info-item">
+          <h4>基本信息</h4>
+          <div class="form-item-view">
+            <FormItem label="商品分类">
+              <span class="goods-category-name">{{ this.baseInfoForm.categoryName[0] }}</span>
+              <span> &gt; {{ this.baseInfoForm.categoryName[1] }}</span>
+              <span> &gt; {{ this.baseInfoForm.categoryName[2] }}</span>
+              
+            </FormItem>
+            <FormItem label="商品名称" prop="goodsName">
+              <Input type="text" v-model="baseInfoForm.goodsName" placeholder="商品名称" clearable style="width: 260px"/>
+            </FormItem>
+
+            <FormItem label="商品卖点" prop="sellingPoint">
+              <Input v-model="baseInfoForm.sellingPoint" type="textarea" :rows="4" style="width: 260px"/>
+            </FormItem>
+            <FormItem label="商品品牌" prop="brandId">
+              <Select v-model="baseInfoForm.brandId" style="width: 200px">
+                <Option v-for="item in brandList" :value="item.id" :key="item.id" :label="item.name"></Option>
+              </Select>
+            </FormItem>
+          </div>
+          <h4>商品交易信息</h4>
+          <div class="form-item-view">
+            <FormItem class="form-item-view-el" label="计量单位" prop="goodsUnit">
+              <Select v-model="baseInfoForm.goodsUnit" style="width: 100px">
+                <Option v-for="unit in goodsUnitList" :key="unit" :value="unit">{{ unit }}
+                </Option>
+              </Select>
+            </FormItem>
+            <FormItem class="form-item-view-el" label="销售模式" prop="salesModel">
+              <RadioGroup type="button" 
+                v-if="baseInfoForm.goodsType!='VIRTUAL_GOODS'" 
+                button-style="solid"
+                v-model="baseInfoForm.salesModel">
+                <Radio title="零售型" label="RETAIL">零售型</Radio>
+                <Radio title="批发型" label="WHOLESALE">批发型</Radio>
+              </RadioGroup>
+              <RadioGroup type="button" v-else button-style="solid" v-model="baseInfoForm.salesModel">
+                <Radio title="零售型" label="RETAIL">
+                  <span>虚拟型</span>
+                </Radio>
+              </RadioGroup>
+            </FormItem>
+          </div>
+          <h4>商品规格及图片</h4>
+          <div class="form-item-view">
+            <FormItem label="商品编号" prop="sn">
+              <Input type="text" v-model="baseInfoForm.sn" placeholder="商品编号" clearable style="width: 260px"/>
+            </FormItem>
+            <FormItem label="商品价格" prop="price">
+              <Input type="text" v-model="baseInfoForm.price" placeholder="商品价格" clearable style="width: 260px"/>
+            </FormItem>
+            <FormItem label="市场价格" prop="cost">
+              <Input type="text" v-model="baseInfoForm.cost" placeholder="市场价格" clearable style="width: 260px"/>
+            </FormItem>
+            <FormItem class="form-item-view-el required" label="商品图片" prop="goodsGalleryFiles">
+              <vuedraggable
+                :list="baseInfoForm.goodsGalleryFiles"
+                :animation="200"
+                style="display:inline-block;"
+                ghost-class="thumb-ghost"
+              >
+                <div class="demo-upload-list" v-for="(item, __index) in baseInfoForm.goodsGalleryFiles" :key="__index">
+                  <template v-if="item.status === 'finished'">
+                    <img :src="item.url"/>
+                    <div class="demo-upload-list-cover">
+                      <div>
+                        <Icon type="ios-eye-outline" size="30" @click.native="handleViewGoodsPicture(item.url)"></Icon>
+                        <Icon type="ios-trash-outline" size="30" @click.native="handleRemoveGoodsPicture(item)"></Icon>
+                      </div>
+                    </div>
+                  </template>
+                  <template v-else>
+                    <Progress v-if="item.showProgress" :percent="item.percentage" hide-info></Progress>
+                  </template>
+                </div>
+              </vuedraggable>
+              <Upload ref="upload" :show-upload-list="false" :default-file-list="baseInfoForm.goodsGalleryFiles"
+                :on-success="handleSuccessGoodsPicture" :format="['jpg', 'jpeg', 'png']"
+                :on-format-error="handleFormatError" :on-exceeded-size="handleMaxSize"
+                :before-upload="handleBeforeUploadGoodsPicture" multiple type="drag" :action="uploadFileUrl"
+                :headers="accessToken" style="display: inline-block;margin-left:10px;">
+                <div style="width: 80px; height: 80px; line-height: 80px">
+                  <Icon type="ios-camera" size="20"></Icon>
+                </div>
+              </Upload>
+              <Modal title="View Image" v-model="goodsPictureVisible">
+                <img :src="previewGoodsPicture" v-if="goodsPictureVisible" style="width: 100%"/>
+              </Modal>
+            </FormItem>
+            <div class="layout" style="width: 100%">
+              <Collapse v-model="open_panel">
+                <Panel name="1">
+                  规格名称
+                  <div slot="content" class="sku-item-content">
+                    <Form :model="skuForm" @submit.native.prevent>
+                      <div class="sku-item" v-for="(item, $index) in skuInfo" :key="$index">
+                        <Card :bordered="true">
+                          <FormItem label="规格名：" class="sku-item-content-name">
+                            <AutoComplete style="width: 150px" v-model="item.name" :maxlength="30"
+                              placeholder="请输入规格项名称"
+                              :filter-method="filterMethod" :data="skuData"
+                              @on-change="editSkuItem">
+                            </AutoComplete>
+                            <Button type="error" style="margin-left: 10px" @click="handleCloseSkuItem($index)">删除
+                            </Button>
+                          </FormItem>
+                          <FormItem label="规格值：" prop="sku">
+                            <!--规格值文本列表-->
+                            <div v-for="(val, index) in item.spec_values" :key="index"
+                                 style="padding: 0px 20px 10px 0px; float: left">
+                              <div>
+                                <AutoComplete style="width: 150px; float: left" v-model="val.value"
+                                  :maxlength="30" placeholder="请输入规格值名称"
+                                  :filter-method="filterMethod" :data="skuVal"
+                                  @on-focus="changeSkuVals(item.name)"
+                                  @on-change="skuValueChange(val.value, $index, item)">
+                                </AutoComplete>
+                                <Button type="error" style="margin-left: 10px" @click="handleCloseSkuValue(item, index)">
+                                  删除
+                                </Button>
+                              </div>
+                            </div>
+                            <div style="float: left">
+                              <Button type="primary" @click="addSpec($index, item)">添加规格值</Button>
+                            </div>
+                          </FormItem>
+                        </Card>
+                      </div>
+                    </Form>
+                    <Button class="add-sku-btn" type="primary" size="mini" @click="addSkuItem">添加规格项目</Button>
+                  </div>
+                </Panel>
+                <Panel name="2">
+                  规格详细
+                  <div slot="content">
+                    <div slot="content">
+                      <Table :columns="skuTableColumn" :data="skuTableData" style="
+                          width: 100%;
+                          .ivu-table-overflowX {
+                            overflow-x: hidden;
+                          }
+                        " :span-method="handleSpan">
+                        <template slot-scope="{ row }" slot="sn">
+                          <Input v-model="row.sn" placeholder="请输入货号" @on-change="updateSkuTable(row, 'sn')"/>
+                        </template>
+                        <template slot-scope="{ row }" slot="weight" v-if="baseInfoForm.goodsType!='VIRTUAL_GOODS'">
+                          <Input v-model="row.weight" placeholder="请输入重量" @on-change="updateSkuTable(row, 'weight')"/>
+                        </template>
+                        <template slot-scope="{ row }" slot="quantity">
+                          <Input v-model="row.quantity" placeholder="请输入库存" @on-change="updateSkuTable(row, 'quantity')"/>
+                        </template>
+                        <template slot-scope="{ row }" slot="cost">
+                          <Input v-model="row.cost" placeholder="请输入成本价" @on-change="updateSkuTable(row, 'cost')"/>
+                        </template>
+                        <template slot-scope="{ row }" slot="price">
+                          <Input v-model="row.price" placeholder="请输入价格" @on-change="updateSkuTable(row, 'price')"/>
+                        </template>
+                        <template slot-scope="{ row }" slot="images">
+                          <Button @click="editSkuPicture(row)">编辑图片</Button>
+                          <Modal v-model="showSkuPicture" :styles="{ top: '30px' }" class-name="sku-preview-modal"
+                                 title="编辑图片" ok-text="结束编辑" @on-ok="updateSkuPicture()" cancel-text="取消">
+                            <div class="preview-picture">
+                              <img v-if="previewPicture !== ''" :src="previewPicture"/>
+                            </div>
+                            <Divider/>
+                            <vuedraggable
+                              :list="baseInfoForm.goodsGalleryFiles"
+                              :animation="200"
+                              style="display:inline-block;"
+                            >
+                              <div class="sku-upload-list" v-for="(img, __index) in selectedSku.images" :key="__index">
+                                <template v-if="img.status === 'finished'">
+                                  <img :src="img.url"/>
+                                  <div class="sku-upload-list-cover">
+                                    <Icon type="ios-eye-outline" @click="handleView(img.url)"></Icon>
+                                    <Icon type="ios-trash-outline" @click="handleRemove(img, __index)"></Icon>
+                                  </div>
+                                </template>
+                                <template v-else>
+                                  <Progress v-if="img.showProgress" :percent="img.percentage" hide-info></Progress>
+                                </template>
+                              </div>
+                            </vuedraggable>
+                            <Upload ref="uploadSku" :show-upload-list="false" :default-file-list="row.images"
+                                :on-success="handleSuccess" :format="['jpg', 'jpeg', 'png']"
+                                :on-format-error="handleFormatError" :on-exceeded-size="handleMaxSize"
+                                :before-upload="handleBeforeUpload" multiple type="drag" :action="uploadFileUrl"
+                                :headers="accessToken" style="display: inline-block; width: 58px">
+                              <div>
+                                <Icon type="ios-camera" size="55"></Icon>
+                              </div>
+                            </Upload>
+                          </Modal>
+                        </template>
+                      </Table>
+                    </div>
+                  </div>
+                </Panel>
+              </Collapse>
+            </div>
+          </div>
+          <h4>商品详情描述</h4>
+          <div class="form-item-view">
+            <div class="tree-bar">
+              <FormItem
+                class="form-item-view-el"
+                label="店内分类"
+                prop="shopCategory"
+              >
+                <Tree
+                  ref="tree"
+                  style="text-align:left;"
+                  :data="shopCategory"
+                  show-checkbox
+                  @on-select-change="selectTree"
+                  @on-check-change="changeSelect"
+                  :check-strictly="false"
+                ></Tree>
+              </FormItem>
+            </div>
+            <FormItem class="form-item-view-el" label="商品描述" prop="intro">
+              <editor id="intro" v-model="baseInfoForm.intro"></editor>
+            </FormItem>
+            <FormItem class="form-item-view-el" label="移动端描述" prop="skuList">
+              <editor id="mobileIntr" v-model="baseInfoForm.mobileIntro"></editor>
+            </FormItem>
+          </div>
+          <div v-if="baseInfoForm.goodsType!='VIRTUAL_GOODS'">
+            <h4>商品物流信息</h4>
+            <div class="form-item-view">
+              <FormItem class="form-item-view-el" label="商品重量" prop="weight">
+                <Input v-model="baseInfoForm.weight">
+                  <span slot="append">kg</span>
+                </Input>
+              </FormItem>
+
+              <FormItem
+                class="form-item-view-el"
+                label="物流模板"
+                prop="templateId"
+              >
+                <Select v-model="baseInfoForm.templateId" style="width: 200px">
+                  <Option
+                    v-for="item in logisticsTemplate"
+                    :value="item.id"
+                    :key="item.id"
+                  >{{ item.name }}
+                  </Option>
+                </Select>
+              </FormItem>
+            </div>
+            <h4>其他信息</h4>
+            <div class="form-item-view">
+              <FormItem class="form-item-view-el" label="商品发布" prop="release">
+                <RadioGroup type="button" button-style="solid" v-model="baseInfoForm.release">
+                  <Radio title="立即发布" :label="true">
+                    <span>立即发布</span>
+                  </Radio>
+                  <Radio title="放入仓库" :label="false">
+                    <span>放入仓库</span>
+                  </Radio>
+                </RadioGroup>
+              </FormItem>
+              <FormItem class="form-item-view-el" label="商品推荐" prop="skuList">
+                <RadioGroup type="button" button-style="solid" v-model="baseInfoForm.recommend">
+                  <Radio title="推荐" :label="true">
+                    <span>推荐</span>
+                  </Radio>
+                  <Radio title="不推荐" :label="false">
+                    <span>不推荐</span>
+                  </Radio>
+                </RadioGroup>
+              </FormItem>
+            </div>
+            <div class="form-item-view-bottom">
+              <Collapse v-model="params_panel" v-for="(paramsGroup,groupIndex) in goodsParams"
+                  :title="paramsGroup.groupName"
+                  class="mb_10"
+                  style="text-align: left" :key="paramsGroup.groupName">
+                <Panel :name="paramsGroup.groupName">
+                  {{paramsGroup.groupName}}
+                  <p slot="content">
+                    <FormItem v-for="( params, paramsIndex) in paramsGroup.params" :key="paramsIndex"
+                              :label="`${params.paramName}：`">
+                      <Select v-model="params.paramValue" placeholder="请选择" style="width: 200px" clearable
+                              @on-change="selectParams(paramsGroup,groupIndex,params,paramsIndex,params.paramValue)">
+                        <Option v-for="option in params.options.split(',')" :label="option"
+                                :value="option" :key="option"></Option>
+                      </Select>
+                    </FormItem>
+                  </p>
+                </Panel>
+              </Collapse>
+            </div>
+          </div>
+        </div>
+      </Form>
+    </div>
+    <!-- 底部按钮 -->
+    <div class="footer">
+      <ButtonGroup>
+        <Button type="primary" @click="pre" v-if="!$route.query.id && !$route.query.draftId">上一步
+        </Button>
+        <Button type="primary" @click="save" :loading="submitLoading">
+          {{ this.$route.query.id ? "保存" : "保存商品" }}
+        </Button>
+        <Button type="primary" @click="saveToDraft">保存为模版</Button>
+      </ButtonGroup>
+    </div>
+  </div>
+</template>
+<script>
+import * as API_GOODS from "@/api/goods";
+import * as API_Shop from "@/api/shops";
+import cloneObj from "@/utils/index";
+import vuedraggable from "vuedraggable";
+import editor from "@/views/my-components/lili/editor";
+import {regular} from "@/utils";
+
+export default {
+  components:{
+    editor,
+    vuedraggable
+  },
+  props: {
+    firstData: {
+      default: {},
+      type: Object
+    }
+  },
+  data () {
+    // 表单验证项，商品价格
+    const checkPrice = (rule, value, callback) => {
+      if (!value && value !== 0) {
+        return callback(new Error("商品价格不能为空"));
+      }
+      setTimeout(() => {
+        if (!regular.money.test(value)) {
+          callback(new Error("请输入正整数或者两位小数"));
+        } else if (parseFloat(value) > 99999999) {
+          callback(new Error("商品价格设置超过上限值"));
+        } else {
+          callback();
+        }
+      }, 1000);
+    };
+    // 表单验证项，商品编号
+    const checkSn = (rule, value, callback) => {
+      if (!value) {
+        callback(new Error("商品编号不能为空"));
+      } else if (!/^[a-zA-Z0-9_\\-]+$/g.test(value)) {
+        callback(new Error("请输入数字、字母、下划线或者中划线"));
+      } else {
+        callback();
+      }
+    };
+    // 表单验证项，商品重量
+    const checkWeight = (rule, value, callback) => {
+      if (!value && typeof value !== "number") {
+        callback(new Error("重量不能为空"));
+      } else if (!regular.money.test(value)) {
+        callback(new Error("请输入正整数或者两位小数"));
+      } else if (parseFloat(value) > 99999999) {
+        callback(new Error("商品重量设置超过上限值"));
+      } else {
+        callback();
+      }
+    };
+    return {
+      categoryId: '', // 商品分类第三级id
+      //提交状态
+      submitLoading: false,
+      //上传图片路径
+      uploadFileUrl: API_GOODS.uploadFile,
+      // 预览图片路径
+      previewPicture: "",
+      //商品图片
+      previewGoodsPicture: "",
+      //展示图片层
+      visible: false,
+      //展示商品图片
+      goodsPictureVisible: false,
+      //展示sku图片
+      showSkuPicture: false,
+      //选择的sku
+      selectedSku: {},
+      /** 发布商品基本参数 */
+      baseInfoForm: {
+        salesModel: "RETAIL",
+        /** 商品重量 */
+        weight: "",
+        /** 商品相册列表 */
+        goodsGalleryFiles: [],
+        /** 是否立即发布 true 立即发布 false 放入仓库 */
+        release: true,
+        /** 是否为推荐商品 */
+        recommend: true,
+        /** 店铺分类 */
+        storeCategoryPath: "",
+        brandId: 0,
+        /** 计量单位 **/
+        goodsUnit: "",
+        /** 商品类型 **/
+        goodsType: "",
+        /** 分类路径 **/
+        categoryPath: "",
+        /** 商品卖点 **/
+        sellingPoint: "",
+        /** 商品详情 **/
+        intro: "",
+        mobileIntro: "",
+        updateSku: true,
+        /** 是否重新生成sku */
+        regeneratorSkuFlag: false,
+        /** 物流模板id **/
+        templateId: '',
+        /** 参数组*/
+        goodsParamsDTOList: [],
+        /** 商品分类中文名 */
+        categoryName: []
+      },
+      /** 表单数据*/
+      skuForm: {},
+      /** 表格头 */
+      skuTableColumn: [],
+      /** 表格数据 */
+      skuTableData: [],
+
+      /** 默认的规格参数 */
+      skuData: [],
+
+      /** 默认的规格值 */
+      skuVals: [],
+      // 某一规格名下的规格值
+      skuVal: [],
+      open_panel: [1, 2],
+
+      /** 要提交的规格数据*/
+      skuInfo: [],
+
+      /** 规格图片 */
+      images: [],
+
+      /** 物流模板 **/
+      logisticsTemplate: [],
+
+      /** 固定列校验提示内容 */
+      validatatxt: "请输入0~99999999之间的数字值",
+      //参数panel展示
+      params_panel: [],
+      /** 存储未通过校验的单元格位置  */
+      validateError: [],
+      baseInfoFormRule: {
+        goodsName: [
+          {required: true, message: "请输入商品名称"},
+          {
+            whitespace: true,
+            message: "商品名称不可为纯空格",
+          },
+          {
+            min: 3,
+            max: 60,
+            message: "长度在 3 到 60 个字符",
+          },
+        ],
+        sn: [
+          {required: true, message: "请输入商品编号"},
+          {validator: checkSn},
+        ],
+        price: [
+          {required: true, message: "请输入商品价格"},
+          {validator: checkPrice},
+        ],
+        cost: [
+          {required: true, message: "请输入市场价格"},
+          {validator: checkPrice},
+        ],
+        weight: [
+          {required: true, message: "请输入商品重量"},
+          {validator: checkWeight},
+        ],
+        templateId: [{required: true, message: '请选择物流模板'}],
+        sellingPoint: [{required: true, message: "请输入商品卖点"}],
+        goodsUnit: [{required: true, message: "请选择计量单位"}],
+      },
+      /** 品牌列表 */
+      brandList: [],
+      collapseVal: [],
+      /** 店铺分类列表 */
+      shopCategory: [],
+      /** 商品单位列表 */
+      goodsUnitList: [],
+      ignoreColumn: [
+        "_index",
+        "_rowKey",
+        "sn",
+        "cost",
+        "price",
+        "weight",
+        "quantity",
+        "specId",
+        "specValueId",
+      ],
+      skuValVisible: true,
+    }
+  },
+  methods: {
+    /**
+     * 选择参数
+     * @paramsGroup 参数分组
+     * @groupIndex 参数分组下标
+     * @params 参数选项
+     * @paramIndex 参数下标值
+     * @value 参数选项值
+     */
+    selectParams(paramsGroup, groupIndex, params, paramsIndex, value) {
+      debugger
+      if (!this.baseInfoForm.goodsParamsDTOList[groupIndex]) {
+        this.baseInfoForm.goodsParamsDTOList[groupIndex] = {
+          groupId:'',
+          groupName:'',
+          goodsParamsItemDTOList:[]
+        }
+      }
+      //赋予分组id、分组名称
+      this.baseInfoForm.goodsParamsDTOList[groupIndex].groupId = paramsGroup.groupId
+      this.baseInfoForm.goodsParamsDTOList[groupIndex].groupName = paramsGroup.groupName
+        
+      //参数详细为空，则赋予
+      if (!this.baseInfoForm.goodsParamsDTOList[groupIndex].goodsParamsItemDTOList[paramsIndex]) {
+        this.baseInfoForm.goodsParamsDTOList[groupIndex].goodsParamsItemDTOList[paramsIndex]={
+          paramName: '',
+          paramValue: '',
+          isIndex: '',
+          required: '',
+          paramId: ''
+        }
+      }
+      this.baseInfoForm.goodsParamsDTOList[groupIndex].goodsParamsItemDTOList[paramsIndex]={
+        paramName: params.paramName,
+        paramValue: value,
+        isIndex: params.isIndex,
+        required: params.required,
+        paramId: params.id
+      }
+    },
+    // 编辑sku图片
+    editSkuPicture(row) {
+      if (row.images && row.images.length > 0) {
+        this.previewPicture = row.images[0].url;
+      }
+      this.selectedSku = row;
+      this.showSkuPicture = true;
+    },
+    pre () { // 上一步
+      this.$parent.activestep--;
+    },
+    // 预览图片
+    handleView (url) {
+      this.previewPicture = url;
+      this.visible = true;
+    },
+    // 移除已选图片
+    handleRemove(item, index) {
+      this.selectedSku.images = this.selectedSku.images.filter(
+        (i) => i.url !== item.url
+      );
+      if (this.selectedSku.images.length > 0 && index === 0) {
+        this.previewPicture = this.selectedSku.images[0].url;
+      } else if (this.selectedSku.images.length < 0) {
+        this.previewPicture = "";
+      }
+    },
+    handleViewGoodsPicture(url) {
+      this.previewGoodsPicture = url;
+      this.goodsPictureVisible = true;
+    },
+    handleRemoveGoodsPicture(file) {
+      this.baseInfoForm.goodsGalleryFiles =
+        this.baseInfoForm.goodsGalleryFiles.filter((i) => i.url !== file.url);
+    },
+    updateSkuPicture() {
+      this.baseInfoForm.regeneratorSkuFlag = true;
+      let _index = this.selectedSku._index;
+      this.skuTableData[_index] = this.selectedSku;
+    },
+    handleSuccess(res, file) {
+      if (file.response) {
+        file.url = file.response.result;
+        if (this.selectedSku.images) {
+          this.selectedSku.images.push(file);
+        } else {
+          this.selectedSku.images = [file];
+        }
+        this.previewPicture = file.url;
+      }
+    },
+    handleSuccessGoodsPicture(res, file) {
+      if (file.response) {
+        file.url = file.response.result;
+        this.baseInfoForm.goodsGalleryFiles.push(file);
+      }
+    },
+    handleFormatError(file) {
+      this.$Notice.warning({
+        title: "文件格式不正确",
+        desc: "文件 " + file.name + " 的格式不正确"
+      });
+    },
+    handleMaxSize(file) {
+      this.$Notice.warning({
+        title: "超过文件大小限制",
+        desc: "图片 " + file.name + " 不能超过2mb"
+      });
+    },
+    handleBeforeUploadGoodsPicture() {
+      const check = this.baseInfoForm.goodsGalleryFiles.length < 5;
+      if (!check) {
+        this.$Notice.warning({
+          title: "Up to five pictures can be uploaded.",
+        });
+      }
+      return check;
+    },
+    handleBeforeUpload() {
+      const check =
+        this.selectedSku.images !== undefined &&
+        this.selectedSku.images.length > 5;
+      if (check) {
+        this.$Notice.warning({
+          title: "Up to five pictures can be uploaded.",
+        });
+      }
+      return !check;
+    },
+   
+    /** 查询商品品牌列表 */
+    getGoodsBrandList() {
+      API_GOODS.getCategoryBrandListDataSeller(this.categoryId).then(
+        (response) => {
+          this.brandList = response;
+        }
+      );
+    },
+    // 获取商品单位
+    GET_GoodsUnit() {
+      API_GOODS.getGoodsUnitList().then((res) => {
+        if (res.success) {
+          this.goodsUnitList = res.result.records.map((i) => i.name);
+        }
+      });
+    },
+    // 获取当前店铺分类
+    GET_ShopGoodsLabel() {
+      API_GOODS.getShopGoodsLabelListSeller().then((res) => {
+        if (res.success) {
+          let shopCategories = !this.baseInfoForm.storeCategoryPath
+            ? []
+            : this.baseInfoForm.storeCategoryPath.split(",");
+
+          this.shopCategory = res.result.map((i) => {
+            i.title = i.labelName;
+            i.expand = false;
+            i.checked = shopCategories.some((o) => o === i.id);
+            i.children = i.children.map((j) => {
+              j.title = j.labelName;
+              j.expand = false;
+              j.checked = shopCategories.some((o) => o === j.id);
+              return j;
+            });
+            return i;
+          });
+        }
+      });
+    },
+    // 编辑时获取商品信息
+    async GET_GoodData(id,draftId) {
+      let response = {};
+      if (draftId) {
+        response = await API_GOODS.getDraftGoodsDetail(draftId);
+      } else {
+        response = await API_GOODS.getGoods(id);
+        this.goodsId = response.result.id;
+      }
+      this.baseInfoForm = {...this.baseInfoForm,...response.result};
+
+      this.baseInfoForm.release = true;
+
+      this.categoryId = response.result.categoryPath.split(",")[2];
+
+
+      if (
+        response.result.goodsGalleryList &&
+        response.result.goodsGalleryList.length > 0
+      ) {
+        this.baseInfoForm.goodsGalleryFiles =
+          response.result.goodsGalleryList.map((i) => {
+            let files = {url: i};
+            return files;
+          });
+      }
+
+      this.Get_SkuInfoByCategory(this.categoryId)
+
+      this.renderGoodsDetailSku(response.result.skuList);
+
+      /** 查询品牌列表 */
+      this.getGoodsBrandList();
+      /** 查询商品参数 */
+      this.GET_GoodsParams();
+      /** 查询店铺商品分类 */
+      this.GET_ShopGoodsLabel();
+      this.GET_GoodsUnit();
+    },
+    // 渲染sku数据
+    renderGoodsDetailSku(skuList) {
+      let skus = [];
+      let skusInfo = [];
+      skuList.map((e) => {
+        let sku = {
+          id: e.id,
+          sn: e.sn,
+          price: e.price,
+          cost: e.cost,
+          quantity: e.quantity,
+          weight: e.weight,
+        };
+        e.specList.forEach((u) => {
+          if (u.specName === "images") {
+            sku.images = u.specImage;
+          } else {
+            sku[u.specName] = u.specValue;
+            if (
+              !skusInfo.some((s) => s.name === u.specName) &&
+              !this.ignoreColumn.includes(u.specName)
+            ) {
+              skusInfo.push({
+                name: u.specName,
+                spec_id: u.specNameId,
+                spec_values: [
+                  {
+                    id: u.specValueId,
+                    name: u.specName,
+                    value: u.specValue,
+                  },
+                ],
+              });
+            } else {
+              skusInfo = skusInfo.map((sk) => {
+                if (
+                  !sk.spec_values.some((s) => s.value === u.specValue) &&
+                  sk.name === u.specName
+                ) {
+                  sk.spec_values.push({
+                    id: u.specValueId,
+                    name: u.specName,
+                    value: u.specValue,
+                  });
+                }
+                if (!sk.spec_id && u.specName === "specId") {
+                  sk.spec_id = u.specValue;
+                }
+                return sk;
+              });
+            }
+          }
+        });
+        skus.push(sku);
+      });
+      this.skuInfo = skusInfo;
+      this.renderTableData();
+      this.skuTableData = skus;
+    },
+
+    /** 根据当前分类id查询商品应包含的参数 */
+    GET_GoodsParams() {
+      API_GOODS.getCategoryParamsListDataSeller(this.categoryId).then(
+        (response) => {
+          if (!response || response.length <= 0) {
+            return;
+          }
+          this.goodsParams = response;
+
+          //展开选项卡
+          this.goodsParams.forEach(item => {
+              this.params_panel.push(item.groupName)
+            }
+          )
+          if (this.baseInfoForm.goodsParamsDTOList) {
+            // 已选值集合
+            const paramsArr = []
+            this.baseInfoForm.goodsParamsDTOList.forEach(group =>{
+              group.goodsParamsItemDTOList.forEach(param => {
+                param.groupId = group.groupId
+                paramsArr.push(param)
+              })
+            })
+            // 循环参数分组
+            this.goodsParams.forEach((parmsGroup) => {
+              parmsGroup.params.forEach(param => {
+              
+                paramsArr.forEach(arr=>{
+                  if(param.paramName == arr.paramName){
+                    param.paramValue = arr.paramValue
+                  }
+                })
+              })
+            });
+          } else {
+            this.baseInfoForm.goodsParamsDTOList = []
+          }
+        }
+      );
+    },
+    /** 添加规格项 */
+    addSkuItem() {
+      if (this.skuInfo.length >= 5) {
+        this.$Message.error("规格项不能大于5个！");
+        return;
+      }
+      // 写入对象，下标，具体对象
+      this.$set(this.skuInfo, this.skuInfo.length, {
+        spec_values: [],
+      });
+      this.renderTableData();
+    },
+    // 编辑规格名
+    editSkuItem() {
+      this.renderTableData();
+    },
+    // 编辑规格值
+    async skuValueChange(val, index, item) {
+      this.renderTableData();
+    },
+    // 获取焦点时，取得规格名对应的规格值
+    changeSkuVals(name) {
+      if (name) {
+        this.skuData.forEach((e, index) => {
+          if (e === name) {
+            if (this.skuVal.length != this.skuVals[index].length) {
+              this.skuVal = this.skuVals[index]
+            }
+          }
+        })
+      }
+    },
+    /** 移除当前规格项 进行数据变化*/
+    handleCloseSkuItem($index) {
+      this.skuInfo.splice($index, 1);
+      /**
+       * 渲染规格详细表格
+       */
+      this.renderTableData();
+    },
+    // 添加规格值的验证
+    validateEmpty(params) {
+      let flag = true;
+      params.forEach((item) => {
+        for (var key in item) {
+          if (item[key] != "0" && !item.value) {
+            this.$Message.error("请必填规格项");
+            flag = false;
+            return false; // 终止程序
+          }
+        }
+      });
+
+      return flag;
+    },
+    /** 添加当前规格项的规格值*/
+    addSpec($index, item) {
+
+      if (this.validateEmpty(item.spec_values)) {
+        if (item.spec_values.length >= 10) {
+          this.$Message.error("规格值不能大于10个！");
+          return;
+        }
+        this.$set(
+          item.spec_values,
+          item.spec_values.length,
+          {
+            name: item.name,
+          }
+        );
+        this.baseInfoForm.regeneratorSkuFlag = true;
+        /**
+         * 渲染规格详细表格
+         */
+        this.renderTableData();
+      }
+    },
+
+    /** 移除当前规格值 */
+    handleCloseSkuValue(item, index) {
+      item.spec_values.splice(index, 1);
+
+      this.baseInfoForm.regeneratorSkuFlag = true;
+      /**
+       * 渲染规格详细表格
+       */
+      this.renderTableData();
+    },
+
+    /**
+     * 渲染table所需要的column 和 data
+     */
+    renderTableData() {
+      this.skuTableColumn = [];
+      this.skuTableData = [];
+      let pushData = [];
+      //渲染头部
+      this.skuInfo.forEach((sku) => {
+        //列名称
+        let columnName = sku.name;
+        pushData.push({
+          title: columnName,
+          key: columnName,
+        });
+      });
+      
+      this.baseInfoForm.goodsType != "VIRTUAL_GOODS"
+        ? pushData.push({
+          title: "重量",
+          slot: "weight",
+        })
+        : "";
+      pushData.push(
+        {
+          title: "货号",
+          slot: "sn",
+        },
+        {
+          title: "库存",
+          slot: "quantity",
+        },
+        {
+          title: "成本价",
+          slot: "cost",
+        },
+        {
+          title: "价格",
+          slot: "price",
+        },
+        {
+          title: "图片",
+          slot: "images",
+        }
+      );
+
+      this.skuTableColumn = pushData;
+      //克隆所有渲染的数据
+      let cloneTemp = cloneObj(this.skuInfo);
+
+      //数据清空一次
+      this.skuTableData = [];
+      //判定 是否存在规格分组
+      if (cloneTemp[0]) {
+        //存放最终结果
+        let result = [];
+        //循环选中的 sku 数据
+        cloneTemp[0].spec_values.forEach((specItem) => {
+          result.push({
+            [cloneTemp[0].name]: specItem.value,
+            images: this.baseInfoForm.goodsGalleryFiles || [],
+          });
+        });
+        cloneTemp.splice(0, 1);
+        result = this.specIterator(result, cloneTemp);
+        this.skuTableData = result;
+      }
+    },
+     /**
+     * 迭代属性，形成表格
+     * result 渲染的数据
+     * array spec数据
+     */
+    specIterator(result, cloneTemp) {
+      //是否还可以循环
+      if (cloneTemp.length > 0) {
+        let table = [];
+        result.forEach((resItem) => {
+          cloneTemp[0].spec_values.forEach((valItem) => {
+            let obj = cloneObj(resItem);
+            obj[cloneTemp[0].name] = valItem.value;
+            table.push(obj);
+          });
+        });
+        result = [];
+        table.forEach((t) => {
+          result.push(t);
+        });
+        //清除当前循环的分组
+        cloneTemp.splice(0, 1);
+        
+      } else {
+        return result;
+      }
+      return this.specIterator(result, cloneTemp);
+    },
+    /** 根据分类id获取系统设置规格信息*/
+    Get_SkuInfoByCategory(categoryId) {
+      if (categoryId) {
+        API_GOODS.getGoodsSpecInfoSeller(categoryId).then(res => {
+            if (res.length) {
+              res.forEach(e => {
+                this.skuData.push(e.specName)
+                const vals = e.specValue ? e.specValue.split(',') : []
+                this.skuVals.push(Array.from(new Set(vals)))
+              })
+            }
+          }
+        );
+      }
+    },
+    /** 自动完成表单所需方法*/
+    filterMethod(value, option) {
+      return option.toUpperCase().indexOf(value.toUpperCase()) !== -1;
+    },
+    /** 数据改变之后 抛出数据 */
+    updateSkuTable(row, item) {
+      let index = row._index;
+      this.baseInfoForm.regeneratorSkuFlag = true;
+      /** 进行自定义校验 判断是否是数字（小数也能通过）重量 */
+      if (item === "weight") {
+        if (
+          !/^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/.test(row[item]) ||
+          parseInt(row[item]) < 0 ||
+          parseInt(row[item]) > 99999999
+        ) {
+          // 校验未通过 加入错误存储列表中
+          this.validateError.push([index, item]);
+          this.validatatxt = "请输入0~99999999之间的数字值";
+          return;
+        }
+      } else if (item === "quantity") {
+        if (
+          !/^[0-9]\d*$/.test(row[item]) ||
+          parseInt(row[item]) < 0 ||
+          parseInt(row[item]) > 99999999
+        ) {
+          // 库存
+          this.validateError.push([index, item]);
+          this.validatatxt = "请输入0~99999999之间的整数";
+          return;
+        }
+      } else if (item === "cost" || item === "price") {
+        if (
+          !regular.money.test(row[item]) ||
+          parseInt(row[item]) < 0 ||
+          parseInt(row[item]) > 99999999
+        ) {
+          // 成本价 价格
+          this.validateError.push([index, item]);
+          this.validatatxt = "请输入0~99999999之间的价格";
+          return;
+        }
+      }
+      this.skuTableData[index][item] = row[item];
+    },
+    // 店内分类选择
+    selectTree(v) {
+      if (v.length > 0) {
+        // 转换null为""
+        for (let attr in v[0]) {
+          if (v[0][attr] == null) {
+            v[0][attr] = "";
+          }
+        }
+        let str = JSON.stringify(v[0]);
+        let menu = JSON.parse(str);
+        this.form = menu;
+        this.editTitle = menu.title;
+      }
+    },
+    // 店内分类选中
+    changeSelect(v) {
+      this.selectCount = v.length;
+      let ids = "";
+      v.forEach(function (e) {
+        ids += e.id + ",";
+      });
+      ids = ids.substring(0, ids.length - 1);
+      this.baseInfoForm.storeCategoryPath = ids;
+    },
+    /**  添加商品 **/
+    save() {
+      this.submitLoading = true;
+      this.$refs["baseInfoForm"].validate((valid) => {
+        if (valid) {
+          if (
+            this.baseInfoForm.goodsGalleryFiles &&
+            this.baseInfoForm.goodsGalleryFiles.length <= 0
+          ) {
+            this.submitLoading = false;
+            this.$Message.error("请上传商品图片");
+            return;
+          }
+          if (this.baseInfoForm.templateId === '') this.baseInfoForm.templateId = 0;
+          let flag = false;
+          let paramValue = "";
+          
+          if (flag) {
+            this.$Message.error(paramValue + " 参数值不能为空");
+            this.submitLoading = false;
+            return;
+          }
+
+          this.baseInfoForm.skuList = this.skuTableData.map((sku) => {
+            delete sku._index;
+            delete sku._rowKey;
+            delete sku.specNameId;
+            delete sku.specValueId;
+            return sku;
+          });
+
+          if (this.baseInfoForm.goodsGalleryFiles.length > 0) {
+            this.baseInfoForm.goodsGalleryList =
+              this.baseInfoForm.goodsGalleryFiles.map((i) => i.url);
+          }
+          /** 参数校验 **/
+          /* Object.keys(this.baseInfoForm.goodsParamsList).forEach((item) => {
+          });*/
+
+          if (this.goodsId) {
+            API_GOODS.editGoods(this.goodsId, this.baseInfoForm).then((res) => {
+              if (res.success) {
+                this.submitLoading = false;
+                this.$router.go(-1);
+              } else {
+                this.submitLoading = false;
+              }
+            });
+          } else {
+            API_GOODS.createGoods(this.baseInfoForm).then((res) => {
+              if (res.success) {
+                this.submitLoading = false;
+                this.$parent.activestep = 2;
+                window.scrollTo(0, 0);
+              } else {
+                this.submitLoading = false;
+              }
+            });
+          }
+        } else {
+          this.submitLoading = false;
+        }
+      });
+    },
+    /** 保存为模板 */
+    saveToDraft() {
+      this.baseInfoForm.skuList = this.skuTableData;
+      if (this.baseInfoForm.goodsGalleryFiles.length > 0) {
+        this.baseInfoForm.goodsGalleryList =
+          this.baseInfoForm.goodsGalleryFiles.map((i) => i.url);
+      }
+      this.baseInfoForm.categoryName = [];
+      this.baseInfoForm.saveType = 'TEMPLATE';
+
+      if (this.$route.query.draftId) {
+        this.baseInfoForm.id = this.$route.query.draftId;
+        this.$Modal.confirm({
+          title: "当前模板已存在",
+          content: "当前模板已存在，保存为新模板或替换原模板",
+          okText: "保存新模板",
+          cancelText: "替换旧模板",
+          closable: true,
+          onOk: () => {
+            delete this.baseInfoForm.id;
+            this.SAVE_DRAFT_GOODS();
+            return;
+          },
+          onCancel: () => {
+            this.SAVE_DRAFT_GOODS();
+            return;
+          },
+        });
+        return;
+      }
+
+      this.$Modal.confirm({
+        title: "保存模板",
+        content: "是否确定保存",
+        okText: "保存",
+        closable: true,
+        onOk: () => {
+          this.SAVE_DRAFT_GOODS();
+        },
+      });
+    },
+    SAVE_DRAFT_GOODS() { // 保存模板
+      API_GOODS.saveDraftGoods(this.baseInfoForm).then((res) => {
+        if (res.success) {
+          this.$Message.info("保存成功！");
+          this.$router.push({name: 'template-goods'});
+        }
+      });
+    }
+  },
+  mounted () {
+    this.accessToken = {
+      accessToken: this.getStore("accessToken"),
+    };
+    // 获取物流模板
+    API_Shop.getShipTemplate().then((res) => {
+      if (res.success) {
+        this.logisticsTemplate = res.result;
+      }
+    })
+    if (this.$route.query.id || this.$route.query.draftId) {  // 编辑商品、模板
+      this.GET_GoodData(this.$route.query.id, this.$route.query.draftId)
+    } else { // 新增商品、模板
+      if (this.firstData.tempId) { // 选择模板
+        this.GET_GoodData('', this.firstData.tempId)
+      } else {
+        const cateId = []
+        this.firstData.category.forEach(cate => {
+          this.baseInfoForm.categoryName.push(cate.name)
+          cateId.push(cate.id)
+        })
+        this.categoryId = cateId[2]
+        this.baseInfoForm.categoryPath = cateId.toString()
+        this.baseInfoForm.goodsType = this.firstData.goodsType;
+        /** 获取该商城分类下 商品参数信息 */
+        this.GET_GoodsParams();
+        /** 查询品牌列表 */
+        this.getGoodsBrandList();
+        /** 查询分类绑定的规格信息 */
+        this.Get_SkuInfoByCategory(this.categoryId);
+        // 获取商品单位
+        this.GET_GoodsUnit();
+        // 获取当前店铺分类
+        this.GET_ShopGoodsLabel();
+      }
+      
+    }
+    
+}
+}
+</script>
+<style lang="scss" scoped>
+  @import "./addGoods.scss";
+</style>
\ No newline at end of file
diff --git a/seller/src/views/goods/goods-seller/goodsOperationThird.vue b/seller/src/views/goods/goods-seller/goodsOperationThird.vue
new file mode 100644
index 00000000..e623de4a
--- /dev/null
+++ b/seller/src/views/goods/goods-seller/goodsOperationThird.vue
@@ -0,0 +1,37 @@
+<template>
+  <div class="content-goods-publish">
+    <div class="success" style="text-align: left">
+      <h1>恭喜您，商品发布成功!</h1>
+      <div class="goToGoodsList" @click="gotoGoodsList">
+        <a>去店铺查看商品列表>></a>
+      </div>
+      <div class="operation">
+        <h3>您还可以：</h3>
+        <div>
+          1、继续
+          <a @click="gotoBack">发布商品</a>
+        </div>
+        <div>
+          2、进入卖家中心，管理
+          <a @click="gotoGoodsList">商品列表</a>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  methods: {
+     // 跳转商品列表
+    gotoGoodsList() {
+      this.$router.push({name: "goods"});
+    },
+    gotoBack() {
+      this.$router.go();
+    },
+  }
+}
+</script>
+<style lang="scss" scoped>
+  @import "./addGoods.scss";
+</style>
\ No newline at end of file