引导页新建自然幢表单验证

@@ -95,26 +95,19 @@
 		</el-tab-pane>
 		</el-tab-pane>
 		<el-tab-pane class="eltabspane" label="宗海" name="zh">宗海</el-tab-pane>
 		<el-tab-pane class="eltabspane" label="宗海" name="zh">宗海</el-tab-pane>
 		<el-tab-pane class="eltabspane" label="自然幢" name="zrz">
 		<el-tab-pane class="eltabspane" label="自然幢" name="zrz">
-			<el-form :inline="true" class="zrzProject">
-				<el-form-item label="项目名称">
+			<el-form :inline="true" :rules="rules1" :model="ruleForm1" ref="ruleForm1" class="zrzProject">
+				<el-form-item label="项目名称" prop="xmmc">
 					<el-input
 					<el-input
-						v-model="zrzProjectName"
+						v-model="ruleForm1.xmmc"
 						placeholder="项目名称"
 						placeholder="项目名称"
 						style="width:400px;"
 						style="width:400px;"
 					></el-input>
 					></el-input>
 				</el-form-item>
 				</el-form-item>
-
-				<div>
-					<el-form-item style="margin-left:300px;">
+				<el-form-item class="handleBtn">
 					<el-button type="primary">导入图形</el-button>
 					<el-button type="primary">导入图形</el-button>
-					</el-form-item>
-					<el-form-item>
 					<el-button type="primary" @click="newZrz">创建</el-button>
 					<el-button type="primary" @click="newZrz">创建</el-button>
-					</el-form-item>
-					<el-form-item>
 					<el-button type="primary" @click="close">取消</el-button>
 					<el-button type="primary" @click="close">取消</el-button>
 				</el-form-item>
 				</el-form-item>
-				</div>
 			</el-form>
 			</el-form>
 		</el-tab-pane>
 		</el-tab-pane>
 		<el-tab-pane class="eltabspane" label="多幢" name="dz">多幢</el-tab-pane>
 		<el-tab-pane class="eltabspane" label="多幢" name="dz">多幢</el-tab-pane>
@@ -154,6 +147,11 @@ export default {
 				"xzqbsm": "",
 				"xzqbsm": "",
 				"zdtzmbsm": ""
 				"zdtzmbsm": ""
 			},
 			},
+			ruleForm1:{
+				zdbsm:'',
+				xmmc:'',
+				userbsm:''
+			},
 			rules: {
 			rules: {
 				xzqbsm: [
 				xzqbsm: [
 					{ required: true, message: '请选择行政区', trigger: 'change' }
 					{ required: true, message: '请选择行政区', trigger: 'change' }
@@ -174,6 +172,11 @@ export default {
 					{ required: true, message: '请选择宗地特征码', trigger: 'change' }
 					{ required: true, message: '请选择宗地特征码', trigger: 'change' }
 				]
 				]
 			},
 			},
+			rules1: {
+				xmmc: [
+					{ required: true, message: '请输入项目名称', trigger: 'blur' },
+				],
+			},
 			syqlx: [
 			syqlx: [
 				{
 				{
 					label: "国家所有",
 					label: "国家所有",
@@ -227,13 +230,9 @@ export default {
 		},
 		},
 		newZrz() {
 		newZrz() {
 			//todo 在新增时，如果是点击顶部新建里面的自然幢则不传zdbsm 如果是点击右键里面的添加定着物则传zdbsm
 			//todo 在新增时，如果是点击顶部新建里面的自然幢则不传zdbsm 如果是点击右键里面的添加定着物则传zdbsm
-			var data = {
-				userbsm: "",
-				xmmc: this.zrzProjectName,
-				zdbsm: "",
-			};
-			console.log(data);
-			insertZrzjbxx(data)
+			this.$refs['ruleForm1'].validate((valid) => {
+				if (valid) {
+					insertZrzjbxx(this.ruleForm1)
 						.then((res) => {
 						.then((res) => {
 							if (res.code == "200") {
 							if (res.code == "200") {
 								this.$message({
 								this.$message({
@@ -256,6 +255,12 @@ export default {
 							}
 							}
 						})
 						})
 						.catch((error) => {});
 						.catch((error) => {});
+				} else {
+					console.log('error submit!!');
+					return false;
+				}
+			});
+			
 		},
 		},
 		getXzqList() {
 		getXzqList() {
 			getAllList()
 			getAllList()
@@ -319,6 +324,9 @@ export default {
 	height: 100%;
 	height: 100%;
 	width: 100%;
 	width: 100%;
 	padding: 20px;
 	padding: 20px;
+	.el-form--inline .el-form-item__label{
+		width: 100px;
+	}
 	.el-form-item{
 	.el-form-item{
 		margin-bottom: 20px;
 		margin-bottom: 20px;
 	}
 	}
@@ -340,7 +348,4 @@ export default {
 .zrzProject {
 .zrzProject {
 	margin-top: 80px;
 	margin-top: 80px;
 }
 }
-.el-form--inline .el-form-item__label{
-	width: 100px;
-}
 </style>
 </style>