1

src/components/TravelManager/TravelList/freeTravelOrder.vue

@@ -338,7 +338,7 @@
                       <el-button type="primary" icon="iconfont icon-fukuan2" @click="getShouKuan(item)" ></el-button>
                     </el-tooltip>
                     <el-tooltip class="item" effect="dark" content="取消订单" placement="top-start">
-                      <el-button type="info" v-if="item.IsCanOrder" icon="iconfont icon-quxiao1" @click="cancelHTorder(item.ThirdOrderNo)"></el-button>
+                      <el-button type="info" v-if="item.IsCanOrder" icon="iconfont icon-quxiao1" @click="Exit(item)"></el-button>
                     </el-tooltip>
                     <el-tooltip class="item" effect="dark" content="确定" placement="top-start">
                       <el-button  type="success" icon="iconfont icon-duigou" v-if="item.IsCanClear == 0" @click="queren(1, item.OrderID)" ></el-button>
@@ -430,12 +430,43 @@
     <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage" layout="total,prev, pager, next, jumper"
       :page-size=msg.pageSize :total=total>
     </el-pagination>
+    <el-dialog title="取消订单" width="400px" :visible.sync="dialogFormVisible">
+        <el-form :model="exitMsg" label-width="80px">
+            
+            <el-form-item label="取消类型">
+                <el-select size="small" v-model="exitMsg.cancel_type" placeholder="请选择取消类型">
+                    <el-option label="行程变更或取消" value="MC001"></el-option>
+                    <el-option label="重复订单" value="MC002"></el-option>
+                    <el-option label="价格原因" value="MC003"></el-option>
+                    <el-option label="个人因素" value="MC004"></el-option>
+                    <el-option label="交通因素" value="MC005"></el-option>
+                    <el-option label="交通因素" value="MC006"></el-option>
+                    <el-option label="其他" value="MC999"></el-option>
+                    
+                </el-select>
+            </el-form-item>
+            <el-form-item label="取消原因" >
+                <el-input v-model="exitMsg.cancel_desc" autocomplete="off" type="textarea" :rows="2"></el-input>
+            </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+            <el-button size="small" @click="dialogFormVisible = false">取 消</el-button>
+            <el-button size="small" type="danger" @click="ExitOrder">确 定</el-button>
+        </div>
+        </el-dialog>
   </div>
 </template>
 <script>
 export default {
   data() {
     return {
+      dialogFormVisible:false,
+      exitMsg:{
+          orderId:'',
+          cancel_type:"",
+          cancel_desc:"",
+          CancelBy:'',
+      },
       msg: {
           pageIndex:1,
           pageSize:10,
@@ -530,6 +561,38 @@ export default {
     };
   },
   methods: {
+    Exit(item){
+      let userInfo = this.getLocalStorage();
+      this.dialogFormVisible=true;
+      this.exitMsg.orderId=item.OrderID;
+      this.exitMsg.CancelBy=userInfo.EmployeeId;
+    },
+    ExitOrder(){
+          if(this.exitMsg.cancel_type==""){
+              this.Error("请选择取消类型！");
+              return;
+          }
+          this.dialogFormVisible=false;
+          this.apipost(
+        "dmc_post_Get_KKDayOrderCancel",
+        this.exitMsg,
+        res => {
+          if (res.data.resultCode == 1) {
+            this.Success(res.data.message);
+            this.$emit('queryDays')
+            this.exitMsg={
+                orderId:'',
+                cancel_type:"",
+                cancel_desc:"",
+                CancelBy:'',
+            };
+          } else {
+            this.$message.error(res.data.message);
+          }
+        },
+        null
+      );
+      },
     GotoUrl(TCNUM) {
       this.$router.push({
         path: "TravelControlList",