变化情况对比
Showing
5 changed files
with
128 additions
and
21 deletions
| ... | @@ -205,3 +205,16 @@ export function getNydsyqList (data) { | ... | @@ -205,3 +205,16 @@ export function getNydsyqList (data) { |
| 205 | data | 205 | data |
| 206 | }) | 206 | }) |
| 207 | } | 207 | } |
| 208 | |||
| 209 | /** | ||
| 210 | * @description: 获取当前权力信息和上手权力信息 | ||
| 211 | * @param {*} data | ||
| 212 | * @author: renchao | ||
| 213 | */ | ||
| 214 | |||
| 215 | export function getDjbQlxxDiff (data) { | ||
| 216 | return request({ | ||
| 217 | url: SERVER.SERVERAPI + '/rest/djbDetail/getDjbQlxxDiff?bsmQlxx=' + data, | ||
| 218 | method: 'post', | ||
| 219 | }) | ||
| 220 | } | ... | ... |
| ... | @@ -16,13 +16,19 @@ | ... | @@ -16,13 +16,19 @@ |
| 16 | </div> | 16 | </div> |
| 17 | </div> | 17 | </div> |
| 18 | <div class="xxTableBox rollTable"> | 18 | <div class="xxTableBox rollTable"> |
| 19 | <!-- 固定前三个 --> | ||
| 19 | <table class="xxTable"> | 20 | <table class="xxTable"> |
| 20 | <tr v-for="(item, colindex) in columns" :key="colindex"> | 21 | <tr v-for="(item, colindex) in columns" :key="colindex"> |
| 21 | <td> | 22 | <td> |
| 22 | {{ item.label }} | 23 | {{ item.label }} |
| 23 | </td> | 24 | </td> |
| 24 | <td></td> | 25 | <td v-for="(row, index) in tableData" :key="index"> |
| 25 | <td v-for="count in emptycolNum" :key="~count"></td> | 26 | <div |
| 27 | class="setbut" | ||
| 28 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'" | ||
| 29 | ></div> | ||
| 30 | <span> {{ row[item.prop] }}</span> | ||
| 31 | </td> | ||
| 26 | </tr> | 32 | </tr> |
| 27 | </table> | 33 | </table> |
| 28 | </div> | 34 | </div> |
| ... | @@ -32,8 +38,8 @@ | ... | @@ -32,8 +38,8 @@ |
| 32 | 38 | ||
| 33 | <script> | 39 | <script> |
| 34 | import { datas } from "./qlxxFormData.js"; | 40 | import { datas } from "./qlxxFormData.js"; |
| 35 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | 41 | import { getSjlx } from "@/utils/dictionary.js"; |
| 36 | import { getDiyiqList } from "@/api/djbDetail.js"; | 42 | import { getDjbQlxxDiff } from "@/api/djbDetail.js"; |
| 37 | export default { | 43 | export default { |
| 38 | props: { | 44 | props: { |
| 39 | formData: { | 45 | formData: { |
| ... | @@ -50,19 +56,75 @@ export default { | ... | @@ -50,19 +56,75 @@ export default { |
| 50 | //空列值个数 | 56 | //空列值个数 |
| 51 | emptycolNum: 1, | 57 | emptycolNum: 1, |
| 52 | //列名称对象 | 58 | //列名称对象 |
| 53 | columns: datas.columns().DYIQ, | 59 | columns: [], |
| 54 | }; | 60 | }; |
| 55 | }, | 61 | }, |
| 56 | created() { | 62 | created() { |
| 57 | console.log("this.formData", this.formData); | 63 | console.log("this.formData", this.formData.bsmQlxx); |
| 64 | console.log("this.formData", this.formData.dqqllx); | ||
| 65 | switch (this.formData.dqqllx) { | ||
| 66 | case "JSYDSYQ": | ||
| 67 | this.columns = datas.columns().JSYDSYQ; | ||
| 68 | break; | ||
| 69 | case "FDCQ2": | ||
| 70 | this.columns = datas.columns().FDCQ2; | ||
| 71 | break; | ||
| 72 | case "NYDSYQ": | ||
| 73 | this.columns = datas.columns().NYDSYQ; | ||
| 74 | break; | ||
| 75 | case "DYAQ": | ||
| 76 | this.columns = datas.columns().DYAQ; | ||
| 77 | break; | ||
| 78 | case "DYIQ": | ||
| 79 | this.columns = datas.columns().DYIQ; | ||
| 80 | break; | ||
| 81 | case "YGDJ": | ||
| 82 | this.columns = datas.columns().YGDJ; | ||
| 83 | break; | ||
| 84 | case "CFDJ": | ||
| 85 | this.columns = datas.columns().CFDJ; | ||
| 86 | break; | ||
| 87 | case "YYDJ": | ||
| 88 | this.columns = datas.columns().YYDJ; | ||
| 89 | break; | ||
| 90 | } | ||
| 91 | this.getdata(); | ||
| 58 | }, | 92 | }, |
| 59 | methods: { | 93 | methods: { |
| 60 | /** | 94 | /** |
| 61 | * @description: checkChange | 95 | * @description: checkChange |
| 62 | * @author: renchao | 96 | * @author: renchao |
| 63 | */ | 97 | */ |
| 98 | getdata() { | ||
| 99 | getDjbQlxxDiff(this.formData.bsmQlxx).then((res) => { | ||
| 100 | if (res.code === 200) { | ||
| 101 | console.log("res", res); | ||
| 102 | this.tableData = res.result; | ||
| 103 | this.tableData.map((item) => { | ||
| 104 | item.sjlx = getSjlx(item.sjlx); | ||
| 105 | }); | ||
| 106 | console.log("this.tableData", this.tableData); | ||
| 107 | } | ||
| 108 | }); | ||
| 109 | } | ||
| 110 | /** | ||
| 111 | * @description: getQsztName | ||
| 112 | * @param {*} code | ||
| 113 | * @author: renchao | ||
| 114 | */, | ||
| 115 | getQsztName(code) { | ||
| 116 | let name = ""; | ||
| 117 | for (let item of this.qsztList) { | ||
| 118 | if (item.value == code) { | ||
| 119 | name = item.label; | ||
| 120 | break; | ||
| 121 | } | ||
| 122 | } | ||
| 123 | return name; | ||
| 124 | }, | ||
| 125 | |||
| 64 | checkChange() { | 126 | checkChange() { |
| 65 | console.log("ssss",this.radio); | 127 | console.log("ssss", this.radio); |
| 66 | }, | 128 | }, |
| 67 | }, | 129 | }, |
| 68 | }; | 130 | }; | ... | ... |
| ... | @@ -46,13 +46,13 @@ | ... | @@ -46,13 +46,13 @@ |
| 46 | </el-form-item> | 46 | </el-form-item> |
| 47 | </el-col> | 47 | </el-col> |
| 48 | </el-row> | 48 | </el-row> |
| 49 | <div class="slxx_title title-block"> | 49 | <div |
| 50 | class="slxx_title title-block flex" | ||
| 51 | style="justify-content: space-between" | ||
| 52 | > | ||
| 50 | 不动产单元情况 | 53 | 不动产单元情况 |
| 51 | <div class="triangle"></div> | 54 | <el-button @click="compare">变化情况对比+</el-button> |
| 52 | </div> | 55 | </div> |
| 53 | |||
| 54 | <el-button type="primary" style="float: right;margin-right: 20px; " @click="dataSelectClick">数据查看</el-button> | ||
| 55 | |||
| 56 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | 56 | <el-row :gutter="10" v-if="ruleForm.qlxx"> |
| 57 | <el-col :span="8"> | 57 | <el-col :span="8"> |
| 58 | <el-form-item label="不动产单元号:"> | 58 | <el-form-item label="不动产单元号:"> |
| ... | @@ -355,12 +355,27 @@ | ... | @@ -355,12 +355,27 @@ |
| 355 | } | 355 | } |
| 356 | }); | 356 | }); |
| 357 | }, | 357 | }, |
| 358 | /** | ||
| 359 | * @description: compare | ||
| 360 | * @author: renchao | ||
| 361 | */ | ||
| 362 | compare() { | ||
| 363 | this.$popupDialog( | ||
| 364 | "国有建设用地使用权", | ||
| 365 | "registerBook/comparison", | ||
| 366 | { bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 367 | dqqllx: 'FDCQ2', | ||
| 368 | }, | ||
| 369 | "80%", | ||
| 370 | true | ||
| 371 | ); | ||
| 372 | }, | ||
| 358 | }, | 373 | }, |
| 359 | }; | 374 | }; |
| 360 | </script> | 375 | </script> |
| 361 | <style scoped lang='scss'> | 376 | <style scoped lang='scss'> |
| 362 | @import "~@/styles/public.scss"; | 377 | @import "~@/styles/public.scss"; |
| 363 | 378 | @import "~@/styles/slxx/slxx.scss"; | |
| 364 | /deep/.el-form { | 379 | /deep/.el-form { |
| 365 | display: flex; | 380 | display: flex; |
| 366 | flex-direction: column; | 381 | flex-direction: column; | ... | ... |
| ... | @@ -328,10 +328,12 @@ export default { | ... | @@ -328,10 +328,12 @@ export default { |
| 328 | * @author: renchao | 328 | * @author: renchao |
| 329 | */ | 329 | */ |
| 330 | compare() { | 330 | compare() { |
| 331 | this.$popupDialog( | 331 | this.$popupDialog( |
| 332 | "国有建设用地使用权", | 332 | "国有建设用地使用权", |
| 333 | "registerBook/comparison", | 333 | "registerBook/comparison", |
| 334 | { propsParam: this.propsParam }, | 334 | { bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 335 | dqqllx: 'JSYDSYQ', | ||
| 336 | }, | ||
| 335 | "80%", | 337 | "80%", |
| 336 | true | 338 | true |
| 337 | ); | 339 | ); | ... | ... |
| ... | @@ -42,13 +42,13 @@ | ... | @@ -42,13 +42,13 @@ |
| 42 | </el-form-item> | 42 | </el-form-item> |
| 43 | </el-col> | 43 | </el-col> |
| 44 | </el-row> | 44 | </el-row> |
| 45 | <div class="slxx_title title-block"> | 45 | <div |
| 46 | 不动产情况 | 46 | class="slxx_title title-block flex" |
| 47 | <div class="triangle"></div> | 47 | style="justify-content: space-between" |
| 48 | > | ||
| 49 | 不动产单元情况 | ||
| 50 | <el-button @click="compare">变化情况对比+</el-button> | ||
| 48 | </div> | 51 | </div> |
| 49 | |||
| 50 | <!-- <el-button type="primary" style="float: right;margin-right: 20px; " @click="onClick">数据查看</el-button>--> | ||
| 51 | |||
| 52 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | 52 | <el-row :gutter="10" v-if="ruleForm.qlxx"> |
| 53 | <el-col :span="8"> | 53 | <el-col :span="8"> |
| 54 | <el-form-item label="不动产单元号:"> | 54 | <el-form-item label="不动产单元号:"> |
| ... | @@ -245,6 +245,21 @@ | ... | @@ -245,6 +245,21 @@ |
| 245 | } | 245 | } |
| 246 | }); | 246 | }); |
| 247 | }, | 247 | }, |
| 248 | /** | ||
| 249 | * @description: compare | ||
| 250 | * @author: renchao | ||
| 251 | */ | ||
| 252 | compare() { | ||
| 253 | this.$popupDialog( | ||
| 254 | "国有建设用地使用权", | ||
| 255 | "registerBook/comparison", | ||
| 256 | { bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 257 | dqqllx: 'YGDJ', | ||
| 258 | }, | ||
| 259 | "80%", | ||
| 260 | true | ||
| 261 | ); | ||
| 262 | }, | ||
| 248 | }, | 263 | }, |
| 249 | }; | 264 | }; |
| 250 | </script> | 265 | </script> | ... | ... |
-
Please register or sign in to post a comment