right.vue

<template>
	<div>
		<el-form ref="form" label-width="80px">
			<el-form-item label="停业">
				<ImageUpload @callback="submit" v-model="list['closeDown']" :limit="1" />
			</el-form-item>
			<el-form-item label="制作中">
				<ImageUpload @callback="submit" v-model="list['inProduction']" :limit="1" />
			</el-form-item>
			<el-form-item label="有待取单">
				<ImageUpload @callback="submit" v-model="list['thereAOrder']" :limit="1" />
			</el-form-item>
			<el-form-item label="无待取单">
				<ImageUpload @callback="submit" v-model="list['noOrder']" :limit="1" />
			</el-form-item>
		</el-form>


	</div>
</template>

<script>
import { updateConfig } from '@/api/system/config';

export default {
	props: ['initValue'],
	watch: {
		initValue(val) {
			if (val.configValue) {
				this.list = JSON.parse(val.configValue)
			}

		}
	},
	data() {
		return {
			list: {}
		}
	},
	methods: {
		submit() {
			this.$nextTick(() => {
				console.log(this.list);
				updateConfig({ ...this.initValue, configValue: JSON.stringify(this.list) }).then(res => {
					this.$modal.msgSuccess("修改成功");
				})
			})
		}
	}
}
</script>

<style>
</style>