|
@@ -3,7 +3,7 @@
|
|
|
<div class="mod-home">
|
|
<div class="mod-home">
|
|
|
<div class="page-title">{{ title }}</div>
|
|
<div class="page-title">{{ title }}</div>
|
|
|
<div class="btns adf">
|
|
<div class="btns adf">
|
|
|
- <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增广告位</el-button>
|
|
|
|
|
|
|
+ <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增banner图</el-button>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<el-table :data="dataList" border cell-class-name="vertical-top-cell" v-loading="loading" empty-text="暂无广告" max-height="578px" style="margin-top: 18px;">
|
|
<el-table :data="dataList" border cell-class-name="vertical-top-cell" v-loading="loading" empty-text="暂无广告" max-height="578px" style="margin-top: 18px;">
|
|
@@ -12,7 +12,7 @@
|
|
|
{{ scope.$index + 1 }}
|
|
{{ scope.$index + 1 }}
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column label="广告位位置" prop="space">
|
|
|
|
|
|
|
+ <el-table-column label="banner图位置" prop="space">
|
|
|
<template #default="{ row }">{{ spaceCfg[row.space]||'' }}</template>
|
|
<template #default="{ row }">{{ spaceCfg[row.space]||'' }}</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
<el-table-column label="图片" prop="fileUrl">
|
|
<el-table-column label="图片" prop="fileUrl">
|
|
@@ -20,7 +20,7 @@
|
|
|
<img :src="row.fileUrl" v-if="row.fileUrl" style="width: 130px;height: auto;" @click="showBigImg(row.fileUrl)">
|
|
<img :src="row.fileUrl" v-if="row.fileUrl" style="width: 130px;height: auto;" @click="showBigImg(row.fileUrl)">
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column label="广告位标题" prop="title"></el-table-column>
|
|
|
|
|
|
|
+ <el-table-column label="banner图标题" prop="title"></el-table-column>
|
|
|
<el-table-column label="跳转链接" prop="redirect"></el-table-column>
|
|
<el-table-column label="跳转链接" prop="redirect"></el-table-column>
|
|
|
<!-- <el-table-column label="点击量" prop="xx"></el-table-column> -->
|
|
<!-- <el-table-column label="点击量" prop="xx"></el-table-column> -->
|
|
|
<el-table-column label="创建时间" prop="createDate"></el-table-column>
|
|
<el-table-column label="创建时间" prop="createDate"></el-table-column>
|
|
@@ -48,20 +48,20 @@
|
|
|
</el-pagination>
|
|
</el-pagination>
|
|
|
<el-dialog width="40%" :visible.sync="show" :title="dialogTitle" @close="cancel">
|
|
<el-dialog width="40%" :visible.sync="show" :title="dialogTitle" @close="cancel">
|
|
|
<el-form ref="advertRef" :model="advertForm" :rules="advertRules" label-width="100px" style="width: 90%;margin: 0 auto;">
|
|
<el-form ref="advertRef" :model="advertForm" :rules="advertRules" label-width="100px" style="width: 90%;margin: 0 auto;">
|
|
|
- <el-form-item label="广告位位置" prop="space">
|
|
|
|
|
- <el-select v-model="advertForm.space" placeholder="请选择广告位位置" style="width:100%">
|
|
|
|
|
|
|
+ <el-form-item label="banner图位置" prop="space">
|
|
|
|
|
+ <el-select v-model="advertForm.space" placeholder="请选择banner图位置" style="width:100%">
|
|
|
<el-option label="首页" :value="1"></el-option>
|
|
<el-option label="首页" :value="1"></el-option>
|
|
|
<el-option label="发布问卷" :value="2"></el-option>
|
|
<el-option label="发布问卷" :value="2"></el-option>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <!-- <el-form-item label="广告位类型" prop="type">
|
|
|
|
|
- <el-select v-model="advertForm.type" placeholder="请选择广告位类型" style="width:100%">
|
|
|
|
|
|
|
+ <!-- <el-form-item label="banner图类型" prop="type">
|
|
|
|
|
+ <el-select v-model="advertForm.type" placeholder="请选择banner图类型" style="width:100%">
|
|
|
<el-option label="banner区" :value="1"></el-option>
|
|
<el-option label="banner区" :value="1"></el-option>
|
|
|
<el-option label="弹框" :value="2"></el-option>
|
|
<el-option label="弹框" :value="2"></el-option>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item> -->
|
|
</el-form-item> -->
|
|
|
- <el-form-item label="广告位标题" prop="title">
|
|
|
|
|
- <el-input v-model="advertForm.title" placeholder="请输入广告位标题"></el-input>
|
|
|
|
|
|
|
+ <el-form-item label="banner图标题" prop="title">
|
|
|
|
|
+ <el-input v-model="advertForm.title" placeholder="请输入banner图标题"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="配图" prop="" class="red">
|
|
<el-form-item label="配图" prop="" class="red">
|
|
|
<el-upload
|
|
<el-upload
|
|
@@ -90,7 +90,7 @@
|
|
|
<el-button @click="cancel" style="margin-right: 5%;">取 消</el-button>
|
|
<el-button @click="cancel" style="margin-right: 5%;">取 消</el-button>
|
|
|
</div>
|
|
</div>
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
- <el-dialog width="40%" :visible.sync="bigShow" title="广告位图片" @close="bigShow=false">
|
|
|
|
|
|
|
+ <el-dialog width="40%" :visible.sync="bigShow" title="banner图图片" @close="bigShow=false">
|
|
|
<img :src="bigImg" style="width: 100%;height: auto;">
|
|
<img :src="bigImg" style="width: 100%;height: auto;">
|
|
|
<div class="demo-drawer__footer" style="display: flex;justify-content: end;margin-top: 50px;">
|
|
<div class="demo-drawer__footer" style="display: flex;justify-content: end;margin-top: 50px;">
|
|
|
<el-button @click="bigShow=false" style="margin-right: 5%;">关 闭</el-button>
|
|
<el-button @click="bigShow=false" style="margin-right: 5%;">关 闭</el-button>
|
|
@@ -127,7 +127,7 @@ export default {
|
|
|
show: false,
|
|
show: false,
|
|
|
bigShow: false,
|
|
bigShow: false,
|
|
|
bigImg: '',
|
|
bigImg: '',
|
|
|
- dialogTitle: '新增广告位',
|
|
|
|
|
|
|
+ dialogTitle: '新增banner图',
|
|
|
advertForm: {
|
|
advertForm: {
|
|
|
id: '',
|
|
id: '',
|
|
|
space: '',
|
|
space: '',
|
|
@@ -140,10 +140,10 @@ export default {
|
|
|
},
|
|
},
|
|
|
advertRules: {
|
|
advertRules: {
|
|
|
space: [
|
|
space: [
|
|
|
- { required: true, message: '请选择广告位位置', trigger: 'change' }
|
|
|
|
|
|
|
+ { required: true, message: '请选择banner图位置', trigger: 'change' }
|
|
|
],
|
|
],
|
|
|
title: [
|
|
title: [
|
|
|
- { required: true, message: '请输入广告位标题', trigger: 'blur' }
|
|
|
|
|
|
|
+ { required: true, message: '请输入banner图标题', trigger: 'blur' }
|
|
|
]
|
|
]
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -174,11 +174,11 @@ export default {
|
|
|
this.getList()
|
|
this.getList()
|
|
|
},
|
|
},
|
|
|
handleAdd () {
|
|
handleAdd () {
|
|
|
- this.dialogTitle = '新增广告位'
|
|
|
|
|
|
|
+ this.dialogTitle = '新增banner图'
|
|
|
this.show = true
|
|
this.show = true
|
|
|
},
|
|
},
|
|
|
handleEdit (row) {
|
|
handleEdit (row) {
|
|
|
- this.dialogTitle = '编辑广告位'
|
|
|
|
|
|
|
+ this.dialogTitle = '编辑banner图'
|
|
|
this.$http.get(`/core/advertisement/manage/${row.id}`).then(res => {
|
|
this.$http.get(`/core/advertisement/manage/${row.id}`).then(res => {
|
|
|
if (res.data.code !== 0) return this.$message.error(res.data.msg)
|
|
if (res.data.code !== 0) return this.$message.error(res.data.msg)
|
|
|
this.advertForm = { ...this.advertForm, ...res.data.data }
|
|
this.advertForm = { ...this.advertForm, ...res.data.data }
|
|
@@ -219,7 +219,7 @@ export default {
|
|
|
this.show = false
|
|
this.show = false
|
|
|
},
|
|
},
|
|
|
handleDelete (row) {
|
|
handleDelete (row) {
|
|
|
- this.$confirm(`确认删除该广告位吗?`, '提示', {
|
|
|
|
|
|
|
+ this.$confirm(`确认删除该banner图吗?`, '提示', {
|
|
|
type: 'warning'
|
|
type: 'warning'
|
|
|
}).then(() => {
|
|
}).then(() => {
|
|
|
this.$http.delete('/core/advertisement/manage', { 'data': [row.id] }).then(res => {
|
|
this.$http.delete('/core/advertisement/manage', { 'data': [row.id] }).then(res => {
|