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

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

parent d5154675
......@@ -28,20 +28,7 @@
</el-col>
</el-row>
<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-form-item
label="是否推荐:"
prop="isRecommended"
......@@ -60,7 +47,6 @@
</el-form-item>
</el-col>
<el-col :span="12">
<!-- 是否置顶-->
<el-form-item
label="是否置顶:"
prop="isTop"
......@@ -175,7 +161,6 @@
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<!-- 是否推荐-->
<el-form-item
label="开放报名:"
prop="isRegistration"
......@@ -194,7 +179,6 @@
</el-form-item>
</el-col>
<el-col :span="12">
<!-- 是否置顶-->
<el-form-item
label="是否实名:"
prop="isRealNameAuthentication"
......@@ -251,9 +235,9 @@ import {
addCmsActivity,
getCmsActivity, updateCmsActivity
} from '@/api/contentManagement/activity'
import { updatePagesRes, updateRes, updateResonseUrl, updateResponseUrl } from '@/utils/updateUrl'
import { updateResponseUrl } from '@/utils/updateUrl'
import { VueEditor } from 'vue2-editor'
import { yesOrNo, enableOrDisable} from "@/utils/allPageData";
import { yesOrNo, enableOrDisable } from '@/utils/allPageData'
/* import { uploadPublic } from '@/api/contentManagement/sysContest'*/
export default {
......@@ -305,7 +289,7 @@ export default {
isOperation: '1'
},
// 是否List
/* isList: [
/* isList: [
{
label: '是',
value: 1
......@@ -371,7 +355,7 @@ export default {
},
created() {
this.isOperation = this.$route.query.isOperation
// 页面加载时根据 isOperation 设置表单的默认值
// 页面加载时根据 isOperation 设置表单的默认值
this.setFormDefaults()
},
methods: {
......
......@@ -13,16 +13,6 @@
style="width: 150px"
/>
</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-button
:class="commonField.queryClass"
......@@ -64,13 +54,13 @@
<el-table-column align="center" label="图片" prop="bannerPicture" min-width="120">
<template slot-scope="scope">
<div :id="step(scope.$index)">
<!-- 修改 src 路径 -->
<el-image
:src="getImagePath(scope.row.path)"
:preview-src-list="[getImagePath(scope.row.path)]"
style="width:100%;height:100%;"
@mouseover="justEnter($event)"
@mouseout="justOut($event)" />
@mouseout="justOut($event)"
/>
</div>
</template>
</el-table-column>
......@@ -102,27 +92,11 @@
<span v-else>-</span>
</template>
</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">
<template slot-scope="scope">
{{ scope.row.bannerName || '-' }}
</template>
</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">
<template slot-scope="scope">
{{ scope.row.weight || '-' }}
......@@ -139,16 +113,6 @@
/>
</template>
</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">
<template slot-scope="scope">
<el-button
......@@ -175,16 +139,9 @@
@pagination="getList"
/>
</div>
<!-- 添加或修改banner管理配置对话框 -->
<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-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-option
v-for="item in typeField"
......@@ -208,19 +165,14 @@
:on-success="handleAvatarSuccess"
: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">
<i v-else class="el-icon-plus avatar-uploader-icon" />
</el-upload>
</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-input-number v-model.trim="form.weight" style="width: 100%" controls-position="right" :min="0" />
</el-form-item>
<!-- 状态选择: 启用、停用 -->
<el-form-item label="状态:">
<el-radio-group v-model="form.flag" style="width: 100%">
<el-radio
......@@ -232,9 +184,6 @@
</el-radio>
</el-radio-group>
</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>
<div slot="footer" class="dialog-footer">
<el-button class="cancelBtn" @click="cancel">取 消</el-button>
......@@ -252,13 +201,8 @@ import {
listCmsBanner,
updateCmsBanner
} from '@/api/contentManagement/banner'
import { typeField, enableOrDisable} from "@/utils/allPageData";
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";*/
import { typeField, enableOrDisable } from '@/utils/allPageData'
import commonField from '@/utils/commonField'
export default {
name: 'CmsBanner',
data() {
......@@ -270,7 +214,7 @@ export default {
},
imageUrl: '',
/*fileUpload: '/dev-api/common/fileUpload?file=' + this.file + '&temp=' + 'development',*/
/* fileUpload: '/dev-api/common/fileUpload?file=' + this.file + '&temp=' + 'development',*/
// 遮罩层
loading: true,
// 总条数
......@@ -342,8 +286,8 @@ export default {
// 获取对应的分类名称
getTypeValue(type) {
// 查找 type 对应的 value
const found = typeField.find(item => item.label === type);
return found ? found.value : null; // 如果没有找到对应的分类,返回 null
const found = typeField.find(item => item.label === type)
return found ? found.value : null // 如果没有找到对应的分类,返回 null
},
// 获取图片的正确路径
getImagePath() {
......@@ -382,17 +326,17 @@ export default {
**/
handleUpload(file) {
// 获取上传的文件
const formData = new FormData();
formData.append('file', file.file);
const formData = new FormData()
formData.append('file', file.file)
// 模拟本地上传,将图片保存到本地某个目录(如:assets/images)
const localPath = this.getImagePath(file.file); // 获取本地存储的路径
const localPath = this.getImagePath(file.file) // 获取本地存储的路径
// 假设你将本地路径保存到 form.bannerPicture 中
this.imageUrl = localPath; // 显示图片路径
this.form.bannerPicture = localPath; // 保存到表单字段中
this.imageUrl = localPath // 显示图片路径
this.form.bannerPicture = localPath // 保存到表单字段中
},
/* handleUpload(file) {
/* handleUpload(file) {
const formData = new FormData()
formData.append('file', file.file)
formData.append('temp', 'CmsBanner')
......
......@@ -418,7 +418,7 @@ export default {
_this.fullscreenLoading = false
console.log(error)
})
_this.dataIsReady = true
_this.dataIseady = true
_this.uploadList.fm = this.interfaceUrl + 'BLesson/picImport'
},
// 修改状态
......
......@@ -132,7 +132,7 @@
prop="details"
: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-col>
......@@ -157,10 +157,10 @@ import {
addCmsNotice,
getCmsNotice, updateCmsNotice
} from '@/api/contentManagement/notice'
import {updatePagesRes, updateRes, updateResonseUrl, updateResponseUrl} from '@/utils/updateUrl'
import { updateResponseUrl } from '@/utils/updateUrl'
import { VueEditor } from 'vue2-editor'
import { yesOrNo, enableOrDisable} from "@/utils/allPageData";
/*import { uploadPublic } from '@/api/contentManagement/sysContest'*/
import { yesOrNo, enableOrDisable } from '@/utils/allPageData'
/* import { uploadPublic } from '@/api/contentManagement/sysContest'*/
export default {
components: {
......@@ -262,12 +262,12 @@ export default {
},
created() {
this.isOperation = this.$route.query.isOperation
// 页面加载时根据 isOperation 设置表单的默认值
// 页面加载时根据 isOperation 设置表单的默认值
this.setFormDefaults()
},
methods: {
setFormDefaults() {
const isOperation = this.isOperation;
const isOperation = this.isOperation
// 判断是新增、编辑还是查看
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