| @@ -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="是否新开页面打开"> | ||||