github
/
halo-admin
mirror of https://github.com/halo-dev/halo-admin
1
0
Fork 0
Code Issues Releases Wiki Activity

feat: support preset post meta field.

Browse Source
pull/59/head
ruibaby 5 years ago
parent 58f8b7792d
commit 6d77de0e96
5 changed files with 107 additions and 82 deletions
Show Stats Download Patch File Download Diff File

12
src/components/Tools/HeaderComment.vue
Unescape View File

@ -9,7 +9,7 @@
title="待审核评论"
>
<template slot="content">
<a-spin :spinning="loadding">
<a-spin :spinning="loading">
<div class="custom-tab-wrapper">
<a-tabs>
<a-tab-pane
@ -99,7 +99,7 @@ export default {
name: 'HeaderComment',
data() {
return {
loadding: false,
loading: false,
visible: false,
postComments: [],
sheetComments: []
@ -125,21 +125,21 @@ export default {
methods: {
fetchComment() {
if (!this.visible) {
this.loadding = true
this.loading = true
this.getComment()
} else {
this.loadding = false
this.loading = false
}
this.visible = !this.visible
},
getComment() {
commentApi.latestComment('posts', 5, 'AUDITING').then(response => {
this.postComments = response.data.data
this.loadding = false
this.loading = false
})
commentApi.latestComment('sheets', 5, 'AUDITING').then(response => {
this.sheetComments = response.data.data
this.loadding = false
this.loading = false
})
}
}

9
src/components/global.less
Unescape View File

@ -477,11 +477,6 @@ body {
}
// 数据列表 样式
.table-alert {
margin-bottom: 16px;
}
.table-page-search-wrapper {
.ant-form-inline {
@ -518,6 +513,10 @@ body {
}
.ant-table-thead > tr > th{
background: #fff !important;
}
.content {
.table-operator {

2
src/views/attachment/AttachmentList.vue
Unescape View File

@ -80,7 +80,7 @@
<div class="table-operator" style="margin-bottom: 0;">
<a-button
type="primary"
icon="plus"
icon="cloud-upload"
@click="()=>this.uploadVisible = true"
>上传</a-button>
</div>

5
src/views/post/PostEdit.vue
Unescape View File

@ -94,10 +94,7 @@ export default {
postToStage: {},
selectedTagIds: [],
selectedCategoryIds: [],
selectedPostMetas: [{
key: '',
value: ''
}],
selectedPostMetas: [],
isSaved: false
}
},

161
src/views/post/components/PostSettingDrawer.vue
Unescape View File

@ -73,50 +73,50 @@
<div :style="{ marginBottom: '16px' }">
<h3 class="post-setting-drawer-title">分类目录</h3>
<div class="post-setting-drawer-item">
<category-tree
v-model="selectedCategoryIds"
:categories="categories"
/>
<div>
<a-form layout="vertical">
<a-form-item v-if="categoryFormVisible">
<category-select-tree
:categories="categories"
v-model="categoryToCreate.parentId"
/>
</a-form-item>
<a-form-item v-if="categoryFormVisible">
<a-input
placeholder="分类名称"
v-model="categoryToCreate.name"
/>
</a-form-item>
<a-form-item v-if="categoryFormVisible">
<a-input
placeholder="分类路径"
v-model="categoryToCreate.slugNames"
/>
</a-form-item>
<a-form-item>
<a-button
type="primary"
style="marginRight: 8px"
v-if="categoryFormVisible"
@click="handlerCreateCategory"
>保存</a-button>
<a-button
type="dashed"
style="marginRight: 8px"
v-if="!categoryFormVisible"
@click="toggleCategoryForm"
>新增</a-button>
<a-button
v-if="categoryFormVisible"
@click="toggleCategoryForm"
>取消</a-button>
</a-form-item>
</a-form>
</div>
<a-form layout="vertical">
<a-form-item>
<category-tree
v-model="selectedCategoryIds"
:categories="categories"
/>
</a-form-item>
<a-form-item v-if="categoryFormVisible">
<category-select-tree
:categories="categories"
v-model="categoryToCreate.parentId"
/>
</a-form-item>
<a-form-item v-if="categoryFormVisible">
<a-input
placeholder="分类名称"
v-model="categoryToCreate.name"
/>
</a-form-item>
<a-form-item v-if="categoryFormVisible">
<a-input
placeholder="分类路径"
v-model="categoryToCreate.slugNames"
/>
</a-form-item>
<a-form-item>
<a-button
type="primary"
style="marginRight: 8px"
v-if="categoryFormVisible"
@click="handlerCreateCategory"
>保存</a-button>
<a-button
type="dashed"
style="marginRight: 8px"
v-if="!categoryFormVisible"
@click="toggleCategoryForm"
>新增</a-button>
<a-button
v-if="categoryFormVisible"
@click="toggleCategoryForm"
>取消</a-button>
</a-form-item>
</a-form>
</div>
</div>
<a-divider />
@ -167,28 +167,40 @@
</div>
</div>
</div>
<a-divider />
<div :style="{ marginBottom: '16px' }">
<h3 class="post-setting-drawer-title">元数据</h3>
<a-form-item
v-for="(postMeta, index) in selectedPostMetas"
:key="index"
:prop="'postMetas.' + index + '.value'"
>
<a-row :gutter="10">
<a-col :span="11">
<a-input v-model="postMeta.key"><i slot="addonBefore">K</i></a-input>
</a-col>
<a-col :span="11">
<a-input v-model="postMeta.value"><i slot="addonBefore">V</i></a-input>
</a-col>
<a-col :span="2">
<a-icon type="close" @click.prevent="removePostMeta(postMeta)"/>
</a-col>
</a-row>
</a-form-item>
<a-form-item>
<a-button @click="addPostMeta">新增</a-button>
</a-form-item>
<a-form layout="vertical">
<a-form-item
v-for="(postMeta, index) in selectedPostMetas"
:key="index"
:prop="'postMetas.' + index + '.value'"
>
<a-row :gutter="5">
<a-col :span="12">
<a-input v-model="postMeta.key"><i slot="addonBefore">K</i></a-input>
</a-col>
<a-col :span="12">
<a-input v-model="postMeta.value">
<i slot="addonBefore">V</i>
<a
href="javascript:void(0);"
slot="addonAfter"
@click.prevent="handleRemovePostMeta(postMeta)"
>
<a-icon type="close" />
</a>
</a-input>
</a-col>
</a-row>
</a-form-item>
<a-form-item>
<a-button
type="dashed"
@click="handleInsertPostMeta"
>新增</a-button>
</a-form-item>
</a-form>
</div>
<a-divider class="divider-transparent" />
</div>
@ -227,6 +239,7 @@ import AttachmentSelectDrawer from '../../attachment/components/AttachmentSelect
import { mapGetters } from 'vuex'
import categoryApi from '@/api/category'
import postApi from '@/api/post'
import themeApi from '@/api/theme'
export default {
name: 'PostSettingDrawer',
mixins: [mixin, mixinDevice],
@ -317,6 +330,7 @@ export default {
if (newValue) {
this.loadSkeleton()
this.loadCategories()
this.loadPresetMetasField()
}
}
},
@ -347,6 +361,21 @@ export default {
this.categories = response.data.data
})
},
loadPresetMetasField() {
if (this.postMetas.length <= 0) {
themeApi.getActivatedTheme().then(response => {
const fields = response.data.data.postMetaField
if (fields && fields.length > 0) {
for (let i = 0, len = fields.length; i < len; i++) {
this.selectedPostMetas.push({
value: '',
key: fields[i]
})
}
}
})
}
},
handleSelectPostThumb(data) {
this.selectedPost.thumbnail = encodeURI(data.path)
this.thumbDrawerVisible = false
@ -433,13 +462,13 @@ export default {
onPostDateOk(value) {
this.selectedPost.createTime = value.valueOf()
},
removePostMeta(item) {
handleRemovePostMeta(item) {
var index = this.selectedPostMetas.indexOf(item)
if (index !== -1) {
this.selectedPostMetas.splice(index, 1)
}
},
addPostMeta() {
handleInsertPostMeta() {
this.selectedPostMetas.push({
value: '',
key: ''

Write Preview
Loading…
Cancel
Save