Skip to content

任超 / js.CadastralSystem

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

宗地表单完善

1 parent 17404ef3
Inline Side-by-side
Showing 1 changed file with 302 additions and 15 deletions
1 <template> 1 <template>
2 <div class=""></div> 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" rowspan="4">
204 <Qlxz ref="qlxzModule"></Qlxz>
205 </td>
206 </tr>
207 </table>
208 </div>
209 </div>
3 </template> 210 </template>
4 211
5 <script> 212 <script>
213 import Qlr from "../../../components/formMenu/qlr";
214 import Qlxz from "../../../components/formMenu/qlxz";
6 export default { 215 export default {
7 name:"", 216 name: "",
8 components:{}, 217 components: {
9 props:{}, 218 Qlr,
10 data(){ 219 Qlxz,
11 return { 220 },
12 } 221 props: {},
222 data() {
223 return {
224 qllxList: [{ label: "国有建设用地使用权", value: "1" }],
225 qlsdfsList: [{ label: "地上", value: "1" }],
226 jjhyflList: [{ label: "制造业", value: "1" }],
227 compareList: [
228 { label: "=", value: "=" },
229 { label: "<=", value: "<=" },
230 { label: ">=", value: ">=" },
231 ],
232 value: "",
233 };
234 },
235 created() {},
236 mounted() {},
237 methods: {
238 getQlrxxData(){
239 console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据
240 console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据
241 },
242 getQlxzData(){
243 console.log(this.$refs.qlxzModule.getQlxzDataList()); //权利性质数据
244 },
13 }, 245 },
14 created(){}, 246 computed: {},
15 mounted(){}, 247 watch: {},
16 methods:{}, 248 };
17 computed: {},
18 watch: {},
19 }
20 </script> 249 </script>
21 <style scoped lang="less">
22 </style>
...\ No newline at end of file ...\ No newline at end of file
250 <style lang="less" scoped>
251 .main {
252 box-sizing: border-box;
253 padding: 18px;
254 height: auto;
255 .formMenu {
256 width: 1000px;
257 }
258 .zdjbxxTable {
259 margin-top: 10px;
260 background-color: #fff;
261 font-size: 14px;
262 width: 100%;
263 th {
264 height: 36px;
265 line-height: 36px;
266 font-size: 16px;
267 }
268 td {
269 width: 60px;
270 text-align: center;
271 height: 36px;
272 }
273 /deep/.el-input__inner {
274 margin: 0;
275 height: 36px;
276 outline: none;
277 border: none;
278 color: #606764;
279 overflow: visible;
280 text-align: center;
281 cursor: text;
282 }
283 .percent78 {
284 width: 78%;
285 float: left;
286 }
287 .percent68 {
288 width: 68%;
289 float: left;
290 position: relative;
291 top: 7px;
292 }
293 .percent30 {
294 width: 30%;
295 float: left;
296 }
297 .createBtn {
298 position: absolute;
299 width: 50px;
300 padding: 6px 4px;
301 right: 4px;
302 top: 4px;
303 }
304 .el-input__icon {
305 line-height: 37px;
306 }
307 }
308 }
309 </style>
......