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' }"
>
-
+
+
+
+