saas-web/public/code/list/save.vue

<!--
 * @Descripttion: 此文件由SCUI生成，典型的VUE增删改列表页面组件
 * @version: 1.0
 * @Author: SCUI AutoCode 模板版本 1.0.0-beta.1
 * @Date: <%= createDate %>
 * @LastEditors: (最后更新作者)
 * @LastEditTime: (最后更新时间)
-->

<template>
	<el-form :model="form" :rules="rules" :disabled="mode=='show'" ref="dialogForm" label-width="100px" label-position="left">
		<% column.forEach(function(item, index){ %>
		<el-form-item label="<%= item.label %>" prop="<%= item.prop %>">
			<el-input v-model="form.<%= item.prop %>" clearable></el-input>
		</el-form-item>
		<% })%>
	</el-form>
</template>

<script>
	export default {
		props: {
			mode: { type: String, default: "add" }
		},
		data() {
			return {
				//表单数据
				form: {
					<%= base.rowKey %>:"",
					<% column.forEach(function(item, index){ %>
					<%= item.prop %>: "",
					<% })%>
				},
				//验证规则
				rules: {
					<% column.forEach(function(item, index){ %>
					<%= item.prop %>: [
						{required: true, message: '请输入<%= item.label %>'}
					],
					<% })%>
				},
			}
		},
		mounted(){

		},
		methods: {
			//表单提交方法
			submit(callback){
				this.$refs.dialogForm.validate((valid) => {
					if (valid) {
						callback(this.form)
					}else{
						return false;
					}
				})
			},
			//表单注入数据
			setData(data){
				this.form.<%= base.rowKey %> = data.<%= base.rowKey %>
				<% column.forEach(function(item, index){ %>
				this.form.<%= item.prop %> = data.<%= item.prop %>
				<% })%>
				//可以和上面一样单个注入，也可以像下面一样直接合并进去
				//Object.assign(this.form, data)
			}
		}
	}
</script>

<style>
</style>