创建峰会图片上传,删除

src/views/summit/model/summitPopup.vue

@@ -105,12 +105,7 @@
 								<el-form-item label="活动id:">
 									<!-- <el-input v-model="form.rid" placeholder="请输入签到/抽奖活动的id"></el-input> -->
 									<el-select v-model="form.rid" placeholder="请选择签到/抽奖活动id">
-										<el-option
-											v-for="(item,index) in optionsId"
-											:key="index"
-											:label="item"
-											:value="item"
-										></el-option>
+										<el-option v-for="(item,index) in optionsId" :key="index" :label="item" :value="item"></el-option>
 									</el-select>
 								</el-form-item>
 							</el-col>
@@ -151,20 +146,16 @@
 					<div>
 						<el-row>
 							<el-col>
-								<el-form-item label="房车介绍:">
+								<el-form-item label="房车介绍:" style="margin-top:20px">
 									<el-upload
-										class="upload-demo"
-										:headers="getHeaderWithToken"
 										:action="BASE_API+'/api/universal/file/app/unauth/admin/upload'"
-										:on-remove="handleRemove"
+										list-type="picture-card"
 										:file-list="fileList2"
 										:on-success="handleBannerSuccess"
-										list-type="picture"
+										:on-remove="handleRemove"
+										:headers="getHeaderWithToken"
 									>
-										<div slot="tip" class="el-upload__tip">
-											<span style="color: red;">建议尺寸：1080*644px</span>
-										</div>
-										<el-button size="small" type="primary">点击上传</el-button>
+										<i class="el-icon-plus"></i>
 									</el-upload>
 								</el-form-item>
 								<el-form-item label="峰会流程:">
@@ -205,8 +196,8 @@
 				<el-row>
 					<el-col>
 						<el-button class="button" @click="cancelHandel">取 消</el-button>
-						<el-button class="button" type="primary" v-if="titleNme=='创建峰会'" @click="create('form')">确 定</el-button>
-						<el-button class="button" type="primary" v-if="titleNme=='编辑峰会'" @click="update1()">确 定</el-button>
+						<el-button class="button" type="primary" v-if="titleNme=='创建峰会'" @click="create('form')">确定</el-button>
+						<el-button class="button" type="primary" v-if="titleNme=='编辑峰会'" @click="update1()">确定</el-button>
 					</el-col>
 				</el-row>
 			</el-form>
@@ -287,7 +278,7 @@ export default {
 	created() {
 		activityIds().then(data => {
 			if (data.status == 200) {
-				this.optionsId = data.data;
+				this.optionsId = data.data
 			}
 		})
 	},
@@ -306,11 +297,14 @@ export default {
 		}
 	},
 	methods: {
-		handleBannerSuccess(res, file) {
-			this.fileList2.push({ url: res.data })
-			this.form.vehicleImgs = this.fileList2
+		handleBannerSuccess(res, file, fileList) {
+			console.log(fileList);
+			this.fileList2 = fileList
+			// this.form.vehicleImgs = this.fileList2
+		},
+		handleRemove(res, file, fileList) {
+			this.fileList2 = file
 		},
-		handleRemove() {},
 		getOrderInfo() {
 			this.title = this.titleNme
 			if (this.title === '编辑峰会') {
@@ -384,7 +378,7 @@ export default {
 		},
 		getState(status) {
 			if (this.$utils.isInteger(status)) {
-				console.log(status);
+				console.log(status)
 				if (status == 0) {
 					return '默认'
 				} else {
@@ -450,10 +444,17 @@ export default {
 					? (this.form.bmCloseTime = this.form.bmCloseTime)
 					: (this.form.bmCloseTime = this.form.bmCloseTime.getTime())
 				let pic = []
-				if (!!this.form.vehicleImgs) {
-					this.form.vehicleImgs.forEach(element => {
-						pic.push(element.url)
-					})
+				if (this.fileList2 != '') {
+					console.log(this.fileList2);
+					this.fileList2.forEach(element => {
+						if (!!element.response) {
+							pic.push(element.response.data)
+						}else{
+							pic.push(element.url);
+						}
+					});
+					console.log(pic);
+					
 					this.form.vehicleImgs = pic.join(',')
 				}
 
@@ -501,12 +502,18 @@ export default {
 				this.form.startTime = this.form.startTime.getTime()
 				this.form.bmCloseTime = this.form.bmCloseTime.getTime()
 				let pic = []
-				if (!!this.form.vehicleImgs) {
-					this.form.vehicleImgs.forEach(element => {
-						pic.push(element.url)
-					})
+				if (this.fileList2 != '') {
+					this.fileList2.forEach(element => {
+						pic.push(element.response.data);
+					});
 					this.form.vehicleImgs = pic.join(',')
 				}
+				// if (!!this.form.vehicleImgs) {
+				// 	this.form.vehicleImgs.forEach(element => {
+				// 		pic.push(element.url)
+				// 	})
+				// 	this.form.vehicleImgs = pic.join(',')
+				// }
 				this.dataProcessing()
 				add(this.form).then(res => {
 					this.responseResult(res)
@@ -516,7 +523,7 @@ export default {
 		dataProcessing() {
 			if (this.form.state === '默认') {
 				this.form.status = '0'
-			}else{
+			} else {
 				this.form.status = this.statusRadio
 			}
 			this.form.processJson = JSON.stringify(this.processJson)