| | |
|---|
| | | <el-table-column prop="createTime" label="创建时间" width="180" /> |
|---|
| | | <el-table-column label="操作" width="120" fixed="right"> |
|---|
| | | <template #default="{ row }"> |
|---|
| | | <el-button type="primary" size="small" @click="handleEdit(row)" :icon="Edit" circle title="编辑"></el-button> |
|---|
| | | <el-button type="danger" size="small" @click="handleDelete(row)" :icon="Delete" circle title="删除"></el-button> |
|---|
| | | <el-button text size="small" @click="handleEdit(row)" :icon="Edit" class="action-btn edit-btn" title="编辑"></el-button> |
|---|
| | | <el-button text size="small" @click="handleDelete(row)" :icon="Delete" class="action-btn delete-btn" title="删除"></el-button> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | </el-table> |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 操作按钮样式 */ |
|---|
| | | .action-btn { |
|---|
| | | padding: 8px !important; |
|---|
| | | margin: 0 6px; |
|---|
| | | border-radius: 6px; |
|---|
| | | transition: all 0.2s ease; |
|---|
| | | background: transparent !important; |
|---|
| | | border: none !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .edit-btn { |
|---|
| | | color: #409eff !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .edit-btn:hover { |
|---|
| | | color: #337ecc !important; |
|---|
| | | background: rgba(64, 158, 255, 0.1) !important; |
|---|
| | | transform: scale(1.2); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .delete-btn { |
|---|
| | | color: #f56c6c !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .delete-btn:hover { |
|---|
| | | color: #dd6161 !important; |
|---|
| | | background: rgba(245, 108, 108, 0.1) !important; |
|---|
| | | transform: scale(1.2); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .header-actions { |
|---|
| | | display: flex; |
|---|
| | | gap: 10px; |
|---|
