Commit 5cdca287 authored by 冷玲鹏's avatar 冷玲鹏

修改:banner管理、活动管理、公告管理

parent d5154675
...@@ -28,20 +28,7 @@ ...@@ -28,20 +28,7 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<!-- <el-col :span="12">-->
<!-- &lt;!&ndash; 是否为头条新闻&ndash;&gt;-->
<!-- <el-form-item-->
<!-- label="是否为头条新闻:"-->
<!-- prop="isForntPage"-->
<!-- :rules="{ required: !(controls.isOperation === '3'), message: '请选择是否为头条新闻', trigger: 'blur' }"-->
<!-- >-->
<!-- <el-select v-model="form.isForntPage" placeholder="请选择是否为头条新闻" size="small" class="normalInput" :disabled="secondFromDisabled">-->
<!-- <el-option v-for="item in isList" :key="item.value" :label="item.label" :value="item.value" />-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<el-col :span="12"> <el-col :span="12">
<!-- 是否推荐-->
<el-form-item <el-form-item
label="是否推荐:" label="是否推荐:"
prop="isRecommended" prop="isRecommended"
...@@ -60,7 +47,6 @@ ...@@ -60,7 +47,6 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<!-- 是否置顶-->
<el-form-item <el-form-item
label="是否置顶:" label="是否置顶:"
prop="isTop" prop="isTop"
...@@ -175,7 +161,6 @@ ...@@ -175,7 +161,6 @@
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<!-- 是否推荐-->
<el-form-item <el-form-item
label="开放报名:" label="开放报名:"
prop="isRegistration" prop="isRegistration"
...@@ -194,7 +179,6 @@ ...@@ -194,7 +179,6 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<!-- 是否置顶-->
<el-form-item <el-form-item
label="是否实名:" label="是否实名:"
prop="isRealNameAuthentication" prop="isRealNameAuthentication"
...@@ -251,9 +235,9 @@ import { ...@@ -251,9 +235,9 @@ import {
addCmsActivity, addCmsActivity,
getCmsActivity, updateCmsActivity getCmsActivity, updateCmsActivity
} from '@/api/contentManagement/activity' } from '@/api/contentManagement/activity'
import { updatePagesRes, updateRes, updateResonseUrl, updateResponseUrl } from '@/utils/updateUrl' import { updateResponseUrl } from '@/utils/updateUrl'
import { VueEditor } from 'vue2-editor' import { VueEditor } from 'vue2-editor'
import { yesOrNo, enableOrDisable} from "@/utils/allPageData"; import { yesOrNo, enableOrDisable } from '@/utils/allPageData'
/* import { uploadPublic } from '@/api/contentManagement/sysContest'*/ /* import { uploadPublic } from '@/api/contentManagement/sysContest'*/
export default { export default {
...@@ -305,7 +289,7 @@ export default { ...@@ -305,7 +289,7 @@ export default {
isOperation: '1' isOperation: '1'
}, },
// 是否List // 是否List
/* isList: [ /* isList: [
{ {
label: '是', label: '是',
value: 1 value: 1
...@@ -371,7 +355,7 @@ export default { ...@@ -371,7 +355,7 @@ export default {
}, },
created() { created() {
this.isOperation = this.$route.query.isOperation this.isOperation = this.$route.query.isOperation
// 页面加载时根据 isOperation 设置表单的默认值 // 页面加载时根据 isOperation 设置表单的默认值
this.setFormDefaults() this.setFormDefaults()
}, },
methods: { methods: {
......
...@@ -13,16 +13,6 @@ ...@@ -13,16 +13,6 @@
style="width: 150px" style="width: 150px"
/> />
</el-form-item> </el-form-item>
<!-- <el-form-item label="链接地址:" prop="linkUrl">
<el-input
v-model.trim="queryParams.linkUrl"
placeholder="请输入链接地址"
clearable
:maxlength="255"
size="small"
style="width: 150px"
/>
</el-form-item>-->
<el-form-item> <el-form-item>
<el-button <el-button
:class="commonField.queryClass" :class="commonField.queryClass"
...@@ -64,13 +54,13 @@ ...@@ -64,13 +54,13 @@
<el-table-column align="center" label="图片" prop="bannerPicture" min-width="120"> <el-table-column align="center" label="图片" prop="bannerPicture" min-width="120">
<template slot-scope="scope"> <template slot-scope="scope">
<div :id="step(scope.$index)"> <div :id="step(scope.$index)">
<!-- 修改 src 路径 -->
<el-image <el-image
:src="getImagePath(scope.row.path)" :src="getImagePath(scope.row.path)"
:preview-src-list="[getImagePath(scope.row.path)]" :preview-src-list="[getImagePath(scope.row.path)]"
style="width:100%;height:100%;" style="width:100%;height:100%;"
@mouseover="justEnter($event)" @mouseover="justEnter($event)"
@mouseout="justOut($event)" /> @mouseout="justOut($event)"
/>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
...@@ -102,27 +92,11 @@ ...@@ -102,27 +92,11 @@
<span v-else>-</span> <span v-else>-</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- <template slot-scope="scope">
<span v-if="scope.row.type=='0'">首页</span>
<span v-else-if="scope.row.type=='1'">活动</span>
<span v-else>-</span>
</template>-->
<el-table-column label="名称" prop="bannerName" :show-overflow-tooltip="true" min-width="120px"> <el-table-column label="名称" prop="bannerName" :show-overflow-tooltip="true" min-width="120px">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.bannerName || '-' }} {{ scope.row.bannerName || '-' }}
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column label="图片" prop="bannerPicture" :show-overflow-tooltip="true">-->
<!-- <template slot-scope="scope">-->
<!-- {{ scope.row.bannerPicture || '-' }}-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="链接地址" prop="linkUrl" min-width="250" :show-overflow-tooltip="true">
<template slot-scope="scope">
{{ scope.row.linkUrl || '-' }}
</template>
</el-table-column>-->
<el-table-column label="排序" prop="weight" :show-overflow-tooltip="true" min-width="55"> <el-table-column label="排序" prop="weight" :show-overflow-tooltip="true" min-width="55">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.weight || '-' }} {{ scope.row.weight || '-' }}
...@@ -139,16 +113,6 @@ ...@@ -139,16 +113,6 @@
/> />
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column label="备注" prop="remarks" :show-overflow-tooltip="true">-->
<!-- <template slot-scope="scope">-->
<!-- {{ scope.row.remarks || '-' }}-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="创建时间" prop="createDate" :show-overflow-tooltip="true">-->
<!-- <template slot-scope="scope">-->
<!-- <span>{{ scope.row.createDate | transformDateByFormat('YYYY-MM-DD HH:mm') }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="操作" class-name="small-padding fixed-width" min-width="120"> <el-table-column label="操作" class-name="small-padding fixed-width" min-width="120">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
...@@ -175,16 +139,9 @@ ...@@ -175,16 +139,9 @@
@pagination="getList" @pagination="getList"
/> />
</div> </div>
<!-- 添加或修改banner管理配置对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="90px"> <el-form ref="form" :model="form" :rules="rules" size="small" label-width="90px">
<el-form-item label="分类:" prop="type"> <el-form-item label="分类:" prop="type">
<!-- <el-input v-model.trim="form.type" show-word-limit :maxlength="32" placeholder="请输入类型" />-->
<!-- <el-select v-model.trim="form.type" show-word-limit placeholder="请输入类型" style="width: 100%">
<el-option label="课程资源" value="0" />
<el-option label="其他资源" value="1" />
</el-select>-->
<!-- 使用 v-for 动态生成 el-option -->
<el-select v-model.trim="form.type" show-word-limit placeholder="请输入类型" style="width: 100%"> <el-select v-model.trim="form.type" show-word-limit placeholder="请输入类型" style="width: 100%">
<el-option <el-option
v-for="item in typeField" v-for="item in typeField"
...@@ -208,19 +165,14 @@ ...@@ -208,19 +165,14 @@
:on-success="handleAvatarSuccess" :on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload" :before-upload="beforeAvatarUpload"
> >
<!-- <img v-if="imageUrl" :src="imageUrl" style="height: 200px;width: 200px">-->
<img v-if="imageUrl" :src="imageUrl" style="height: 200px;width: 200px"> <img v-if="imageUrl" :src="imageUrl" style="height: 200px;width: 200px">
<i v-else class="el-icon-plus avatar-uploader-icon" /> <i v-else class="el-icon-plus avatar-uploader-icon" />
</el-upload> </el-upload>
</el-form-item> </el-form-item>
<!-- <el-form-item label="链接地址:" prop="linkUrl">
<el-input v-model.trim="form.linkUrl" show-word-limit :maxlength="255" placeholder="请输入链接地址" />
</el-form-item>-->
<el-form-item label="排序:" prop="weight"> <el-form-item label="排序:" prop="weight">
<el-input-number v-model.trim="form.weight" style="width: 100%" controls-position="right" :min="0" /> <el-input-number v-model.trim="form.weight" style="width: 100%" controls-position="right" :min="0" />
</el-form-item> </el-form-item>
<!-- 状态选择: 启用、停用 -->
<el-form-item label="状态:"> <el-form-item label="状态:">
<el-radio-group v-model="form.flag" style="width: 100%"> <el-radio-group v-model="form.flag" style="width: 100%">
<el-radio <el-radio
...@@ -232,9 +184,6 @@ ...@@ -232,9 +184,6 @@
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- <el-form-item label="备注" prop="remarks">-->
<!-- <el-input v-model.trim="form.remarks" maxlength="200" show-word-limit type="textarea" placeholder="请输入内容" />-->
<!-- </el-form-item>-->
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button class="cancelBtn" @click="cancel">取 消</el-button> <el-button class="cancelBtn" @click="cancel">取 消</el-button>
...@@ -252,13 +201,8 @@ import { ...@@ -252,13 +201,8 @@ import {
listCmsBanner, listCmsBanner,
updateCmsBanner updateCmsBanner
} from '@/api/contentManagement/banner' } from '@/api/contentManagement/banner'
import { typeField, enableOrDisable} from "@/utils/allPageData"; import { typeField, enableOrDisable } from '@/utils/allPageData'
import commonField from "@/utils/commonField"; import commonField from '@/utils/commonField'
/*import { updateResponseUrl } from '@/utils/updateUrl'
import { uploadPublic } from '@/api/contentManagement/sysContest'
import user from "@/store/modules/user";
import store from "@/store";*/
export default { export default {
name: 'CmsBanner', name: 'CmsBanner',
data() { data() {
...@@ -270,7 +214,7 @@ export default { ...@@ -270,7 +214,7 @@ export default {
}, },
imageUrl: '', imageUrl: '',
/*fileUpload: '/dev-api/common/fileUpload?file=' + this.file + '&temp=' + 'development',*/ /* fileUpload: '/dev-api/common/fileUpload?file=' + this.file + '&temp=' + 'development',*/
// 遮罩层 // 遮罩层
loading: true, loading: true,
// 总条数 // 总条数
...@@ -342,8 +286,8 @@ export default { ...@@ -342,8 +286,8 @@ export default {
// 获取对应的分类名称 // 获取对应的分类名称
getTypeValue(type) { getTypeValue(type) {
// 查找 type 对应的 value // 查找 type 对应的 value
const found = typeField.find(item => item.label === type); const found = typeField.find(item => item.label === type)
return found ? found.value : null; // 如果没有找到对应的分类,返回 null return found ? found.value : null // 如果没有找到对应的分类,返回 null
}, },
// 获取图片的正确路径 // 获取图片的正确路径
getImagePath() { getImagePath() {
...@@ -382,17 +326,17 @@ export default { ...@@ -382,17 +326,17 @@ export default {
**/ **/
handleUpload(file) { handleUpload(file) {
// 获取上传的文件 // 获取上传的文件
const formData = new FormData(); const formData = new FormData()
formData.append('file', file.file); formData.append('file', file.file)
// 模拟本地上传,将图片保存到本地某个目录(如:assets/images) // 模拟本地上传,将图片保存到本地某个目录(如:assets/images)
const localPath = this.getImagePath(file.file); // 获取本地存储的路径 const localPath = this.getImagePath(file.file) // 获取本地存储的路径
// 假设你将本地路径保存到 form.bannerPicture 中 // 假设你将本地路径保存到 form.bannerPicture 中
this.imageUrl = localPath; // 显示图片路径 this.imageUrl = localPath // 显示图片路径
this.form.bannerPicture = localPath; // 保存到表单字段中 this.form.bannerPicture = localPath // 保存到表单字段中
}, },
/* handleUpload(file) { /* handleUpload(file) {
const formData = new FormData() const formData = new FormData()
formData.append('file', file.file) formData.append('file', file.file)
formData.append('temp', 'CmsBanner') formData.append('temp', 'CmsBanner')
......
...@@ -418,7 +418,7 @@ export default { ...@@ -418,7 +418,7 @@ export default {
_this.fullscreenLoading = false _this.fullscreenLoading = false
console.log(error) console.log(error)
}) })
_this.dataIsReady = true _this.dataIseady = true
_this.uploadList.fm = this.interfaceUrl + 'BLesson/picImport' _this.uploadList.fm = this.interfaceUrl + 'BLesson/picImport'
}, },
// 修改状态 // 修改状态
......
...@@ -132,7 +132,7 @@ ...@@ -132,7 +132,7 @@
prop="details" prop="details"
:rules="{ required: !(controls.isOperation === '3'), message: '请输入公告内容', trigger: 'blur' }" :rules="{ required: !(controls.isOperation === '3'), message: '请输入公告内容', trigger: 'blur' }"
> >
<vue-editor id="editorsay" v-model="form.details" :useCustomImageHandler="true" :editor-toolbar="customToolbar" :disabled="secondFromDisabled" @blur="queryRules" @image-added="handleImageAdded" /> <vue-editor id="editorsay" v-model="form.details" :use-custom-image-handler="true" :editor-toolbar="customToolbar" :disabled="secondFromDisabled" @blur="queryRules" @image-added="handleImageAdded" />
</el-form-item> </el-form-item>
</el-col> </el-col>
...@@ -157,10 +157,10 @@ import { ...@@ -157,10 +157,10 @@ import {
addCmsNotice, addCmsNotice,
getCmsNotice, updateCmsNotice getCmsNotice, updateCmsNotice
} from '@/api/contentManagement/notice' } from '@/api/contentManagement/notice'
import {updatePagesRes, updateRes, updateResonseUrl, updateResponseUrl} from '@/utils/updateUrl' import { updateResponseUrl } from '@/utils/updateUrl'
import { VueEditor } from 'vue2-editor' import { VueEditor } from 'vue2-editor'
import { yesOrNo, enableOrDisable} from "@/utils/allPageData"; import { yesOrNo, enableOrDisable } from '@/utils/allPageData'
/*import { uploadPublic } from '@/api/contentManagement/sysContest'*/ /* import { uploadPublic } from '@/api/contentManagement/sysContest'*/
export default { export default {
components: { components: {
...@@ -262,12 +262,12 @@ export default { ...@@ -262,12 +262,12 @@ export default {
}, },
created() { created() {
this.isOperation = this.$route.query.isOperation this.isOperation = this.$route.query.isOperation
// 页面加载时根据 isOperation 设置表单的默认值 // 页面加载时根据 isOperation 设置表单的默认值
this.setFormDefaults() this.setFormDefaults()
}, },
methods: { methods: {
setFormDefaults() { setFormDefaults() {
const isOperation = this.isOperation; const isOperation = this.isOperation
// 判断是新增、编辑还是查看 // 判断是新增、编辑还是查看
if (isOperation === '1') { if (isOperation === '1') {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment