Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
6fd27b5e by 杨威
Options

删除多余文件

1 parent da4f9927
Expand all
Inline Side-by-side
Showing 9 changed files with 0 additions and 798 deletions
...@@ -83,12 +83,6 @@ const constantRoutes = [ ...@@ -83,12 +83,6 @@ const constantRoutes = [
83 code: "1-5", 83 code: "1-5",
84 component: () => import("@/views/systemZD/index"), 84 component: () => import("@/views/systemZD/index"),
85 }, 85 },
86 {
87 path: "/ljz",
88 name: "宗地1",
89 code: "1-6",
90 component: () => import("@/views/basic/ljz/index"),
91 },
92 ], 86 ],
93 }, 87 },
94 ]; 88 ];
......
1 .dz {
2 min-height: 200px;
3 width: 80%;
4 margin-top: 10px;
5 float: left;
6
7 /deep/.el-input__inner{
8 width: 100%;
9 border: 0;
10 }
11
12 /deep/textarea{
13 width: 100%;
14 border: 0;
15 }
16
17
18 .el-form-item{
19 font-weight: bold;
20 font-size: xx-large
21 }
22
23 table{
24 background: #fff;
25 }
26
27 td{
28 //bgcolor:#F1F4FC;
29 bgcolor:#fff;
30 width:8.33%
31 }
32
33 .el-select{
34 display:block;
35 }
36
37 table{
38 font-size: 14px;
39 }
40
41 .dzTable{
42 margin-top: 10px;
43 }
44 }
...\ No newline at end of file ...\ No newline at end of file
1 .h {
2 min-height: 200px;
3 width: 80%;
4 margin-top: 10px;
5 float: left;
6
7 /deep/.el-input__inner{
8 width: 100%;
9 border: 0;
10 }
11
12 /deep/textarea{
13 width: 100%;
14 border: 0;
15 }
16
17
18 .el-form-item{
19 font-weight: bold;
20 font-size: xx-large
21 }
22
23 table{
24 background: #fff;
25 }
26
27 td{
28 //bgcolor:#F1F4FC;
29 bgcolor:#fff;
30 width:8.33%
31 }
32
33 .el-select{
34 display:block;
35 }
36 }
37
38 table{
39 font-size: 14px;
40 }
41
42 .hTable{
43 margin-top: 10px;
44 }
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <div class="main">
3 <div class="formMenu">
4 <el-form ref="form" :model="form" label-width="160px">
5 <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1">
6 <tr>
7 <th colspan="12">逻辑幢基本信息</th>
8 </tr>
9 <tr>
10 <td colspan="2">逻辑幢号</td>
11 <td colspan="4">
12 <input type="text" class="formInput" />
13 </td>
14 <td colspan="2">自然幢号</td>
15 <td colspan="4">
16 <input type="text" class="formInput" />
17 </td>
18 </tr>
19 <tr>
20 <td colspan="2">逻辑幢顺序号</td>
21 <td colspan="4">
22 <input type="text" class="formInput" />
23 </td>
24 <td colspan="2">不动产单元号</td>
25 <td colspan="4" class="psr">
26 <input type="text" class="formInput percent78" />
27 <el-button type="primary" class="createBtn">生成</el-button>
28 </td>
29 </tr>
30 <tr>
31 <td colspan="2">门牌号</td>
32 <td colspan="4">
33 <input type="text" class="formInput" />
34 </td>
35 <td colspan="2" align="center">竣工日期</td>
36 <td colspan="4" >
37 <!-- <el-date-picker-->
38 <!-- v-model="jgrq"-->
39 <!-- type="date"-->
40 <!-- placeholder="选择日期"-->
41 <!-- >-->
42 <!-- </el-date-picker>-->
43 </td>
44 </tr>
45 <tr>
46 <td colspan="2">预测建筑面积（㎡）</td>
47 <td colspan="4">
48 <input type="text" class="formInput" />
49 </td>
50 <td colspan="2">实测建筑面积（㎡）</td>
51 <td colspan="4" class="psr">
52 <input type="text" class="formInput" />
53
54 </td>
55 </tr>
56 <tr>
57 <td colspan="2">预测地下面积（㎡）</td>
58 <td colspan="4">
59 <input type="text" class="formInput" />
60 </td>
61 <td colspan="2">实测地下面积（㎡）</td>
62 <td colspan="4" class="psr">
63 <input type="text" class="formInput " />
64 </td>
65 </tr>
66 <tr>
67 <td colspan="2">预测其他面积（㎡）</td>
68 <td colspan="4">
69 <input type="text" class="formInput" />
70 </td>
71 <td colspan="2">实测其他面积（㎡）</td>
72 <td colspan="4" class="psr">
73 <input type="text" class="formInput" />
74 </td>
75 </tr>
76
77 <tr height="30" v-for="(item1,index) in form.ytList" :key="index">
78 <td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle">
79 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button>
80 <span>用途</span>
81 </td>
82
83 <td width="30" colspan="2" align="center" >
84 <el-button type="info" size="mini" style="" @click="deleteYtInfo(index)" circle>删除</el-button>
85 规划用途
86 </td>
87 <td width="30" colspan="4" align="center" >
88 <el-select v-model="item1.fwytzdbsm" placeholder="请选择" >
89 <el-option
90 v-for="item in options"
91 :key="item.value"
92 :label="item.label"
93 :value="item.value">
94 </el-option>
95 </el-select>
96 </td>
97 <td width="30" colspan="2" align="center" >用途</td>
98 <td width="30" colspan="4" align="center" >
99 <el-select v-model="item1.fwsjytbsm" placeholder="请选择" >
100 <el-option
101 v-for="item in options"
102 :key="item.value"
103 :label="item.label"
104 :value="item.value">
105 </el-option>
106 </el-select>
107 </td>
108 </tr>
109
110 <tr height="30" v-for="(item1,index) in form.fwjgList" :key="'jg'+index">
111 <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" align="center" >
112 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addFwjgInfo">添加</el-button>
113 <span>房屋结构</span>
114 </td>
115 <td colspan="2" align="center" >
116 <span @click="deleteFwjgInfo(index)">删除</span>
117 </td>
118 <td colspan="9" >
119 <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" >
120 <el-option
121 v-for="item in options"
122 :key="item.value"
123 :label="item.label"
124 :value="item.value">
125 </el-option>
126 </el-select>
127 </td>
128 </tr>
129
130 <tr>
131 <td colspan="2">地下层数</td>
132 <td colspan="4">
133 <input type="text" class="formInput" />
134 </td>
135 <td colspan="2">地上层数</td>
136 <td colspan="4" class="psr">
137 <input type="text" class="formInput" />
138 </td>
139 </tr>
140 <tr>
141 <td colspan="2">总层数</td>
142 <td colspan="4">
143 <input type="text" class="formInput" />
144 </td>
145 <td colspan="2">建筑物状态</td>
146 <td colspan="4" class="psr">
147 <input type="text" class="formInput" />
148 </td>
149 </tr>
150 <tr>
151 <td colspan="2">备注</td>
152 <td colspan="10">
153 <input type="text" class="formInput" />
154 </td>
155 </tr>
156 <tr>
157 <th colspan="12" class="save">
158 <el-button type="primary" >保存</el-button>
159 </th>
160 </tr>
161 </table>
162 </el-form>
163 </div>
164 </div>
165 </template>
166
167 <script>
168 export default {
169 name:"",
170 components:{},
171 props:{},
172 data(){
173 return {
174 jgrq:'',
175 form: {
176 ytList: [{
177 glbsm: '', //关联标识码
178 fwytzdbsm: '', //房屋用途字典标识码
179 sx: '', //顺序
180 fwsjytbsm: '', //房屋实际用途字典标识码
181 }],
182 fwjgList: [{
183 fwjgzdbsm: '', //房屋结构字典标识码
184 glbsm: '', //关联标识码
185 sx: '', //顺序
186 }],
187 },
188 options: [{
189 value: '选项1',
190 label: '黄金糕'
191 }, {
192 value: '选项2',
193 label: '双皮奶'
194 }, {
195 value: '选项3',
196 label: '蚵仔煎'
197 }, {
198 value: '选项4',
199 label: '龙须面'
200 }, {
201 value: '选项5',
202 label: '北京烤鸭'
203 }],
204 value: '',
205 ytTitleRowspan:1, //用途的单元格垂直合并数量
206 fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量
207 }
208 },
209 created(){},
210 mounted(){},
211 methods:{
212 addYtInfo(){
213 this.form.ytList.push({
214 glbsm:'',
215 fwytzdbsm:'',
216 fwsjytbsm:'',
217 sx:'',
218 });
219 this.ytTitleRowspan=this.form.ytList.length;
220 },
221 deleteYtInfo(index){
222 if(this.form.ytList.length<=1){
223 this.$message({
224 message: '不能删除，最少含有一条用途信息',
225 type: 'warning'
226 });
227 }else{
228 this.form.ytList.splice(index,1);
229 this.ytTitleRowspan=this.form.ytList.length;
230 }
231 },
232 addFwjgInfo(){
233 this.form.fwjgList.push({
234 fwjgzdbsm:'', //房屋结构字典标识码
235 glbsm:'', //关联标识码
236 sx:'', //顺序
237 });
238 this.fwjgTitleRowspan=this.form.fwjgList.length;
239 },
240 deleteFwjgInfo(index){
241 if(this.form.fwjgList.length<=1){
242 this.$message({
243 message: '不能删除，最少含有一条房屋结构信息',
244 type: 'warning'
245 });
246 }else{
247 this.form.fwjgList.splice(index,1);
248 this.fwjgTitleRowspan=this.form.fwjgList.length;
249 }
250 },
251 },
252 computed: {},
253 watch: {},
254 }
255 </script>
256
257 <style lang="less" scoped>
258 .main {
259 box-sizing: border-box;
260 padding: 18px;
261 height: auto;
262 .formMenu {
263 width: 1000px;
264 }
265 .zdjbxxTable {
266 margin-top: 10px;
267 background-color: #fff;
268 font-size: 14px;
269 width: 100%;
270 th {
271 height: 36px;
272 line-height: 36px;
273 font-size: 16px;
274 }
275 td {
276 width: 60px;
277 text-align: center;
278 height: 36px;
279 }
280 /deep/.el-input__inner {
281 margin: 0;
282 height: 36px;
283 border: none;
284 color: #606764;
285 overflow: visible;
286 text-align: center;
287 cursor: text;
288 }
289 .percent78 {
290 width: 78%;
291 float: left;
292 }
293 .percent68 {
294 width: 68%;
295 float: left;
296 position: relative;
297 top: 7px;
298 }
299 .percent30 {
300 width: 30%;
301 float: left;
302 }
303 .createBtn {
304 position: absolute;
305 width: 50px;
306 padding: 6px 4px;
307 right: 4px;
308 top: 4px;
309 }
310 .el-input__icon {
311 line-height: 37px;
312 }
313 .save{
314 height:80px
315 }
316 }
317 }
318 </style>
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 .zrz {
2 min-height: 200px;
3 width: 80%;
4 margin-top: 10px;
5 float: left;
6
7 /deep/.el-input__inner{
8 width: 100%;
9 border: 0;
10 }
11
12 /deep/textarea{
13 width: 100%;
14 border: 0;
15 }
16
17
18 .el-form-item{
19 font-weight: bold;
20 font-size: xx-large
21 }
22
23 table{
24 background: #fff;
25 }
26
27 td{
28 //bgcolor:#F1F4FC;
29 bgcolor:#fff;
30 width:8.33%
31 }
32
33 .el-select{
34 display:block;
35 }
36
37 table{
38 font-size: 14px;
39 }
40
41 .zrzTable{
42 margin-top: 10px;
43 }
44 }
...\ No newline at end of file ...\ No newline at end of file