<el-table-column align="center" label="操作" min-width="140">
<template slot-scope="scope">
<div class="operate-gather">
<el-button size="mini" type="success">编辑</el-button>
<el-popover
class="m-l-10"
trigger="click"
placement="left"
width="220"
v-model="levelVisible[scope.$index+1]"
@show="handleStatus(scope)"
>
<div class="levelBox">
<p class="levelBoxTitle">设置权重</p>
<p class="levelBoxIpt">
<el-input-number
v-model="number"
controls-position="right"
@change="handleChange"
:min="1"
:max="10"
></el-input-number>
</p>
</div>
<div style="text-align: center; margin: 0">
<el-button
size="mini"
type="info"
@click="closePopover(scope.$index+1)"
>取消</el-button>
<el-button
type="primary"
size="mini"
@click="ensurePopover(scope.$index+1)"
>确定</el-button>
</div>
<el-button size="mini" type="info" slot="reference">设置权重</el-button>
</el-popover>
</div>
</template>
</el-table-column>
//方法
handleStatus(scope) {
// console.log(scope.row.id); //获取id
// this.levelId=scope.row.id;
},
closePopover(index) {
this.levelVisible.splice(index, 1, false);
},
ensurePopover(index) {
this.levelVisible.splice(index, 1, false);
// this.levelId当前修改权重的ID
},
handleChange(val) {
console.log(val);
}
网友评论