@@ -15,7 +15,7 @@ | |||||
"core-js": "3.6.5", | "core-js": "3.6.5", | ||||
"element-ui": "2.13.2", | "element-ui": "2.13.2", | ||||
"js-cookie": "2.2.0", | "js-cookie": "2.2.0", | ||||
"moment": "^2.29.1", | |||||
"moment": "^2.30.1", | |||||
"normalize.css": "7.0.0", | "normalize.css": "7.0.0", | ||||
"nprogress": "0.2.0", | "nprogress": "0.2.0", | ||||
"path-to-regexp": "2.4.0", | "path-to-regexp": "2.4.0", | ||||
@@ -65,6 +65,13 @@ export function videoSave(data) { | |||||
data | data | ||||
}) | }) | ||||
} | } | ||||
export function deleteVideo(data) { | |||||
return request({ | |||||
url: '/index/deleteVideo', | |||||
method: 'get', | |||||
data | |||||
}) | |||||
} | |||||
export function shuzirenremark() { | export function shuzirenremark() { | ||||
return request({ | return request({ | ||||
@@ -89,7 +89,7 @@ export default { | |||||
}, */ | }, */ | ||||
beforeAvatarUpload(file) { | beforeAvatarUpload(file) { | ||||
const isType = this.type === 'video' ? (file.type === ('video/mp4' || 'video/avi' || 'video/wmv' || 'video/mov')) : (file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/jpg' || file.type === 'image/gif') | const isType = this.type === 'video' ? (file.type === ('video/mp4' || 'video/avi' || 'video/wmv' || 'video/mov')) : (file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/jpg' || file.type === 'image/gif') | ||||
const isLt2M = this.type === 'video' ? file.size / 1024 / 1024 < 50 : file.size / 1024 < 500 | |||||
const isLt2M = this.type === 'video' ? file.size / 1024 / 1024 < 50 : file.size / 1024 / 1024 < 10 | |||||
if (!isType) { | if (!isType) { | ||||
let txt = this.type === 'video' ? '请上传正确的视频格式!' : '上传头像图片只能是 JPG/JPEG/PNG/GIF 格式!' | let txt = this.type === 'video' ? '请上传正确的视频格式!' : '上传头像图片只能是 JPG/JPEG/PNG/GIF 格式!' | ||||
@@ -97,7 +97,7 @@ export default { | |||||
return false | return false | ||||
} | } | ||||
if (!isLt2M) { | if (!isLt2M) { | ||||
let txt = this.type === 'video' ? '上传视频大小不能超过 50MB!!' : '上传图片大小不能超过 500KB!' | |||||
let txt = this.type === 'video' ? '上传视频大小不能超过 50MB!!' : '上传图片大小不能超过 10MB!' | |||||
this.$message.error(txt) | this.$message.error(txt) | ||||
return false | return false | ||||
} | } | ||||
@@ -153,13 +153,13 @@ export default { | |||||
::v-deep.avatar-uploader-icon { | ::v-deep.avatar-uploader-icon { | ||||
font-size: 28px; | font-size: 28px; | ||||
color: #8c939d; | color: #8c939d; | ||||
width: 150px; | |||||
min-width: 150px; | |||||
height: 150px; | height: 150px; | ||||
line-height: 150px; | line-height: 150px; | ||||
text-align: center; | text-align: center; | ||||
} | } | ||||
::v-deep.avatar { | ::v-deep.avatar { | ||||
width: 150px; | |||||
width: 100%; | |||||
height: 150px; | height: 150px; | ||||
display: block; | display: block; | ||||
} | } | ||||
@@ -189,6 +189,11 @@ export const constantRoutes = [ | |||||
component: () => import('@/views/aigc/numberImg'), | component: () => import('@/views/aigc/numberImg'), | ||||
meta: { title: '数字人形象' } | meta: { title: '数字人形象' } | ||||
}, | }, | ||||
{ | |||||
path: 'introduce', | |||||
component: () => import('@/views/aigc/introduce'), | |||||
meta: { title: '数字人介绍' } | |||||
}, | |||||
{ | { | ||||
path: 'banner1', | path: 'banner1', | ||||
component: () => import('@/views/aigc/banner1'), | component: () => import('@/views/aigc/banner1'), | ||||
@@ -208,11 +213,6 @@ export const constantRoutes = [ | |||||
path: 'video', | path: 'video', | ||||
component: () => import('@/views/aigc/video'), | component: () => import('@/views/aigc/video'), | ||||
meta: { title: '数字人视频' } | meta: { title: '数字人视频' } | ||||
}, | |||||
{ | |||||
path: 'introduce', | |||||
component: () => import('@/views/aigc/introduce'), | |||||
meta: { title: '数字人介绍' } | |||||
} | } | ||||
] | ] | ||||
}, | }, | ||||
@@ -59,10 +59,10 @@ service.interceptors.response.use( | |||||
title: res.message, | title: res.message, | ||||
duration: 5000 | duration: 5000 | ||||
}) | }) | ||||
if (res.code === 701) { | |||||
Router.push(`/login`) | |||||
return | |||||
} | |||||
// if (res.code === 701) { | |||||
// Router.push(`/login`) | |||||
// return | |||||
// } | |||||
return Promise.reject(res.message || 'Error') | return Promise.reject(res.message || 'Error') | ||||
}, | }, | ||||
error => { | error => { | ||||
@@ -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="640" height="434"/> | |||||
<p style="color: #909399;">*请上传640*434的图片</p> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="1280" height="640"/> | |||||
<p style="color: #909399;">*请上传1280*868的图片</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> | ||||
@@ -54,8 +54,8 @@ | |||||
<el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | <el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | ||||
<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="174" height="174"/> | |||||
<p style="color: #909399;">*请上传174*174的图片</p> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="348" height="348"/> | |||||
<p style="color: #909399;">*请上传348*348的图片</p> | |||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="序号" prop="serialNumber"> | <el-form-item label="序号" prop="serialNumber"> | ||||
<el-input v-model="ruleForm.serialNumber" type="number"></el-input> | <el-input v-model="ruleForm.serialNumber" type="number"></el-input> | ||||
@@ -67,7 +67,7 @@ | |||||
<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="remark"> | <el-form-item label="描述" prop="remark"> | ||||
<el-input v-model="ruleForm.remark" type="textarea"></el-input> | |||||
<el-input v-model="ruleForm.remark" type="textarea" :autosize="{ minRows: 6}"></el-input> | |||||
</el-form-item>= | </el-form-item>= | ||||
<el-form-item> | <el-form-item> | ||||
<el-button type="primary" :loading="loadingBtn" @click="submitForm('ruleForm')">立即创建</el-button> | <el-button type="primary" :loading="loadingBtn" @click="submitForm('ruleForm')">立即创建</el-button> | ||||
@@ -119,14 +119,12 @@ export default { | |||||
}, | }, | ||||
methods: { | methods: { | ||||
openSave(item) { | openSave(item) { | ||||
if (item) { | |||||
this.ruleForm.id = item.id | |||||
this.ruleForm.image = item.image | |||||
this.ruleForm.serialNumber = item.serialNumber | |||||
this.ruleForm.title = item.title | |||||
this.ruleForm.subTitle = item.subTitle | |||||
this.ruleForm.remark = item.remark | |||||
} | |||||
this.ruleForm.id = item?.id || '' | |||||
this.ruleForm.image = item?.image || '' | |||||
this.ruleForm.serialNumber = item?.serialNumber || '' | |||||
this.ruleForm.title = item?.title || '' | |||||
this.ruleForm.subTitle = item?.subTitle || '' | |||||
this.ruleForm.remark = item?.remark || '' | |||||
this.dialogVisible = true | this.dialogVisible = true | ||||
}, | }, | ||||
close(tag) { | close(tag) { | ||||
@@ -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="1200" height="120"/> | |||||
<p style="color: #909399;">*请上传1200*120的图片</p> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="2400" height="240"/> | |||||
<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"> | ||||
<el-input v-model="ruleForm.link"></el-input> | <el-input v-model="ruleForm.link"></el-input> | ||||
@@ -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="1200" height="120"/> | |||||
<p style="color: #909399;">*请上传1200*120的图片</p> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="2400" height="240"/> | |||||
<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"> | ||||
<el-input v-model="ruleForm.link"></el-input> | <el-input v-model="ruleForm.link"></el-input> | ||||
@@ -28,6 +28,9 @@ | |||||
<img :src="scope.row.image" width="50px" /> | <img :src="scope.row.image" width="50px" /> | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column :show-overflow-tooltip="true" prop="title" label="标题" /> | |||||
<el-table-column :show-overflow-tooltip="true" prop="subTitle" label="副标题" /> | |||||
<el-table-column :show-overflow-tooltip="true" prop="link" label="链接" /> | <el-table-column :show-overflow-tooltip="true" prop="link" label="链接" /> | ||||
<el-table-column :show-overflow-tooltip="true" align="center" prop="newOpen" label="是否新开页面打开"> | <el-table-column :show-overflow-tooltip="true" align="center" prop="newOpen" label="是否新开页面打开"> | ||||
<template slot-scope="scope"> | <template slot-scope="scope"> | ||||
@@ -57,12 +60,18 @@ | |||||
<el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | <el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | ||||
<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="1920" height="600"/> | |||||
<p style="color: #909399;">*请上传1920*600的图片</p> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="3840" height="1200"/> | |||||
<p style="color: #909399;">*请上传3840*1200的图片</p> | |||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="序号" prop="serialNumber"> | <el-form-item label="序号" prop="serialNumber"> | ||||
<el-input v-model="ruleForm.serialNumber"></el-input> | <el-input v-model="ruleForm.serialNumber"></el-input> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="标题" prop="title"> | |||||
<el-input v-model="ruleForm.title"></el-input> | |||||
</el-form-item> | |||||
<el-form-item label="副标题" prop="subTitle"> | |||||
<el-input v-model="ruleForm.subTitle"></el-input> | |||||
</el-form-item> | |||||
<el-form-item label="链接" prop="link"> | <el-form-item label="链接" prop="link"> | ||||
<el-input v-model="ruleForm.link"></el-input> | <el-input v-model="ruleForm.link"></el-input> | ||||
</el-form-item> | </el-form-item> | ||||
@@ -97,7 +106,9 @@ export default { | |||||
image: '', | image: '', | ||||
serialNumber: '', | serialNumber: '', | ||||
link: '', | link: '', | ||||
newOpen: '1' | |||||
newOpen: '1', | |||||
subTitle: '', | |||||
title: '' | |||||
}, | }, | ||||
rules: { | rules: { | ||||
name: [ | name: [ | ||||
@@ -121,13 +132,13 @@ export default { | |||||
}, | }, | ||||
methods: { | methods: { | ||||
openSave(item) { | openSave(item) { | ||||
if (item) { | |||||
this.ruleForm.id = item.id | |||||
this.ruleForm.image = item.image | |||||
this.ruleForm.serialNumber = item.serialNumber | |||||
this.ruleForm.link = item.link | |||||
this.ruleForm.newOpen = item.newOpen || '1' | |||||
} | |||||
this.ruleForm.id = item?.id || '' | |||||
this.ruleForm.image = item?.image || '' | |||||
this.ruleForm.serialNumber = item?.serialNumber || '' | |||||
this.ruleForm.link = item?.link || '' | |||||
this.ruleForm.newOpen = item?.newOpen || '1' | |||||
this.ruleForm.subTitle = item?.subTitle || '' | |||||
this.ruleForm.title = item?.title || '' | |||||
this.dialogVisible = true | this.dialogVisible = true | ||||
}, | }, | ||||
close(tag) { | close(tag) { | ||||
@@ -13,7 +13,7 @@ | |||||
<el-input v-model="ruleForm.title"></el-input> | <el-input v-model="ruleForm.title"></el-input> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="描述" prop="remark"> | <el-form-item label="描述" prop="remark"> | ||||
<el-input v-model="ruleForm.remark"></el-input> | |||||
<el-input v-model="ruleForm.remark" type="textarea" :autosize="{ minRows: 6}"></el-input> | |||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="链接" prop="link"> | <el-form-item label="链接" prop="link"> | ||||
<el-input v-model="ruleForm.link"></el-input> | <el-input v-model="ruleForm.link"></el-input> | ||||
@@ -52,8 +52,8 @@ | |||||
<el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | <el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | ||||
<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="240" height="420"/> | |||||
<p style="color: #909399;">*请上传240*420的图片</p> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="480" height="840"/> | |||||
<p style="color: #909399;">*请上传480*840的图片</p> | |||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="序号" prop="serialNumber"> | <el-form-item label="序号" prop="serialNumber"> | ||||
<el-input v-model="ruleForm.serialNumber"></el-input> | <el-input v-model="ruleForm.serialNumber"></el-input> | ||||
@@ -106,12 +106,10 @@ export default { | |||||
}, | }, | ||||
methods: { | methods: { | ||||
openSave(item) { | openSave(item) { | ||||
if (item) { | |||||
this.ruleForm.id = item.id | |||||
this.ruleForm.image = item.image | |||||
this.ruleForm.serialNumber = item.serialNumber | |||||
this.ruleForm.title = item.title | |||||
} | |||||
this.ruleForm.id = item?.id || '' | |||||
this.ruleForm.image = item?.image || '' | |||||
this.ruleForm.serialNumber = item?.serialNumber || '' | |||||
this.ruleForm.title = item?.title || '' | |||||
this.dialogVisible = true | this.dialogVisible = true | ||||
}, | }, | ||||
close(tag) { | close(tag) { | ||||
@@ -52,8 +52,8 @@ | |||||
<el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | <el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | ||||
<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="220" height="385"/> | |||||
<p style="color: #909399;">*请上传220*385的图片</p> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="440" height="770"/> | |||||
<p style="color: #909399;">*请上传440*770的图片</p> | |||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="序号" prop="serialNumber"> | <el-form-item label="序号" prop="serialNumber"> | ||||
<el-input v-model="ruleForm.serialNumber"></el-input> | <el-input v-model="ruleForm.serialNumber"></el-input> | ||||
@@ -113,13 +113,11 @@ export default { | |||||
}, | }, | ||||
methods: { | methods: { | ||||
openSave(item) { | openSave(item) { | ||||
if (item) { | |||||
this.ruleForm.id = item.id | |||||
this.ruleForm.image = item.image | |||||
this.ruleForm.serialNumber = item.serialNumber | |||||
this.ruleForm.title = item.title | |||||
this.ruleForm.subTitle = item.subTitle | |||||
} | |||||
this.ruleForm.id = item?.id || '' | |||||
this.ruleForm.image = item?.image || '' | |||||
this.ruleForm.serialNumber = item?.serialNumber || '' | |||||
this.ruleForm.title = item?.title || '' | |||||
this.ruleForm.subTitle = item?.subTitle || '' | |||||
this.dialogVisible = true | this.dialogVisible = true | ||||
}, | }, | ||||
close(tag) { | close(tag) { | ||||
@@ -33,6 +33,15 @@ | |||||
<el-table-column label="操作" width="230" align="center" fixed="right"> | <el-table-column label="操作" width="230" align="center" fixed="right"> | ||||
<template slot-scope="scope" class="btn"> | <template slot-scope="scope" class="btn"> | ||||
<el-button type="text" size="mini" @click="openSave(scope.row)">编辑</el-button> | <el-button type="text" size="mini" @click="openSave(scope.row)">编辑</el-button> | ||||
<el-popover placement="top" width="200" :ref="`del-${scope.$index}`"> | |||||
<p>是否确认删除该数据?</p> | |||||
<div style="text-align: right; margin: 0"> | |||||
<el-button size="mini" | |||||
@click="scope._self.$refs[`del-${scope.$index}`].doClose()">取消</el-button> | |||||
<el-button type="primary" size="mini" @click="del(scope)">确定</el-button> | |||||
</div> | |||||
<el-button slot="reference" type="text" size="mini" style="margin-left:10px">删除</el-button> | |||||
</el-popover> | |||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
</el-table> | </el-table> | ||||
@@ -43,8 +52,8 @@ | |||||
<el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | <el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | ||||
<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="220" height="385"/> | |||||
<p style="color: #909399;">*请上传220*385的图片</p> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="440" height="770"/> | |||||
<p style="color: #909399;">*请上传440*770的图片</p> | |||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="序号" prop="serialNumber"> | <el-form-item label="序号" prop="serialNumber"> | ||||
<el-input v-model="ruleForm.serialNumber"></el-input> | <el-input v-model="ruleForm.serialNumber"></el-input> | ||||
@@ -64,7 +73,7 @@ | |||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
import { videoSave } from '@/api/aigc' | |||||
import { videoSave, deleteVideo } from '@/api/aigc' | |||||
import CRUD, { presenter, header, crud } from '@crud/crud' | import CRUD, { presenter, header, crud } from '@crud/crud' | ||||
import pagination from '@crud/Pagination' | import pagination from '@crud/Pagination' | ||||
import uploadFile from '@/components/uploadFile' | import uploadFile from '@/components/uploadFile' | ||||
@@ -104,13 +113,11 @@ export default { | |||||
}, | }, | ||||
methods: { | methods: { | ||||
openSave(item) { | openSave(item) { | ||||
if (item) { | |||||
this.ruleForm.id = item.id | |||||
this.ruleForm.image = item.image | |||||
this.ruleForm.serialNumber = item.serialNumber | |||||
this.ruleForm.link = item.link | |||||
this.ruleForm.title = item.title | |||||
} | |||||
this.ruleForm.id = item?.id || '' | |||||
this.ruleForm.image = item?.image || '' | |||||
this.ruleForm.serialNumber = item?.serialNumber || '' | |||||
this.ruleForm.link = item?.link || '' | |||||
this.ruleForm.title = item?.title || '' | |||||
this.dialogVisible = true | this.dialogVisible = true | ||||
}, | }, | ||||
close(tag) { | close(tag) { | ||||
@@ -141,6 +148,17 @@ export default { | |||||
}, | }, | ||||
resetForm(formName) { | resetForm(formName) { | ||||
this.$refs[formName].resetFields() | this.$refs[formName].resetFields() | ||||
}, | |||||
/* 删除 */ | |||||
del(scope) { | |||||
deleteVideo(scope.row.id).then(res => { | |||||
this.$message({ | |||||
message: '删除成功!', | |||||
type: 'success' | |||||
}) | |||||
this.crud.toQuery() | |||||
scope._self.$refs[`del-${scope.$index}`].doClose() | |||||
}) | |||||
} | } | ||||
} | } | ||||
} | } | ||||
@@ -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="1200" height="120"/> | |||||
<p style="color: #909399;">*请上传1200*120的图片</p> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="2400" height="240"/> | |||||
<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"> | ||||
<el-input v-model="ruleForm.link"></el-input> | <el-input v-model="ruleForm.link"></el-input> | ||||
@@ -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="1200" height="120"/> | |||||
<p style="color: #909399;">*请上传1200*120的图片</p> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="2400" height="240"/> | |||||
<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"> | ||||
<el-input v-model="ruleForm.link"></el-input> | <el-input v-model="ruleForm.link"></el-input> | ||||
@@ -28,6 +28,9 @@ | |||||
<img :src="scope.row.image" width="50px" /> | <img :src="scope.row.image" width="50px" /> | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column :show-overflow-tooltip="true" prop="title" label="标题" /> | |||||
<el-table-column :show-overflow-tooltip="true" prop="subTitle" label="副标题" /> | |||||
<el-table-column :show-overflow-tooltip="true" prop="link" label="链接" /> | <el-table-column :show-overflow-tooltip="true" prop="link" label="链接" /> | ||||
<el-table-column :show-overflow-tooltip="true" align="center" prop="newOpen" label="是否新开页面打开"> | <el-table-column :show-overflow-tooltip="true" align="center" prop="newOpen" label="是否新开页面打开"> | ||||
<template slot-scope="scope"> | <template slot-scope="scope"> | ||||
@@ -57,12 +60,18 @@ | |||||
<el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | <el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | ||||
<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="1920" height="600"/> | |||||
<p style="color: #909399;">*请上传1920*600的图片</p> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="3840" height="1200"/> | |||||
<p style="color: #909399;">*请上传3840*1200的图片</p> | |||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="序号" prop="serialNumber"> | <el-form-item label="序号" prop="serialNumber"> | ||||
<el-input v-model="ruleForm.serialNumber"></el-input> | <el-input v-model="ruleForm.serialNumber"></el-input> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="标题" prop="title"> | |||||
<el-input v-model="ruleForm.title"></el-input> | |||||
</el-form-item> | |||||
<el-form-item label="副标题" prop="subTitle"> | |||||
<el-input v-model="ruleForm.subTitle"></el-input> | |||||
</el-form-item> | |||||
<el-form-item label="链接" prop="link"> | <el-form-item label="链接" prop="link"> | ||||
<el-input v-model="ruleForm.link"></el-input> | <el-input v-model="ruleForm.link"></el-input> | ||||
</el-form-item> | </el-form-item> | ||||
@@ -99,7 +108,9 @@ export default { | |||||
image: '', | image: '', | ||||
serialNumber: '', | serialNumber: '', | ||||
link: '', | link: '', | ||||
newOpen: '1' | |||||
newOpen: '1', | |||||
subTitle: '', | |||||
title: '' | |||||
}, | }, | ||||
rules: { | rules: { | ||||
name: [ | name: [ | ||||
@@ -123,13 +134,13 @@ export default { | |||||
}, | }, | ||||
methods: { | methods: { | ||||
openSave(item) { | openSave(item) { | ||||
if (item) { | |||||
this.ruleForm.id = item.id | |||||
this.ruleForm.image = item.image | |||||
this.ruleForm.serialNumber = item.serialNumber | |||||
this.ruleForm.link = item.link | |||||
this.ruleForm.newOpen = item.newOpen || '1' | |||||
} | |||||
this.ruleForm.id = item?.id || '' | |||||
this.ruleForm.image = item?.image || '' | |||||
this.ruleForm.serialNumber = item?.serialNumber || '' | |||||
this.ruleForm.link = item?.link || '' | |||||
this.ruleForm.newOpen = item?.newOpen || '1' | |||||
this.ruleForm.subTitle = item?.subTitle || '' | |||||
this.ruleForm.title = item?.title || '' | |||||
this.dialogVisible = true | this.dialogVisible = true | ||||
}, | }, | ||||
close(tag) { | close(tag) { | ||||
@@ -52,8 +52,8 @@ | |||||
<el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | <el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | ||||
<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="830" height="480"/> | |||||
<p style="color: #909399;">*请上传830*480的图片</p> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="1660" height="960"/> | |||||
<p style="color: #909399;">*请上传1660*960的图片</p> | |||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="序号" prop="serialNumber"> | <el-form-item label="序号" prop="serialNumber"> | ||||
<el-input v-model="ruleForm.serialNumber"></el-input> | <el-input v-model="ruleForm.serialNumber"></el-input> | ||||
@@ -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="1200" height="120" /> | |||||
<p style="color: #909399;">*请上传1200*120的图片</p> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="2400" height="240" /> | |||||
<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"> | ||||
<el-input v-model="ruleForm.link"></el-input> | <el-input v-model="ruleForm.link"></el-input> | ||||
@@ -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="1200" height="120" /> | |||||
<p style="color: #909399;">*请上传1200*120的图片</p> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="2400" height="240" /> | |||||
<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"> | ||||
<el-input v-model="ruleForm.link"></el-input> | <el-input v-model="ruleForm.link"></el-input> | ||||
@@ -28,7 +28,8 @@ | |||||
<img :src="scope.row.image" width="50px" /> | <img :src="scope.row.image" width="50px" /> | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column :show-overflow-tooltip="true" prop="link" label="链接" /> | |||||
<el-table-column :show-overflow-tooltip="true" prop="title" label="标题" /> | |||||
<el-table-column :show-overflow-tooltip="true" prop="subTitle" label="副标题" /> | |||||
<el-table-column :show-overflow-tooltip="true" align="center" prop="newOpen" label="是否新开页面打开"> | <el-table-column :show-overflow-tooltip="true" align="center" prop="newOpen" label="是否新开页面打开"> | ||||
<template slot-scope="scope"> | <template slot-scope="scope"> | ||||
{{ scope.row.newOpen === 1 ? '是' : '否' }} | {{ scope.row.newOpen === 1 ? '是' : '否' }} | ||||
@@ -57,14 +58,17 @@ | |||||
<el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | <el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | ||||
<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="1920" height="600"/> | |||||
<p style="color: #909399;">*请上传1920*600的图片</p> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="3840" height="1200"/> | |||||
<p style="color: #909399;">*请上传3840*1200的图片</p> | |||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="序号" prop="serialNumber"> | <el-form-item label="序号" prop="serialNumber"> | ||||
<el-input v-model="ruleForm.serialNumber"></el-input> | <el-input v-model="ruleForm.serialNumber"></el-input> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="链接" prop="link"> | |||||
<el-input v-model="ruleForm.link"></el-input> | |||||
<el-form-item label="标题" prop="title"> | |||||
<el-input v-model="ruleForm.title"></el-input> | |||||
</el-form-item> | |||||
<el-form-item label="副标题" prop="subTitle"> | |||||
<el-input v-model="ruleForm.subTitle"></el-input> | |||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="是否新开页面打开"> | <el-form-item label="是否新开页面打开"> | ||||
<el-radio-group v-model="ruleForm.newOpen"> | <el-radio-group v-model="ruleForm.newOpen"> | ||||
@@ -96,7 +100,9 @@ export default { | |||||
image: '', | image: '', | ||||
serialNumber: '', | serialNumber: '', | ||||
link: '', | link: '', | ||||
newOpen: '1' | |||||
newOpen: '1', | |||||
subTitle: '', | |||||
title: '' | |||||
}, | }, | ||||
rules: { | rules: { | ||||
name: [ | name: [ | ||||
@@ -120,13 +126,13 @@ export default { | |||||
}, | }, | ||||
methods: { | methods: { | ||||
openSave(item) { | openSave(item) { | ||||
if (item) { | |||||
this.ruleForm.id = item.id | |||||
this.ruleForm.image = item.image | |||||
this.ruleForm.serialNumber = item.serialNumber | |||||
this.ruleForm.link = item.link | |||||
this.ruleForm.newOpen = item.newOpen || '1' | |||||
} | |||||
this.ruleForm.id = item?.id || '' | |||||
this.ruleForm.image = item?.image || '' | |||||
this.ruleForm.serialNumber = item?.serialNumber || '' | |||||
this.ruleForm.link = item?.link || '' | |||||
this.ruleForm.newOpen = item?.newOpen || '1' | |||||
this.ruleForm.subTitle = item?.subTitle || '' | |||||
this.ruleForm.title = item?.title || '' | |||||
this.dialogVisible = true | this.dialogVisible = true | ||||
}, | }, | ||||
close(tag) { | close(tag) { | ||||
@@ -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="1920" height="800"/> | |||||
<p style="color: #909399;">*请上传1920*800的图片</p> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="3840" height="1600"/> | |||||
<p style="color: #909399;">*请上传3840*1600的图片</p> | |||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="链接" prop="link"> | <el-form-item label="链接" prop="link"> | ||||
<el-input v-model="ruleForm.link"></el-input> | <el-input v-model="ruleForm.link"></el-input> | ||||
@@ -102,8 +102,8 @@ | |||||
<ueditor :come-content="ruleForm.detail" @editorChange="editorChange($event)"></ueditor> | <ueditor :come-content="ruleForm.detail" @editorChange="editorChange($event)"></ueditor> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="图片" prop="image"> | <el-form-item label="图片" prop="image"> | ||||
<uploadFile :url.sync="ruleForm.image" type="image" width="200" height="150"/> | |||||
<p style="color: #909399;">*请上传200*150的图片</p> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="400" height="300"/> | |||||
<p style="color: #909399;">*请上传400*300的图片</p> | |||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="视频" prop="video"> | <el-form-item label="视频" prop="video"> | ||||
<uploadFile :url.sync="ruleForm.video" type="video" /> | <uploadFile :url.sync="ruleForm.video" type="video" /> | ||||
@@ -167,16 +167,14 @@ export default { | |||||
this.query.type = '2' | this.query.type = '2' | ||||
}, | }, | ||||
openSave(item) { | openSave(item) { | ||||
if (item) { | |||||
this.ruleForm.id = item.id | |||||
this.ruleForm.image = item.image | |||||
this.ruleForm.title = item.title | |||||
this.ruleForm.subTitle = item.subTitle | |||||
this.ruleForm.detail = item.detail | |||||
this.ruleForm.video = item.video | |||||
this.ruleForm.detail = item.detail | |||||
this.ruleForm.sendDate = item.sendDate | |||||
} | |||||
this.ruleForm.id = item?.id || '' | |||||
this.ruleForm.image = item?.image || '' | |||||
this.ruleForm.title = item?.title || '' | |||||
this.ruleForm.subTitle = item?.subTitle || '' | |||||
this.ruleForm.detail = item?.detail || '' | |||||
this.ruleForm.video = item?.video || '' | |||||
this.ruleForm.detail = item?.detail || '' | |||||
this.ruleForm.sendDate = item?.sendDate || '' | |||||
this.dialogVisible = true | this.dialogVisible = true | ||||
}, | }, | ||||
close(tag) { | close(tag) { | ||||
@@ -102,8 +102,8 @@ | |||||
<ueditor :come-content="ruleForm.detail" @editorChange="editorChange($event)"></ueditor> | <ueditor :come-content="ruleForm.detail" @editorChange="editorChange($event)"></ueditor> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="图片" prop="image"> | <el-form-item label="图片" prop="image"> | ||||
<uploadFile :url.sync="ruleForm.image" type="image" width="150" height="112"/> | |||||
<p style="color: #909399;">*请上传150*112的图片</p> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="300" height="224"/> | |||||
<p style="color: #909399;">*请上传300*224的图片</p> | |||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="视频" prop="video"> | <el-form-item label="视频" prop="video"> | ||||
<uploadFile :url.sync="ruleForm.video" type="video" /> | <uploadFile :url.sync="ruleForm.video" type="video" /> | ||||
@@ -167,16 +167,14 @@ export default { | |||||
this.query.type = '1' | this.query.type = '1' | ||||
}, | }, | ||||
openSave(item) { | openSave(item) { | ||||
if (item) { | |||||
this.ruleForm.id = item.id | |||||
this.ruleForm.image = item.image | |||||
this.ruleForm.title = item.title | |||||
this.ruleForm.subTitle = item.subTitle | |||||
this.ruleForm.detail = item.detail | |||||
this.ruleForm.video = item.video | |||||
this.ruleForm.detail = item.detail | |||||
this.ruleForm.sendDate = item.sendDate | |||||
} | |||||
this.ruleForm.id = item?.id || '' | |||||
this.ruleForm.image = item?.image || '' | |||||
this.ruleForm.title = item?.title || '' | |||||
this.ruleForm.subTitle = item?.subTitle || '' | |||||
this.ruleForm.detail = item?.detail || '' | |||||
this.ruleForm.video = item?.video || '' | |||||
this.ruleForm.detail = item?.detail || '' | |||||
this.ruleForm.sendDate = item?.sendDate || '' | |||||
this.dialogVisible = true | this.dialogVisible = true | ||||
}, | }, | ||||
close(tag) { | close(tag) { | ||||
@@ -115,8 +115,8 @@ | |||||
<ueditor :come-content="ruleForm.detail" @editorChange="editorChange($event)"></ueditor> | <ueditor :come-content="ruleForm.detail" @editorChange="editorChange($event)"></ueditor> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="图片" prop="image"> | <el-form-item label="图片" prop="image"> | ||||
<uploadFile :url.sync="ruleForm.image" type="image" width="200" height="150"/> | |||||
<p style="color: #909399;">*请上传200*150的图片</p> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="400" height="300"/> | |||||
<p style="color: #909399;">*请上传400*300的图片</p> | |||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="视频" prop="video"> | <el-form-item label="视频" prop="video"> | ||||
<uploadFile :url.sync="ruleForm.video" type="video" /> | <uploadFile :url.sync="ruleForm.video" type="video" /> | ||||
@@ -182,16 +182,14 @@ export default { | |||||
this.query.subType = '32' | this.query.subType = '32' | ||||
}, | }, | ||||
openSave(item) { | openSave(item) { | ||||
if (item) { | |||||
this.ruleForm.id = item.id | |||||
this.ruleForm.image = item.image | |||||
this.ruleForm.title = item.title | |||||
this.ruleForm.subTitle = item.subTitle | |||||
this.ruleForm.detail = item.detail | |||||
this.ruleForm.video = item.video | |||||
this.ruleForm.detail = item.detail | |||||
this.ruleForm.sendDate = item.sendDate | |||||
} | |||||
this.ruleForm.id = item?.id || '' | |||||
this.ruleForm.image = item?.image || '' | |||||
this.ruleForm.title = item?.title || '' | |||||
this.ruleForm.subTitle = item?.subTitle || '' | |||||
this.ruleForm.detail = item?.detail || '' | |||||
this.ruleForm.video = item?.video || '' | |||||
this.ruleForm.detail = item?.detail || '' | |||||
this.ruleForm.sendDate = item?.sendDate || '' | |||||
this.dialogVisible = true | this.dialogVisible = true | ||||
}, | }, | ||||
close(tag) { | close(tag) { | ||||
@@ -107,8 +107,8 @@ | |||||
<ueditor :come-content="ruleForm.detail" @editorChange="editorChange($event)"></ueditor> | <ueditor :come-content="ruleForm.detail" @editorChange="editorChange($event)"></ueditor> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="图片" prop="image"> | <el-form-item label="图片" prop="image"> | ||||
<uploadFile :url.sync="ruleForm.image" type="image" width="200" height="150"/> | |||||
<p style="color: #909399;">*请上传200*150的图片</p> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="400" height="300"/> | |||||
<p style="color: #909399;">*请上传400*300的图片</p> | |||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="视频" prop="video"> | <el-form-item label="视频" prop="video"> | ||||
<uploadFile :url.sync="ruleForm.video" type="video" /> | <uploadFile :url.sync="ruleForm.video" type="video" /> | ||||
@@ -174,16 +174,14 @@ export default { | |||||
this.query.subType = '31' | this.query.subType = '31' | ||||
}, | }, | ||||
openSave(item) { | openSave(item) { | ||||
if (item) { | |||||
this.ruleForm.id = item.id | |||||
this.ruleForm.image = item.image | |||||
this.ruleForm.title = item.title | |||||
this.ruleForm.subTitle = item.subTitle | |||||
this.ruleForm.detail = item.detail | |||||
this.ruleForm.video = item.video | |||||
this.ruleForm.detail = item.detail | |||||
this.ruleForm.sendDate = item.sendDate | |||||
} | |||||
this.ruleForm.id = item?.id || '' | |||||
this.ruleForm.image = item?.image || '' | |||||
this.ruleForm.title = item?.title || '' | |||||
this.ruleForm.subTitle = item?.subTitle || '' | |||||
this.ruleForm.detail = item?.detail || '' | |||||
this.ruleForm.video = item?.video || '' | |||||
this.ruleForm.detail = item?.detail || '' | |||||
this.ruleForm.sendDate = item?.sendDate || '' | |||||
this.dialogVisible = true | this.dialogVisible = true | ||||
}, | }, | ||||
close(tag) { | close(tag) { | ||||
@@ -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="1200" height="120"/> | |||||
<p style="color: #909399;">*请上传1200*120的图片</p> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="2400" height="240"/> | |||||
<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"> | ||||
<el-input v-model="ruleForm.link"></el-input> | <el-input v-model="ruleForm.link"></el-input> | ||||
@@ -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="1200" height="120"/> | |||||
<p style="color: #909399;">*请上传1200*120的图片</p> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="2400" height="240"/> | |||||
<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"> | ||||
<el-input v-model="ruleForm.link"></el-input> | <el-input v-model="ruleForm.link"></el-input> | ||||
@@ -28,6 +28,9 @@ | |||||
<img :src="scope.row.image" width="50px" /> | <img :src="scope.row.image" width="50px" /> | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column :show-overflow-tooltip="true" prop="title" label="标题" /> | |||||
<el-table-column :show-overflow-tooltip="true" prop="subTitle" label="副标题" /> | |||||
<el-table-column :show-overflow-tooltip="true" prop="link" label="链接" /> | <el-table-column :show-overflow-tooltip="true" prop="link" label="链接" /> | ||||
<el-table-column :show-overflow-tooltip="true" align="center" prop="newOpen" label="是否新开页面打开"> | <el-table-column :show-overflow-tooltip="true" align="center" prop="newOpen" label="是否新开页面打开"> | ||||
<template slot-scope="scope"> | <template slot-scope="scope"> | ||||
@@ -57,12 +60,18 @@ | |||||
<el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | <el-dialog v-if="dialogVisible" title="轮播" :visible.sync="dialogVisible" append-to-body width="600px"> | ||||
<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="1920" height="600"/> | |||||
<p style="color: #909399;">*请上传1920*600的图片</p> | |||||
<uploadFile :url.sync="ruleForm.image" type="image" width="3840" height="1200"/> | |||||
<p style="color: #909399;">*请上传3840*1200的图片</p> | |||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="序号" prop="serialNumber"> | <el-form-item label="序号" prop="serialNumber"> | ||||
<el-input v-model="ruleForm.serialNumber"></el-input> | <el-input v-model="ruleForm.serialNumber"></el-input> | ||||
</el-form-item> | </el-form-item> | ||||
<el-form-item label="标题" prop="title"> | |||||
<el-input v-model="ruleForm.title"></el-input> | |||||
</el-form-item> | |||||
<el-form-item label="副标题" prop="subTitle"> | |||||
<el-input v-model="ruleForm.subTitle"></el-input> | |||||
</el-form-item> | |||||
<el-form-item label="链接" prop="link"> | <el-form-item label="链接" prop="link"> | ||||
<el-input v-model="ruleForm.link"></el-input> | <el-input v-model="ruleForm.link"></el-input> | ||||
</el-form-item> | </el-form-item> | ||||
@@ -97,7 +106,9 @@ export default { | |||||
image: '', | image: '', | ||||
serialNumber: '', | serialNumber: '', | ||||
link: '', | link: '', | ||||
newOpen: '1' | |||||
newOpen: '1', | |||||
subTitle: '', | |||||
title: '' | |||||
}, | }, | ||||
rules: { | rules: { | ||||
name: [ | name: [ | ||||
@@ -121,13 +132,13 @@ export default { | |||||
}, | }, | ||||
methods: { | methods: { | ||||
openSave(item) { | openSave(item) { | ||||
if (item) { | |||||
this.ruleForm.id = item.id | |||||
this.ruleForm.image = item.image | |||||
this.ruleForm.serialNumber = item.serialNumber | |||||
this.ruleForm.link = item.link | |||||
this.ruleForm.newOpen = item.newOpen || '1' | |||||
} | |||||
this.ruleForm.id = item?.id || '' | |||||
this.ruleForm.image = item?.image || '' | |||||
this.ruleForm.serialNumber = item?.serialNumber || '' | |||||
this.ruleForm.link = item?.link || '' | |||||
this.ruleForm.newOpen = item?.newOpen || '1' | |||||
this.ruleForm.subTitle = item?.subTitle || '' | |||||
this.ruleForm.title = item?.title || '' | |||||
this.dialogVisible = true | this.dialogVisible = true | ||||
}, | }, | ||||
close(tag) { | close(tag) { | ||||