<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>
