新增商品模板,图片导入

src/api/product.js

@@ -12,557 +12,565 @@ import request from './request'
 /**
  * @description 商品分类 -- 列表
  */
-export function storeCategoryListApi() {
+export function storeCategoryListApi () {
   return request.get('store/category/lst')
 }
 /**
  * @description 商品分类 -- 新增表单
  */
-export function storeCategoryCreateApi() {
+export function storeCategoryCreateApi () {
   return request.get('store/category/create/form')
 }
 /**
  * @description 商品分类 -- 编辑表单
  */
-export function storeCategoryUpdateApi(id) {
+export function storeCategoryUpdateApi (id) {
   return request.get(`store/category/update/form/${id}`)
 }
 /**
  * @description 商品分类 -- 删除
  */
-export function storeCategoryDeleteApi(id) {
+export function storeCategoryDeleteApi (id) {
   return request.delete(`store/category/delete/${id}`)
 }
 /**
  * @description 商品分类 -- 修改状态
  */
-export function storeCategoryStatusApi(id, status) {
+export function storeCategoryStatusApi (id, status) {
   return request.post(`store/category/status/${id}`, { status })
 }
 /**
  * @description 属性规则 -- 列表
  */
-export function templateListApi(data) {
+export function templateListApi (data) {
   return request.get('store/attr/template/lst', data)
 }
 /**
  * @description 属性规则 -- 添加
  */
-export function attrCreatApi(data) {
+export function attrCreatApi (data) {
   return request.post('store/attr/template/create', data)
 }
 /**
  * @description 属性规则 -- 编辑
  */
-export function attrEdittApi(id, data) {
+export function attrEdittApi (id, data) {
   return request.post(`store/attr/template/${id}`, data)
 }
 /**
  * @description 属性规则 -- 删除
  */
-export function attrDeleteApi(id) {
+export function attrDeleteApi (id) {
   return request.delete(`store/attr/template/${id}`)
 }
 /**
  * @description 商品添加 -- 属性规则
  */
-export function templateLsitApi() {
+export function templateLsitApi () {
   return request.get(`/store/attr/template/list`)
 }
 /**
  * @description 商品列表 -- 列表
  */
-export function productLstApi(data) {
+export function productLstApi (data) {
   return request.get(`store/product/lst`, data)
 }
 /**
  * @description 商品列表 -- 删除
  */
-export function productDeleteApi(id) {
+export function productDeleteApi (id) {
   return request.delete(`store/product/delete/${id}`)
 }
 /**
  * @description 秒杀商品列表 -- 删除
  */
-export function spikeProductDeleteApi(id) {
+export function spikeProductDeleteApi (id) {
   return request.delete(`store/seckill_product/delete/${id}`)
 }
 /**
  * @description 商品列表 -- 添加
  */
-export function productCreateApi(data) {
+export function productCreateApi (data) {
   return request.post(`store/product/create`, data)
 }
 /**
  * @description 商品列表 -- 预览
  */
-export function productPreviewApi(data) {
+export function productPreviewApi (data) {
   return request.post(`store/product/preview`, data)
 }
 /**
  * @description 商品列表 -- 复制
  */
-export function productCopyApi(data) {
+export function productCopyApi (data) {
   return request.post(`store/productcopy/save`, data)
 }
 /**
  * @description 秒杀品列表 -- 添加
  */
-export function seckillProductCreateApi(data) {
+export function seckillProductCreateApi (data) {
   return request.post(`store/seckill_product/create`, data)
 }
 /**
  * @description 秒杀 -- 预览
  */
-export function seckillPreviewApi(data) {
+export function seckillPreviewApi (data) {
   return request.post(`store/seckill_product/preview`, data)
 }
 /**
  * @description 商品列表 -- 编辑
  */
-export function productUpdateApi(id, data) {
+export function productUpdateApi (id, data) {
   return request.post(`store/product/update/${id}`, data)
 }
 /**
  * @description 商品列表 -- 详情
  */
-export function productDetailApi(id) {
+export function productDetailApi (id) {
   return request.get(`store/product/detail/${id}`)
 }
 /**
  * @description 秒杀商品 -- 详情
  */
-export function seckillProductDetailApi(id) {
+export function seckillProductDetailApi (id) {
   return request.get(`store/seckill_product/detail/${id}`)
 }
 /**
  * @description 商品列表 -- 商户分类
  */
-export function categorySelectApi() {
+export function categorySelectApi () {
   return request.get(`store/category/select`)
 }
 
 /**
  * @description 商品列表 -- 平台分类
  */
-export function categoryListApi() {
+export function categoryListApi () {
   return request.get(`store/category/list`)
 }
 /**
  * @description 商品列表 -- 品牌分类
  */
-export function categoryBrandListApi() {
+export function categoryBrandListApi () {
   return request.get(`store/category/brandlist`)
 }
 /**
  * @description 商品列表 -- 运费模板筛选
  */
-export function shippingListApi() {
+export function shippingListApi () {
   return request.get(`store/shipping/list`)
 }
 /**
  * @description 商品列表 -- 列表表头
  */
-export function lstFilterApi() {
+export function lstFilterApi () {
   return request.get(`store/product/lst_filter`)
 }
 /**
  * @description 秒杀商品列表 -- 列表表头
  */
-export function spikelstFilterApi() {
+export function spikelstFilterApi () {
   return request.get(`store/seckill_product/lst_filter`)
 }
 /**
  * @description 商品列表 -- 上下架
  */
-export function statusApi(id, status) {
+export function statusApi (id, status) {
   return request.post(`store/product/status/${id}`, { status })
 }
 /**
  * @description 秒杀商品列表 -- 上下架
  */
-export function spikeStatusApi(id, status) {
+export function spikeStatusApi (id, status) {
   return request.post(`store/seckill_product/status/${id}`, { status })
 }
 /**
  * @description 组件商品列表 -- 列表
  */
-export function goodLstApi(data) {
+export function goodLstApi (data) {
   return request.get(`store/product/list`, data)
 }
 /**
  * @description 配置状态
  */
-export function productConfigApi() {
+export function productConfigApi () {
   return request.get(`store/product/config`)
 }
 /**
  * @description 商品列表 -- 评价列表
  */
-export function reviewLstApi(data) {
+export function reviewLstApi (data) {
   return request.get(`store/reply/lst`, data)
 }
 /**
  * @description 商品列表 -- 评价回复
  */
-export function reviewReplyApi(id) {
+export function reviewReplyApi (id) {
   return request.get(`store/reply/form/${id}`)
 }
 /**
  * @description 商品列表 -- 评价回复
  */
-export function destoryApi(id) {
+export function destoryApi (id) {
   return request.delete(`store/product/destory/${id}`)
 }
 /**
  * @description 秒杀商品列表 -- 加入回收站
  */
-export function spikeDestoryApi(id) {
+export function spikeDestoryApi (id) {
   return request.delete(`store/seckill_product/destory/${id}`)
 }
 /**
  * @description 商品列表 -- 恢复
  */
-export function restoreApi(id) {
+export function restoreApi (id) {
   return request.post(`store/product/restore/${id}`)
 }
 /**
  * @description 秒杀商品列表 -- 恢复
  */
-export function spikeRestoreApi(id) {
+export function spikeRestoreApi (id) {
   return request.post(`store/seckill_product/restore/${id}`)
 }
 /**
  * @description 商品列表 -- 复制商品
  */
-export function crawlFromApi(data) {
+export function crawlFromApi (data) {
   return request.get(`store/productcopy/get`, data)
 }
 /**
  * @description 秒杀商品列表 -- 列表
  */
-export function seckillProductLstApi(data) {
+export function seckillProductLstApi (data) {
   return request.get(`store/seckill_product/lst`, data)
 }
 /**
  * @description 秒杀商品 -- 可选时间表
  */
-export function seckillProTimeApi() {
+export function seckillProTimeApi () {
   return request.get(`store/seckill_product/lst_time`)
 }
 /**
  * @description 秒杀商品列表 -- 编辑
  */
-export function seckillProductUpdateApi(id, data) {
+export function seckillProductUpdateApi (id, data) {
   return request.post(`store/seckill_product/update/${id}`, data)
 }
 /**
  * @description 复制商品 -- 剩余次数
  */
-export function productCopyCountApi() {
+export function productCopyCountApi () {
   return request.get(`store/productcopy/count`)
 }
 /**
  * @description 复制商品 -- 复制记录
  */
-export function productCopyRecordApi(data) {
+export function productCopyRecordApi (data) {
   return request.get(`store/productcopy/lst`, data)
 }
 /**
  * @description 预售 -- 添加预售商品
  */
-export function preSaleCreateProApi(data) {
+export function preSaleCreateProApi (data) {
   return request.post(`store/product/presell/create`, data)
 }
 /**
  * @description 预售 -- 编辑预售商品
  */
-export function preSaleUpdateProApi(id, data) {
+export function preSaleUpdateProApi (id, data) {
   return request.post(`store/product/presell/update/${id}`, data)
 }
 /**
  * @description 预售 -- 列表
  */
-export function preSaleProListApi(data) {
+export function preSaleProListApi (data) {
   return request.get(`store/product/presell/lst`, data)
 }
 /**
  * @description 预售商品 -- 详情
  */
-export function preSaleProDetailApi(id) {
+export function preSaleProDetailApi (id) {
   return request.get(`store/product/presell/detail/${id}`)
 }
 /**
  * @description 预售商品 -- 头部数量
  */
-export function preSaleProUnmApi() {
+export function preSaleProUnmApi () {
   return request.get(`store/product/presell/number`)
 }
 /**
  * @description 预售商品列表 -- 显示状态（上下架）
  */
-export function presellStatusApi(id, status) {
+export function presellStatusApi (id, status) {
   return request.post(`store/product/presell/status/${id}`, { status })
 }
 /**
  * @description 预售商品列表 -- 删除
  */
-export function preSellDeleteApi(id) {
+export function preSellDeleteApi (id) {
   return request.delete(`store/product/presell/delete/${id}`)
 }
 /**
  * @description 预售 -- 预览
  */
-export function presellPreviewApi(data) {
+export function presellPreviewApi (data) {
   return request.post(`store/product/presell/preview`, data)
 }
 /**
  * @description 拼团 -- 预览
  */
-export function groupPreviewApi(data) {
+export function groupPreviewApi (data) {
   return request.post(`store/product/group/preview`, data)
 }
 /**
  * @description 助力 -- 添加助力商品
  */
-export function assistCreateProApi(data) {
+export function assistCreateProApi (data) {
   return request.post(`store/product/assist/create`, data)
 }
 /**
  * @description 助力 -- 编辑助力商品
  */
-export function assistUpdateProApi(id, data) {
+export function assistUpdateProApi (id, data) {
   return request.post(`store/product/assist/update/${id}`, data)
 }
 /**
  * @description 助力 -- 列表
  */
-export function assistProListApi(data) {
+export function assistProListApi (data) {
   return request.get(`store/product/assist/lst`, data)
 }
 /**
  * @description 助力商品 -- 详情
  */
-export function assistProDetailApi(id) {
+export function assistProDetailApi (id) {
   return request.get(`store/product/assist/detail/${id}`)
 }
 /**
  * @description 助力 -- 预览
  */
-export function assistPreviewApi(data) {
+export function assistPreviewApi (data) {
   return request.post(`store/product/assist/preview`, data)
 }
 /**
  * @description 助力商品列表 -- 删除
  */
-export function assistDeleteApi(id) {
+export function assistDeleteApi (id) {
   return request.delete(`store/product/assist/delete/${id}`)
 }
 /**
  * @description 助力活动 -- 列表
  */
-export function assistListApi(data) {
+export function assistListApi (data) {
   return request.get(`store/product/assist_set/lst`, data)
 }
 /**
  * @description 助力商品列表 -- 显示状态（上下架）
  */
-export function assistStatusApi(id, status) {
+export function assistStatusApi (id, status) {
   return request.post(`store/product/assist/status/${id}`, { status })
 }
 /**
  * @description 助力活动列表 -- 查看详情
  */
-export function assistDetailApi(id, data) {
+export function assistDetailApi (id, data) {
   return request.get(`store/product/assist_set/detail/${id}`, data)
 }
 /**
  * @description 助力活动列表 -- 查看详情
  */
-export function productGetTempKeysApi() {
+export function productGetTempKeysApi () {
   return request.get(`store/product/temp_key`)
 }
 /**
  * @description 普通商品 -- 列表排序
  */
-export function productSort(id, data) {
+export function productSort (id, data) {
   return request.post(`/store/product/sort/${id}`, data)
 }
 
 /**
  * @description 评论 -- 列表排序
  */
-export function reviewsSort(id, data) {
+export function reviewsSort (id, data) {
   return request.post(`/store/reply/sort/${id}`, data)
 }
 /**
  * @description 服务保障 -- 添加
  */
-export function guaranteeAddApi(data) {
+export function guaranteeAddApi (data) {
   return request.post(`guarantee/create`, data)
 }
 /**
  * @description 服务保障 -- 列表
  */
-export function guaranteeLstApi(data) {
+export function guaranteeLstApi (data) {
   return request.get(`guarantee/lst`, data)
 }
 /**
  * @description 服务保障 -- 编辑排序
  */
-export function guaranteeSortApi(id, data) {
+export function guaranteeSortApi (id, data) {
   return request.post(`guarantee/sort/${id}`, data)
 }
 /**
  * @description 服务保障 -- 编辑
  */
-export function guaranteeUpdateApi(id, data) {
+export function guaranteeUpdateApi (id, data) {
   return request.post(`guarantee/update/${id}`, data)
 }
 /**
  * @description 服务保障 -- 详情
  */
-export function guaranteeDetailApi(id) {
+export function guaranteeDetailApi (id) {
   return request.get(`guarantee/detail/${id}`)
 }
 /**
  * @description 服务保障 -- 删除
  */
-export function guaranteeDeleteApi(id) {
+export function guaranteeDeleteApi (id) {
   return request.delete(`guarantee/delete/${id}`)
 }
 /**
  * @description 服务保障 -- 获取平台条款
  */
-export function guaranteeSelectApi(data) {
+export function guaranteeSelectApi (data) {
   return request.get(`guarantee/select`, data)
 }
 /**
  * @description 服务保障 -- 修改显示状态
  */
-export function guaranteeStatusApi(id, status) {
+export function guaranteeStatusApi (id, status) {
   return request.post(`guarantee/status/${id}`, status)
 }
 /**
  * @description 添加商品 -- 获取服务保障模板列表
  */
-export function guaranteeListApi() {
+export function guaranteeListApi () {
   return request.get(`guarantee/list`)
 }
 
 /*
   上传视频 local
 */
-export function uploadVideoOfLocal(data) {
+export function uploadVideoOfLocal (data) {
   return request.post('upload/video', data)
 }
 /**
  * @description 标签 -- 新增表单
  */
-export function labelCreateApi() {
+export function labelCreateApi () {
   return request.get('product/label/create/form')
 }
 /**
  * @description 标签 -- 编辑表单
  */
-export function labelUpdateApi(id) {
+export function labelUpdateApi (id) {
   return request.get(`product/label/update/${id}/form`)
 }
 /**
  * @description 标签 -- 列表
  */
-export function labelListApi(data) {
+export function labelListApi (data) {
   return request.get('product/label/lst', data)
 }
 /**
  * @description 标签 -- 删除
  */
-export function labelDeleteApi(id) {
+export function labelDeleteApi (id) {
   return request.delete(`product/label/delete/${id}`)
 }
 /**
  * @description 标签列表 -- 修改状态
  */
-export function labelStatusApi(id, status) {
+export function labelStatusApi (id, status) {
   return request.post(`product/label/status/${id}`, { status })
 }
 /** 商品列表 -- 获取标签项 */
-export function getProductLabelApi() {
+export function getProductLabelApi () {
   return request.get(`product/label/option`)
 }
 /** 商品列表 -- 编辑标签 */
-export function updatetProductLabel(id, data) {
+export function updatetProductLabel (id, data) {
   return request.post(`store/product/labels/${id}`, data)
 }
 /** 秒杀列表 -- 编辑标签 */
-export function updatetSeckillLabel(id, data) {
+export function updatetSeckillLabel (id, data) {
   return request.post(`store/seckill_product/labels/${id}`, data)
 }
 /** 预售列表 -- 编辑标签 */
-export function updatetPresellLabel(id, data) {
+export function updatetPresellLabel (id, data) {
   return request.post(`store/product/presell/labels/${id}`, data)
 }
 /** 助力列表 -- 编辑标签 */
-export function updatetAssistLabel(id, data) {
+export function updatetAssistLabel (id, data) {
   return request.post(`store/product/assist/labels/${id}`, data)
 }
 /** 拼团列表 -- 编辑标签 */
-export function updatetCombinationLabel(id, data) {
+export function updatetCombinationLabel (id, data) {
   return request.post(`store/product/group/labels/${id}`, data)
 }
 /** 商品列表 -- 免审核编辑 */
-export function freeTrialApi(id, data) {
+export function freeTrialApi (id, data) {
   return request.post(`store/product/free_trial/${id}`, data)
 }
 /** 商品列表 -- 批量上下架 */
-export function batchesOnOffApi(data) {
+export function batchesOnOffApi (data) {
   return request.post(`store/product/batch_status`, data)
 }
 /** 商品列表 -- 批量设置标签 */
-export function batchesLabelsApi(data) {
+export function batchesLabelsApi (data) {
   return request.post(`store/product/batch_labels`, data)
 }
 /** 商品列表 -- 批量设置运费模板 */
-export function batchesTempApi(data) {
+export function batchesTempApi (data) {
   return request.post(`store/product/batch_temp`, data)
 }
 /** 参数模板 -- 添加 */
-export function productSpecs(data) {
+export function productSpecs (data) {
-  return request.post(`store/params/temp/create`,data)
+  return request.post(`store/params/temp/create`, data)
 }
 /** 参数模板 -- 编辑 */
-export function specsUpdate(id, data) {
+export function specsUpdate (id, data) {
-  return request.post(`store/params/temp/update/${id}`,data)
+  return request.post(`store/params/temp/update/${id}`, data)
 }
 /** 参数模板 -- 详情 */
-export function productSpecsInfo(id) {
+export function productSpecsInfo (id) {
   return request.get(`store/params/temp/detail/${id}`)
 }
 /** 参数模板 -- 列表 */
-export function productSpecsList(data) {
+export function productSpecsList (data) {
   return request.get(`store/params/temp/lst`, data)
 }
 /** 参数模板 -- 删除 */
-export function specsDeteleApi(id) {
+export function specsDeteleApi (id) {
   return request.delete(`store/params/temp/delete/${id}`)
 }
 /** 参数模板 -- 详情 */
-export function specsDetailApi(id) {
+export function specsDetailApi (id) {
   return request.get(`store/params/temp/detail/${id}`)
 }
 /** 添加商品 -- 参数筛选 */
-export function specsSelectedApi(data) {
+export function specsSelectedApi (data) {
-  return request.get(`store/params/temp/select`,data)
+  return request.get(`store/params/temp/select`, data)
 }
 /** 添加商品 -- 参数筛选详情 */
-export function productSpecsDetailApi(data) {
+export function productSpecsDetailApi (data) {
   return request.get(`store/params/temp/show`, data)
 }
 /** 商品列表 -- 批量设置佣金 */
-export function productBathExtApi(data) {
+export function productBathExtApi (data) {
   return request.post(`store/product/batch_ext`, data)
 }
 /** 商品列表 -- 批量设置会员价 */
-export function productBathSvipApi(data) {
+export function productBathSvipApi (data) {
   return request.post(`store/product/batch_svip`, data)
-}
+}
+/** 商品导入 -- 导入模板 */
+export function importProduct (data) {
+  return request.post(`store/import/product`, data)
+}
+/** 商品导入 -- 导入图片 */
+export function importImages (data) {
+  return request.post(`store/import/import_images`, data)
+}

src/views/product/productList/index.vue

@@ -2,12 +2,15 @@
   <div class="divBox">
     <el-card class="box-card">
       <div slot="header" class="clearfix">
-        <el-tabs v-model="tableFrom.type" @tab-click="getList(1),getLstFilterApi()">
+        <el-tabs
+          v-model="tableFrom.type"
+          @tab-click="getList(1), getLstFilterApi()"
+        >
           <el-tab-pane
-            v-for="(item,index) in headeNum"
+            v-for="(item, index) in headeNum"
             :key="index"
             :name="item.type.toString()"
-            :label="item.name +'('+item.count +')' "
+            :label="item.name + '(' + item.count + ')'"
           />
         </el-tabs>
         <div class="container">
@@ -130,26 +133,36 @@
             </el-form-item>
           </el-form>
         </div>
-        <router-link :to="{ path:`${roterPre}` + '/product/list/addProduct' }">
+        <router-link :to="{ path: `${roterPre}` + '/product/list/addProduct' }">
           <el-button size="small" type="primary">添加商品</el-button>
         </router-link>
-        <el-button size="small" type="success" @click="onCopy">商品采集</el-button>
+        <!-- <el-button size="small" type="success" @click="onCopy"
+          >商品采集</el-button
+        > -->
         <el-button
           size="mini"
           :disabled="tableFrom.type != 1 || multipleSelection.length == 0"
           @click="batchOff"
-        >批量下架</el-button>
+          >批量下架</el-button
+        >
         <el-button
           size="mini"
           :disabled="tableFrom.type != 2 || multipleSelection.length == 0"
           @click="batchShelf"
-        >批量上架</el-button>
+          >批量上架</el-button
-        <el-button size="mini" :disabled="multipleSelection.length == 0" @click="batchLabel">批量设置标签</el-button>
+        >
+        <el-button
+          size="mini"
+          :disabled="multipleSelection.length == 0"
+          @click="batchLabel"
+          >批量设置标签</el-button
+        >
         <el-button
           size="mini"
           :disabled="multipleSelection.length == 0"
           @click="batchFreight"
-        >批量设置运费</el-button>
+          >批量设置运费</el-button
+        >
         <!-- <el-button
           size="mini"
           :disabled="multipleSelection.length == 0"
@@ -160,7 +173,14 @@
           size="mini"
           :disabled="multipleSelection.length == 0"
           @click="batchSvip"
-        >批量设置会员价</el-button>
+          >批量设置会员价</el-button
+        >
+        <el-button size="mini" @click="importShort" type="success"
+          >商品模板导入</el-button
+        >
+        <el-button size="mini" @click="importShortImg" type="success"
+          >商品图片导入</el-button
+        >
       </div>
       <el-table
         v-loading="listLoading"
@@ -168,16 +188,32 @@
         style="width: 100%"
         size="mini"
         :row-class-name="tableRowClassName"
-        :row-key="(row) => { return row.product_id }"
+        :row-key="
+          (row) => {
+            return row.product_id;
+          }
+        "
         @selection-change="handleSelectionChange"
         @rowclick.stop="closeEdit"
       >
-        <el-table-column type="selection" :reserve-selection="true" width="55" />
+        <el-table-column
+          type="selection"
+          :reserve-selection="true"
+          width="55"
+        />
         <el-table-column type="expand">
           <template slot-scope="props">
-            <el-form label-position="left" inline class="demo-table-expand demo-table-expand1">
+            <el-form
+              label-position="left"
+              inline
+              class="demo-table-expand demo-table-expand1"
+            >
               <el-form-item label="平台分类：">
-                <span>{{ props.row.storeCategory?props.row.storeCategory.cate_name:'-' }}</span>
+                <span>{{
+                  props.row.storeCategory
+                    ? props.row.storeCategory.cate_name
+                    : "-"
+                }}</span>
               </el-form-item>
               <el-form-item label="商品分类：">
                 <template v-if="props.row.merCateId.length">
@@ -185,12 +221,15 @@
                     v-for="(item, index) in props.row.merCateId"
                     :key="index"
                     class="mr10"
-                  >{{ item.category.cate_name }}</span>
+                    >{{ item.category.cate_name }}</span
+                  >
                 </template>
                 <span v-else>-</span>
               </el-form-item>
               <el-form-item label="品牌：">
-                <span class="mr10">{{ props.row.brand?props.row.brand.brand_name:'-' }}</span>
+                <span class="mr10">{{
+                  props.row.brand ? props.row.brand.brand_name : "-"
+                }}</span>
               </el-form-item>
               <el-form-item label="市场价格：">
                 <span>{{ props.row.ot_price | filterEmpty }}</span>
@@ -201,7 +240,11 @@
               <el-form-item label="收藏：">
                 <span>{{ props.row.care_count | filterEmpty }}</span>
               </el-form-item>
-              <el-form-item v-if="tableFrom.type === '7'" key="1" label="未通过原因：">
+              <el-form-item
+                v-if="tableFrom.type === '7'"
+                key="1"
+                label="未通过原因："
+              >
                 <span>{{ props.row.refusal }}</span>
               </el-form-item>
             </el-form>
@@ -211,7 +254,10 @@
         <el-table-column label="商品图" min-width="80">
           <template slot-scope="scope">
             <div class="demo-image__preview">
-              <el-image :src="scope.row.image" :preview-src-list="[scope.row.image]" />
+              <el-image
+                :src="scope.row.image"
+                :preview-src-list="[scope.row.image]"
+              />
             </div>
           </template>
         </el-table-column>
@@ -219,7 +265,7 @@
         <el-table-column prop="price" label="商品售价" min-width="90" />
         <el-table-column prop="svip_price" label="会员价" min-width="90">
           <template slot-scope="scope">
-            <span>{{ scope.row.svip_price || '-' }}</span>
+            <span>{{ scope.row.svip_price || "-" }}</span>
           </template>
         </el-table-column>
         <el-table-column prop="sales" label="销量" min-width="90" />
@@ -238,7 +284,9 @@
                 @blur="inputBlur(scope)"
               />
             </span>
-            <span v-else @dblclick.stop="tabClick(scope.row)">{{ scope.row['sort'] }}</span>
+            <span v-else @dblclick.stop="tabClick(scope.row)">{{
+              scope.row["sort"]
+            }}</span>
           </template>
         </el-table-column>
         <el-table-column
@@ -267,10 +315,12 @@
         <el-table-column prop="stock" label="标签" min-width="90">
           <template slot-scope="scope">
             <div
-              v-for="(item,index) in scope.row.mer_labels"
+              v-for="(item, index) in scope.row.mer_labels"
               :key="index"
               class="label-list"
-            >{{ item.name }}</div>
+            >
+              {{ item.name }}
+            </div>
           </template>
         </el-table-column>
         <el-table-column prop="create_time" label="创建时间" min-width="150" />
@@ -278,13 +328,22 @@
           <template slot-scope="scope">
             <router-link
               v-if="tableFrom.type != 5"
-              :to="{path: roterPre + '/product/list/addProduct/' + scope.row.product_id}"
+              :to="{
+                path:
+                  roterPre + '/product/list/addProduct/' + scope.row.product_id,
+              }"
             >
               <el-button type="text" size="small" class="mr10">编辑</el-button>
             </router-link>
             <router-link
               v-if="tableFrom.type != 5"
-              :to="{path: roterPre + '/product/list/addProduct/' + scope.row.product_id+'?type=copy'}"
+              :to="{
+                path:
+                  roterPre +
+                  '/product/list/addProduct/' +
+                  scope.row.product_id +
+                  '?type=copy',
+              }"
             >
               <el-button type="text" size="small" class="mr10">复制</el-button>
             </router-link>
@@ -293,37 +352,53 @@
               type="text"
               size="small"
               @click="handlePreview(scope.row.product_id)"
-            >预览</el-button>
+              >预览</el-button
+            >
             <router-link
               v-if="tableFrom.type != 5"
-              :to="{path: roterPre + '/product/reviews/?product_id=' + scope.row.product_id}"
+              :to="{
+                path:
+                  roterPre +
+                  '/product/reviews/?product_id=' +
+                  scope.row.product_id,
+              }"
             >
-              <el-button type="text" size="small" class="mr10">查看评价</el-button>
+              <el-button type="text" size="small" class="mr10"
+                >查看评价</el-button
+              >
             </router-link>
             <el-button
-              v-if="tableFrom.type !== '5' && is_audit == '1' "
+              v-if="tableFrom.type !== '5' && is_audit == '1'"
               type="text"
               size="small"
               @click="onAuditFree(scope.row)"
-            >免审编辑</el-button>
+              >免审编辑</el-button
+            >
             <el-button
               v-if="tableFrom.type !== '5'"
               type="text"
               size="small"
               @click="onEditLabel(scope.row)"
-            >编辑标签</el-button>
+              >编辑标签</el-button
+            >
             <el-button
               v-if="tableFrom.type === '5'"
               type="text"
               size="small"
               @click="handleRestore(scope.row.product_id)"
-            >恢复商品</el-button>
+              >恢复商品</el-button
+            >
             <el-button
-              v-if="tableFrom.type !== '1' && tableFrom.type!== '3' && tableFrom.type !=='4' "
+              v-if="
+                tableFrom.type !== '1' &&
+                tableFrom.type !== '3' &&
+                tableFrom.type !== '4'
+              "
               type="text"
               size="small"
               @click="handleDelete(scope.row.product_id, scope.$index)"
-            >{{ tableFrom.type === '5' ? '删除' : '加入回收站' }}</el-button>
+              >{{ tableFrom.type === "5" ? "删除" : "加入回收站" }}</el-button
+            >
           </template>
         </el-table-column>
       </el-table>
@@ -384,7 +459,9 @@
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm('labelForm')">提交</el-button>
+        <el-button type="primary" @click="submitForm('labelForm')"
+          >提交</el-button
+        >
       </span>
     </el-dialog>
     <!-- 免审核弹窗-->
@@ -397,9 +474,19 @@
       width="800px"
       :before-close="handleFreightClose"
     >
-      <el-form ref="tempForm" :model="tempForm" :rules="tempRule" @submit.native.prevent>
+      <el-form
+        ref="tempForm"
+        :model="tempForm"
+        :rules="tempRule"
+        @submit.native.prevent
+      >
         <el-form-item prop="temp_id">
-          <el-select v-model="tempForm.temp_id" clearable placeholder="请选择" class="selWidth">
+          <el-select
+            v-model="tempForm.temp_id"
+            clearable
+            placeholder="请选择"
+            class="selWidth"
+          >
             <el-option
               v-for="item in tempList"
               :key="item.shipping_template_id"
@@ -410,11 +497,18 @@
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitTempForm('tempForm')">提交</el-button>
+        <el-button type="primary" @click="submitTempForm('tempForm')"
+          >提交</el-button
+        >
       </span>
     </el-dialog>
     <!--批量设置佣金弹窗-->
-    <el-dialog v-if="dialogCommision" title="设置佣金" :visible.sync="dialogCommision" width="600px">
+    <el-dialog
+      v-if="dialogCommision"
+      title="设置佣金"
+      :visible.sync="dialogCommision"
+      width="600px"
+    >
       <el-form
         ref="commisionForm"
         :model="commisionForm"
@@ -444,16 +538,31 @@
           />
         </el-form-item>
         <el-form-item>
-          <span>备注：订单交易成功后给上级返佣的比例，例:0.5 = 返订单金额的50%</span>
+          <span
+            >备注：订单交易成功后给上级返佣的比例，例:0.5 =
+            返订单金额的50%</span
+          >
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitCommisionForm('commisionForm')">提交</el-button>
+        <el-button type="primary" @click="submitCommisionForm('commisionForm')"
+          >提交</el-button
+        >
       </span>
     </el-dialog>
     <!--批量设置付费会员价-->
-    <el-dialog v-if="dialogSvip" title="批量设置付费会员价" :visible.sync="dialogSvip" width="700px">
+    <el-dialog
-      <el-form ref="svipForm" :model="svipForm" @submit.native.prevent label-width="80px">
+      v-if="dialogSvip"
+      title="批量设置付费会员价"
+      :visible.sync="dialogSvip"
+      width="700px"
+    >
+      <el-form
+        ref="svipForm"
+        :model="svipForm"
+        @submit.native.prevent
+        label-width="80px"
+      >
         <el-form-item label="参与方式：">
           <el-radio-group v-model="svipForm.svip_price_type">
             <el-radio :label="0" class="radio">不设置会员价</el-radio>
@@ -463,15 +572,135 @@
         <el-form-item>
           备注：默认设置会员价是指商户在
           <router-link
-            :to="{path: roterPre + '/systemForm/Basics/svip'}"
+            :to="{ path: roterPre + '/systemForm/Basics/svip' }"
-            style="color: #1890ff;"
+            style="color: #1890ff"
-          >[设置-付费会员设置]</router-link>中设置的会员折扣价，选择后每个商品默认展示此处设置的会员折扣价。
+            >[设置-付费会员设置]</router-link
+          >中设置的会员折扣价，选择后每个商品默认展示此处设置的会员折扣价。
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitSvipForm('svipForm')">提交</el-button>
+        <el-button type="primary" @click="submitSvipForm('svipForm')"
+          >提交</el-button
+        >
       </span>
     </el-dialog>
+    <!--商品模板导入-->
+    <el-dialog
+      v-if="dialogImport"
+      title="商品模板导入"
+      :visible.sync="dialogImport"
+      width="800px"
+      :before-close="importClose"
+    >
+      <el-form :model="importInfo">
+        <el-form-item label="商品模板" label-width="100px">
+          <div style="display: flex">
+            <el-upload
+              class="upload-demo"
+              drag
+              action="store/import/product"
+              :multiple="false"
+              :http-request="importXlsUpload"
+              accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+              :limit="1"
+            >
+              <i class="el-icon-upload"></i>
+              <div class="el-upload__text">
+                将文件拖到此处，或<em>点击上传</em>
+              </div>
+              <div class="el-upload__tip" slot="tip">
+                只能上传xls*类型的文件
+              </div>
+            </el-upload>
+            <div
+              class="el-upload__text"
+              style="padding-left: 20px; line-height: 20px"
+            >
+              <div>温馨提示:</div>
+              <div>
+                第一次导入请下载模板查看, 按照模板填写商品信息,
+                点击左边按钮进行上传, 上传完成后请耐心等待商品导入完成,
+                <span style="color: coral"
+                  >商品全部导入成功后再上传商品图片,
+                  如果未导入请检查格式是否正确</span
+                >
+              </div>
+              <div style="color: #1890ff; padding-top: 10px">
+                <a
+                  v-if="merchantType.type_code == 'TypeSupplyChain'"
+                  href="https://lihai001.oss-cn-chengdu.aliyuncs.com/app/%E5%B8%82%E7%BA%A7%E4%BE%9B%E5%BA%94%E9%93%BE%E5%95%86%E6%88%B7%E5%95%86%E5%93%81%E8%B5%84%E6%96%99%E5%AF%BC%E5%85%A5%E6%A8%A1%E6%9D%BF.xls"
+                  ><em>下载示例模板</em></a
+                >
+                <a
+                  v-else
+                  href="https://lihai001.oss-cn-chengdu.aliyuncs.com/app/%E9%95%87%E5%95%86%E6%88%B7%E5%95%86%E5%93%81%E8%B5%84%E6%96%99%E5%AF%BC%E5%85%A5%E6%A8%A1%E6%9D%BF.xls"
+                  ><em>下载示例模板</em></a
+                >
+              </div>
+            </div>
+          </div>
+        </el-form-item>
+      </el-form>
+    </el-dialog>
+    <!--商品图片导入-->
+    <el-dialog
+      v-if="dialogImportImg"
+      title="商品图片导入"
+      :visible.sync="dialogImportImg"
+      width="800px"
+      :before-close="importCloseImg"
+    >
+      <el-form :model="importInfo">
+        <el-form-item label="商品图片" label-width="100px">
+          <div style="display: flex">
+            <el-upload
+              class="upload-demo"
+              drag
+              action="store/import/import_images"
+              :multiple="false"
+              :http-request="importZipUpload"
+              accept=".zip,.rar,application/x-rar-compressed"
+              :limit="1"
+            >
+              <i class="el-icon-upload"></i>
+              <div class="el-upload__text">
+                将文件拖到此处，或<em>点击上传</em>
+              </div>
+              <div class="el-upload__tip" slot="tip">
+                只能上传zip, rar, rar4压缩包文件
+              </div>
+            </el-upload>
+            <div
+              class="el-upload__text"
+              style="padding-left: 20px; line-height: 20px"
+            >
+              <div>温馨提示:</div>
+              <div>
+                请先将商品模板导入成功后再导入商品图片, 否则导入的商品图片无效,
+                <span style="color: coral"
+                  >请等待商品完全导入后再上传图片压缩包,
+                  如果未导入请检查格式是否正确</span
+                >
+              </div>
+              <div style="color: #1890ff; padding-top: 10px">
+                <a
+                  href="https://lihai001.oss-cn-chengdu.aliyuncs.com/app/%E5%AF%BC%E5%85%A5%E5%95%86%E5%93%81%E5%9B%BE%E7%89%87%E6%93%8D%E4%BD%9C%E6%8C%87%E5%BC%95.pdf"
+                  target="_blank"
+                >
+                  <em>查看详细操作步骤</em>
+                </a>
+              </div>
+              <div style="color: #1890ff; padding-top: 10px">
+                <a
+                  href="https://lihai001.oss-cn-chengdu.aliyuncs.com/app/XXX%E5%95%86%E6%88%B7%E5%95%86%E5%93%81%E5%9B%BE%E7%89%87.zip"
+                  ><em>下载示例模板</em></a
+                >
+              </div>
+            </div>
+          </div>
+        </el-form-item>
+      </el-form>
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -502,22 +731,27 @@ import {
   shippingListApi,
   batchesTempApi,
   productBathExtApi,
-  productBathSvipApi
+  productBathSvipApi,
+  importProduct,
+  importImages
 } from "@/api/product";
 import { getBaseInfo } from "@/api/user";
 import { roterPre } from "@/settings";
 import taoBao from "./taoBao";
 import editAttr from "./editAttr";
 import previewBox from "@/components/previewBox/index";
+import SettingMer from "@/libs/settingMer"
+import { Message } from 'element-ui';
 export default {
   name: "ProductList",
   components: { taoBao, previewBox, editAttr },
-  data() {
+  data () {
     return {
       props: {
         emitPath: false
       },
       roterPre: roterPre,
+      BASE_URL: SettingMer.https,
       headeNum: [],
       labelList: [],
       tempList: [],
@@ -564,6 +798,7 @@ export default {
           { required: true, message: "请输入二级佣金", trigger: "change" }
         ]
       },
+      importInfo: {}, //导入商品的信息
       commisionForm: { extension_one: 0, extension_two: 0 },
       svipForm: { svip_price_type: 0 },
       goodsId: "",
@@ -574,6 +809,8 @@ export default {
       dialogFreight: false,
       dialogCommision: false,
       dialogSvip: false,
+      dialogImport: false,
+      dialogImportImg: false,
       is_audit: false,
       deliveryType: [],
       deliveryList: [],
@@ -581,10 +818,13 @@ export default {
       tempForm: {},
       isBatch: false,
       open_svip: false,
-      product:''
+      product: '',
+      merchantType: {
+        type_code: ''
+      }
     };
   },
-  mounted() {
+  mounted () {
     this.getLstFilterApi();
     this.getCategorySelect();
     this.getCategoryList();
@@ -592,40 +832,41 @@ export default {
     this.getLabelLst();
     this.getTempLst();
     this.productCon();
+    this.merchantType = this.$store.state.user.merchantType;
   },
-  updated(){
+  updated () {
     getBaseInfo().then(res => {
-        let typeName = res.data.merchantType.type_name;
+      let typeName = res.data.merchantType.type_name;
-        if (typeName !== "市级供应链") {
+      if (typeName !== "市级供应链") {
-          this.product = 0;
+        this.product = 0;
-        } else {
+      } else {
-          this.product = 98;
+        this.product = 98;
-        }
+      }
-      });
+    });
-      console.log(this.product);
+    console.log(this.product);
   },
   methods: {
     // 把每一行的索引放进row
-    tableRowClassName({ row, rowIndex }) {
+    tableRowClassName ({ row, rowIndex }) {
       row.index = rowIndex;
     },
     // 添加明细原因 row 当前行 column 当前列
-    tabClick(row) {
+    tabClick (row) {
       this.tabClickIndex = row.index;
     },
     // 失去焦点初始化
-    inputBlur(scope) {
+    inputBlur (scope) {
       if (!scope.row.sort || scope.row.sort < 0) scope.row.sort = 0;
       productSort(scope.row.product_id, { sort: scope.row.sort })
         .then(res => {
           this.closeEdit();
         })
-        .catch(res => {});
+        .catch(res => { });
     },
-    closeEdit() {
+    closeEdit () {
       this.tabClickIndex = null;
     },
-    handleSelectionChange(val) {
+    handleSelectionChange (val) {
       this.multipleSelection = val;
       const data = [];
       this.multipleSelection.map(item => {
@@ -633,7 +874,7 @@ export default {
       });
       this.product_ids = data;
     },
-    productCon() {
+    productCon () {
       productConfigApi()
         .then(res => {
           this.is_audit = res.data.is_audit;
@@ -657,22 +898,22 @@ export default {
           this.$message.error(res.message);
         });
     },
-    getSuccess() {
+    getSuccess () {
       this.getLstFilterApi();
       this.getList(1);
     },
-    handleClose() {
+    handleClose () {
       this.dialogLabel = false;
     },
-    handleFreightClose() {
+    handleFreightClose () {
       this.dialogFreight = false;
     },
     // 添加淘宝商品成功
-    onClose() {
+    onClose () {
       this.modals = false;
     },
     // 复制淘宝
-    onCopy() {
+    onCopy () {
       // this.$refs.taoBao.modals = true
       // this.$refs.taoBao.soure_link = ''
       // this.$refs.taoBao.formValidate = {}
@@ -683,7 +924,7 @@ export default {
       });
     },
     // 获取标签项
-    getLabelLst() {
+    getLabelLst () {
       getProductLabelApi()
         .then(res => {
           this.labelList = res.data;
@@ -693,7 +934,7 @@ export default {
         });
     },
     // 获取运费模板
-    getTempLst() {
+    getTempLst () {
       shippingListApi()
         .then(res => {
           this.tempList = res.data;
@@ -703,22 +944,22 @@ export default {
         });
     },
     // 免审编辑
-    onAuditFree(row) {
+    onAuditFree (row) {
       this.$refs.editAttr.getAttrDetail(row.product_id);
     },
     // 批量设置佣金
-    batchCommision() {
+    batchCommision () {
       if (this.multipleSelection.length === 0)
         return this.$message.warning("请先选择商品");
       this.dialogCommision = true;
     },
     // 批量设置会员价
-    batchSvip() {
+    batchSvip () {
       if (this.multipleSelection.length === 0)
         return this.$message.warning("请先选择商品");
       this.dialogSvip = true;
     },
-    submitCommisionForm(name) {
+    submitCommisionForm (name) {
       this.$refs[name].validate(valid => {
         if (valid) {
           this.commisionForm.ids = this.product_ids;
@@ -733,7 +974,7 @@ export default {
       });
     },
     // 提交会员价
-    submitSvipForm(name) {
+    submitSvipForm (name) {
       this.svipForm.ids = this.product_ids;
       productBathSvipApi(this.svipForm).then(({ message }) => {
         this.$message.success(message);
@@ -742,7 +983,7 @@ export default {
       });
     },
     // 批量上架
-    batchShelf() {
+    batchShelf () {
       if (this.multipleSelection.length === 0)
         return this.$message.warning("请先选择商品");
       let data = { status: 1, ids: this.product_ids };
@@ -757,7 +998,7 @@ export default {
         });
     },
     // 批量下架
-    batchOff() {
+    batchOff () {
       if (this.multipleSelection.length === 0)
         return this.$message.warning("请先选择商品");
       let data = { status: 0, ids: this.product_ids };
@@ -772,7 +1013,7 @@ export default {
         });
     },
     // 批量设置标签
-    batchLabel() {
+    batchLabel () {
       this.labelForm = {
         mer_labels: [],
         ids: this.product_ids
@@ -781,10 +1022,10 @@ export default {
       this.dialogLabel = true;
     },
     // 批量设置运费模板
-    batchFreight() {
+    batchFreight () {
       this.dialogFreight = true;
     },
-    submitTempForm(name) {
+    submitTempForm (name) {
       this.$refs[name].validate(valid => {
         if (valid) {
           this.tempForm.ids = this.product_ids;
@@ -798,7 +1039,7 @@ export default {
         }
       });
     },
-    handleRestore(id) {
+    handleRestore (id) {
       this.$modalSure("恢复商品").then(() => {
         restoreApi(id)
           .then(res => {
@@ -812,7 +1053,7 @@ export default {
       });
     },
     // 预览
-    handlePreview(id) {
+    handlePreview (id) {
       console.log(id);
       console.log("123");
       this.previewVisible = true;
@@ -820,7 +1061,7 @@ export default {
       this.previewKey = "";
     },
     // 商户分类；
-    getCategorySelect() {
+    getCategorySelect () {
       categorySelectApi()
         .then(res => {
           this.merCateList = res.data;
@@ -830,7 +1071,7 @@ export default {
         });
     },
     // 平台分类；
-    getCategoryList() {
+    getCategoryList () {
       categoryListApi()
         .then(res => {
           this.categoryList = res.data;
@@ -840,7 +1081,7 @@ export default {
         });
     },
     // 列表表头；
-    getLstFilterApi() {
+    getLstFilterApi () {
       lstFilterApi()
         .then(res => {
           this.headeNum = res.data;
@@ -850,7 +1091,7 @@ export default {
         });
     },
     // 列表
-    getList(num) {
+    getList (num) {
       this.listLoading = true;
       this.tableFrom.page = num || this.tableFrom.page;
       productLstApi(this.tableFrom)
@@ -865,42 +1106,42 @@ export default {
         });
       this.getLstFilterApi();
     },
-    pageChange(page) {
+    pageChange (page) {
       this.tableFrom.page = page;
       this.getList("");
     },
-    handleSizeChange(val) {
+    handleSizeChange (val) {
       this.tableFrom.limit = val;
       this.getList("");
     },
     // 删除
-    handleDelete(id, idx) {
+    handleDelete (id, idx) {
       this.$modalSure(
         this.tableFrom.type !== "5" ? "加入回收站" : "删除该商品"
       ).then(() => {
         this.tableFrom.type === "5"
           ? destoryApi(id)
-              .then(({ message }) => {
+            .then(({ message }) => {
-                this.$message.success(message);
+              this.$message.success(message);
-                this.getList("");
+              this.getList("");
-                this.getLstFilterApi();
+              this.getLstFilterApi();
-              })
+            })
-              .catch(({ message }) => {
+            .catch(({ message }) => {
-                this.$message.error(message);
+              this.$message.error(message);
-              })
+            })
           : productDeleteApi(id)
-              .then(({ message }) => {
+            .then(({ message }) => {
-                this.$message.success(message);
+              this.$message.success(message);
-                this.getList("");
+              this.getList("");
-                this.getLstFilterApi();
+              this.getLstFilterApi();
-              })
+            })
-              .catch(({ message }) => {
+            .catch(({ message }) => {
-                this.$message.error(message);
+              this.$message.error(message);
-              });
+            });
       });
     },
     // 编辑标签
-    onEditLabel(row) {
+    onEditLabel (row) {
       this.dialogLabel = true;
       this.product_id = row.product_id;
       if (row.mer_labels && row.mer_labels.length) {
@@ -916,29 +1157,29 @@ export default {
         };
       }
     },
-    submitForm(name) {
+    submitForm (name) {
       this.$refs[name].validate(valid => {
         if (valid) {
           this.isBatch
             ? batchesLabelsApi(this.labelForm).then(({ message }) => {
+              this.$message.success(message);
+              this.getList("");
+              this.dialogLabel = false;
+              this.isBatch = false;
+            })
+            : updatetProductLabel(this.product_id, this.labelForm).then(
+              ({ message }) => {
                 this.$message.success(message);
                 this.getList("");
                 this.dialogLabel = false;
-                this.isBatch = false;
+              }
-              })
+            );
-            : updatetProductLabel(this.product_id, this.labelForm).then(
-                ({ message }) => {
-                  this.$message.success(message);
-                  this.getList("");
-                  this.dialogLabel = false;
-                }
-              );
         } else {
           return;
         }
       });
     },
-    onchangeIsShow(row) {
+    onchangeIsShow (row) {
       statusApi(row.product_id, row.is_show)
         .then(({ message }) => {
           this.$message.success(message);
@@ -948,6 +1189,74 @@ export default {
         .catch(({ message }) => {
           this.$message.error(message);
         });
+    },
+    // 导入商品
+    importShort () {
+      this.dialogImport = true;
+    },
+    importClose () {
+      this.dialogImport = false;
+    },
+    // 导入商品图片
+    importShortImg () {
+      this.dialogImportImg = true;
+    },
+    importCloseImg () {
+      this.dialogImportImg = false;
+    },
+    // 上传文档
+    async importXlsUpload (options) {
+      console.log('上传', options);
+      const file = options.file;
+      const formData = new FormData();
+      formData.append('file', file);
+      importProduct(formData).then((res) => {
+        Message.success(res.message);
+      }).catch(e => {
+        Message.error(e);
+      })
+      // const chunkSize = 2 * 1024 * 1024; // 每个分片的大小，这里设置为2MB
+
+      // // 计算文件总共需要分成多少个分片
+      // const totalChunks = Math.ceil(file.size / chunkSize);
+
+      // try {
+      //   // 循环上传每个分片
+      //   for (let i = 0; i < totalChunks; i++) {
+      //     const start = i * chunkSize;
+      //     const end = Math.min((i + 1) * chunkSize, file.size);
+      //     const chunk = file.slice(start, end);
+
+      //     // 构建FormData对象，用于传输分片数据
+      //     const formData = new FormData();
+      //     formData.append('file', chunk);
+      //     formData.append('chunkIndex', i);
+      //     formData.append('totalChunks', totalChunks);
+      //     formData.append('filename', file.name);
+
+      //     // 使用axios发送分片请求
+      //     await axios.post('store/import/product', formData);
+      //   }
+
+      //   // 分片上传完成后，在这里进行合并操作
+      //   // ...
+
+      //   Message.success('文件上传成功！');
+      // } catch (error) {
+      //   Message.error('文件上传失败！');
+      // }
+    },
+    // 上传图片压缩包
+    async importZipUpload (options) {
+      console.log('上传', options);
+      const file = options.file;
+      const formData = new FormData();
+      formData.append('file', file);
+      importImages(formData).then((res) => {
+        Message.success(res.message);
+      }).catch(e => {
+        Message.error(e);
+      })
     }
   }
 };