<style>
  .DQ_copyTopDiv {
    width: 373px;
    height: 110px;
    font-size: 12px;
    padding: 15px;
    overflow: auto;
    background-color: #f5f5f5;
  }

  .DQ_copyTopDiv::-webkit-scrollbar {
    width: 4px;
    height: 8px;
  }

  .DQ_copyTopDiv::-webkit-scrollbar-thumb {
    border-radius: 4px;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    background: #c9c9c9;
  }

  .DQ_copyTopDiv::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background: #ededed;
  }

  .DQ_comSpan {
    display: inline-block;
    width: 40px;
    height: 20px;
    background-color: #2aaef2;
    text-align: center;
    line-height: 20px;
    color: #fff;
  }

  .DQ_details {
    width: 100%;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .DQ_dateList {
    margin-top: 30px;
  }

  .DQ_rightDate {
    float: right;
    margin-top: 18px;
    font-size: 12px;
  }

  .DanCheked {
    background-color: #2aa872;
    color: #fff !important;
  }

  .DQ_Ulist li {
    list-style-type: none;
    display: block;
    cursor: pointer;
    border: 1px solid #f5f5f5;
    padding: 3px;
    margin-bottom: 10px;
    border-radius: 5px;
  }

  .DQckedLi {
    border-color: #2aa872 !important;
  }

  .DQ_Ulist li {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .DQ_copyBtn {
    float: right;
    margin: 0 0 0 30px;
  }

  .DQ_Otcopy {
    float: right;
  }

  .DrightList {
    margin-left: 80px;
  }

  .ScienTicket .el-form-item__content {
    margin-left: 0 !important;
  }

  .EditQuotation {
    position: absolute;
    color: #e95252;
    right: -27px;
    top: -18px;
  }

  .w875 {
    width: 875px !important;
  }

</style>

<template>
  <div class="DirectNewQuotation clearfix">
    <el-form label-width="100px" ref="currentOfferFrom">
      <div class="switchDiv clearfix" style="width:98%;">
        <div class="DirectPriceCenter">
          <div class="singlePrice clearfix">
            <CostNewPriceMun ref="CostNewPrice" :OfferArray="OfferArray" :postConfig="postConfig"
              :OtherPrice="otherPrice" :dayCostPrice="dayCostPrice" :LineList="LineList"
              :CostCurrencyList="CostCurrencyList" :CostNumberList="CostNumberList"
              :CurrencyNumberListExt="CurrencyNumberListExt" :teamPrice="teamPrice"></CostNewPriceMun>
          </div>
        </div>
        <div class="DirectRightPrice" style="margin-left:20px; display:none;">
          <div class="dingjiaDiv">
            <span class="TMTitle"><i></i>定价</span>
            &nbsp;&nbsp;&nbsp;&nbsp;
            <template v-if="!IsShow">
              <span @click="IsShow=true" class="TMTitle" style="color:blue;cursor:pointer;text-decoration:underline;">
                显示分项报价
              </span>
            </template>
            <template v-else>
              <span @click="IsShow=false" class="TMTitle" style="color:blue;cursor:pointer;text-decoration:underline;">
                隐藏分项报价
              </span>
            </template>
          </div>
          <div v-show="IsShow">
            <div class="Dleftname"></div>
            <div class="DrightList">
              <el-checkbox style="margin-left:25px;" v-model="teamPrice.IsSupportChildren"
                :checked="teamPrice.IsSupportChildren===CheckedVaule" :true-label="CheckedVaule"
                :false-label="UnCheckedVaule">不支持儿童出游
              </el-checkbox>
              <el-form-item label="成本人数" style="margin-left:70px;">
                <el-select class='w120' v-model='teamPrice.PeopleNumber'>
                  <el-option :label="$t('pub.unlimitedSel')" :value='0'></el-option>
                </el-select>
              </el-form-item>
            </div>
          </div>
          <div class="clearfix" v-show="IsShow">
            <div class="Dleftname">标准</div>
            <div class="DrightList">
              <el-form-item>
                <el-input placeholder="" v-model="teamPrice.B2BMemberPrice"
                  @keyup.native="checkPrice(teamPrice,'B2BMemberPrice')" class="w200 ComSeat">
                  <template slot="prepend">成本价格</template>
                </el-input>
              </el-form-item>
              <el-form-item>
                <el-input placeholder="" v-model="teamPrice.B2BPrice" @keyup.native="checkPrice(teamPrice,'B2BPrice')"
                  class="w200 ComSeat">
                  <template slot="prepend">销售价格</template>
                </el-input>
              </el-form-item>
              <el-form-item style="display:none;">
                <el-input placeholder="" v-model="teamPrice.B2CMemberPrice"
                  @keyup.native="checkPrice(teamPrice,'B2CMemberPrice')" class="w200 ComSeat">
                  <template slot="prepend">直客会员</template>
                </el-input>
              </el-form-item>
              <el-form-item style="display:none;">
                <el-input placeholder="" v-model="teamPrice.B2CPrice" @keyup.native="checkPrice(teamPrice,'B2CPrice')"
                  class="w200 ComSeat">
                  <template slot="prepend">直客</template>
                </el-input>
              </el-form-item>
            </div>
          </div>
          <div class="clearfix" v-show="IsShow">
            <div class="Dleftname">增收</div>
            <div class="DrightList" style="width:900px;">
              <el-form-item>
                <el-input placeholder="" v-model="teamPrice.SafeMoney" @keyup.native="checkPrice(teamPrice,'SafeMoney')"
                  class="w200 ComSeat">
                  <template slot="prepend">保险</template>
                </el-input>
              </el-form-item>
              <el-form-item>
                <el-input placeholder="" v-model="teamPrice.OtherPrice"
                  @keyup.native="checkPrice(teamPrice,'OtherPrice')" class="w200 ComSeat">
                  <template slot="prepend">杂费</template>
                </el-input>
              </el-form-item>
            </div>
          </div>
          <div class="clearfix" v-show="IsShow">
            <div class="Dleftname">减免</div>
            <div class="DrightList">
              <el-form-item style="display:none;">
                <el-input placeholder="" v-model="teamPrice.RebatePrice"
                  @keyup.native="checkPrice(teamPrice,'RebatePrice')" class="w200 ComSeat">
                  <template slot="prepend">同行返佣</template>
                </el-input>
              </el-form-item>
              <el-form-item style="display:none;">
                <el-input placeholder="" v-model="teamPrice.DiscountPrice"
                  @keyup.native="checkPrice(teamPrice,'DiscountPrice')" class="w200 ComSeat">
                  <template slot="prepend">早鸟优惠</template>
                </el-input>
              </el-form-item>
              <el-form-item>
                <el-input placeholder="" v-model="teamPrice.BackVisaPrice"
                  @keyup.native="checkPrice(teamPrice,'BackVisaPrice')" class="w200 ComSeat">
                  <template slot="prepend">退签证费</template>
                </el-input>
              </el-form-item>
              <el-form-item style="display:none">
                <el-input placeholder="" v-model="teamPrice.BackSafeMoney"
                  @keyup.native="checkPrice(teamPrice,'BackSafeMoney')" class="w200 ComSeat">
                  <template slot="prepend">退保险费</template>
                </el-input>
              </el-form-item>
            </div>
          </div>
          <div class="clearfix" v-show="IsShow">
            <div class="Dleftname">备注</div>
            <div class="DrightList">
              <el-form-item>
                <el-input type="textarea" class="w875" v-model="teamPrice.PriceRemark"></el-input>
              </el-form-item>
            </div>
          </div>
        </div>
      </div>
    </el-form>
  </div>
</template>
<script>
 
  import CostNewPriceMun from "../TravelNewQuotation/CostNewPriceMun";

  export default {
    props: ["OfferArray", "postConfig", "dayCostPrice", "otherPrice", "teamPrice", "LineList", "CostCurrencyList",
      "CostNumberList",
      "CurrencyNumberListExt"
    ],
    data() {
      return {
        CheckedVaule: 2,
        UnCheckedVaule: 1,
        IsShow: false,
      };
    },
    methods: {
      getData() {
        return this.$refs.CostNewPrice.getData()
      }
    },
    created() {

    },
    components: {
 
      CostNewPriceMun: CostNewPriceMun
    }
  };

</script>
