增加退款退菜功能

src/views/order_manage/components/orderDetail.vue

@@ -130,12 +130,12 @@
               ￥{{ scope.row.priceAmount }}
             </template>
           </el-table-column>
-          <!-- <el-table-column label="操作">
+          <el-table-column label="操作">
             <template v-slot="scope">
               <el-button v-if="detail.status=='closed'" type="text" size="mini" @click="tuikuan(scope.row)"><span >退款</span></el-button>
               <el-button v-if="detail.status=='unpaid'" type="text" size="mini" @click="tuiCai(scope.row)"><span >退菜</span></el-button>
             </template>
-          </el-table-column> -->
+          </el-table-column>
         </el-table>
       </div>
       <!-- </el-tab-pane> -->
@@ -199,6 +199,19 @@
         -->
       <!-- </el-tabs> -->
     </div>
+    <return-cart
+    :modal="false"
+      ref="refReturnCart"
+      :max="selGoods.num"
+      @confirm="refReturnCartConfirm"
+    ></return-cart>
+    <return-money
+    :modal="false"
+      ref="refReturnMoney"
+      :max="selGoods.num"
+      :goods="selGoods"
+      @confirm="refReturnMoneyConfirm"
+    ></return-money>
   </el-drawer>
 </template>
 
@@ -206,8 +219,14 @@
 import orderEnum from "../orderEnum";
 import dayjs from "dayjs";
 import { tbOrderInfoDetail, tbOrderInfoData } from "@/api/order";
-
+import returnCart from "@/views/tool/Instead/components/return-cart.vue";
+import returnMoney from "@/views/tool/Instead/components/return-money.vue";
+import {
+  $returnCart,$returnOrder
+} from "@/api/table";
 export default {
+  components: { returnCart,returnMoney },
+
   data() {
     return {
       orderEnum,
@@ -215,7 +234,8 @@ export default {
       type: "1",
       detail: "",
       loading: false,
-      refoundList: []
+      refoundList: [],
+      selGoods:{num:1}
     };
   },
   filters: {
@@ -249,11 +269,37 @@ export default {
     }
   },
   methods: {
-    tuikuan(item){
-
+    async refReturnMoneyConfirm(e){
+      const res = await $returnOrder({
+        ...e,
+        orderId:this.detail.id,
+        orderDetails:[{
+          id:this.selGoods.id,
+          num:e.num
+        }]
+      });
+      this.update();
     },
-    tuiCaidan(item){ 
-
+    update(){
+      this.tbOrderInfoDetail(this.detail.id);
+    },
+    async refReturnCartConfirm(e){
+      const res = await $returnCart({
+        ...e,
+        cartId: this.selGoods.id,
+        tableId: this.detail.tableId,
+      });
+      this.update();
+    },
+    tuikuan(item){
+      this.selGoods=item;
+      console.log(item);
+      this.$refs.refReturnMoney.open(item);
+    },
+    tuiCai(item){ 
+      this.selGoods=item;
+      console.log(item);
+      this.$refs.refReturnCart.open(item);
     },
     // 切换类型
     getTableData() {