This commit is contained in:
yanran200730
2022-02-10 11:33:30 +08:00
parent 2645898031
commit de30d29b53

View File

@@ -45,20 +45,16 @@
<ai-dialog :title="dialog.title" :visible.sync="visible" @onCancel="visible = false" @onConfirm="addConfirm"
width="800px">
<el-form class="ai-form" ref="form" :model="dialogInfo" :rules="formRules" size="small" label-width="100px">
<!-- 首页封面 -->
<el-form-item style="width: 100%;" label="首页封面" prop="imgUrl">
<ai-uploader v-model="dialogInfo.imgUrl" @change="change" :instance="instance" :limit="1"></ai-uploader>
</el-form-item>
<!-- 活动名称 -->
<el-form-item style="width: 100%;" label="活动名称" prop="title">
<el-input placeholder="请输入活动名称" :maxlength="30" show-word-limit v-model="dialogInfo.title"></el-input>
<el-form-item style="width: 100%;" label="图片名称" prop="title">
<el-input placeholder="请输入图片名称" :maxlength="30" show-word-limit v-model="dialogInfo.title"></el-input>
</el-form-item>
<!-- 连接类型 -->
<el-form-item style="width: 100%;" label="链接类型" prop="type">
<ai-select v-model="dialogInfo.type" placeholder="请选择链接类型"
:selectList="dict.getDict('bannerType')"></ai-select>
</el-form-item>
<!-- 链接 -->
<el-form-item style="width: 100%;" label="链接" prop="linkUrl">
<el-input placeholder="请输入链接" v-model="dialogInfo.linkUrl"></el-input>
</el-form-item>
@@ -75,7 +71,7 @@
<ai-info-item label="首页封面">
<span><img :src="dialogInfo.imgUrl" alt="" style="width:100px;height:100px;"/></span>
</ai-info-item>
<ai-info-item label="活动名称">
<ai-info-item label="图片名称">
<span>{{ dialogInfo.title }}</span>
</ai-info-item>
<ai-info-item label="链接类型">
@@ -138,7 +134,7 @@ export default {
// fileList: '',
formRules: {
imgUrl: [{required: true, message: '请添加图片', trigger: 'change'}],
title: [{required: true, message: '请输入活动名称', trigger: 'blur'}],
title: [{required: true, message: '请输入图片名称', trigger: 'blur'}],
type: [{required: true, message: '请选择链接类型', trigger: 'change'}],
position: [{required: true, message: '请选择位置', trigger: 'change'}]
},
@@ -146,7 +142,7 @@ export default {
{prop: 'imgUrl', label: '首页封面', slot: 'imgUrl'},
{
prop: 'title',
label: '活动名称',
label: '图片名称',
'show-overflow-tooltip': true,
},