From bd4e48f40f344f2f3d7d1cd84f2715e8b787c707 Mon Sep 17 00:00:00 2001
From: woody <woody@163>
Date: Tue, 5 Aug 2025 11:53:38 +0800
Subject: [PATCH] =?UTF-8?q?feat(goodsList):=20=E5=88=97=E8=A1=A8=E7=A7=BB?=
 =?UTF-8?q?=E9=99=A4=E5=8F=91=E8=B5=B7=E4=BA=BA=E6=94=B6=E7=9B=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/goodsManage/goodsList/index.vue | 423 ++++++++++------------
 1 file changed, 197 insertions(+), 226 deletions(-)

diff --git a/src/views/goodsManage/goodsList/index.vue b/src/views/goodsManage/goodsList/index.vue
index cd9cc93..1cf435a 100644
--- a/src/views/goodsManage/goodsList/index.vue
+++ b/src/views/goodsManage/goodsList/index.vue
@@ -20,66 +20,66 @@
             <el-col :span="4">
               <el-form-item :label="'商品名称'">
                 <el-input
-                  clearable
                   v-model="select.waresName"
+                  clearable
                   :placeholder="'请输入'"
-                ></el-input>
+                />
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <el-form-item :label="'商品编码'">
                 <el-input
-                  clearable
                   v-model="select.waresCode"
+                  clearable
                   :placeholder="'请输入'"
-                ></el-input>
+                />
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <el-form-item :label="$t('系统类型')">
-                <el-select clearable v-model="select.systemType">
+                <el-select v-model="select.systemType" clearable>
                   <el-option
                     v-for="item in systemTypes"
                     :key="item.value"
                     :label="item.label"
                     :value="item.value"
-                  ></el-option>
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <el-form-item :label="'上架状态'">
-                <el-select clearable v-model="select.isPutOn">
+                <el-select v-model="select.isPutOn" clearable>
                   <el-option
                     v-for="item in agreeList"
                     :key="item.val"
                     :label="item.text"
                     :value="item.val"
-                  ></el-option>
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <el-form-item :label="'预售状态'">
-                <el-select clearable v-model="select.preSaleStatus">
+                <el-select v-model="select.preSaleStatus" clearable>
                   <el-option
                     v-for="item in presaleList"
                     :key="item.value"
                     :label="item.label"
                     :value="item.value"
-                  ></el-option>
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <el-form-item :label="'供应方式'">
-                <el-select clearable v-model="select.operateScope">
+                <el-select v-model="select.operateScope" clearable>
                   <el-option
                     v-for="item in gyList"
                     :key="item.value"
                     :label="item.label"
                     :value="item.value"
-                  ></el-option>
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
@@ -87,72 +87,72 @@
             <el-col :span="4">
               <el-form-item :label="'商品分类'">
                 <el-cascader
-                  clearable
-                  @change="flChange"
                   :key="refreshItem"
-                  :show-all-levels="false"
                   v-model="pkAreaClassifys"
+                  clearable
+                  :show-all-levels="false"
                   :options="hierarchyList"
-                ></el-cascader>
+                  @change="flChange"
+                />
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <el-form-item :label="'所属专区'">
-                <el-select clearable v-model="select.specialArea">
+                <el-select v-model="select.specialArea" clearable>
                   <el-option
                     v-for="item in areaList"
                     :key="item.value"
                     :label="item.label"
                     :value="item.value"
-                  ></el-option>
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <el-form-item :label="'销售状态'">
-                <el-select clearable v-model="select.isSale">
+                <el-select v-model="select.isSale" clearable>
                   <el-option
                     v-for="item in xsList"
                     :key="item.val"
                     :label="item.text"
                     :value="item.val"
-                  ></el-option>
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <el-form-item :label="'套餐类型'">
-                <el-select clearable v-model="select.isSingle">
+                <el-select v-model="select.isSingle" clearable>
                   <el-option
                     v-for="item in tcList"
                     :key="item.val"
                     :label="item.text"
                     :value="item.val"
-                  ></el-option>
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <el-form-item :label="'包邮类型'">
-                <el-select clearable v-model="select.isFreeMail">
+                <el-select v-model="select.isFreeMail" clearable>
                   <el-option
                     v-for="item in postList"
                     :key="item.val"
                     :label="item.text"
                     :value="item.val"
