构建框架

2024-06-24 18:52:21 +08:00
commit 33942cbe95
328 changed files with 50716 additions and 0 deletions
@@ -0,0 +1,72 @@
+<!--
+ * @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>