页面修改

src/components/orderCommon/edit-orderform.vue

+<style scoped>
+  
+</style>
+<!--跟团游、小包团、当地游订单修改-->
+<template>
+  
+</template>
+<script>
+  export default {
+    //订单修改参数
+    props: ["orderInfoPropObj"],
+    data() {
+      return {
+       
+      };
+    },
+    methods: {
+      
+    },
+    mounted() {
+
+    },
+    watch: {
+      //监听备注信息编号
+      orderInfoPropObj: {
+        immediate: true,
+        handler(newVal) {
+         
+        },
+        deep: true
+      },
+    }
+  };
+</script>
\ No newline at end of file

src/components/orderCommon/order-transform.vue

+<style scoped>
+  .groupTourOrderByTuan_transfer {
+    position: fixed;
+    z-index: 50;
+    bottom: 0;
+    left: 0;
+    padding: 10px 10px;
+    width: 100%;
+    min-width: 1366px;
+    min-height: 200px;
+    border-top: 3px solid #38425d;
+    background-color: #ffffff;
+    overflow-y: auto;
+  }
+
+  .groupTourOrderByTuan_transfer>.transfer_header {
+    position: relative;
+    width: 100%;
+    height: 30px;
+  }
+
+  .groupTourOrderByTuan_transfer>.transfer_header>div:nth-child(1) {
+    display: inline-block;
+    padding: 0 10px;
+    width: 200px;
+    height: 30px;
+    line-height: 30px;
+    border-left: 3px solid #e95252;
+    text-indent: 10px;
+    font-size: 16px;
+    color: #000000;
+  }
+
+  .groupTourOrderByTuan_transfer>.transfer_header>div:nth-child(2) {
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    height: 30px;
+  }
+
+  .groupTourOrderByTuan_transfer>.transfer_header>div:nth-child(2)>div:nth-child(1) {
+    display: inline-block;
+    padding: 0 15px;
+    height: 30px;
+    line-height: 28px;
+    font-size: 14px;
+    color: #e95252;
+    border: 1px solid #e95252;
+    background-color: #fff;
+    border-radius: 15px;
+    cursor: pointer;
+    vertical-align: top;
+  }
+
+  .groupTourOrderByTuan_transfer>.transfer_header>div:nth-child(2)>div:nth-child(2) {
+    display: inline-block;
+    margin: 0 0 0 10px;
+    padding: 0 15px;
+    height: 30px;
+    line-height: 28px;
+    font-size: 14px;
+    color: #fff;
+    border: 1px solid #e95252;
+    background-color: #e95252;
+    border-radius: 15px;
+    cursor: pointer;
+    vertical-align: top;
+  }
+
+  .groupTourOrderByTuan_transfer>.transfer_info {
+    padding: 20px 0;
+    width: 100%;
+    font-size: 0px;
+    border-bottom: 1px dashed #999999;
+  }
+
+  .groupTourOrderByTuan_transfer>.transfer_info>div {
+    display: inline-block;
+    padding: 0 10px;
+    width: 25%;
+    height: 30px;
+    vertical-align: top;
+  }
+
+  .groupTourOrderByTuan_transfer>.transfer_info>div>em {
+    display: inline-block;
+    padding: 0 10px;
+    width: 35%;
+    height: 30px;
+    line-height: 30px;
+    text-align: right;
+    font-size: 16px;
+    vertical-align: top;
+  }
+
+  .groupTourOrderByTuan_transfer>.transfer_info>div>span {
+    display: inline-block;
+    padding: 0 10px;
+    width: 65%;
+    height: 30px;
+    line-height: 30px;
+    text-align: left;
+    font-size: 16px;
+    border-radius: 3px;
+    background-color: #e5e5e5;
+    vertical-align: top;
+  }
+
+  .groupTourOrderByTuan_transfer>.transfer_input {
+    padding: 20px 0;
+    width: 100%;
+    font-size: 0px;
+  }
+
+  .groupTourOrderByTuan_transfer>.transfer_input>div {
+    display: inline-block;
+    padding: 0 10px;
+    width: 25%;
+    height: 30px;
+    vertical-align: top;
+  }
+
+  .groupTourOrderByTuan_transfer>.transfer_input>div>em {
+    display: inline-block;
+    padding: 0 10px;
+    width: 35%;
+    height: 30px;
+    line-height: 30px;
+    text-align: right;
+    font-size: 16px;
+    vertical-align: top;
+  }
+
+  .groupTourOrderByTuan_transfer>.transfer_input>div>.el-input {
+    display: inline-block;
+    width: 65%;
+    height: 30px;
+    line-height: 30px;
+    text-align: left;
+    font-size: 14px;
+    vertical-align: top;
+  }
+
+</style>
+<!--订单转团-->
+<template>
+  <div class="groupTourOrderByTuan_transfer">
+    <div class="transfer_header">
+      <div>订单转团</div>
+      <div>
+        <div @click="closeOrderTransForm()">关闭</div>
+        <div @click="transferSave()">确定</div>
+      </div>
+    </div>
+    <div class="transfer_info">
+      <div>
+        <em>订单号：</em>
+        <span>{{ transOrderMsg.OrderId }}</span>
+      </div>
+      <div>
+        <em>业务员：</em>
+        <span>{{ transOrderMsg.CreateByName }}</span>
+      </div>
+      <div>
+        <em>团队编号：</em>
+        <span>{{ transOrderMsg.OldTCID }}</span>
+      </div>
+      <div>
+        <em>团号：</em>
+        <span>{{ transOrderMsg.OldTCNUM }}</span>
+      </div>
+    </div>
+    <div class="transfer_input">
+      <div>
+        <em>新团号：</em>
+        <el-input v-model="transOrderMsg.TCNUM" placeholder="请输入团号或团队编号"></el-input>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    //订单转团参数
+    props: ["transOrderPropObj"],
+    data() {
+      return {
+        // 订单转团
+        transOrderMsg: {
+          OrderId: "",
+          CreateByName: "",
+          OldTCID: "",
+          OldTCNUM: "",
+          TCNUM: "",
+        },
+      };
+    },
+    methods: {
+      //关闭弹窗
+      closeOrderTransForm: function () {
+        //调用父页面方法
+        this.$emit("close");
+      },
+      //保存
+      transferSave: function () {
+        if (this.transOrderMsg.TCNUM.trim() === "") {
+          this.$message.error("请输入团号或团队编号");
+        } else {
+          this.apipost(
+            "sellorder_post_SetOrderTurnGroup",
+            this.transOrderMsg,
+            (res) => {
+              if (res.data.resultCode === 1) {
+                this.$message.success("转团成功");
+                //调用父页面刷新方法
+                this.$emit("success");
+              } else {
+                this.$message.error(res.data.message);
+              }
+            },
+            (err) => {}
+          );
+        }
+      },
+    },
+    mounted() {
+
+    },
+    watch: {
+      //监听订单转团参数
+      transOrderPropObj: {
+        immediate: true,
+        handler(newVal) {
+          console.log("transOrderPropObj", newVal);
+          this.transOrderMsg.OrderId = this.transOrderPropObj.OrderId;
+          this.transOrderMsg.CreateByName = this.transOrderPropObj.CreateByName;
+          this.transOrderMsg.OldTCID = this.transOrderPropObj.OldTCID;
+          this.transOrderMsg.OldTCNUM = this.transOrderPropObj.OldTCNUM;
+        },
+        deep: true
+      },
+    }
+  };
+
+</script>