tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(advert): 广告保存提交和图片回显

Browse Source
This commit is contained in:
有来技术
2021-12-26 22:40:01 +08:00
parent d3f8f79902
commit 74aa191ea4
1 changed files with 22 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/views/sms/advert/index.vue
View File

@@ -39,19 +39,17 @@
<template #default="scope"> <template #default="scope">
<el-popover <el-popover
placement="right" placement="right"
title="" :width="540"
trigger="hover"> trigger="hover">
<img :src="scope.row.picUrl"/> <img :src="scope.row.picUrl" width="400" height="400"/>
<img slot="reference" <template #reference>
:src="scope.row.picUrl" <img :src="scope.row.picUrl" style="max-height: 60px;max-width: 60px"/>
:alt="scope.row.picUrl" </template>
style="max-height: 60px;max-width: 60px"
>
</el-popover> </el-popover>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="beginDate" label="开始时间" min-width="10"/> <el-table-column prop="beginTime" label="开始时间" min-width="10"/>
<el-table-column prop="endTime" label="到期时间" min-width="10"/> <el-table-column prop="endTime" label="结束时间" min-width="10"/>
<el-table-column prop="status" label="状态" min-width="6"> <el-table-column prop="status" label="状态" min-width="6">
<template #default="scope"> <template #default="scope">
<el-tag v-if="scope.row.status===1" type="success" size="mini">开启</el-tag> <el-tag v-if="scope.row.status===1" type="success" size="mini">开启</el-tag>
@@ -102,21 +100,21 @@
:rules="rules" :rules="rules"
label-width="100px" label-width="100px"
> >
<el-form-item label="广告标题" required prop="title"> <el-form-item label="广告标题" prop="title">
<el-input v-model="formData.title"/> <el-input v-model="formData.title"/>
</el-form-item> </el-form-item>
<el-form-item label="有效期" required prop="beginTime"> <el-form-item label="有效期" prop="beginTime">
<el-date-picker <el-date-picker
v-model="formData.beginTime" v-model="formData.beginTime"
value-format="yyyy-MM-dd" placeholder="开始时间"
placeholder="开始日期" value-format="YYYY-MM-DD"
/> />
~ ~
<el-date-picker <el-date-picker
v-model="formData.endTime" v-model="formData.endTime"
value-format="yyyy-MM-dd" placeholder="结束时间"
placeholder="结束日期" value-format="YYYY-MM-DD"
/> />
</el-form-item> </el-form-item>
@@ -195,12 +193,19 @@ const state = reactive({
remark: undefined remark: undefined
}, },
rules: { rules: {
name: [ title: [
{required: true, message: '请输入广告名称', trigger: 'blur'} {required: true, message: '请输入广告名称', trigger: 'blur'}
], ],
pic: [ beginTime: [
{required: true, message: '请填写开始时间', trigger: 'blur'}
],
endTime: [
{required: true, message: '请填写结束时间', trigger: 'blur'}
],
picUrl: [
{required: true, message: '请上传广告图片', trigger: 'blur'} {required: true, message: '请上传广告图片', trigger: 'blur'}
] ]
} }
}) })