<template>
  <div class="flex">
    <mix-price-info :data="data" v-if="data.f_price_type === '固定气价'"></mix-price-info>
    <stairinfo :data="data" v-if="data.f_price_type === '阶梯气价'"></stairinfo>
    <safe-check :data="data"></safe-check>
  </div>
</template>

<script>
/**
*客户相关信息
*/

import MixPriceInfo from './MixPriceInfo'
import SafeCheck from './SafeCheck'
export default {
  title: '客户相关信息',
  data () {
    return {
    }
  },
  components: {MixPriceInfo, SafeCheck},
  props: {
    data: {
      type: Object
    },
    cardData: {
      type: Object,
      default: function () {
        return {}
      }
    }
  },
  methods:{
    dealMsg (obj) {
      this.$dispatch('deal-msg', obj)
    }
  },
}
</script>
<style lang="less">
  #mulit-info-class {
    width: 280px;
    margin-right: 20px;
    overflow-y: auto;
    > div {
      height: auto;
      margin-bottom: 8px;
    }
  }
  // 内容显示样式
  .control-label {
    height: 23px;
    border-right: 1px solid #F2F6FA;
    margin-bottom: 0;
    text-align: left;
  }

  .info-content {
    padding:6px;
    span {
      padding-left: 5px;
    }
  }
// 信息区域的表格显示紧凑
  .self-table > tbody > tr > td {
    padding: 3px;
    text-align: center;
  }
</style>
