商品一键上下架、选择油站修复

src/api/product/productAttr.js

@@ -61,6 +61,13 @@ export default {
       data
     })
   },
+  batchShelves(data) {
+    return request({
+      url: `/${service_name}/mallProductInfo/upOrDownShelves`,
+      method: 'post',
+      data
+    })
+  },
   getAllSites(data) {
     return request({
       url: `/${service_name}/mallProductSiteRelation/getAllSites`,

src/views/product/productAdd/components/OilStationSelection.vue

@@ -1,148 +1,150 @@
 <template>
-    <div>
-        <el-form ref="artFrom" :model="page" label-width="80px" label-position="right" class="tabform"
-            @submit.native.prevent inline>
-            <el-form-item label="输入搜索">
-                <el-input clearable v-model="page.params.siteName" placeholder="请输入油站名称"
-                    class="form_content_width"></el-input>
-            </el-form-item>
-            <el-form-item>
-                <el-button type="primary" @click="userSearchs">查询</el-button>
-                <el-button type="primary" @click="submit">确定选择</el-button>
-            </el-form-item>
-        </el-form>
-        <el-table max-height="500" @selection-change="selectionChange" v-loading="loading" ref="table" :data="tableList"
-            highlight-current-row empty-text="暂无数据" class="mt14">
-            <el-table-column type="selection" width="55">
-            </el-table-column>
-            <el-table-column label="油站名称" prop="siteName"> </el-table-column>
-            <el-table-column label="渠道" prop="channel"> </el-table-column>
-        </el-table>
-        <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
-            :current-page="page.currentPage" :page-sizes="[10, 15, 20, 30]" :page-size="page.pageSize"
-            layout="total, sizes, prev, pager, next, jumper" :total="page.totalCount" />
-    </div>
+  <div>
+    <el-form ref="artFrom" :model="page" label-width="80px" label-position="right" class="tabform"
+             @submit.native.prevent inline>
+      <el-form-item label="输入搜索">
+        <el-input clearable v-model="page.params.siteName" placeholder="请输入油站名称"
+                  class="form_content_width"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="userSearchs">查询</el-button>
+        <el-button type="primary" @click="submit">确定选择</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table max-height="500" @selection-change="selectionChange" v-loading="loading" ref="table" :data="tableList"
+              :row-key="(row) => row.siteId" highlight-current-row empty-text="暂无数据" class="mt14">
+      <el-table-column type="selection" reserve-selection width="55">
+      </el-table-column>
+      <el-table-column label="油站名称" prop="siteName"></el-table-column>
+      <el-table-column label="渠道" prop="channel"></el-table-column>
+    </el-table>
+    <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+                   :current-page="page.currentPage" :page-sizes="[10, 15, 20, 30]" :page-size="page.pageSize"
+                   layout="total, sizes, prev, pager, next, jumper" :total="page.totalCount" />
+  </div>
 </template>
 <script>
-import productApi from '@/api/product/productAttr.js';
+import productApi from '@/api/product/productAttr.js'
+
 export default {
-    name: "OilStationSelection",
-    props: {
-        OilStationSelectionList: {
-            type: Array,
-            default: () => []
-        },
-        selectAttrId: {
-            type: String,
-            default: () => ""
+  name: 'OilStationSelection',
+  props: {
+    OilStationSelectionList: {
+      type: Array,
+      default: () => []
+    },
+    selectAttrId: {
+      type: String,
+      default: () => ''
+    }
+  },
+  data() {
+    return {
+      selectionList: [],
+      loading: false,
+      tableList: [],
+      page: {
+        'currentPage': 1,
+        'pageSize': 10,
+        'totalCount': 0,
+        'params': {
+          'siteName': ''
         }
+      }
+    }
+  },
+  watch: {
+    OilStationSelectionList: {
+      handler(n, o) {
+        this.$refs.table.clearSelection()
+        n.forEach(element => {
+          this.$refs.table.toggleRowSelection(element)
+        })
+      },
+      deep: true
+    }
+  },
+  created() {
+    this.init()
+  },
+  methods: {
+    submit() {
+      this.$emit('submit', this.getSelectionList())
+    },
+    getSelectionList() {
+      return this.selectionList
+    },
+    selectionChange(e) {
+      this.selectionList = e
+    },
+    userSearchs() {
+      this.getByPage()
     },
-    data() {
-        return {
-            selectionList: [],
-            loading: false,
-            tableList: [],
-            page: {
-                "currentPage": 1,
-                "pageSize": 10,
-                "totalCount": 0,
-                "params": {
-                    "siteName": ""
-                },
-            }
+    isStrictPromise(value) {
+      return !!value
+        && typeof value === 'object'
+        && typeof value.then === 'function'
+        && typeof value.finally === 'function'
+    },
+    loadingFn(callback) {
+      this.loading = true
+      if (this.isStrictPromise(callback)) {
+        callback.finally(() => {
+          this.loading = false
+        })
+      }
+
+    },
+    getByPage() {
+      this.loadingFn(productApi.getAllSites(this.page).then(res => {
+        if (res.code === 20000) {
+          this.tableList = res.data.list
+          this.page.totalCount = parseInt(res.data.totalCount)
+
+        } else {
+          this.tableList = []
+          this.page.totalCount = 0
         }
+      }))
     },
-    watch: {
-        OilStationSelectionList:{
-            handler(n,o){
-                this.$refs.table.clearSelection();
-                n.forEach(element => {
-                this.$refs.table.toggleRowSelection(element);
-                });
-            },
-            deep:true
+    handleCurrentChange(val) {
+      this.page.currentPage = val
+      this.getByPage()
+    },
+    handleSizeChange(val) {
+      this.page.pageSize = val
+      this.getByPage()
+    },
+    del(e) {
+      productApi.delete(e).then(res => {
+        if (res.code == 20000) {
+          this.$message.success('操作成功')
+          this.handleCurrentChange()
         }
+      })
     },
-    created() {
-        this.init()
+    edit(row) {
+      let data = Object.assign({}, row, {
+        name: this.selectAttrId.split('/')[1] || '',
+        spec: [{
+          value: row.attributeName,
+          detail: row.attributeContent.split(',')
+        }]
+      })
+      this.$parent.$parent.selection = [data]
+      this.$parent.$parent.addAttr('typeUpdate')
     },
-    methods: {
-        submit() {
-            this.$emit('submit', this.getSelectionList())
-        },
-        getSelectionList() {
-            return this.selectionList
-        },
-        selectionChange(e) {
-            this.selectionList = e
-        },
-        userSearchs() {
-            this.getByPage()
-        },
-        isStrictPromise(value) {
-            return !!value
-                && typeof value === 'object'
-                && typeof value.then === 'function'
-                && typeof value.finally === 'function';
-        },
-        loadingFn(callback) {
-            this.loading = true;
-            if (this.isStrictPromise(callback)) {
-                callback.finally(() => {
-                    this.loading = false;
-                })
-            };
-        },
-        getByPage() {
-            this.loadingFn(productApi.getAllSites(this.page).then(res => {
-                // ({
-                //     data: this.tableList = [],
-                //     currentPage: this.page.currentPage,
-                //     pageSize: this.page.pageSize,
-                //     totalCount: this.page.totalCount
-                // } = res.data);
-                this.tableList = res.data
-                console.log(res)
-            }));
-        },
-        handleCurrentChange(val) {
-            this.page.currentPage = val
-            this.getByPage()
-        },
-        handleSizeChange(val) {
-            this.page.pageSize = val
-            this.getByPage()
-        },
-        del(e) {
-            productApi.delete(e).then(res => {
-                if (res.code == 20000) {
-                    this.$message.success('操作成功')
-                    this.handleCurrentChange();
-                }
-            })
-        },
-        edit(row) {
-            let data = Object.assign({}, row, {
-                name: this.selectAttrId.split("/")[1] || "",
-                spec: [{
-                    value: row.attributeName,
-                    detail: row.attributeContent.split(",")
-                }],
-            })
-            this.$parent.$parent.selection = [data];
-            this.$parent.$parent.addAttr('typeUpdate');
-        },
-        init() {
-            // this.getByPage();
+    init() {
+      // this.getByPage();
 
-            // if (this.selectAttrId && this.selectAttrId.indexOf("/") !== -1) {
-            //     this.page.params.typeId = this.selectAttrId.split("/")[0] || "";
-            //     this.getByPage();
-            // } else {
-            //     this.$message.warning("初始化出错")
-            // }
-        }
+      // if (this.selectAttrId && this.selectAttrId.indexOf("/") !== -1) {
+      //     this.page.params.typeId = this.selectAttrId.split("/")[0] || "";
+      //     this.getByPage();
+      // } else {
+      //     this.$message.warning("初始化出错")
+      // }
     }
+  }
 }
 </script>
 

src/views/product/productList/index.vue

@@ -41,8 +41,8 @@
         </el-form>
       </div>
       <div class="Button">
-        <el-button type="primary" class="mr14">添加商品</el-button>
-        <el-button type="success" class="mr14" @click="onCopy">商品采集</el-button>
+<!--        <el-button type="primary" class="mr14">添加商品</el-button>-->
+<!--        <el-button type="success" class="mr14" @click="onCopy">商品采集</el-button>-->
         <!-- <el-dropdown class="bnt mr14" @command="batchSelect">
           <el-button>批量修改<i class="el-icon-arrow-down el-icon--right"></i></el-button>
           <el-dropdown-menu slot="dropdown">
@@ -54,9 +54,11 @@
             <el-dropdown-item :command="6">活动推荐</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown> -->
-        <el-button @click="onDismount" v-show="artFrom.type === '1'">批量下架</el-button>
-        <el-button @click="onShelves" v-show="artFrom.type === '2'">批量上架</el-button>
-        <el-button class="export" @click="exports">导出</el-button>
+<!--        <el-button @click="onDismount" v-show="artFrom.type === '1'">批量下架</el-button>-->
+<!--        <el-button @click="onShelves" v-show="artFrom.type === '2'">批量上架</el-button>-->
+<!--        <el-button class="export" @click="exports">导出</el-button>-->
+        <el-button @click="batchShelves('1')">批量上架</el-button>
+        <el-button @click="batchShelves('2')">批量下架</el-button>
       </div>
       <el-table
         ref="table"
@@ -526,8 +528,6 @@ export default {
         }
       })
     },
-    getList() {},
-
     batchSub() {},
     clearBatchData(status) {},
     // 批量设置商品
@@ -588,10 +588,24 @@ export default {
     },
     getExcelData(excelData) {},
     freight() {},
-    // 批量上架
-    onShelves() {},
-    // 批量下架
-    onDismount() {},
+    // 批量上下架
+    batchShelves(productStatus) {
+      let selected = this.$refs.table.selection
+      if (selected&&selected.length>0){
+        let selectedIds = selected.map(item=>item.id)
+        productApi.batchShelves({
+          list:selectedIds,
+          productStatus:productStatus
+        }).then(res=>{
+          if (res.code===20000){
+            this.$message.success(res.msg)
+            this.getDataList()
+          }
+        })
+      }else {
+        this.$message.error('请选择需要操作的数据')
+      }
+    },
     getRowKey(row) {
       return row.id
     },