@@ -15,7 +15,7 @@ | |||
"core-js": "3.6.5", | |||
"element-ui": "2.13.2", | |||
"js-cookie": "2.2.0", | |||
"moment": "^2.29.1", | |||
"moment": "^2.30.1", | |||
"normalize.css": "7.0.0", | |||
"nprogress": "0.2.0", | |||
"path-to-regexp": "2.4.0", | |||
@@ -65,6 +65,13 @@ export function videoSave(data) { | |||
data | |||
}) | |||
} | |||
export function deleteVideo(data) { | |||
return request({ | |||
url: '/index/deleteVideo', | |||
method: 'get', | |||
data | |||
}) | |||
} | |||
export function shuzirenremark() { | |||
return request({ | |||
@@ -89,7 +89,7 @@ export default { | |||
}, */ | |||
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 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) { | |||
let txt = this.type === 'video' ? '请上传正确的视频格式!' : '上传头像图片只能是 JPG/JPEG/PNG/GIF 格式!' | |||
@@ -97,7 +97,7 @@ export default { | |||
return false | |||
} | |||
if (!isLt2M) { | |||
let txt = this.type === 'video' ? '上传视频大小不能超过 50MB!!' : '上传图片大小不能超过 500KB!' | |||
let txt = this.type === 'video' ? '上传视频大小不能超过 50MB!!' : '上传图片大小不能超过 10MB!' | |||
this.$message.error(txt) | |||
return false | |||
} | |||
@@ -153,13 +153,13 @@ export default { | |||
::v-deep.avatar-uploader-icon { | |||
font-size: 28px; | |||
color: #8c939d; | |||
width: 150px; | |||
min-width: 150px; | |||
height: 150px; | |||
line-height: 150px; | |||
text-align: center; | |||
} | |||
::v-deep.avatar { | |||
width: 150px; | |||
width: 100%; | |||
height: 150px; | |||
display: block; | |||
} | |||
@@ -189,6 +189,11 @@ export const constantRoutes = [ | |||
component: () => import('@/views/aigc/numberImg'), | |||
meta: { title: '数字人形象' } | |||
}, | |||
{ | |||
path: 'introduce', | |||
component: () => import('@/views/aigc/introduce'), | |||
meta: { title: '数字人介绍' } | |||
}, | |||
{ | |||
path: 'banner1', | |||
component: () => import('@/views/aigc/banner1'), | |||
@@ -208,11 +213,6 @@ export const constantRoutes = [ | |||
path: 'video', | |||
component: () => import('@/views/aigc/video'), | |||
meta: { title: '数字人视频' } | |||
}, | |||
{ | |||
path: 'introduce', | |||
component: () => import('@/views/aigc/introduce'), | |||
meta: { title: '数字人介绍' } | |||
} | |||
] | |||
}, | |||
@@ -59,10 +59,10 @@ service.interceptors.response.use( | |||
title: res.message, | |||
duration: 5000 | |||
}) | |||
if (res.code === 701) { | |||
Router.push(`/login`) | |||
return | |||
} | |||
// if (res.code === 701) { | |||
// Router.push(`/login`) | |||
// return | |||
// } | |||
return Promise.reject(res.message || 'Error') | |||
}, | |||
error => { | |||
@@ -7,8 +7,8 @@ | |||
<div class="app-container"> | |||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||
<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 label="标题" prop="title"> | |||
<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-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||
<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 label="序号" prop="serialNumber"> | |||
<el-input v-model="ruleForm.serialNumber" type="number"></el-input> | |||
@@ -67,7 +67,7 @@ | |||
<el-input v-model="ruleForm.subTitle"></el-input> | |||
</el-form-item> | |||
<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-button type="primary" :loading="loadingBtn" @click="submitForm('ruleForm')">立即创建</el-button> | |||
@@ -119,14 +119,12 @@ export default { | |||
}, | |||
methods: { | |||
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 | |||
}, | |||
close(tag) { | |||
@@ -7,8 +7,8 @@ | |||
<div class="app-container"> | |||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||
<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 label="链接" prop="link"> | |||
<el-input v-model="ruleForm.link"></el-input> | |||
@@ -7,8 +7,8 @@ | |||
<div class="app-container"> | |||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||
<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 label="链接" prop="link"> | |||
<el-input v-model="ruleForm.link"></el-input> | |||
@@ -28,6 +28,9 @@ | |||
<img :src="scope.row.image" width="50px" /> | |||
</template> | |||
</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" align="center" prop="newOpen" label="是否新开页面打开"> | |||
<template slot-scope="scope"> | |||
@@ -57,12 +60,18 @@ | |||
<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-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 label="序号" prop="serialNumber"> | |||
<el-input v-model="ruleForm.serialNumber"></el-input> | |||
</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-input v-model="ruleForm.link"></el-input> | |||
</el-form-item> | |||
@@ -97,7 +106,9 @@ export default { | |||
image: '', | |||
serialNumber: '', | |||
link: '', | |||
newOpen: '1' | |||
newOpen: '1', | |||
subTitle: '', | |||
title: '' | |||
}, | |||
rules: { | |||
name: [ | |||
@@ -121,13 +132,13 @@ export default { | |||
}, | |||
methods: { | |||
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 | |||
}, | |||
close(tag) { | |||
@@ -13,7 +13,7 @@ | |||
<el-input v-model="ruleForm.title"></el-input> | |||
</el-form-item> | |||
<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 label="链接" prop="link"> | |||
<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-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||
<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 label="序号" prop="serialNumber"> | |||
<el-input v-model="ruleForm.serialNumber"></el-input> | |||
@@ -106,12 +106,10 @@ export default { | |||
}, | |||
methods: { | |||
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 | |||
}, | |||
close(tag) { | |||
@@ -52,8 +52,8 @@ | |||
<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-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 label="序号" prop="serialNumber"> | |||
<el-input v-model="ruleForm.serialNumber"></el-input> | |||
@@ -113,13 +113,11 @@ export default { | |||
}, | |||
methods: { | |||
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 | |||
}, | |||
close(tag) { | |||
@@ -33,6 +33,15 @@ | |||
<el-table-column label="操作" width="230" align="center" fixed="right"> | |||
<template slot-scope="scope" class="btn"> | |||
<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> | |||
</el-table-column> | |||
</el-table> | |||
@@ -43,8 +52,8 @@ | |||
<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-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 label="序号" prop="serialNumber"> | |||
<el-input v-model="ruleForm.serialNumber"></el-input> | |||
@@ -64,7 +73,7 @@ | |||
</div> | |||
</template> | |||
<script> | |||
import { videoSave } from '@/api/aigc' | |||
import { videoSave, deleteVideo } from '@/api/aigc' | |||
import CRUD, { presenter, header, crud } from '@crud/crud' | |||
import pagination from '@crud/Pagination' | |||
import uploadFile from '@/components/uploadFile' | |||
@@ -104,13 +113,11 @@ export default { | |||
}, | |||
methods: { | |||
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 | |||
}, | |||
close(tag) { | |||
@@ -141,6 +148,17 @@ export default { | |||
}, | |||
resetForm(formName) { | |||
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"> | |||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||
<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 label="链接" prop="link"> | |||
<el-input v-model="ruleForm.link"></el-input> | |||
@@ -7,8 +7,8 @@ | |||
<div class="app-container"> | |||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||
<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 label="链接" prop="link"> | |||
<el-input v-model="ruleForm.link"></el-input> | |||
@@ -28,6 +28,9 @@ | |||
<img :src="scope.row.image" width="50px" /> | |||
</template> | |||
</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" align="center" prop="newOpen" label="是否新开页面打开"> | |||
<template slot-scope="scope"> | |||
@@ -57,12 +60,18 @@ | |||
<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-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 label="序号" prop="serialNumber"> | |||
<el-input v-model="ruleForm.serialNumber"></el-input> | |||
</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-input v-model="ruleForm.link"></el-input> | |||
</el-form-item> | |||
@@ -99,7 +108,9 @@ export default { | |||
image: '', | |||
serialNumber: '', | |||
link: '', | |||
newOpen: '1' | |||
newOpen: '1', | |||
subTitle: '', | |||
title: '' | |||
}, | |||
rules: { | |||
name: [ | |||
@@ -123,13 +134,13 @@ export default { | |||
}, | |||
methods: { | |||
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 | |||
}, | |||
close(tag) { | |||
@@ -52,8 +52,8 @@ | |||
<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-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 label="序号" prop="serialNumber"> | |||
<el-input v-model="ruleForm.serialNumber"></el-input> | |||
@@ -7,8 +7,8 @@ | |||
<div class="app-container"> | |||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||
<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 label="链接" prop="link"> | |||
<el-input v-model="ruleForm.link"></el-input> | |||
@@ -7,8 +7,8 @@ | |||
<div class="app-container"> | |||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||
<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 label="链接" prop="link"> | |||
<el-input v-model="ruleForm.link"></el-input> | |||
@@ -28,7 +28,8 @@ | |||
<img :src="scope.row.image" width="50px" /> | |||
</template> | |||
</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="是否新开页面打开"> | |||
<template slot-scope="scope"> | |||
{{ scope.row.newOpen === 1 ? '是' : '否' }} | |||
@@ -57,14 +58,17 @@ | |||
<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-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 label="序号" prop="serialNumber"> | |||
<el-input v-model="ruleForm.serialNumber"></el-input> | |||
</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 label="是否新开页面打开"> | |||
<el-radio-group v-model="ruleForm.newOpen"> | |||
@@ -96,7 +100,9 @@ export default { | |||
image: '', | |||
serialNumber: '', | |||
link: '', | |||
newOpen: '1' | |||
newOpen: '1', | |||
subTitle: '', | |||
title: '' | |||
}, | |||
rules: { | |||
name: [ | |||
@@ -120,13 +126,13 @@ export default { | |||
}, | |||
methods: { | |||
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 | |||
}, | |||
close(tag) { | |||
@@ -7,8 +7,8 @@ | |||
<div class="app-container"> | |||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||
<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 label="链接" prop="link"> | |||
<el-input v-model="ruleForm.link"></el-input> | |||
@@ -102,8 +102,8 @@ | |||
<ueditor :come-content="ruleForm.detail" @editorChange="editorChange($event)"></ueditor> | |||
</el-form-item> | |||
<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 label="视频" prop="video"> | |||
<uploadFile :url.sync="ruleForm.video" type="video" /> | |||
@@ -167,16 +167,14 @@ export default { | |||
this.query.type = '2' | |||
}, | |||
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 | |||
}, | |||
close(tag) { | |||
@@ -102,8 +102,8 @@ | |||
<ueditor :come-content="ruleForm.detail" @editorChange="editorChange($event)"></ueditor> | |||
</el-form-item> | |||
<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 label="视频" prop="video"> | |||
<uploadFile :url.sync="ruleForm.video" type="video" /> | |||
@@ -167,16 +167,14 @@ export default { | |||
this.query.type = '1' | |||
}, | |||
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 | |||
}, | |||
close(tag) { | |||
@@ -115,8 +115,8 @@ | |||
<ueditor :come-content="ruleForm.detail" @editorChange="editorChange($event)"></ueditor> | |||
</el-form-item> | |||
<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 label="视频" prop="video"> | |||
<uploadFile :url.sync="ruleForm.video" type="video" /> | |||
@@ -182,16 +182,14 @@ export default { | |||
this.query.subType = '32' | |||
}, | |||
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 | |||
}, | |||
close(tag) { | |||
@@ -107,8 +107,8 @@ | |||
<ueditor :come-content="ruleForm.detail" @editorChange="editorChange($event)"></ueditor> | |||
</el-form-item> | |||
<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 label="视频" prop="video"> | |||
<uploadFile :url.sync="ruleForm.video" type="video" /> | |||
@@ -174,16 +174,14 @@ export default { | |||
this.query.subType = '31' | |||
}, | |||
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 | |||
}, | |||
close(tag) { | |||
@@ -7,8 +7,8 @@ | |||
<div class="app-container"> | |||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||
<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 label="链接" prop="link"> | |||
<el-input v-model="ruleForm.link"></el-input> | |||
@@ -7,8 +7,8 @@ | |||
<div class="app-container"> | |||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform"> | |||
<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 label="链接" prop="link"> | |||
<el-input v-model="ruleForm.link"></el-input> | |||
@@ -28,6 +28,9 @@ | |||
<img :src="scope.row.image" width="50px" /> | |||
</template> | |||
</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" align="center" prop="newOpen" label="是否新开页面打开"> | |||
<template slot-scope="scope"> | |||
@@ -57,12 +60,18 @@ | |||
<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-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 label="序号" prop="serialNumber"> | |||
<el-input v-model="ruleForm.serialNumber"></el-input> | |||
</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-input v-model="ruleForm.link"></el-input> | |||
</el-form-item> | |||
@@ -97,7 +106,9 @@ export default { | |||
image: '', | |||
serialNumber: '', | |||
link: '', | |||
newOpen: '1' | |||
newOpen: '1', | |||
subTitle: '', | |||
title: '' | |||
}, | |||
rules: { | |||
name: [ | |||
@@ -121,13 +132,13 @@ export default { | |||
}, | |||
methods: { | |||
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 | |||
}, | |||
close(tag) { | |||