Skip to content

M
marketing-opeartion
Commit 75f8af03 by crushh
Options

update: temp

parent 1b1ac681
Showing with 25 additions and 16 deletions
src/views/activity/template-detail.vue
......@@ -41,11 +41,11 @@
<el-form-item label="奖项图片尺寸" required>
<div class="flex">
<el-form-item label-width="0" prop="prizeStyleSizeW" style="margin: 0">
<el-input class="w140" placeholder="请输入" maxlength="20" v-model.number="form.prizeStyleSizeW"></el-input>
<el-input class="w140" placeholder="请输入" v-model.number="form.prizeStyleSizeW"></el-input>
</el-form-item>
<span class="ml10 mr10">*</span>
<el-form-item label-width="0" prop="prizeStyleSizeH" style="margin: 0">
<el-input class="w140" placeholder="请输入" maxlength="20" v-model.number="form.prizeStyleSizeH"></el-input>
<el-input class="w140" placeholder="请输入" v-model.number="form.prizeStyleSizeH"></el-input>
</el-form-item>
<span class="ml10">px</span>
</div>
......@@ -62,13 +62,13 @@
<el-form-item :prop="'prizeStyleJson.' + index + '.' + 'imageNoSelectUrl'" label-width="0" :rules="[{required:true,message:'请上传'}]">
<div class="flex-column">
<span class="mb8">未选中</span>
<vue-gic-upload-image :project-name="projectName" is-yw :action-url="actionUrl" :image-list="item.imageNoSelectUrlList" max-image-length="1" accept="image/jpg,image/jpeg,image/png,image/gif" :before-upload="(file) => beforeUpload(file)" @uploadOnSuccess="(data) => uploadOnSuccess(data, 'imageNoSelectUrl', index,'prizeStyleJson')" @deleteImage="deleteImage('imageNoSelectUrl', index,'prizeStyleJson')" preview-append-to-body> </vue-gic-upload-image>
<vue-gic-upload-image :project-name="projectName" is-yw :action-url="actionUrl" :image-list="item.imageNoSelectUrlList" max-image-length="1" accept="image/jpg,image/jpeg,image/png,image/gif" :before-upload="(file) =>beforeUpload(file)" @uploadOnSuccess="(data) => uploadOnSuccess(data, 'imageNoSelectUrl', index,'prizeStyleJson')" @deleteImage="deleteImage('imageNoSelectUrl', index,'prizeStyleJson')" preview-append-to-body> </vue-gic-upload-image>
</div>
</el-form-item>
<el-form-item :prop="'prizeStyleJson.' + index + '.' + 'imageSelectUrl'" label-width="0" required :rules="[{required:true,message:'请上传'}]">
<div class="flex-column">
<span class="mb8">选中</span>
<vue-gic-upload-image :project-name="projectName" is-yw :action-url="actionUrl" :image-list="item.imageSelectUrlList" max-image-length="1" accept="image/jpg,image/jpeg,image/png,image/gif" :before-upload="(file) => beforeUpload(file)" @uploadOnSuccess="(data) => uploadOnSuccess(data, 'imageSelectUrl', index,'prizeStyleJson')" @deleteImage="deleteImage('imageSelectUrl', index,'prizeStyleJson')" preview-append-to-body> </vue-gic-upload-image>
<vue-gic-upload-image :project-name="projectName" is-yw :action-url="actionUrl" :image-list="item.imageSelectUrlList" max-image-length="1" accept="image/jpg,image/jpeg,image/png,image/gif" :before-upload="(file) => beforeUpload(file)" @uploadOnSuccess="(data) => uploadOnSuccess(data, 'imageSelectUrl', index,'prizeStyleJson')" @deleteImage="deleteImage('imageSelectUrl', index,'prizeStyleJson')" preview-append-to-body> </vue-gic-upload-image>
</div>
</el-form-item>
</div>
......@@ -92,7 +92,7 @@
</div>
</el-form-item>
<el-form-item label="默认图" prop="noticeImageUrl.materialValue" :rules="[{required:true,message:'请上传'}]">
<vue-gic-upload-image :project-name="projectName" is-yw :action-url="actionUrl" :image-list="imageList.noticeImageUrlList" max-image-length="1" accept="image/jpg,image/jpeg,image/png,image/gif" :before-upload="(file) => beforeUpload(file)" @uploadOnSuccess="(data) => uploadOnSuccess(data, 'noticeImageUrl')" @deleteImage="deleteImage('noticeImageUrl')" preview-append-to-body>
<vue-gic-upload-image :project-name="projectName" is-yw :action-url="actionUrl" :image-list="imageList.noticeImageUrlList" max-image-length="1" accept="image/jpg,image/jpeg,image/png,image/gif" :before-upload="(file) =>beforeUpload(file)" @uploadOnSuccess="(data) => uploadOnSuccess(data, 'noticeImageUrl')" @deleteImage="deleteImage('noticeImageUrl')" preview-append-to-body>
</vue-gic-upload-image>
<p class="tips mt6">图片格式 jpg/jpeg/png/gif，大小 1M 以内。</p>
</el-form-item>
......@@ -100,7 +100,7 @@
<dm-sub-title type="fill">首页其它按钮图</dm-sub-title>
<div class="section">
<el-form-item :label="item.label" v-for="item in btnImgList" :rules="[{ required: true, message: '请上传' } ]" :key="item.prop" :prop="item.prop+'.materialValue'">
<vue-gic-upload-image :project-name="projectName" is-yw :action-url="actionUrl" :image-list="imageList[item.prop+'List']" max-image-length="1" accept="image/jpg,image/jpeg,image/png,image/gif" :before-upload="(file) => beforeUpload(file)" @uploadOnSuccess="(data) => uploadOnSuccess(data, item.prop)" @deleteImage="deleteImage(item.prop)" preview-append-to-body> </vue-gic-upload-image>
<vue-gic-upload-image :project-name="projectName" is-yw :action-url="actionUrl" :image-list="imageList[item.prop+'List']" max-image-length="1" accept="image/jpg,image/jpeg,image/png,image/gif" :before-upload="(file) =>beforeUpload(file)" @uploadOnSuccess="(data) => uploadOnSuccess(data, item.prop)" @deleteImage="deleteImage(item.prop)" preview-append-to-body> </vue-gic-upload-image>
<p class="tips mt6">{{ item.tips }}</p>
</el-form-item>
</div>
......@@ -119,13 +119,13 @@
</el-form-item>
<el-form-item label="模板奖品图片" required>
<p class="tips">图片建议尺寸 300*300px，格式 jpg/jpeg/png/gif，大小 1M 以内。</p>
<p class="tips">图片建议尺寸 300*300px，格式 jpg/jpeg/png，大小 1M 以内。</p>
<div class="flex-gap">
<div v-for="item in prizeImgList" :key="item.prop">
<el-form-item :rules="[{ required: true, message: '请上传' } ]" :prop="item.prop+'.materialValue'" label-width="0">
<div class="flex-column">
<span class="mb8">{{ item.label }}</span>
<vue-gic-upload-image :project-name="projectName" is-yw :action-url="actionUrl" :image-list="imageList[item.prop+'List']" max-image-length="1" accept="image/jpg,image/jpeg,image/png,image/gif" :before-upload="(file) => beforeUpload(file)" @uploadOnSuccess="(data) => uploadOnSuccess(data, item.prop)" @deleteImage="deleteImage(item.prop)" preview-append-to-body> </vue-gic-upload-image>
<vue-gic-upload-image :project-name="projectName" is-yw :action-url="actionUrl" :image-list="imageList[item.prop+'List']" max-image-length="1" accept="image/jpg,image/jpeg,image/png" :before-upload="(file) => beforeUpload(file)" @uploadOnSuccess="(data) => uploadOnSuccess(data, item.prop)" @deleteImage="deleteImage(item.prop)" preview-append-to-body> </vue-gic-upload-image>
</div>
</el-form-item>
</div>
......@@ -163,10 +163,15 @@ export default {
};
const prizeMinValidator = (r, v, c) => {
const { prizeMax, prizeMin } = this.form;
if (typeof prizeMin != 'number') {
c(new Error('请输入数字'));
return;
}
if (!prizeMin) {
c(new Error('请输入大于0的数字'));
return;
}
if (prizeMin > prizeMax) {
c(new Error('请输入不大于右边的值'));
return;
......@@ -180,6 +185,10 @@ export default {
const prizeMaxValidator = (r, v, c) => {
const { prizeMax, prizeMin } = this.form;
if (typeof prizeMax != 'number') {
c(new Error('请输入数字'));
return;
}
if (!prizeMax) {
c(new Error('请输入大于0的数字'));
return;
......@@ -238,13 +247,13 @@ export default {
backMusicUrl: [ { required: true, validator: backMusicUrlValidator } ],
viewPrize: [ { type: 'number', min: 1, max: 10, message: '请输入1-10的数字' } ],
prizeStyleSizeW: [ { required: true, message: '请填写图片宽度' } ],
prizeStyleSizeH: [ { required: true, message: '请填写图片高度' } ],
noticeImageUrlW: [ { required: true, message: '请填写图片宽度' } ],
noticeImageUrlH: [ { required: true, message: '请填写图片高度' } ],
prizeStyleSizeW: [ { required: true, message: '请填写图片宽度' }, { type: 'number', min: 1, message: '请输入数字' } ],
prizeStyleSizeH: [ { required: true, message: '请填写图片高度' }, { type: 'number', min: 1, message: '请输入数字' } ],
noticeImageUrlW: [ { required: true, message: '请填写图片宽度' }, { type: 'number', min: 1, message: '请输入数字' } ],
noticeImageUrlH: [ { required: true, message: '请填写图片高度' }, { type: 'number', min: 1, message: '请输入数字' } ],
prizeMin: [ { required: true, validator: prizeMinValidator } ],
prizeMax: [ { required: true, validator: prizeMaxValidator } ],
prizeMin: [ { required: true, validator: prizeMinValidator } ],
prizeMax: [ { required: true, validator: prizeMaxValidator } ],
},
btnImgList: [
......@@ -306,13 +315,13 @@ export default {
label: '小程序卡片',
prop: 'shareCard',
rule: { required: false, message: '请上传' },
tips: '图片建议尺寸 320*240px，格式 jpg/jpeg/png/gif，大小 1M 以内。'
tips: '图片建议尺寸 320*240px，格式 jpg/jpeg/png，大小 1M 以内。'
},
{
label: '分享海报',
prop: 'shareReport',
rule: { required: false, message: '请上传' },
tips: '图片建议尺寸 750*1334px，格式 jpg/jpeg/png/gif，大小 1M 以内。'
tips: '图片建议尺寸 750*1334px，格式 jpg/jpeg/png，大小 1M 以内。'
},
{
label: '“分享助力”页顶部banner',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment