diff --git a/src/views/content/article/columns.ts b/src/views/content/article/columns.ts index be37aef..a1ec7e3 100644 --- a/src/views/content/article/columns.ts +++ b/src/views/content/article/columns.ts @@ -1,5 +1,5 @@ import { h } from 'vue'; -import { ElTag } from 'element-plus'; +import { ElAvatar, ElTag } from 'element-plus'; export const columns = [ { @@ -7,22 +7,41 @@ export const columns = [ }, { label: 'ID', - prop: 'id' + prop: 'id', + width: 100, }, { label: '文章标题', prop: 'title', + width: 300, render(record) { return h('a', { href: 'http://www.baidu.com', target:"_blank" - },record.row.title); + }, record.row.title); }, }, + { + label: '文章封面', + prop: 'cover', + render(record) { + return h(ElAvatar, { + size: 48, + src: record.row.cover, + shape: 'square', + fit: 'fill', + }); + }, + width: 100, + }, { label: '文章分类', prop: 'categoryName', }, + { + label: '文章作者', + prop: 'author', + }, // { // label: '文章链接', // value:'articelLink', @@ -32,9 +51,25 @@ export const columns = [ label: '文章状态', prop: 'status', render(record) { - return h('span', record.row.status === 1 ? '下架' : '正常') + return h( + ElTag, + { + type: record.row.status === 0 ? 'success' : 'danger', + }, + { + default: () => (record.row.status === 0 ? '正常' : '下架'), + }, + ); }, }, + { + label: '点击率', + prop: 'click', + }, + { + label: '文章排序', + prop: 'sort', + }, { label: '创建人', prop: 'createUser', @@ -42,5 +77,6 @@ export const columns = [ { label: '创建时间', prop: 'createTime', + width: 180, }, ]; diff --git a/src/views/content/article/edit.vue b/src/views/content/article/edit.vue index 11f6407..233aa28 100644 --- a/src/views/content/article/edit.vue +++ b/src/views/content/article/edit.vue @@ -19,7 +19,14 @@ prop="title" :rules="{ required: true,message: '请输入文章标题', trigger: 'blur' }" > - + + + +