-                  ></el-option>
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <el-form-item :label="'是否推荐'">
-                <el-select clearable v-model="select.isRecommend">
+                <el-select v-model="select.isRecommend" clearable>
                   <el-option
                     v-for="item in isTj"
                     :key="item.value"
                     :label="item.label"
                     :value="item.value"
-                  ></el-option>
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
@@ -188,42 +188,39 @@
                   <el-form-item :label="'创建日期'">
                     <el-date-picker
                       v-model="creationTime1"
-                      @change="changeTime1"
                       value-format="yyyy-MM-dd HH:mm:ss"
                       type="datetimerange"
                       :range-separator="'至'"
                       :start-placeholder="'开始日期'"
                       :end-placeholder="'结束日期'"
-                    >
-                    </el-date-picker>
+                      @change="changeTime1"
+                    />
                   </el-form-item>
                 </el-col>
                 <el-col :span="8">
                   <el-form-item label="上架时间">
                     <el-date-picker
                       v-model="creationTime2"
-                      @change="changeTime2"
                       value-format="yyyy-MM-dd HH:mm:ss"
                       type="datetimerange"
                       :range-separator="'至'"
                       :start-placeholder="'开始日期'"
                       :end-placeholder="'结束日期'"
-                    >
-                    </el-date-picker>
+                      @change="changeTime2"
+                    />
                   </el-form-item>
                 </el-col>
                 <el-col :span="8">
                   <el-form-item label="下架时间">
                     <el-date-picker
                       v-model="creationTime3"
-                      @change="changeTime3"
                       value-format="yyyy-MM-dd HH:mm:ss"
                       type="datetimerange"
                       :range-separator="'至'"
                       :start-placeholder="'开始日期'"
                       :end-placeholder="'结束日期'"
-                    >
-                    </el-date-picker>
+                      @change="changeTime3"
+                    />
                   </el-form-item>
                 </el-col>
               </el-row>
@@ -240,48 +237,48 @@
           <!-- </el-row> -->
         </el-form>
         <div class="openClose" @click="changeActive">
-          <i :class="isActive ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i>
+          <i :class="isActive ? 'el-icon-arrow-up' : 'el-icon-arrow-down'" />
           <div>{{ isActive ? '点击收起' : '点击展开' }}</div>
         </div>
       </div>
       <div class="maintop">
         <div class="mainbtn">
           <el-button
-            size="small"
             v-hasButtons="['GoodsListAdd']"
-            @click="openDig"
+            size="small"
             class="addBtn"
-            >{{ '添加' }}
+            @click="openDig"
+          >{{ '添加' }}
           </el-button>
           <el-button
-            size="small"
-            @click="handleExport"
             v-hasButtons="['GoodsListExport']"
+            size="small"
             class="exportBtn"
+            @click="handleExport"
           >
             {{ '导出' }}
           </el-button>
           <el-button
+            v-hasButtons="['GoodsListCopy']"
             size="small"
             :disabled="isCopy"
-            @click="toCopy"
-            v-hasButtons="['GoodsListCopy']"
             class="copyBtn"
-            >{{ '复制' }}
+            @click="toCopy"
+          >{{ '复制' }}
           </el-button>
         </div>
       </div>
       <div class="maintable">
         <el-table
-          :data="tableData"
           v-loading="loading"
+          :data="tableData"
           style="width: 100%"
           height="100%"
           :header-cell-style="{ background: '#EEEEEE' }"
           :row-class-name="tableRowClassName"
           @selection-change="handleSelectionChange"
         >
-          <el-table-column type="selection" width="55"></el-table-column>
+          <el-table-column type="selection" width="55" />
           <!-- <el-table-column
             align="center"
             prop="sort"
@@ -292,7 +289,7 @@
           </el-table-column> -->
           <el-table-column align="center" prop="cover" :label="'商品主图'">
             <template slot-scope="scope">
-              <img class="bgImg" :src="scope.row.cover" alt="" />
+              <img class="bgImg" :src="scope.row.cover" alt="">
             </template>
           </el-table-column>
           <el-table-column
