<!--
 * @Description: 进气口配置
 * @Author: 王晓颖
 * @Date:
 -->
<template>
  <el-table :data="data" size="small">
    <el-table-column :label="title" align="center">
      <el-table-column prop="qiyuanname" align="center" label="气源" width="100px"></el-table-column>
      <el-table-column prop="zhanchangname" align="center" label="站场" width="160px"></el-table-column>
      <el-table-column prop="inPressure" align="center" label="进站压力">
        <template slot-scope="scope">
          <span v-if="!scope.row.editMode">{{scope.row.inPressure}}</span>
          <span v-else><el-input v-model="scope.row.inPressure" size="small"></el-input></span>
        </template>
      </el-table-column>
      <el-table-column prop="inTemperature" align="center" label="进站温度">
        <template slot-scope="scope">
          <span v-if="!scope.row.editMode">{{scope.row.inTemperature}}</span>
          <span v-else><el-input v-model="scope.row.inTemperature" size="small"></el-input></span>
        </template>
      </el-table-column>
      <el-table-column prop="outPressure" align="center" label="出站压力">
        <template slot-scope="scope">
          <span v-if="!scope.row.editMode">{{scope.row.outPressure}}</span>
          <span v-else><el-input v-model="scope.row.outPressure" size="small"></el-input></span>
        </template>
      </el-table-column>
      <el-table-column prop="outTemperature" align="center" label="出站温度">
        <template slot-scope="scope">
          <span v-if="!scope.row.editMode">{{scope.row.outTemperature}}</span>
          <span v-else><el-input v-model="scope.row.outTemperature" size="small"></el-input></span>
        </template>
      </el-table-column>
      <el-table-column prop="flow" align="center" label="瞬时流量">
        <template slot-scope="scope">
          <span v-if="!scope.row.editMode">{{scope.row.flow}}</span>
          <span v-else><el-input v-model="scope.row.flow" size="small"></el-input></span>
        </template>
      </el-table-column>
      <el-table-column prop="output" align="center" label="实际输气量">
        <template slot-scope="scope">
          <span v-if="!scope.row.editMode">{{scope.row.output}}</span>
          <span v-else><el-input v-model="scope.row.output" size="small"></el-input></span>
        </template>
      </el-table-column>
      <el-table-column align="center" label="操作" width="80px">
        <template slot-scope="scope">
          <el-button v-if="!scope.row.editMode" size="small" plain @click="scope.row.editMode=true">编辑</el-button>
          <el-button v-else size="small" plian @click="saveRow(scope.row)">保存</el-button>
        </template>
      </el-table-column>
    </el-table-column>
  </el-table>
</template>

<script>
  export default {
    name: 'inGasConfig',
    props:{
      title:{
        type: String,
        default:''
      },
      data: {
        type:Array,
        default:()=>{
          return []
        }
      }
    },
    methods:{
      // 保存行
      saveRow(row){
        // 保存行数据
        this.$emit('save', row)
      }
    }
  }
</script>

<style rel="stylesheet/scss" lang="scss" scoped>

</style>