集体建设用地使用权/房屋所有权登记簿修改
Showing
3 changed files
with
48 additions
and
8 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-19 09:52:46 | 4 | * @LastEditTime: 2023-08-10 16:28:55 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="content"> | 7 | <div class="content"> |
| ... | @@ -57,7 +57,7 @@ | ... | @@ -57,7 +57,7 @@ |
| 57 | if (res.code === 200) { | 57 | if (res.code === 200) { |
| 58 | this.treedata = loadTreeData(res.result, this.formData.bdcdyh); | 58 | this.treedata = loadTreeData(res.result, this.formData.bdcdyh); |
| 59 | this.$nextTick(function () { | 59 | this.$nextTick(function () { |
| 60 | this.defaultNode = getNode(this.formData.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, ""); | 60 | this.defaultNode = getNode(this.formData.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, this.formData.bdcdylx || ""); |
| 61 | this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 | 61 | this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 |
| 62 | this.loadComponent(this.defaultNode.form); | 62 | this.loadComponent(this.defaultNode.form); |
| 63 | }); | 63 | }); |
| ... | @@ -95,7 +95,7 @@ | ... | @@ -95,7 +95,7 @@ |
| 95 | </script> | 95 | </script> |
| 96 | <style scoped lang="scss"> | 96 | <style scoped lang="scss"> |
| 97 | /deep/.rollTable { | 97 | /deep/.rollTable { |
| 98 | height: calc(100vh - 240px) !important; | 98 | height: calc(100vh - 300px) !important; |
| 99 | } | 99 | } |
| 100 | 100 | ||
| 101 | .content { | 101 | .content { |
| ... | @@ -115,7 +115,7 @@ | ... | @@ -115,7 +115,7 @@ |
| 115 | width: calc(100% - 256px); | 115 | width: calc(100% - 256px); |
| 116 | height: 704px; | 116 | height: 704px; |
| 117 | // overflow-y: scroll; | 117 | // overflow-y: scroll; |
| 118 | overflow: auto; | 118 | // overflow: auto; |
| 119 | background-color: #f5f5f5; | 119 | background-color: #f5f5f5; |
| 120 | border: 1px solid rgb(228, 228, 228); | 120 | border: 1px solid rgb(228, 228, 228); |
| 121 | } | 121 | } | ... | ... |
| ... | @@ -12,7 +12,7 @@ | ... | @@ -12,7 +12,7 @@ |
| 12 | <div class="xxTableBox rollTable"> | 12 | <div class="xxTableBox rollTable"> |
| 13 | <!-- 固定前三个 --> | 13 | <!-- 固定前三个 --> |
| 14 | <table class="xxTable"> | 14 | <table class="xxTable"> |
| 15 | <tr v-for="(item, colindex) in columns" :key="colindex"> | 15 | <tr v-for="(item, colindex) in columns" :class="judge(item.label) ? 'cols':''" :key="colindex"> |
| 16 | <td> | 16 | <td> |
| 17 | {{ item.label }} | 17 | {{ item.label }} |
| 18 | </td> | 18 | </td> |
| ... | @@ -46,9 +46,14 @@ | ... | @@ -46,9 +46,14 @@ |
| 46 | {{ getQsztName(row[item.prop]) }} | 46 | {{ getQsztName(row[item.prop]) }} |
| 47 | </span> | 47 | </span> |
| 48 | 48 | ||
| 49 | <span v-else> {{ row[item.prop] }}</span> | 49 | <span v-if="item.prop !== 'qszt' && !judge(item.label)"> {{ row[item.prop] }}</span> |
| 50 | <div class="many" v-if="judge(item.label)"> | ||
| 51 | <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index"> | ||
| 52 | {{ label[item.prop] }} | ||
| 53 | </div> | ||
| 54 | </div> | ||
| 50 | </td> | 55 | </td> |
| 51 | <td v-for="count in emptycolNum" :key="~count"></td> | 56 | <td v-for="count in emptycolNum" class="empty" :key="~count"></td> |
| 52 | </tr> | 57 | </tr> |
| 53 | </table> | 58 | </table> |
| 54 | </div> | 59 | </div> |
| ... | @@ -137,6 +142,18 @@ | ... | @@ -137,6 +142,18 @@ |
| 137 | } | 142 | } |
| 138 | return name; | 143 | return name; |
| 139 | }, | 144 | }, |
| 145 | /** | ||
| 146 | * @description: judge | ||
| 147 | * @param {*} lable | ||
| 148 | * @author: renchao | ||
| 149 | */ | ||
| 150 | judge(label){ | ||
| 151 | if ('项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数'.indexOf(label) > -1) { | ||
| 152 | return true | ||
| 153 | }else{ | ||
| 154 | return false | ||
| 155 | } | ||
| 156 | }, | ||
| 140 | // 新增一条补录信息 | 157 | // 新增一条补录信息 |
| 141 | /** | 158 | /** |
| 142 | * @description: 新增一条补录信息 | 159 | * @description: 新增一条补录信息 |
| ... | @@ -170,4 +187,23 @@ | ... | @@ -170,4 +187,23 @@ |
| 170 | 187 | ||
| 171 | <style lang="scss" scoped> | 188 | <style lang="scss" scoped> |
| 172 | @import "./qlxxCommon.scss"; | 189 | @import "./qlxxCommon.scss"; |
| 190 | .cols{ | ||
| 191 | td{ | ||
| 192 | .many{ | ||
| 193 | width: 100%; | ||
| 194 | height: 100%; | ||
| 195 | display: flex; | ||
| 196 | flex-direction: row; | ||
| 197 | div{ | ||
| 198 | flex: 1; | ||
| 199 | border-right: 2px solid #e3e2e2; | ||
| 200 | line-height: 40px; | ||
| 201 | overflow: hidden; | ||
| 202 | } | ||
| 203 | div:last-child{ | ||
| 204 | border: 0; | ||
| 205 | } | ||
| 206 | } | ||
| 207 | } | ||
| 208 | } | ||
| 173 | </style> | 209 | </style> | ... | ... |
| ... | @@ -183,7 +183,11 @@ | ... | @@ -183,7 +183,11 @@ |
| 183 | min-width: 280px; | 183 | min-width: 280px; |
| 184 | z-index: 1; | 184 | z-index: 1; |
| 185 | } | 185 | } |
| 186 | 186 | td:first-child{ | |
| 187 | flex: inherit !important; | ||
| 188 | width: 200px !important; | ||
| 189 | min-width: auto !important; | ||
| 190 | } | ||
| 187 | >tr:nth-child(odd) td { | 191 | >tr:nth-child(odd) td { |
| 188 | background: #f2f2f2; | 192 | background: #f2f2f2; |
| 189 | } | 193 | } | ... | ... |
-
Please register or sign in to post a comment