@@ -300,56 +297,43 @@
             width="200"
             prop="waresName"
             :label="'商品名称'"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="waresCode"
             width="200"
             :label="'商品编码'"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="waresPrice"
             :label="'商品价格'"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="waresAchieve"
             :label="'商品业绩'"
-          >
-          </el-table-column>
-          <el-table-column align="center" prop="tempName" label="支付比例">
-          </el-table-column>
-          <el-table-column
-            align="center"
-            prop="makerIncome"
-            label="发起人收益(￥)"
-            width="120"
-          >
+          />
+          <el-table-column align="center" prop="tempName" label="支付比例" />
+
           </el-table-column>
           <el-table-column
             align="center"
             prop="authorityTypeVal"
             label="可见类型"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="memberCode"
             label="团队编号"
             width="120"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="memberName"
             label="团队姓名"
             width="120"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="productName"
@@ -366,9 +350,9 @@
             <template slot-scope="scope">
               <div class="goodLine">
                 <div
-                  class="goodLine_c"
                   v-for="(item, index) in scope.row.waresDetailList"
                   :key="index"
+                  class="goodLine_c"
                 >
                   <div class="line1">
                     {{ item.productName }}
@@ -412,8 +396,8 @@
             <template slot-scope="scope">
               <div
                 v-for="item in areaList"
-                :key="item.value"
                 v-if="scope.row.specialArea == item.value"
+                :key="item.value"
               >
                 {{ item.label }}
               </div>
@@ -427,8 +411,8 @@
             <template slot-scope="scope">
               <div
                 v-for="item in tcList"
-                :key="item.val"
                 v-if="scope.row.isSingle == item.val"
+                :key="item.val"
               >
                 {{ item.text }}
               </div>
@@ -442,8 +426,8 @@
             <template slot-scope="scope">
               <div
                 v-for="item in postList"
-                :key="item.val"
                 v-if="scope.row.isFreeMail == item.val"
+                :key="item.val"
               >
                 {{ item.text }}
               </div>
@@ -454,21 +438,18 @@
             prop="classifyName"
             width="120"
             :label="'商品分类'"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="isMakerGiftVal"
             width="120"
             label="商品类型"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="isRecommendVal"
             :label="'是否推荐'"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="operateScope"
@@ -477,8 +458,8 @@
             <template slot-scope="scope">
               <div
                 v-for="item in gyList"
-                :key="item.value"
                 v-if="scope.row.operateScope == item.value"
+                :key="item.value"
               >
                 {{ item.label }}
               </div>
@@ -492,8 +473,8 @@
             <template slot-scope="scope">
               <div
                 v-for="item in xsList"
-                :key="item.val"
                 v-if="scope.row.isSale == item.val"
+                :key="item.val"
               >
                 {{ item.text }}
               </div>
@@ -507,8 +488,8 @@
             <template slot-scope="scope">
               <div
                 v-for="item in agreeList"
-                :key="item.val"
                 v-if="scope.row.isPutOn == item.val"
+                :key="item.val"
               >
                 {{ item.text }}
               </div>
@@ -522,8 +503,8 @@
             <template slot-scope="scope">
               <div
                 v-for="item in presaleList"
-                :key="item.value"
                 v-if="scope.row.preSaleStatus == item.value"
+                :key="item.value"
               >
                 {{ item.label }}
               </div>
@@ -533,14 +514,12 @@
             align="center"
             prop="sales"
             :label="'虚拟销量'"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="actualSales"
             :label="'实际销量'"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="systemType"
@@ -549,8 +528,8 @@
             <template slot-scope="scope">
               <div
                 v-for="item in systemTypes"
-                :key="item.value"
                 v-if="scope.row.systemType == item.value"
+                :key="item.value"
               >
                 {{ item.label }}
               </div>
@@ -564,15 +543,13 @@
           >
             <template slot-scope="scope">
               <el-tag
+                v-if="scope.row.waresStatus == 5"
                 type="success"
                 effect="plain"
-                v-if="scope.row.waresStatus == 5"
-              >
-                {{ scope.row.waresStatusVal }}</el-tag
-              >
-              <el-tag type="danger" effect="plain" v-else>
-                {{ scope.row.waresStatusVal }}</el-tag
               >
