第一列选择机型配置信息后,将该选择应用于以下列
<el-table :data="turbineTableData" max-height="500" style="width:95%" border size="mini">
<el-table-column prop="label" label="风机编号"></el-table-column>
<el-table-column prop="x" label="X"></el-table-column>
<el-table-column prop="y" label="y"></el-table-column>
<el-table-column prop="hubHeight" label="轮毂高度"></el-table-column>
<el-table-column label="选择机型" width="130px">
<template slot-scope="{row, column, $index }">
<el-button class="tablebtn" size="mini" type="primary"
@click="handleTurbinedialog($index)">选择机型
</el-button>
</template>
</el-table-column>
<el-table-column label="执行操作" width="220px">
<template slot-scope="{row, column, $index }">
<div v-if="$index!=turbineTableData.length-1">
<el-button class="tablebtn" size="mini" type="primary"
:disabled="JSON.stringify(tablelistPushModel[$index])=='{}'"
@click="handleCopy(0, $index)">应用于下述
</el-button>
</div>
</template>
</el-table-column>
</el-table>
//data
turbineTableData: [ //表格数据
{label: 'FJ1', x: '39460937', y: '4208040', hubHeight: '120'},
{label: 'FJ2', x: '39460937', y: '4208040', hubHeight: '120'},
{label: 'FJ3', x: '39460937', y: '4208040', hubHeight: '120'},
],
tablelistPushModel: [{}, {}, {}], //用户选择信息集
formTurbine: {}, //当前用户机型选择信息
//为以下机位点执行此操作
handleCopy(index) {
let vm = this;
this.$confirm('此操作将当前选项应用于下列, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
center: true
}).then(() => {
let list = Object.assign([], vm.tablelistPushModel);
for (let i = 0, len = list.length; i < len; i++) {
if (i > index) {
vm.$set(vm.tablelistPushModel, i, list[index]);
}
}
}).catch(() => {
this.$message({type: 'info', message: '已取消应用'});
});
},