no message

src/api/workOrderPool.js

@@ -14,6 +14,14 @@ export function orderBaseSettleNormConfirm(data) {
   })
 }
 
+export function orderBaseCancel(params) {
+  return request({
+    url: `/order/base/cancel`,
+    method: 'post',
+    params
+  })
+}
+
 export function orderBaseSettleNormDetail(params) {
   return request({
     url: `/order/base/settle/norm/detail`,

src/views/workOrder/workOrderPool/detailModule/workOrderInfo/buttons/cancelOrder.vue

@@ -0,0 +1,48 @@
+<template>
+  <div class="withinLine">
+    <el-button @click="abnormal" type="primary" size="mini">取消工单</el-button>
+  </div>
+</template>
+
+<script>
+import buttonMixin from './button_mixin.js'
+import { MessageBox } from '@zjlib/element-ui2'
+import { orderBaseCancel } from "@/api/workOrderPool.js"
+export default {
+  mixins: [buttonMixin],
+  methods: {
+    abnormal() {
+      MessageBox.confirm('是否确定取消此单，请谨慎操作', '取消工单', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        orderBaseCancel({
+          orderBaseId: this.orderInfo.id
+        }).then(res => {
+          // 编辑保存后不跳转列表，刷新数据
+          this.acquireVerify(this, 'getorderDetail')()
+          // 刷新操作记录
+          this.acquireVerify(this, 'getOrderBaseLogList')()
+          this.$message({
+            type: 'success',
+            message: '取消成功！'
+          })
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.withinLine {
+  display: inline-block;
+
+  ::v-deep .el-button {
+    margin-left: 0;
+    margin-right: 10px;
+    margin-bottom: 10px;
+  }
+}
+</style>

src/views/workOrder/workOrderPool/detailModule/workOrderInfo/index.vue

@@ -36,7 +36,8 @@
         <!-- 1,保存  -->
         <commitSave v-if="~btnRestrict.indexOf(1)" :orderInfo="orderInfo" :orderType="orderType" />
         <!-- 2,过程反馈  -->
-        <processFeedback v-if="~btnRestrict.indexOf(2)" resultCodeName="过程反馈" :orderInfo="orderInfo" :orderType="orderType" />
+        <processFeedback v-if="~btnRestrict.indexOf(2)" resultCodeName="过程反馈" :orderInfo="orderInfo"
+          :orderType="orderType" />
         <!-- 3,设为异常  -->
         <abnormal v-if="~btnRestrict.indexOf(3)" :orderInfo="orderInfo" :orderType="orderType" />
         <!-- 4,加急  -->
@@ -44,8 +45,10 @@
         <!-- 5,不加急  -->
         <unurgent v-if="~btnRestrict.indexOf(5)" :orderInfo="orderInfo" :orderType="orderType" />
         <!-- 6,取消工单  -->
+        <cancelOrder v-if="~btnRestrict.indexOf(6)" :orderInfo="orderInfo" :orderType="orderType" />
         <!-- 7,回访  -->
-        <processFeedback v-if="~btnRestrict.indexOf(7)" resultCodeName="回访" resultCode="回访" :orderInfo="orderInfo" :orderType="orderType" />
+        <processFeedback v-if="~btnRestrict.indexOf(7)" resultCodeName="回访" resultCode="回访" :orderInfo="orderInfo"
+          :orderType="orderType" />
         <!-- 8,新建工单 -->
       </div>
       <div style="box-sizing: border-box;padding: 10px 10px 0;" v-else>
@@ -73,6 +76,7 @@ import urgent from './buttons/urgent.vue'
 import unurgent from './buttons/unurgent.vue'
 import abnormal from './buttons/abnormal.vue'
 import processFeedback from './buttons/processFeedback.vue'
+import cancelOrder from './buttons/cancelOrder.vue'
 
 export default {
   components: {
@@ -82,7 +86,8 @@ export default {
     urgent,
     unurgent,
     abnormal,
-    processFeedback
+    processFeedback,
+    cancelOrder
   },
   mixins: [
     workOrderLogic,