+                {{ scope.row.waresStatusVal }}</el-tag>
+              <el-tag v-else type="danger" effect="plain">
+                {{ scope.row.waresStatusVal }}</el-tag>
             </template>
           </el-table-column>
           <el-table-column
@@ -580,43 +557,37 @@
             width="170"
             prop="arrivalTime"
             :label="'预计发货时间'"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             width="170"
             prop="putOnTime"
             label="预计上架时间"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             width="170"
             prop="putOffTime"
             label="预计下架时间"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             width="170"
             prop="creationTime"
             :label="'创建日期'"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="listingTime"
             width="120"
             label="上架时间"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="removalTime"
             width="120"
             label="下架时间"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="time"
@@ -627,38 +598,38 @@
             <template slot-scope="scope">
               <div class="btnHeng">
                 <div
-                  @click="toChecked(scope.row.pkWares, 1)"
-                  type="text"
                   v-hasButtons="['GoodsListUpdate']"
+                  type="text"
                   style="color: #f3a900"
                   size="small"
+                  @click="toChecked(scope.row.pkWares, 1)"
                 >
                   {{ '修改' }}
                 </div>
                 <div
-                  @click="toChecked(scope.row.pkWares, 0)"
                   type="text"
                   style="color: #48b2fd"
                   size="small"
+                  @click="toChecked(scope.row.pkWares, 0)"
                 >
                   {{ '查看' }}
                 </div>
                 <div
-                  @click="handleDelete(scope.row.pkWares)"
-                  type="text"
                   v-hasButtons="['GoodsListDelete']"
+                  type="text"
                   size="small"
                   style="color: #c8161d"
+                  @click="handleDelete(scope.row.pkWares)"
                 >
                   {{ '删除' }}
                 </div>
                 <div
                   v-if="scope.row.waresStatus != 5"
-                  @click="handleWares(scope.row.pkWares)"
-                  type="text"
                   v-hasButtons="['GoodsListWares']"
+                  type="text"
                   size="small"
                   style="color: #c8161d"
+                  @click="handleWares(scope.row.pkWares)"
                 >
                   {{ $t("审核") }}
                 </div>
@@ -683,20 +654,20 @@
                   {{ '下移' }}
                 </div> -->
                 <div
-                  @click="topEdit(scope.row.pkWares)"
+                  v-hasButtons="['GoodsListTop']"
                   type="text"
                   size="small"
-                  v-hasButtons="['GoodsListTop']"
                   style="color: #c73030"
+                  @click="topEdit(scope.row.pkWares)"
                 >
                   {{ '置顶' }}
                 </div>
                 <div
-                  @click="topEdit1(scope.row.pkWares)"
+                  v-hasButtons="['GoodsListBottom']"
                   type="text"
                   size="small"
-                  v-hasButtons="['GoodsListBottom']"
                   style="color: #c73030"
+                  @click="topEdit1(scope.row.pkWares)"
                 >
                   置底
                 </div>
@@ -717,25 +688,25 @@
 </template>
 
 <script>
-import topBar from "@/components/topBar";
-import * as api from "@/api/product.js";
-import { accountSave, accountUpdate } from "@/api/configManage";
-import { getToken } from "@/utils/auth";
-import { specialArea } from "@/api/configManage";
+import topBar from '@/components/topBar'
+import * as api from '@/api/product.js'
+import { accountSave, accountUpdate } from '@/api/configManage'
+import { getToken } from '@/utils/auth'
+import { specialArea } from '@/api/configManage'
 
 export default {
-  name: "ProductList",
+  name: 'ProductList',
   components: {
-    topBar,
+    topBar
   },
   filters: {
     isAgree(val) {
       if (!val) {
-        return '允许';
+        return '允许'
       } else {
-        return '禁止';
+        return '禁止'
       }
-    },
+    }
   },
   data() {
     return {
@@ -746,185 +717,185 @@ export default {
       // 查询参数
       queryParams: {
         pageNum: 1,
-        pageSize: 50,
+        pageSize: 50
       },
-      addOrEdit: "",
+      addOrEdit: '',
       total: 0,
       // 套餐类型
       tcList: [
         {
           text: '套装',
-          val: 0,
+          val: 0
         },
         {
           text: '单品',
-          val: 1,
-        },
+          val: 1
+        }
       ],
       postList: [
         {
           text: '包邮',
-          val: 0,
+          val: 0
         },
         {
           text: '不包邮',
-          val: 1,
-        },
+          val: 1
+        }
       ],
       xsList: [
         {
           text: '允许出售',
-          val: 0,
+          val: 0
         },
         {
           text: '禁止出售',
-          val: 1,
-        },
+          val: 1
+        }
       ],
       loading: false,
       tableData: [],
       agreeList: [
         {
           text: '允许',
-          val: 0,
+          val: 0
         },
         {
           text: '禁止',
-          val: 1,
-        },
+          val: 1
+        }
       ],
       isTj: [
         {
           label: '推荐',
-          value: 0,
+          value: 0
         },
         {
           label: '不推荐',
-          value: 1,
-        },
+          value: 1
+        }
       ],
       form: {},
       creationTime1: [],
       creationTime2: [],
       creationTime3: [],
       isCopy: true,
