![在这里插入图片描述](https://img-blog.csdnimg.cn/c40c617d9296452e8ba2338916280e59.png)
<el-table-column label="操作" width="350" prop="meter_warn">
<template slot-scope="scope">
<button :class="btnType(scope.row.meter_warn)" @click="upMeterId(scope.row.meter_warn,scope.row.meter_id)">
{{ scope.row.meter_warn == 0 ? '关闭报警' : '开启报警' }}
</button>
<el-button size="mini" type="primary"
:disabled="scope.row.meter_type!==1&&scope.row.meter_type!==2100&&scope.row.meter_type!==999"
@click="setTwoMeterDate(scope.$index, scope.row)">添加二级仪表
</el-button>
<el-button size="mini" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
<el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
</template>
</el-table-column>
btnType(i) {
switch (i) {
case 0:
return 'red'
case 1:
return 'green'
}
},
.red {
color: red;
border: none;
background: transparent;
font-size: 16px;
}
.green {
color: green;
border: none;
background: transparent;
font-size: 16px;
}