自然幢表单样式提交
Showing
2 changed files
with
234 additions
and
132 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> |
| 248 | </td> | ||
| 249 | <td colspan="2" rowspan="2" align="right" style="width:8.33%;padding-right:10px"> | ||
| 250 | <span>审查日期</span> | ||
| 251 | </td> | ||
| 252 | <td colspan="2" > | ||
| 230 | <el-date-picker | 253 | <el-date-picker |
| 231 | v-model="form.date" | 254 | v-model="form.date" |
| 232 | type="date" | 255 | type="date" |
| 233 | style="width: 100%" | ||
| 234 | placeholder="选择日期"> | 256 | placeholder="选择日期"> |
| 235 | </el-date-picker> | 257 | </el-date-picker> |
| 236 | </el-form-item> | ||
| 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> | ||
| 243 | </div> | 266 | </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