数据表操作按钮美化

This commit is contained in:
yangtaihua
2020-06-07 07:46:16 +08:00
parent 5d411c021e
commit bb64ea839b
7 changed files with 15 additions and 15 deletions

View File

@@ -32,7 +32,7 @@
</el-table-column>
<el-table-column label="操作" width="250">
<template slot-scope="scope">
<el-button size="mini" type="text" @click="editAndAddField(scope.row)">编辑</el-button>
<el-button size="mini" type="primary" icon="el-icon-edit" @click="editAndAddField(scope.row)">编辑</el-button>
<el-button size="mini" type="text" :disabled="scope.$index == 0" @click="moveUpField(scope.$index)">上移</el-button>
<el-button size="mini" type="text" :disabled="(scope.$index + 1) == form.fields.length" @click="moveDownField(scope.$index)">下移</el-button>
<el-popover placement="top" v-model="scope.row.visible">
@@ -41,7 +41,7 @@
<el-button size="mini" type="text" @click="scope.row.visible = false">取消</el-button>
<el-button type="primary" size="mini" @click="deleteField(scope.$index)">确定</el-button>
</div>
<el-button size="mini" type="text" slot="reference">删除</el-button>
<el-button size="mini" type="danger" icon="el-icon-delete" slot="reference">删除</el-button>
</el-popover>
</template>
</el-table-column>