<template>
  <div style="margin-top:10px">
    <el-button type="primary" icon="el-icon-s-tools" round @click="dialogTableVisible = true">测试远程固件升级</el-button>
    <el-dialog title="配件升级" :visible.sync="dialogTableVisible">
      <el-table
        :data="firmwareList"
        border
        stripe
        ref="firmwareList"
        @row-click="singleElection">
        <el-table-column width="65">
            <template slot-scope="scope">
                <el-radio class="radio" v-model="templateSelection" >&nbsp;</el-radio>
            </template>
        </el-table-column>
        <el-table-column prop="name" label="固件名称"></el-table-column>
        <el-table-column prop="description" label="固件描述"></el-table-column>
        <el-table-column prop="filePath" label="路径"></el-table-column>
      </el-table>  
      <div style="margin-top: 20px">
        <el-button type="primary" @click="submit">提交</el-button>
        <el-button>取消选择</el-button>
      </div>
    </el-dialog>  
  </div>
</template>

<script>
import { listFirmware } from "@/api/pile/firmware";
import {updateFirmware} from "@/api/pile/pileRemote";
export default {
  props:['pileSn'],
  data() {
    return {
      templateSelection: '',
      templateRadioId: null,
      dialogTableVisible: false,
       queryParams: {
                pageNum: 1,
                pageSize: 10,
                name: null,
            },
        multipleSelection: [],
        firmwareList:[]
    };
  },
  methods: {
    submit(){
      //  console.log('接收传递的 pileSn',this.pileSn,this.templateRadioId);
      const data = {
        pileSns: [this.pileSn],
        firmwareId: this.templateRadioId
      };
      console.log("远程升级固件:", data);
      updateFirmware(data).then((response) => {
        console.log("updateFirmware结果：", response);
      });
    },
      getList() {
            this.loading = true;
            listFirmware(this.queryParams).then(response => {
              console.log('查询固件接口 firmwareList',response)
                this.firmwareList = response.rows;
                this.total = response.total;
                this.loading = false;
            });
        },
      singleElection (row) {
        this.templateSelection = this.firmwareList.indexOf(row);
        this.templateRadioId = row.id;
        // console.log('this.templateRadio',this.templateRadioId)
      },
  },
  created() {
    // this.getList()
  }
}
</script>

<style>

</style>