Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
ba89d9b6 by weimo934
Options

Merge remote-tracking branch 'origin/master'

2 parents 0fe3f890 9c5f24ac
Inline Side-by-side
Showing 4 changed files with 420 additions and 390 deletions
1 import login from '@/views/login/login.vue' 1 import login from "@/views/login/login.vue";
2 2
3 const errorPage = [ 3 const errorPage = [
4 { 4 {
5 path: '/404', 5 path: "/404",
6 component: () => import('@/views/404'), 6 component: () => import("@/views/404"),
7 hidden: true 7 hidden: true,
8 }, 8 },
9 {path: '*', redirect: '/404', hidden: true} 9 { path: "*", redirect: "/404", hidden: true },
10 ] 10 ];
11 11
12 const frameOut = [ 12 const frameOut = [
13 { 13 {
14 path: '/', 14 path: "/",
15 name: 'login', 15 name: "login",
16 component: login, 16 component: login,
17 } 17 },
18 ] 18 ];
19 const constantRoutes = [ 19 const constantRoutes = [
20 { 20 {
21 path: '/panel', 21 path: "/panel",
22 code: 'panel', 22 code: "panel",
23 component: () => import('@/views/Home'), 23 component: () => import("@/views/Home"),
24 redirect: '/panel', 24 redirect: "/panel",
25 children: [ 25 children: [
26 { 26 {
27 path: '/panel', 27 path: "/panel",
28 name: '首页', 28 name: "首页",
29 code: '0-1', 29 code: "0-1",
30 component: () => import('@/views/panel/index') 30 component: () => import("@/views/panel/index"),
31 },
32 {
33 path: "/create",
34 name: "新建",
35 code: "0-2",
36 component: () => import("@/views/panel/create/index"),
31 }, 37 },
32 { 38 {
33 path: '/create', 39 path: "/modify",
34 name: '新建', 40 name: "更正",
35 code: '0-2', 41 code: "0-3",
36 component: () => import('@/views/panel/create/index') 42 component: () => import("@/views/panel/modify/index"),
37 }, 43 },
38 { 44 {
39 path: '/modify', 45 path: "/change",
40 name: '更正', 46 name: "变更",
41 code: '0-3', 47 code: "0-4",
42 component: () => import('@/views/panel/modify/index') 48 component: () => import("@/views/panel/change/index"),
43 }, 49 },
44 { 50 {
45 path: '/change', 51 path: "/search",
46 name: '变更', 52 name: "综合查询",
47 code: '0-4', 53 code: "0-5",
48 component: () => import('@/views/panel/change/index') 54 component: () => import("@/views/panel/search/index"),
49 }, 55 },
50 { 56 {
51 path: '/search', 57 path: "/zrz",
52 name: '综合查询', 58 name: "自然幢",
53 code: '0-5', 59 code: "1-1",
54 component: () => import('@/views/panel/search/index') 60 component: () => import("@/views/basic/zrz/index"),
55 }, 61 },
56 { 62 {
57 path: '/zrz', 63 path: "/dz",
58 name: '自然幢', 64 name: "多幢",
59 code: '1-1', 65 code: "1-2",
60 component: () => import('@/views/basic/zrz/index'), 66 component: () => import("@/views/basic/dz/index"),
61 }, 67 },
62 { 68 {
63 path: '/dz', 69 path: "/h",
64 name: '多幢', 70 name: "户",
65 code: '1-2', 71 code: "1-3",
66 component: () => import('@/views/basic/dz/index'), 72 component: () => import("@/views/basic/h/index"),
67 }, 73 },
68 { 74 {
69 path: '/h', 75 path: "/mjft",
70 name: '户', 76 name: "面积分摊",
71 code: '1-3', 77 code: "1-4",
72 component: () => import('@/views/basic/h/index'), 78 component: () => import("@/views/basic/mjft/index"),
73 }, { 79 },
74 path: '/mjft', 80 {
75 name: '面积分摊', 81 path: "/zd",
76 code: '1-4', 82 name: "宗地",
77 component: () => import('@/views/basic/mjft/index') 83 code: "1-5",
78 } 84 component: () => import("@/views/basic/zd/index"),
79 ] 85 },
80 } 86 ],
81 ] 87 },
88 ];
82 // 在这里面动态引入路由文件 达成权限处理得问题 89 // 在这里面动态引入路由文件 达成权限处理得问题
83 // 重新组织后导出 90 // 重新组织后导出
84 export default [ 91 export default [...errorPage, ...frameOut, ...constantRoutes];
85 ...errorPage,
86 ...frameOut,
87 ...constantRoutes
88 ]
......
...@@ -101,6 +101,10 @@ export default { ...@@ -101,6 +101,10 @@ export default {
101 path:'/h', 101 path:'/h',
102 name:'户' 102 name:'户'
103 }, 103 },
104 {
105 path:'/zd',
106 name:'宗地'
107 },
104 ], 108 ],
105 // 上导航选中id 109 // 上导航选中id
106 indId: undefined, 110 indId: undefined,
......
1 <template>
2 <div class="main">
3 <div class="formMenu">
4 <Qlr ref="qlrxxModule"></Qlr>
5
6 <!-- <el-button
7 type="primary"
8 class="changeBtn"
9 @click="getQlrxxData"
10 >获取权利人信息数据</el-button
11 >
12 <el-button
13 type="primary"
14 class="changeBtn"
15 @click="getQlxzData"
16 >获取权利性质组件数据</el-button
17 > -->
18 <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1">
19 <tr>
20 <th colspan="12">宗地基本信息</th>
21 </tr>
22 <tr>
23 <td colspan="2">行政区</td>
24 <td colspan="2">
25 <input type="text" class="formInput" />
26 </td>
27 <td colspan="2">地籍区</td>
28 <td colspan="2">
29 <input type="text" class="formInput" />
30 </td>
31 <td colspan="2">地籍子区</td>
32 <td colspan="2">
33 <input type="text" class="formInput" />
34 </td>
35 </tr>
36 <tr>
37 <td colspan="2">权利类型</td>
38 <td colspan="4">
39 <el-select class="formSelect" v-model="value">
40 <el-option
41 v-for="item in qllxList"
42 :key="item.value"
43 :label="item.label"
44 :value="item.value"
45 >
46 </el-option>
47 </el-select>
48 </td>
49 <td colspan="2">权利设定方式</td>
50 <td colspan="4">
51 <el-select class="formSelect" v-model="value">
52 <el-option
53 v-for="item in qlsdfsList"
54 :key="item.value"
55 :label="item.label"
56 :value="item.value"
57 >
58 </el-option>
59 </el-select>
60 </td>
61 </tr>
62 <tr>
63 <td colspan="2">宗地代码</td>
64 <td colspan="4">
65 <input type="text" class="formInput" />
66 </td>
67 <td colspan="2">不动产单元号</td>
68 <td colspan="4" class="psr">
69 <input type="text" class="formInput percent78" />
70 <el-button type="primary" class="createBtn">生成</el-button>
71 </td>
72 </tr>
73 <tr>
74 <td colspan="2">地籍号</td>
75 <td colspan="4">
76 <input type="text" class="formInput" />
77 </td>
78 <td colspan="2">土地权属来源证明材料</td>
79 <td colspan="4" class="psr">
80 <input type="text" class="formInput " />
81 </td>
82 </tr>
83 <tr>
84 <td colspan="2">坐落</td>
85 <td colspan="10">
86 <input type="text" class="formInput" />
87 </td>
88 </tr>
89 <tr>
90 <td colspan="2">国民经济行业分类</td>
91 <td colspan="4">
92 <el-select class="formSelect" v-model="value">
93 <el-option
94 v-for="item in jjhyflList"
95 :key="item.value"
96 :label="item.label"
97 :value="item.value"
98 >
99 </el-option>
100 </el-select>
101 </td>
102 <td colspan="2">价格(元)</td>
103 <td colspan="4" class="psr">
104 <input type="text" class="formInput" />
105 </td>
106 </tr>
107 <tr>
108 <td colspan="2" rowspan="2">所在图幅号</td>
109 <td colspan="2">比例尺</td>
110 <td colspan="8" class="psr">
111 <input type="text" class="formInput" />
112 </td>
113 </tr>
114 <tr>
115 <td colspan="2">图幅号</td>
116 <td colspan="8" class="psr">
117 <input type="text" class="formInput" />
118 </td>
119 </tr>
120 <tr>
121 <td colspan="2">容积率</td>
122 <td colspan="4">
123 <el-select class="formSelect percent30" v-model="value">
124 <el-option
125 v-for="item in compareList"
126 :key="item.value"
127 :label="item.label"
128 :value="item.value"
129 >
130 </el-option>
131 </el-select>
132 <input type="text" class="formInput percent68" />
133 </td>
134 <td colspan="2">容积说明</td>
135 <td colspan="4" class="psr">
136 <input type="text" class="formInput" />
137 </td>
138 </tr>
139 <tr>
140 <td colspan="2">建筑密度</td>
141 <td colspan="4">
142 <el-select class="formSelect percent30" v-model="value">
143 <el-option
144 v-for="item in compareList"
145 :key="item.value"
146 :label="item.label"
147 :value="item.value"
148 >
149 </el-option>
150 </el-select>
151 <input type="text" class="formInput percent68" />
152 </td>
153 <td colspan="2">建筑密度说明</td>
154 <td colspan="4" class="psr">
155 <input type="text" class="formInput" />
156 </td>
157 </tr>
158 <tr>
159 <td colspan="2">建筑限高</td>
160 <td colspan="4">
161 <el-select class="formSelect percent30" v-model="value">
162 <el-option
163 v-for="item in compareList"
164 :key="item.value"
165 :label="item.label"
166 :value="item.value"
167 >
168 </el-option>
169 </el-select>
170 <input type="text" class="formInput percent68" />
171 </td>
172 <td colspan="2">建筑限高说明</td>
173 <td colspan="4" class="psr">
174 <input type="text" class="formInput" />
175 </td>
176 </tr>
177 <tr>
178 <td colspan="2" rowspan="4">宗地四至</td>
179 <td colspan="2">北至</td>
180 <td colspan="8" class="psr">
181 <input type="text" class="formInput" />
182 </td>
183 </tr>
184 <tr>
185 <td colspan="2">东至</td>
186 <td colspan="8" class="psr">
187 <input type="text" class="formInput" />
188 </td>
189 </tr>
190 <tr>
191 <td colspan="2">南至</td>
192 <td colspan="8" class="psr">
193 <input type="text" class="formInput" />
194 </td>
195 </tr>
196 <tr>
197 <td colspan="2">西至</td>
198 <td colspan="8" class="psr">
199 <input type="text" class="formInput" />
200 </td>
201 </tr>
202 <tr>
203 <td colspan="12">
204 <Qlxz ref="qlxzModule"></Qlxz>
205 </td>
206 </tr>
207 <tr>
208 <td colspan="2" rowspan="2">批准面积(㎡)</td>
209 <td colspan="2" rowspan="2">
210 <input type="text" class="formInput" />
211 </td>
212 <td colspan="2" rowspan="2">宗地面积(㎡)</td>
213 <td colspan="2" rowspan="2">
214 <input type="text" class="formInput" />
215 </td>
216 <td colspan="2">建筑占地宗面积</td>
217 <td colspan="2">
218 <input type="text" class="formInput" />
219 </td>
220 </tr>
221 <tr>
222 <td colspan="2">建筑面积(㎡)</td>
223 <td colspan="2">
224 <input type="text" class="formInput" />
225 </td>
226 </tr>
227 <tr>
228 <td colspan="2">共有/共用权利人情况</td>
229 <td colspan="10">
230 <input type="text" class="formInput" />
231 </td>
232 </tr>
233 <tr>
234 <td colspan="2" rowspan="2">说明</td>
235 <td colspan="10" rowspan="2">
236 <input type="text" class="formInput" />
237 </td>
238 </tr>
239 </table>
240 </div>
241 </div>
242 </template>
243
244 <script>
245 import Qlr from "../../../components/formMenu/qlr";
246 import Qlxz from "../../../components/formMenu/qlxz";
247 export default {
248 name: "",
249 components: {
250 Qlr,
251 Qlxz,
252 },
253 props: {},
254 data() {
255 return {
256 qllxList: [{ label: "国有建设用地使用权", value: "1" }],
257 qlsdfsList: [{ label: "地上", value: "1" }],
258 jjhyflList: [{ label: "制造业", value: "1" }],
259 compareList: [
260 { label: "=", value: "=" },
261 { label: "<=", value: "<=" },
262 { label: ">=", value: ">=" },
263 ],
264 value: "",
265 };
266 },
267 created() {},
268 mounted() {},
269 methods: {
270 getQlrxxData(){
271 console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据
272 console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据
273 },
274 getQlxzData(){
275 console.log(this.$refs.qlxzModule.getQlxzDataList()); //权利性质数据
276 },
277 },
278 computed: {},
279 watch: {},
280 };
281 </script>
282 <style lang="less" scoped>
283 .main {
284 box-sizing: border-box;
285 padding: 18px;
286 height: auto;
287 .formMenu {
288 width: 80%;
289 margin: 0 auto;
290 }
291 .zdjbxxTable {
292 margin: 10px 0;
293 background-color: #fff;
294 font-size: 14px;
295 width: 100%;
296 th {
297 height: 36px;
298 line-height: 36px;
299 font-size: 16px;
300 }
301 td {
302 width: 60px;
303 text-align: center;
304 height: 36px;
305 }
306 /deep/.el-input__inner {
307 margin: 0;
308 height: 36px;
309 outline: none;
310 border: none;
311 color: #606764;
312 overflow: visible;
313 text-align: center;
314 cursor: text;
315 }
316 .percent78 {
317 width: 78%;
318 float: left;
319 }
320 .percent68 {
321 width: 68%;
322 float: left;
323 position: relative;
324 top: 7px;
325 }
326 .percent30 {
327 width: 30%;
328 float: left;
329 }
330 .createBtn {
331 position: absolute;
332 width: 50px;
333 padding: 6px 4px;
334 right: 4px;
335 top: 4px;
336 }
337 .el-input__icon {
338 line-height: 37px;
339 }
340 }
341 }
342 </style>
1 <template> 1 <template>
2 <div class="main"> 2 <div class=""></div>
3 <div class="formMenu">
4 <Qlr ref="qlrxxModule"></Qlr>
5
6 <!-- <el-button
7 type="primary"
8 class="changeBtn"
9 @click="getQlrxxData"
10 >获取权利人信息数据</el-button
11 >
12 <el-button
13 type="primary"
14 class="changeBtn"
15 @click="getQlxzData"
16 >获取权利性质组件数据</el-button
17 > -->
18 <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1">
19 <tr>
20 <th colspan="12">宗地基本信息</th>
21 </tr>
22 <tr>
23 <td colspan="2">行政区</td>
24 <td colspan="2">
25 <input type="text" class="formInput" />
26 </td>
27 <td colspan="2">地籍区</td>
28 <td colspan="2">
29 <input type="text" class="formInput" />
30 </td>
31 <td colspan="2">地籍子区</td>
32 <td colspan="2">
33 <input type="text" class="formInput" />
34 </td>
35 </tr>
36 <tr>
37 <td colspan="2">权利类型</td>
38 <td colspan="4">
39 <el-select class="formSelect" v-model="value">
40 <el-option
41 v-for="item in qllxList"
42 :key="item.value"
43 :label="item.label"
44 :value="item.value"
45 >
46 </el-option>
47 </el-select>
48 </td>
49 <td colspan="2">权利设定方式</td>
50 <td colspan="4">
51 <el-select class="formSelect" v-model="value">
52 <el-option
53 v-for="item in qlsdfsList"
54 :key="item.value"
55 :label="item.label"
56 :value="item.value"
57 >
58 </el-option>
59 </el-select>
60 </td>
61 </tr>
62 <tr>
63 <td colspan="2">宗地代码</td>
64 <td colspan="4">
65 <input type="text" class="formInput" />
66 </td>
67 <td colspan="2">不动产单元号</td>
68 <td colspan="4" class="psr">
69 <input type="text" class="formInput percent78" />
70 <el-button type="primary" class="createBtn">生成</el-button>
71 </td>
72 </tr>
73 <tr>
74 <td colspan="2">地籍号</td>
75 <td colspan="4">
76 <input type="text" class="formInput" />
77 </td>
78 <td colspan="2">土地权属来源证明材料</td>
79 <td colspan="4" class="psr">
80 <input type="text" class="formInput " />
81 </td>
82 </tr>
83 <tr>
84 <td colspan="2">坐落</td>
85 <td colspan="10">
86 <input type="text" class="formInput" />
87 </td>
88 </tr>
89 <tr>
90 <td colspan="2">国民经济行业分类</td>
91 <td colspan="4">
92 <el-select class="formSelect" v-model="value">
93 <el-option
94 v-for="item in jjhyflList"
95 :key="item.value"
96 :label="item.label"
97 :value="item.value"
98 >
99 </el-option>
100 </el-select>
101 </td>
102 <td colspan="2">价格(元)</td>
103 <td colspan="4" class="psr">
104 <input type="text" class="formInput" />
105 </td>
106 </tr>
107 <tr>
108 <td colspan="2" rowspan="2">所在图幅号</td>
109 <td colspan="2">比例尺</td>
110 <td colspan="8" class="psr">
111 <input type="text" class="formInput" />
112 </td>
113 </tr>
114 <tr>
115 <td colspan="2">图幅号</td>
116 <td colspan="8" class="psr">
117 <input type="text" class="formInput" />
118 </td>
119 </tr>
120 <tr>
121 <td colspan="2">容积率</td>
122 <td colspan="4">
123 <el-select class="formSelect percent30" v-model="value">
124 <el-option
125 v-for="item in compareList"
126 :key="item.value"
127 :label="item.label"
128 :value="item.value"
129 >
130 </el-option>
131 </el-select>
132 <input type="text" class="formInput percent68" />
133 </td>
134 <td colspan="2">容积说明</td>
135 <td colspan="4" class="psr">
136 <input type="text" class="formInput" />
137 </td>
138 </tr>
139 <tr>
140 <td colspan="2">建筑密度</td>
141 <td colspan="4">
142 <el-select class="formSelect percent30" v-model="value">
143 <el-option
144 v-for="item in compareList"
145 :key="item.value"
146 :label="item.label"
147 :value="item.value"
148 >
149 </el-option>
150 </el-select>
151 <input type="text" class="formInput percent68" />
152 </td>
153 <td colspan="2">建筑密度说明</td>
154 <td colspan="4" class="psr">
155 <input type="text" class="formInput" />
156 </td>
157 </tr>
158 <tr>
159 <td colspan="2">建筑限高</td>
160 <td colspan="4">
161 <el-select class="formSelect percent30" v-model="value">
162 <el-option
163 v-for="item in compareList"
164 :key="item.value"
165 :label="item.label"
166 :value="item.value"
167 >
168 </el-option>
169 </el-select>
170 <input type="text" class="formInput percent68" />
171 </td>
172 <td colspan="2">建筑限高说明</td>
173 <td colspan="4" class="psr">
174 <input type="text" class="formInput" />
175 </td>
176 </tr>
177 <tr>
178 <td colspan="2" rowspan="4">宗地四至</td>
179 <td colspan="2">北至</td>
180 <td colspan="8" class="psr">
181 <input type="text" class="formInput" />
182 </td>
183 </tr>
184 <tr>
185 <td colspan="2">东至</td>
186 <td colspan="8" class="psr">
187 <input type="text" class="formInput" />
188 </td>
189 </tr>
190 <tr>
191 <td colspan="2">南至</td>
192 <td colspan="8" class="psr">
193 <input type="text" class="formInput" />
194 </td>
195 </tr>
196 <tr>
197 <td colspan="2">西至</td>
198 <td colspan="8" class="psr">
199 <input type="text" class="formInput" />
200 </td>
201 </tr>
202 <tr>
203 <td colspan="12">
204 <Qlxz ref="qlxzModule"></Qlxz>
205 </td>
206 </tr>
207 <tr>
208 <td colspan="2" rowspan="2">批准面积(㎡)</td>
209 <td colspan="2" rowspan="2">
210 <input type="text" class="formInput" />
211 </td>
212 <td colspan="2" rowspan="2">宗地面积(㎡)</td>
213 <td colspan="2" rowspan="2">
214 <input type="text" class="formInput" />
215 </td>
216 <td colspan="2">建筑占地宗面积</td>
217 <td colspan="2">
218 <input type="text" class="formInput" />
219 </td>
220 </tr>
221 <tr>
222 <td colspan="2">建筑面积(㎡)</td>
223 <td colspan="2">
224 <input type="text" class="formInput" />
225 </td>
226 </tr>
227 <tr>
228 <td colspan="2">共有/共用权利人情况</td>
229 <td colspan="10">
230 <input type="text" class="formInput" />
231 </td>
232 </tr>
233 <tr>
234 <td colspan="2" rowspan="2">说明</td>
235 <td colspan="10" rowspan="2">
236 <input type="text" class="formInput" />
237 </td>
238 </tr>
239 </table>
240 </div>
241 </div>
242 </template> 3 </template>
243 4
244 <script> 5 <script>
245 import Qlr from "../../../components/formMenu/qlr";
246 import Qlxz from "../../../components/formMenu/qlxz";
247 export default { 6 export default {
248 name: "", 7 name:"",
249 components: { 8 components:{},
250 Qlr, 9 props:{},
251 Qlxz, 10 data(){
252 },
253 props: {},
254 data() {
255 return { 11 return {
256 qllxList: [{ label: "国有建设用地使用权", value: "1" }], 12 }
257 qlsdfsList: [{ label: "地上", value: "1" }],
258 jjhyflList: [{ label: "制造业", value: "1" }],
259 compareList: [
260 { label: "=", value: "=" },
261 { label: "<=", value: "<=" },
262 { label: ">=", value: ">=" },
263 ],
264 value: "",
265 };
266 },
267 created() {},
268 mounted() {},
269 methods: {
270 getQlrxxData(){
271 console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据
272 console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据
273 },
274 getQlxzData(){
275 console.log(this.$refs.qlxzModule.getQlxzDataList()); //权利性质数据
276 },
277 }, 13 },
14 created(){},
15 mounted(){},
16 methods:{},
278 computed: {}, 17 computed: {},
279 watch: {}, 18 watch: {},
280 };
281 </script>
282 <style lang="less" scoped>
283 .main {
284 box-sizing: border-box;
285 padding: 18px;
286 height: auto;
287 .formMenu {
288 width: 1000px;
289 }
290 .zdjbxxTable {
291 margin-top: 10px;
292 background-color: #fff;
293 font-size: 14px;
294 width: 100%;
295 th {
296 height: 36px;
297 line-height: 36px;
298 font-size: 16px;
299 }
300 td {
301 width: 60px;
302 text-align: center;
303 height: 36px;
304 }
305 /deep/.el-input__inner {
306 margin: 0;
307 height: 36px;
308 outline: none;
309 border: none;
310 color: #606764;
311 overflow: visible;
312 text-align: center;
313 cursor: text;
314 }
315 .percent78 {
316 width: 78%;
317 float: left;
318 }
319 .percent68 {
320 width: 68%;
321 float: left;
322 position: relative;
323 top: 7px;
324 }
325 .percent30 {
326 width: 30%;
327 float: left;
328 }
329 .createBtn {
330 position: absolute;
331 width: 50px;
332 padding: 6px 4px;
333 right: 4px;
334 top: 4px;
335 }
336 .el-input__icon {
337 line-height: 37px;
338 }
339 }
340 } 19 }
20 </script>
21 <style scoped lang="less">
341 </style> 22 </style>
...\ No newline at end of file ...\ No newline at end of file
......