-      selPkId: "",
+      selPkId: '',
       // 预售状态
       presaleList: [],
-      //供应方式
+      // 供应方式
       gyList: [],
-      //商品分类
+      // 商品分类
       hierarchyList: [],
       // 所属专区
       areaList: [],
-      pkAreaClassifys: [],
-    };
+      pkAreaClassifys: []
+    }
   },
   mounted() {
     // 获取专区
-    this.getArea();
+    this.getArea()
     // 获取列表
-    this.getDataList();
+    this.getDataList()
     //  查询预售状态
-    this.presale_status();
+    this.presale_status()
     //  查询预售状态
-    this.supply_way();
-    //查询分类父子级关系
-    this.get_hierarchy_list();
+    this.supply_way()
+    // 查询分类父子级关系
+    this.get_hierarchy_list()
   },
   methods: {
     reset() {
-      this.select = {};
-      this.creationTime1 = [];
-      this.creationTime2 = [];
-      this.creationTime3 = [];
-      this.pkAreaClassifys = [];
-      this.refreshItem++;
-      this.getDataList();
+      this.select = {}
+      this.creationTime1 = []
+      this.creationTime2 = []
+      this.creationTime3 = []
+      this.pkAreaClassifys = []
+      this.refreshItem++
+      this.getDataList()
     },
     // 商品分类赋值
     flChange(value) {
       console.log(
-        "%c [ value ]-533",
-        "font-size:13px; background:#5a4930; color:#9e8d74;",
+        '%c [ value ]-533',
+        'font-size:13px; background:#5a4930; color:#9e8d74;',
         value
-      );
-      this.select.pkAreaClassify = value[value.length - 1];
+      )
+      this.select.pkAreaClassify = value[value.length - 1]
     },
     // 获取专区
     getArea() {
       specialArea().then((res) => {
-        this.areaList = res.data;
-      });
+        this.areaList = res.data
+      })
     },
     // 查询分类父子级关系
     get_hierarchy_list() {
       api.get_hierarchy_list().then((res) => {
-        this.hierarchyList = res.data;
-      });
+        this.hierarchyList = res.data
+      })
     },
     //  供应方式
     supply_way() {
       api.supply_way().then((res) => {
-        this.gyList = res.data;
-      });
+        this.gyList = res.data
+      })
     },
     //  查询预售状态
     presale_status() {
       api.presale_status().then((res) => {
-        this.presaleList = res.data;
-      });
+        this.presaleList = res.data
+      })
     },
     changeTime1(val) {
-      this.select.startCreateDate = val ? val[0] : "";
-      this.select.endCreateDate = val ? val[1] : "";
+      this.select.startCreateDate = val ? val[0] : ''
+      this.select.endCreateDate = val ? val[1] : ''
     },
     changeTime2(val) {
-      this.select.startPutOnTime = val ? val[0] : "";
-      this.select.endPutOnTime = val ? val[1] : "";
+      this.select.startPutOnTime = val ? val[0] : ''
+      this.select.endPutOnTime = val ? val[1] : ''
     },
     changeTime3(val) {
-      this.select.startPutOffTime = val ? val[0] : "";
-      this.select.endPutOffTime = val ? val[1] : "";
+      this.select.startPutOffTime = val ? val[0] : ''
+      this.select.endPutOffTime = val ? val[1] : ''
     },
     // 展开折叠
     changeActive() {
-      this.isActive = !this.isActive;
+      this.isActive = !this.isActive
     },
     handleWares(id) {
-      this.$confirm(this.$t("确认审核？"), '提示', {
+      this.$confirm(this.$t('确认审核？'), '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
-        type: "warning",
+        type: 'warning'
       }).then(() => {
         api.productWaresApprove({ pkWares: id }).then((res) => {
           if (res.code == 200) {
             this.$message({
               message: res.msg,
-              type: "success",
-            });
-            this.getDataList();
+              type: 'success'
+            })
+            this.getDataList()
           }
-        });
-      });
+        })
+      })
     },
     // 删除
     handleDelete(id) {
       this.$confirm('确认删除?', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
-        type: "warning",
+        type: 'warning'
       }).then(() => {
         api.waresDel(id).then((res) => {
           // 获取列表
-          this.getDataList();
-        });
-      });
+          this.getDataList()
+        })
+      })
     },
     openDig() {
       this.$router.push({
-        path: "/goodsManage/goodsRelease/jcsz",
-      });
+        path: '/goodsManage/goodsRelease/jcsz'
+      })
     },
     // // 点击修改
     // toFixed(id) {
