自然幢表单样式提交
Showing
2 changed files
with
239 additions
and
137 deletions
... | @@ -8,25 +8,6 @@ | ... | @@ -8,25 +8,6 @@ |
8 | width: 100%; | 8 | width: 100%; |
9 | } | 9 | } |
10 | 10 | ||
11 | .content-left{ | ||
12 | width: 40%; | ||
13 | float: left; | ||
14 | //border: 1px solid #fc2b34; | ||
15 | padding: 10px 0 0 10px; | ||
16 | } | ||
17 | |||
18 | .content-left-form{ | ||
19 | float: right; | ||
20 | //border: 1px solid #fca118; | ||
21 | } | ||
22 | |||
23 | .content-right{ | ||
24 | width: 56%; | ||
25 | float: right; | ||
26 | //border: 1px solid #fca118; | ||
27 | padding: 10px 0 0 10px; | ||
28 | } | ||
29 | |||
30 | .el-row{ | 11 | .el-row{ |
31 | border-top: 1px solid grey; | 12 | border-top: 1px solid grey; |
32 | border-left: 1px solid grey; | 13 | border-left: 1px solid grey; |
... | @@ -44,4 +25,13 @@ | ... | @@ -44,4 +25,13 @@ |
44 | border-right: 1px solid grey; | 25 | border-right: 1px solid grey; |
45 | height: 45px; | 26 | height: 45px; |
46 | } | 27 | } |
28 | |||
29 | td{ | ||
30 | bgcolor:#F1F4FC; | ||
31 | width:8.33% | ||
32 | } | ||
33 | |||
34 | .el-select{ | ||
35 | display:block; | ||
36 | } | ||
47 | } | 37 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -4,60 +4,61 @@ | ... | @@ -4,60 +4,61 @@ |
4 | <table border="1" width="100%" cellspacing="1" cellpadding="2"> | 4 | <table border="1" width="100%" cellspacing="1" cellpadding="2"> |
5 | <tbody> | 5 | <tbody> |
6 | <tr> | 6 | <tr> |
7 | <td colspan="1" style="width:8.33%"></td> | 7 | <td colspan="1"></td> |
8 | <td colspan="1" style="width:8.33%"></td> | 8 | <td colspan="1"></td> |
9 | <td colspan="1" style="width:8.33%"></td> | 9 | <td colspan="1"></td> |
10 | <td colspan="1" style="width:8.33%"></td> | 10 | <td colspan="1"></td> |
11 | <td colspan="1" style="width:8.33%"></td> | 11 | <td colspan="1"></td> |
12 | <td colspan="1" style="width:8.33%"></td> | 12 | <td colspan="1"></td> |
13 | <td colspan="1" style="width:8.33%"></td> | 13 | <td colspan="1"></td> |
14 | <td colspan="1" style="width:8.33%"></td> | 14 | <td colspan="1"></td> |
15 | <td colspan="1" style="width:8.33%"></td> | 15 | <td colspan="1"></td> |
16 | <td colspan="1" style="width:8.33%"></td> | 16 | <td colspan="1"></td> |
17 | <td colspan="1" style="width:8.33%"></td> | 17 | <td colspan="1"></td> |
18 | <td colspan="1" style="width:8.33%"></td> | 18 | <td colspan="1"></td> |
19 | </tr> | 19 | </tr> |
20 | <tr height="30"> | 20 | <tr height="30"> |
21 | <td colspan="12" align="center" bgcolor="#F1F4FC" style="width:8.33%"><font size="5">自然幢基本信息</font></td> | 21 | <td colspan="12" align="center" ><font size="5">自然幢基本信息</font></td> |
22 | </tr> | 22 | </tr> |
23 | <tr height="30"> | 23 | <tr height="30"> |
24 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">活动名称</td> | 24 | <td colspan="2" align="center" >宗地代码</td> |
25 | <td colspan="4" bgcolor="#F1F4FC" style="width:8.33%"> | 25 | <td colspan="4" > |
26 | <el-input v-model="form.name"></el-input> | 26 | <el-input v-model="form.zdbsm"></el-input> |
27 | </td> | 27 | </td> |
28 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">自然幢号</td> | 28 | <td colspan="2" align="center" >自然幢号</td> |
29 | <td colspan="4" bgcolor="#F1F4FC" style="width:8.33%"> | 29 | <td colspan="4" > |
30 | <el-input v-model="form.name" style="width: 70%"></el-input> | 30 | <el-input v-model="form.zrzh" style="width: 70%"></el-input> |
31 | <el-button @click.prevent="" type="primary" style="width:25%;margin-left:3%">生成</el-button> | 31 | <el-button @click.prevent="" type="primary" style="width:25%;margin-left:3%">生成</el-button> |
32 | </td> | 32 | </td> |
33 | </tr> | 33 | </tr> |
34 | <tr height="30"> | 34 | <tr height="30"> |
35 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">项目名称</td> | 35 | <td colspan="2" align="center" >项目名称</td> |
36 | <td colspan="4" bgcolor="#F1F4FC" style="width:8.33%"> | 36 | <td colspan="4" > |
37 | <el-input v-model="form.name"></el-input> | 37 | <el-input v-model="form.xmmc"></el-input> |
38 | </td> | 38 | </td> |
39 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">不动产单元号</td> | 39 | <td colspan="2" align="center" >不动产单元号</td> |
40 | <td colspan="4" bgcolor="#F1F4FC" style="width:8.33%"> | 40 | <!-- todo 此处暂时存放的是不动产单元号标识码,而不是不动产单元号--> |
41 | <el-input v-model="form.name" style="width: 70%"></el-input> | 41 | <td colspan="4" > |
42 | <el-input v-model="form.dyhbsm" style="width: 70%"></el-input> | ||
42 | <el-button @click.prevent="" type="primary" style="width:25%;margin-left:3%">生成</el-button> | 43 | <el-button @click.prevent="" type="primary" style="width:25%;margin-left:3%">生成</el-button> |
43 | </td> | 44 | </td> |
44 | </tr> | 45 | </tr> |
45 | 46 | ||
46 | <tr height="30"> | 47 | <tr height="30"> |
47 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">建筑物名称</td> | 48 | <td colspan="2" align="center" >建筑物名称</td> |
48 | <td colspan="4" bgcolor="#F1F4FC" style="width:8.33%"> | 49 | <td colspan="4" > |
49 | <el-input v-model="form.name"></el-input> | 50 | <el-input v-model="form.jzwmc"></el-input> |
50 | </td> | 51 | </td> |
51 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">建筑物基本用途</td> | 52 | <td colspan="2" align="center" >建筑物基本用途</td> |
52 | <td colspan="4" bgcolor="#F1F4FC" style="width:8.33%"> | 53 | <td colspan="4" > |
53 | <el-input v-model="form.name"></el-input> | 54 | <el-input v-model="form.jzwjbyt"></el-input> |
54 | </td> | 55 | </td> |
55 | </tr> | 56 | </tr> |
56 | 57 | ||
57 | <tr height="30"> | 58 | <tr height="30"> |
58 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">房屋性质</td> | 59 | <td colspan="2" align="center" >房屋性质</td> |
59 | <td colspan="4" bgcolor="#F1F4FC" style="width:8.33%"> | 60 | <td colspan="4" > |
60 | <el-select v-model="value" placeholder="请选择" style="display:block;"> | 61 | <el-select v-model="form.fwxzbsm" placeholder="请选择" > |
61 | <el-option | 62 | <el-option |
62 | v-for="item in options" | 63 | v-for="item in options" |
63 | :key="item.value" | 64 | :key="item.value" |
... | @@ -66,10 +67,10 @@ | ... | @@ -66,10 +67,10 @@ |
66 | </el-option> | 67 | </el-option> |
67 | </el-select> | 68 | </el-select> |
68 | </td> | 69 | </td> |
69 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">竣工日期</td> | 70 | <td colspan="2" align="center" >竣工日期</td> |
70 | <td colspan="4" bgcolor="#F1F4FC" style="width:8.33%"> | 71 | <td colspan="4" > |
71 | <el-date-picker | 72 | <el-date-picker |
72 | v-model="form.date" | 73 | v-model="form.jgrq" |
73 | type="date" | 74 | type="date" |
74 | placeholder="选择日期"> | 75 | placeholder="选择日期"> |
75 | </el-date-picker> | 76 | </el-date-picker> |
... | @@ -77,90 +78,97 @@ | ... | @@ -77,90 +78,97 @@ |
77 | </tr> | 78 | </tr> |
78 | 79 | ||
79 | <tr height="30"> | 80 | <tr height="30"> |
80 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">建筑物高度(m)</td> | 81 | <td colspan="2" align="center" >建筑物高度(m)</td> |
81 | <td colspan="4" bgcolor="#F1F4FC" style="width:8.33%"> | 82 | <td colspan="4" > |
82 | <el-input v-model="form.name"></el-input> | 83 | <el-input v-model="form.jzwgd"></el-input> |
83 | </td> | 84 | </td> |
84 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">总套数</td> | 85 | <td colspan="2" align="center" >总套数</td> |
85 | <td colspan="4" bgcolor="#F1F4FC" style="width:8.33%"> | 86 | <td colspan="4" > |
86 | <el-input v-model="form.name"></el-input> | 87 | <el-input v-model="form.zts"></el-input> |
87 | </td> | 88 | </td> |
88 | </tr> | 89 | </tr> |
89 | 90 | ||
90 | <tr height="30"> | 91 | <tr height="30"> |
91 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">幢用地面积(㎡)</td> | 92 | <td colspan="2" align="center" >幢用地面积(㎡)</td> |
92 | <td colspan="4" bgcolor="#F1F4FC" style="width:8.33%"> | 93 | <td colspan="4" > |
93 | <el-input v-model="form.name"></el-input> | 94 | <el-input v-model="form.zydmj"></el-input> |
94 | </td> | 95 | </td> |
95 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">幢占用地面积(㎡)</td> | 96 | <td colspan="2" align="center" >幢占用地面积(㎡)</td> |
96 | <td colspan="4" bgcolor="#F1F4FC" style="width:8.33%"> | 97 | <td colspan="4" > |
97 | <el-input v-model="form.name"></el-input> | 98 | <el-input v-model="form.zzdmj"></el-input> |
98 | </td> | 99 | </td> |
99 | </tr> | 100 | </tr> |
100 | 101 | ||
101 | <tr height="30"> | 102 | <tr height="30"> |
102 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">预测建筑面积(㎡)</td> | 103 | <td colspan="2" align="center" >预测建筑面积(㎡)</td> |
103 | <td colspan="4" bgcolor="#F1F4FC" style="width:8.33%"> | 104 | <td colspan="4" > |
104 | <el-input v-model="form.name"></el-input> | 105 | <el-input v-model="form.ycjzmj"></el-input> |
105 | </td> | 106 | </td> |
106 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">实测建筑面积(㎡)</td> | 107 | <td colspan="2" align="center" >实测建筑面积(㎡)</td> |
107 | <td colspan="4" bgcolor="#F1F4FC" style="width:8.33%"> | 108 | <td colspan="4" > |
108 | <el-input v-model="form.name"></el-input> | 109 | <el-input v-model="form.scjzmj"></el-input> |
109 | </td> | 110 | </td> |
110 | </tr> | 111 | </tr> |
111 | 112 | ||
112 | <tr height="30"> | 113 | <tr height="30"> |
113 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">地下层数</td> | 114 | <td colspan="2" align="center" >地下层数</td> |
114 | <td colspan="4" bgcolor="#F1F4FC" style="width:8.33%"> | 115 | <td colspan="4" > |
115 | <el-input v-model="form.name"></el-input> | 116 | <el-input v-model="form.dxcs"></el-input> |
116 | </td> | 117 | </td> |
117 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">地上层数</td> | 118 | <td colspan="2" align="center" >地上层数</td> |
118 | <td colspan="4" bgcolor="#F1F4FC" style="width:8.33%"> | 119 | <td colspan="4" > |
119 | <el-input v-model="form.name"></el-input> | 120 | <el-input v-model="form.dscs"></el-input> |
120 | </td> | 121 | </td> |
121 | </tr> | 122 | </tr> |
122 | 123 | ||
123 | <tr height="30"> | 124 | <tr height="30"> |
124 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">总层数</td> | 125 | <td colspan="2" align="center" >总层数</td> |
125 | <td colspan="4" bgcolor="#F1F4FC" style="width:8.33%"> | 126 | <td colspan="4" > |
126 | <el-input v-model="form.name"></el-input> | 127 | <el-input v-model="form.zcs"></el-input> |
127 | </td> | 128 | </td> |
128 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">地下深度(m)</td> | 129 | <td colspan="2" align="center" >地下深度(m)</td> |
129 | <td colspan="4" bgcolor="#F1F4FC" style="width:8.33%"> | 130 | <td colspan="4" > |
130 | <el-input v-model="form.name"></el-input> | 131 | <el-input v-model="form.dxsd"></el-input> |
131 | </td> | 132 | </td> |
132 | </tr> | 133 | </tr> |
133 | 134 | ||
134 | <tr height="30"> | 135 | <tr height="30"> |
135 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">产别</td> | 136 | <td colspan="2" align="center" >产别</td> |
136 | <td colspan="4" bgcolor="#F1F4FC" style="width:8.33%"> | 137 | <td colspan="4" > |
137 | <el-input v-model="form.name"></el-input> | 138 | <el-select v-model="form.fwcbbsm" placeholder="请选择" > |
139 | <el-option | ||
140 | v-for="item in options" | ||
141 | :key="item.value" | ||
142 | :label="item.label" | ||
143 | :value="item.value"> | ||
144 | </el-option> | ||
145 | </el-select> | ||
138 | </td> | 146 | </td> |
139 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">产权来源</td> | 147 | <td colspan="2" align="center" >产权来源</td> |
140 | <td colspan="4" bgcolor="#F1F4FC" style="width:8.33%"> | 148 | <td colspan="4" > |
141 | <el-input v-model="form.name"></el-input> | 149 | <el-select v-model="form.fwcqlybsm" placeholder="请选择" > |
150 | <el-option | ||
151 | v-for="item in options" | ||
152 | :key="item.value" | ||
153 | :label="item.label" | ||
154 | :value="item.value"> | ||
155 | </el-option> | ||
156 | </el-select> | ||
142 | </td> | 157 | </td> |
143 | </tr> | 158 | </tr> |
144 | 159 | ||
145 | <tr height="30"> | 160 | <tr height="30" v-for="(item1,index) in form.ytList" :key="index"> |
146 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">项目名称</td> | 161 | <td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle"> |
147 | <td colspan="4" bgcolor="#F1F4FC" style="width:8.33%"> | 162 | <el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button> |
148 | <el-input v-model="form.name"></el-input> | 163 | <span>用途</span> |
149 | </td> | ||
150 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">不动产单元号</td> | ||
151 | <td colspan="4" bgcolor="#F1F4FC" style="width:8.33%"> | ||
152 | <el-input v-model="form.name"></el-input> | ||
153 | </td> | 164 | </td> |
154 | </tr> | ||
155 | 165 | ||
156 | <tr height="30"> | 166 | <td width="30" colspan="1" align="center" > |
157 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%"> | 167 | <el-button type="info" size="mini" style="" @click="deleteYtInfo(index)" circle>删除</el-button> |
158 | <el-button type="primary" size="mini" style="margin-right: 10px">添加</el-button> | 168 | 规划用途 |
159 | <span>用途</span> | ||
160 | </td> | 169 | </td> |
161 | <td width="30" colspan="1" align="center" bgcolor="#F1F4FC" style="width:8.33%">规划用途</td> | 170 | <td width="30" colspan="4" align="center" > |
162 | <td width="30" colspan="4" align="center" bgcolor="#F1F4FC" style="width:8.33%"> | 171 | <el-select v-model="item1.fwytzdbsm" placeholder="请选择" > |
163 | <el-select v-model="value" placeholder="请选择" style="display:block;"> | ||
164 | <el-option | 172 | <el-option |
165 | v-for="item in options" | 173 | v-for="item in options" |
166 | :key="item.value" | 174 | :key="item.value" |
... | @@ -169,9 +177,9 @@ | ... | @@ -169,9 +177,9 @@ |
169 | </el-option> | 177 | </el-option> |
170 | </el-select> | 178 | </el-select> |
171 | </td> | 179 | </td> |
172 | <td width="30" colspan="1" align="center" bgcolor="#F1F4FC" style="width:8.33%">用途</td> | 180 | <td width="30" colspan="1" align="center" >用途</td> |
173 | <td width="30" colspan="4" align="center" bgcolor="#F1F4FC" style="width:8.33%"> | 181 | <td width="30" colspan="4" align="center" > |
174 | <el-select v-model="value" placeholder="请选择" style="display:block;"> | 182 | <el-select v-model="item1.fwsjytbsm" placeholder="请选择" > |
175 | <el-option | 183 | <el-option |
176 | v-for="item in options" | 184 | v-for="item in options" |
177 | :key="item.value" | 185 | :key="item.value" |
... | @@ -182,30 +190,40 @@ | ... | @@ -182,30 +190,40 @@ |
182 | </td> | 190 | </td> |
183 | </tr> | 191 | </tr> |
184 | 192 | ||
185 | <tr height="30"> | 193 | <tr height="30" v-for="(item1,index) in form.fwjgList" :key="index"> |
186 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%"> | 194 | <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" align="center" > |
187 | <el-button type="primary" size="mini" style="margin-right: 10px">添加</el-button> | 195 | <el-button type="primary" size="mini" style="margin-right: 10px" @click="addFwjgInfo">添加</el-button> |
188 | <span>房屋用途</span> | 196 | <span>房屋结构</span> |
189 | </td> | 197 | </td> |
190 | <td colspan="10" bgcolor="#F1F4FC" style="width:8.33%"> | 198 | <td colspan="1" align="center" > |
191 | <el-input v-model="form.name"></el-input> | 199 | <span @click="deleteFwjgInfo(index)">删除</span> |
200 | </td> | ||
201 | <td colspan="9" > | ||
202 | <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" > | ||
203 | <el-option | ||
204 | v-for="item in options" | ||
205 | :key="item.value" | ||
206 | :label="item.label" | ||
207 | :value="item.value"> | ||
208 | </el-option> | ||
209 | </el-select> | ||
192 | </td> | 210 | </td> |
193 | </tr> | 211 | </tr> |
194 | 212 | ||
195 | <tr height="30"> | 213 | <tr height="30"> |
196 | <td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%"> | 214 | <td colspan="2" align="center" > |
197 | <span>坐落</span> | 215 | <span>坐落</span> |
198 | </td> | 216 | </td> |
199 | <td colspan="10" bgcolor="#F1F4FC" style="width:8.33%"> | 217 | <td colspan="10" > |
200 | <el-input v-model="form.name"></el-input> | 218 | <el-input v-model="form.name"></el-input> |
201 | </td> | 219 | </td> |
202 | </tr> | 220 | </tr> |
203 | 221 | ||
204 | <tr height="30"> | 222 | <tr height="30"> |
205 | <td colspan="2" rowspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%"> | 223 | <td colspan="2" rowspan="2" align="center" > |
206 | <span>附加说明</span> | 224 | <span>附加说明</span> |
207 | </td> | 225 | </td> |
208 | <td colspan="10" rowspan="2" bgcolor="#F1F4FC" style="width:8.33%"> | 226 | <td colspan="10" rowspan="2" > |
209 | <el-input v-model="form.name" type="textarea"></el-input> | 227 | <el-input v-model="form.name" type="textarea"></el-input> |
210 | </td> | 228 | </td> |
211 | </tr> | 229 | </tr> |
... | @@ -213,34 +231,41 @@ | ... | @@ -213,34 +231,41 @@ |
213 | </tr> | 231 | </tr> |
214 | 232 | ||
215 | <tr height="30"> | 233 | <tr height="30"> |
216 | <td colspan="2" rowspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%"> | 234 | <td colspan="2" rowspan="2" align="center" > |
217 | <span>调查意见</span> | 235 | <span>调查意见</span> |
218 | </td> | 236 | </td> |
219 | <td colspan="10" bgcolor="#F1F4FC" style="width:8.33%"> | 237 | <td colspan="10" > |
220 | <el-input v-model="form.name"></el-input> | 238 | <el-input v-model="form.name"></el-input> |
221 | </td> | 239 | </td> |
222 | </tr> | 240 | </tr> |
223 | 241 | ||
224 | <tr height="30"> | 242 | <tr height="30"> |
225 | <td colspan="10" bgcolor="#F1F4FC" style="width:8.33%"> | 243 | <td colspan="4" rowspan="2" align="right" style="width:8.33%;padding-right:10px"> |
226 | <el-form-item label="审查员" style="margin-left:30%;float: left"> | 244 | <span>审查员</span> |
227 | <el-input v-model="form.name" style="width: 100%"></el-input> | 245 | </td> |
228 | </el-form-item> | 246 | <td colspan="2" > |
229 | <el-form-item label="审查日期" style="margin-left: 70%"> | 247 | <el-input v-model="form.name"></el-input> |
230 | <el-date-picker | 248 | </td> |
231 | v-model="form.date" | 249 | <td colspan="2" rowspan="2" align="right" style="width:8.33%;padding-right:10px"> |
232 | type="date" | 250 | <span>审查日期</span> |
233 | style="width: 100%" | 251 | </td> |
234 | placeholder="选择日期"> | 252 | <td colspan="2" > |
235 | </el-date-picker> | 253 | <el-date-picker |
236 | </el-form-item> | 254 | v-model="form.date" |
255 | type="date" | ||
256 | placeholder="选择日期"> | ||
257 | </el-date-picker> | ||
237 | </td> | 258 | </td> |
238 | </tr> | 259 | </tr> |
239 | |||
240 | </tbody> | 260 | </tbody> |
241 | </table> | 261 | </table> |
242 | </el-form> | 262 | </el-form> |
263 | <div style="min-height: 40px;text-align: center;margin-top: 10px"> | ||
264 | <el-button type="success" @click="onSubmit">保存</el-button> | ||
265 | <el-button type="primary" @click="onSubmit">提交</el-button> | ||
266 | </div> | ||
243 | </div> | 267 | </div> |
268 | |||
244 | </template> | 269 | </template> |
245 | 270 | ||
246 | <script> | 271 | <script> |
... | @@ -249,8 +274,54 @@ | ... | @@ -249,8 +274,54 @@ |
249 | data () { | 274 | data () { |
250 | return { | 275 | return { |
251 | form:{ | 276 | form:{ |
277 | zrzbsm:'', //自然幢标识码 | ||
278 | zdbsm:'', //宗地标识码 | ||
279 | dzbsm:'', //多幢标识码 | ||
280 | dyhbsm:'', //不动产单元号标识码 | ||
281 | zrzh:'', //自然幢号 | ||
282 | jzwgd:'', //建筑物高度 | ||
283 | zzdmj:'', //幢占地面积 | ||
284 | zydmj:'', //幢用地面积 | ||
285 | ycjzmj:'', //预测建筑面积 | ||
286 | scjzmj:'', //实测建筑面积 | ||
287 | zcs:'', //总层数 | ||
288 | dscs:'', //地上层数 | ||
289 | dxcs:'', //地下层数 | ||
290 | dxsd:'', //地下深度 | ||
291 | zts:'', //总套数 | ||
292 | zl:'', //坐落 | ||
293 | jzwjbyt:'', //建筑物基本用途 | ||
294 | jzwmc:'', //建筑物名称 | ||
295 | xmmc:'', //项目名称 | ||
296 | jgrq:'', //竣工日期 | ||
297 | tfh:'', //图幅号 | ||
298 | bz:'', //备注 | ||
299 | fwxzbsm:'', //房屋性质ID | ||
300 | fwcbbsm:'', //房屋产别ID | ||
301 | fwcqlybsm:'', //房屋产权来源ID | ||
302 | ydybsm:'', //原单元标识码 | ||
252 | name:'', | 303 | name:'', |
253 | date:'', | 304 | date:'', |
305 | ytList:[{ | ||
306 | glbsm:'', //关联标识码 | ||
307 | fwytzdbsm:'', //房屋用途字典标识码 | ||
308 | sx:'', //顺序 | ||
309 | fwsjytbsm:'', //房屋实际用途字典标识码 | ||
310 | }], | ||
311 | fwjgList:[{ | ||
312 | fwjgzdbsm:'', //房屋结构字典标识码 | ||
313 | glbsm:'', //关联标识码 | ||
314 | sx:'', //顺序 | ||
315 | }], | ||
316 | qlxzList:[{ | ||
317 | qlxzdm:'', //权利性质代码 | ||
318 | glbsm:'', //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM | ||
319 | qlxzzdbsm:'', //权利性质字典表标识码 | ||
320 | qlxzmc:'', //权利名称名称 | ||
321 | zhqlxzlx:'', //除宗海数据外,默认都是空;0:用海类型权利性质;2:海岛用途权利性质 | ||
322 | addQjTdytRequestList:[{ | ||
323 | }], //土地用途新增实体列表 | ||
324 | }] | ||
254 | }, | 325 | }, |
255 | options: [{ | 326 | options: [{ |
256 | value: '选项1', | 327 | value: '选项1', |
... | @@ -269,9 +340,50 @@ | ... | @@ -269,9 +340,50 @@ |
269 | label: '北京烤鸭' | 340 | label: '北京烤鸭' |
270 | }], | 341 | }], |
271 | value: '', | 342 | value: '', |
343 | ytTitleRowspan:1, //用途的单元格垂直合并数量 | ||
344 | fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量 | ||
272 | } | 345 | } |
273 | }, | 346 | }, |
274 | methods: { | 347 | methods: { |
348 | addYtInfo(){ | ||
349 | this.form.ytList.push({ | ||
350 | glbsm:'', | ||
351 | fwytzdbsm:'', | ||
352 | fwsjytbsm:'', | ||
353 | sx:'', | ||
354 | }); | ||
355 | this.ytTitleRowspan=this.form.ytList.length; | ||
356 | }, | ||
357 | deleteYtInfo(index){ | ||
358 | if(this.form.ytList.length<=1){ | ||
359 | this.$message({ | ||
360 | message: '不能删除,最少含有一条用途信息', | ||
361 | type: 'warning' | ||
362 | }); | ||
363 | }else{ | ||
364 | this.form.ytList.splice(index,1); | ||
365 | this.ytTitleRowspan=this.form.ytList.length; | ||
366 | } | ||
367 | }, | ||
368 | addFwjgInfo(){ | ||
369 | this.form.fwjgList.push({ | ||
370 | fwjgzdbsm:'', //房屋结构字典标识码 | ||
371 | glbsm:'', //关联标识码 | ||
372 | sx:'', //顺序 | ||
373 | }); | ||
374 | this.fwjgTitleRowspan=this.form.fwjgList.length; | ||
375 | }, | ||
376 | deleteFwjgInfo(index){ | ||
377 | if(this.form.fwjgList.length<=1){ | ||
378 | this.$message({ | ||
379 | message: '不能删除,最少含有一条房屋结构信息', | ||
380 | type: 'warning' | ||
381 | }); | ||
382 | }else{ | ||
383 | this.form.fwjgList.splice(index,1); | ||
384 | this.fwjgTitleRowspan=this.form.fwjgList.length; | ||
385 | } | ||
386 | }, | ||
275 | } | 387 | } |
276 | } | 388 | } |
277 | </script> | 389 | </script> | ... | ... |
-
Please register or sign in to post a comment