feat(hbj):添加户选项卡
Showing
7 changed files
with
104 additions
and
8 deletions
... | @@ -70,6 +70,11 @@ const constantRoutes = [ | ... | @@ -70,6 +70,11 @@ const constantRoutes = [ |
70 | name: "宗地", | 70 | name: "宗地", |
71 | code: "1-5", | 71 | code: "1-5", |
72 | component: () => import("@/views/zd/index"), | 72 | component: () => import("@/views/zd/index"), |
73 | },{ | ||
74 | path: "/h", | ||
75 | name: "户", | ||
76 | code: "1-6", | ||
77 | component: () => import("@/views/systemH/index"), | ||
73 | }, | 78 | }, |
74 | { | 79 | { |
75 | path: "/viewMap", | 80 | path: "/viewMap", | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="content_box"> | 2 | <div class="content_box"> |
3 | <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick"> | 3 | <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick"> |
4 | <el-tab-pane label="多幢基本信息" name="dzxx"><dzxx></dzxx></el-tab-pane> | 4 | <el-tab-pane label="多幢基本信息" name="dzxx"><dzxx v-if="dzJbxxVisble"></dzxx></el-tab-pane> |
5 | <el-tab-pane label="附件材料" name="fjcl"><fjcl v-if="fjclVisible"></fjcl></el-tab-pane> | ||
5 | </el-tabs> | 6 | </el-tabs> |
6 | </div> | 7 | </div> |
7 | </template> | 8 | </template> |
8 | 9 | ||
9 | <script> | 10 | <script> |
10 | import dzxx from "./dzxx"; | 11 | import dzxx from "./dzxx"; |
12 | import fjcl from "./../zd/fjcl/fjcl" | ||
11 | export default { | 13 | export default { |
12 | name: "", | 14 | name: "", |
13 | components: { | 15 | components: { |
14 | dzxx | 16 | dzxx,fjcl |
15 | }, | 17 | }, |
16 | props: {}, | 18 | props: {}, |
17 | data() { | 19 | data() { |
18 | return { | 20 | return { |
19 | activeName: "dzxx", | 21 | activeName: "dzxx", |
22 | dzJbxxVisble:false, | ||
23 | fjclVisible:false | ||
20 | }; | 24 | }; |
21 | }, | 25 | }, |
22 | methods: { | 26 | methods: { |
23 | handleClick(tab, event) { | 27 | handleClick(tab, event) { |
24 | console.log(tab, event); | 28 | switch (tab.name) { |
29 | case 'dzxx': | ||
30 | this.dzJbxxVisble = true; | ||
31 | break | ||
32 | case 'fjcl': | ||
33 | this.fjclVisible = true; | ||
34 | break; | ||
35 | default: | ||
36 | break; | ||
37 | } | ||
25 | }, | 38 | }, |
26 | }, | 39 | }, |
27 | created() {}, | 40 | created() {}, | ... | ... |
... | @@ -127,7 +127,7 @@ | ... | @@ -127,7 +127,7 @@ |
127 | this.$store.state.zdbsm = row.glbsm | 127 | this.$store.state.zdbsm = row.glbsm |
128 | break; | 128 | break; |
129 | case "h": | 129 | case "h": |
130 | path = "h"; | 130 | path = "/h"; |
131 | this.$store.state.hbsm = row.glbsm | 131 | this.$store.state.hbsm = row.glbsm |
132 | type = "2"; | 132 | type = "2"; |
133 | default: | 133 | default: | ... | ... |
... | @@ -170,6 +170,8 @@ | ... | @@ -170,6 +170,8 @@ |
170 | console.log(this.$refs.hbj); | 170 | console.log(this.$refs.hbj); |
171 | this.$refs.hbj.getHInfo(this.hbsm); | 171 | this.$refs.hbj.getHInfo(this.hbsm); |
172 | }); | 172 | }); |
173 | path="/h"; | ||
174 | this.$store.state.hbsm=row.glbsm | ||
173 | break; | 175 | break; |
174 | default: | 176 | default: |
175 | break; | 177 | break; | ... | ... |
src/views/systemH/index.vue
0 → 100644
1 | <template> | ||
2 | <div class="content_box"> | ||
3 | <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick"> | ||
4 | <el-tab-pane label="户基本信息表" name="hjbxx"> | ||
5 | <hbj v-if="hbjVisible"></hbj> | ||
6 | </el-tab-pane> | ||
7 | <el-tab-pane label="登记簿" name="djb"> | ||
8 | <djb v-if="djbVisible"></djb> | ||
9 | </el-tab-pane> | ||
10 | <el-tab-pane label="附件材料" name="fjcl"> | ||
11 | <fjcl v-if="fjclVisible"></fjcl> | ||
12 | </el-tab-pane> | ||
13 | </el-tabs> | ||
14 | </div> | ||
15 | </template> | ||
16 | |||
17 | <script> | ||
18 | import hbj from "./../zrz/lpb/bjlp/hbj/index" | ||
19 | import djb from "./../zd/djb/index"; | ||
20 | import fjcl from "./../zd/fjcl/fjcl" | ||
21 | |||
22 | export default { | ||
23 | name: "index", | ||
24 | components: { | ||
25 | hbj, djb, fjcl | ||
26 | }, | ||
27 | data() { | ||
28 | return { | ||
29 | activeName: "hjbxx", | ||
30 | djbVisible: false, | ||
31 | fjclVisible: false, | ||
32 | hbjVisible: false | ||
33 | } | ||
34 | }, | ||
35 | mounted() { | ||
36 | |||
37 | }, | ||
38 | methods: { | ||
39 | handleClick(tab, event) { | ||
40 | // console.log(tab, event); | ||
41 | switch (tab.name) { | ||
42 | case 'hjbxx': | ||
43 | this.hbjVisible = true; | ||
44 | break | ||
45 | case 'djb': | ||
46 | this.djbVisible = true; | ||
47 | break; | ||
48 | case 'fjcl': | ||
49 | this.fjclVisible = true; | ||
50 | break; | ||
51 | default: | ||
52 | break; | ||
53 | } | ||
54 | }, | ||
55 | }, | ||
56 | watch: {} | ||
57 | } | ||
58 | </script> | ||
59 | |||
60 | <style scoped> | ||
61 | |||
62 | </style> |
... | @@ -106,6 +106,7 @@ | ... | @@ -106,6 +106,7 @@ |
106 | window.open(`/api/file/download?url=`+url); | 106 | window.open(`/api/file/download?url=`+url); |
107 | }, | 107 | }, |
108 | getFileList() { | 108 | getFileList() { |
109 | console.log(this.$route.name,'NAME') | ||
109 | switch (this.$route.name) { | 110 | switch (this.$route.name) { |
110 | case "宗地": | 111 | case "宗地": |
111 | this.filesData.dylx = 'zd'; | 112 | this.filesData.dylx = 'zd'; |
... | @@ -115,6 +116,14 @@ | ... | @@ -115,6 +116,14 @@ |
115 | this.filesData.dylx = 'zrz'; | 116 | this.filesData.dylx = 'zrz'; |
116 | this.filesData.glbsm = this.$store.state.zrzbsm | 117 | this.filesData.glbsm = this.$store.state.zrzbsm |
117 | break | 118 | break |
119 | case "多幢": | ||
120 | this.filesData.dylx = 'dz'; | ||
121 | this.filesData.glbsm = this.$store.state.dzbsm | ||
122 | break | ||
123 | case "户": | ||
124 | this.filesData.dylx = 'h'; | ||
125 | this.filesData.glbsm = this.$store.state.hbsm | ||
126 | break; | ||
118 | default: | 127 | default: |
119 | break | 128 | break |
120 | } | 129 | } | ... | ... |
... | @@ -518,6 +518,11 @@ | ... | @@ -518,6 +518,11 @@ |
518 | fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量 | 518 | fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量 |
519 | } | 519 | } |
520 | }, | 520 | }, |
521 | created(){ | ||
522 | let bsm=this.$store.state.hbsm | ||
523 | console.log(bsm,'户BSM') | ||
524 | this.getHInfo(bsm); | ||
525 | }, | ||
521 | methods: { | 526 | methods: { |
522 | addYtInfo(){ | 527 | addYtInfo(){ |
523 | this.form.fwytList.push({ | 528 | this.form.fwytList.push({ |
... | @@ -813,7 +818,7 @@ | ... | @@ -813,7 +818,7 @@ |
813 | watch: { | 818 | watch: { |
814 | scyclx:{ | 819 | scyclx:{ |
815 | handler(n){ | 820 | handler(n){ |
816 | this.$nextTick(()=>{ | 821 | this.$nextTick(()=>{ |
817 | this.form.scyclx = this.scyclx; | 822 | this.form.scyclx = this.scyclx; |
818 | }) | 823 | }) |
819 | } | 824 | } |
... | @@ -823,7 +828,7 @@ | ... | @@ -823,7 +828,7 @@ |
823 | </script> | 828 | </script> |
824 | <style rel="stylesheet/less" lang="less" scoped> | 829 | <style rel="stylesheet/less" lang="less" scoped> |
825 | .h { | 830 | .h { |
826 | height: 600px; | 831 | height: 100%; |
827 | width: 100%; | 832 | width: 100%; |
828 | margin-top: 10px; | 833 | margin-top: 10px; |
829 | overflow-y: scroll; | 834 | overflow-y: scroll; |
... | @@ -867,11 +872,11 @@ | ... | @@ -867,11 +872,11 @@ |
867 | .hTable{ | 872 | .hTable{ |
868 | margin-top: 10px; | 873 | margin-top: 10px; |
869 | } | 874 | } |
870 | 875 | ||
871 | /deep/.el-select-tree{ | 876 | /deep/.el-select-tree{ |
872 | width: 100%; | 877 | width: 100%; |
873 | .el-input__inner{ | 878 | .el-input__inner{ |
874 | height: 30px !important; | 879 | height: 30px !important; |
875 | } | 880 | } |
876 | } | 881 | } |
877 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
882 | </style> | ... | ... |
-
Please register or sign in to post a comment