@@ -96,7 +96,7 @@ export default { | |||||
this.$message.error(txt) | this.$message.error(txt) | ||||
return false | return false | ||||
} | } | ||||
if (!isLt2M) { | |||||
if (!isLt2M && this.type !== 'video') { | |||||
let txt = this.type === 'video' ? '上传视频大小不能超过 50MB!!' : '上传图片大小不能超过 10MB!' | let txt = this.type === 'video' ? '上传视频大小不能超过 50MB!!' : '上传图片大小不能超过 10MB!' | ||||
this.$message.error(txt) | this.$message.error(txt) | ||||
return false | return false | ||||
@@ -70,6 +70,11 @@ export const constantRoutes = [ | |||||
component: () => import('@/views/homePage/carousel'), | component: () => import('@/views/homePage/carousel'), | ||||
meta: { title: '轮播' } | meta: { title: '轮播' } | ||||
}, | }, | ||||
{ | |||||
path: 'news', | |||||
component: () => import('@/views/car/news'), | |||||
meta: { title: '热点新闻配置' } | |||||
}, | |||||
{ | { | ||||
path: 'carHot', | path: 'carHot', | ||||
component: () => import('@/views/homePage/carHot'), | component: () => import('@/views/homePage/carHot'), | ||||
@@ -7,8 +7,8 @@ | |||||
<div class="app-container"> | <div class="app-container"> | ||||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | ||||
<el-form-item label="图片" prop="image"> | <el-form-item label="图片" prop="image"> | ||||
<uploadFile :url.sync="ruleForm.image" type="image" width="1280" height="640"/> | |||||
<p style="color: #909399;">*请上传1280*868的图片</p> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="1280" height="876"/> | |||||
<p style="color: #909399;">*请上传1280*876的图片</p> | |||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="标题" prop="title"> | <el-form-item label="标题" prop="title"> | ||||
<el-input v-model="ruleForm.title"></el-input> | <el-input v-model="ruleForm.title"></el-input> | ||||
@@ -6,8 +6,9 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | <div class="app-container"> | ||||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | ||||
<el-form-item label="图片" prop="image"> | |||||
<el-form-item label="图片"> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="2400" height="240"/> | <uploadFile :url.sync="ruleForm.image" type="image" width="2400" height="240"/> | ||||
<el-input v-model="ruleForm.image"></el-input> | |||||
<p style="color: #909399;">*请上传2400*240的图片</p> | <p style="color: #909399;">*请上传2400*240的图片</p> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="链接" prop="link"> | <el-form-item label="链接" prop="link"> | ||||
@@ -6,8 +6,9 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | <div class="app-container"> | ||||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | ||||
<el-form-item label="图片" prop="image"> | |||||
<el-form-item label="图片"> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="2400" height="240"/> | <uploadFile :url.sync="ruleForm.image" type="image" width="2400" height="240"/> | ||||
<el-input v-model="ruleForm.image"></el-input> | |||||
<p style="color: #909399;">*请上传2400*240的图片</p> | <p style="color: #909399;">*请上传2400*240的图片</p> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="链接" prop="link"> | <el-form-item label="链接" prop="link"> | ||||
@@ -6,8 +6,9 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | <div class="app-container"> | ||||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | ||||
<el-form-item label="图片" prop="image"> | |||||
<el-form-item label="图片"> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="2400" height="240"/> | <uploadFile :url.sync="ruleForm.image" type="image" width="2400" height="240"/> | ||||
<el-input v-model="ruleForm.image"></el-input> | |||||
<p style="color: #909399;">*请上传2400*240的图片</p> | <p style="color: #909399;">*请上传2400*240的图片</p> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="链接" prop="link"> | <el-form-item label="链接" prop="link"> | ||||
@@ -6,8 +6,9 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | <div class="app-container"> | ||||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | ||||
<el-form-item label="图片" prop="image"> | |||||
<el-form-item label="图片"> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="2400" height="240"/> | <uploadFile :url.sync="ruleForm.image" type="image" width="2400" height="240"/> | ||||
<el-input v-model="ruleForm.image"></el-input> | |||||
<p style="color: #909399;">*请上传2400*240的图片</p> | <p style="color: #909399;">*请上传2400*240的图片</p> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="链接" prop="link"> | <el-form-item label="链接" prop="link"> | ||||
@@ -72,7 +72,7 @@ | |||||
<el-form-item label="副标题" prop="subTitle"> | <el-form-item label="副标题" prop="subTitle"> | ||||
<el-input v-model="ruleForm.subTitle"></el-input> | <el-input v-model="ruleForm.subTitle"></el-input> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="链接" prop="link"> | |||||
<el-form-item label="链接"> | |||||
<el-input v-model="ruleForm.link"></el-input> | <el-input v-model="ruleForm.link"></el-input> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="是否新开页面打开"> | <el-form-item label="是否新开页面打开"> | ||||
@@ -6,8 +6,9 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | <div class="app-container"> | ||||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | ||||
<el-form-item label="图片" prop="image"> | |||||
<el-form-item label="图片"> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="2400" height="240" /> | <uploadFile :url.sync="ruleForm.image" type="image" width="2400" height="240" /> | ||||
<el-input v-model="ruleForm.image"></el-input> | |||||
<p style="color: #909399;">*请上传2400*240的图片</p> | <p style="color: #909399;">*请上传2400*240的图片</p> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="链接" prop="link"> | <el-form-item label="链接" prop="link"> | ||||
@@ -6,8 +6,9 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | <div class="app-container"> | ||||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | ||||
<el-form-item label="图片" prop="image"> | |||||
<el-form-item label="图片"> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="2400" height="240" /> | <uploadFile :url.sync="ruleForm.image" type="image" width="2400" height="240" /> | ||||
<el-input v-model="ruleForm.image"></el-input> | |||||
<p style="color: #909399;">*请上传2400*240的图片</p> | <p style="color: #909399;">*请上传2400*240的图片</p> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="链接" prop="link"> | <el-form-item label="链接" prop="link"> | ||||
@@ -70,7 +70,7 @@ | |||||
<el-form-item label="副标题" prop="subTitle"> | <el-form-item label="副标题" prop="subTitle"> | ||||
<el-input v-model="ruleForm.subTitle"></el-input> | <el-input v-model="ruleForm.subTitle"></el-input> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="链接" prop='link'> | |||||
<el-form-item label="链接"> | |||||
<el-input v-model="ruleForm.link"></el-input> | <el-input v-model="ruleForm.link"></el-input> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="是否新开页面打开"> | <el-form-item label="是否新开页面打开"> | ||||
@@ -0,0 +1,60 @@ | |||||
<!-- | |||||
* @Date: 2021-07-08 11:02:40 | |||||
* @LastEditTime: 2022-07-27 10:48:43 | |||||
* @Description: 广告位 | |||||
--> | |||||
<template> | |||||
<div class="app-container"> | |||||
<el-form :model="ruleForm" ref="ruleForm" label-width="130px" class="resetform"> | |||||
<el-form-item label="是否显示"> | |||||
<el-radio-group v-model="ruleForm.display"> | |||||
<el-radio :label="1">是</el-radio> | |||||
<el-radio :label="0">否</el-radio> | |||||
</el-radio-group> | |||||
</el-form-item> | |||||
<el-form-item> | |||||
<el-button type="primary" @click="submitForm('ruleForm')">保存</el-button> | |||||
</el-form-item> | |||||
</el-form> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import { hotNewsConfig, saveHotNewsConfig } from '@/api/homePage' | |||||
export default { | |||||
data() { | |||||
return { | |||||
ruleForm: { | |||||
display: '', | |||||
id: '' | |||||
} | |||||
} | |||||
}, | |||||
created() { | |||||
this.getData() | |||||
}, | |||||
methods: { | |||||
getData() { | |||||
hotNewsConfig().then(res => { | |||||
this.ruleForm.id = res.id | |||||
this.ruleForm.display = res.display | |||||
}) | |||||
}, | |||||
submitForm(formName) { | |||||
this.$refs[formName].validate((valid) => { | |||||
if (valid) { | |||||
saveHotNewsConfig(this.ruleForm).then(res => { | |||||
this.$message({ | |||||
message: '操作成功!', | |||||
type: 'success' | |||||
}) | |||||
}) | |||||
} else { | |||||
console.log('error submit!!') | |||||
return false | |||||
} | |||||
}) | |||||
} | |||||
} | |||||
} | |||||
</script> |
@@ -11,6 +11,11 @@ | |||||
<el-input v-model="query.title" prefix-icon="el-icon-search" clearable placeholder="标题" class="filter-item" | <el-input v-model="query.title" prefix-icon="el-icon-search" clearable placeholder="标题" class="filter-item" | ||||
@keyup.enter.native="crud.toQuery" /> | @keyup.enter.native="crud.toQuery" /> | ||||
<el-select v-model="query.subType" clearable placeholder="类型" class="filter-item"> | |||||
<el-option label="汽车资讯" value="11"></el-option> | |||||
<el-option label="元宇宙日爆" value="12"></el-option> | |||||
</el-select> | |||||
<el-date-picker v-model="query.sendDate" value-format="yyyy-MM-dd HH:mm:ss" type="datetimerange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" class="date-item" style="width:300px !important; margin: 0 3px 10px 0;"></el-date-picker> | <el-date-picker v-model="query.sendDate" value-format="yyyy-MM-dd HH:mm:ss" type="datetimerange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" class="date-item" style="width:300px !important; margin: 0 3px 10px 0;"></el-date-picker> | ||||
<rrOperation /> | <rrOperation /> | ||||
@@ -102,6 +107,12 @@ | |||||
<el-form-item label="副标题" prop="subTitle"> | <el-form-item label="副标题" prop="subTitle"> | ||||
<el-input v-model="ruleForm.subTitle"></el-input> | <el-input v-model="ruleForm.subTitle"></el-input> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="类型" prop="subType"> | |||||
<el-select v-model="ruleForm.subType" clearable placeholder="类型"> | |||||
<el-option label="汽车资讯" value="11"></el-option> | |||||
<el-option label="元宇宙日爆" value="12"></el-option> | |||||
</el-select> | |||||
</el-form-item> | |||||
<el-form-item label="详情" prop="detail"> | <el-form-item label="详情" prop="detail"> | ||||
<ueditor :come-content="ruleForm.detail" @editorChange="editorChange($event)"></ueditor> | <ueditor :come-content="ruleForm.detail" @editorChange="editorChange($event)"></ueditor> | ||||
</el-form-item> | </el-form-item> | ||||
@@ -150,7 +161,8 @@ export default { | |||||
image: '', | image: '', | ||||
video: '', | video: '', | ||||
sendDate: '', | sendDate: '', | ||||
status: '' | |||||
status: '', | |||||
subType: '' | |||||
}, | }, | ||||
rules: { | rules: { | ||||
title: [ | title: [ | ||||
@@ -178,6 +190,7 @@ export default { | |||||
this.ruleForm.detail = item?.detail || '' | this.ruleForm.detail = item?.detail || '' | ||||
this.ruleForm.video = item?.video || '' | this.ruleForm.video = item?.video || '' | ||||
this.ruleForm.detail = item?.detail || '' | this.ruleForm.detail = item?.detail || '' | ||||
this.ruleForm.subType = item?.subType || '' | |||||
this.ruleForm.sendDate = item?.sendDate ? this.$moment(item.sendDate).format('YYYY-MM-DD HH:mm:ss') : '' | this.ruleForm.sendDate = item?.sendDate ? this.$moment(item.sendDate).format('YYYY-MM-DD HH:mm:ss') : '' | ||||
this.dialogVisible = true | this.dialogVisible = true | ||||
}, | }, | ||||
@@ -12,7 +12,7 @@ | |||||
@keyup.enter.native="crud.toQuery" /> | @keyup.enter.native="crud.toQuery" /> | ||||
<el-select v-model="query.tag" clearable placeholder="类型" class="filter-item"> | <el-select v-model="query.tag" clearable placeholder="类型" class="filter-item"> | ||||
<el-option label="XR" value="XR"></el-option> | <el-option label="XR" value="XR"></el-option> | ||||
<el-option label="WEB3" value="WEB3"></el-option> | |||||
<el-option label="Web3" value="Web3"></el-option> | |||||
<el-option label="AI" value="AI"></el-option> | <el-option label="AI" value="AI"></el-option> | ||||
</el-select> | </el-select> | ||||
@@ -108,9 +108,9 @@ | |||||
<el-input v-model="ruleForm.subTitle"></el-input> | <el-input v-model="ruleForm.subTitle"></el-input> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="类型" prop="tag"> | <el-form-item label="类型" prop="tag"> | ||||
<el-select v-model="ruleForm.tag" placeholder="类型"> | |||||
<el-select v-model="ruleForm.tag" clearable placeholder="类型"> | |||||
<el-option label="XR" value="XR"></el-option> | <el-option label="XR" value="XR"></el-option> | ||||
<el-option label="WEB3" value="WEB3"></el-option> | |||||
<el-option label="Web3" value="Web3"></el-option> | |||||
<el-option label="AI" value="AI"></el-option> | <el-option label="AI" value="AI"></el-option> | ||||
</el-select> | </el-select> | ||||
</el-form-item> | </el-form-item> | ||||
@@ -12,7 +12,7 @@ | |||||
@keyup.enter.native="crud.toQuery" /> | @keyup.enter.native="crud.toQuery" /> | ||||
<el-select v-model="query.tag" clearable placeholder="类型" class="filter-item"> | <el-select v-model="query.tag" clearable placeholder="类型" class="filter-item"> | ||||
<el-option label="XR" value="XR"></el-option> | <el-option label="XR" value="XR"></el-option> | ||||
<el-option label="WEB3" value="WEB3"></el-option> | |||||
<el-option label="Web3" value="Web3"></el-option> | |||||
<el-option label="AI" value="AI"></el-option> | <el-option label="AI" value="AI"></el-option> | ||||
</el-select> | </el-select> | ||||
@@ -110,7 +110,7 @@ | |||||
<el-form-item label="类型" prop="tag"> | <el-form-item label="类型" prop="tag"> | ||||
<el-select v-model="ruleForm.tag" placeholder="类型"> | <el-select v-model="ruleForm.tag" placeholder="类型"> | ||||
<el-option label="XR" value="XR"></el-option> | <el-option label="XR" value="XR"></el-option> | ||||
<el-option label="WEB3" value="WEB3"></el-option> | |||||
<el-option label="Web3" value="Web3"></el-option> | |||||
<el-option label="AI" value="AI"></el-option> | <el-option label="AI" value="AI"></el-option> | ||||
</el-select> | </el-select> | ||||
</el-form-item> | </el-form-item> | ||||
@@ -6,8 +6,9 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | <div class="app-container"> | ||||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | ||||
<el-form-item label="图片" prop="image"> | |||||
<el-form-item label="图片"> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="2400" height="240"/> | <uploadFile :url.sync="ruleForm.image" type="image" width="2400" height="240"/> | ||||
<el-input v-model="ruleForm.image"></el-input> | |||||
<p style="color: #909399;">*请上传2400*240的图片</p> | <p style="color: #909399;">*请上传2400*240的图片</p> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="链接" prop="link"> | <el-form-item label="链接" prop="link"> | ||||
@@ -6,8 +6,9 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | <div class="app-container"> | ||||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | ||||
<el-form-item label="图片" prop="image"> | |||||
<el-form-item label="图片"> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="2400" height="240"/> | <uploadFile :url.sync="ruleForm.image" type="image" width="2400" height="240"/> | ||||
<el-input v-model="ruleForm.image"></el-input> | |||||
<p style="color: #909399;">*请上传2400*240的图片</p> | <p style="color: #909399;">*请上传2400*240的图片</p> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="链接" prop="link"> | <el-form-item label="链接" prop="link"> | ||||
@@ -72,7 +72,7 @@ | |||||
<el-form-item label="副标题" prop="subTitle"> | <el-form-item label="副标题" prop="subTitle"> | ||||
<el-input v-model="ruleForm.subTitle"></el-input> | <el-input v-model="ruleForm.subTitle"></el-input> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="链接" prop="link"> | |||||
<el-form-item label="链接"> | |||||
<el-input v-model="ruleForm.link"></el-input> | <el-input v-model="ruleForm.link"></el-input> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="是否新开页面打开"> | <el-form-item label="是否新开页面打开"> | ||||