From d240823008ecfff4f2768fdfd347e432a6bc1d7c Mon Sep 17 00:00:00 2001
From: panqihua <panqihua@melt.icu>
Date: Tue, 17 Jan 2023 03:13:08 +0800
Subject: [PATCH] =?UTF-8?q?=E5=95=86=E5=93=81=E7=AE=A1=E7=90=86-=E9=97=A8?=
 =?UTF-8?q?=E5=BA=97=E5=95=86=E5=93=81-=E4=B8=8A=E4=B8=8B=E6=9E=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/el-input-plus.vue        | 18 +++++++
 .../platform/product_management/stock.vue     |  5 ++
 .../product_management/store_goods.vue        | 49 +++++++++++++++++--
 3 files changed, 68 insertions(+), 4 deletions(-)
 create mode 100644 src/views/components/el-input-plus.vue
 create mode 100644 src/views/platform/product_management/stock.vue

diff --git a/src/views/components/el-input-plus.vue b/src/views/components/el-input-plus.vue
new file mode 100644
index 0000000..db9ee71
--- /dev/null
+++ b/src/views/components/el-input-plus.vue
@@ -0,0 +1,18 @@
+<template>
+    <el-input v-model="value" @input="handleInput" placeholder='请输入下架原因' type='textarea' autosize></el-input>
+</template>
+<script>
+export default {
+    name: 'ElInputPlus',
+    data() {
+        return {
+            value: ''
+        }
+    },
+    methods: {
+        handleInput(value) {
+            this.$emit('update:value', value)
+        }
+    }
+}
+</script>
\ No newline at end of file
diff --git a/src/views/platform/product_management/stock.vue b/src/views/platform/product_management/stock.vue
new file mode 100644
index 0000000..4149b52
--- /dev/null
+++ b/src/views/platform/product_management/stock.vue
@@ -0,0 +1,5 @@
+<template>
+    <div class="app-container">
+        商品库存
+    </div>
+</template>
\ No newline at end of file
diff --git a/src/views/platform/product_management/store_goods.vue b/src/views/platform/product_management/store_goods.vue
index 7adf271..e5a4602 100644
--- a/src/views/platform/product_management/store_goods.vue
+++ b/src/views/platform/product_management/store_goods.vue
@@ -34,9 +34,10 @@
                 <el-button>重置</el-button>
             </el-form-item>
         </el-form>
-        <el-button>批量上架</el-button>
-        <el-button>批量下架</el-button>
-        <el-table :data="dataList" class="table">
+        <el-button @click="changeProductStatus(item)" v-for="item in dict.type.product_status" :key="item.value">批量{{
+            item.label
+        }}</el-button>
+        <el-table :data="dataList" class="table" @selection-change="handleSelectionChange">
             <el-table-column type="selection" align="center"></el-table-column>
             <el-table-column label="商品编码" align="center">
                 DS000001
@@ -81,12 +82,14 @@
 </template>
 <script>
 import { mapState } from 'vuex'
+import ElInputPlus from '@/views/components/el-input-plus'
 export default {
     name: 'StoreGoods',
     dicts: ['shop_type', 'product_status'],
+    components: { ElInputPlus },
     data() {
         return {
-            dataList: [{}],
+            dataList: [{ shopCode: undefined }],
             //
             total: 1,
             //查询参数
@@ -99,10 +102,48 @@ export default {
                 productCategory: undefined,
                 shopType: undefined,
                 productStatus: undefined
+            },
+            form: {
+                cause: ''
             }
         }
     },
     methods: {
+        handleSelectionChange(selection) {
+            this.shopCodes = selection.map(item => item.shopCodes);
+
+        },
+        //上下架
+        changeProductStatus(status) {
+            if (this.shopCodes.length === 0) {
+                return
+            }
+            let self = this
+            if (status.label === '下架') {
+                const h = this.$createElement;
+
+                let inputPlus = h('el-input-plus', {
+                    on: {
+                        'update:value': function (value) {
+                            self.form.cause = value
+                        }
+                    },
+                    key: 'fuck' + Math.random(),
+                })
+                this.$confirm(inputPlus, `确定下架这${this.shopCodes.length}件商品？`, {
+                    confirmButtonText: '下架'
+                }).then(() => {
+                    console.info(self.form.cause)
+                }).catch(() => {
+                })
+            } else {
+                this.$modal.confirm(`确定上架这${this.shopCodes.length}件商品？`).then(action => {
+                    console.debug('confirm')
+                }).catch(action => {
+                    console.debug('cancel')
+                })
+            }
+        },
         querySearch() {
 
         },