提交 5050ed24 编写于 作者: guangjun.yang's avatar guangjun.yang

新建广告位

上级 1e5509eb
......@@ -39,7 +39,6 @@ const reviewAccessManage = r => require.ensure([], () => r(require('../views/cme
const creditSendManage = r => require.ensure([], () => r(require('../views/cme/credit-send-manage.vue')), 'credit-send-manage')
const applyDetail = r => require.ensure([], () => r(require('../views/cme/apply-detail.vue')), 'apply-detail')
const templateManager = r => require.ensure([], () => r(require('../views/education/template-manager.vue')), 'ctemplate-manager')
const templateEditor = r => require.ensure([], () => r(require('../views/education/template-editor.vue')), 'template-editor')
const templateOpen = r => require.ensure([], () => r(require('../views/education/template-open.vue')), 'templateOpen')
......@@ -47,9 +46,8 @@ const eduRole = r => require.ensure([], () => r(require('../views/education/edu-
const editCustom = r => require.ensure([], () => r(require('../views/education/edit-custom.vue')), 'templateOpen')
const externalResourceManage = r => require.ensure([], () => r(require('../views/education/external-resource-manage.vue')), 'external-resource-manage')
const auditCustomCourse = r => require.ensure([], () => r(require('../views/education/audit-custom-course.vue')), 'audit-custom-course')
const advertSimpleManage = r => require.ensure([], () => r(require('../views/education/advert-simple-manage.vue')), 'advert-simple-manage')
const editSimpleManage = r => require.ensure([], () => r(require('../views/education/edit-simple-manage.vue')), 'edit-simple-manage')
const advertSimpleManage = r => require.ensure([], () => r(require('../views/education/advert/advert-simple-manage.vue')), 'advert-simple-manage')
const editSimpleAdvert = r => require.ensure([], () => r(require('../views/education/advert/edit-simple-advert.vue')), 'edit-simple-advert')
const noticeEditor = r => require.ensure([], () => r(require('../views/education/notice-editor.vue')), 'notice-editor')
......@@ -241,8 +239,8 @@ export default [{
component: advertSimpleManage,
},
{
path: '/edit-simple-manage',
component: editSimpleManage,
path: '/edit-simple-advert',
component: editSimpleAdvert,
},
// {
// path: '/followup',
......
<template>
<div class="review-access-wrap">
<div class="advert-simple-wrap">
<bread-crumb :curmbFirst="curmbFirst"></bread-crumb>
<div class="review-access screenSet" id="screenSet">
<div class="header-title">广告位管理</div>
<el-form ref="form" :model="searchForm" label-width="100px" class="search-form-wrap">
<el-row>
<el-form-item label="所属项目:" class="search-item" >
<el-input v-model="searchForm.courseName" size="small" class="form-width" placeholder="请输入课程名称"></el-input>
<el-form-item label="所属项目:" class="search-item">
<el-input
v-model="searchForm.projectName"
size="small"
class="form-width"
placeholder="请输入项目名称"
></el-input>
</el-form-item>
<el-form-item label="状态:" class="search-item">
<el-select v-model="searchForm.status" placeholder="请选择" size="small" class="form-width">
<el-option v-for="(item, index) in statusList" :key="index" :label="item.name" :value="item.value"></el-option>
<el-select
v-model="searchForm.status"
placeholder="请选择"
size="small"
class="form-width"
>
<el-option
v-for="(item, index) in statusList"
:key="index"
:label="item.name"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item class="btn-list">
<el-button @click="search()" type="primary" size="small">查询</el-button>
<el-button @click="reset" size="small">重置</el-button>
<el-button @click="search()" type="primary" size="small"> </el-button>
<el-button @click="reset" size="small"> </el-button>
</el-form-item>
</el-row>
<el-row style="float: right;">
<el-button @click="addAdvert()" type="primary" size="small">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;新建广告位&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</el-button>
</el-row>
</el-form>
<el-table :data="tableList" border style="width: 100%">
<el-table-column align="center" prop="id" label="广告位编号"></el-table-column>
<el-table-column align="center" prop="pageType" label="页面类型" ></el-table-column>
<el-table-column align="center" prop="projectName" label="所属项目" ></el-table-column>
<el-table-column align="center" prop="position" label="页面位置" ></el-table-column>
<el-table-column align="center" prop="status" label="审核状态" >
<el-table-column align="center" prop="pageType" label="页面类型">
<template slot-scope="scope">
<span>{{scope.row.pageType == 0 ? '项目列表页' : '项目详情页'}}</span>
</template>
</el-table-column>
<el-table-column align="center" prop="projectName" label="所属项目"></el-table-column>
<el-table-column align="center" prop="position" label="页面位置">
<template slot-scope="scope">
<span>{{scope.row.position == 0 ? '顶部广告位' : '底部广告位'}}</span>
</template>
</el-table-column>
<el-table-column align="center" prop="status" label="审核状态">
<template slot-scope="scope">
<span v-html="getHtmlStatus(scope.row.status)"></span>
</template>
</el-table-column>
<el-table-column align="center" label="操作">
<template slot-scope="scope">
<el-button @click="editAdvert(scope.row)" type="text" size="small"><span style="color: #449284;">编辑</span></el-button>
<el-button @click="editAdvert(scope.row)" type="text" size="small">
<span style="color: #449284;">编辑</span>
</el-button>
</template>
</el-table-column>
<div slot="empty">
<div class="table-empty">
<img src="../../assets/image/no-content1.png">
<img src="../../../assets/image/no-content1.png" />
<p>没有查询到数据</p>
</div>
</div>
......@@ -52,63 +81,55 @@
:current-page="searchForm.pageNo"
:page-sizes="[15, 30, 50, 100]"
:page-size="searchForm.pageSize"
layout="total, sizes, prev, pager, next, jumper">
</el-pagination>
layout="total, sizes, prev, pager, next, jumper"
></el-pagination>
</div>
</div>
</div>
</template>
<script>
import { openLoading, closeLoading } from "../../utils/utils";
import BreadCrumb from "../../components/breadcrumb.vue";
import * as commonUtil from "../../utils/utils";
import {
handleDeleteReq,
} from '@/utils/cme/cmeApi'
import { openLoading, closeLoading } from "../../../utils/utils";
import BreadCrumb from "../../../components/breadcrumb.vue";
import * as commonUtil from "../../../utils/utils";
import { handleDeleteReq } from "@/utils/cme/cmeApi";
export default {
export default {
data() {
return {
curmbFirst: "广告位管理",
// curmbSecond: "广告位管理",
totalRows: 0,
addEditVisible: false,
isAdd: true, // 新增或编辑状态:新增 true; 编辑 false
deleteVisible: false,
currentRow: null, // 当前行数据
searchForm: {
projectId: '',
projectName: "",
status: -1,
pageNo: 1,
pageSize: 15,
},
auditForm: {
auditRadio: '',
desc: '',
pageSize: 15
},
statusList: [
{
name: '全部',
name: "全部",
value: -1
},{
name: '未发布',
},
{
name: "未发布",
value: 0
},{
name: '已发布',
},
{
name: "已发布",
value: 1
},{
name: '已下线',
},
{
name: "已下线",
value: 2
}
],
tableList: [],
}
tableList: []
};
},
components: {
BreadCrumb,
BreadCrumb
},
created() {
......@@ -118,28 +139,26 @@
commonUtil.resizeHeight();
},
methods: {
//
getHtmlStatus(status) {
if(status == 0) {
if (status == 0) {
return `<span style="color:#666666;">未发布</span>`;
} else if(status == 1) {
return `<span style="color:#D0021B;">已发布</span>`;
} else if(status == 2) {
return `<span style="color:#417505;">已下线</span>`;
} else if (status == 1) {
return `<span style="color:#417505;">已发布</span>`;
} else if (status == 2) {
return `<span style="color:#D0021B;">已下线</span>`;
} else {
return ''
return "";
}
},
// 查询列表
search() {
let searchForm = Object.assign({}, this.searchForm);
this.GET("contents/course/custom/check/v1/list", searchForm).then(res => {
this.GET("portal/jump/list", searchForm).then(res => {
if (res.code == "000000") {
this.tableList = res.data && res.data.courseList || [];
this.tableList = (res.data && res.data.list) || [];
this.totalRows = res.data.totalSize || 0;
// this.protocolInfo = res.data;
}
});
},
......@@ -147,50 +166,50 @@
// 重置
reset() {
this.searchForm = {
projectId: '',
projectId: "",
status: -1,
pageNo: 1,
pageSize: 15,
pageSize: 15
};
},
// 查看
editAdvert(row) {
// 新增
addAdvert() {
this.$router.push({
path: 'edit-simple-manage',
query: {
id: row.id,
}
})
path: "edit-simple-advert",
query: { id: null }
});
},
// 重置
resetForm(formName) {
this.$refs[formName].resetFields();
// 查看
editAdvert(row) {
this.$router.push({
path: "edit-simple-advert",
query: { id: row.id }
});
},
// 切换每页个数
handleSizeChange(val){
handleSizeChange(val) {
this.searchForm.pageSize = val;
this.search();
},
// 切换当前页
handleCurrentChange(val){
handleCurrentChange(val) {
this.searchForm.pageNo = val;
this.search();
},
},
}
}
};
</script>
<style lang="scss">
.review-access-wrap{
.review-access{
.advert-simple-wrap {
.review-access {
padding: 10px;
background: #fff;
.el-button--small{
.el-button--small {
font-size: 14px;
}
.header-title {
......@@ -199,21 +218,21 @@
color: #606266;
border-bottom: 1px solid #efefef;
}
.search-form-wrap{
.search-form-wrap {
padding: 25px 0 20px;
overflow: hidden;
// border-bottom: 1px dashed #efefef;
}
.search-item{
.search-item {
float: left;
}
.btn-list{
.btn-list {
float: right;
.el-form-item__content{
.el-form-item__content {
margin-left: 0 !important;
}
}
.new-add{
.new-add {
float: right;
margin: 10px 0 20px;
}
......@@ -226,5 +245,5 @@
}
}
}
}
}
</style>
\ No newline at end of file
此差异已折叠。
此差异已折叠。
......@@ -473,11 +473,11 @@
vm.items[1].subs.push(itemComponent);
vm.items[1].subs.push(templateManager);
vm.items[1].subs.push(followSider);
vm.items[1].subs.push(advertSimpleManage);
vm.items.push(eduRole);
vm.items.push(cme);
vm.items.push(yqRange);
vm.items.push(outResourceManage);
vm.items.push(advertSimpleManage);
},
goToMessageSendPage(checkAuth) {
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册