feat(Home):左侧行政区
Showing
9 changed files
with
145 additions
and
92 deletions
| ... | @@ -52,7 +52,7 @@ export function getDdicByMC(mc) { | ... | @@ -52,7 +52,7 @@ export function getDdicByMC(mc) { |
| 52 | /** | 52 | /** |
| 53 | * 根据宗地BSM获取左侧目录树 | 53 | * 根据宗地BSM获取左侧目录树 |
| 54 | */ | 54 | */ |
| 55 | export function getTree(bsm) { | 55 | export function getTree(zdbsm) { |
| 56 | return request({ | 56 | return request({ |
| 57 | url: 'system/xzq/getMenuTreeByZdbsm', | 57 | url: 'system/xzq/getMenuTreeByZdbsm', |
| 58 | method: 'get', | 58 | method: 'get', | ... | ... |
| ... | @@ -28,7 +28,7 @@ | ... | @@ -28,7 +28,7 @@ |
| 28 | reTree_expand_icon: !item.expand && item.children.length > 0, | 28 | reTree_expand_icon: !item.expand && item.children.length > 0, |
| 29 | }" | 29 | }" |
| 30 | ></div> | 30 | ></div> |
| 31 | <div class="layer_text nowrap">{{ item.label }}</div> | 31 | <div class="layer_text nowrap">{{ item.mc }}</div> |
| 32 | </div> | 32 | </div> |
| 33 | 33 | ||
| 34 | <lineItem | 34 | <lineItem | ... | ... |
| ... | @@ -44,19 +44,21 @@ | ... | @@ -44,19 +44,21 @@ |
| 44 | </el-dialog> | 44 | </el-dialog> |
| 45 | </el-header> | 45 | </el-header> |
| 46 | <el-main> | 46 | <el-main> |
| 47 | <router-view /> | 47 | <router-view/> |
| 48 | </el-main> | 48 | </el-main> |
| 49 | </el-container> | 49 | </el-container> |
| 50 | </el-container> | 50 | </el-container> |
| 51 | </div> | 51 | </div> |
| 52 | </template> | 52 | </template> |
| 53 | <script> | 53 | <script> |
| 54 | import util from "@/libs/util.js"; | 54 | import util from "@/libs/util.js"; |
| 55 | import Navigation from "../components/IvyElement/navigation"; | 55 | import Navigation from "../components/IvyElement/navigation"; |
| 56 | import Create from "./panel/create/index"; | 56 | import Create from "./panel/create/index"; |
| 57 | import LineTree from "../components/lineTree/lineTree"; | 57 | import LineTree from "../components/lineTree/lineTree"; |
| 58 | import { setTimeout } from "timers"; | 58 | import {setTimeout} from "timers"; |
| 59 | export default { | 59 | import {getTree} from "../api/common" |
| 60 | |||
| 61 | export default { | ||
| 60 | components: { | 62 | components: { |
| 61 | Navigation, | 63 | Navigation, |
| 62 | LineTree, | 64 | LineTree, |
| ... | @@ -125,28 +127,28 @@ export default { | ... | @@ -125,28 +127,28 @@ export default { |
| 125 | }, | 127 | }, |
| 126 | pd: [ | 128 | pd: [ |
| 127 | { | 129 | { |
| 128 | label: "行政区(1)", | 130 | mc: "行政区(1)", |
| 129 | children: [], | 131 | children: [], |
| 130 | }, | 132 | }, |
| 131 | { | 133 | { |
| 132 | label: "行政区(2)", | 134 | mc: "行政区(2)", |
| 133 | children: [ | 135 | children: [ |
| 134 | { | 136 | { |
| 135 | label: "地籍区1", | 137 | mc: "地籍区1", |
| 136 | children: [], | 138 | children: [], |
| 137 | }, | 139 | }, |
| 138 | { | 140 | { |
| 139 | label: "地籍区2", | 141 | mc: "地籍区2", |
| 140 | children: [ | 142 | children: [ |
| 141 | { | 143 | { |
| 142 | label: "国有", | 144 | mc: "国有", |
| 143 | children: [ | 145 | children: [ |
| 144 | { | 146 | { |
| 145 | label: "宗地代码1933", | 147 | mc: "宗地代码1933", |
| 146 | isZD: true, | 148 | isZD: true, |
| 147 | }, | 149 | }, |
| 148 | { | 150 | { |
| 149 | label: "自然幢2100", | 151 | mc: "自然幢2100", |
| 150 | isZD: false, | 152 | isZD: false, |
| 151 | }, | 153 | }, |
| 152 | ], | 154 | ], |
| ... | @@ -164,15 +166,15 @@ export default { | ... | @@ -164,15 +166,15 @@ export default { |
| 164 | ], | 166 | ], |
| 165 | }, | 167 | }, |
| 166 | { | 168 | { |
| 167 | label: "行政区(3)", | 169 | mc: "行政区(3)", |
| 168 | children: [], | 170 | children: [], |
| 169 | }, | 171 | }, |
| 170 | { | 172 | { |
| 171 | label: "行政区(4)", | 173 | mc: "行政区(4)", |
| 172 | children: [], | 174 | children: [], |
| 173 | }, | 175 | }, |
| 174 | { | 176 | { |
| 175 | label: "行政区(5)", | 177 | mc: "行政区(5)", |
| 176 | children: [], | 178 | children: [], |
| 177 | }, | 179 | }, |
| 178 | ], | 180 | ], |
| ... | @@ -185,7 +187,7 @@ export default { | ... | @@ -185,7 +187,7 @@ export default { |
| 185 | }, | 187 | }, |
| 186 | }, | 188 | }, |
| 187 | watch: { | 189 | watch: { |
| 188 | "$route.path": function(newPath) { | 190 | "$route.path": function (newPath) { |
| 189 | //监测路由变化,高亮顶部导航 | 191 | //监测路由变化,高亮顶部导航 |
| 190 | this.headTop.forEach((item, index) => { | 192 | this.headTop.forEach((item, index) => { |
| 191 | item.select = false; | 193 | item.select = false; |
| ... | @@ -194,6 +196,9 @@ export default { | ... | @@ -194,6 +196,9 @@ export default { |
| 194 | } | 196 | } |
| 195 | }); | 197 | }); |
| 196 | }, | 198 | }, |
| 199 | "$store.state.zdbsm": function (bsm) { | ||
| 200 | this.getRightTree(bsm) | ||
| 201 | } | ||
| 197 | }, | 202 | }, |
| 198 | created() { | 203 | created() { |
| 199 | if (this.$route.meta) { | 204 | if (this.$route.meta) { |
| ... | @@ -215,7 +220,7 @@ export default { | ... | @@ -215,7 +220,7 @@ export default { |
| 215 | icon: "fa fa-address-card-o", | 220 | icon: "fa fa-address-card-o", |
| 216 | path: "/add", | 221 | path: "/add", |
| 217 | }, | 222 | }, |
| 218 | { name: "更正", icon: "fa fa-address-card-o", path: "/modify" }, | 223 | {name: "更正", icon: "fa fa-address-card-o", path: "/modify"}, |
| 219 | { | 224 | { |
| 220 | name: "变更", | 225 | name: "变更", |
| 221 | icon: "fa fa-address-card-o", | 226 | icon: "fa fa-address-card-o", |
| ... | @@ -237,6 +242,15 @@ export default { | ... | @@ -237,6 +242,15 @@ export default { |
| 237 | // } | 242 | // } |
| 238 | }, | 243 | }, |
| 239 | methods: { | 244 | methods: { |
| 245 | getRightTree(bsm) { | ||
| 246 | getTree(bsm).then(res => { | ||
| 247 | console.log("=========================================") | ||
| 248 | console.log(res) | ||
| 249 | if (res.success) { | ||
| 250 | this.pd=res.result | ||
| 251 | } | ||
| 252 | }) | ||
| 253 | }, | ||
| 240 | sortNavigation(data, selectId) { | 254 | sortNavigation(data, selectId) { |
| 241 | let headTop = this.headTop; | 255 | let headTop = this.headTop; |
| 242 | data.forEach((item, index) => { | 256 | data.forEach((item, index) => { |
| ... | @@ -292,14 +306,14 @@ export default { | ... | @@ -292,14 +306,14 @@ export default { |
| 292 | console.log(data); | 306 | console.log(data); |
| 293 | }, | 307 | }, |
| 294 | //关闭新建子组件弹框 | 308 | //关闭新建子组件弹框 |
| 295 | closeDialog(){ | 309 | closeDialog() { |
| 296 | this.dialogVisible = false; | 310 | this.dialogVisible = false; |
| 297 | } | 311 | } |
| 298 | }, | 312 | }, |
| 299 | }; | 313 | }; |
| 300 | </script> | 314 | </script> |
| 301 | <style lang="less" scoped> | 315 | <style lang="less" scoped> |
| 302 | .home-box { | 316 | .home-box { |
| 303 | width: 100%; | 317 | width: 100%; |
| 304 | height: 100vh; | 318 | height: 100vh; |
| 305 | .el-container { | 319 | .el-container { |
| ... | @@ -404,5 +418,5 @@ export default { | ... | @@ -404,5 +418,5 @@ export default { |
| 404 | // line-height: 160px; | 418 | // line-height: 160px; |
| 405 | padding: 0; | 419 | padding: 0; |
| 406 | } | 420 | } |
| 407 | } | 421 | } |
| 408 | </style> | 422 | </style> | ... | ... |
| ... | @@ -234,7 +234,6 @@ export default { | ... | @@ -234,7 +234,6 @@ export default { |
| 234 | console.log(data); | 234 | console.log(data); |
| 235 | insertZrzjbxx(data) | 235 | insertZrzjbxx(data) |
| 236 | .then((res) => { | 236 | .then((res) => { |
| 237 | console.log(res.result); | ||
| 238 | if (res.code == "200") { | 237 | if (res.code == "200") { |
| 239 | this.$message({ | 238 | this.$message({ |
| 240 | message: "创建成功!", | 239 | message: "创建成功!", |
| ... | @@ -244,6 +243,9 @@ export default { | ... | @@ -244,6 +243,9 @@ export default { |
| 244 | this.close(); | 243 | this.close(); |
| 245 | this.$store.zdbsm=res.result.zdbsm; | 244 | this.$store.zdbsm=res.result.zdbsm; |
| 246 | this.$store.zrzbsm=res.result.bsm; | 245 | this.$store.zrzbsm=res.result.bsm; |
| 246 | debugger | ||
| 247 | console.log("=================================================") | ||
| 248 | console.log(this.$store.zdbsm) | ||
| 247 | this.$store.xmmc=res.result.xmmc; | 249 | this.$store.xmmc=res.result.xmmc; |
| 248 | this.$router.push({ | 250 | this.$router.push({ |
| 249 | path: '/zrz', query:{data: res.result} | 251 | path: '/zrz', query:{data: res.result} | ... | ... |
| ... | @@ -162,10 +162,6 @@ | ... | @@ -162,10 +162,6 @@ |
| 162 | 162 | ||
| 163 | }, | 163 | }, |
| 164 | mounted() { | 164 | mounted() { |
| 165 | // 该标识码继承过来 | ||
| 166 | let bsm = '401044005bad0557d5e3787239d8e18e'; | ||
| 167 | this.bsm=bsm; | ||
| 168 | this.getData(this.bsm) | ||
| 169 | }, | 165 | }, |
| 170 | methods: { | 166 | methods: { |
| 171 | getData(bsm) { | 167 | getData(bsm) { |
| ... | @@ -260,7 +256,11 @@ | ... | @@ -260,7 +256,11 @@ |
| 260 | } | 256 | } |
| 261 | }, | 257 | }, |
| 262 | computed: {}, | 258 | computed: {}, |
| 263 | watch: {}, | 259 | watch: { |
| 260 | "$store.state.zdbsm": function (bsm) { | ||
| 261 | this.getData(bsm) | ||
| 262 | } | ||
| 263 | }, | ||
| 264 | } | 264 | } |
| 265 | </script> | 265 | </script> |
| 266 | <style scoped lang="less"> | 266 | <style scoped lang="less"> | ... | ... |
| ... | @@ -228,10 +228,7 @@ | ... | @@ -228,10 +228,7 @@ |
| 228 | 228 | ||
| 229 | }, | 229 | }, |
| 230 | mounted() { | 230 | mounted() { |
| 231 | // 该标识码继承过来 | 231 | |
| 232 | let bsm = '044dc12648a1f41374679281da63e93b'; | ||
| 233 | this.bsm=bsm; | ||
| 234 | this.getData(this.bsm) | ||
| 235 | }, | 232 | }, |
| 236 | methods: { | 233 | methods: { |
| 237 | getData(bsm) { | 234 | getData(bsm) { |
| ... | @@ -325,7 +322,11 @@ | ... | @@ -325,7 +322,11 @@ |
| 325 | } | 322 | } |
| 326 | }, | 323 | }, |
| 327 | computed: {}, | 324 | computed: {}, |
| 328 | watch: {}, | 325 | watch: { |
| 326 | "$store.state.zdbsm": function (bsm) { | ||
| 327 | this.getData(bsm) | ||
| 328 | } | ||
| 329 | }, | ||
| 329 | } | 330 | } |
| 330 | </script> | 331 | </script> |
| 331 | <style scoped lang="less"> | 332 | <style scoped lang="less"> | ... | ... |
| ... | @@ -52,6 +52,7 @@ | ... | @@ -52,6 +52,7 @@ |
| 52 | <script> | 52 | <script> |
| 53 | import {savemjft} from '../../../api/zd' | 53 | import {savemjft} from '../../../api/zd' |
| 54 | import {Message} from 'element-ui' | 54 | import {Message} from 'element-ui' |
| 55 | |||
| 55 | export default { | 56 | export default { |
| 56 | name: "index", | 57 | name: "index", |
| 57 | data() { | 58 | data() { |
| ... | @@ -81,7 +82,7 @@ | ... | @@ -81,7 +82,7 @@ |
| 81 | methods: { | 82 | methods: { |
| 82 | save() { | 83 | save() { |
| 83 | console.log(this.mjftData); | 84 | console.log(this.mjftData); |
| 84 | for (let val of this.mjftData.addQjZdftdzwRequestList){ | 85 | for (let val of this.mjftData.addQjZdftdzwRequestList) { |
| 85 | if (val.dzwdm == '') { | 86 | if (val.dzwdm == '') { |
| 86 | Message.error("定着物代码不能为空") | 87 | Message.error("定着物代码不能为空") |
| 87 | return | 88 | return |
| ... | @@ -90,9 +91,9 @@ | ... | @@ -90,9 +91,9 @@ |
| 90 | 91 | ||
| 91 | savemjft(this.mjftData).then(res => { | 92 | savemjft(this.mjftData).then(res => { |
| 92 | console.log(res) | 93 | console.log(res) |
| 93 | if (res.success){ | 94 | if (res.success) { |
| 94 | Message.success("保存成功") | 95 | Message.success("保存成功") |
| 95 | }else { | 96 | } else { |
| 96 | Message.error(res.message) | 97 | Message.error(res.message) |
| 97 | } | 98 | } |
| 98 | }).catch(error => { | 99 | }).catch(error => { |
| ... | @@ -169,13 +170,21 @@ | ... | @@ -169,13 +170,21 @@ |
| 169 | console.log("create init...") | 170 | console.log("create init...") |
| 170 | }, | 171 | }, |
| 171 | mounted() { | 172 | mounted() { |
| 172 | // 暂时随机生成 后续从调查表继承过来 | ||
| 173 | this.mjftData.zdbsm = 'ZDDM' + parseInt(Math.random() * 100) | ||
| 174 | this.mjftData.zdmj = (Math.random() * 1000).toFixed(3) | ||
| 175 | let zl = ['西安', '咸阳', '雁塔区', '高新区', '未央区', '莲湖区', '临潼区'] | ||
| 176 | let i = parseInt(Math.random() * 7, 10); | ||
| 177 | this.mjftData.tdzl = zl[i] | ||
| 178 | console.log("mounted init...") | 173 | console.log("mounted init...") |
| 174 | }, | ||
| 175 | watch: { | ||
| 176 | "$store.state.zdbsm": function (bsm) { | ||
| 177 | alert("面积分摊表 宗地标识码"+bsm) | ||
| 178 | this.mjftData.zdbsm = bsm | ||
| 179 | }, | ||
| 180 | "$store.state.zdmj": function (zdmj) { | ||
| 181 | alert("面积分摊表 宗地面积"+zdmj) | ||
| 182 | this.mjftData.zdmj = zdmj | ||
| 183 | }, | ||
| 184 | "$store.state.zdzl": function (tdzl) { | ||
| 185 | alert("面积分摊表 土地坐落"+tdzl) | ||
| 186 | this.mjftData.tdzl = tdzl | ||
| 187 | }, | ||
| 179 | } | 188 | } |
| 180 | } | 189 | } |
| 181 | </script> | 190 | </script> | ... | ... |
| ... | @@ -112,14 +112,15 @@ | ... | @@ -112,14 +112,15 @@ |
| 112 | v-model="formData.zddm" | 112 | v-model="formData.zddm" |
| 113 | /> | 113 | /> |
| 114 | <el-button type="primary" class="createBtn" @click="generatorCode" | 114 | <el-button type="primary" class="createBtn" @click="generatorCode" |
| 115 | >生成</el-button | 115 | >生成 |
| 116 | </el-button | ||
| 116 | > | 117 | > |
| 117 | </td> | 118 | </td> |
| 118 | </tr> | 119 | </tr> |
| 119 | <tr> | 120 | <tr> |
| 120 | <td colspan="2">地籍号</td> | 121 | <td colspan="2">地籍号</td> |
| 121 | <td colspan="4"> | 122 | <td colspan="4"> |
| 122 | <input type="text" class="formInput" v-model="formData.djh" /> | 123 | <input type="text" class="formInput" v-model="formData.djh"/> |
| 123 | </td> | 124 | </td> |
| 124 | 125 | ||
| 125 | <td colspan="2">不动产单元号<i class="requisite">*</i></td> | 126 | <td colspan="2">不动产单元号<i class="requisite">*</i></td> |
| ... | @@ -135,7 +136,7 @@ | ... | @@ -135,7 +136,7 @@ |
| 135 | <tr> | 136 | <tr> |
| 136 | <td colspan="2">坐落<i class="requisite">*</i></td> | 137 | <td colspan="2">坐落<i class="requisite">*</i></td> |
| 137 | <td colspan="4"> | 138 | <td colspan="4"> |
| 138 | <input type="text" class="formInput" v-model="formData.zl" /> | 139 | <input type="text" class="formInput" v-model="formData.zl"/> |
| 139 | </td> | 140 | </td> |
| 140 | <td colspan="2">土地权属来源证明材料</td> | 141 | <td colspan="2">土地权属来源证明材料</td> |
| 141 | <td colspan="4" class="psr"> | 142 | <td colspan="4" class="psr"> |
| ... | @@ -161,20 +162,20 @@ | ... | @@ -161,20 +162,20 @@ |
| 161 | </td> | 162 | </td> |
| 162 | <td colspan="2">价格(元)</td> | 163 | <td colspan="2">价格(元)</td> |
| 163 | <td colspan="4" class="psr"> | 164 | <td colspan="4" class="psr"> |
| 164 | <input type="text" class="formInput" v-model="formData.jg" /> | 165 | <input type="text" class="formInput" v-model="formData.jg"/> |
| 165 | </td> | 166 | </td> |
| 166 | </tr> | 167 | </tr> |
| 167 | <tr> | 168 | <tr> |
| 168 | <td colspan="2" rowspan="2">所在图幅号</td> | 169 | <td colspan="2" rowspan="2">所在图幅号</td> |
| 169 | <td colspan="2">比例尺</td> | 170 | <td colspan="2">比例尺</td> |
| 170 | <td colspan="8" class="psr"> | 171 | <td colspan="8" class="psr"> |
| 171 | <input type="text" class="formInput" v-model="formData.blc" /> | 172 | <input type="text" class="formInput" v-model="formData.blc"/> |
| 172 | </td> | 173 | </td> |
| 173 | </tr> | 174 | </tr> |
| 174 | <tr> | 175 | <tr> |
| 175 | <td colspan="2">图幅号</td> | 176 | <td colspan="2">图幅号</td> |
| 176 | <td colspan="8" class="psr"> | 177 | <td colspan="8" class="psr"> |
| 177 | <input type="text" class="formInput" v-model="formData.tfh" /> | 178 | <input type="text" class="formInput" v-model="formData.tfh"/> |
| 178 | </td> | 179 | </td> |
| 179 | </tr> | 180 | </tr> |
| 180 | <tr> | 181 | <tr> |
| ... | @@ -189,11 +190,11 @@ | ... | @@ -189,11 +190,11 @@ |
| 189 | > | 190 | > |
| 190 | </el-option> | 191 | </el-option> |
| 191 | </el-select> | 192 | </el-select> |
| 192 | <input type="text" class="formInput percent68" /> | 193 | <input type="text" class="formInput percent68"/> |
| 193 | </td> | 194 | </td> |
| 194 | <td colspan="2">容积说明</td> | 195 | <td colspan="2">容积说明</td> |
| 195 | <td colspan="4" class="psr"> | 196 | <td colspan="4" class="psr"> |
| 196 | <input type="text" class="formInput" v-model="formData.rjsm" /> | 197 | <input type="text" class="formInput" v-model="formData.rjsm"/> |
| 197 | </td> | 198 | </td> |
| 198 | </tr> | 199 | </tr> |
| 199 | <tr> | 200 | <tr> |
| ... | @@ -208,11 +209,11 @@ | ... | @@ -208,11 +209,11 @@ |
| 208 | > | 209 | > |
| 209 | </el-option> | 210 | </el-option> |
| 210 | </el-select> | 211 | </el-select> |
| 211 | <input type="text" class="formInput percent68" /> | 212 | <input type="text" class="formInput percent68"/> |
| 212 | </td> | 213 | </td> |
| 213 | <td colspan="2">建筑密度说明</td> | 214 | <td colspan="2">建筑密度说明</td> |
| 214 | <td colspan="4" class="psr"> | 215 | <td colspan="4" class="psr"> |
| 215 | <input type="text" class="formInput" v-model="formData.jzmdsm" /> | 216 | <input type="text" class="formInput" v-model="formData.jzmdsm"/> |
| 216 | </td> | 217 | </td> |
| 217 | </tr> | 218 | </tr> |
| 218 | <tr> | 219 | <tr> |
| ... | @@ -227,36 +228,36 @@ | ... | @@ -227,36 +228,36 @@ |
| 227 | > | 228 | > |
| 228 | </el-option> | 229 | </el-option> |
| 229 | </el-select> | 230 | </el-select> |
| 230 | <input type="text" class="formInput percent68" /> | 231 | <input type="text" class="formInput percent68"/> |
| 231 | </td> | 232 | </td> |
| 232 | <td colspan="2">建筑限高说明</td> | 233 | <td colspan="2">建筑限高说明</td> |
| 233 | <td colspan="4" class="psr"> | 234 | <td colspan="4" class="psr"> |
| 234 | <input type="text" class="formInput" v-model="formData.jzxgsm" /> | 235 | <input type="text" class="formInput" v-model="formData.jzxgsm"/> |
| 235 | </td> | 236 | </td> |
| 236 | </tr> | 237 | </tr> |
| 237 | <tr> | 238 | <tr> |
| 238 | <td colspan="2" rowspan="4">宗地四至</td> | 239 | <td colspan="2" rowspan="4">宗地四至</td> |
| 239 | <td colspan="2">北至<i class="requisite">*</i></td> | 240 | <td colspan="2">北至<i class="requisite">*</i></td> |
| 240 | <td colspan="8" class="psr"> | 241 | <td colspan="8" class="psr"> |
| 241 | <input type="text" class="formInput" v-model="formData.bz" /> | 242 | <input type="text" class="formInput" v-model="formData.bz"/> |
| 242 | </td> | 243 | </td> |
| 243 | </tr> | 244 | </tr> |
| 244 | <tr> | 245 | <tr> |
| 245 | <td colspan="2">东至<i class="requisite">*</i></td> | 246 | <td colspan="2">东至<i class="requisite">*</i></td> |
| 246 | <td colspan="8" class="psr"> | 247 | <td colspan="8" class="psr"> |
| 247 | <input type="text" class="formInput" v-model="formData.dz" /> | 248 | <input type="text" class="formInput" v-model="formData.dz"/> |
| 248 | </td> | 249 | </td> |
| 249 | </tr> | 250 | </tr> |
| 250 | <tr> | 251 | <tr> |
| 251 | <td colspan="2">南至<i class="requisite">*</i></td> | 252 | <td colspan="2">南至<i class="requisite">*</i></td> |
| 252 | <td colspan="8" class="psr"> | 253 | <td colspan="8" class="psr"> |
| 253 | <input type="text" class="formInput" v-model="formData.nz" /> | 254 | <input type="text" class="formInput" v-model="formData.nz"/> |
| 254 | </td> | 255 | </td> |
| 255 | </tr> | 256 | </tr> |
| 256 | <tr> | 257 | <tr> |
| 257 | <td colspan="2">西至<i class="requisite">*</i></td> | 258 | <td colspan="2">西至<i class="requisite">*</i></td> |
| 258 | <td colspan="8" class="psr"> | 259 | <td colspan="8" class="psr"> |
| 259 | <input type="text" class="formInput" v-model="formData.xz" /> | 260 | <input type="text" class="formInput" v-model="formData.xz"/> |
| 260 | </td> | 261 | </td> |
| 261 | </tr> | 262 | </tr> |
| 262 | <tr> | 263 | <tr> |
| ... | @@ -267,33 +268,33 @@ | ... | @@ -267,33 +268,33 @@ |
| 267 | <tr> | 268 | <tr> |
| 268 | <td colspan="2" rowspan="2">批准面积(㎡)</td> | 269 | <td colspan="2" rowspan="2">批准面积(㎡)</td> |
| 269 | <td colspan="2" rowspan="2"> | 270 | <td colspan="2" rowspan="2"> |
| 270 | <input type="text" class="formInput" v-model="formData.pzmj" /> | 271 | <input type="text" class="formInput" v-model="formData.pzmj"/> |
| 271 | </td> | 272 | </td> |
| 272 | <td colspan="2" rowspan="2">宗地面积(㎡)</td> | 273 | <td colspan="2" rowspan="2">宗地面积(㎡)</td> |
| 273 | <td colspan="2" rowspan="2"> | 274 | <td colspan="2" rowspan="2"> |
| 274 | <input type="text" class="formInput" v-model="formData.zdmj" /> | 275 | <input type="text" class="formInput" v-model="formData.zdmj"/> |
| 275 | </td> | 276 | </td> |
| 276 | <td colspan="2">建筑占地宗面积</td> | 277 | <td colspan="2">建筑占地宗面积</td> |
| 277 | <td colspan="2"> | 278 | <td colspan="2"> |
| 278 | <input type="text" class="formInput" v-model="formData.jzzdzmj" /> | 279 | <input type="text" class="formInput" v-model="formData.jzzdzmj"/> |
| 279 | </td> | 280 | </td> |
| 280 | </tr> | 281 | </tr> |
| 281 | <tr> | 282 | <tr> |
| 282 | <td colspan="2">建筑面积(㎡)</td> | 283 | <td colspan="2">建筑面积(㎡)</td> |
| 283 | <td colspan="2"> | 284 | <td colspan="2"> |
| 284 | <input type="text" class="formInput" v-model="formData.jzmj" /> | 285 | <input type="text" class="formInput" v-model="formData.jzmj"/> |
| 285 | </td> | 286 | </td> |
| 286 | </tr> | 287 | </tr> |
| 287 | <tr> | 288 | <tr> |
| 288 | <td colspan="2">共有/共用权利人情况</td> | 289 | <td colspan="2">共有/共用权利人情况</td> |
| 289 | <td colspan="10"> | 290 | <td colspan="10"> |
| 290 | <input type="text" class="formInput" v-model="formData.gyqlrqk" /> | 291 | <input type="text" class="formInput" v-model="formData.gyqlrqk"/> |
| 291 | </td> | 292 | </td> |
| 292 | </tr> | 293 | </tr> |
| 293 | <tr> | 294 | <tr> |
| 294 | <td colspan="2" rowspan="2">说明</td> | 295 | <td colspan="2" rowspan="2">说明</td> |
| 295 | <td colspan="10" rowspan="2"> | 296 | <td colspan="10" rowspan="2"> |
| 296 | <input type="text" class="formInput" v-model="formData.sm" /> | 297 | <input type="text" class="formInput" v-model="formData.sm"/> |
| 297 | </td> | 298 | </td> |
| 298 | </tr> | 299 | </tr> |
| 299 | </table> | 300 | </table> |
| ... | @@ -302,15 +303,16 @@ | ... | @@ -302,15 +303,16 @@ |
| 302 | </template> | 303 | </template> |
| 303 | 304 | ||
| 304 | <script> | 305 | <script> |
| 305 | import Qlr from "../../../components/formMenu/qlr"; | 306 | import Qlr from "../../../components/formMenu/qlr"; |
| 306 | import Qlxz from "../../../components/formMenu/qlxz"; | 307 | import Qlxz from "../../../components/formMenu/qlxz"; |
| 307 | import { | 308 | import { |
| 308 | getDdicByMC, | 309 | getDdicByMC, |
| 309 | getListByXzqbsm, | 310 | getListByXzqbsm, |
| 310 | getListByPbsm, | 311 | getListByPbsm, |
| 311 | } from "../../../api/common"; | 312 | } from "../../../api/common"; |
| 312 | import { getBdcdyh, getQjZdjbxxDetailById } from "../../../api/zd"; | 313 | import {getBdcdyh, getQjZdjbxxDetailById} from "../../../api/zd"; |
| 313 | export default { | 314 | |
| 315 | export default { | ||
| 314 | name: "", | 316 | name: "", |
| 315 | components: { | 317 | components: { |
| 316 | Qlr, | 318 | Qlr, |
| ... | @@ -327,9 +329,9 @@ export default { | ... | @@ -327,9 +329,9 @@ export default { |
| 327 | djqList: this.$store.state.djqList, | 329 | djqList: this.$store.state.djqList, |
| 328 | djzqList: this.$store.state.djzqList, | 330 | djzqList: this.$store.state.djzqList, |
| 329 | compareList: [ | 331 | compareList: [ |
| 330 | { label: "=", value: "=" }, | 332 | {label: "=", value: "="}, |
| 331 | { label: "<=", value: "<=" }, | 333 | {label: "<=", value: "<="}, |
| 332 | { label: ">=", value: ">=" }, | 334 | {label: ">=", value: ">="}, |
| 333 | ], | 335 | ], |
| 334 | formData: { | 336 | formData: { |
| 335 | xzqbsm: "", | 337 | xzqbsm: "", |
| ... | @@ -370,7 +372,8 @@ export default { | ... | @@ -370,7 +372,8 @@ export default { |
| 370 | this.getDicData(); | 372 | this.getDicData(); |
| 371 | this.getZdjbxxData(); | 373 | this.getZdjbxxData(); |
| 372 | }, | 374 | }, |
| 373 | mounted() {}, | 375 | mounted() { |
| 376 | }, | ||
| 374 | methods: { | 377 | methods: { |
| 375 | //根据zdbsm查询基本信息 | 378 | //根据zdbsm查询基本信息 |
| 376 | getZdjbxxData() { | 379 | getZdjbxxData() { |
| ... | @@ -381,7 +384,8 @@ export default { | ... | @@ -381,7 +384,8 @@ export default { |
| 381 | this.formData = res.result; | 384 | this.formData = res.result; |
| 382 | } | 385 | } |
| 383 | }) | 386 | }) |
| 384 | .catch((error) => {}); | 387 | .catch((error) => { |
| 388 | }); | ||
| 385 | }, | 389 | }, |
| 386 | //生成宗地代码 | 390 | //生成宗地代码 |
| 387 | generatorCode() { | 391 | generatorCode() { |
| ... | @@ -392,7 +396,8 @@ export default { | ... | @@ -392,7 +396,8 @@ export default { |
| 392 | this.formData.zddm = res.result.substring(0, 19); | 396 | this.formData.zddm = res.result.substring(0, 19); |
| 393 | this.formData.bdcdyh = res.result; | 397 | this.formData.bdcdyh = res.result; |
| 394 | }) | 398 | }) |
| 395 | .catch((error) => {}); | 399 | .catch((error) => { |
| 400 | }); | ||
| 396 | }, | 401 | }, |
| 397 | 402 | ||
| 398 | getQlrxxData() { | 403 | getQlrxxData() { |
| ... | @@ -409,25 +414,29 @@ export default { | ... | @@ -409,25 +414,29 @@ export default { |
| 409 | console.log(res.result); | 414 | console.log(res.result); |
| 410 | this.qllxList = res.result; | 415 | this.qllxList = res.result; |
| 411 | }) | 416 | }) |
| 412 | .catch((error) => {}); | 417 | .catch((error) => { |
| 418 | }); | ||
| 413 | getDdicByMC("宗地(宗海)特征码") | 419 | getDdicByMC("宗地(宗海)特征码") |
| 414 | .then((res) => { | 420 | .then((res) => { |
| 415 | console.log(res.result); | 421 | console.log(res.result); |
| 416 | this.zdtzmList = res.result; | 422 | this.zdtzmList = res.result; |
| 417 | }) | 423 | }) |
| 418 | .catch((error) => {}); | 424 | .catch((error) => { |
| 425 | }); | ||
| 419 | getDdicByMC("权利设定方式") | 426 | getDdicByMC("权利设定方式") |
| 420 | .then((res) => { | 427 | .then((res) => { |
| 421 | console.log(res.result); | 428 | console.log(res.result); |
| 422 | this.qlsdfsList = res.result; | 429 | this.qlsdfsList = res.result; |
| 423 | }) | 430 | }) |
| 424 | .catch((error) => {}); | 431 | .catch((error) => { |
| 432 | }); | ||
| 425 | getDdicByMC("国民经济行业分类代码") | 433 | getDdicByMC("国民经济行业分类代码") |
| 426 | .then((res) => { | 434 | .then((res) => { |
| 427 | console.log(res.result); | 435 | console.log(res.result); |
| 428 | this.gmjjhyflList = res.result; | 436 | this.gmjjhyflList = res.result; |
| 429 | }) | 437 | }) |
| 430 | .catch((error) => {}); | 438 | .catch((error) => { |
| 439 | }); | ||
| 431 | }, | 440 | }, |
| 432 | //行政区划选择 | 441 | //行政区划选择 |
| 433 | changeXzq(id) { | 442 | changeXzq(id) { |
| ... | @@ -438,7 +447,8 @@ export default { | ... | @@ -438,7 +447,8 @@ export default { |
| 438 | this.djqList = res.result; | 447 | this.djqList = res.result; |
| 439 | this.$store.state.djqList = res.result; | 448 | this.$store.state.djqList = res.result; |
| 440 | }) | 449 | }) |
| 441 | .catch((error) => {}); | 450 | .catch((error) => { |
| 451 | }); | ||
| 442 | }, | 452 | }, |
| 443 | changeDjq(item) { | 453 | changeDjq(item) { |
| 444 | getListByPbsm(item) | 454 | getListByPbsm(item) |
| ... | @@ -447,15 +457,32 @@ export default { | ... | @@ -447,15 +457,32 @@ export default { |
| 447 | this.djzqList = res.result; | 457 | this.djzqList = res.result; |
| 448 | this.$store.state.djzqList = res.result; | 458 | this.$store.state.djzqList = res.result; |
| 449 | }) | 459 | }) |
| 450 | .catch((error) => {}); | 460 | .catch((error) => { |
| 461 | }); | ||
| 462 | }, | ||
| 463 | }, | ||
| 464 | computed: { | ||
| 465 | zl() { | ||
| 466 | return this.formData.zl | ||
| 467 | }, | ||
| 468 | zdmj() { | ||
| 469 | return this.formData.zdmj | ||
| 470 | } | ||
| 471 | }, | ||
| 472 | watch: { | ||
| 473 | zl: function (val) { | ||
| 474 | alert("宗地坐落") | ||
| 475 | alert(val) | ||
| 476 | this.$store.state.zdzl = val | ||
| 451 | }, | 477 | }, |
| 478 | zdmj: function (val) { | ||
| 479 | this.$store.state.zdmj = val | ||
| 480 | } | ||
| 452 | }, | 481 | }, |
| 453 | computed: {}, | 482 | }; |
| 454 | watch: {}, | ||
| 455 | }; | ||
| 456 | </script> | 483 | </script> |
| 457 | <style lang="less" scoped> | 484 | <style lang="less" scoped> |
| 458 | .main { | 485 | .main { |
| 459 | box-sizing: border-box; | 486 | box-sizing: border-box; |
| 460 | padding: 18px; | 487 | padding: 18px; |
| 461 | height: auto; | 488 | height: auto; |
| ... | @@ -478,7 +505,7 @@ export default { | ... | @@ -478,7 +505,7 @@ export default { |
| 478 | text-align: center; | 505 | text-align: center; |
| 479 | height: 36px; | 506 | height: 36px; |
| 480 | } | 507 | } |
| 481 | /deep/.el-input__inner { | 508 | /deep/ .el-input__inner { |
| 482 | margin: 0; | 509 | margin: 0; |
| 483 | height: 36px; | 510 | height: 36px; |
| 484 | outline: none; | 511 | outline: none; |
| ... | @@ -516,5 +543,5 @@ export default { | ... | @@ -516,5 +543,5 @@ export default { |
| 516 | width: 100%; | 543 | width: 100%; |
| 517 | } | 544 | } |
| 518 | } | 545 | } |
| 519 | } | 546 | } |
| 520 | </style> | 547 | </style> | ... | ... |
-
Please register or sign in to post a comment