Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
7f5fbad9 by weimo934
Options

feat(Home):左侧行政区

1 parent c579ca83
Inline Side-by-side
Showing 9 changed files with 987 additions and 934 deletions
...@@ -52,7 +52,7 @@ export function getDdicByMC(mc) { ...@@ -52,7 +52,7 @@ export function getDdicByMC(mc) {
52 /** 52 /**
53 * 根据宗地BSM获取左侧目录树 53 * 根据宗地BSM获取左侧目录树
54 */ 54 */
55 export function getTree(bsm) { 55 export function getTree(zdbsm) {
56 return request({ 56 return request({
57 url: 'system/xzq/getMenuTreeByZdbsm', 57 url: 'system/xzq/getMenuTreeByZdbsm',
58 method: 'get', 58 method: 'get',
......
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
39 active_color: item.expand, 39 active_color: item.expand,
40 }" 40 }"
41 > 41 >
42 {{ item.label }} 42 {{ item.mc }}
43 </div> 43 </div>
44 </div> 44 </div>
45 <line-item 45 <line-item
......
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
28 reTree_expand_icon: !item.expand && item.children.length > 0, 28 reTree_expand_icon: !item.expand && item.children.length > 0,
29 }" 29 }"
30 ></div> 30 ></div>
31 <div class="layer_text nowrap">{{ item.label }}</div> 31 <div class="layer_text nowrap">{{ item.mc }}</div>
32 </div> 32 </div>
33 33
34 <lineItem 34 <lineItem
......
1 <template> 1 <template>
2 <div class="home-box"> 2 <div class="home-box">
3 <el-container> 3 <el-container>
4 <el-aside :class="{ 'aside-show': isActive }"> 4 <el-aside :class="{ 'aside-show': isActive }">
5 <div class="logo-box" :class="{ 'logo-box-show': isActive }"> 5 <div class="logo-box" :class="{ 'logo-box-show': isActive }">
6 <img 6 <img
7 class="logo-img" 7 class="logo-img"
8 src="@/assets/images/logo-realestate.png" 8 src="@/assets/images/logo-realestate.png"
9 alt="" 9 alt=""
10 /> 10 />
11 <span class="logo-text" v-show="!textLogo">不动产权籍调查系统</span> 11 <span class="logo-text" v-show="!textLogo">不动产权籍调查系统</span>
12 </div> 12 </div>
13 <div class="treeModule"> 13 <div class="treeModule">
14 <LineTree :pd="pd" @itemClick="itemClick"></LineTree> 14 <LineTree :pd="pd" @itemClick="itemClick"></LineTree>
15 </div> 15 </div>
16 </el-aside> 16 </el-aside>
17 <el-container> 17 <el-container>
18 <el-header height="100px"> 18 <el-header height="100px">
19 <div class="header-top"> 19 <div class="header-top">
20 <div class="top-items" @click="toggleClick"> 20 <div class="top-items" @click="toggleClick">
21 <i class="fa fa-outdent hamburger" v-show="!isActive"></i> 21 <i class="fa fa-outdent hamburger" v-show="!isActive"></i>
22 <i class="fa fa-indent hamburger" v-show="isActive"></i> 22 <i class="fa fa-indent hamburger" v-show="isActive"></i>
23 </div> 23 </div>
24 <div 24 <div
25 class="top-items" 25 class="top-items"
26 v-for="(item, index) in headTop" 26 v-for="(item, index) in headTop"
27 :key="index + '1'" 27 :key="index + '1'"
28 :class="{ 'is-active': item.select }" 28 :class="{ 'is-active': item.select }"
29 @click="selectTopItems(index)" 29 @click="selectTopItems(index)"
30 > 30 >
31 <i :class="item.icon"></i> 31 <i :class="item.icon"></i>
32 <span>{{ item.name }}</span> 32 <span>{{ item.name }}</span>
33 </div> 33 </div>
34 </div> 34 </div>
35 <div class="header-bottom"> 35 <div class="header-bottom">
36 <Navigation ref="navigation"></Navigation> 36 <Navigation ref="navigation"></Navigation>
37 </div> 37 </div>
38 <el-dialog 38 <el-dialog
39 title="新建" 39 title="新建"
40 :visible.sync="dialogVisible" 40 :visible.sync="dialogVisible"
41 width="40%" 41 width="40%"
42 > 42 >
43 <Create @closeDialog="closeDialog"></Create> 43 <Create @closeDialog="closeDialog"></Create>
44 </el-dialog> 44 </el-dialog>
45 </el-header> 45 </el-header>
46 <el-main> 46 <el-main>
47 <router-view /> 47 <router-view/>
48 </el-main> 48 </el-main>
49 </el-container> 49 </el-container>
50 </el-container> 50 </el-container>
51 </div> 51 </div>
52 </template> 52 </template>
53 <script> 53 <script>
54 import util from "@/libs/util.js"; 54 import util from "@/libs/util.js";
55 import Navigation from "../components/IvyElement/navigation"; 55 import Navigation from "../components/IvyElement/navigation";
56 import Create from "./panel/create/index"; 56 import Create from "./panel/create/index";
57 import LineTree from "../components/lineTree/lineTree"; 57 import LineTree from "../components/lineTree/lineTree";
58 import { setTimeout } from "timers"; 58 import {setTimeout} from "timers";
59 export default { 59 import {getTree} from "../api/common"
60 components: { 60
61 Navigation, 61 export default {
62 LineTree, 62 components: {
63 Create, 63 Navigation,
64 }, 64 LineTree,
65 data() { 65 Create,
66 return { 66 },
67 navigationList: [], 67 data() {
68 isActive: false, 68 return {
69 textLogo: false, 69 navigationList: [],
70 activePath: "", 70 isActive: false,
71 defaultActive: "", 71 textLogo: false,
72 headTop: [ 72 activePath: "",
73 { 73 defaultActive: "",
74 path: "/create", 74 headTop: [
75 select: false, 75 {
76 }, 76 path: "/create",
77 { 77 select: false,
78 path: "/add", 78 },
79 select: false, 79 {
80 }, 80 path: "/add",
81 { 81 select: false,
82 path: "/modify", 82 },
83 select: false, 83 {
84 }, 84 path: "/modify",
85 { 85 select: false,
86 path: "/change", 86 },
87 select: false, 87 {
88 }, 88 path: "/change",
89 { 89 select: false,
90 path: "/search", 90 },
91 select: false, 91 {
92 }, 92 path: "/search",
93 ], 93 select: false,
94 tempTab: [ 94 },
95 { 95 ],
96 path: "/zrz", 96 tempTab: [
97 name: "自然幢", 97 {
98 }, 98 path: "/zrz",
99 { 99 name: "自然幢",
100 path: "/dz", 100 },
101 name: "多幢", 101 {
102 }, 102 path: "/dz",
103 { 103 name: "多幢",
104 path: "/h", 104 },
105 name: "户", 105 {
106 }, 106 path: "/h",
107 { 107 name: "户",
108 path: "/zd", 108 },
109 name: "宗地", 109 {
110 }, 110 path: "/zd",
111 ], 111 name: "宗地",
112 // 上导航选中id 112 },
113 indId: undefined, 113 ],
114 menuList: [], 114 // 上导航选中id
115 pathAndCodeObj: { 115 indId: undefined,
116 "/article-draft": "PSH004", 116 menuList: [],
117 "/article-publish": "PSH005", 117 pathAndCodeObj: {
118 "/article-recycle": "PSH006", 118 "/article-draft": "PSH004",
119 "/notice-draft": "PSH007", 119 "/article-publish": "PSH005",
120 "/notice-publish": "PSH008", 120 "/article-recycle": "PSH006",
121 "/notice-recycle": "PSH009", 121 "/notice-draft": "PSH007",
122 "/column_management": "PSH018", 122 "/notice-publish": "PSH008",
123 "/announcement_template": "PSH019", 123 "/notice-recycle": "PSH009",
124 "/business_management": "PSH020", 124 "/column_management": "PSH018",
125 }, 125 "/announcement_template": "PSH019",
126 pd: [ 126 "/business_management": "PSH020",
127 { 127 },
128 label: "行政区(1)", 128 pd: [
129 children: [], 129 {
130 }, 130 mc: "行政区(1)",
131 { 131 children: [],
132 label: "行政区(2)", 132 },
133 children: [ 133 {
134 { 134 mc: "行政区(2)",
135 label: "地籍区1", 135 children: [
136 children: [], 136 {
137 }, 137 mc: "地籍区1",
138 { 138 children: [],
139 label: "地籍区2", 139 },
140 children: [ 140 {
141 { 141 mc: "地籍区2",
142 label: "国有", 142 children: [
143 children: [ 143 {
144 { 144 mc: "国有",
145 label: "宗地代码1933", 145 children: [
146 isZD: true, 146 {
147 }, 147 mc: "宗地代码1933",
148 { 148 isZD: true,
149 label: "自然幢2100", 149 },
150 isZD: false, 150 {
151 }, 151 mc: "自然幢2100",
152 ], 152 isZD: false,
153 }, 153 },
154 ], 154 ],
155 }, 155 },
156 { 156 ],
157 label: "地籍区3", 157 },
158 children: [], 158 {
159 }, 159 label: "地籍区3",
160 { 160 children: [],
161 label: "地籍区4", 161 },
162 children: [], 162 {
163 }, 163 label: "地籍区4",
164 ], 164 children: [],
165 }, 165 },
166 { 166 ],
167 label: "行政区(3)", 167 },
168 children: [], 168 {
169 }, 169 mc: "行政区(3)",
170 { 170 children: [],
171 label: "行政区(4)", 171 },
172 children: [], 172 {
173 }, 173 mc: "行政区(4)",
174 { 174 children: [],
175 label: "行政区(5)", 175 },
176 children: [], 176 {
177 }, 177 mc: "行政区(5)",
178 ], 178 children: [],
179 dialogVisible: false, 179 },
180 }; 180 ],
181 }, 181 dialogVisible: false,
182 computed: { 182 };
183 permission_routes() { 183 },
184 return this.$store.state.permission_routes.navigation; 184 computed: {
185 }, 185 permission_routes() {
186 }, 186 return this.$store.state.permission_routes.navigation;
187 watch: { 187 },
188 "$route.path": function(newPath) { 188 },
189 //监测路由变化，高亮顶部导航 189 watch: {
190 this.headTop.forEach((item, index) => { 190 "$route.path": function (newPath) {
191 item.select = false; 191 //监测路由变化，高亮顶部导航
192 if (item.path == newPath) { 192 this.headTop.forEach((item, index) => {
193 item.select = true; 193 item.select = false;
194 } 194 if (item.path == newPath) {
195 }); 195 item.select = true;
196 }, 196 }
197 }, 197 });
198 created() { 198 },
199 if (this.$route.meta) { 199 "$store.state.zdbsm": function (bsm) {
200 this.defaultActive = this.$route.meta.code; 200 this.getRightTree(bsm)
201 } 201 }
202 if (this.permission_routes.length !== 0) { 202 },
203 this.navigationList = this.permission_routes; 203 created() {
204 } else { 204 if (this.$route.meta) {
205 // let list = JSON.parse(util.cookies.get('navigation-1')).concat(JSON.parse(util.cookies.get('navigation'))) 205 this.defaultActive = this.$route.meta.code;
206 //mock数据 206 }
207 let list = [ 207 if (this.permission_routes.length !== 0) {
208 { 208 this.navigationList = this.permission_routes;
209 name: "新建", 209 } else {
210 icon: "fa fa-address-card-o", 210 // let list = JSON.parse(util.cookies.get('navigation-1')).concat(JSON.parse(util.cookies.get('navigation')))
211 path: "/create", 211 //mock数据
212 }, 212 let list = [
213 { 213 {
214 name: "添加", 214 name: "新建",
215 icon: "fa fa-address-card-o", 215 icon: "fa fa-address-card-o",
216 path: "/add", 216 path: "/create",
217 }, 217 },
218 { name: "更正", icon: "fa fa-address-card-o", path: "/modify" }, 218 {
219 { 219 name: "添加",
220 name: "变更", 220 icon: "fa fa-address-card-o",
221 icon: "fa fa-address-card-o", 221 path: "/add",
222 path: "/change", 222 },
223 }, 223 {name: "更正", icon: "fa fa-address-card-o", path: "/modify"},
224 { 224 {
225 name: "综合查询", 225 name: "变更",
226 icon: "fa fa-address-card-o", 226 icon: "fa fa-address-card-o",
227 path: "/search", 227 path: "/change",
228 }, 228 },
229 ]; 229 {
230 this.navigationList = list; 230 name: "综合查询",
231 } 231 icon: "fa fa-address-card-o",
232 this.sortNavigation(this.navigationList, 0); 232 path: "/search",
233 // if (util.cookies.get("indId")) { 233 },
234 // let indId = util.cookies.get("indId") - 0; 234 ];
235 // this.navSelect(indId); 235 this.navigationList = list;
236 // this.sortNavigation(this.navigationList, indId); 236 }
237 // } 237 this.sortNavigation(this.navigationList, 0);
238 }, 238 // if (util.cookies.get("indId")) {
239 methods: { 239 // let indId = util.cookies.get("indId") - 0;
240 sortNavigation(data, selectId) { 240 // this.navSelect(indId);
241 let headTop = this.headTop; 241 // this.sortNavigation(this.navigationList, indId);
242 data.forEach((item, index) => { 242 // }
243 headTop[index].name = item.name; 243 },
244 headTop[index].icon = item.icon; 244 methods: {
245 }); 245 getRightTree(bsm) {
246 }, 246 getTree(bsm).then(res => {
247 // menuSelect(data, selectId) { 247 console.log("=========================================")
248 // this.menuList = data[selectId].children; 248 console.log(res)
249 // }, 249 if (res.success) {
250 handleOpen(key, keyPath) { 250 this.pd=res.result
251 console.log(key, keyPath); 251 }
252 }, 252 })
253 handleClose(key, keyPath) { 253 },
254 console.log(key, keyPath); 254 sortNavigation(data, selectId) {
255 }, 255 let headTop = this.headTop;
256 toggleClick() { 256 data.forEach((item, index) => {
257 this.isActive = !this.isActive; 257 headTop[index].name = item.name;
258 if (!this.isActive) { 258 headTop[index].icon = item.icon;
259 setTimeout(() => { 259 });
260 this.textLogo = this.isActive; 260 },
261 }, 200); 261 // menuSelect(data, selectId) {
262 } else { 262 // this.menuList = data[selectId].children;
263 this.textLogo = this.isActive; 263 // },
264 } 264 handleOpen(key, keyPath) {
265 }, 265 console.log(key, keyPath);
266 selectTopItems(ind) { 266 },
267 if (ind == 0) { 267 handleClose(key, keyPath) {
268 //点击新建，弹框 268 console.log(key, keyPath);
269 this.dialogVisible = true; 269 },
270 } else { 270 toggleClick() {
271 this.dialogVisible = false; 271 this.isActive = !this.isActive;
272 this.indId = ind; 272 if (!this.isActive) {
273 // this.menuSelect(this.navigationList, ind); 273 setTimeout(() => {
274 // this.$store.dispatch("setTabs/init_tabs"); 274 this.textLogo = this.isActive;
275 // this.$store.dispatch("setTabs/set_active_index", "/panel"); 275 }, 200);
276 this.$router.push(this.headTop[ind].path); 276 } else {
277 this.navSelect(ind); 277 this.textLogo = this.isActive;
278 // util.cookies.set("indId", ind); 278 }
279 } 279 },
280 }, 280 selectTopItems(ind) {
281 // 上导航选中id 281 if (ind == 0) {
282 navSelect(id) { 282 //点击新建，弹框
283 this.headTop.forEach((item, index) => { 283 this.dialogVisible = true;
284 item.select = false; 284 } else {
285 if (index == id) { 285 this.dialogVisible = false;
286 item.select = true; 286 this.indId = ind;
287 } 287 // this.menuSelect(this.navigationList, ind);
288 }); 288 // this.$store.dispatch("setTabs/init_tabs");
289 }, 289 // this.$store.dispatch("setTabs/set_active_index", "/panel");
290 //树控件点击事件 290 this.$router.push(this.headTop[ind].path);
291 itemClick(data) { 291 this.navSelect(ind);
292 console.log(data); 292 // util.cookies.set("indId", ind);
293 }, 293 }
294 //关闭新建子组件弹框 294 },
295 closeDialog(){ 295 // 上导航选中id
296 this.dialogVisible = false; 296 navSelect(id) {
297 } 297 this.headTop.forEach((item, index) => {
298 }, 298 item.select = false;
299 }; 299 if (index == id) {
300 item.select = true;
301 }
302 });
303 },
304 //树控件点击事件
305 itemClick(data) {
306 console.log(data);
307 },
308 //关闭新建子组件弹框
309 closeDialog() {
310 this.dialogVisible = false;
311 }
312 },
313 };
300 </script> 314 </script>
301 <style lang="less" scoped> 315 <style lang="less" scoped>
302 .home-box { 316 .home-box {
303 width: 100%; 317 width: 100%;
304 height: 100vh; 318 height: 100vh;
305 .el-container { 319 .el-container {
306 height: 100%; 320 height: 100%;
307 } 321 }
308 .el-header { 322 .el-header {
309 background-color: #fff; 323 background-color: #fff;
310 padding: 0 !important; 324 padding: 0 !important;
311 .header-top { 325 .header-top {
312 height: 60px; 326 height: 60px;
313 border-bottom: 1px solid rgba(242, 242, 242, 1); 327 border-bottom: 1px solid rgba(242, 242, 242, 1);
314 box-sizing: border-box; 328 box-sizing: border-box;
315 .top-items { 329 .top-items {
316 cursor: pointer; 330 cursor: pointer;
317 height: 60px; 331 height: 60px;
318 padding: 0 30px; 332 padding: 0 30px;
319 font-size: 16px; 333 font-size: 16px;
320 line-height: 60px; 334 line-height: 60px;
321 float: left; 335 float: left;
322 position: relative; 336 position: relative;
323 color: #4a4a4a; 337 color: #4a4a4a;
324 i { 338 i {
325 margin-right: 6px; 339 margin-right: 6px;
326 } 340 }
327 .hamburger { 341 .hamburger {
328 font-size: 16px; 342 font-size: 16px;
329 line-height: 60px; 343 line-height: 60px;
330 color: #000; 344 color: #000;
331 } 345 }
332 } 346 }
333 .top-items:not(:last-child)::after { 347 .top-items:not(:last-child)::after {
334 content: ""; 348 content: "";
335 width: 1px; 349 width: 1px;
336 height: 14px; 350 height: 14px;
337 background: #eaeaea; 351 background: #eaeaea;
338 position: absolute; 352 position: absolute;
339 right: -1px; 353 right: -1px;
340 top: 24px; 354 top: 24px;
341 } 355 }
342 .top-items.is-active { 356 .top-items.is-active {
343 color: #006cff; 357 color: #006cff;
344 } 358 }
345 } 359 }
346 .header-bottom { 360 .header-bottom {
347 height: 50px; 361 height: 50px;
348 box-shadow: 0px 2px 4px 0px rgba(222, 222, 222, 0.7); 362 box-shadow: 0px 2px 4px 0px rgba(222, 222, 222, 0.7);
349 border-bottom: 1px solid rgba(234, 234, 234, 1); 363 border-bottom: 1px solid rgba(234, 234, 234, 1);
350 box-sizing: border-box; 364 box-sizing: border-box;
351 } 365 }
352 } 366 }
353 .el-aside { 367 .el-aside {
354 width: 290px !important; 368 width: 290px !important;
355 background-color: #1d50dd; 369 background-color: #1d50dd;
356 color: #333; 370 color: #333;
357 // text-align: center; 371 // text-align: center;
358 overflow: hidden; 372 overflow: hidden;
359 transition: width 0.3s; 373 transition: width 0.3s;
360 .logo-box { 374 .logo-box {
361 width: 100%; 375 width: 100%;
362 height: 120px; 376 height: 120px;
363 border-bottom: 1px solid rgba(255, 255, 255, 0.2); 377 border-bottom: 1px solid rgba(255, 255, 255, 0.2);
364 padding: 30px 0 28px 0; 378 padding: 30px 0 28px 0;
365 box-sizing: border-box; 379 box-sizing: border-box;
366 display: flex; 380 display: flex;
367 flex-direction: column; 381 flex-direction: column;
368 justify-content: space-between; 382 justify-content: space-between;
369 align-items: center; 383 align-items: center;
370 transition: width 0.3s; 384 transition: width 0.3s;
371 .logo-img { 385 .logo-img {
372 width: 38px; 386 width: 38px;
373 height: 38px; 387 height: 38px;
374 } 388 }
375 .logo-text { 389 .logo-text {
376 font-size: 14px; 390 font-size: 14px;
377 color: rgba(255, 255, 255, 1); 391 color: rgba(255, 255, 255, 1);
378 line-height: 14px; 392 line-height: 14px;
379 } 393 }
380 } 394 }
381 .treeModule { 395 .treeModule {
382 box-sizing: border-box; 396 box-sizing: border-box;
383 padding: 20px 20px; 397 padding: 20px 20px;
384 } 398 }
385 .logo-box-show { 399 .logo-box-show {
386 width: 64px; 400 width: 64px;
387 } 401 }
388 .el-menu { 402 .el-menu {
389 border-right: 0; 403 border-right: 0;
390 } 404 }
391 .el-submenu .el-menu-item { 405 .el-submenu .el-menu-item {
392 text-align: left; 406 text-align: left;
393 text-indent: 15px; 407 text-indent: 15px;
394 } 408 }
395 } 409 }
396 .aside-show { 410 .aside-show {
397 width: 64px !important; 411 width: 64px !important;
398 } 412 }
399 413
400 .el-main { 414 .el-main {
401 background-color: #f1f4fc; 415 background-color: #f1f4fc;
402 color: #333; 416 color: #333;
403 // text-align: center; 417 // text-align: center;
404 // line-height: 160px; 418 // line-height: 160px;
405 padding: 0; 419 padding: 0;
406 } 420 }
407 } 421 }
408 </style> 422 </style>
......
...@@ -234,7 +234,6 @@ export default { ...@@ -234,7 +234,6 @@ export default {
234 console.log(data); 234 console.log(data);
235 insertZrzjbxx(data) 235 insertZrzjbxx(data)
236 .then((res) => { 236 .then((res) => {
237 console.log(res.result);
238 if (res.code == "200") { 237 if (res.code == "200") {
239 this.$message({ 238 this.$message({
240 message: "创建成功！", 239 message: "创建成功！",
...@@ -244,6 +243,9 @@ export default { ...@@ -244,6 +243,9 @@ export default {
244 this.close(); 243 this.close();
245 this.$store.zdbsm=res.result.zdbsm; 244 this.$store.zdbsm=res.result.zdbsm;
246 this.$store.zrzbsm=res.result.bsm; 245 this.$store.zrzbsm=res.result.bsm;
246 debugger
247 console.log("=================================================")
248 console.log(this.$store.zdbsm)
247 this.$store.xmmc=res.result.xmmc; 249 this.$store.xmmc=res.result.xmmc;
248 this.$router.push({ 250 this.$router.push({
249 path: '/zrz', query:{data: res.result} 251 path: '/zrz', query:{data: res.result}
......
...@@ -162,10 +162,6 @@ ...@@ -162,10 +162,6 @@
162 162
163 }, 163 },
164 mounted() { 164 mounted() {
165 // 该标识码继承过来
166 let bsm = '401044005bad0557d5e3787239d8e18e';
167 this.bsm=bsm;
168 this.getData(this.bsm)
169 }, 165 },
170 methods: { 166 methods: {
171 getData(bsm) { 167 getData(bsm) {
...@@ -260,7 +256,11 @@ ...@@ -260,7 +256,11 @@
260 } 256 }
261 }, 257 },
262 computed: {}, 258 computed: {},
263 watch: {}, 259 watch: {
260 "$store.state.zdbsm": function (bsm) {
261 this.getData(bsm)
262 }
263 },
264 } 264 }
265 </script> 265 </script>
266 <style scoped lang="less"> 266 <style scoped lang="less">
......
...@@ -228,10 +228,7 @@ ...@@ -228,10 +228,7 @@
228 228
229 }, 229 },
230 mounted() { 230 mounted() {
231 // 该标识码继承过来 231
232 let bsm = '044dc12648a1f41374679281da63e93b';
233 this.bsm=bsm;
234 this.getData(this.bsm)
235 }, 232 },
236 methods: { 233 methods: {
237 getData(bsm) { 234 getData(bsm) {
...@@ -325,7 +322,11 @@ ...@@ -325,7 +322,11 @@
325 } 322 }
326 }, 323 },
327 computed: {}, 324 computed: {},
328 watch: {}, 325 watch: {
326 "$store.state.zdbsm": function (bsm) {
327 this.getData(bsm)
328 }
329 },
329 } 330 }
330 </script> 331 </script>
331 <style scoped lang="less"> 332 <style scoped lang="less">
......
...@@ -52,6 +52,7 @@ ...@@ -52,6 +52,7 @@
52 <script> 52 <script>
53 import {savemjft} from '../../../api/zd' 53 import {savemjft} from '../../../api/zd'
54 import {Message} from 'element-ui' 54 import {Message} from 'element-ui'
55
55 export default { 56 export default {
56 name: "index", 57 name: "index",
57 data() { 58 data() {
...@@ -81,7 +82,7 @@ ...@@ -81,7 +82,7 @@
81 methods: { 82 methods: {
82 save() { 83 save() {
83 console.log(this.mjftData); 84 console.log(this.mjftData);
84 for (let val of this.mjftData.addQjZdftdzwRequestList){ 85 for (let val of this.mjftData.addQjZdftdzwRequestList) {
85 if (val.dzwdm == '') { 86 if (val.dzwdm == '') {
86 Message.error("定着物代码不能为空") 87 Message.error("定着物代码不能为空")
87 return 88 return
...@@ -90,9 +91,9 @@ ...@@ -90,9 +91,9 @@
90 91
91 savemjft(this.mjftData).then(res => { 92 savemjft(this.mjftData).then(res => {
92 console.log(res) 93 console.log(res)
93 if (res.success){ 94 if (res.success) {
94 Message.success("保存成功") 95 Message.success("保存成功")
95 }else { 96 } else {
96 Message.error(res.message) 97 Message.error(res.message)
97 } 98 }
98 }).catch(error => { 99 }).catch(error => {
...@@ -169,13 +170,21 @@ ...@@ -169,13 +170,21 @@
169 console.log("create init...") 170 console.log("create init...")
170 }, 171 },
171 mounted() { 172 mounted() {
172 // 暂时随机生成 后续从调查表继承过来
173 this.mjftData.zdbsm = 'ZDDM' + parseInt(Math.random() * 100)
174 this.mjftData.zdmj = (Math.random() * 1000).toFixed(3)
175 let zl = ['西安', '咸阳', '雁塔区', '高新区', '未央区', '莲湖区', '临潼区']
176 let i = parseInt(Math.random() * 7, 10);
177 this.mjftData.tdzl = zl[i]
178 console.log("mounted init...") 173 console.log("mounted init...")
174 },
175 watch: {
176 "$store.state.zdbsm": function (bsm) {
177 alert("面积分摊表 宗地标识码"+bsm)
178 this.mjftData.zdbsm = bsm
179 },
180 "$store.state.zdmj": function (zdmj) {
181 alert("面积分摊表 宗地面积"+zdmj)
182 this.mjftData.zdmj = zdmj
183 },
184 "$store.state.zdzl": function (tdzl) {
185 alert("面积分摊表 土地坐落"+tdzl)
186 this.mjftData.tdzl = tdzl
187 },
179 } 188 }
180 } 189 }
181 </script> 190 </script>
......
1 <template> 1 <template>
2 <div class="main"> 2 <div class="main">
3 <div class="formMenu"> 3 <div class="formMenu">
4 <Qlr ref="qlrxxModule"></Qlr> 4 <Qlr ref="qlrxxModule"></Qlr>
5 5
6 <!-- <el-button 6 <!-- <el-button
7 type="primary" 7 type="primary"
8 class="changeBtn" 8 class="changeBtn"
9 @click="getQlrxxData" 9 @click="getQlrxxData"
10 >获取权利人信息数据</el-button 10 >获取权利人信息数据</el-button
11 > 11 >
12 <el-button 12 <el-button
13 type="primary" 13 type="primary"
14 class="changeBtn" 14 class="changeBtn"
15 @click="getQlxzData" 15 @click="getQlxzData"
16 >获取权利性质组件数据</el-button 16 >获取权利性质组件数据</el-button
17 > --> 17 > -->
18 <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1"> 18 <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1">
19 <tr> 19 <tr>
20 <th colspan="12">宗地基本信息</th> 20 <th colspan="12">宗地基本信息</th>
21 </tr> 21 </tr>
22 <tr> 22 <tr>
23 <td colspan="2">行政区</td> 23 <td colspan="2">行政区</td>
24 <td colspan="2"> 24 <td colspan="2">
25 <el-select 25 <el-select
26 class="formSelect" 26 class="formSelect"
27 v-model="formData.xzqbsm" 27 v-model="formData.xzqbsm"
28 @change="changeXzq(formData.xzqbsm)" 28 @change="changeXzq(formData.xzqbsm)"
29 > 29 >
30 <el-option 30 <el-option
31 v-for="item in xzqList" 31 v-for="item in xzqList"
32 :key="item.xzqbsm" 32 :key="item.xzqbsm"
33 :label="item.xzqmc" 33 :label="item.xzqmc"
34 :value="item.xzqbsm" 34 :value="item.xzqbsm"
35 > 35 >
36 </el-option> 36 </el-option>
37 </el-select> 37 </el-select>
38 </td> 38 </td>
39 <td colspan="2">地籍区</td> 39 <td colspan="2">地籍区</td>
40 <td colspan="2"> 40 <td colspan="2">
41 <el-select 41 <el-select
42 class="formSelect" 42 class="formSelect"
43 v-model="formData.djqbsm" 43 v-model="formData.djqbsm"
44 @change="changeDjq(formData.djqbsm)" 44 @change="changeDjq(formData.djqbsm)"
45 > 45 >
46 <el-option 46 <el-option
47 v-for="item in djqList" 47 v-for="item in djqList"
48 :key="item.bsm" 48 :key="item.bsm"
49 :label="item.mc" 49 :label="item.mc"
50 :value="item.bsm" 50 :value="item.bsm"
51 > 51 >
52 </el-option> 52 </el-option>
53 </el-select> 53 </el-select>
54 </td> 54 </td>
55 <td colspan="2">地籍子区</td> 55 <td colspan="2">地籍子区</td>
56 <td colspan="2"> 56 <td colspan="2">
57 <el-select class="formSelect" v-model="formData.djzqbsm"> 57 <el-select class="formSelect" v-model="formData.djzqbsm">
58 <el-option 58 <el-option
59 v-for="item in djzqList" 59 v-for="item in djzqList"
60 :key="item.bsm" 60 :key="item.bsm"
61 :label="item.mc" 61 :label="item.mc"
62 :value="item.bsm" 62 :value="item.bsm"
63 > 63 >
64 </el-option> 64 </el-option>
65 </el-select> 65 </el-select>
66 </td> 66 </td>
67 </tr> 67 </tr>
68 <tr> 68 <tr>
69 <td colspan="2">权利类型</td> 69 <td colspan="2">权利类型</td>
70 <td colspan="4"> 70 <td colspan="4">
71 <el-select class="formSelect" v-model="formData.qllxbsm"> 71 <el-select class="formSelect" v-model="formData.qllxbsm">
72 <el-option 72 <el-option
73 v-for="item in qllxList" 73 v-for="item in qllxList"
74 :key="item.bsm" 74 :key="item.bsm"
75 :label="item.mc" 75 :label="item.mc"
76 :value="item.bsm" 76 :value="item.bsm"
77 > 77 >
78 </el-option> 78 </el-option>
79 </el-select> 79 </el-select>
80 </td> 80 </td>
81 <td colspan="2">宗地特征码<i class="requisite">*</i></td> 81 <td colspan="2">宗地特征码<i class="requisite">*</i></td>
82 <td colspan="4"> 82 <td colspan="4">
83 <el-select class="formSelect" v-model="formData.zdtzmbsm"> 83 <el-select class="formSelect" v-model="formData.zdtzmbsm">
84 <el-option 84 <el-option
85 v-for="item in zdtzmList" 85 v-for="item in zdtzmList"
86 :key="item.bsm" 86 :key="item.bsm"
87 :label="item.mc" 87 :label="item.mc"
88 :value="item.bsm" 88 :value="item.bsm"
89 > 89 >
90 </el-option> 90 </el-option>
91 </el-select> 91 </el-select>
92 </td> 92 </td>
93 </tr> 93 </tr>
94 <tr> 94 <tr>
95 <td colspan="2">权利设定方式</td> 95 <td colspan="2">权利设定方式</td>
96 <td colspan="4"> 96 <td colspan="4">
97 <el-select class="formSelect" v-model="formData.qlsdfs"> 97 <el-select class="formSelect" v-model="formData.qlsdfs">
98 <el-option 98 <el-option
99 v-for="item in qlsdfsList" 99 v-for="item in qlsdfsList"
100 :key="item.bsm" 100 :key="item.bsm"
101 :label="item.mc" 101 :label="item.mc"
102 :value="item.bsm" 102 :value="item.bsm"
103 > 103 >
104 </el-option> 104 </el-option>
105 </el-select> 105 </el-select>
106 </td> 106 </td>
107 <td colspan="2">宗地代码<i class="requisite">*</i></td> 107 <td colspan="2">宗地代码<i class="requisite">*</i></td>
108 <td colspan="4" class="psr"> 108 <td colspan="4" class="psr">
109 <input 109 <input
110 type="text" 110 type="text"
111 class="formInput percent78" 111 class="formInput percent78"
112 v-model="formData.zddm" 112 v-model="formData.zddm"
113 /> 113 />
114 <el-button type="primary" class="createBtn" @click="generatorCode" 114 <el-button type="primary" class="createBtn" @click="generatorCode"
115 >生成</el-button 115 >生成
116 > 116 </el-button
117 </td> 117 >
118 </tr> 118 </td>
119 <tr> 119 </tr>
120 <td colspan="2">地籍号</td> 120 <tr>
121 <td colspan="4"> 121 <td colspan="2">地籍号</td>
122 <input type="text" class="formInput" v-model="formData.djh" /> 122 <td colspan="4">
123 </td> 123 <input type="text" class="formInput" v-model="formData.djh"/>
124 </td>
124 125
125 <td colspan="2">不动产单元号<i class="requisite">*</i></td> 126 <td colspan="2">不动产单元号<i class="requisite">*</i></td>
126 <td colspan="4" class="psr"> 127 <td colspan="4" class="psr">
127 <input 128 <input
128 type="text" 129 type="text"
129 class="formInput percent78" 130 class="formInput percent78"
130 v-model="formData.bdcdyh" 131 v-model="formData.bdcdyh"
131 /> 132 />
132 <el-button type="primary" class="createBtn">生成</el-button> 133 <el-button type="primary" class="createBtn">生成</el-button>
133 </td> 134 </td>
134 </tr> 135 </tr>
135 <tr> 136 <tr>
136 <td colspan="2">坐落<i class="requisite">*</i></td> 137 <td colspan="2">坐落<i class="requisite">*</i></td>
137 <td colspan="4"> 138 <td colspan="4">
138 <input type="text" class="formInput" v-model="formData.zl" /> 139 <input type="text" class="formInput" v-model="formData.zl"/>
139 </td> 140 </td>
140 <td colspan="2">土地权属来源证明材料</td> 141 <td colspan="2">土地权属来源证明材料</td>
141 <td colspan="4" class="psr"> 142 <td colspan="4" class="psr">
142 <input 143 <input
143 type="text" 144 type="text"
144 class="formInput " 145 class="formInput "
145 v-model="formData.tdqslyzmcl" 146 v-model="formData.tdqslyzmcl"
146 /> 147 />
147 </td> 148 </td>
148 </tr> 149 </tr>
149 <tr> 150 <tr>
150 <td colspan="2">国民经济行业分类</td> 151 <td colspan="2">国民经济行业分类</td>
151 <td colspan="4"> 152 <td colspan="4">
152 <el-select class="formSelect" v-model="formData.gmjjhyfl"> 153 <el-select class="formSelect" v-model="formData.gmjjhyfl">
153 <el-option 154 <el-option
154 v-for="item in gmjjhyflList" 155 v-for="item in gmjjhyflList"
155 :key="item.value" 156 :key="item.value"
156 :label="item.label" 157 :label="item.label"
157 :value="item.value" 158 :value="item.value"
158 > 159 >
159 </el-option> 160 </el-option>
160 </el-select> 161 </el-select>
161 </td> 162 </td>
162 <td colspan="2">价格(元)</td> 163 <td colspan="2">价格(元)</td>
163 <td colspan="4" class="psr"> 164 <td colspan="4" class="psr">
164 <input type="text" class="formInput" v-model="formData.jg" /> 165 <input type="text" class="formInput" v-model="formData.jg"/>
165 </td> 166 </td>
166 </tr> 167 </tr>
167 <tr> 168 <tr>
168 <td colspan="2" rowspan="2">所在图幅号</td> 169 <td colspan="2" rowspan="2">所在图幅号</td>
169 <td colspan="2">比例尺</td> 170 <td colspan="2">比例尺</td>
170 <td colspan="8" class="psr"> 171 <td colspan="8" class="psr">
171 <input type="text" class="formInput" v-model="formData.blc" /> 172 <input type="text" class="formInput" v-model="formData.blc"/>
172 </td> 173 </td>
173 </tr> 174 </tr>
174 <tr> 175 <tr>
175 <td colspan="2">图幅号</td> 176 <td colspan="2">图幅号</td>
176 <td colspan="8" class="psr"> 177 <td colspan="8" class="psr">
177 <input type="text" class="formInput" v-model="formData.tfh" /> 178 <input type="text" class="formInput" v-model="formData.tfh"/>
178 </td> 179 </td>
179 </tr> 180 </tr>
180 <tr> 181 <tr>
181 <td colspan="2">容积率</td> 182 <td colspan="2">容积率</td>
182 <td colspan="4"> 183 <td colspan="4">
183 <el-select class="formSelect percent30" v-model="formData.rjl"> 184 <el-select class="formSelect percent30" v-model="formData.rjl">
184 <el-option 185 <el-option
185 v-for="item in compareList" 186 v-for="item in compareList"
186 :key="item.value" 187 :key="item.value"
187 :label="item.label" 188 :label="item.label"
188 :value="item.value" 189 :value="item.value"
189 > 190 >
190 </el-option> 191 </el-option>
191 </el-select> 192 </el-select>
192 <input type="text" class="formInput percent68" /> 193 <input type="text" class="formInput percent68"/>
193 </td> 194 </td>
194 <td colspan="2">容积说明</td> 195 <td colspan="2">容积说明</td>
195 <td colspan="4" class="psr"> 196 <td colspan="4" class="psr">
196 <input type="text" class="formInput" v-model="formData.rjsm" /> 197 <input type="text" class="formInput" v-model="formData.rjsm"/>
197 </td> 198 </td>
198 </tr> 199 </tr>
199 <tr> 200 <tr>
200 <td colspan="2">建筑密度</td> 201 <td colspan="2">建筑密度</td>
201 <td colspan="4"> 202 <td colspan="4">
202 <el-select class="formSelect percent30" v-model="formData.jzmd"> 203 <el-select class="formSelect percent30" v-model="formData.jzmd">
203 <el-option 204 <el-option
204 v-for="item in compareList" 205 v-for="item in compareList"
205 :key="item.value" 206 :key="item.value"
206 :label="item.label" 207 :label="item.label"
207 :value="item.value" 208 :value="item.value"
208 > 209 >
209 </el-option> 210 </el-option>
210 </el-select> 211 </el-select>
211 <input type="text" class="formInput percent68" /> 212 <input type="text" class="formInput percent68"/>
212 </td> 213 </td>
213 <td colspan="2">建筑密度说明</td> 214 <td colspan="2">建筑密度说明</td>
214 <td colspan="4" class="psr"> 215 <td colspan="4" class="psr">
215 <input type="text" class="formInput" v-model="formData.jzmdsm" /> 216 <input type="text" class="formInput" v-model="formData.jzmdsm"/>
216 </td> 217 </td>
217 </tr> 218 </tr>
218 <tr> 219 <tr>
219 <td colspan="2">建筑限高</td> 220 <td colspan="2">建筑限高</td>
220 <td colspan="4"> 221 <td colspan="4">
221 <el-select class="formSelect percent30" v-model="formData.jzxg"> 222 <el-select class="formSelect percent30" v-model="formData.jzxg">
222 <el-option 223 <el-option
223 v-for="item in compareList" 224 v-for="item in compareList"
224 :key="item.value" 225 :key="item.value"
225 :label="item.label" 226 :label="item.label"
226 :value="item.value" 227 :value="item.value"
227 > 228 >
228 </el-option> 229 </el-option>
229 </el-select> 230 </el-select>
230 <input type="text" class="formInput percent68" /> 231 <input type="text" class="formInput percent68"/>
231 </td> 232 </td>
232 <td colspan="2">建筑限高说明</td> 233 <td colspan="2">建筑限高说明</td>
233 <td colspan="4" class="psr"> 234 <td colspan="4" class="psr">
234 <input type="text" class="formInput" v-model="formData.jzxgsm" /> 235 <input type="text" class="formInput" v-model="formData.jzxgsm"/>
235 </td> 236 </td>
236 </tr> 237 </tr>
237 <tr> 238 <tr>
238 <td colspan="2" rowspan="4">宗地四至</td> 239 <td colspan="2" rowspan="4">宗地四至</td>
239 <td colspan="2">北至<i class="requisite">*</i></td> 240 <td colspan="2">北至<i class="requisite">*</i></td>
240 <td colspan="8" class="psr"> 241 <td colspan="8" class="psr">
241 <input type="text" class="formInput" v-model="formData.bz" /> 242 <input type="text" class="formInput" v-model="formData.bz"/>
242 </td> 243 </td>
243 </tr> 244 </tr>
244 <tr> 245 <tr>
245 <td colspan="2">东至<i class="requisite">*</i></td> 246 <td colspan="2">东至<i class="requisite">*</i></td>
246 <td colspan="8" class="psr"> 247 <td colspan="8" class="psr">
247 <input type="text" class="formInput" v-model="formData.dz" /> 248 <input type="text" class="formInput" v-model="formData.dz"/>
248 </td> 249 </td>
249 </tr> 250 </tr>
250 <tr> 251 <tr>
251 <td colspan="2">南至<i class="requisite">*</i></td> 252 <td colspan="2">南至<i class="requisite">*</i></td>
252 <td colspan="8" class="psr"> 253 <td colspan="8" class="psr">
253 <input type="text" class="formInput" v-model="formData.nz" /> 254 <input type="text" class="formInput" v-model="formData.nz"/>
254 </td> 255 </td>
255 </tr> 256 </tr>
256 <tr> 257 <tr>
257 <td colspan="2">西至<i class="requisite">*</i></td> 258 <td colspan="2">西至<i class="requisite">*</i></td>
258 <td colspan="8" class="psr"> 259 <td colspan="8" class="psr">
259 <input type="text" class="formInput" v-model="formData.xz" /> 260 <input type="text" class="formInput" v-model="formData.xz"/>
260 </td> 261 </td>
261 </tr> 262 </tr>
262 <tr> 263 <tr>
263 <td colspan="12"> 264 <td colspan="12">
264 <Qlxz ref="qlxzModule"></Qlxz> 265 <Qlxz ref="qlxzModule"></Qlxz>
265 </td> 266 </td>
266 </tr> 267 </tr>
267 <tr> 268 <tr>
268 <td colspan="2" rowspan="2">批准面积(㎡)</td> 269 <td colspan="2" rowspan="2">批准面积(㎡)</td>
269 <td colspan="2" rowspan="2"> 270 <td colspan="2" rowspan="2">
270 <input type="text" class="formInput" v-model="formData.pzmj" /> 271 <input type="text" class="formInput" v-model="formData.pzmj"/>
271 </td> 272 </td>
272 <td colspan="2" rowspan="2">宗地面积(㎡)</td> 273 <td colspan="2" rowspan="2">宗地面积(㎡)</td>
273 <td colspan="2" rowspan="2"> 274 <td colspan="2" rowspan="2">
274 <input type="text" class="formInput" v-model="formData.zdmj" /> 275 <input type="text" class="formInput" v-model="formData.zdmj"/>
275 </td> 276 </td>
276 <td colspan="2">建筑占地宗面积</td> 277 <td colspan="2">建筑占地宗面积</td>
277 <td colspan="2"> 278 <td colspan="2">
278 <input type="text" class="formInput" v-model="formData.jzzdzmj" /> 279 <input type="text" class="formInput" v-model="formData.jzzdzmj"/>
279 </td> 280 </td>
280 </tr> 281 </tr>
281 <tr> 282 <tr>
282 <td colspan="2">建筑面积(㎡)</td> 283 <td colspan="2">建筑面积(㎡)</td>
283 <td colspan="2"> 284 <td colspan="2">
284 <input type="text" class="formInput" v-model="formData.jzmj" /> 285 <input type="text" class="formInput" v-model="formData.jzmj"/>
285 </td> 286 </td>
286 </tr> 287 </tr>
287 <tr> 288 <tr>
288 <td colspan="2">共有/共用权利人情况</td> 289 <td colspan="2">共有/共用权利人情况</td>
289 <td colspan="10"> 290 <td colspan="10">
290 <input type="text" class="formInput" v-model="formData.gyqlrqk" /> 291 <input type="text" class="formInput" v-model="formData.gyqlrqk"/>
291 </td> 292 </td>
292 </tr> 293 </tr>
293 <tr> 294 <tr>
294 <td colspan="2" rowspan="2">说明</td> 295 <td colspan="2" rowspan="2">说明</td>
295 <td colspan="10" rowspan="2"> 296 <td colspan="10" rowspan="2">
296 <input type="text" class="formInput" v-model="formData.sm" /> 297 <input type="text" class="formInput" v-model="formData.sm"/>
297 </td> 298 </td>
298 </tr> 299 </tr>
299 </table> 300 </table>
300 </div> 301 </div>
301 </div> 302 </div>
302 </template> 303 </template>
303 304
304 <script> 305 <script>
305 import Qlr from "../../../components/formMenu/qlr"; 306 import Qlr from "../../../components/formMenu/qlr";
306 import Qlxz from "../../../components/formMenu/qlxz"; 307 import Qlxz from "../../../components/formMenu/qlxz";
307 import { 308 import {
308 getDdicByMC, 309 getDdicByMC,
309 getListByXzqbsm, 310 getListByXzqbsm,
310 getListByPbsm, 311 getListByPbsm,
311 } from "../../../api/common"; 312 } from "../../../api/common";
312 import { getBdcdyh, getQjZdjbxxDetailById } from "../../../api/zd"; 313 import {getBdcdyh, getQjZdjbxxDetailById} from "../../../api/zd";
313 export default {
314 name: "",
315 components: {
316 Qlr,
317 Qlxz,
318 },
319 props: {},
320 data() {
321 return {
322 qllxList: [],
323 zdtzmList: [],
324 qlsdfsList: [],
325 gmjjhyflList: [],
326 xzqList: this.$store.state.xzqList,
327 djqList: this.$store.state.djqList,
328 djzqList: this.$store.state.djzqList,
329 compareList: [
330 { label: "=", value: "=" },
331 { label: "<=", value: "<=" },
332 { label: ">=", value: ">=" },
333 ],
334 formData: {
335 xzqbsm: "",
336 djqbsm: "",
337 djzqbsm: "",
338 qllxbsm: "",
339 zdtzmbsm: "",
340 qlsdfs: "",
341 zddm: "",
342 djh: "",
343 bdcdyh: "",
344 zl: "",
345 tdqslyzmcl: "",
346 gmjjhyfl: "",
347 jg: "",
348 blc: "",
349 tfh: "",
350 rjl: "",
351 rjsm: "",
352 jzmd: "",
353 jzmdsm: "",
354 jzxg: "",
355 jzxgsm: "",
356 bz: "",
357 dz: "",
358 nz: "",
359 xz: "",
360 pzmj: "",
361 zdmj: "",
362 jzzdmj: "",
363 jzmj: "",
364 gyqlrqk: "",
365 sm: "",
366 },
367 };
368 },
369 created() {
370 this.getDicData();
371 this.getZdjbxxData();
372 },
373 mounted() {},
374 methods: {
375 //根据zdbsm查询基本信息
376 getZdjbxxData() {
377 getQjZdjbxxDetailById(this.$store.state.zdbsm)
378 .then((res) => {
379 if (res.result) {
380 console.log(res.result);
381 this.formData = res.result;
382 }
383 })
384 .catch((error) => {});
385 },
386 //生成宗地代码
387 generatorCode() {
388 //前6位是xzqbsm，接着3位djqbsm，3位djzqbsm，最后2位是syqlxbsm 860101555888GB
389 getBdcdyh("860101555888GB", "zd")
390 .then((res) => {
391 console.log(res);
392 this.formData.zddm = res.result.substring(0, 19);
393 this.formData.bdcdyh = res.result;
394 })
395 .catch((error) => {});
396 },
397 314
398 getQlrxxData() { 315 export default {
399 console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据 316 name: "",
400 console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据 317 components: {
401 }, 318 Qlr,
402 getQlxzData() { 319 Qlxz,
403 console.log(this.$refs.qlxzModule.getQlxzDataList()); //权利性质数据 320 },
404 }, 321 props: {},
405 //获取字典数据信息 322 data() {
406 getDicData() { 323 return {
407 getDdicByMC("权利类型") 324 qllxList: [],
408 .then((res) => { 325 zdtzmList: [],
409 console.log(res.result); 326 qlsdfsList: [],
410 this.qllxList = res.result; 327 gmjjhyflList: [],
411 }) 328 xzqList: this.$store.state.xzqList,
412 .catch((error) => {}); 329 djqList: this.$store.state.djqList,
413 getDdicByMC("宗地（宗海）特征码") 330 djzqList: this.$store.state.djzqList,
414 .then((res) => { 331 compareList: [
415 console.log(res.result); 332 {label: "=", value: "="},
416 this.zdtzmList = res.result; 333 {label: "<=", value: "<="},
417 }) 334 {label: ">=", value: ">="},
418 .catch((error) => {}); 335 ],
419 getDdicByMC("权利设定方式") 336 formData: {
420 .then((res) => { 337 xzqbsm: "",
421 console.log(res.result); 338 djqbsm: "",
422 this.qlsdfsList = res.result; 339 djzqbsm: "",
423 }) 340 qllxbsm: "",
424 .catch((error) => {}); 341 zdtzmbsm: "",
425 getDdicByMC("国民经济行业分类代码") 342 qlsdfs: "",
426 .then((res) => { 343 zddm: "",
427 console.log(res.result); 344 djh: "",
428 this.gmjjhyflList = res.result; 345 bdcdyh: "",
429 }) 346 zl: "",
430 .catch((error) => {}); 347 tdqslyzmcl: "",
431 }, 348 gmjjhyfl: "",
432 //行政区划选择 349 jg: "",
433 changeXzq(id) { 350 blc: "",
434 getListByXzqbsm(id) 351 tfh: "",
435 .then((res) => { 352 rjl: "",
436 this.formData.djqbsm = ""; 353 rjsm: "",
437 this.formData.djzqbsm = ""; 354 jzmd: "",
438 this.djqList = res.result; 355 jzmdsm: "",
439 this.$store.state.djqList = res.result; 356 jzxg: "",
440 }) 357 jzxgsm: "",
441 .catch((error) => {}); 358 bz: "",
442 }, 359 dz: "",
443 changeDjq(item) { 360 nz: "",
444 getListByPbsm(item) 361 xz: "",
445 .then((res) => { 362 pzmj: "",
446 this.formData.djzqbsm = ""; 363 zdmj: "",
447 this.djzqList = res.result; 364 jzzdmj: "",
448 this.$store.state.djzqList = res.result; 365 jzmj: "",
449 }) 366 gyqlrqk: "",
450 .catch((error) => {}); 367 sm: "",
451 }, 368 },
452 }, 369 };
453 computed: {}, 370 },
454 watch: {}, 371 created() {
455 }; 372 this.getDicData();
373 this.getZdjbxxData();
374 },
375 mounted() {
376 },
377 methods: {
378 //根据zdbsm查询基本信息
379 getZdjbxxData() {
380 getQjZdjbxxDetailById(this.$store.state.zdbsm)
381 .then((res) => {
382 if (res.result) {
383 console.log(res.result);
384 this.formData = res.result;
385 }
386 })
387 .catch((error) => {
388 });
389 },
390 //生成宗地代码
391 generatorCode() {
392 //前6位是xzqbsm，接着3位djqbsm，3位djzqbsm，最后2位是syqlxbsm 860101555888GB
393 getBdcdyh("860101555888GB", "zd")
394 .then((res) => {
395 console.log(res);
396 this.formData.zddm = res.result.substring(0, 19);
397 this.formData.bdcdyh = res.result;
398 })
399 .catch((error) => {
400 });
401 },
402
403 getQlrxxData() {
404 console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据
405 console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据
406 },
407 getQlxzData() {
408 console.log(this.$refs.qlxzModule.getQlxzDataList()); //权利性质数据
409 },
410 //获取字典数据信息
411 getDicData() {
412 getDdicByMC("权利类型")
413 .then((res) => {
414 console.log(res.result);
415 this.qllxList = res.result;
416 })
417 .catch((error) => {
418 });
419 getDdicByMC("宗地（宗海）特征码")
420 .then((res) => {
421 console.log(res.result);
422 this.zdtzmList = res.result;
423 })
424 .catch((error) => {
425 });
426 getDdicByMC("权利设定方式")
427 .then((res) => {
428 console.log(res.result);
429 this.qlsdfsList = res.result;
430 })
431 .catch((error) => {
432 });
433 getDdicByMC("国民经济行业分类代码")
434 .then((res) => {
435 console.log(res.result);
436 this.gmjjhyflList = res.result;
437 })
438 .catch((error) => {
439 });
440 },
441 //行政区划选择
442 changeXzq(id) {
443 getListByXzqbsm(id)
444 .then((res) => {
445 this.formData.djqbsm = "";
446 this.formData.djzqbsm = "";
447 this.djqList = res.result;
448 this.$store.state.djqList = res.result;
449 })
450 .catch((error) => {
451 });
452 },
453 changeDjq(item) {
454 getListByPbsm(item)
455 .then((res) => {
456 this.formData.djzqbsm = "";
457 this.djzqList = res.result;
458 this.$store.state.djzqList = res.result;
459 })
460 .catch((error) => {
461 });
462 },
463 },
464 computed: {
465 zl() {
466 return this.formData.zl
467 },
468 zdmj() {
469 return this.formData.zdmj
470 }
471 },
472 watch: {
473 zl: function (val) {
474 alert("宗地坐落")
475 alert(val)
476 this.$store.state.zdzl = val
477 },
478 zdmj: function (val) {
479 this.$store.state.zdmj = val
480 }
481 },
482 };
456 </script> 483 </script>
457 <style lang="less" scoped> 484 <style lang="less" scoped>
458 .main { 485 .main {
459 box-sizing: border-box; 486 box-sizing: border-box;
460 padding: 18px; 487 padding: 18px;
461 height: auto; 488 height: auto;
462 .formMenu { 489 .formMenu {
463 width: 80%; 490 width: 80%;
464 margin: 0 auto; 491 margin: 0 auto;
465 } 492 }
466 .zdjbxxTable { 493 .zdjbxxTable {
467 margin: 10px 0; 494 margin: 10px 0;
468 background-color: #fff; 495 background-color: #fff;
469 font-size: 14px; 496 font-size: 14px;
470 width: 100%; 497 width: 100%;
471 th { 498 th {
472 height: 36px; 499 height: 36px;
473 line-height: 36px; 500 line-height: 36px;
474 font-size: 16px; 501 font-size: 16px;
475 } 502 }
476 td { 503 td {
477 width: 60px; 504 width: 60px;
478 text-align: center; 505 text-align: center;
479 height: 36px; 506 height: 36px;
480 } 507 }
481 /deep/.el-input__inner { 508 /deep/ .el-input__inner {
482 margin: 0; 509 margin: 0;
483 height: 36px; 510 height: 36px;
484 outline: none; 511 outline: none;
485 border: none; 512 border: none;
486 color: #606764; 513 color: #606764;
487 overflow: visible; 514 overflow: visible;
488 text-align: center; 515 text-align: center;
489 cursor: text; 516 cursor: text;
490 } 517 }
491 .percent78 { 518 .percent78 {
492 width: 78%; 519 width: 78%;
493 float: left; 520 float: left;
494 } 521 }
495 .percent68 { 522 .percent68 {
496 width: 68% !important; 523 width: 68% !important;
497 float: left; 524 float: left;
498 position: relative; 525 position: relative;
499 top: 7px; 526 top: 7px;
500 } 527 }
501 .percent30 { 528 .percent30 {
502 width: 30% !important; 529 width: 30% !important;
503 float: left; 530 float: left;
504 } 531 }
505 .createBtn { 532 .createBtn {
506 position: absolute; 533 position: absolute;
507 width: 50px; 534 width: 50px;
508 padding: 6px 4px; 535 padding: 6px 4px;
509 right: 4px; 536 right: 4px;
510 top: 4px; 537 top: 4px;
511 } 538 }
512 .el-input__icon { 539 .el-input__icon {
513 line-height: 37px; 540 line-height: 37px;
514 } 541 }
515 .el-select { 542 .el-select {
516 width: 100%; 543 width: 100%;
517 } 544 }
518 } 545 }
519 } 546 }
520 </style> 547 </style>
......