删除工单功能（作废）

components/orderCard.vue

@@ -41,6 +41,13 @@
           服务顾问：{{ order.counselorName }}
         </view>
       </view>
+      <!--      作废modal框-->
+      <view >
+        <u-modal showCancelButton @cancel="doVoidCancel" @confirm = "doVoidConfirm" :show="show" :title="title">
+          <input type="text" v-model="voidData.remark" placeholder="请输入作废原因" >
+
+        </u-modal>
+      </view>
       <view class="footer">
         <view @click="projectDis" v-if="order.ticketsStatus == '04' && (userInfo.roleCodes.includes('service_advisor') || userInfo.roleCodes.includes('general_inspection'))" class="btn pg">
           项目派工
@@ -62,6 +69,10 @@
         <view v-if="order.ticketsStatus == '06' && roleCanQc" class="btn qc">
           告知取车
         </view>
+        <view v-if="userInfo.roleCodes.includes('weixiu') || userInfo.roleCodes.includes('service_advisor') || userInfo.roleCodes.includes('general_inspection')" @click="doVoid(order)" class="btn pg">
+          <!--          在什么都不能操作的情况下，可以查看详情-->
+          作废
+        </view>
         <view @click="gotoDetail" class="btn pg">
 <!--          在什么都不能操作的情况下，可以查看详情-->
           查看详情
@@ -97,6 +108,9 @@ export default {
   },
   data() {
     return {
+      show:false,
+      title:'作废',
+      voidData:{},
       //当前角色是否可以告知取车
       roleCanQc:false,
       //当前角色是否可以接单
@@ -173,6 +187,43 @@ export default {
         url: '/pages-order/orderDetail/orderDetail?id=' + this.order.id + '&isDetail=' + '1'
       })
     },
+
+    /**
+     * 作废
+     */
+    doVoid(row){
+      this.show = true
+      this.voidData = {
+        id : row.id,
+        remark : '',
+        ticketsStatus : '03'
+      }
+    },
+
+    /**
+     * 作废请求后台方法
+     */
+    doVoidConfirm(){
+      request({
+        url: '/admin-api/repair/tickets/void',
+        method: 'POST',
+        data:this.voidData
+      }).then((res) => {
+        if (res.code == 200){
+          uni.showToast({
+            title: "操作成功",
+            icon: "success",
+          })
+        }
+        this.doVoidCancel()
+        this.$emit('childEvent')
+      })
+    },
+
+    doVoidCancel(){
+      this.show = false
+    },
+
     /**
      * 项目派工
      */