<template>
  <div>
    <data-grid :model="model" partial='list' v-ref:grid class="list_area table_sy">
      <template partial='head'>
        <tr>
          <th><nobr>气价类型</nobr></th>
          <th><nobr>气价名称</nobr></th>
          <th><nobr>生效日期</nobr></th>
          <th><nobr>截止日期</nobr></th>
          <th><nobr>气价状态</nobr></th>
        </tr>
      </template>
      <template partial='body'>
       <tr>
         <td style="text-align:center">{{row.f_price_type}}</td>
         <td style="text-align:center">{{row.f_price_name}}</td>
         <td style="text-align:center">{{row.f_perform_date}}</td>
         <td style="text-align:center">{{row.f_end_date}}</td>
         <td style="text-align:center">{{row.f_price_state}}</td>
       </tr>
     </template>
     <template partial='foot'></template>
   </data-grid>
  </div>
</template>

<script>
/**
*阶梯气价相关信息组件
*/

export default {
  props: ['data', 'parentData'],
  data () {
    return {
      model: {
        rows: []
      }
    }
  },
  watch: {
    'parentData' (val) {
      this.f_price_id = this.data.f_price_id
      this.getUpdate()
    }
  },
  ready () {
    this.f_price_id = this.data.f_price_id
    this.getUpdate()
  },
  methods: {
    async getUpdate () {

      // 获取这个气价的所有记录
      let data = {
        f_price_id: this.f_price_id,
        f_filialeid: this.data.f_filialeid
      }

      let res = await this.$resetpost('rs/logic/gasUpdateInfo', {data: data}, {rejectMsg: '获取气价记录出错', resolveMsg: null})

      this.model.rows = res.data
    }
  }
}
</script>
<style>

</style>
