Merge branch 'dev'
Showing
8 changed files
with
348 additions
and
16 deletions
| ... | @@ -120,6 +120,18 @@ export function getFdcq2List (data) { | ... | @@ -120,6 +120,18 @@ export function getFdcq2List (data) { |
| 120 | data | 120 | data |
| 121 | }) | 121 | }) |
| 122 | } | 122 | } |
| 123 | /** | ||
| 124 | * @description: 获取房屋多幢信息集合 | ||
| 125 | * @param {*} data | ||
| 126 | * @author: renchao | ||
| 127 | */ | ||
| 128 | export function getFdcq1List (data) { | ||
| 129 | return request({ | ||
| 130 | url: SERVER.SERVERAPI + '/rest/djbDetail/getFdcq1List', | ||
| 131 | method: 'post', | ||
| 132 | data | ||
| 133 | }) | ||
| 134 | } | ||
| 123 | 135 | ||
| 124 | /** | 136 | /** |
| 125 | * @description: 获取抵押权 | 137 | * @description: 获取抵押权 | ... | ... |
| ... | @@ -22,6 +22,9 @@ export function getForm(tabName) { | ... | @@ -22,6 +22,9 @@ export function getForm(tabName) { |
| 22 | case "nydsyq": | 22 | case "nydsyq": |
| 23 | form = require("@/views/registerBook/nydsyq.vue"); | 23 | form = require("@/views/registerBook/nydsyq.vue"); |
| 24 | break; | 24 | break; |
| 25 | case "fdcq1": | ||
| 26 | form = require("@/views/registerBook/fdcq1.vue"); | ||
| 27 | break; | ||
| 25 | case "fdcq2": | 28 | case "fdcq2": |
| 26 | form = require("@/views/registerBook/fdcq2.vue"); | 29 | form = require("@/views/registerBook/fdcq2.vue"); |
| 27 | break; | 30 | break; | ... | ... |
| ... | @@ -59,11 +59,11 @@ | ... | @@ -59,11 +59,11 @@ |
| 59 | <script> | 59 | <script> |
| 60 | import { datas } from "./qlxxFormData.js"; | 60 | import { datas } from "./qlxxFormData.js"; |
| 61 | import { getSjlx } from "@/utils/dictionary.js"; | 61 | import { getSjlx } from "@/utils/dictionary.js"; |
| 62 | import { getJsydsyqList } from "@/api/djbDetail.js"; | 62 | import { getFdcq1List } from "@/api/djbDetail.js"; |
| 63 | export default { | 63 | export default { |
| 64 | data () { | 64 | data () { |
| 65 | return { | 65 | return { |
| 66 | title: "建设用地使用权、宅基地使用权登记信息", | 66 | title: "房地产权登记信息(多幢)", |
| 67 | qsztList: datas.columns().qsztList, | 67 | qsztList: datas.columns().qsztList, |
| 68 | checkList: datas.columns().checkList, | 68 | checkList: datas.columns().checkList, |
| 69 | //传递参数 | 69 | //传递参数 |
| ... | @@ -73,7 +73,7 @@ | ... | @@ -73,7 +73,7 @@ |
| 73 | //空列值个数 | 73 | //空列值个数 |
| 74 | emptycolNum: datas.columns().emptycolNum, | 74 | emptycolNum: datas.columns().emptycolNum, |
| 75 | //列名称对象 | 75 | //列名称对象 |
| 76 | columns: datas.columns().JSYDSYQ, | 76 | columns: datas.columns().FDCQ1, |
| 77 | }; | 77 | }; |
| 78 | }, | 78 | }, |
| 79 | created () { | 79 | created () { |
| ... | @@ -91,7 +91,7 @@ | ... | @@ -91,7 +91,7 @@ |
| 91 | label: "操作" | 91 | label: "操作" |
| 92 | }) | 92 | }) |
| 93 | } | 93 | } |
| 94 | getJsydsyqList({ | 94 | getFdcq1List({ |
| 95 | bdcdyid: this.propsParam.bdcdyid, | 95 | bdcdyid: this.propsParam.bdcdyid, |
| 96 | qllx: this.propsParam.qllx, | 96 | qllx: this.propsParam.qllx, |
| 97 | qszt: this.checkList, | 97 | qszt: this.checkList, | ... | ... |
| ... | @@ -134,6 +134,156 @@ class data extends filter { | ... | @@ -134,6 +134,156 @@ class data extends filter { |
| 134 | label: "附记", | 134 | label: "附记", |
| 135 | }, | 135 | }, |
| 136 | ], | 136 | ], |
| 137 | FDCQ1: [ | ||
| 138 | { | ||
| 139 | prop: "qszt", | ||
| 140 | label: "权属状态", | ||
| 141 | }, | ||
| 142 | { | ||
| 143 | prop: "sjlx", | ||
| 144 | label: "数据类型", | ||
| 145 | }, | ||
| 146 | { | ||
| 147 | prop: "qllxmc", | ||
| 148 | label: "权利类型", | ||
| 149 | }, | ||
| 150 | { | ||
| 151 | prop: "djlxmc", | ||
| 152 | label: "登记类型", | ||
| 153 | }, | ||
| 154 | { | ||
| 155 | prop: "ssywh", | ||
| 156 | label: "上手业务号", | ||
| 157 | }, | ||
| 158 | { | ||
| 159 | prop: "dah", | ||
| 160 | label: "档案号", | ||
| 161 | }, | ||
| 162 | { | ||
| 163 | prop: "ywh", | ||
| 164 | label: "业务号", | ||
| 165 | }, | ||
| 166 | { | ||
| 167 | prop: "bdcdyh", | ||
| 168 | label: "不动产单元号", | ||
| 169 | }, | ||
| 170 | { | ||
| 171 | prop: "zl", | ||
| 172 | label: "坐落", | ||
| 173 | }, | ||
| 174 | { | ||
| 175 | prop: "gyqk", | ||
| 176 | label: "共有情况", | ||
| 177 | }, | ||
| 178 | { | ||
| 179 | prop: "qlrlx", | ||
| 180 | label: "权利人类型", | ||
| 181 | }, | ||
| 182 | { | ||
| 183 | prop: "qlrmc", | ||
| 184 | label: "权利人", | ||
| 185 | }, | ||
| 186 | { | ||
| 187 | prop: "qlrzjzl", | ||
| 188 | label: "证件种类", | ||
| 189 | }, | ||
| 190 | { | ||
| 191 | prop: "qlrzjhm", | ||
| 192 | label: "证件号", | ||
| 193 | }, | ||
| 194 | { | ||
| 195 | prop: "tdsyqr", | ||
| 196 | label: "土地使用权人", | ||
| 197 | }, | ||
| 198 | { | ||
| 199 | prop: "dytdmj", | ||
| 200 | label: "独用土地面积(m²)", | ||
| 201 | }, | ||
| 202 | { | ||
| 203 | prop: "fttdmj", | ||
| 204 | label: "分摊土地面积(m²)", | ||
| 205 | }, | ||
| 206 | { | ||
| 207 | prop: "yt", | ||
| 208 | label: "土地用途", | ||
| 209 | }, | ||
| 210 | { | ||
| 211 | prop: "tdsyqx", | ||
| 212 | label: "土地使用期限", | ||
| 213 | }, | ||
| 214 | { | ||
| 215 | prop: "tdsyqzsj", | ||
| 216 | label: "使用权起止时间", | ||
| 217 | }, | ||
| 218 | { | ||
| 219 | prop: "fdcjyjg", | ||
| 220 | label: "房地产交易价格(万元)", | ||
| 221 | }, | ||
| 222 | { | ||
| 223 | prop: "zh", | ||
| 224 | label: "幢号", | ||
| 225 | }, | ||
| 226 | { | ||
| 227 | prop: "xmmc", | ||
| 228 | label: "项目名称", | ||
| 229 | }, | ||
| 230 | { | ||
| 231 | prop: "zcs", | ||
| 232 | label: "总层数", | ||
| 233 | }, | ||
| 234 | { | ||
| 235 | prop: "ghyt", | ||
| 236 | label: "规划用途", | ||
| 237 | }, | ||
| 238 | { | ||
| 239 | prop: "ytmc", | ||
| 240 | label: "用途名称", | ||
| 241 | }, | ||
| 242 | { | ||
| 243 | prop: "pzyt", | ||
| 244 | label: "批准用途", | ||
| 245 | }, | ||
| 246 | { | ||
| 247 | prop: "sjyt", | ||
| 248 | label: "实际用途", | ||
| 249 | },{ | ||
| 250 | prop: "fwjg", | ||
| 251 | label: "房屋结构", | ||
| 252 | },{ | ||
| 253 | prop: "fwjgmc", | ||
| 254 | label: "房屋结构名称", | ||
| 255 | },{ | ||
| 256 | prop: "jzmj", | ||
| 257 | label: "建筑面积", | ||
| 258 | }, | ||
| 259 | { | ||
| 260 | prop: "jgsj", | ||
| 261 | label: "竣工时间", | ||
| 262 | },{ | ||
| 263 | prop: "zts", | ||
| 264 | label: "总套数", | ||
| 265 | }, | ||
| 266 | { | ||
| 267 | prop: "djyy", | ||
| 268 | label: "登记原因", | ||
| 269 | }, | ||
| 270 | { | ||
| 271 | prop: "bdcqzh", | ||
| 272 | label: "不动产权证号", | ||
| 273 | }, | ||
| 274 | { | ||
| 275 | prop: "djsj", | ||
| 276 | label: "登记时间", | ||
| 277 | }, | ||
| 278 | { | ||
| 279 | prop: "dbr", | ||
| 280 | label: "登簿人", | ||
| 281 | }, | ||
| 282 | { | ||
| 283 | prop: "fj", | ||
| 284 | label: "附记", | ||
| 285 | }, | ||
| 286 | ], | ||
| 137 | FDCQ2: [ | 287 | FDCQ2: [ |
| 138 | { | 288 | { |
| 139 | prop: "qszt", | 289 | prop: "qszt", | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: 房屋多幢明细 | ||
| 3 | * @Autor: | ||
| 4 | * @LastEditTime: 2023年07月31日 13:32:21 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div> | ||
| 8 | <el-table | ||
| 9 | :data="tableDataList" | ||
| 10 | border | ||
| 11 | :pagination="false" | ||
| 12 | :key="key" | ||
| 13 | :header-cell-style="{ 'text-align': 'center' }" | ||
| 14 | :heightNumSetting="true" | ||
| 15 | :minHeight="150" | ||
| 16 | height="150" | ||
| 17 | style="width: 100%" | ||
| 18 | > | ||
| 19 | <el-table-column prop="index" width="50" :render-header="renderHeader"> | ||
| 20 | <template slot-scope="scope"> | ||
| 21 | <div style="text-align: center"> | ||
| 22 | {{ scope.$index + 1 }} | ||
| 23 | </div> | ||
| 24 | </template> | ||
| 25 | </el-table-column> | ||
| 26 | <el-table-column prop="bdcdyh" label="不动产单元号" min-width="100"> | ||
| 27 | <template slot-scope="scope"> | ||
| 28 | <div style="text-align: center"> | ||
| 29 | {{ scope.row.bdcdyh }} | ||
| 30 | </div> | ||
| 31 | </template> | ||
| 32 | </el-table-column> | ||
| 33 | <el-table-column prop="xmmc" label="项目名称" min-width="100"> | ||
| 34 | <template slot-scope="scope"> | ||
| 35 | <div style="text-align: center"> | ||
| 36 | {{ scope.row.xmmc }} | ||
| 37 | </div> | ||
| 38 | </template> | ||
| 39 | </el-table-column> | ||
| 40 | <el-table-column prop="jzmj" label="建筑面积" min-width="100"> | ||
| 41 | <template slot-scope="scope"> | ||
| 42 | <div style="text-align: center"> | ||
| 43 | {{ scope.row.jzmj }} | ||
| 44 | </div> | ||
| 45 | </template> | ||
| 46 | </el-table-column> | ||
| 47 | <el-table-column prop="ytmc" label="用途名称" min-width="100"> | ||
| 48 | <template slot-scope="scope"> | ||
| 49 | <div style="text-align: center"> | ||
| 50 | {{ scope.row.ytmc }} | ||
| 51 | </div> | ||
| 52 | </template> | ||
| 53 | </el-table-column> | ||
| 54 | <el-table-column prop="fwjgmc" label="房屋结构名称" min-width="100"> | ||
| 55 | <template slot-scope="scope"> | ||
| 56 | <div style="text-align: center"> | ||
| 57 | {{ scope.row.fwjgmc }} | ||
| 58 | </div> | ||
| 59 | </template> | ||
| 60 | </el-table-column> | ||
| 61 | </el-table> | ||
| 62 | </div> | ||
| 63 | </template> | ||
| 64 | <script> | ||
| 65 | import {mapGetters} from "vuex"; | ||
| 66 | |||
| 67 | export default { | ||
| 68 | computed: { | ||
| 69 | ...mapGetters(["dictData"]), | ||
| 70 | }, | ||
| 71 | props: { | ||
| 72 | tableData: { | ||
| 73 | type: Array, | ||
| 74 | default: function () { | ||
| 75 | return []; | ||
| 76 | }, | ||
| 77 | }, | ||
| 78 | ableOperation: { | ||
| 79 | type: Boolean, | ||
| 80 | default: false, | ||
| 81 | }, | ||
| 82 | }, | ||
| 83 | data() { | ||
| 84 | return { | ||
| 85 | // 键名转换,方法默认是label和children进行树状渲染 | ||
| 86 | key: 0, | ||
| 87 | tableDataList: [] | ||
| 88 | }; | ||
| 89 | }, | ||
| 90 | mounted() { | ||
| 91 | }, | ||
| 92 | watch: { | ||
| 93 | tableData: { | ||
| 94 | handler: function (val, oldVal) { | ||
| 95 | let that = this; | ||
| 96 | this.$nextTick(() => { | ||
| 97 | if (val.length == 0 || !val) { | ||
| 98 | that.tableDataList = _.cloneDeep([ | ||
| 99 | { | ||
| 100 | yt: null, | ||
| 101 | qssj: "", | ||
| 102 | jssj: "", | ||
| 103 | tdsyqx: "", | ||
| 104 | }, | ||
| 105 | ]); | ||
| 106 | } else { | ||
| 107 | that.tableDataList = _.cloneDeep(val); | ||
| 108 | } | ||
| 109 | }); | ||
| 110 | }, | ||
| 111 | immediate: true, | ||
| 112 | deep: true, | ||
| 113 | }, | ||
| 114 | }, | ||
| 115 | methods: { | ||
| 116 | /** | ||
| 117 | * @description: renderHeader | ||
| 118 | * @author: renchao | ||
| 119 | */ | ||
| 120 | renderHeader() { | ||
| 121 | return ( | ||
| 122 | <div> | ||
| 123 | {" "} | ||
| 124 | {!this.ableOperation ? ( | ||
| 125 | "序号" | ||
| 126 | ) : ( | ||
| 127 | <i | ||
| 128 | class="el-icon-plus pointer" | ||
| 129 | onClick={() => { | ||
| 130 | this.addClick(); | ||
| 131 | }} | ||
| 132 | ></i> | ||
| 133 | )} | ||
| 134 | </div> | ||
| 135 | ); | ||
| 136 | } | ||
| 137 | }, | ||
| 138 | }; | ||
| 139 | </script> | ||
| 140 | <style scoped lang="scss"> | ||
| 141 | .el-input { | ||
| 142 | border: none !important; | ||
| 143 | } | ||
| 144 | |||
| 145 | /deep/ .el-table__row { | ||
| 146 | border: none !important; | ||
| 147 | } | ||
| 148 | |||
| 149 | .el-date-editor.el-input { | ||
| 150 | width: 100%; | ||
| 151 | } | ||
| 152 | |||
| 153 | /deep/ .el-table th { | ||
| 154 | height: 30px !important; | ||
| 155 | } | ||
| 156 | </style> | ||
| 157 |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-28 15:46:24 | 4 | * @LastEditTime: 2023-08-03 14:13:59 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="szxx"> | 7 | <div class="szxx"> |
| ... | @@ -202,10 +202,9 @@ | ... | @@ -202,10 +202,9 @@ |
| 202 | width: 300px; | 202 | width: 300px; |
| 203 | margin-top: 10px; | 203 | margin-top: 10px; |
| 204 | margin-right: 10px; | 204 | margin-right: 10px; |
| 205 | 205 | // .szxx_body { | |
| 206 | .szxx_body { | 206 | // height: 240px; |
| 207 | height: 240px; | 207 | // } |
| 208 | } | ||
| 209 | } | 208 | } |
| 210 | } | 209 | } |
| 211 | 210 | ... | ... |
| ... | @@ -89,6 +89,9 @@ export function getForm(tabName, djywbm) { | ... | @@ -89,6 +89,9 @@ export function getForm(tabName, djywbm) { |
| 89 | case "nydsyqQlxx": | 89 | case "nydsyqQlxx": |
| 90 | form = require("@/views/registerBook/nydsyq.vue"); | 90 | form = require("@/views/registerBook/nydsyq.vue"); |
| 91 | break; | 91 | break; |
| 92 | case "fdcq1Qlxx": | ||
| 93 | form = require("@/views/registerBook/fdcq1.vue"); | ||
| 94 | break; | ||
| 92 | case "fdcq2Qlxx": | 95 | case "fdcq2Qlxx": |
| 93 | form = require("@/views/registerBook/fdcq2.vue"); | 96 | form = require("@/views/registerBook/fdcq2.vue"); |
| 94 | break; | 97 | break; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
| 3 | * @Autor: ssq | 3 | * @Autor: ssq |
| 4 | * @LastEditTime: 2023-08-02 08:52:42 | 4 | * @LastEditTime: 2023-08-02 08:40:35 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -134,9 +134,9 @@ | ... | @@ -134,9 +134,9 @@ |
| 134 | <div class="triangle"></div> | 134 | <div class="triangle"></div> |
| 135 | </div> | 135 | </div> |
| 136 | <el-row :gutter="10"> | 136 | <el-row :gutter="10"> |
| 137 | <el-col :span="12" v-if="ruleForm.qlxx"> | 137 | <el-col :span="14" v-if="ruleForm.qlxx"> |
| 138 | <el-form-item label="共有方式:"> | 138 | <el-form-item label="共有方式:"> |
| 139 | <el-radio-group :disabled="!ableOperation" | 139 | <el-radio-group :disabled="!ableOperation" @change="showCZInfo" |
| 140 | v-model="ruleForm.sldy.gyfs"> | 140 | v-model="ruleForm.sldy.gyfs"> |
| 141 | <el-radio label="0">单独所有</el-radio> | 141 | <el-radio label="0">单独所有</el-radio> |
| 142 | <el-radio label="1">共同共有</el-radio> | 142 | <el-radio label="1">共同共有</el-radio> |
| ... | @@ -145,16 +145,17 @@ | ... | @@ -145,16 +145,17 @@ |
| 145 | </el-radio-group> | 145 | </el-radio-group> |
| 146 | </el-form-item> | 146 | </el-form-item> |
| 147 | </el-col> | 147 | </el-col> |
| 148 | <!-- <el-col :span="5"> | 148 | <el-col :span="5"> |
| 149 | <el-form-item label="发证方式:"> | 149 | <el-form-item label="发证方式:"> |
| 150 | <el-radio-group v-model="ruleForm.slsq.fzfs" :disabled="!ableOperation"> | 150 | <el-radio-group v-model="ruleForm.slsq.fzfs" :disabled="!ableOperation"> |
| 151 | <el-radio label="1">小证</el-radio> | 151 | <el-radio label="1">小证</el-radio> |
| 152 | <el-radio label="2">大证</el-radio> | 152 | <el-radio label="2">大证</el-radio> |
| 153 | </el-radio-group> | 153 | </el-radio-group> |
| 154 | </el-form-item> | 154 | </el-form-item> |
| 155 | </el-col> --> | 155 | </el-col> |
| 156 | |||
| 156 | 157 | ||
| 157 | <el-col :span="6" v-show="ruleForm.sldy.gyfs == '2'"> | 158 | <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> |
| 158 | <el-form-item label="是否分别持证:"> | 159 | <el-form-item label="是否分别持证:"> |
| 159 | <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation"> | 160 | <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation"> |
| 160 | <el-radio label="1">是</el-radio> | 161 | <el-radio label="1">是</el-radio> |
| ... | @@ -162,7 +163,7 @@ | ... | @@ -162,7 +163,7 @@ |
| 162 | </el-radio-group> | 163 | </el-radio-group> |
| 163 | </el-form-item> | 164 | </el-form-item> |
| 164 | </el-col> | 165 | </el-col> |
| 165 | <el-col :span="6" v-show="ruleForm.sldy.gyfs == '2'"> | 166 | <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> |
| 166 | <el-form-item label="持证人:"> | 167 | <el-form-item label="持证人:"> |
| 167 | <el-select v-model="ruleForm.slsq.czr" placeholder="持证人" :disabled="!ableOperation"> | 168 | <el-select v-model="ruleForm.slsq.czr" placeholder="持证人" :disabled="!ableOperation"> |
| 168 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | 169 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> |
| ... | @@ -287,6 +288,13 @@ | ... | @@ -287,6 +288,13 @@ |
| 287 | upDateQlrxxList (val) { | 288 | upDateQlrxxList (val) { |
| 288 | this.ruleForm.qlrList = _.cloneDeep(val); | 289 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 289 | }, | 290 | }, |
| 291 | /** | ||
| 292 | * @description: showCZInfo | ||
| 293 | * @author: renchao | ||
| 294 | */ | ||
| 295 | showCZInfo () { | ||
| 296 | console.log(this.ruleForm.slsq.gyfs); | ||
| 297 | }, | ||
| 290 | // 更新权利人信息 | 298 | // 更新权利人信息 |
| 291 | /** | 299 | /** |
| 292 | * @description: 更新权利人信息 | 300 | * @description: 更新权利人信息 | ... | ... |
-
Please register or sign in to post a comment