商品分类 取消 商品 弹窗提醒

src/views/goods/list-commonly.vue

@@ -83,7 +83,7 @@
       </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="{row}">
-          <el-button type="primary" size="mini" style="width: 80px;margin:5px 0 0 0;" @click="cancelGoods(row.id)">取消</el-button>
+          <el-button type="primary" size="mini" style="width: 80px;margin:5px 0 0 0;" @click="cancelGoods(row)">取消</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -169,11 +169,17 @@ export default {
         this.fetchData()
       })
     },
-    cancelGoods(id) {
-      canncelProduct({ id: id, modules: this.modulesId }).then(() => {
-        this.fetchData()
-      }).catch(() => {
-        this.fetchData()
+    cancelGoods(row) {
+      this.$confirm('确定取消该商品吗？取消后该商品将不在出现在本页面', '系统提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        canncelProduct({ id: row.id, modules: this.modulesId }).then(() => {
+          this.fetchData()
+        }).catch(() => {
+          this.fetchData()
+        })
       })
     }
   }

src/views/goods/list-preferential.vue

@@ -83,7 +83,7 @@
       </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="{row}">
-          <el-button type="primary" size="mini" style="width: 80px;margin:5px 0 0 0;" @click="cancelGoods(row.id)">取消</el-button>
+          <el-button type="primary" size="mini" style="width: 80px;margin:5px 0 0 0;" @click="cancelGoods(row)">取消</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -169,11 +169,17 @@ export default {
         this.fetchData()
       })
     },
-    cancelGoods(id) {
-      canncelProduct({ id: id, modules: this.modulesId }).then(() => {
-        this.fetchData()
-      }).catch(() => {
-        this.fetchData()
+    cancelGoods(row) {
+      this.$confirm('确定取消该商品吗？取消后该商品将不在出现在本页面', '系统提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        canncelProduct({ id: row.id, modules: this.modulesId }).then(() => {
+          this.fetchData()
+        }).catch(() => {
+          this.fetchData()
+        })
       })
     }
   }

src/views/goods/list-preferred.vue

@@ -83,7 +83,7 @@
       </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="{row}">
-          <el-button type="primary" size="mini" style="width: 80px;margin:5px 0 0 0;" @click="cancelGoods(row.id)">取消</el-button>
+          <el-button type="primary" size="mini" style="width: 80px;margin:5px 0 0 0;" @click="cancelGoods(row)">取消</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -169,11 +169,17 @@ export default {
         this.fetchData()
       })
     },
-    cancelGoods(id) {
-      canncelProduct({ id: id, modules: this.modulesId }).then(() => {
-        this.fetchData()
-      }).catch(() => {
-        this.fetchData()
+    cancelGoods(row) {
+      this.$confirm('确定取消该商品吗？取消后该商品将不在出现在本页面', '系统提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        canncelProduct({ id: row.id, modules: this.modulesId }).then(() => {
+          this.fetchData()
+        }).catch(() => {
+          this.fetchData()
+        })
       })
     }
   }