Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
9 changed files
with
474 additions
and
127 deletions
| ... | @@ -64,3 +64,12 @@ export function saveGZBatchData(data) { | ... | @@ -64,3 +64,12 @@ export function saveGZBatchData(data) { |
| 64 | data | 64 | data |
| 65 | }) | 65 | }) |
| 66 | } | 66 | } |
| 67 | // 更正/变更登记提交 | ||
| 68 | export function saveBHZData(data) { | ||
| 69 | return request({ | ||
| 70 | url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveBHZData", | ||
| 71 | method: 'post', | ||
| 72 | data | ||
| 73 | }) | ||
| 74 | } | ||
| 75 | ... | ... |
src/views/error-page/404.png
0 → 100644
577 KB
| 1 | <template> | 1 | <template> |
| 2 | <div class="wscn-http404-container"> | 2 | <div> |
| 3 | 404 | 3 | <img src="./404.png" alt=""> |
| 4 | </div> | 4 | </div> |
| 5 | </template> | 5 | </template> |
| 6 | 6 | ||
| ... | @@ -34,14 +34,14 @@ export default { | ... | @@ -34,14 +34,14 @@ export default { |
| 34 | 34 | ||
| 35 | .wscn-http404 { | 35 | .wscn-http404 { |
| 36 | position: relative; | 36 | position: relative; |
| 37 | width: 1200px; | 37 | width: 100%; |
| 38 | padding: 0 50px; | 38 | padding: 0 50px; |
| 39 | overflow: hidden; | 39 | overflow: hidden; |
| 40 | 40 | ||
| 41 | .pic-404 { | 41 | .pic-404 { |
| 42 | position: relative; | 42 | position: relative; |
| 43 | float: left; | 43 | float: left; |
| 44 | width: 600px; | 44 | width: 100%; |
| 45 | overflow: hidden; | 45 | overflow: hidden; |
| 46 | 46 | ||
| 47 | &__parent { | 47 | &__parent { | ... | ... |
| ... | @@ -20,8 +20,11 @@ export function getForm(tabName, djywbm) { | ... | @@ -20,8 +20,11 @@ export function getForm(tabName, djywbm) { |
| 20 | case "fwsyqslxx300": | 20 | case "fwsyqslxx300": |
| 21 | form = require("@/views/ywbl/fdcq2/slxx300.vue"); | 21 | form = require("@/views/ywbl/fdcq2/slxx300.vue"); |
| 22 | break; | 22 | break; |
| 23 | case "fwsyqslxx400": | 23 | case "fwsyqslxx400": |
| 24 | form = require("@/views/ywbl/fdcq2/slxx400.vue"); | 24 | form = require("@/views/ywbl/fdcq2/slxx400.vue"); |
| 25 | break; | ||
| 26 | case "fwsyqslxx900": | ||
| 27 | form = require("@/views/ywbl/fdcq2/slxx900.vue"); | ||
| 25 | break; | 28 | break; |
| 26 | case "tdslxxCfdj": | 29 | case "tdslxxCfdj": |
| 27 | form = require("@/views/ywbl/cfdj/tdslxx.vue"); | 30 | form = require("@/views/ywbl/cfdj/tdslxx.vue"); |
| ... | @@ -53,6 +56,9 @@ export function getForm(tabName, djywbm) { | ... | @@ -53,6 +56,9 @@ export function getForm(tabName, djywbm) { |
| 53 | case "fzxx": | 56 | case "fzxx": |
| 54 | form = require("@/views/workflow/components/fzxx.vue"); | 57 | form = require("@/views/workflow/components/fzxx.vue"); |
| 55 | break; | 58 | break; |
| 59 | default: | ||
| 60 | form = require("@/views/error-page/404.vue"); | ||
| 61 | break; | ||
| 56 | } | 62 | } |
| 57 | return (r) => require.ensure([], () => r(form)); | 63 | return (r) => require.ensure([], () => r(form)); |
| 58 | } | 64 | } | ... | ... |
| ... | @@ -258,7 +258,7 @@ export default { | ... | @@ -258,7 +258,7 @@ export default { |
| 258 | this.$popup({ | 258 | this.$popup({ |
| 259 | titleStyle: "left", | 259 | titleStyle: "left", |
| 260 | title: "登记簿详情", // 弹窗标题 | 260 | title: "登记簿详情", // 弹窗标题 |
| 261 | editItem: "ywbl/fdcq2/slxx900", // 弹窗内容 | 261 | editItem: "ywbl/fdcq2/slxxCompareDetai", // 弹窗内容 |
| 262 | formData: { | 262 | formData: { |
| 263 | bsmSlsq: this.propsParam.bsmSldy, | 263 | bsmSlsq: this.propsParam.bsmSldy, |
| 264 | qllx: this.propsParam.qllx | 264 | qllx: this.propsParam.qllx | ... | ... |
| ... | @@ -261,7 +261,7 @@ export default { | ... | @@ -261,7 +261,7 @@ export default { |
| 261 | this.$popup({ | 261 | this.$popup({ |
| 262 | titleStyle: "left", | 262 | titleStyle: "left", |
| 263 | title: "登记簿详情", // 弹窗标题 | 263 | title: "登记簿详情", // 弹窗标题 |
| 264 | editItem: "ywbl/fdcq2/slxx900", // 弹窗内容 | 264 | editItem: "ywbl/fdcq2/slxxCompareDetai;", // 弹窗内容 |
| 265 | formData: { | 265 | formData: { |
| 266 | bsmSlsq: this.propsParam.bsmSldy, | 266 | bsmSlsq: this.propsParam.bsmSldy, |
| 267 | qllx: this.propsParam.qllx | 267 | qllx: this.propsParam.qllx | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }" | 2 | <!-- 受理信息 --> |
| 3 | style="overflow-y:scroll;"> | 3 | <div class="slxx"> |
| 4 | <div class="tableBox" > | 4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" |
| 5 | <div class="title"> | 5 | label-width="120px"> |
| 6 | <span v-if="this.propsParam.formData.qllx=='A04' || this.propsParam.formData.qllx=='A06' || this.propsParam.formData.qllx=='A08'">{{ title }}</span> | 6 | <div class="slxx_con"> |
| 7 | <span v-if="this.propsParam.formData.qllx=='A03' || this.propsParam.formData.qllx=='A05' || this.propsParam.formData.qllx=='A07'">{{ ydTitile }}</span> | 7 | <div class="slxx_title title-block"> |
| 8 | </div> | 8 | 受理信息 |
| 9 | <div class="xxTableBox"> | 9 | <div class="triangle"></div> |
| 10 | <table class="xxTable"> | 10 | </div> |
| 11 | <tr> | 11 | <el-row :gutter="10" v-if="ruleForm.slywxx"> |
| 12 | <td></td> | 12 | <el-col :span="8"> |
| 13 | <td>变更前</td> | 13 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:"> |
| 14 | <td>变更后</td> | 14 | <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input> |
| 15 | </tr> | 15 | </el-form-item> |
| 16 | <tr v-if="this.propsParam.formData.qllx=='A04' || this.propsParam.formData.qllx=='A06' || this.propsParam.formData.qllx=='A08'" v-for="(item, colindex) in columns" :key="colindex"> | 16 | </el-col> |
| 17 | <td> | 17 | <el-col :span="8"> |
| 18 | {{ item.label }} | 18 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员:"> |
| 19 | </td> | 19 | <el-input disabled v-model="ruleForm.slywxx.slry"></el-input> |
| 20 | <td | 20 | </el-form-item> |
| 21 | v-for="(row, index) in tableData" | 21 | </el-col> |
| 22 | :key="index" | 22 | <el-col :span="8"> |
| 23 | :class="[ | 23 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间:"> |
| 24 | row.qszt == '2' ? 'lishi' : '', | 24 | <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input> |
| 25 | row.qszt == '0' ? 'linshi' : '', | 25 | </el-form-item> |
| 26 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 26 | </el-col> |
| 27 | ]" | 27 | </el-row> |
| 28 | > | 28 | <el-row :gutter="10" v-if="ruleForm.slywxx"> |
| 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 29 | <el-col :span="8"> |
| 30 | 正在办理 | 30 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:"> |
| 31 | </div> | 31 | <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input> |
| 32 | <span v-if="item.prop == 'qszt'"> | 32 | </el-form-item> |
| 33 | {{ getQsztName(row[item.prop]) }} | 33 | </el-col> |
| 34 | </span> | 34 | <el-col :span="8"> |
| 35 | 35 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型:"> | |
| 36 | <span v-else> {{ row[item.prop] }}</span> | 36 | <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input> |
| 37 | </td> | 37 | </el-form-item> |
| 38 | </tr> | 38 | </el-col> |
| 39 | <tr v-if="this.propsParam.formData.qllx=='A03' || this.propsParam.formData.qllx=='A05' || this.propsParam.formData.qllx=='A07'" v-for="(item, colindex) in tdColumns" :key="colindex"> | 39 | <el-col :span="8"> |
| 40 | <td> | 40 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形:"> |
| 41 | {{ item.label }} | 41 | <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> |
| 42 | </td> | 42 | </el-form-item> |
| 43 | <td | 43 | </el-col> |
| 44 | v-for="(row, index) in tableData" | 44 | </el-row> |
| 45 | :key="index" | 45 | <div class="slxx_title title-block"> |
| 46 | :class="[ | 46 | 不动产单元情况 |
| 47 | row.qszt == '2' ? 'lishi' : '', | 47 | <div class="triangle"></div> |
| 48 | row.qszt == '0' ? 'linshi' : '', | 48 | </div> |
| 49 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 49 | <el-row :gutter="10" v-if="ruleForm.qlxx"> |
| 50 | ]" | 50 | <el-col :span="8"> |
| 51 | > | 51 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:"> |
| 52 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 52 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> |
| 53 | 正在办理 | 53 | </el-form-item> |
| 54 | </div> | 54 | </el-col> |
| 55 | <span v-if="item.prop == 'qszt'"> | 55 | <el-col :span="16"> |
| 56 | {{ getQsztName(row[item.prop]) }} | 56 | <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:"> |
| 57 | </span> | 57 | <el-input disabled v-model="ruleForm.qlxx.zl"></el-input> |
| 58 | </el-form-item> | ||
| 59 | </el-col> | ||
| 60 | </el-row> | ||
| 61 | <el-row :gutter="10" v-if="ruleForm.fdcq2"> | ||
| 62 | <el-col :span="8"> | ||
| 63 | <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途:"> | ||
| 64 | <el-input disabled v-model="ruleForm.fdcq2.yt"></el-input> | ||
| 65 | </el-form-item> | ||
| 66 | </el-col> | ||
| 67 | <el-col :span="8"> | ||
| 68 | <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用起止时间:"> | ||
| 69 | <el-input disabled v-model="ruleForm.fdcq2.tdsyqzsj"></el-input> | ||
| 70 | </el-form-item> | ||
| 71 | </el-col> | ||
| 72 | <el-col :span="8"> | ||
| 73 | <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用期限:"> | ||
| 74 | <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input> | ||
| 75 | </el-form-item> | ||
| 76 | </el-col> | ||
| 77 | </el-row> | ||
| 78 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | ||
| 79 | <el-col :span="8"> | ||
| 80 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途:"> | ||
| 81 | <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input> | ||
| 82 | </el-form-item> | ||
| 83 | </el-col> | ||
| 84 | <el-col :span="8"> | ||
| 85 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质:"> | ||
| 86 | <el-input disabled v-model="ruleForm.fdcq2.fwxzmc"></el-input> | ||
| 87 | </el-form-item> | ||
| 88 | </el-col> | ||
| 89 | <el-col :span="8"> | ||
| 90 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构:"> | ||
| 91 | <el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input> | ||
| 92 | </el-form-item> | ||
| 93 | </el-col> | ||
| 94 | </el-row> | ||
| 95 | <el-row :gutter="10" v-if="ruleForm.fdcq2"> | ||
| 96 | <el-col :span="8"> | ||
| 97 | <el-form-item :class="flag ? 'marginBot0' : ''" label="所在层:"> | ||
| 98 | <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input> | ||
| 99 | </el-form-item> | ||
| 100 | </el-col> | ||
| 101 | <el-col :span="8"> | ||
| 102 | <el-form-item :class="flag ? 'marginBot0' : ''" label="总层数:"> | ||
| 103 | <el-input disabled v-model="ruleForm.fdcq2.zcs"></el-input> | ||
| 104 | </el-form-item> | ||
| 105 | </el-col> | ||
| 106 | <el-col :span="8"> | ||
| 107 | <el-form-item :class="flag ? 'marginBot0' : ''" label="竣工时间:"> | ||
| 108 | <el-input disabled v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
| 109 | </el-form-item> | ||
| 110 | </el-col> | ||
| 111 | </el-row> | ||
| 112 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | ||
| 113 | <el-col :span="8"> | ||
| 114 | <el-form-item :class="flag ? 'marginBot0' : ''" label="建筑面积:"> | ||
| 115 | <el-input disabled v-model="ruleForm.qlxx.mj"></el-input> | ||
| 116 | </el-form-item> | ||
| 117 | </el-col> | ||
| 118 | <el-col :span="8"> | ||
| 119 | <el-form-item :class="flag ? 'marginBot0' : ''" label="专有建筑面积:"> | ||
| 120 | <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
| 121 | </el-form-item> | ||
| 122 | </el-col> | ||
| 123 | <el-col :span="8"> | ||
| 124 | <el-form-item :class="flag ? 'marginBot0' : ''" label="分摊建筑面积:"> | ||
| 125 | <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
| 126 | </el-form-item> | ||
| 127 | </el-col> | ||
| 128 | </el-row> | ||
| 129 | <div class="slxx_title title-block"> | ||
| 130 | 权利人信息 | ||
| 131 | <div class="triangle"></div> | ||
| 132 | </div> | ||
| 133 | <el-row :gutter="10"> | ||
| 134 | <el-col :span="14" v-if="ruleForm.qlxx"> | ||
| 135 | <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式:"> | ||
| 136 | <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.slywxx.gyfs"> | ||
| 137 | <el-radio label="1">单独所有</el-radio> | ||
| 138 | <el-radio label="2">共同共有</el-radio> | ||
| 139 | <el-radio label="3">按份所有</el-radio> | ||
| 140 | </el-radio-group> | ||
| 141 | </el-form-item> | ||
| 142 | </el-col> | ||
| 143 | <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'"> | ||
| 144 | <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证:"> | ||
| 145 | <el-radio-group v-model="ruleForm.sffbcz"> | ||
| 146 | <el-radio label="1">是</el-radio> | ||
| 147 | <el-radio label="0">否</el-radio> | ||
| 148 | </el-radio-group> | ||
| 149 | </el-form-item> | ||
| 150 | </el-col> | ||
| 151 | <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'"> | ||
| 152 | <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人:"> | ||
| 153 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
| 154 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | ||
| 155 | </el-option> | ||
| 156 | </el-select> | ||
| 157 | </el-form-item> | ||
| 158 | </el-col> | ||
| 159 | </el-row> | ||
| 160 | <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" | ||
| 161 | :gyfs="ruleForm.qlxx.gyfs" /> | ||
| 58 | 162 | ||
| 59 | <span v-else> {{ row[item.prop] }}</span> | 163 | <div class="slxx_title title-block"> |
| 60 | </td> | 164 | 登记原因 |
| 61 | </tr> | 165 | <div class="triangle"></div> |
| 62 | </table> | 166 | </div> |
| 167 | <el-row :gutter="10"> | ||
| 168 | <el-col> | ||
| 169 | <el-form-item v-if="ruleForm.fdcq2" :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="djyy"> | ||
| 170 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" | ||
| 171 | v-model="ruleForm.fdcq2.djyy"> | ||
| 172 | </el-input> | ||
| 173 | </el-form-item> | ||
| 174 | </el-col> | ||
| 175 | </el-row> | ||
| 63 | </div> | 176 | </div> |
| 64 | </div> | 177 | <el-row class="btn" v-if="!$route.query.viewtype"> |
| 178 | <el-form-item :class="flag ? 'marginBot0' : ''"> | ||
| 179 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
| 180 | </el-form-item> | ||
| 181 | </el-row> | ||
| 182 | </el-form> | ||
| 65 | </div> | 183 | </div> |
| 66 | </template> | 184 | </template> |
| 67 | |||
| 68 | <script> | 185 | <script> |
| 69 | import {getFdcqLSInfo} from "@/api/registerBook.js"; | 186 | import InformationTable from "@/views/workflow/components/InformationTable"; |
| 70 | import { datas } from "@/views/registerBook/qlxxFormData.js"; | 187 | import {Init, saveBHZData} from "@/api/fwsyqFlow.js"; |
| 188 | import { mapGetters } from "vuex"; | ||
| 71 | export default { | 189 | export default { |
| 72 | data() { | 190 | async created () { |
| 191 | //this.propsParam = this.$attrs; | ||
| 192 | var formdata = new FormData(); | ||
| 193 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
| 194 | formdata.append("djlx", this.propsParam.djlx); | ||
| 195 | Init(formdata).then(res => { | ||
| 196 | if (res.code === 200 && res.result) { | ||
| 197 | // this.ruleForm = { | ||
| 198 | // ...res.result.slywxx, | ||
| 199 | // ...res.result.zdjbxx, | ||
| 200 | // ...res.result.qlxx, | ||
| 201 | // ...res.result.fdcq2, | ||
| 202 | // }; | ||
| 203 | this.ruleForm = res.result; | ||
| 204 | } | ||
| 205 | }) | ||
| 206 | }, | ||
| 207 | components: { InformationTable }, | ||
| 208 | computed: { | ||
| 209 | ...mapGetters(["dictData", "flag"]), | ||
| 210 | }, | ||
| 211 | data () { | ||
| 73 | return { | 212 | return { |
| 74 | title: "房地产权登记信息(独幢、层、套、间房屋)", | 213 | disabled: true, |
| 75 | ydTitile: "土地使用权登记信息", | 214 | tdytOption: [], |
| 76 | qsztList: datas.columns().qsztList, | 215 | czrOptions: [], |
| 77 | checkList: datas.columns().checkList, | 216 | ruleForm: {}, |
| 78 | //传递参数 | 217 | //传递参数 |
| 79 | propsParam: this.$attrs, | 218 | propsParam: this.$attrs, |
| 80 | //列表数据 | 219 | rules: {}, |
| 81 | tableData: [], | ||
| 82 | //空列值个数 | ||
| 83 | emptycolNum: 1, | ||
| 84 | //列名称对象 | ||
| 85 | columns: datas.columns().FDCQ2, | ||
| 86 | tdColumns: datas.columns().JSYDSYQ | ||
| 87 | |||
| 88 | }; | ||
| 89 | }, | ||
| 90 | created() { | ||
| 91 | this.loadData(); | ||
| 92 | }, | ||
| 93 | mounted() { | ||
| 94 | this.timeLineHeight = document.documentElement.clientHeight - 210; | ||
| 95 | window.onresize = () => { | ||
| 96 | this.timeLineHeight = document.documentElement.clientHeight - 210; | ||
| 97 | }; | 220 | }; |
| 98 | }, | 221 | }, |
| 99 | methods: { | 222 | methods: { |
| 100 | loadData() { | 223 | // 更新权利人信息 |
| 101 | getFdcqLSInfo(this.propsParam.formData).then((res) => { | 224 | upDateQlrxxList (val) { |
| 102 | if (res.code === 200) { | 225 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 103 | this.tableData = res.result; | 226 | }, |
| 104 | if (this.tableData.length < datas.columns().emptycolNum) { | 227 | // 更新权利人信息 |
| 105 | this.emptycolNum = | 228 | upDateYwrxxList (val) { |
| 106 | datas.columns().emptycolNum - this.tableData.length; | 229 | this.ruleForm.ywrList = _.cloneDeep(val); |
| 107 | } else { | 230 | }, |
| 108 | this.emptycolNum = 0; | 231 | list (bsmSldy) { |
| 109 | } | 232 | var formdata = new FormData(); |
| 233 | formdata.append("bsmSldy", bsmSldy); | ||
| 234 | Init(formdata).then((res) => { | ||
| 235 | if (res.code === 200 && res.result) { | ||
| 236 | this.ruleForm = { | ||
| 237 | ...res.result, | ||
| 238 | ...res.result.zdjbxxdatas, | ||
| 239 | ...res.result.qlxxdatas, | ||
| 240 | ...res.result.jsydsyqdatas, | ||
| 241 | }; | ||
| 110 | } | 242 | } |
| 111 | }); | 243 | }); |
| 112 | }, | 244 | }, |
| 113 | checkChange() { | 245 | onSubmit () { |
| 114 | if (this.checkList.length === 0) { | 246 | saveBHZData(this.ruleForm).then((res) => { |
| 115 | this.tableData = []; | 247 | console.log(this.ruleForm); |
| 116 | this.emptycolNum = datas.columns().emptycolNum; | 248 | if (res.code === 200 && res.result) { |
| 117 | } else { | 249 | console.log(res); |
| 118 | this.loadData(); | 250 | //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas } |
| 119 | } | ||
| 120 | }, | ||
| 121 | getQsztName(code) { | ||
| 122 | let name = ""; | ||
| 123 | for (let item of this.qsztList) { | ||
| 124 | if (item.value == code) { | ||
| 125 | name = item.label; | ||
| 126 | break; | ||
| 127 | } | 251 | } |
| 128 | } | 252 | }); |
| 129 | return name; | ||
| 130 | }, | 253 | }, |
| 131 | }, | 254 | }, |
| 132 | }; | 255 | }; |
| 133 | </script> | 256 | </script> |
| 257 | <style scoped lang='scss'> | ||
| 258 | @import "~@/styles/public.scss"; | ||
| 259 | |||
| 260 | /deep/.el-form { | ||
| 261 | display: flex; | ||
| 262 | flex-direction: column; | ||
| 263 | height: calc(100vh - 130px); | ||
| 264 | background-color: aqua; | ||
| 265 | } | ||
| 266 | |||
| 267 | /deep/.el-form-item__label { | ||
| 268 | padding: 0; | ||
| 269 | } | ||
| 270 | |||
| 271 | /deep/.el-radio { | ||
| 272 | margin-right: 10px; | ||
| 273 | } | ||
| 274 | |||
| 275 | /deep/.el-select { | ||
| 276 | width: 100%; | ||
| 277 | } | ||
| 278 | |||
| 279 | /deep/.el-form-item { | ||
| 280 | margin-bottom: 8px; | ||
| 281 | } | ||
| 282 | |||
| 283 | .marginBot0 { | ||
| 284 | margin-bottom: 0 !important; | ||
| 285 | } | ||
| 286 | |||
| 287 | .slxx { | ||
| 288 | box-sizing: border-box; | ||
| 289 | } | ||
| 290 | |||
| 291 | .slxx_con { | ||
| 292 | flex: 1; | ||
| 293 | height: 100%; | ||
| 294 | background-color: #ffffff; | ||
| 295 | overflow-y: auto; | ||
| 296 | padding-right: 3px; | ||
| 297 | overflow-x: hidden; | ||
| 298 | } | ||
| 299 | |||
| 300 | .submit_btn { | ||
| 301 | height: 50px; | ||
| 302 | } | ||
| 303 | |||
| 304 | .slxx_title { | ||
| 305 | border-bottom: 1px solid $borderColor; | ||
| 306 | padding-left: 10px; | ||
| 307 | padding-bottom: 5px; | ||
| 308 | margin-bottom: 10px; | ||
| 309 | margin-top: 5px; | ||
| 310 | font-size: 16px; | ||
| 311 | font-weight: 500; | ||
| 312 | color: #4a4a4a; | ||
| 313 | } | ||
| 314 | |||
| 315 | .btn { | ||
| 316 | text-align: center; | ||
| 317 | padding-top: 10px; | ||
| 318 | height: 36px; | ||
| 319 | background-color: #ffffff; | ||
| 320 | padding: 5px 0; | ||
| 321 | } | ||
| 322 | |||
| 323 | .textArea { | ||
| 324 | /deep/.el-textarea__inner { | ||
| 325 | min-height: 90px !important; | ||
| 326 | } | ||
| 327 | } | ||
| 134 | 328 | ||
| 135 | <style lang="scss" scoped> | 329 | /deep/.el-form-item__label { |
| 136 | @import "~@/views/registerBook/qlxxCommon.scss"; | 330 | padding-bottom: 0px; |
| 331 | } | ||
| 137 | </style> | 332 | </style> | ... | ... |
src/views/ywbl/fdcq2/slxxCompareDetai.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }" | ||
| 3 | style="overflow-y:scroll;"> | ||
| 4 | <div class="tableBox" > | ||
| 5 | <div class="title"> | ||
| 6 | <span v-if="this.propsParam.formData.qllx=='A04' || this.propsParam.formData.qllx=='A06' || this.propsParam.formData.qllx=='A08'">{{ title }}</span> | ||
| 7 | <span v-if="this.propsParam.formData.qllx=='A03' || this.propsParam.formData.qllx=='A05' || this.propsParam.formData.qllx=='A07'">{{ ydTitile }}</span> | ||
| 8 | </div> | ||
| 9 | <div class="xxTableBox"> | ||
| 10 | <table class="xxTable"> | ||
| 11 | <tr> | ||
| 12 | <td></td> | ||
| 13 | <td>变更前</td> | ||
| 14 | <td>变更后</td> | ||
| 15 | </tr> | ||
| 16 | <tr v-if="this.propsParam.formData.qllx=='A04' || this.propsParam.formData.qllx=='A06' || this.propsParam.formData.qllx=='A08'" v-for="(item, colindex) in columns" :key="colindex"> | ||
| 17 | <td> | ||
| 18 | {{ item.label }} | ||
| 19 | </td> | ||
| 20 | <td | ||
| 21 | v-for="(row, index) in tableData" | ||
| 22 | :key="index" | ||
| 23 | :class="[ | ||
| 24 | row.qszt == '2' ? 'lishi' : '', | ||
| 25 | row.qszt == '0' ? 'linshi' : '', | ||
| 26 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
| 27 | ]" | ||
| 28 | > | ||
| 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
| 30 | 正在办理 | ||
| 31 | </div> | ||
| 32 | <span v-if="item.prop == 'qszt'"> | ||
| 33 | {{ getQsztName(row[item.prop]) }} | ||
| 34 | </span> | ||
| 35 | |||
| 36 | <span v-else> {{ row[item.prop] }}</span> | ||
| 37 | </td> | ||
| 38 | </tr> | ||
| 39 | <tr v-if="this.propsParam.formData.qllx=='A03' || this.propsParam.formData.qllx=='A05' || this.propsParam.formData.qllx=='A07'" v-for="(item, colindex) in tdColumns" :key="colindex"> | ||
| 40 | <td> | ||
| 41 | {{ item.label }} | ||
| 42 | </td> | ||
| 43 | <td | ||
| 44 | v-for="(row, index) in tableData" | ||
| 45 | :key="index" | ||
| 46 | :class="[ | ||
| 47 | row.qszt == '2' ? 'lishi' : '', | ||
| 48 | row.qszt == '0' ? 'linshi' : '', | ||
| 49 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
| 50 | ]" | ||
| 51 | > | ||
| 52 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
| 53 | 正在办理 | ||
| 54 | </div> | ||
| 55 | <span v-if="item.prop == 'qszt'"> | ||
| 56 | {{ getQsztName(row[item.prop]) }} | ||
| 57 | </span> | ||
| 58 | |||
| 59 | <span v-else> {{ row[item.prop] }}</span> | ||
| 60 | </td> | ||
| 61 | </tr> | ||
| 62 | </table> | ||
| 63 | </div> | ||
| 64 | </div> | ||
| 65 | </div> | ||
| 66 | </template> | ||
| 67 | |||
| 68 | <script> | ||
| 69 | import {getFdcqLSInfo} from "@/api/registerBook.js"; | ||
| 70 | import { datas } from "@/views/registerBook/qlxxFormData.js"; | ||
| 71 | export default { | ||
| 72 | data() { | ||
| 73 | return { | ||
| 74 | title: "房地产权登记信息(独幢、层、套、间房屋)", | ||
| 75 | ydTitile: "土地使用权登记信息", | ||
| 76 | qsztList: datas.columns().qsztList, | ||
| 77 | checkList: datas.columns().checkList, | ||
| 78 | //传递参数 | ||
| 79 | propsParam: this.$attrs, | ||
| 80 | //列表数据 | ||
| 81 | tableData: [], | ||
| 82 | //空列值个数 | ||
| 83 | emptycolNum: 1, | ||
| 84 | //列名称对象 | ||
| 85 | columns: datas.columns().FDCQ2, | ||
| 86 | tdColumns: datas.columns().JSYDSYQ | ||
| 87 | |||
| 88 | }; | ||
| 89 | }, | ||
| 90 | created() { | ||
| 91 | this.loadData(); | ||
| 92 | }, | ||
| 93 | mounted() { | ||
| 94 | this.timeLineHeight = document.documentElement.clientHeight - 210; | ||
| 95 | window.onresize = () => { | ||
| 96 | this.timeLineHeight = document.documentElement.clientHeight - 210; | ||
| 97 | }; | ||
| 98 | }, | ||
| 99 | methods: { | ||
| 100 | loadData() { | ||
| 101 | getFdcqLSInfo(this.propsParam.formData).then((res) => { | ||
| 102 | if (res.code === 200) { | ||
| 103 | this.tableData = res.result; | ||
| 104 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 105 | this.emptycolNum = | ||
| 106 | datas.columns().emptycolNum - this.tableData.length; | ||
| 107 | } else { | ||
| 108 | this.emptycolNum = 0; | ||
| 109 | } | ||
| 110 | } | ||
| 111 | }); | ||
| 112 | }, | ||
| 113 | checkChange() { | ||
| 114 | if (this.checkList.length === 0) { | ||
| 115 | this.tableData = []; | ||
| 116 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 117 | } else { | ||
| 118 | this.loadData(); | ||
| 119 | } | ||
| 120 | }, | ||
| 121 | getQsztName(code) { | ||
| 122 | let name = ""; | ||
| 123 | for (let item of this.qsztList) { | ||
| 124 | if (item.value == code) { | ||
| 125 | name = item.label; | ||
| 126 | break; | ||
| 127 | } | ||
| 128 | } | ||
| 129 | return name; | ||
| 130 | }, | ||
| 131 | }, | ||
| 132 | }; | ||
| 133 | </script> | ||
| 134 | |||
| 135 | <style lang="scss" scoped> | ||
| 136 | @import "~@/views/registerBook/qlxxCommon.scss"; | ||
| 137 | </style> |
| ... | @@ -57,6 +57,10 @@ class data extends filter { | ... | @@ -57,6 +57,10 @@ class data extends filter { |
| 57 | label: "权利类型", | 57 | label: "权利类型", |
| 58 | }, | 58 | }, |
| 59 | { | 59 | { |
| 60 | prop: "xmmc", | ||
| 61 | label: "项目名称", | ||
| 62 | }, | ||
| 63 | { | ||
| 60 | prop: "zrzh", | 64 | prop: "zrzh", |
| 61 | label: "自然幢号", | 65 | label: "自然幢号", |
| 62 | }, | 66 | }, |
| ... | @@ -83,11 +87,7 @@ class data extends filter { | ... | @@ -83,11 +87,7 @@ class data extends filter { |
| 83 | </div> | 87 | </div> |
| 84 | ) | 88 | ) |
| 85 | } | 89 | } |
| 86 | }, | 90 | }, |
| 87 | // { | ||
| 88 | // prop: "qlsdfs", | ||
| 89 | // label: "权利设定方式", | ||
| 90 | // }, | ||
| 91 | { | 91 | { |
| 92 | prop: "jzwjbyt", | 92 | prop: "jzwjbyt", |
| 93 | label: "用途", | 93 | label: "用途", | ... | ... |
-
Please register or sign in to post a comment