@@ -939,88 +910,88 @@ export default {
     // 查看 0，编辑1,复制2
     toChecked(id, index) {
       this.$router.push({
-        path: "/goodsManage/goodsList/goodsEdit/jcsz",
+        path: '/goodsManage/goodsList/goodsEdit/jcsz',
         query: {
           id: id,
-          methods: index,
-        },
-      });
+          methods: index
+        }
+      })
     },
     upEdit(id, index) {
       api
         .waresMove({
           waresId: id,
           waresMoveType: index,
-          specialArea: this.select.specialArea,
+          specialArea: this.select.specialArea
         })
         .then((res) => {
-          this.getDataList();
-        });
+          this.getDataList()
+        })
     },
     topEdit(id) {
       api
         .waresTop({
-          waresId: id,
+          waresId: id
         })
         .then((res) => {
-          this.getDataList();
-        });
+          this.getDataList()
+        })
     },
     topEdit1(id) {
       api
         .waresBottom({
-          waresId: id,
+          waresId: id
         })
         .then((res) => {
-          this.getDataList();
-        });
+          this.getDataList()
+        })
     },
     // 获取列表
     getDataList() {
-      this.loading = true;
+      this.loading = true
       api
         .waresList(Object.assign({}, this.queryParams, this.select))
         .then((res) => {
-          this.loading = false;
-          this.tableData = res.rows;
-          this.total = res.total;
-        });
+          this.loading = false
+          this.tableData = res.rows
+          this.total = res.total
+        })
     },
     toCopy() {
-      this.toChecked(this.selPkId, 2);
+      this.toChecked(this.selPkId, 2)
     },
     /** 导出按钮操作 */
     handleExport() {
       this.$confirm('是否确认导出所有数据项?', '警告', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
-        type: "warning",
+        type: 'warning'
       }).then((_) => {
         this.download(
-          "sale/manage/wares/export",
+          'sale/manage/wares/export',
           Object.assign({}, this.queryParams, this.select),
           `商品列表${new Date().getTime()}.xlsx`
-        );
-      });
+        )
+      })
     },
     handleSelectionChange(val) {
       if (val.length > 0) {
-        this.selPkId = val[0].pkWares;
-        this.isCopy = false;
+        this.selPkId = val[0].pkWares
+        this.isCopy = false
       } else {
-        this.isCopy = true;
+        this.isCopy = true
       }
     },
     tableRowClassName({ row, rowIndex }) {
       if (rowIndex % 2 == 1) {
-        return "warning-row";
+        return 'warning-row'
       } else if (rowIndex % 2 == 0) {
-        return "success-row";
+        return 'success-row'
       }
-      return "";
-    },
-  },
-};
+      return ''
+    }
+  }
+}
 </script>
 <style scoped lang="scss">
 ::v-deep .el-table .warning-row {