Skip to content

C
cms-admin
提交 d6433621 authored 作者: 王鹏飞's avatar 王鹏飞
浏览文件
操作

更新内容管理列表

上级 e3376ebb
显示空白字符变更
内嵌 并排
正在显示 包含 181 行增加 和 112 行删除
src/api/contentManage.js
浏览文件 @ d6433621
import httpRequest from '@/utils/axios'
/**
* 获取广告列表
* @param {string} type_id 类型id
* @param {number} id_title id或标题
* @param {string} project_id 项目id
*/
export function getAdList(params) {
return httpRequest.get('/api/cms/admin/v1/advertisements', { params })
}
/**
* 发布广告
* @param {string} id
* @param {number} data.is_publish 发布1 取消发布0
*/
export function publishAd(id, data) {
return httpRequest.post(`/api/cms/admin/v1/advertisement/${id}/publish`, data)
}
/**
* 获取文章列表
......@@ -15,6 +26,14 @@ export function getAdList(params) {
export function getArticleList(params) {
return httpRequest.get('/api/cms/admin/v1/articles', { params })
}
/**
* 发布文章
* @param {string} id
* @param {number} data.is_publish 发布1 取消发布0
*/
export function publishArticle(id, data) {
return httpRequest.post(`/api/cms/admin/v1/article/${id}/publish`, data)
}
/**
* 获取图文列表
......@@ -25,3 +44,11 @@ export function getArticleList(params) {
export function getImgTextList(params) {
return httpRequest.get('/api/cms/admin/v1/img-texts', { params })
}
/**
* 发布图文
* @param {string} id
* @param {number} data.is_publish 发布1 取消发布0
*/
export function publishImgText(id, data) {
return httpRequest.post(`/api/cms/admin/v1/img-text/${id}/publish`, data)
}
src/pages/content-manage/ads/index.vue
浏览文件 @ d6433621
......@@ -7,33 +7,53 @@
<el-tabs v-model="activeName" type="card" @tab-click="handleTabClick">
<el-tab-pane label="全部" name="0"></el-tab-pane>
<el-tab-pane label="待审核" name="1"></el-tab-pane>
<el-tab-pane label="已驳回" name="2"></el-tab-pane>
<el-tab-pane label="已通过" name="3"></el-tab-pane>
<el-tab-pane label="已驳回" name="3"></el-tab-pane>
<el-tab-pane label="已通过" name="2"></el-tab-pane>
</el-tabs>
<!-- 图片 -->
<template v-slot:image="scope"><img :src="scope.row.image_url" height="40" /></template>
<template v-slot:adId="scope"><span class="details-handle" @click="handleDetails(scope.row)">{{scope.row.ad_id}}</span></template>
<template v-slot:image="{ row }">
<img :src="row.web_img_uri || row.mobile_terminal_img_uri" height="40" />
</template>
<template v-slot:table-id="{ row }">
<span class="details-handle" @click="handleDetails(row)">{{ row.id }}</span>
</template>
<!-- 审核状态 -->
<template v-slot:review-status="{ row }">
<el-switch v-model="row.review_status"></el-switch>
{{ auditStatusText(row.audit_status) }}
</template>
<!-- 发布状态 -->
<template v-slot:publish-status="{ row }">
<el-switch v-model="row.publish_status"></el-switch>
<el-switch
:active-value="1"
:inactive-value="0"
v-model="row.is_publish"
@change="handlePublish(row)"
></el-switch>
</template>
<!-- 置顶状态 -->
<template v-slot:top-status="{ row }">
<el-switch v-model="row.top_status"></el-switch>
<el-switch :active-value="1" :inactive-value="0" v-model="row.is_top"></el-switch>
</template>
</table-list>
<el-drawer :visible.sync="drawerVisible" size="1100px" :destroy-on-close="true">
<template slot="title">
<h5>
{{drawTitle}}
<el-button v-if="drawFormOptions.type !== 'create'" type="primary" @click="drawFormOptions.type = 'edit'" size="mini" style="float:right;margin-right:30px;">编辑</el-button>
{{ drawTitle }}
<el-button
v-if="drawFormOptions.type !== 'create'"
type="primary"
@click="drawFormOptions.type = 'edit'"
size="mini"
style="float: right; margin-right: 30px"
>编辑</el-button
>
</h5>
</template>
<drawer-form :options="drawFormOptions" @drawFormSubmit="HandleDrawFormSubmit" @drawFormClose="drawerVisible = false">
<drawer-form
:options="drawFormOptions"
@drawFormSubmit="HandleDrawFormSubmit"
@drawFormClose="drawerVisible = false"
>
<template #form-item-review>
<el-form-item>
<el-button type="primary" @click="dialogVisible = true" size="small">审核</el-button>
......@@ -41,7 +61,7 @@
</template>
</drawer-form>
<el-dialog title="审核广告" :visible.sync="dialogVisible" width="460px" append-to-body :destroy-on-close="true">
<review-form @dialogClose="dialogVisible = false" @reviewSubmit="handleReviewSubmit"/>
<review-form @dialogClose="dialogVisible = false" @reviewSubmit="handleReviewSubmit" />
</el-dialog>
</el-drawer>
</div>
......@@ -50,12 +70,12 @@
import TableList from '@/components/TableList'
import DrawerForm from '../components/DrawerForm.vue'
import ReviewForm from '../components/ReviewForm.vue'
import { getAdList } from '@/api/contentManage'
import { getAdList, publishAd } from '@/api/contentManage'
export default {
components: { TableList, DrawerForm, ReviewForm },
data() {
return {
activeName: '0',
activeName: '',
drawerVisible: false,
projectList: [
{ project_id: '111', project_name: '官网' },
......@@ -109,44 +129,39 @@ export default {
],
columns: [
{ prop: 'image_url', label: '图片', slots: 'image' },
{ prop: 'ad_id', label: '广告ID', slots: 'adId' },
{ prop: 'id', label: '广告ID', slots: 'table-id' },
{ prop: 'title', label: '标题' },
{ prop: 'start_time', label: '开始时间' },
{ prop: 'end_time', label: '结束时间' },
{ prop: 'project_name', label: '项目' },
{ prop: 'type', label: '类型' },
{ prop: 'top', label: '权重' },
{ prop: 'author', label: '创建人' },
{ prop: 'review_status', label: '审核状态', slots: 'review-status' },
{ prop: 'publish_status', label: '发布状态', slots: 'publish-status' },
{ prop: 'top_status', label: '置顶状态/权重', slots: 'top-status' },
{ prop: 'create_time', label: '创建时间' }
],
data: [
{
image_url: 'https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png',
ad_id: '20210425001',
title: '专业化的紫荆',
start_time: '2020-01-23 14:23:34',
end_time: '2020-01-23 14:23:34',
project_name: 'sofia项目站',
type: 'banner广告',
top: '100',
author: '作者',
review_status: '1',
publish_status: '1',
top_status: '1',
create_time: '2020-01-23 14:23:34'
}
{ prop: 'project.name', label: '项目' },
{ prop: 'type.name', label: '类型' },
{ prop: 'weight', label: '权重' },
{ prop: 'sso_user.real_name', label: '创建人' },
{ prop: 'audit_status', label: '审核状态', slots: 'review-status' },
{ prop: 'is_publish', label: '发布状态', slots: 'publish-status' },
{ prop: 'is_top', label: '置顶状态/权重', slots: 'top-status' },
{ prop: 'created_at', label: '创建时间' }
]
}
}
},
methods: {
// 审核状态
auditStatusText(value) {
const map = { 1: '待审核', 2: '已通过', 3: '已驳回' }
return map[value]
},
// 接口请求之前，参数处理
beforeRequest(params) {
params.status = this.activeName
params.audit_status = this.activeName === '0' ? '' : this.activeName
return params
},
// 发布
handlePublish(row) {
publishAd(row.id, { is_publish: row.is_publish }).then(res => {
this.$message.success('更改状态成功')
})
},
handleCreate() {
this.drawFormOptions.type = 'create'
this.drawerVisible = true
......
src/pages/content-manage/article/index.vue
浏览文件 @ d6433621
......@@ -11,26 +11,46 @@
<el-tab-pane label="已通过" name="3"></el-tab-pane>
</el-tabs>
<!-- 图片 -->
<template v-slot:image="scope"><img :src="scope.row.image_url" height="40" /></template>
<template v-slot:adId="scope"><span class="details-handle" @click="handleDetails(scope.row)">{{scope.row.ad_id}}</span></template>
<template v-slot:image="{ row }">
<img :src="row.web_img_uri || row.mobile_terminal_img_uri" height="40" />
</template>
<template v-slot:table-id="{ row }">
<span class="details-handle" @click="handleDetails(row)">{{ row.id }}</span>
</template>
<!-- 审核状态 -->
<template v-slot:review-status="{ row }">
<el-switch v-model="row.review_status"></el-switch>
{{ auditStatusText(row.audit_status) }}
</template>
<!-- 发布状态 -->
<template v-slot:publish-status="{ row }">
<el-switch v-model="row.publish_status"></el-switch>
<el-switch
:active-value="1"
:inactive-value="0"
v-model="row.is_publish"
@change="handlePublish(row)"
></el-switch>
</template>
<!-- 置顶状态 -->
<template v-slot:top-status="{ row }">
<el-switch v-model="row.top_status"></el-switch>
<el-switch :active-value="1" :inactive-value="0" v-model="row.is_top"></el-switch>
</template>
<!-- 推荐状态 -->
<template v-slot:recommend-status="{ row }">
<el-switch :active-value="1" :inactive-value="0" v-model="row.is_recommend"></el-switch>
</template>
</table-list>
<el-drawer :visible.sync="drawerVisible" size="1100px" :destroy-on-close="true">
<template slot="title">
<h5>
{{drawTitle}}
<el-button v-if="drawFormOptions.type !== 'create'" type="primary" @click="drawFormOptions.type = 'edit'" size="mini" style="float:right;margin-right:30px;">编辑</el-button>
{{ drawTitle }}
<el-button
v-if="drawFormOptions.type !== 'create'"
type="primary"
@click="drawFormOptions.type = 'edit'"
size="mini"
style="float: right; margin-right: 30px"
>编辑</el-button
>
</h5>
</template>
<drawer-form :options="drawFormOptions">
......@@ -41,7 +61,7 @@
</template>
</drawer-form>
<el-dialog title="审核文章" :visible.sync="dialogVisible" width="460px" append-to-body :destroy-on-close="true">
<review-form @dialogClose="dialogVisible = false" @reviewSubmit="handleReviewSubmit"/>
<review-form @dialogClose="dialogVisible = false" @reviewSubmit="handleReviewSubmit" />
</el-dialog>
</el-drawer>
</div>
......@@ -49,7 +69,7 @@
<script>
import DrawerForm from '../components/DrawerForm.vue'
import TableList from '@/components/TableList'
import { getArticleList } from '@/api/contentManage'
import { getArticleList, publishArticle } from '@/api/contentManage'
export default {
data() {
return {
......@@ -106,45 +126,41 @@ export default {
],
columns: [
{ prop: 'image_url', label: '图片', slots: 'image' },
{ prop: 'ad_id', label: '广告ID', slots: 'adId' },
{ prop: 'id', label: '文章ID', slots: 'table-id' },
{ prop: 'title', label: '标题' },
{ prop: 'start_time', label: '开始时间' },
{ prop: 'end_time', label: '结束时间' },
{ prop: 'project_name', label: '项目' },
{ prop: 'type', label: '类型' },
{ prop: 'top', label: '权重' },
{ prop: 'author', label: '创建人' },
{ prop: 'review_status', label: '审核状态', slots: 'review-status' },
{ prop: 'publish_status', label: '发布状态', slots: 'publish-status' },
{ prop: 'top_status', label: '置顶状态/权重', slots: 'top-status' },
{ prop: 'create_time', label: '创建时间' }
],
data: [
{
image_url: 'https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png',
ad_id: '20210425001',
title: '专业化的紫荆',
start_time: '2020-01-23 14:23:34',
end_time: '2020-01-23 14:23:34',
project_name: 'sofia项目站',
type: 'banner广告',
top: '100',
author: '作者',
review_status: '1',
publish_status: '1',
top_status: '1',
create_time: '2020-01-23 14:23:34'
}
{ prop: 'project.name', label: '项目' },
{ prop: 'type.name', label: '类型' },
{ prop: 'weight', label: '权重' },
{ prop: 'sso_user.real_name', label: '创建人' },
{ prop: 'audit_status', label: '审核状态', slots: 'review-status' },
{ prop: 'is_show', label: '发布状态', slots: 'publish-status' },
{ prop: 'is_top', label: '置顶状态/权重', slots: 'top-status' },
{ prop: 'is_recommend', label: '推荐状态', slots: 'recommend-status' },
{ prop: 'created_at', label: '创建时间' }
]
}
}
},
components: { TableList, DrawerForm },
methods: {
// 审核状态
auditStatusText(value) {
const map = { 1: '待审核', 2: '已通过', 3: '已驳回' }
return map[value]
},
// 接口请求之前，参数处理
beforeRequest(params) {
params.status = this.activeName
params.audit_status = this.activeName === '0' ? '' : this.activeName
return params
},
// 发布
handlePublish(row) {
publishArticle(row.id, { is_publish: row.is_publish }).then(res => {
this.$message.success('更改状态成功')
})
},
handleCreate() {
this.drawFormOptions.type = 'create'
this.drawerVisible = true
......
src/pages/content-manage/image-text/index.vue
浏览文件 @ d6433621
......@@ -11,26 +11,42 @@
<el-tab-pane label="已通过" name="3"></el-tab-pane>
</el-tabs>
<!-- 图片 -->
<template v-slot:image="scope"><img :src="scope.row.image_url" height="40" /></template>
<template v-slot:adId="scope"><span class="details-handle" @click="handleDetails(scope.row)">{{scope.row.ad_id}}</span></template>
<template v-slot:image="{ row }">
<img :src="row.web_img_uri || row.mobile_terminal_img_uri" height="40" />
</template>
<template v-slot:table-id="{ row }">
<span class="details-handle" @click="handleDetails(row)">{{ row.id }}</span>
</template>
<!-- 审核状态 -->
<template v-slot:review-status="{ row }">
<el-switch v-model="row.review_status"></el-switch>
{{ auditStatusText(row.audit_status) }}
</template>
<!-- 发布状态 -->
<template v-slot:publish-status="{ row }">
<el-switch v-model="row.publish_status"></el-switch>
<el-switch
:active-value="1"
:inactive-value="0"
v-model="row.is_publish"
@change="handlePublish(row)"
></el-switch>
</template>
<!-- 置顶状态 -->
<template v-slot:top-status="{ row }">
<el-switch v-model="row.top_status"></el-switch>
<el-switch :active-value="1" :inactive-value="0" v-model="row.is_top"></el-switch>
</template>
</table-list>
<el-drawer :visible.sync="drawerVisible" size="1100px" :destroy-on-close="true">
<template slot="title">
<h5>
{{drawTitle}}
<el-button v-if="drawFormOptions.type !== 'create'" type="primary" @click="drawFormOptions.type = 'edit'" size="mini" style="float:right;margin-right:30px;">编辑</el-button>
{{ drawTitle }}
<el-button
v-if="drawFormOptions.type !== 'create'"
type="primary"
@click="drawFormOptions.type = 'edit'"
size="mini"
style="float: right; margin-right: 30px"
>编辑</el-button
>
</h5>
</template>
<drawer-form :options="drawFormOptions">
......@@ -41,7 +57,7 @@
</template>
</drawer-form>
<el-dialog title="审核列表" :visible.sync="dialogVisible" width="460px" append-to-body :destroy-on-close="true">
<review-form @dialogClose="dialogVisible = false" @reviewSubmit="handleReviewSubmit"/>
<review-form @dialogClose="dialogVisible = false" @reviewSubmit="handleReviewSubmit" />
</el-dialog>
</el-drawer>
</div>
......@@ -49,7 +65,7 @@
<script>
import DrawerForm from '../components/DrawerForm.vue'
import TableList from '@/components/TableList'
import { getImgTextList } from '@/api/contentManage'
import { getImgTextList, publishImgText } from '@/api/contentManage'
export default {
data() {
return {
......@@ -107,45 +123,40 @@ export default {
],
columns: [
{ prop: 'image_url', label: '图片', slots: 'image' },
{ prop: 'ad_id', label: '广告ID', slots: 'adId' },
{ prop: 'id', label: '广告ID', slots: 'table-id' },
{ prop: 'title', label: '标题' },
{ prop: 'start_time', label: '开始时间' },
{ prop: 'end_time', label: '结束时间' },
{ prop: 'project_name', label: '项目' },
{ prop: 'type', label: '类型' },
{ prop: 'top', label: '权重' },
{ prop: 'author', label: '创建人' },
{ prop: 'review_status', label: '审核状态', slots: 'review-status' },
{ prop: 'publish_status', label: '发布状态', slots: 'publish-status' },
{ prop: 'top_status', label: '置顶状态/权重', slots: 'top-status' },
{ prop: 'create_time', label: '创建时间' }
],
data: [
{
image_url: 'https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png',
ad_id: '20210425001',
title: '专业化的紫荆',
start_time: '2020-01-23 14:23:34',
end_time: '2020-01-23 14:23:34',
project_name: 'sofia项目站',
type: 'banner广告',
top: '100',
author: '作者',
review_status: '1',
publish_status: '1',
top_status: '1',
create_time: '2020-01-23 14:23:34'
}
{ prop: 'project.name', label: '项目' },
{ prop: 'type.name', label: '类型' },
{ prop: 'weight', label: '权重' },
{ prop: 'sso_user.real_name', label: '创建人' },
{ prop: 'audit_status', label: '审核状态', slots: 'review-status' },
{ prop: 'is_show', label: '发布状态', slots: 'publish-status' },
{ prop: 'is_top', label: '置顶状态/权重', slots: 'top-status' },
{ prop: 'created_at', label: '创建时间' }
]
}
}
},
components: { TableList, DrawerForm },
methods: {
// 审核状态
auditStatusText(value) {
const map = { 1: '待审核', 2: '已通过', 3: '已驳回' }
return map[value]
},
// 接口请求之前，参数处理
beforeRequest(params) {
params.status = this.activeName
params.audit_status = this.activeName === '0' ? '' : this.activeName
return params
},
// 发布
handlePublish(row) {
publishImgText(row.id, { is_publish: row.is_publish }).then(res => {
this.$message.success('更改状态成功')
})
},
handleCreate() {
this.drawFormOptions.type = 'create'
this.drawerVisible = true
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论