添加订单作废功能

src/api/system/order.js

@@ -51,3 +51,12 @@ export function delOrder(id) {
     method: 'delete'
   })
 }
+
+// 作废订单
+export function repealOrder(data) {
+  return request({
+    url: '/system/order/modify',
+    method: 'put',
+    data
+  })
+}

src/views/system/order/index.vue

@@ -183,6 +183,17 @@
           v-hasPermi="['system:order:export']"
         >导出</el-button>
       </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="info"
+          plain
+          icon="el-icon-close"
+          size="mini"
+          :disabled="single"
+          @click="onRepeal"
+          v-hasPermi="['system:order:modify']"
+        >作废</el-button>
+      </el-col>
       <div style="display: flex;flex-direction: row;">
         <el-button type="primary" size="mini" disabled><span>订单总数: {{ total }}</span></el-button>
         <el-button type="primary" size="mini" disabled><span>订单总价: {{ totalPrice }}</span></el-button>
@@ -420,11 +431,37 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+
+    <!-- 订单作废对话框 -->
+    <el-dialog :title="title" :visible.sync="repealOpen" width="500px" append-to-body>
+      <el-form ref="repealForm" :model="repealForm" label-width="150px">
+
+        <el-form-item label="优惠券是否失效" prop="isReverseconsume">
+          <el-radio-group v-model="repealForm.isReverseconsume">
+            <el-radio
+              v-for="dict in statusList"
+              :key="dict.value"
+              :label="parseInt(dict.value)"
+            >{{dict.label}}</el-radio>
+          </el-radio-group>
+        </el-form-item>
+
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="repealForm.remark" placeholder="请输入备注" />
+        </el-form-item>
+
+
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitFormRepeal">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <script>
-import { listOrder, getOrder, delOrder, addOrder, updateOrder } from "@/api/system/order";
+import { listOrder, getOrder, delOrder, addOrder, updateOrder,repealOrder } from "@/api/system/order";
 import {allList} from "@/api/system/store";
 import {queryRoom} from "@/api/system/room";
 import {query} from "@/api/system/pack";
@@ -432,14 +469,30 @@ import {queryCouponList} from "@/api/system/consumerCoupon";
 
 export default {
   name: "Order",
-  dicts: ['store_order_type', 'store_coupon_type', 'store_is_use_coupon', 'store_order_status','store_pay_ways','order_pay_status','order_status_admin'],
+  dicts: ['sys_normal_disable','store_order_type', 'store_coupon_type', 'store_is_use_coupon', 'store_order_status','store_pay_ways','order_pay_status','order_status_admin'],
   data() {
     return {
+      repealOpen:false,
+      repealForm:{
+        orderNo:'',
+        isReverseconsume: 0,
+        remark:''
+      },
       // 遮罩层
       loading: true,
       // 选中数组
       ids: [],
       id: null,
+      statusList:[
+        {
+          label:'是',
+          value:1
+        },
+        {
+          label:'否',
+          value:0
+        }
+      ],
       options: [],
       roomList: [],
       packList: [],
@@ -527,6 +580,19 @@ export default {
     this.onGetCouponList();
   },
   methods: {
+    onRepeal(){
+
+      let orderInfo = this.orderList.find(item => item.id === this.ids[0])
+      this.repealForm.orderNo = orderInfo.orderNo;
+      this.title = "订单作废"
+      this.repealOpen = true;
+    },
+    submitFormRepeal(){
+      repealOrder(this.repealForm).then(res=>{
+        this.$modal.msgSuccess("操作成功");
+        this.cancel()
+      })
+    },
     onGetAllStoreList(){
       allList().then(res => {
         this.options = res.data
@@ -584,6 +650,7 @@ export default {
     },
     // 取消按钮
     cancel() {
+      this.repealOpen = false;
       this.open = false;
       this.reset();
     },