Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
5 changed files
with
252 additions
and
62 deletions
| ... | @@ -106,3 +106,11 @@ export function getCfdjList(data) { | ... | @@ -106,3 +106,11 @@ export function getCfdjList(data) { |
| 106 | data | 106 | data |
| 107 | }) | 107 | }) |
| 108 | } | 108 | } |
| 109 | // 获取数据比对集合 | ||
| 110 | export function getFdcqLSInfo(data) { | ||
| 111 | return request({ | ||
| 112 | url: '/djbDetail/getFdcqLSInfo', | ||
| 113 | method: 'post', | ||
| 114 | data | ||
| 115 | }) | ||
| 116 | } | ... | ... |
| ... | @@ -83,12 +83,12 @@ | ... | @@ -83,12 +83,12 @@ |
| 83 | </el-col> | 83 | </el-col> |
| 84 | <el-col :span="8"> | 84 | <el-col :span="8"> |
| 85 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质:"> | 85 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质:"> |
| 86 | <el-input disabled v-model="ruleForm.fdcq2.fwxz"></el-input> | 86 | <el-input disabled v-model="ruleForm.fdcq2.fwxzmc"></el-input> |
| 87 | </el-form-item> | 87 | </el-form-item> |
| 88 | </el-col> | 88 | </el-col> |
| 89 | <el-col :span="8"> | 89 | <el-col :span="8"> |
| 90 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构:"> | 90 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构:"> |
| 91 | <el-input disabled v-model="ruleForm.fdcq2.fwjg"></el-input> | 91 | <el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input> |
| 92 | </el-form-item> | 92 | </el-form-item> |
| 93 | </el-col> | 93 | </el-col> |
| 94 | </el-row> | 94 | </el-row> |
| ... | @@ -117,12 +117,12 @@ | ... | @@ -117,12 +117,12 @@ |
| 117 | </el-col> | 117 | </el-col> |
| 118 | <el-col :span="8"> | 118 | <el-col :span="8"> |
| 119 | <el-form-item :class="flag ? 'marginBot0' : ''" label="专有建筑面积:"> | 119 | <el-form-item :class="flag ? 'marginBot0' : ''" label="专有建筑面积:"> |
| 120 | <el-input disabled v-model="ruleForm.fdcq2.zyjjmj"></el-input> | 120 | <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"></el-input> |
| 121 | </el-form-item> | 121 | </el-form-item> |
| 122 | </el-col> | 122 | </el-col> |
| 123 | <el-col :span="8"> | 123 | <el-col :span="8"> |
| 124 | <el-form-item :class="flag ? 'marginBot0' : ''" label="分摊建筑面积:"> | 124 | <el-form-item :class="flag ? 'marginBot0' : ''" label="分摊建筑面积:"> |
| 125 | <el-input disabled v-model="ruleForm.fdcq2.ftjjmj"></el-input> | 125 | <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"></el-input> |
| 126 | </el-form-item> | 126 | </el-form-item> |
| 127 | </el-col> | 127 | </el-col> |
| 128 | </el-row> | 128 | </el-row> | ... | ... |
| ... | @@ -8,43 +8,37 @@ | ... | @@ -8,43 +8,37 @@ |
| 8 | 受理信息 | 8 | 受理信息 |
| 9 | <div class="triangle"></div> | 9 | <div class="triangle"></div> |
| 10 | </div> | 10 | </div> |
| 11 | <el-row :gutter="10"> | 11 | <el-row :gutter="10" v-if="ruleForm.slywxx"> |
| 12 | <el-col :span="8"> | 12 | <el-col :span="8"> |
| 13 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:" prop="ywh"> | 13 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:"> |
| 14 | <el-input disabled v-model="ruleForm.ywh"></el-input> | 14 | <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input> |
| 15 | </el-form-item> | 15 | </el-form-item> |
| 16 | </el-col> | 16 | </el-col> |
| 17 | <el-col :span="8"> | 17 | <el-col :span="8"> |
| 18 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员:" prop="slry"> | 18 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员:"> |
| 19 | <el-input disabled v-model="ruleForm.slry"></el-input> | 19 | <el-input disabled v-model="ruleForm.slywxx.slry"></el-input> |
| 20 | </el-form-item> | 20 | </el-form-item> |
| 21 | </el-col> | 21 | </el-col> |
| 22 | <el-col :span="8"> | 22 | <el-col :span="8"> |
| 23 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间:" prop="slsj"> | 23 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间:"> |
| 24 | <el-input disabled v-model="ruleForm.slsj"></el-input> | 24 | <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input> |
| 25 | </el-form-item> | 25 | </el-form-item> |
| 26 | </el-col> | 26 | </el-col> |
| 27 | </el-row> | 27 | </el-row> |
| 28 | <el-row :gutter="10"> | 28 | <el-row :gutter="10" v-if="ruleForm.slywxx"> |
| 29 | <el-col :span="8"> | 29 | <el-col :span="8"> |
| 30 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:" prop="qllx"> | 30 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:"> |
| 31 | <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型"> | 31 | <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input> |
| 32 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 33 | </el-option> | ||
| 34 | </el-select> | ||
| 35 | </el-form-item> | 32 | </el-form-item> |
| 36 | </el-col> | 33 | </el-col> |
| 37 | <el-col :span="8"> | 34 | <el-col :span="8"> |
| 38 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型:" prop="djlx"> | 35 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型:"> |
| 39 | <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型"> | 36 | <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input> |
| 40 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 41 | </el-option> | ||
| 42 | </el-select> | ||
| 43 | </el-form-item> | 37 | </el-form-item> |
| 44 | </el-col> | 38 | </el-col> |
| 45 | <el-col :span="8"> | 39 | <el-col :span="8"> |
| 46 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形:" prop="djqx"> | 40 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形:"> |
| 47 | <el-input disabled v-model="ruleForm.djqxmc"></el-input> | 41 | <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> |
| 48 | </el-form-item> | 42 | </el-form-item> |
| 49 | </el-col> | 43 | </el-col> |
| 50 | </el-row> | 44 | </el-row> |
| ... | @@ -52,70 +46,88 @@ | ... | @@ -52,70 +46,88 @@ |
| 52 | 不动产单元情况 | 46 | 不动产单元情况 |
| 53 | <div class="triangle"></div> | 47 | <div class="triangle"></div> |
| 54 | </div> | 48 | </div> |
| 55 | <el-row :gutter="10"> | 49 | |
| 50 | <el-form-item :class="flag ? 'marginBot0' : ''"> | ||
| 51 | <el-button type="primary" @click="onClick">数据查看</el-button> | ||
| 52 | </el-form-item> | ||
| 53 | |||
| 54 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | ||
| 56 | <el-col :span="8"> | 55 | <el-col :span="8"> |
| 57 | <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码:" prop="zddm"> | 56 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:"> |
| 58 | <el-input disabled v-model="ruleForm.bdcdyh"></el-input> | 57 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> |
| 58 | </el-form-item> | ||
| 59 | </el-col> | ||
| 60 | <el-col :span="16"> | ||
| 61 | <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:"> | ||
| 62 | <el-input disabled v-model="ruleForm.qlxx.zl"></el-input> | ||
| 63 | </el-form-item> | ||
| 64 | </el-col> | ||
| 65 | </el-row> | ||
| 66 | <el-row :gutter="10" v-if="ruleForm.fdcq2"> | ||
| 67 | <el-col :span="8"> | ||
| 68 | <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途:"> | ||
| 69 | <el-input disabled v-model="ruleForm.fdcq2.yt"></el-input> | ||
| 59 | </el-form-item> | 70 | </el-form-item> |
| 60 | </el-col> | 71 | </el-col> |
| 61 | <el-col :span="8"> | 72 | <el-col :span="8"> |
| 62 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:" prop="bdcdyh"> | 73 | <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用起止时间:"> |
| 63 | <el-input disabled v-model="ruleForm.bdcdyh"></el-input> | 74 | <el-input disabled v-model="ruleForm.fdcq2.tdsyqzsj"></el-input> |
| 64 | </el-form-item> | 75 | </el-form-item> |
| 65 | </el-col> | 76 | </el-col> |
| 66 | <el-col :span="8"> | 77 | <el-col :span="8"> |
| 67 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质:" prop="qlxzmc"> | 78 | <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用期限:"> |
| 68 | <el-input disabled v-model="ruleForm.qlxzmc"></el-input> | 79 | <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input> |
| 69 | </el-form-item> | 80 | </el-form-item> |
| 70 | </el-col> | 81 | </el-col> |
| 71 | </el-row> | 82 | </el-row> |
| 72 | <el-row :gutter="10"> | 83 | <el-row :gutter="10" v-if="ruleForm.qlxx"> |
| 73 | <el-col :span="8"> | 84 | <el-col :span="8"> |
| 74 | <el-form-item :class="flag ? 'marginBot0' : ''" label="自然幢号:" prop="zrzh"> | 85 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途:"> |
| 75 | <el-input disabled v-model="ruleForm.zrzDetail.zrzh"></el-input> | 86 | <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input> |
| 76 | </el-form-item> | 87 | </el-form-item> |
| 77 | </el-col> | 88 | </el-col> |
| 78 | <el-col :span="8"> | 89 | <el-col :span="8"> |
| 79 | <el-form-item :class="flag ? 'marginBot0' : ''" label="户不动产单元号:" prop="hbdcdyh"> | 90 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质:"> |
| 80 | <el-input disabled v-model="ruleForm.ghytmc"></el-input> | 91 | <el-input disabled v-model="ruleForm.fdcq2.fwxzmc"></el-input> |
| 81 | </el-form-item> | 92 | </el-form-item> |
| 82 | </el-col> | 93 | </el-col> |
| 83 | <el-col :span="8"> | 94 | <el-col :span="8"> |
| 84 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记状态:" prop="djzt"> | 95 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构:"> |
| 85 | <el-select disabled v-model="ruleForm.djzt" filterable clearable> | 96 | <el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input> |
| 86 | <el-option v-for="item in djztList" :key="item.value" :label="item.label" :value="item.value"> | ||
| 87 | </el-option> | ||
| 88 | </el-select> | ||
| 89 | </el-form-item> | 97 | </el-form-item> |
| 90 | </el-col> | 98 | </el-col> |
| 91 | </el-row> | 99 | </el-row> |
| 92 | <el-row :gutter="10"> | 100 | <el-row :gutter="10" v-if="ruleForm.fdcq2"> |
| 93 | <el-col :span="8"> | 101 | <el-col :span="8"> |
| 94 | <el-form-item :class="flag ? 'marginBot0' : ''" label="图幅丘幢号:" prop="tfqzh"> | 102 | <el-form-item :class="flag ? 'marginBot0' : ''" label="所在层:"> |
| 95 | <el-input disabled v-model="ruleForm.tfqzh"></el-input> | 103 | <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input> |
| 96 | </el-form-item> | 104 | </el-form-item> |
| 97 | </el-col> | 105 | </el-col> |
| 98 | 106 | <el-col :span="8"> | |
| 99 | <el-col :span="16"> | 107 | <el-form-item :class="flag ? 'marginBot0' : ''" label="总层数:"> |
| 100 | <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:" prop="zl"> | 108 | <el-input disabled v-model="ruleForm.fdcq2.zcs"></el-input> |
| 101 | <el-input disabled v-model="ruleForm.zl"></el-input> | 109 | </el-form-item> |
| 110 | </el-col> | ||
| 111 | <el-col :span="8"> | ||
| 112 | <el-form-item :class="flag ? 'marginBot0' : ''" label="竣工时间:"> | ||
| 113 | <el-input disabled v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
| 102 | </el-form-item> | 114 | </el-form-item> |
| 103 | </el-col> | 115 | </el-col> |
| 104 | </el-row> | 116 | </el-row> |
| 105 | <el-row :gutter="10"> | 117 | <el-row :gutter="10" v-if="ruleForm.qlxx"> |
| 106 | <el-col :span="8"> | 118 | <el-col :span="8"> |
| 107 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途:"> | 119 | <el-form-item :class="flag ? 'marginBot0' : ''" label="建筑面积:"> |
| 108 | <el-input disabled v-model="ruleForm.fwyt"></el-input> | 120 | <el-input disabled v-model="ruleForm.qlxx.mj"></el-input> |
| 109 | </el-form-item> | 121 | </el-form-item> |
| 110 | </el-col> | 122 | </el-col> |
| 111 | <el-col :span="8"> | 123 | <el-col :span="8"> |
| 112 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质:"> | 124 | <el-form-item :class="flag ? 'marginBot0' : ''" label="专有建筑面积:"> |
| 113 | <el-input disabled v-model="ruleForm.fwxz"></el-input> | 125 | <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"></el-input> |
| 114 | </el-form-item> | 126 | </el-form-item> |
| 115 | </el-col> | 127 | </el-col> |
| 116 | <el-col :span="8"> | 128 | <el-col :span="8"> |
| 117 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构:"> | 129 | <el-form-item :class="flag ? 'marginBot0' : ''" label="分摊建筑面积:"> |
| 118 | <el-input disabled v-model="ruleForm.fwjg"></el-input> | 130 | <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"></el-input> |
| 119 | </el-form-item> | 131 | </el-form-item> |
| 120 | </el-col> | 132 | </el-col> |
| 121 | </el-row> | 133 | </el-row> |
| ... | @@ -124,16 +136,16 @@ | ... | @@ -124,16 +136,16 @@ |
| 124 | <div class="triangle"></div> | 136 | <div class="triangle"></div> |
| 125 | </div> | 137 | </div> |
| 126 | <el-row :gutter="10"> | 138 | <el-row :gutter="10"> |
| 127 | <el-col :span="14"> | 139 | <el-col :span="14" v-if="ruleForm.qlxx"> |
| 128 | <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式:"> | 140 | <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式:"> |
| 129 | <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.gyfs"> | 141 | <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.slywxx.gyfs"> |
| 130 | <el-radio label="1">单独所有</el-radio> | 142 | <el-radio label="1">单独所有</el-radio> |
| 131 | <el-radio label="2">共同共有</el-radio> | 143 | <el-radio label="2">共同共有</el-radio> |
| 132 | <el-radio label="3">按份所有</el-radio> | 144 | <el-radio label="3">按份所有</el-radio> |
| 133 | </el-radio-group> | 145 | </el-radio-group> |
| 134 | </el-form-item> | 146 | </el-form-item> |
| 135 | </el-col> | 147 | </el-col> |
| 136 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | 148 | <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'"> |
| 137 | <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证:"> | 149 | <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证:"> |
| 138 | <el-radio-group v-model="ruleForm.sffbcz"> | 150 | <el-radio-group v-model="ruleForm.sffbcz"> |
| 139 | <el-radio label="1">是</el-radio> | 151 | <el-radio label="1">是</el-radio> |
| ... | @@ -141,7 +153,7 @@ | ... | @@ -141,7 +153,7 @@ |
| 141 | </el-radio-group> | 153 | </el-radio-group> |
| 142 | </el-form-item> | 154 | </el-form-item> |
| 143 | </el-col> | 155 | </el-col> |
| 144 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | 156 | <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'"> |
| 145 | <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人:"> | 157 | <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人:"> |
| 146 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | 158 | <el-select v-model="ruleForm.czr" placeholder="持证人"> |
| 147 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | 159 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> |
| ... | @@ -150,15 +162,17 @@ | ... | @@ -150,15 +162,17 @@ |
| 150 | </el-form-item> | 162 | </el-form-item> |
| 151 | </el-col> | 163 | </el-col> |
| 152 | </el-row> | 164 | </el-row> |
| 153 | <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" /> | 165 | <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" |
| 166 | :gyfs="ruleForm.qlxx.gyfs" /> | ||
| 154 | <div class="slxx_title title-block"> | 167 | <div class="slxx_title title-block"> |
| 155 | 登记原因 | 168 | 登记原因 |
| 156 | <div class="triangle"></div> | 169 | <div class="triangle"></div> |
| 157 | </div> | 170 | </div> |
| 158 | <el-row :gutter="10"> | 171 | <el-row :gutter="10"> |
| 159 | <el-col> | 172 | <el-col> |
| 160 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="djyy"> | 173 | <el-form-item v-if="ruleForm.fdcq2" :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="djyy"> |
| 161 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.djyy"> | 174 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" |
| 175 | v-model="ruleForm.fdcq2.djyy"> | ||
| 162 | </el-input> | 176 | </el-input> |
| 163 | </el-form-item> | 177 | </el-form-item> |
| 164 | </el-col> | 178 | </el-col> |
| ... | @@ -181,6 +195,7 @@ export default { | ... | @@ -181,6 +195,7 @@ export default { |
| 181 | this.propsParam = this.$attrs; | 195 | this.propsParam = this.$attrs; |
| 182 | var formdata = new FormData(); | 196 | var formdata = new FormData(); |
| 183 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 197 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 198 | formdata.append("djlx", this.propsParam.djlx); | ||
| 184 | Init(formdata).then((res) => { | 199 | Init(formdata).then((res) => { |
| 185 | if (res.code === 200 && res.result) { | 200 | if (res.code === 200 && res.result) { |
| 186 | this.ruleForm = { | 201 | this.ruleForm = { |
| ... | @@ -239,6 +254,35 @@ export default { | ... | @@ -239,6 +254,35 @@ export default { |
| 239 | }; | 254 | }; |
| 240 | }, | 255 | }, |
| 241 | methods: { | 256 | methods: { |
| 257 | onClick(){ | ||
| 258 | this.$popup({ | ||
| 259 | titleStyle: "left", | ||
| 260 | title: "登记簿详情", // 弹窗标题 | ||
| 261 | editItem: "ywbl/fdcq2/slxx900", // 弹窗内容 | ||
| 262 | formData: { | ||
| 263 | bsmSlsq: this.propsParam.bsmSldy, | ||
| 264 | qllx: this.propsParam.qllx | ||
| 265 | }, | ||
| 266 | width: "1220px", | ||
| 267 | height: "790px", | ||
| 268 | // cancelText: '取消摆烂', // 右边按钮文本 | ||
| 269 | // confirmText: '确定点击', //左边按钮文本 | ||
| 270 | cancel: () => { | ||
| 271 | console.log("取消回调"); | ||
| 272 | }, | ||
| 273 | confirm: () => { | ||
| 274 | console.log("确认回调"); | ||
| 275 | }, | ||
| 276 | }); | ||
| 277 | }, | ||
| 278 | // 更新权利人信息 | ||
| 279 | upDateQlrxxList (val) { | ||
| 280 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 281 | }, | ||
| 282 | // 更新权利人信息 | ||
| 283 | upDateYwrxxList (val) { | ||
| 284 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
| 285 | }, | ||
| 242 | list (bsmSldy) { | 286 | list (bsmSldy) { |
| 243 | var formdata = new FormData(); | 287 | var formdata = new FormData(); |
| 244 | formdata.append("bsmSldy", bsmSldy); | 288 | formdata.append("bsmSldy", bsmSldy); | ... | ... |
src/views/ywbl/fdcq2/slxx900.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> |
-
Please register or sign in to post a comment