修改宗地信息流程优化
Showing
1 changed file
with
590 additions
and
554 deletions
| 1 | <template> | 1 | <template> |
| 2 | <div class="main"> | 2 | <div class="main"> |
| 3 | <div class="formMenu"> | 3 | <div class="formMenu"> |
| 4 | <Qlr ref="qlrxxModule"></Qlr> | 4 | <Qlr ref="qlrxxModule"></Qlr> |
| 5 | <!-- <el-button | 5 | <!-- <el-button |
| 6 | type="primary" | 6 | type="primary" |
| 7 | class="changeBtn" | 7 | class="changeBtn" |
| 8 | @click="getQlrxxData" | 8 | @click="getQlrxxData" |
| ... | @@ -14,561 +14,597 @@ | ... | @@ -14,561 +14,597 @@ |
| 14 | @click="getQlxzData" | 14 | @click="getQlxzData" |
| 15 | >获取权利性质组件数据</el-button | 15 | >获取权利性质组件数据</el-button |
| 16 | > --> | 16 | > --> |
| 17 | <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1"> | 17 | <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1"> |
| 18 | <tr> | 18 | <tr> |
| 19 | <th colspan="12">宗地基本信息</th> | 19 | <th colspan="12">宗地基本信息</th> |
| 20 | </tr> | 20 | </tr> |
| 21 | <tr> | 21 | <tr> |
| 22 | <td colspan="2">行政区</td> | 22 | <td colspan="2">行政区</td> |
| 23 | <td colspan="2"> | 23 | <td colspan="2"> |
| 24 | <el-select | 24 | <el-select |
| 25 | class="formSelect" | 25 | class="formSelect" |
| 26 | v-model="formData.xzqbsm" | 26 | v-model="formData.xzqbsm" |
| 27 | @change="changeXzq(formData.xzqbsm)" | 27 | @change="changeXzq(formData.xzqbsm)" |
| 28 | > | 28 | > |
| 29 | <el-option | 29 | <el-option |
| 30 | v-for="item in $store.state.xzqList" | 30 | v-for="item in $store.state.xzqList" |
| 31 | :key="item.xzqbsm" | 31 | :key="item.xzqbsm" |
| 32 | :label="item.xzqmc" | 32 | :label="item.xzqmc" |
| 33 | :value="item.xzqbsm" | 33 | :value="item.xzqbsm" |
| 34 | > | 34 | > |
| 35 | </el-option> | 35 | </el-option> |
| 36 | </el-select> | 36 | </el-select> |
| 37 | </td> | 37 | </td> |
| 38 | <td colspan="2">地籍区</td> | 38 | <td colspan="2">地籍区</td> |
| 39 | <td colspan="2"> | 39 | <td colspan="2"> |
| 40 | <el-select | 40 | <el-select |
| 41 | class="formSelect" | 41 | class="formSelect" |
| 42 | v-model="formData.djqbsm" | 42 | v-model="formData.djqbsm" |
| 43 | @change="changeDjq(formData.djqbsm)" | 43 | @change="changeDjq(formData.djqbsm)" |
| 44 | > | 44 | > |
| 45 | <el-option | 45 | <el-option |
| 46 | v-for="item in $store.state.djqList" | 46 | v-for="item in $store.state.djqList" |
| 47 | :key="item.bsm" | 47 | :key="item.bsm" |
| 48 | :label="item.mc" | 48 | :label="item.mc" |
| 49 | :value="item.bsm" | 49 | :value="item.bsm" |
| 50 | > | 50 | > |
| 51 | </el-option> | 51 | </el-option> |
| 52 | </el-select> | 52 | </el-select> |
| 53 | </td> | 53 | </td> |
| 54 | <td colspan="2">地籍子区</td> | 54 | <td colspan="2">地籍子区</td> |
| 55 | <td colspan="2"> | 55 | <td colspan="2"> |
| 56 | <el-select class="formSelect" v-model="formData.djzqbsm"> | 56 | <el-select class="formSelect" v-model="formData.djzqbsm"> |
| 57 | <el-option | 57 | <el-option |
| 58 | v-for="item in $store.state.djzqList" | 58 | v-for="item in $store.state.djzqList" |
| 59 | :key="item.bsm" | 59 | :key="item.bsm" |
| 60 | :label="item.mc" | 60 | :label="item.mc" |
| 61 | :value="item.bsm" | 61 | :value="item.bsm" |
| 62 | > | 62 | > |
| 63 | </el-option> | 63 | </el-option> |
| 64 | </el-select> | 64 | </el-select> |
| 65 | </td> | 65 | </td> |
| 66 | </tr> | 66 | </tr> |
| 67 | <tr> | 67 | <tr> |
| 68 | <td colspan="2">权利类型</td> | 68 | <td colspan="2">权利类型</td> |
| 69 | <td colspan="4"> | 69 | <td colspan="4"> |
| 70 | <el-select class="formSelect" v-model="formData.qllxbsm"> | 70 | <el-select class="formSelect" v-model="formData.qllxbsm"> |
| 71 | <el-option | 71 | <el-option |
| 72 | v-for="item in $store.state.qllxList" | 72 | v-for="item in $store.state.qllxList" |
| 73 | :key="item.bsm" | 73 | :key="item.bsm" |
| 74 | :label="item.mc" | 74 | :label="item.mc" |
| 75 | :value="item.bsm" | 75 | :value="item.bsm" |
| 76 | > | 76 | > |
| 77 | </el-option> | 77 | </el-option> |
| 78 | </el-select> | 78 | </el-select> |
| 79 | </td> | 79 | </td> |
| 80 | <td colspan="2">宗地特征码<i class="requisite">*</i></td> | 80 | <td colspan="2">宗地特征码<i class="requisite">*</i></td> |
| 81 | <td colspan="4"> | 81 | <td colspan="4"> |
| 82 | <el-select class="formSelect" v-model="formData.zdtzmbsm"> | 82 | <el-select class="formSelect" v-model="formData.zdtzmbsm"> |
| 83 | <el-option | 83 | <el-option |
| 84 | v-for="item in $store.state.zdtzmList" | 84 | v-for="item in $store.state.zdtzmList" |
| 85 | :key="item.bsm" | 85 | :key="item.bsm" |
| 86 | :label="item.mc" | 86 | :label="item.mc" |
| 87 | :value="item.bsm" | 87 | :value="item.bsm" |
| 88 | > | 88 | > |
| 89 | </el-option> | 89 | </el-option> |
| 90 | </el-select> | 90 | </el-select> |
| 91 | </td> | 91 | </td> |
| 92 | </tr> | 92 | </tr> |
| 93 | <tr> | 93 | <tr> |
| 94 | <td colspan="2">权利设定方式</td> | 94 | <td colspan="2">权利设定方式</td> |
| 95 | <td colspan="4"> | 95 | <td colspan="4"> |
| 96 | <el-select class="formSelect" v-model="formData.qlsdfs"> | 96 | <el-select class="formSelect" v-model="formData.qlsdfs"> |
| 97 | <el-option | 97 | <el-option |
| 98 | v-for="item in $store.state.qlsdfsList" | 98 | v-for="item in $store.state.qlsdfsList" |
| 99 | :key="item.bsm" | 99 | :key="item.bsm" |
| 100 | :label="item.mc" | 100 | :label="item.mc" |
| 101 | :value="item.bsm" | 101 | :value="item.bsm" |
| 102 | > | 102 | > |
| 103 | </el-option> | 103 | </el-option> |
| 104 | </el-select> | 104 | </el-select> |
| 105 | </td> | 105 | </td> |
| 106 | <td colspan="2">宗地代码<i class="requisite">*</i></td> | 106 | <td colspan="2">宗地代码<i class="requisite">*</i></td> |
| 107 | <td colspan="4" class="psr"> | 107 | <td colspan="4" class="psr"> |
| 108 | <input | 108 | <input |
| 109 | type="text" | 109 | type="text" |
| 110 | class="formInput percent78" | 110 | class="formInput percent78" |
| 111 | v-model="formData.zddm" | 111 | v-model="formData.zddm" |
| 112 | /> | 112 | /> |
| 113 | <el-button type="primary" class="createBtn" @click="generatorCode" | 113 | <el-button type="primary" class="createBtn" @click="generatorCode" |
| 114 | >生成 | 114 | >生成 |
| 115 | </el-button | 115 | </el-button> |
| 116 | > | 116 | </td> |
| 117 | </td> | 117 | </tr> |
| 118 | </tr> | 118 | <tr> |
| 119 | <tr> | 119 | <td colspan="2">地籍号</td> |
| 120 | <td colspan="2">地籍号</td> | 120 | <td colspan="4"> |
| 121 | <td colspan="4"> | 121 | <input type="text" class="formInput" v-model="formData.djh" /> |
| 122 | <input type="text" class="formInput" v-model="formData.djh"/> | 122 | </td> |
| 123 | </td> | ||
| 124 | 123 | ||
| 125 | <td colspan="2">不动产单元号<i class="requisite">*</i></td> | 124 | <td colspan="2">不动产单元号<i class="requisite">*</i></td> |
| 126 | <td colspan="4" class="psr"> | 125 | <td colspan="4" class="psr"> |
| 127 | <input | 126 | <input |
| 128 | type="text" | 127 | type="text" |
| 129 | class="formInput percent78" | 128 | class="formInput percent78" |
| 130 | v-model="formData.dyhbsm" | 129 | v-model="formData.dyhbsm" |
| 131 | /> | 130 | /> |
| 132 | <el-button type="primary" class="createBtn">生成</el-button> | 131 | <el-button type="primary" class="createBtn">生成</el-button> |
| 133 | </td> | 132 | </td> |
| 134 | </tr> | 133 | </tr> |
| 135 | <tr> | 134 | <tr> |
| 136 | <td colspan="2">坐落<i class="requisite">*</i></td> | 135 | <td colspan="2">坐落<i class="requisite">*</i></td> |
| 137 | <td colspan="4"> | 136 | <td colspan="4"> |
| 138 | <input type="text" class="formInput" v-model="formData.zl"/> | 137 | <input type="text" class="formInput" v-model="formData.zl" /> |
| 139 | </td> | 138 | </td> |
| 140 | <td colspan="2">土地权属来源证明材料</td> | 139 | <td colspan="2">土地权属来源证明材料</td> |
| 141 | <td colspan="4" class="psr"> | 140 | <td colspan="4" class="psr"> |
| 142 | <input | 141 | <input |
| 143 | type="text" | 142 | type="text" |
| 144 | class="formInput " | 143 | class="formInput " |
| 145 | v-model="formData.tdqslyzmcl" | 144 | v-model="formData.tdqslyzmcl" |
| 146 | /> | 145 | /> |
| 147 | </td> | 146 | </td> |
| 148 | </tr> | 147 | </tr> |
| 149 | <tr> | 148 | <tr> |
| 150 | <td colspan="2">国民经济行业分类</td> | 149 | <td colspan="2">国民经济行业分类</td> |
| 151 | <td colspan="4"> | 150 | <td colspan="4"> |
| 152 | <el-select class="formSelect" v-model="formData.gmjjhyflbsm"> | 151 | <el-select class="formSelect" v-model="formData.gmjjhyflbsm"> |
| 153 | <el-option | 152 | <el-option |
| 154 | v-for="item in $store.state.sshyList" | 153 | v-for="item in $store.state.sshyList" |
| 155 | :key="item.bsm" | 154 | :key="item.bsm" |
| 156 | :label="item.mc" | 155 | :label="item.mc" |
| 157 | :value="item.bsm" | 156 | :value="item.bsm" |
| 158 | > | 157 | > |
| 159 | </el-option> | 158 | </el-option> |
| 160 | </el-select> | 159 | </el-select> |
| 161 | </td> | 160 | </td> |
| 162 | <td colspan="2">价格(元)</td> | 161 | <td colspan="2">价格(元)</td> |
| 163 | <td colspan="4" class="psr"> | 162 | <td colspan="4" class="psr"> |
| 164 | <input type="text" class="formInput" v-model="formData.jg"/> | 163 | <input type="text" class="formInput" v-model="formData.jg" /> |
| 165 | </td> | 164 | </td> |
| 166 | </tr> | 165 | </tr> |
| 167 | <tr> | 166 | <tr> |
| 168 | <td colspan="2" rowspan="2">所在图幅号</td> | 167 | <td colspan="2" rowspan="2">所在图幅号</td> |
| 169 | <td colspan="2">比例尺</td> | 168 | <td colspan="2">比例尺</td> |
| 170 | <td colspan="8" class="psr"> | 169 | <td colspan="8" class="psr"> |
| 171 | <input type="text" class="formInput" v-model="formData.blc"/> | 170 | <input type="text" class="formInput" v-model="formData.blc" /> |
| 172 | </td> | 171 | </td> |
| 173 | </tr> | 172 | </tr> |
| 174 | <tr> | 173 | <tr> |
| 175 | <td colspan="2">图幅号</td> | 174 | <td colspan="2">图幅号</td> |
| 176 | <td colspan="8" class="psr"> | 175 | <td colspan="8" class="psr"> |
| 177 | <input type="text" class="formInput" v-model="formData.tfh"/> | 176 | <input type="text" class="formInput" v-model="formData.tfh" /> |
| 178 | </td> | 177 | </td> |
| 179 | </tr> | 178 | </tr> |
| 180 | <tr> | 179 | <tr> |
| 181 | <td colspan="2">容积率</td> | 180 | <td colspan="2">容积率</td> |
| 182 | <td colspan="2"> | 181 | <td colspan="2"> |
| 183 | <el-select class="formSelect" v-model="formData.jyrjl"> | 182 | <el-select class="formSelect" v-model="formData.jyrjl"> |
| 184 | <el-option | 183 | <el-option |
| 185 | v-for="item in compareList" | 184 | v-for="item in compareList" |
| 186 | :key="item.value" | 185 | :key="item.value" |
| 187 | :label="item.label" | 186 | :label="item.label" |
| 188 | :value="item.value" | 187 | :value="item.value" |
| 189 | > | 188 | > |
| 190 | </el-option> | 189 | </el-option> |
| 191 | </el-select> | 190 | </el-select> |
| 192 | </td> | 191 | </td> |
| 193 | <td colspan="2"> | 192 | <td colspan="2"> |
| 194 | <input type="text" v-model="formData.rjl" | 193 | <input |
| 195 | :class="formData.jyrjl=='-'? 'formInput percent47' : 'formInput'"/> | 194 | type="text" |
| 196 | <span class="percent4" v-show="formData.jyrjl=='-'">-</span> | 195 | v-model="formData.rjl" |
| 197 | <input type="text" v-show="formData.jyrjl=='-'" v-model="formData.rjl" | 196 | :class=" |
| 198 | class="formInput percent47"/> | 197 | formData.jyrjl == '-' ? 'formInput percent47' : 'formInput' |
| 199 | </td> | 198 | " |
| 200 | <td colspan="2">容积说明</td> | 199 | /> |
| 201 | <td colspan="4" class="psr"> | 200 | <span class="percent4" v-show="formData.jyrjl == '-'">-</span> |
| 202 | <input type="text" class="formInput" v-model="formData.rjsm"/> | 201 | <input |
| 203 | </td> | 202 | type="text" |
| 204 | </tr> | 203 | v-show="formData.jyrjl == '-'" |
| 205 | <tr> | 204 | v-model="formData.rjl" |
| 206 | <td colspan="2">建筑密度</td> | 205 | class="formInput percent47" |
| 207 | <td colspan="2"> | 206 | /> |
| 208 | <el-select class="formSelect" v-model="formData.jyjzmd"> | 207 | </td> |
| 209 | <el-option | 208 | <td colspan="2">容积说明</td> |
| 210 | v-for="item in compareList" | 209 | <td colspan="4" class="psr"> |
| 211 | :key="item.value" | 210 | <input type="text" class="formInput" v-model="formData.rjsm" /> |
| 212 | :label="item.label" | 211 | </td> |
| 213 | :value="item.value" | 212 | </tr> |
| 214 | > | 213 | <tr> |
| 215 | </el-option> | 214 | <td colspan="2">建筑密度</td> |
| 216 | </el-select> | 215 | <td colspan="2"> |
| 217 | </td> | 216 | <el-select class="formSelect" v-model="formData.jyjzmd"> |
| 218 | <td colspan="2"> | 217 | <el-option |
| 219 | <input type="text" v-model="formData.jzmd" | 218 | v-for="item in compareList" |
| 220 | :class="formData.jyjzmd=='-'? 'formInput percent47' : 'formInput'"/> | 219 | :key="item.value" |
| 221 | <span class="percent4" v-show="formData.jyjzmd=='-'">-</span> | 220 | :label="item.label" |
| 222 | <input type="text" v-show="formData.jyjzmd=='-'" v-model="formData.jzmd" | 221 | :value="item.value" |
| 223 | class="formInput percent47"/> | 222 | > |
| 224 | </td> | 223 | </el-option> |
| 225 | <td colspan="2">建筑密度说明</td> | 224 | </el-select> |
| 226 | <td colspan="4" class="psr"> | 225 | </td> |
| 227 | <input type="text" class="formInput" v-model="formData.jzmdsm"/> | 226 | <td colspan="2"> |
| 228 | </td> | 227 | <input |
| 229 | </tr> | 228 | type="text" |
| 230 | <tr> | 229 | v-model="formData.jzmd" |
| 231 | <td colspan="2">建筑限高</td> | 230 | :class=" |
| 232 | <td colspan="2"> | 231 | formData.jyjzmd == '-' ? 'formInput percent47' : 'formInput' |
| 233 | <el-select class="formSelect" v-model="formData.jyjzxg"> | 232 | " |
| 234 | <el-option | 233 | /> |
| 235 | v-for="item in compareList" | 234 | <span class="percent4" v-show="formData.jyjzmd == '-'">-</span> |
| 236 | :key="item.value" | 235 | <input |
| 237 | :label="item.label" | 236 | type="text" |
| 238 | :value="item.value" | 237 | v-show="formData.jyjzmd == '-'" |
| 239 | > | 238 | v-model="formData.jzmd" |
| 240 | </el-option> | 239 | class="formInput percent47" |
| 241 | </el-select> | 240 | /> |
| 242 | </td> | 241 | </td> |
| 243 | <td colspan="2"> | 242 | <td colspan="2">建筑密度说明</td> |
| 244 | <input type="text" v-model="formData.jzxg" | 243 | <td colspan="4" class="psr"> |
| 245 | :class="formData.jyjzxg=='-'? 'formInput percent47' : 'formInput'"/> | 244 | <input type="text" class="formInput" v-model="formData.jzmdsm" /> |
| 246 | <span class="percent4" v-show="formData.jyjzxg=='-'">-</span> | 245 | </td> |
| 247 | <input type="text" v-show="formData.jyjzxg=='-'" v-model="formData.jzxg" | 246 | </tr> |
| 248 | class="formInput percent47"/> | 247 | <tr> |
| 249 | </td> | 248 | <td colspan="2">建筑限高</td> |
| 250 | <td colspan="2">建筑限高说明</td> | 249 | <td colspan="2"> |
| 251 | <td colspan="4" class="psr"> | 250 | <el-select class="formSelect" v-model="formData.jyjzxg"> |
| 252 | <input type="text" class="formInput" v-model="formData.jzxgsm"/> | 251 | <el-option |
| 253 | </td> | 252 | v-for="item in compareList" |
| 254 | </tr> | 253 | :key="item.value" |
| 255 | <tr> | 254 | :label="item.label" |
| 256 | <td colspan="2" rowspan="4">宗地四至</td> | 255 | :value="item.value" |
| 257 | <td colspan="2">北至<i class="requisite">*</i></td> | 256 | > |
| 258 | <td colspan="8" class="psr"> | 257 | </el-option> |
| 259 | <input type="text" class="formInput" v-model="formData.zdszb"/> | 258 | </el-select> |
| 260 | </td> | 259 | </td> |
| 261 | </tr> | 260 | <td colspan="2"> |
| 262 | <tr> | 261 | <input |
| 263 | <td colspan="2">东至<i class="requisite">*</i></td> | 262 | type="text" |
| 264 | <td colspan="8" class="psr"> | 263 | v-model="formData.jzxg" |
| 265 | <input type="text" class="formInput" v-model="formData.zdszd"/> | 264 | :class=" |
| 266 | </td> | 265 | formData.jyjzxg == '-' ? 'formInput percent47' : 'formInput' |
| 267 | </tr> | 266 | " |
| 268 | <tr> | 267 | /> |
| 269 | <td colspan="2">南至<i class="requisite">*</i></td> | 268 | <span class="percent4" v-show="formData.jyjzxg == '-'">-</span> |
| 270 | <td colspan="8" class="psr"> | 269 | <input |
| 271 | <input type="text" class="formInput" v-model="formData.zdszn"/> | 270 | type="text" |
| 272 | </td> | 271 | v-show="formData.jyjzxg == '-'" |
| 273 | </tr> | 272 | v-model="formData.jzxg" |
| 274 | <tr> | 273 | class="formInput percent47" |
| 275 | <td colspan="2">西至<i class="requisite">*</i></td> | 274 | /> |
| 276 | <td colspan="8" class="psr"> | 275 | </td> |
| 277 | <input type="text" class="formInput" v-model="formData.zdszx"/> | 276 | <td colspan="2">建筑限高说明</td> |
| 278 | </td> | 277 | <td colspan="4" class="psr"> |
| 279 | </tr> | 278 | <input type="text" class="formInput" v-model="formData.jzxgsm" /> |
| 280 | <tr> | 279 | </td> |
| 281 | <td colspan="12"> | 280 | </tr> |
| 282 | <Qlxz ref="qlxzModule"></Qlxz> | 281 | <tr> |
| 283 | </td> | 282 | <td colspan="2" rowspan="4">宗地四至</td> |
| 284 | </tr> | 283 | <td colspan="2">北至<i class="requisite">*</i></td> |
| 285 | <tr> | 284 | <td colspan="8" class="psr"> |
| 286 | <td colspan="2" rowspan="2">批准面积(㎡)</td> | 285 | <input type="text" class="formInput" v-model="formData.zdszb" /> |
| 287 | <td colspan="2" rowspan="2"> | 286 | </td> |
| 288 | <input type="text" class="formInput" v-model="formData.pzmj"/> | 287 | </tr> |
| 289 | </td> | 288 | <tr> |
| 290 | <td colspan="2" rowspan="2">宗地面积(㎡)</td> | 289 | <td colspan="2">东至<i class="requisite">*</i></td> |
| 291 | <td colspan="2" rowspan="2"> | 290 | <td colspan="8" class="psr"> |
| 292 | <input type="text" class="formInput" v-model="formData.zdmj"/> | 291 | <input type="text" class="formInput" v-model="formData.zdszd" /> |
| 293 | </td> | 292 | </td> |
| 294 | <td colspan="2">建筑占地总面积</td> | 293 | </tr> |
| 295 | <td colspan="2"> | 294 | <tr> |
| 296 | <input type="text" class="formInput" v-model="formData.jzzdzmj"/> | 295 | <td colspan="2">南至<i class="requisite">*</i></td> |
| 297 | </td> | 296 | <td colspan="8" class="psr"> |
| 298 | </tr> | 297 | <input type="text" class="formInput" v-model="formData.zdszn" /> |
| 299 | <tr> | 298 | </td> |
| 300 | <td colspan="2">建筑面积(㎡)</td> | 299 | </tr> |
| 301 | <td colspan="2"> | 300 | <tr> |
| 302 | <input type="text" class="formInput" v-model="formData.jzzmj"/> | 301 | <td colspan="2">西至<i class="requisite">*</i></td> |
| 303 | </td> | 302 | <td colspan="8" class="psr"> |
| 304 | </tr> | 303 | <input type="text" class="formInput" v-model="formData.zdszx" /> |
| 305 | <tr> | 304 | </td> |
| 306 | <td colspan="2">共有/共用权利人情况</td> | 305 | </tr> |
| 307 | <td colspan="10"> | 306 | <tr> |
| 308 | <input type="text" class="formInput" v-model="formData.gygyqlrqk"/> | 307 | <td colspan="12"> |
| 309 | </td> | 308 | <Qlxz ref="qlxzModule"></Qlxz> |
| 310 | </tr> | 309 | </td> |
| 311 | <tr> | 310 | </tr> |
| 312 | <td colspan="2" rowspan="2">说明</td> | 311 | <tr> |
| 313 | <td colspan="10" rowspan="2"> | 312 | <td colspan="2" rowspan="2">批准面积(㎡)</td> |
| 314 | <input type="text" class="formInput" v-model="formData.sm"/> | 313 | <td colspan="2" rowspan="2"> |
| 315 | </td> | 314 | <input type="text" class="formInput" v-model="formData.pzmj" /> |
| 316 | </tr> | 315 | </td> |
| 317 | </table> | 316 | <td colspan="2" rowspan="2">宗地面积(㎡)</td> |
| 318 | <div style="min-height: 40px;text-align: center;margin-top: 10px"> | 317 | <td colspan="2" rowspan="2"> |
| 319 | <el-button type="primary" @click="updateZDxx">保存</el-button> | 318 | <input type="text" class="formInput" v-model="formData.zdmj" /> |
| 320 | </div> | 319 | </td> |
| 321 | </div> | 320 | <td colspan="2">建筑占地总面积</td> |
| 322 | </div> | 321 | <td colspan="2"> |
| 322 | <input type="text" class="formInput" v-model="formData.jzzdzmj" /> | ||
| 323 | </td> | ||
| 324 | </tr> | ||
| 325 | <tr> | ||
| 326 | <td colspan="2">建筑面积(㎡)</td> | ||
| 327 | <td colspan="2"> | ||
| 328 | <input type="text" class="formInput" v-model="formData.jzzmj" /> | ||
| 329 | </td> | ||
| 330 | </tr> | ||
| 331 | <tr> | ||
| 332 | <td colspan="2">共有/共用权利人情况</td> | ||
| 333 | <td colspan="10"> | ||
| 334 | <input type="text" class="formInput" v-model="formData.gygyqlrqk" /> | ||
| 335 | </td> | ||
| 336 | </tr> | ||
| 337 | <tr> | ||
| 338 | <td colspan="2" rowspan="2">说明</td> | ||
| 339 | <td colspan="10" rowspan="2"> | ||
| 340 | <input type="text" class="formInput" v-model="formData.sm" /> | ||
| 341 | </td> | ||
| 342 | </tr> | ||
| 343 | </table> | ||
| 344 | |||
| 345 | <div style="min-height: 40px;text-align: center;margin-top: 10px"> | ||
| 346 | <el-button type="primary" @click="updateZDxx">保存</el-button> | ||
| 347 | </div> | ||
| 348 | </div> | ||
| 349 | </div> | ||
| 323 | </template> | 350 | </template> |
| 324 | 351 | ||
| 325 | <script> | 352 | <script> |
| 326 | import Qlr from "../../../components/formMenu/qlr"; | 353 | import Qlr from "../../../components/formMenu/qlr"; |
| 327 | import Qlxz from "../../../components/formMenu/qlxz"; | 354 | import Qlxz from "../../../components/formMenu/qlxz"; |
| 328 | import { | 355 | import { |
| 329 | getDdicByMC, | 356 | getDdicByMC, |
| 330 | getListByXzqbsm, | 357 | getListByXzqbsm, |
| 331 | getListByPbsm, | 358 | getListByPbsm, |
| 332 | } from "../../../api/common"; | 359 | } from "../../../api/common"; |
| 333 | import {getBdcdyh, getQjZdjbxxDetailById,updateQjZdjbxx} from "../../../api/zd"; | 360 | import { |
| 361 | getBdcdyh, | ||
| 362 | getQjZdjbxxDetailById, | ||
| 363 | updateQjZdjbxx, | ||
| 364 | } from "../../../api/zd"; | ||
| 334 | 365 | ||
| 335 | export default { | 366 | export default { |
| 336 | name: "", | 367 | name: "", |
| 337 | components: { | 368 | components: { |
| 338 | Qlr, | 369 | Qlr, |
| 339 | Qlxz, | 370 | Qlxz, |
| 340 | }, | 371 | }, |
| 341 | props: {}, | 372 | props: {}, |
| 342 | data() { | 373 | data() { |
| 343 | return { | 374 | return { |
| 344 | compareList: [ | 375 | compareList: [ |
| 345 | {label: "<", value: "<"}, | 376 | { label: "<", value: "<" }, |
| 346 | {label: ">", value: ">"}, | 377 | { label: ">", value: ">" }, |
| 347 | {label: "=", value: "="}, | 378 | { label: "=", value: "=" }, |
| 348 | {label: "<=", value: "<="}, | 379 | { label: "<=", value: "<=" }, |
| 349 | {label: ">=", value: ">="}, | 380 | { label: ">=", value: ">=" }, |
| 350 | {label: "-", value: "-"} | 381 | { label: "-", value: "-" }, |
| 351 | ], | 382 | ], |
| 352 | formData: { | 383 | formData: { |
| 353 | "bblx": 0, | 384 | bblx: 0, |
| 354 | "bbsxh": 0, | 385 | bbsxh: 0, |
| 355 | "bhqkbsm": "", | 386 | bhqkbsm: "", |
| 356 | "blc": "", | 387 | blc: "", |
| 357 | "bz": "", | 388 | bz: "", |
| 358 | "dcrq": "2020-10-22T09:07:38.644Z", | 389 | dcrq: "2020-10-22T09:07:38.644Z", |
| 359 | "dcy": "", | 390 | dcy: "", |
| 360 | "dcyj": "", | 391 | dcyj: "", |
| 361 | "djh": "", | 392 | djh: "", |
| 362 | "djqbsm": "", | 393 | djqbsm: "", |
| 363 | "djzqbsm": "", | 394 | djzqbsm: "", |
| 364 | "dyhbsm": "", | 395 | dyhbsm: "", |
| 365 | "gmjjhyflbsm": "", | 396 | gmjjhyflbsm: "", |
| 366 | "gygyqlrqk": "", | 397 | gygyqlrqk: "", |
| 367 | "jg": 0, | 398 | jg: 0, |
| 368 | "jyjzmd": ">", | 399 | jyjzmd: ">", |
| 369 | "jyjzxg": "<", | 400 | jyjzxg: "<", |
| 370 | "jyrjl": "<", | 401 | jyrjl: "<", |
| 371 | "jzmd": 0, | 402 | jzmd: 0, |
| 372 | "jzmdsm": "", | 403 | jzmdsm: "", |
| 373 | "jzxg": 0, | 404 | jzxg: 0, |
| 374 | "jzxgsm": "", | 405 | jzxgsm: "", |
| 375 | "jzzdzmj": 0, | 406 | jzzdzmj: 0, |
| 376 | "jzzmj": 0, | 407 | jzzmj: 0, |
| 377 | "mjdw": "", | 408 | mjdw: "", |
| 378 | "pzmj": 0, | 409 | pzmj: 0, |
| 379 | "qllxbsm": "", | 410 | qllxbsm: "", |
| 380 | "qlsdfs": "", | 411 | qlsdfs: "", |
| 381 | "qszt": "", | 412 | qszt: "", |
| 382 | "rjl": 0, | 413 | rjl: 0, |
| 383 | "rjlsm": "", | 414 | rjlsm: "", |
| 384 | "sfwqfg": "", | 415 | sfwqfg: "", |
| 385 | "sjly": 0, | 416 | sjly: 0, |
| 386 | "syqlxbsm": "", | 417 | syqlxbsm: "", |
| 387 | "tdqslyzmcl": "", | 418 | tdqslyzmcl: "", |
| 388 | "tfh": "", | 419 | tfh: "", |
| 389 | "userbsm": "", | 420 | userbsm: "", |
| 390 | "xmmc": "", | 421 | xmmc: "", |
| 391 | "xzqbsm": "", | 422 | xzqbsm: "", |
| 392 | "ydybsm": "", | 423 | ydybsm: "", |
| 393 | "ysclbsm": "", | 424 | ysclbsm: "", |
| 394 | "zdbsm": "", | 425 | zdbsm: "", |
| 395 | "zddm": "", | 426 | zddm: "", |
| 396 | "zdmj": 0, | 427 | zdmj: 0, |
| 397 | "zdszb": "北", | 428 | zdszb: "北", |
| 398 | "zdszd": "东", | 429 | zdszd: "东", |
| 399 | "zdszn": "南", | 430 | zdszn: "南", |
| 400 | "zdszx": "西", | 431 | zdszx: "西", |
| 401 | "zdtzmbsm": "", | 432 | zdtzmbsm: "", |
| 402 | "zl": "坐落" | 433 | zl: "坐落", |
| 403 | }, | 434 | }, |
| 404 | }; | 435 | }; |
| 405 | }, | 436 | }, |
| 406 | created() { | 437 | created() { |
| 407 | this.getZdjbxxData(); | 438 | this.getZdjbxxData(); |
| 408 | }, | 439 | }, |
| 409 | mounted() { | 440 | mounted() {}, |
| 410 | }, | 441 | methods: { |
| 411 | methods: { | 442 | //根据zdbsm查询基本信息 |
| 412 | //根据zdbsm查询基本信息 | 443 | getZdjbxxData() { |
| 413 | getZdjbxxData() { | 444 | getQjZdjbxxDetailById(this.$store.state.zdbsm) |
| 414 | getQjZdjbxxDetailById(this.$store.state.zdbsm) | 445 | .then((res) => { |
| 415 | .then((res) => { | 446 | if (res.result) { |
| 416 | if (res.result) { | 447 | console.log(res.result); |
| 417 | console.log(res.result); | 448 | this.formData = res.result; |
| 418 | this.formData = res.result; | 449 | } |
| 419 | } | 450 | }) |
| 420 | }) | 451 | .catch((error) => {}); |
| 421 | .catch((error) => { | 452 | }, |
| 422 | }); | 453 | //生成宗地代码 |
| 423 | }, | 454 | generatorCode() { |
| 424 | //生成宗地代码 | 455 | //前6位是xzqbsm,接着3位djqbsm,3位djzqbsm,最后2位是syqlxbsm 860101555888GB |
| 425 | generatorCode() { | 456 | getBdcdyh("860101555888GB", "zd") |
| 426 | //前6位是xzqbsm,接着3位djqbsm,3位djzqbsm,最后2位是syqlxbsm 860101555888GB | 457 | .then((res) => { |
| 427 | getBdcdyh("860101555888GB", "zd") | 458 | console.log(res); |
| 428 | .then((res) => { | 459 | this.formData.zddm = res.result.substring(0, 19); |
| 429 | console.log(res); | 460 | this.formData.dyhbsm = res.result; |
| 430 | this.formData.zddm = res.result.substring(0, 19); | 461 | }) |
| 431 | this.formData.dyhbsm = res.result; | 462 | .catch((error) => {}); |
| 432 | }) | 463 | }, |
| 433 | .catch((error) => { | 464 | //修改宗地基本信息 |
| 434 | }); | 465 | updateZDxx() { |
| 435 | }, | 466 | //获取权利性质数据 |
| 436 | //修改宗地基本信息 | 467 | this.formData.list = this.$refs.qlxzModule.getQlxzDataList(); |
| 437 | updateZDxx(){ | 468 | updateQjZdjbxx(this.formData) |
| 438 | //获取权利性质数据 | 469 | .then((res) => { |
| 439 | this.formData.list = this.$refs.qlxzModule.getQlxzDataList(); | 470 | if (res.code == 200) { |
| 440 | updateQjZdjbxx(this.formData) | 471 | console.log(res); |
| 441 | .then((res) => { | 472 | this.$message({ |
| 442 | console.log(res); | 473 | message: '保存成功', |
| 443 | }) | 474 | type: "success", |
| 444 | .catch((error) => { | 475 | }); |
| 445 | }); | 476 | } else { |
| 446 | }, | 477 | this.$message({ |
| 447 | getQlrxxData() { | 478 | message: res.message, |
| 448 | console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据 | 479 | type: "warning", |
| 449 | console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据 | 480 | }); |
| 450 | }, | 481 | } |
| 451 | getQlxzData() { | 482 | }) |
| 452 | console.log(this.$refs.qlxzModule.getQlxzDataList()); //权利性质数据 | 483 | .catch((error) => {}); |
| 453 | }, | 484 | }, |
| 454 | //行政区划选择 | 485 | getQlrxxData() { |
| 455 | changeXzq(id) { | 486 | console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据 |
| 456 | getListByXzqbsm(id) | 487 | console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据 |
| 457 | .then((res) => { | 488 | }, |
| 458 | this.formData.djqbsm = ""; | 489 | getQlxzData() { |
| 459 | this.formData.djzqbsm = ""; | 490 | console.log(this.$refs.qlxzModule.getQlxzDataList()); //权利性质数据 |
| 460 | this.djqList = res.result; | 491 | }, |
| 461 | this.$store.state.djqList = res.result; | 492 | //行政区划选择 |
| 462 | }) | 493 | changeXzq(id) { |
| 463 | .catch((error) => { | 494 | getListByXzqbsm(id) |
| 464 | }); | 495 | .then((res) => { |
| 465 | }, | 496 | this.formData.djqbsm = ""; |
| 466 | changeDjq(item) { | 497 | this.formData.djzqbsm = ""; |
| 467 | getListByPbsm(item) | 498 | this.djqList = res.result; |
| 468 | .then((res) => { | 499 | this.$store.state.djqList = res.result; |
| 469 | this.formData.djzqbsm = ""; | 500 | }) |
| 470 | this.djzqList = res.result; | 501 | .catch((error) => {}); |
| 471 | this.$store.state.djzqList = res.result; | 502 | }, |
| 472 | }) | 503 | changeDjq(item) { |
| 473 | .catch((error) => { | 504 | getListByPbsm(item) |
| 474 | }); | 505 | .then((res) => { |
| 475 | }, | 506 | this.formData.djzqbsm = ""; |
| 476 | }, | 507 | this.djzqList = res.result; |
| 477 | computed: { | 508 | this.$store.state.djzqList = res.result; |
| 478 | zl() { | 509 | }) |
| 479 | return this.formData.zl | 510 | .catch((error) => {}); |
| 480 | }, | 511 | }, |
| 481 | mj() { | 512 | }, |
| 482 | return this.formData.zdmj | 513 | computed: { |
| 483 | }, | 514 | zl() { |
| 484 | zddm() { | 515 | return this.formData.zl; |
| 485 | return this.formData.zddm | 516 | }, |
| 486 | } | 517 | mj() { |
| 487 | }, | 518 | return this.formData.zdmj; |
| 488 | watch: { | 519 | }, |
| 489 | zl: function (val) { | 520 | zddm() { |
| 490 | this.$store.state.zdzl = val | 521 | return this.formData.zddm; |
| 491 | }, | 522 | }, |
| 492 | mj: function (val) { | 523 | }, |
| 493 | this.$store.state.zdmj = val | 524 | watch: { |
| 494 | }, | 525 | zl: function(val) { |
| 495 | zddm: function (val) { | 526 | this.$store.state.zdzl = val; |
| 496 | this.$store.state.zddm = val | 527 | }, |
| 497 | } | 528 | mj: function(val) { |
| 498 | }, | 529 | this.$store.state.zdmj = val; |
| 499 | }; | 530 | }, |
| 531 | zddm: function(val) { | ||
| 532 | this.$store.state.zddm = val; | ||
| 533 | }, | ||
| 534 | }, | ||
| 535 | }; | ||
| 500 | </script> | 536 | </script> |
| 501 | <style lang="less" scoped> | 537 | <style lang="less" scoped> |
| 502 | .main { | 538 | .main { |
| 503 | box-sizing: border-box; | 539 | box-sizing: border-box; |
| 504 | padding: 18px; | 540 | padding: 18px; |
| 505 | height: auto; | 541 | height: auto; |
| 506 | .formMenu { | 542 | .formMenu { |
| 507 | width: 80%; | 543 | width: 80%; |
| 508 | margin: 0 auto; | 544 | margin: 0 auto; |
| 509 | } | 545 | } |
| 510 | .zdjbxxTable { | 546 | .zdjbxxTable { |
| 511 | margin: 10px 0; | 547 | margin: 10px 0; |
| 512 | background-color: #fff; | 548 | background-color: #fff; |
| 513 | font-size: 14px; | 549 | font-size: 14px; |
| 514 | width: 100%; | 550 | width: 100%; |
| 515 | th { | 551 | th { |
| 516 | height: 36px; | 552 | height: 36px; |
| 517 | line-height: 36px; | 553 | line-height: 36px; |
| 518 | font-size: 16px; | 554 | font-size: 16px; |
| 519 | } | 555 | } |
| 520 | td { | 556 | td { |
| 521 | width: 60px; | 557 | width: 60px; |
| 522 | text-align: center; | 558 | text-align: center; |
| 523 | height: 36px; | 559 | height: 36px; |
| 524 | } | 560 | } |
| 525 | /deep/ .el-input__inner { | 561 | /deep/ .el-input__inner { |
| 526 | margin: 0; | 562 | margin: 0; |
| 527 | height: 36px; | 563 | height: 36px; |
| 528 | outline: none; | 564 | outline: none; |
| 529 | border: none; | 565 | border: none; |
| 530 | color: #606764; | 566 | color: #606764; |
| 531 | overflow: visible; | 567 | overflow: visible; |
| 532 | text-align: center; | 568 | text-align: center; |
| 533 | cursor: text; | 569 | cursor: text; |
| 534 | } | 570 | } |
| 535 | .percent78 { | 571 | .percent78 { |
| 536 | width: 78%; | 572 | width: 78%; |
| 537 | float: left; | 573 | float: left; |
| 538 | } | 574 | } |
| 539 | .percent68 { | 575 | .percent68 { |
| 540 | width: 68% !important; | 576 | width: 68% !important; |
| 541 | float: left; | 577 | float: left; |
| 542 | position: relative; | 578 | position: relative; |
| 543 | top: 7px; | 579 | top: 7px; |
| 544 | } | 580 | } |
| 545 | .percent47 { | 581 | .percent47 { |
| 546 | width: 45% !important; | 582 | width: 45% !important; |
| 547 | float: left; | 583 | float: left; |
| 548 | } | 584 | } |
| 549 | .percent4 { | 585 | .percent4 { |
| 550 | height: 20px; | 586 | height: 20px; |
| 551 | line-height: 20px; | 587 | line-height: 20px; |
| 552 | width: 4% !important; | 588 | width: 4% !important; |
| 553 | float: left; | 589 | float: left; |
| 554 | } | 590 | } |
| 555 | .percent30 { | 591 | .percent30 { |
| 556 | width: 30% !important; | 592 | width: 30% !important; |
| 557 | float: left; | 593 | float: left; |
| 558 | } | 594 | } |
| 559 | .createBtn { | 595 | .createBtn { |
| 560 | position: absolute; | 596 | position: absolute; |
| 561 | width: 50px; | 597 | width: 50px; |
| 562 | padding: 6px 4px; | 598 | padding: 6px 4px; |
| 563 | right: 4px; | 599 | right: 4px; |
| 564 | top: 4px; | 600 | top: 4px; |
| 565 | } | 601 | } |
| 566 | .el-input__icon { | 602 | .el-input__icon { |
| 567 | line-height: 37px; | 603 | line-height: 37px; |
| 568 | } | 604 | } |
| 569 | .el-select { | 605 | .el-select { |
| 570 | width: 100%; | 606 | width: 100%; |
| 571 | } | 607 | } |
| 572 | } | 608 | } |
| 573 | } | 609 | } |
| 574 | </style> | 610 | </style> | ... | ... |
-
Please register or sign in to post a comment