<style>
  /* @import "../../../assets/css/newTravelManager.css"; */
  /* .newCoastTable .el-form-item__content,.el-form-item__label{line-height: 30px;} */
  .CP_halfWi{width:45%;}
  .newCoastTable{margin-top:20px;}

  .newCoastTable{
    border-collapse: collapse;
    color: #606266;
    font-size: 14px;
    margin-bottom: 20px;
  }
  .coast_comback{
    background-color: #dadada;
  }
  .newCoastTable td, .newCoastTable th{
    border: 1px solid #f1f1f1;
    padding: 0 5px;
    position: relative;
    text-align: center;
  }
  .newCoastTable th{
    background-color: #dadada;
  }
  .newCoastDiv{
    width: 100%;
    position: relative;
    padding: 15px 0;
    background-color: #fff;
    padding: 0 20px 20px 20px;
    border-radius: 4px;
  }
  .AS_addPeoNumer{
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer;
  }
  .CP_comTable .el-input .el-input__inner {
    height: 25px !important;
    border: none;
    border-bottom: 1px solid #dcdfe6;
 }
 .newCoastTable .el-form-item{
   margin-bottom:0;
 }
 .newCoastTable .el-input .el-input__inner,.newCoastTable .el-select .el-input{
    border:0;
    border-bottom:1px solid #d1d1d1;
 }
 .newCoastTable tr th{
   height:40px;
 }
 .CP_dayTable{width:100%;}
 .CP_hotelList{
   margin:5px 0;
 }
</style>

<template>
  <div>
    <div class="newCoastDiv clearfix">
      <el-form>
        <table class="newCoastTable">
          <tr>
            <td class="coast_comback" width="170">币种</td>
            <td>
                <el-select v-model='currencyType' class="w160">
                  <!-- <el-option v-for="item in currencyTypeArr" :label='item.Name' :value='item.ID' :key='item.ID'>
                  </el-option> -->
                </el-select>
            </td>
          </tr>
          <tr>
            <td class="coast_comback">汇率</td>
            <td>
              <el-input class="w160"></el-input>
            </td>
          </tr>
        </table>
        <table class="newCoastTable">
          <tr>
            <td class="coast_comback" width="170">人数</td>
            <td width="150">
              <el-input class="w80"></el-input>
              <div class="AS_addPeoNumer">
                <i class="iconfont icon-img_haha"></i>
              </div>
            </td>
          </tr>
          <tr>
            <td class="coast_comback">地接报价（）</td>
            <td>
              <el-input class="w80"></el-input>
            </td>
          </tr>
        </table>
        <el-form-item label="地接项目">
          <el-checkbox-group v-model="checkedPei">
            <el-checkbox v-for="checkItem in checkList" :label="checkItem.Id" :key="checkItem.Id">
              {{checkItem.Name}}
            </el-checkbox>
          </el-checkbox-group>
        </el-form-item>
        <table class="newCoastTable CP_dayTable">
          <tr>
            <th rowspan="2" width='100'>Day</th>
            <th rowspan="2" width="200">币种</th>
            <th rowspan="2" width='220'>酒店</th>
            <th rowspan="2" width='200'>车</th>
            <th rowspan="2" width='220'>门票</th>
            <th colspan="3" width='200'>餐</th>
          </tr>
          <tr>
            <th width="90">早</th>
            <th width="90">中</th>
            <th width="90">晚</th>
          </tr>
          <tr>
            <td align="center">1</td>
            <td>
              <el-form-item>
                <el-select>
                  <el-option :label="$t('pub.unlimitedSel')" :value='defaultSelect'></el-option>
                  <!-- <el-option v-for="items in OfferCostPriceObj.CostCurrencyList" :label='items.CurrencyName'
                             :value='items.CurrencyId'
                             :key='items.CurrencyId'>
                  </el-option> -->
                </el-select>
              </el-form-item>
            </td>
            <td>
              <div class="CP_hotelList">合一酒店/19999</div>
              <div class="CP_hotelList">合一酒店/19999</div>
              <div class="CP_hotelList">合一酒店/19999</div>
            </td>
            <td>
              <span></span>
            </td>
            <td>
              <span class="QD_DetailName">1</span>
            </td>
            <td>
              <el-input type="text"></el-input>
            </td>
            <td>
              <el-input type="text"></el-input>
            </td>
            <td>
              <el-input type="text"></el-input>
            </td>
          </tr>
          <tr>
            <td align="center">2</td>
            <td>
              <el-form-item>
                <el-select>
                  <el-option :label="$t('pub.unlimitedSel')" :value='defaultSelect'></el-option>
                  <!-- <el-option v-for="items in OfferCostPriceObj.CostCurrencyList" :label='items.CurrencyName'
                             :value='items.CurrencyId'
                             :key='items.CurrencyId'>
                  </el-option> -->
                </el-select>
              </el-form-item>
            </td>
            <td>
              <div class="CP_hotelList">合一酒店/19999</div>
              <div class="CP_hotelList">合一酒店/19999</div>
              <div class="CP_hotelList">合一酒店/19999</div>
            </td>
            <td>
              <span></span>
            </td>
            <td>
              <span class="QD_DetailName">1</span>
            </td>
            <td>
              <el-input type="text"></el-input>
            </td>
            <td>
              <el-input type="text"></el-input>
            </td>
            <td>
              <el-input type="text"></el-input>
            </td>
          </tr>
          <tr>
            <td align="center">3</td>
            <td>
              <el-form-item>
                <el-select>
                  <el-option :label="$t('pub.unlimitedSel')" :value='defaultSelect'></el-option>
                  <!-- <el-option v-for="items in OfferCostPriceObj.CostCurrencyList" :label='items.CurrencyName'
                             :value='items.CurrencyId'
                             :key='items.CurrencyId'>
                  </el-option> -->
                </el-select>
              </el-form-item>
            </td>
            <td>
              <div class="CP_hotelList">合一酒店/19999</div>
              <div class="CP_hotelList">合一酒店/19999</div>
              <div class="CP_hotelList">合一酒店/19999</div>
            </td>
            <td>
              <span></span>
            </td>
            <td>
              <span class="QD_DetailName">1</span>
            </td>
            <td>
              <el-input type="text"></el-input>
            </td>
            <td>
              <el-input type="text"></el-input>
            </td>
            <td>
              <el-input type="text"></el-input>
            </td>
          </tr>
          <tr height="40">
            <td class="coast_comback">成本小计</td>
            <td class="coast_comback"></td>
            <td class="coast_comback"></td>
            <td class="coast_comback"></td>
            <td class="coast_comback"></td>
            <td class="coast_comback"></td>
            <td class="coast_comback"></td>
            <td class="coast_comback"></td>
          </tr>
        </table>
      </el-form>
    </div>
  </div>
</template>
<script>
  export default {
    props: [],
    data() {
      return {
        checkList: [
          {
            Id: 1,
            Name: "酒店"
          },
          {
            Id: 2,
            Name: "车辆"
          },
          {
            Id: 3,
            Name: "门票"
          },
          {
            Id: 4,
            Name: "餐厅"
          }
        ],
      }
    },
    methods: {

    },
    mounted() {
      
    },
    watch: {
      
    }
  };
</script>