<template>
|
<!--
|
作者：
|
时间：2025-11-18
|
描述：插件中心-VIP专区-设置-页面背景图
|
-->
|
<div class="test-wrap mt30">
|
<el-form size="small" ref="form" :model="form" label-width="200px">
|
<el-form-item label="VIP专区首页">
|
<el-button type="primary" plain icon="el-icon-upload" @click="openUpload(1)">上传图片</el-button>
|
<div v-if="form.index != ''" class="img"><img :src="form.index" width="750" /></div>
|
<div class="tips">建议尺寸：宽750像素 高度357像素</div>
|
</el-form-item>
|
<el-form-item label="申请提现页">
|
<el-button type="primary" plain icon="el-icon-upload" @click="openUpload(2)">上传图片</el-button>
|
<div v-if="form.cash_apply != ''" class="img"><img :src="form.cash_apply" width="750" /></div>
|
<div class="tips">建议尺寸：宽750像素 高度357像素</div>
|
</el-form-item>
|
|
<!--提交-->
|
<div class="common-button-wrapper">
|
<el-button size="small" type="primary" @click="onSubmit" :loading="loading">提交</el-button>
|
</div>
|
</el-form>
|
|
<!--上传图片-->
|
<Upload v-if="isShowUpload" :uploadUrl="uploadUrl" :uploadData="uploadData" @uploadComplete="uploadComplete"></Upload>
|
</div>
|
</template>
|
|
<script>
|
import PlusApi from '@/api/plus/vip.js';
|
import Upload from '@/components/file/Upload';
|
|
export default {
|
components: {
|
Upload
|
},
|
data() {
|
return {
|
/*form表单数据*/
|
form: {
|
index: '',
|
cash_apply: ''
|
},
|
/*是否正在加载*/
|
loading: false,
|
/*是否显示上传组件*/
|
isShowUpload: false,
|
uploadUrl: '',
|
uploadData: {}
|
};
|
},
|
props: {
|
settingData: Object
|
},
|
created() {
|
this.form = this.settingData.data.background.values;
|
},
|
methods: {
|
/*提交表单*/
|
onSubmit() {
|
let self = this;
|
self.loading = true;
|
let params = this.form;
|
PlusApi.background(params, true)
|
.then(data => {
|
self.loading = false;
|
self.$message({
|
message: '恭喜你，设置成功',
|
type: 'success'
|
});
|
})
|
.catch(error => {
|
self.loading = false;
|
});
|
},
|
|
/*打开上传*/
|
openUpload(type) {
|
this.isShowUpload = true;
|
this.uploadData = {
|
type: type
|
};
|
this.uploadUrl = '/shop/file.library/upload';
|
},
|
|
/*上传完成*/
|
uploadComplete(data) {
|
this.isShowUpload = false;
|
if (data.code == 1) {
|
if (this.uploadData.type == 1) {
|
this.form.index = data.data.url;
|
} else if (this.uploadData.type == 2) {
|
this.form.cash_apply = data.data.url;
|
}
|
}
|
}
|
}
|
};
|
</script>
|
|
<style>
|
.img {
|
margin-top: 10px;
|
}
|
.tips {
|
color: #ccc;
|
}
|
</style>
|
