From 540af127d6874345ae0aaffc85287dfb6287904b Mon Sep 17 00:00:00 2001
From: fangyuan <527392886@qq.com>
Date: 星期二, 29 十一月 2022 10:08:25 +0800
Subject: [PATCH] 短信模板消息内容初始化
---
src/views/operate/images/updateUser/index.vue | 58 ++++++++++++++++++++++++++--------------------------------
1 files changed, 26 insertions(+), 32 deletions(-)
diff --git a/src/views/operate/images/updateUser/index.vue b/src/views/operate/images/updateUser/index.vue
index 7cf2e92..309a684 100644
--- a/src/views/operate/images/updateUser/index.vue
+++ b/src/views/operate/images/updateUser/index.vue
@@ -2,9 +2,9 @@
<div class="updateUser">
<main>
<div class="mainContent">
- <el-form :model="imagedata" :rules="rules" :disabled="isDisabled" ref="user" style="width: 100%;">
- <el-form-item prop="baseId" label="鎵�灞炰簨浠剁紪鍙�">
- <el-input v-model="imagedata.baseId"></el-input>
+ <el-form label-position="right" label-width="150px" :model="imagedata" :rules="rules" :disabled="isDisabled" ref="user" style="width: 100%;">
+ <el-form-item prop="belongToId" label="鎵�灞炰簨浠剁紪鍙�">
+ <el-input v-model="imagedata.belongToId"></el-input>
</el-form-item>
<el-form-item prop="eventSource" label="浜嬩欢鏉ユ簮">
<el-input v-model="imagedata.eventSource"></el-input>
@@ -24,16 +24,7 @@
<el-input v-model="imagedata.id"></el-input>
</el-form-item>
<el-form-item prop="url" label="鍥剧墖:" min-width="8">
- <el-upload
- class="avatar-uploader"
- action=""
- ref="image"
- :show-file-list="false"
- :auto-upload="true"
- :http-request="imageUpload">
- <img v-if="imagedata.url" :src="imagedata.url" class="avatar">
- <i v-else class="el-icon-plus avatar-uploader-icon"></i>
- </el-upload>
+ <my-upload :picture-list="imageList" :is-show-upload="dialogType !== 'view'" @setPictureUrl="setPictureUrl" @delPictureUrl="delPictureUrl"></my-upload>
</el-form-item>
<div v-if="!isDisabled" class="optionBtn">
<el-button type="primary" class="btn submit" @click.native.prevent="onSubmit">鎻愪氦</el-button>
@@ -47,8 +38,10 @@
import { deepClone, RESOURCE_TYPE } from "@/utils/helper";
import imageManagement from "@/api/operate/imageManagement";
import { FILE_ORIGINAL_URL } from "@/utils";
+import MyUpload from "@/components/myUpload";
export default {
+ components: { MyUpload },
data() {
const validateImageUrl = (rule, value, callback) => {
if (this.imagedata.url) {
@@ -59,7 +52,7 @@
};
return {
imagedata: {
- baseId: '',
+ belongToId: '',
eventSource: '',
regionName: '',
category: '',
@@ -68,7 +61,7 @@
type: ''
},
rules: {
- baseId: [{ required: true, trigger: 'blur', message: '璇疯緭鍏ユ墍灞炰簨浠剁紪鍙�' }],
+ belongToId: [{ required: true, trigger: 'blur', message: '璇疯緭鍏ユ墍灞炰簨浠剁紪鍙�' }],
eventSource: [{ required: true, trigger: 'blur', message: '璇疯緭鍏ヤ簨浠舵潵婧�' }],
regionName: [{ required: true, trigger: 'blur', message: '璇疯緭鍏ョぞ鍖哄悕绉�' }],
id: [{ required: true, trigger: 'blur', message: '璇疯緭鍏ュ浘鐗嘔d' }],
@@ -76,14 +69,15 @@
url: [{ required: true, validator: validateImageUrl }],
type: [{ required: true, trigger: ['blur', 'change'], message: '璇烽�夋嫨绫诲瀷' }]
},
- isDisabled: false
+ isDisabled: false,
+ imageList: []
}
},
created() {
this.imagedata = deepClone(this.originalData);
if (this.dialogType !== 'create') {
- this.imagedata.url = this.imagedata.url.split(',')[0];
+ this.imageList = this.imagedata.url.split(',');
}
this.isDisabled = this.dialogType === 'view';
},
@@ -91,15 +85,21 @@
onSubmit() {
this.$refs.user.validate(valid => {
if (valid) {
+ const params = Object.assign({}, this.imagedata);
+ delete params.regionName;
+ delete params.category;
+ delete params.eventSource;
+ delete params.id;
+ params.belongToId = +params.belongToId;
if (this.dialogType === 'create') {
- imageManagement.addImageResource(this.imagedata)
+ imageManagement.addImageResource(params)
.then(() => {
this.$message.success('鎿嶄綔鎴愬姛');
this.$emit('closeDialog');
})
.catch(err => this.$message.error(`${err}`))
} else {
- imageManagement.updateImageResource(this.imagedata)
+ imageManagement.updateImageResource(params)
.then(() => {
this.$message.success('鎿嶄綔鎴愬姛');
this.$emit('closeDialog');
@@ -111,19 +111,13 @@
}
})
},
- imageUpload(file) {
- const formData = new FormData();
- formData.append('file', file.file);
- imageManagement.importImage(formData)
- .then(res => {
- this.$refs.image.clearFiles();
- this.$set(this.imagedata, 'url', FILE_ORIGINAL_URL + res.url1);
- this.$message.success('涓婁紶鎴愬姛');
- })
- .catch(err => {
- this.$message.error(`${err}`);
- this.$refs.image.clearFiles();
- })
+ setPictureUrl({ url }) {
+ this.imageList.push(`${FILE_ORIGINAL_URL}${url}`);
+ this.imagedata.url = this.imageList.join(',');
+ },
+ delPictureUrl({ url }) {
+ this.imageList = this.imageList.filter(item => item !== url);
+ this.imagedata.url = this.imageList.join(',');
},
getResourceType(value) {
return value ? RESOURCE_TYPE.find(item => item.value === value) : RESOURCE_TYPE;
--
Gitblit v1.8.0