Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
d73031b0 by 杨威
Options

引导页新建宗地表单验证

1 parent 27385376
Inline Side-by-side
Showing 1 changed file with 92 additions and 59 deletions
...@@ -7,9 +7,9 @@ ...@@ -7,9 +7,9 @@
7 class="eltabs" 7 class="eltabs"
8 @tab-click="handleClick"> 8 @tab-click="handleClick">
9 <el-tab-pane class="eltabspane" label="宗地" name="zd"> 9 <el-tab-pane class="eltabspane" label="宗地" name="zd">
10 <el-form :inline="true" class="demo-form-inline"> 10 <el-form :inline="true" :rules="rules" :model="ruleForm" ref="ruleForm" class="demo-form-inline">
11 <el-form-item label="行政区划"> 11 <el-form-item label="行政区划" required prop="xzqbsm">
12 <el-select v-model="xzqValue" style="width:100px;" value-key="xzqbsm" placeholder="行政区" @change="changeXzq(xzqValue)"> 12 <el-select v-model="ruleForm.xzqbsm" style="width:100px;" value-key="xzqbsm" placeholder="行政区" @change="changeXzq(ruleForm.xzqbsm)">
13 <el-option 13 <el-option
14 v-for="item in xzq" 14 v-for="item in xzq"
15 :key="item.xzqbsm" 15 :key="item.xzqbsm"
...@@ -18,8 +18,8 @@ ...@@ -18,8 +18,8 @@
18 </el-option> 18 </el-option>
19 </el-select> 19 </el-select>
20 </el-form-item> 20 </el-form-item>
21 <el-form-item > 21 <el-form-item prop="djqbsm">
22 <el-select v-model="djqValue" style="width:130px;" placeholder="地籍区" @change="changeDjq(djqValue)"> 22 <el-select v-model="ruleForm.djqbsm" style="width:130px;" placeholder="地籍区" @change="changeDjq(ruleForm.djqbsm)">
23 <el-option 23 <el-option
24 v-for="item in djq" 24 v-for="item in djq"
25 :key="item.bsm" 25 :key="item.bsm"
...@@ -28,8 +28,8 @@ ...@@ -28,8 +28,8 @@
28 </el-option> 28 </el-option>
29 </el-select> 29 </el-select>
30 </el-form-item> 30 </el-form-item>
31 <el-form-item > 31 <el-form-item prop="djzqbsm">
32 <el-select v-model="djzqValue" style="width:150px;" placeholder="地籍子区"> 32 <el-select v-model="ruleForm.djzqbsm" style="width:150px;" placeholder="地籍子区">
33 <el-option 33 <el-option
34 v-for="item in djzq" 34 v-for="item in djzq"
35 :key="item.bsm" 35 :key="item.bsm"
...@@ -38,18 +38,17 @@ ...@@ -38,18 +38,17 @@
38 </el-option> 38 </el-option>
39 </el-select> 39 </el-select>
40 </el-form-item> 40 </el-form-item>
41 <el-form-item label="项目名称"> 41 <el-form-item label="项目名称" required prop="xmmc">
42 <el-input 42 <el-input
43 v-model="zdProjectName" 43 v-model="ruleForm.xmmc"
44 placeholder="项目名称" 44 placeholder="项目名称"
45 style="width:400px;" 45 style="width:400px;"
46 ></el-input> 46 ></el-input>
47 </el-form-item> 47 </el-form-item>
48 <el-form-item label="所有权类型"> 48 <el-form-item label="所有权类型" required prop="syqlxbsm">
49 <el-select 49 <el-select
50 v-model="syqlx.value" 50 v-model="ruleForm.syqlxbsm"
51 placeholder="所有权类型" 51 placeholder="所有权类型"
52 @change="changeSyqlx(syqlx.value)"
53 style="width:300px;" 52 style="width:300px;"
54 > 53 >
55 <el-option 54 <el-option
...@@ -61,9 +60,9 @@ ...@@ -61,9 +60,9 @@
61 </el-option> 60 </el-option>
62 </el-select> 61 </el-select>
63 </el-form-item> 62 </el-form-item>
64 <el-form-item label="特征码"> 63 <el-form-item label="特征码" required prop="zdtzmbsm">
65 <el-select 64 <el-select
66 v-model="tzmCode" 65 v-model="ruleForm.zdtzmbsm"
67 placeholder="宗地特征码" 66 placeholder="宗地特征码"
68 style="width:200px;" 67 style="width:200px;"
69 > 68 >
...@@ -76,7 +75,12 @@ ...@@ -76,7 +75,12 @@
76 </el-option> 75 </el-option>
77 </el-select> 76 </el-select>
78 </el-form-item> 77 </el-form-item>
79 <div> 78 <el-form-item class="handleBtn">
79 <el-button type="primary">导入图形</el-button>
80 <el-button type="primary" @click="newZd">创建</el-button>
81 <el-button type="primary" @click="close">取消</el-button>
82 </el-form-item>
83 <!-- <div>
80 <el-form-item style="margin-left:300px;"> 84 <el-form-item style="margin-left:300px;">
81 <el-button type="primary">导入图形</el-button> 85 <el-button type="primary">导入图形</el-button>
82 </el-form-item> 86 </el-form-item>
...@@ -86,7 +90,7 @@ ...@@ -86,7 +90,7 @@
86 <el-form-item> 90 <el-form-item>
87 <el-button type="primary" @click="close">取消</el-button> 91 <el-button type="primary" @click="close">取消</el-button>
88 </el-form-item> 92 </el-form-item>
89 </div> 93 </div> -->
90 </el-form> 94 </el-form>
91 </el-tab-pane> 95 </el-tab-pane>
92 <el-tab-pane class="eltabspane" label="宗海" name="zh">宗海</el-tab-pane> 96 <el-tab-pane class="eltabspane" label="宗海" name="zh">宗海</el-tab-pane>
...@@ -137,16 +141,39 @@ export default { ...@@ -137,16 +141,39 @@ export default {
137 tabPosition: "left", 141 tabPosition: "left",
138 //默认第一个选项卡 142 //默认第一个选项卡
139 activeName: "zd", 143 activeName: "zd",
140 zdProjectName: "",
141 zrzProjectName: "", 144 zrzProjectName: "",
142 tzmCode: "",
143 syqlxCode: "",
144 xzqValue: "",
145 djqValue: "",
146 djzqValue: "",
147 xzq: [], 145 xzq: [],
148 djq: [], 146 djq: [],
149 djzq: [], 147 djzq: [],
148 ruleForm:{
149 "djqbsm": "",
150 "djzqbsm": "",
151 "syqlxbsm": "",
152 "userbsm": "",
153 "xmmc": "",
154 "xzqbsm": "",
155 "zdtzmbsm": ""
156 },
157 rules: {
158 xzqbsm: [
159 { required: true, message: '请选择行政区', trigger: 'change' }
160 ],
161 djqbsm: [
162 { required: true, message: '请选择地籍区', trigger: 'change' }
163 ],
164 djzqbsm: [
165 { required: true, message: '请选择地籍子区', trigger: 'change' }
166 ],
167 xmmc: [
168 { required: true, message: '请输入项目名称', trigger: 'blur' },
169 ],
170 syqlxbsm: [
171 { required: true, message: '请选择所有权类型', trigger: 'change' }
172 ],
173 zdtzmbsm: [
174 { required: true, message: '请选择宗地特征码', trigger: 'change' }
175 ]
176 },
150 syqlx: [ 177 syqlx: [
151 { 178 {
152 label: "国家所有", 179 label: "国家所有",
...@@ -173,31 +200,30 @@ export default { ...@@ -173,31 +200,30 @@ export default {
173 console.log(tab.name); 200 console.log(tab.name);
174 }, 201 },
175 newZd() { 202 newZd() {
176 var data = { 203 this.$refs['ruleForm'].validate((valid) => {
177 xzqbsm: this.xzqValue, 204 if (valid) {
178 djqbsm: this.djqValue, 205 insertQjZdjbxx(this.ruleForm)
179 djzqbsm: this.djzqValue, 206 .then((res) => {
180 syqlxbsm: this.syqlxCode, 207 console.log(res.result);
181 xmmc: this.zdProjectName, 208 if (res.code == "200") {
182 zdtzmbsm: this.tzmCode, 209 this.$message({
183 }; 210 message: "创建成功！",
184 insertQjZdjbxx(data) 211 type: "success",
185 .then((res) => { 212 });
186 console.log(res.result); 213 this.$store.state.zdbsm = res.result;
187 if (res.code == "200") { 214 //todo 跳转到宗地基本信息内容表页面 (预留)
188 this.$message({ 215 this.close();
189 message: "创建成功！", 216 this.$router.push("/zd");
190 type: "success", 217 } else {
191 }); 218 this.$message.error(res.message);
192 this.$store.state.zdbsm = res.result; 219 }
193 //todo 跳转到宗地基本信息内容表页面 (预留) 220 })
194 this.close(); 221 .catch((error) => {});
195 this.$router.push("/zd"); 222 } else {
196 } else { 223 console.log('error submit!!');
197 this.$message.error(res.message); 224 return false;
198 } 225 }
199 }) 226 });
200 .catch((error) => {});
201 }, 227 },
202 newZrz() { 228 newZrz() {
203 //todo 在新增时，如果是点击顶部新建里面的自然幢则不传zdbsm 如果是点击右键里面的添加定着物则传zdbsm 229 //todo 在新增时，如果是点击顶部新建里面的自然幢则不传zdbsm 如果是点击右键里面的添加定着物则传zdbsm
...@@ -216,10 +242,9 @@ export default { ...@@ -216,10 +242,9 @@ export default {
216 }); 242 });
217 //todo 跳转到自然幢基本信息内容表页面 (预留) 243 //todo 跳转到自然幢基本信息内容表页面 (预留)
218 this.close(); 244 this.close();
219 this.$store.zdbsm=res.result.zdbsm; 245 this.$store.state.zdbsm=res.result.zdbsm;
220 this.$store.zrzbsm=res.result.bsm; 246 this.$store.state.zrzbsm=res.result.bsm;
221 this.$store.xmmc=res.result.xmmc; 247 this.$store.state.xmmc=res.result.xmmc;
222 localStorage.setItem("zrzbsm",res.result.bsm)
223 this.$router.push({ 248 this.$router.push({
224 path: '/zrz', query:{ 249 path: '/zrz', query:{
225 source: 1, 250 source: 1,
...@@ -244,8 +269,8 @@ export default { ...@@ -244,8 +269,8 @@ export default {
244 changeXzq(id) { 269 changeXzq(id) {
245 this.djq = []; 270 this.djq = [];
246 this.djzq = []; 271 this.djzq = [];
247 this.djqValue = ""; 272 this.ruleForm.djqbsm = "";
248 this.djzqValue = ""; 273 this.ruleForm.djzqbsm = "";
249 getListByXzqbsm(id) 274 getListByXzqbsm(id)
250 .then((res) => { 275 .then((res) => {
251 if (res.result == null) { 276 if (res.result == null) {
...@@ -259,7 +284,7 @@ export default { ...@@ -259,7 +284,7 @@ export default {
259 }, 284 },
260 changeDjq(item) { 285 changeDjq(item) {
261 this.djzq = []; 286 this.djzq = [];
262 this.djzqValue = ""; 287 this.ruleForm.djzqbsm = "";
263 if (item == null) { 288 if (item == null) {
264 console.log("llllllllllasdas"); 289 console.log("llllllllllasdas");
265 } else { 290 } else {
...@@ -277,10 +302,6 @@ export default { ...@@ -277,10 +302,6 @@ export default {
277 .catch((error) => {}); 302 .catch((error) => {});
278 } 303 }
279 }, 304 },
280 changeSyqlx(id) {
281 this.syqlxCode = id;
282 console.log(this.syqlxCode);
283 },
284 close() { 305 close() {
285 this.$emit("closeDialog"); 306 this.$emit("closeDialog");
286 }, 307 },
...@@ -289,7 +310,7 @@ export default { ...@@ -289,7 +310,7 @@ export default {
289 watch: {}, 310 watch: {},
290 }; 311 };
291 </script> 312 </script>
292 <style> 313 <style lang="less">
293 .eltabs { 314 .eltabs {
294 height: 366px; 315 height: 366px;
295 width: 100%; 316 width: 100%;
...@@ -298,6 +319,15 @@ export default { ...@@ -298,6 +319,15 @@ export default {
298 height: 100%; 319 height: 100%;
299 width: 100%; 320 width: 100%;
300 padding: 20px; 321 padding: 20px;
322 .el-form-item{
323 margin-bottom: 20px;
324 }
325 .handleBtn{
326 width: 90%;
327 .el-form-item__content{
328 float: right;
329 }
330 }
301 } 331 }
302 332
303 #tabs .el-tabs__item { 333 #tabs .el-tabs__item {
...@@ -310,4 +340,7 @@ export default { ...@@ -310,4 +340,7 @@ export default {
310 .zrzProject { 340 .zrzProject {
311 margin-top: 80px; 341 margin-top: 80px;
312 } 342 }
343 .el-form--inline .el-form-item__label{
344 width: 100px;
345 }
313 </style> 346 </style>
......