Merge remote-tracking branch 'origin/master'
Showing
41 changed files
with
253 additions
and
55 deletions
| ... | @@ -47,6 +47,22 @@ export function getListByPbsm(pbsm) { | ... | @@ -47,6 +47,22 @@ export function getListByPbsm(pbsm) { |
| 47 | } | 47 | } |
| 48 | 48 | ||
| 49 | /** | 49 | /** |
| 50 | * 跟据所有权类型及其所在行政区,地籍区,地籍子区查询宗地和自然幢信息 | ||
| 51 | */ | ||
| 52 | export function getZdDetailList(data) { | ||
| 53 | return request({ | ||
| 54 | url: 'system/xzq/getZdDetailList', | ||
| 55 | method: 'get', | ||
| 56 | params: { | ||
| 57 | xzqbsm:data.xzqbsm, | ||
| 58 | djqbsm:data.djqbsm, | ||
| 59 | djzqbsm:data.djzqbsm, | ||
| 60 | syqlx:data.syqlx | ||
| 61 | } | ||
| 62 | }) | ||
| 63 | } | ||
| 64 | |||
| 65 | /** | ||
| 50 | * 通过名称获取字典 | 66 | * 通过名称获取字典 |
| 51 | */ | 67 | */ |
| 52 | export function getDdicByMC(mc) { | 68 | export function getDdicByMC(mc) { | ... | ... |
| ... | @@ -89,7 +89,18 @@ ol, ul { list-style:none; } | ... | @@ -89,7 +89,18 @@ ol, ul { list-style:none; } |
| 89 | } | 89 | } |
| 90 | //二级菜单样式 | 90 | //二级菜单样式 |
| 91 | .tabs{ | 91 | .tabs{ |
| 92 | >.is-top>.is-top>.el-tabs__nav-scroll{ | 92 | >.el-tabs__content{ |
| 93 | position: unset; | ||
| 94 | margin-top: 50px; | ||
| 95 | } | ||
| 96 | >.is-top{ | ||
| 97 | position: -webkit-fixed; | ||
| 98 | position: fixed; | ||
| 99 | top: 60px; | ||
| 100 | z-index: 999; | ||
| 101 | width: 100%; | ||
| 102 | margin-bottom: 0; | ||
| 103 | >.is-top>.el-tabs__nav-scroll{ | ||
| 93 | height: 50px; | 104 | height: 50px; |
| 94 | background-color: #ffffff; | 105 | background-color: #ffffff; |
| 95 | box-sizing: border-box; | 106 | box-sizing: border-box; |
| ... | @@ -111,6 +122,7 @@ ol, ul { list-style:none; } | ... | @@ -111,6 +122,7 @@ ol, ul { list-style:none; } |
| 111 | } | 122 | } |
| 112 | } | 123 | } |
| 113 | } | 124 | } |
| 125 | } | ||
| 114 | } | 126 | } |
| 115 | //弹框遮罩层样式 | 127 | //弹框遮罩层样式 |
| 116 | .v-modal{ | 128 | .v-modal{ |
| ... | @@ -121,9 +133,6 @@ ol, ul { list-style:none; } | ... | @@ -121,9 +133,6 @@ ol, ul { list-style:none; } |
| 121 | -webkit-box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.4); | 133 | -webkit-box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.4); |
| 122 | box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.4); | 134 | box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.4); |
| 123 | } | 135 | } |
| 124 | .el-tabs__content{ | ||
| 125 | position: unset; | ||
| 126 | } | ||
| 127 | // 自定义右键菜单样式 | 136 | // 自定义右键菜单样式 |
| 128 | .contextmenu { | 137 | .contextmenu { |
| 129 | margin: 0; | 138 | margin: 0; | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <div class="tree_item_box"> | 2 | <div class="tree_item_box" :class="list.length>10 ? 'ofy_scroll':''" :style="{maxHeight:(list.length > 10 ? treeXzqHeight:'unset')+'px'}"> |
| 3 | <div | 3 | <div |
| 4 | class="column-start-start linkLine_default" | 4 | class="column-start-start linkLine_default" |
| 5 | v-for="(item, s_index) in list" | 5 | v-for="(item, s_index) in list" |
| ... | @@ -34,6 +34,14 @@ | ... | @@ -34,6 +34,14 @@ |
| 34 | }" | 34 | }" |
| 35 | ></div> | 35 | ></div> |
| 36 | <div | 36 | <div |
| 37 | v-if="item.children==null" | ||
| 38 | class="reTree_icon reTree_expand_icon" | ||
| 39 | :style="{ | ||
| 40 | height: (size || 14 * 1.2) + 'px', | ||
| 41 | width: (size || 14 * 1.2) + 'px', | ||
| 42 | }" | ||
| 43 | ></div> | ||
| 44 | <div | ||
| 37 | class="layer_text nowrap" | 45 | class="layer_text nowrap" |
| 38 | @contextmenu.prevent="openMenu($event, item,list)" | 46 | @contextmenu.prevent="openMenu($event, item,list)" |
| 39 | :class="{ | 47 | :class="{ |
| ... | @@ -53,6 +61,7 @@ | ... | @@ -53,6 +61,7 @@ |
| 53 | </div> | 61 | </div> |
| 54 | </template> | 62 | </template> |
| 55 | <script> | 63 | <script> |
| 64 | import {getZdDetailList} from "../../api/common" | ||
| 56 | export default { | 65 | export default { |
| 57 | name: "line-item", | 66 | name: "line-item", |
| 58 | props: { | 67 | props: { |
| ... | @@ -62,6 +71,12 @@ export default { | ... | @@ -62,6 +71,12 @@ export default { |
| 62 | return []; | 71 | return []; |
| 63 | }, | 72 | }, |
| 64 | }, | 73 | }, |
| 74 | formatData: { | ||
| 75 | type: Array, | ||
| 76 | default: () => { | ||
| 77 | return []; | ||
| 78 | }, | ||
| 79 | }, | ||
| 65 | size: { | 80 | size: { |
| 66 | type: Number, | 81 | type: Number, |
| 67 | default: 14, | 82 | default: 14, |
| ... | @@ -77,20 +92,43 @@ export default { | ... | @@ -77,20 +92,43 @@ export default { |
| 77 | }, | 92 | }, |
| 78 | data() { | 93 | data() { |
| 79 | return { | 94 | return { |
| 80 | time:null | 95 | time:null, |
| 96 | treeXzqHeight:0, | ||
| 81 | } | 97 | } |
| 82 | }, | 98 | }, |
| 99 | mounted(){ | ||
| 100 | this.$nextTick(()=>{ | ||
| 101 | this.treeXzqHeight = this.$parent.$el.clientHeight-(this.formatData.length-1)*26+60; | ||
| 102 | }) | ||
| 103 | }, | ||
| 83 | methods: { | 104 | methods: { |
| 84 | itemClick(item) { | 105 | itemClick(item) { |
| 85 | let self = this; | 106 | let self = this; |
| 86 | // 开启延时器,300ms的间隔区分单击和双击,解决双击时执行两次单击事件 | 107 | // 开启延时器,300ms的间隔区分单击和双击,解决双击时执行两次单击事件 |
| 87 | clearTimeout(self.time); | 108 | clearTimeout(self.time); |
| 88 | self.time = setTimeout(() => { | 109 | self.time = setTimeout(() => { |
| 89 | |||
| 90 | item.expand = item.expand == undefined? true:!item.expand; | 110 | item.expand = item.expand == undefined? true:!item.expand; |
| 91 | self.$emit("itemClick", item); | 111 | // self.$emit("itemClick", item); |
| 92 | if (!item.children) { | 112 | if (!item.children) { |
| 93 | self.$emit("valClick", item); | 113 | let data = { |
| 114 | xzqbsm:item.xzq, | ||
| 115 | djqbsm:item.djq, | ||
| 116 | djzqbsm:item.djzq, | ||
| 117 | syqlx:item.dm | ||
| 118 | } | ||
| 119 | getZdDetailList(data).then((res) => { | ||
| 120 | if (res.result.length>0) { | ||
| 121 | res.result.forEach(i=>{ | ||
| 122 | if(i.children.length>0){ | ||
| 123 | i.expand = false; | ||
| 124 | } | ||
| 125 | }) | ||
| 126 | self.$emit("ownerMethod", item,res.result); | ||
| 127 | } | ||
| 128 | }) | ||
| 129 | .catch((error) => { | ||
| 130 | |||
| 131 | }); | ||
| 94 | } | 132 | } |
| 95 | }, 300); | 133 | }, 300); |
| 96 | }, | 134 | }, |
| ... | @@ -190,6 +228,10 @@ export default { | ... | @@ -190,6 +228,10 @@ export default { |
| 190 | width: 100%; | 228 | width: 100%; |
| 191 | cursor: pointer; | 229 | cursor: pointer; |
| 192 | } | 230 | } |
| 231 | .ofy_scroll{ | ||
| 232 | overflow-y: scroll; | ||
| 233 | overflow-x: hidden; | ||
| 234 | } | ||
| 193 | .basic_layer { | 235 | .basic_layer { |
| 194 | width: 100%; | 236 | width: 100%; |
| 195 | position: relative; | 237 | position: relative; |
| ... | @@ -222,7 +264,7 @@ export default { | ... | @@ -222,7 +264,7 @@ export default { |
| 222 | position: relative; | 264 | position: relative; |
| 223 | // padding-bottom: 15px; | 265 | // padding-bottom: 15px; |
| 224 | width: 100%; | 266 | width: 100%; |
| 225 | padding-left: 40px; | 267 | padding-left: 25px; |
| 226 | } | 268 | } |
| 227 | .white_layer { | 269 | .white_layer { |
| 228 | color: black!important; | 270 | color: black!important; |
| ... | @@ -243,7 +285,7 @@ export default { | ... | @@ -243,7 +285,7 @@ export default { |
| 243 | content: ""; | 285 | content: ""; |
| 244 | position: absolute; | 286 | position: absolute; |
| 245 | height: 1px; | 287 | height: 1px; |
| 246 | width: 22px; | 288 | width: 16px; |
| 247 | left: 8px; | 289 | left: 8px; |
| 248 | top: 8px; | 290 | top: 8px; |
| 249 | opacity: .5; | 291 | opacity: .5; | ... | ... |
| ... | @@ -34,6 +34,7 @@ | ... | @@ -34,6 +34,7 @@ |
| 34 | <lineItem | 34 | <lineItem |
| 35 | v-if="item.expand && item.children.length > 0" | 35 | v-if="item.expand && item.children.length > 0" |
| 36 | v-on="$listeners" | 36 | v-on="$listeners" |
| 37 | @ownerMethod="ownerMethod(arguments)" | ||
| 37 | @changeTop="changeTop" | 38 | @changeTop="changeTop" |
| 38 | @changeZdData="changeZdData" | 39 | @changeZdData="changeZdData" |
| 39 | @changeLeft="changeLeft" | 40 | @changeLeft="changeLeft" |
| ... | @@ -45,6 +46,7 @@ | ... | @@ -45,6 +46,7 @@ |
| 45 | :visible="visible" | 46 | :visible="visible" |
| 46 | :size="size" | 47 | :size="size" |
| 47 | :islpb="islpb" | 48 | :islpb="islpb" |
| 49 | :formatData="formatData" | ||
| 48 | ></lineItem> | 50 | ></lineItem> |
| 49 | </div> | 51 | </div> |
| 50 | 52 | ||
| ... | @@ -184,8 +186,7 @@ export default { | ... | @@ -184,8 +186,7 @@ export default { |
| 184 | this.dialogVisible = false; | 186 | this.dialogVisible = false; |
| 185 | }, | 187 | }, |
| 186 | preDealData(list) { | 188 | preDealData(list) { |
| 187 | // //楼盘表目录树没有expand属性 | 189 | //楼盘表目录树没有expand属性 |
| 188 | // list[0].expand = list[0].expand == undefined ? true:list[0].expand; | ||
| 189 | list.forEach((x) => { | 190 | list.forEach((x) => { |
| 190 | if (x.expand == undefined) this.$set(x, "expand", true); | 191 | if (x.expand == undefined) this.$set(x, "expand", true); |
| 191 | if (x.children && x.children.length > 0) { | 192 | if (x.children && x.children.length > 0) { |
| ... | @@ -213,8 +214,42 @@ export default { | ... | @@ -213,8 +214,42 @@ export default { |
| 213 | }, | 214 | }, |
| 214 | itemClick(item) { | 215 | itemClick(item) { |
| 215 | // item.expand = item.expand == undefined? true:!item.expand; | 216 | // item.expand = item.expand == undefined? true:!item.expand; |
| 217 | console.log(item,'item'); | ||
| 218 | console.log(this.formatData,'this.formatData'); | ||
| 219 | this.formatData.forEach(i=>{ | ||
| 220 | if(i.bsm != item.bsm){ | ||
| 221 | i.expand = false | ||
| 222 | }else{ | ||
| 223 | // i.expand = !item.expand | ||
| 224 | } | ||
| 225 | }) | ||
| 216 | item.expand = !item.expand; | 226 | item.expand = !item.expand; |
| 217 | this.$emit("itemClick", item); | 227 | // this.$emit("itemClick", item); |
| 228 | }, | ||
| 229 | //给所有权类型添加子节点 | ||
| 230 | ownerMethod(arr){ | ||
| 231 | let item = arr[0]; | ||
| 232 | let list = arr[1] | ||
| 233 | this.formatData.forEach(i=>{ | ||
| 234 | if (i.bsm == item.xzq){ | ||
| 235 | i.children.forEach(j=>{ | ||
| 236 | if (j.bsm == item.djq) { | ||
| 237 | j.children.forEach(k=>{ | ||
| 238 | if(k.bsm == item.djzq){ | ||
| 239 | k.children.forEach(n=>{ | ||
| 240 | if(n.dm == item.dm){ | ||
| 241 | this.$nextTick(()=>{ | ||
| 242 | n.children = list; | ||
| 243 | }) | ||
| 244 | } | ||
| 245 | }) | ||
| 246 | } | ||
| 247 | }) | ||
| 248 | } | ||
| 249 | }) | ||
| 250 | } | ||
| 251 | }) | ||
| 252 | console.log(this.formatData,'formatData'); | ||
| 218 | }, | 253 | }, |
| 219 | //自然幢右键点击事件 | 254 | //自然幢右键点击事件 |
| 220 | openMenu(e,item){ | 255 | openMenu(e,item){ |
| ... | @@ -274,6 +309,7 @@ export default { | ... | @@ -274,6 +309,7 @@ export default { |
| 274 | flex-direction: column; | 309 | flex-direction: column; |
| 275 | justify-content: flex-start; | 310 | justify-content: flex-start; |
| 276 | align-items: center; | 311 | align-items: center; |
| 312 | |||
| 277 | } | 313 | } |
| 278 | .row-flex-start { | 314 | .row-flex-start { |
| 279 | display: flex; | 315 | display: flex; | ... | ... |
| ... | @@ -43,6 +43,7 @@ | ... | @@ -43,6 +43,7 @@ |
| 43 | <el-form-item class="demo-form-inline" label="查询范围"> | 43 | <el-form-item class="demo-form-inline" label="查询范围"> |
| 44 | <el-checkbox-group v-model="queryData.dylxs" @change="query"> | 44 | <el-checkbox-group v-model="queryData.dylxs" @change="query"> |
| 45 | <el-checkbox label="zd" name="type">宗地</el-checkbox> | 45 | <el-checkbox label="zd" name="type">宗地</el-checkbox> |
| 46 | <el-checkbox label="dz" name="type">多幢</el-checkbox> | ||
| 46 | <el-checkbox label="zrz" name="type">自然幢</el-checkbox> | 47 | <el-checkbox label="zrz" name="type">自然幢</el-checkbox> |
| 47 | <el-checkbox label="h" name="type">户</el-checkbox> | 48 | <el-checkbox label="h" name="type">户</el-checkbox> |
| 48 | <el-checkbox label="gzw" name="type">构筑物</el-checkbox> | 49 | <el-checkbox label="gzw" name="type">构筑物</el-checkbox> | ... | ... |
| ... | @@ -33,5 +33,9 @@ let bdcLxArray = [ | ... | @@ -33,5 +33,9 @@ let bdcLxArray = [ |
| 33 | label: "户", | 33 | label: "户", |
| 34 | value: "h", | 34 | value: "h", |
| 35 | }, | 35 | }, |
| 36 | { | ||
| 37 | label: "多幢", | ||
| 38 | value: "dz", | ||
| 39 | }, | ||
| 36 | ]; | 40 | ]; |
| 37 | createFilter("bdcLxFilter", bdcLxArray); | 41 | createFilter("bdcLxFilter", bdcLxArray); |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -63,25 +63,25 @@ const constantRoutes = [ | ... | @@ -63,25 +63,25 @@ const constantRoutes = [ |
| 63 | path: "/zrz", | 63 | path: "/zrz", |
| 64 | name: "自然幢", | 64 | name: "自然幢", |
| 65 | code: "1-1", | 65 | code: "1-1", |
| 66 | component: () => import("@/views/systemZRZ/index"), | 66 | component: () => import("@/views/zrz/index"), |
| 67 | }, | 67 | }, |
| 68 | { | 68 | { |
| 69 | path: "/dz", | 69 | path: "/dz", |
| 70 | name: "多幢", | 70 | name: "多幢", |
| 71 | code: "1-2", | 71 | code: "1-2", |
| 72 | component: () => import("@/views/systemDZ/index"), | 72 | component: () => import("@/views/dz/index"), |
| 73 | }, | 73 | }, |
| 74 | { | 74 | { |
| 75 | path: "/zd", | 75 | path: "/zd", |
| 76 | name: "宗地", | 76 | name: "宗地", |
| 77 | code: "1-5", | 77 | code: "1-5", |
| 78 | component: () => import("@/views/systemZD/index"), | 78 | component: () => import("@/views/zd/index"), |
| 79 | }, | 79 | }, |
| 80 | { | 80 | { |
| 81 | path: "/c", | 81 | path: "/c", |
| 82 | name: "层", | 82 | name: "层", |
| 83 | code: "1-7", | 83 | code: "1-7", |
| 84 | component: () => import("@/views/systemZRZ/c/index"), | 84 | component: () => import("@/views/zrz/c/index"), |
| 85 | }, | 85 | }, |
| 86 | ], | 86 | ], |
| 87 | }, | 87 | }, | ... | ... |
| ... | @@ -10,7 +10,7 @@ | ... | @@ -10,7 +10,7 @@ |
| 10 | /> | 10 | /> |
| 11 | <span class="logo-text" v-show="!textLogo">不动产权籍调查系统</span> | 11 | <span class="logo-text" v-show="!textLogo">不动产权籍调查系统</span> |
| 12 | </div> | 12 | </div> |
| 13 | <div class="treeModule"> | 13 | <div class="treeModule" :style="{height:treeHeight+'px'}"> |
| 14 | <LineTree :pd="pd" @itemClick="itemClick"></LineTree> | 14 | <LineTree :pd="pd" @itemClick="itemClick"></LineTree> |
| 15 | </div> | 15 | </div> |
| 16 | </el-aside> | 16 | </el-aside> |
| ... | @@ -123,6 +123,7 @@ export default { | ... | @@ -123,6 +123,7 @@ export default { |
| 123 | }, | 123 | }, |
| 124 | pd: [], | 124 | pd: [], |
| 125 | dialogVisible: false, | 125 | dialogVisible: false, |
| 126 | treeHeight:0, //树结构区域高度 | ||
| 126 | }; | 127 | }; |
| 127 | }, | 128 | }, |
| 128 | computed: { | 129 | computed: { |
| ... | @@ -193,6 +194,9 @@ export default { | ... | @@ -193,6 +194,9 @@ export default { |
| 193 | // } | 194 | // } |
| 194 | this.getDic(); | 195 | this.getDic(); |
| 195 | this.getTreeList(); | 196 | this.getTreeList(); |
| 197 | this.$nextTick(()=>{ | ||
| 198 | this.treeHeight = this.$el.clientHeight - 120; | ||
| 199 | }); | ||
| 196 | }, | 200 | }, |
| 197 | methods: { | 201 | methods: { |
| 198 | //请求字典数据 | 202 | //请求字典数据 | ... | ... |
| ... | @@ -14,8 +14,9 @@ | ... | @@ -14,8 +14,9 @@ |
| 14 | </td> | 14 | </td> |
| 15 | <td colspan="2" align="center" >不动产单元号</td> | 15 | <td colspan="2" align="center" >不动产单元号</td> |
| 16 | <td colspan="4" > | 16 | <td colspan="4" > |
| 17 | <el-input v-model="form.bdcdyh" style="width: 70%"></el-input> | 17 | <el-input v-model="form.bdcdyh" style="width: 70%" v-show="form.bdcdyh===''||form.bdcdyh==null"></el-input> |
| 18 | <el-button @click.prevent="generatorCode" size="mini" type="primary" style="width:25%;margin-left:3%">生成</el-button> | 18 | <el-input v-model="form.bdcdyh" v-show="form.bdcdyh!==''&&form.bdcdyh!=null"></el-input> |
| 19 | <el-button @click.prevent="generatorCode" size="mini" v-show="form.bdcdyh===''||form.bdcdyh==null" type="primary" style="width:25%;margin-left:3%">生成</el-button> | ||
| 19 | </td> | 20 | </td> |
| 20 | </tr> | 21 | </tr> |
| 21 | <tr height="30"> | 22 | <tr height="30"> | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <div class="content_box"> | 2 | <div class="content_box"> |
| 3 | <el-tabs v-model="activeName" @tab-click="handleClick"> | 3 | <el-tabs v-model="activeName" @tab-click="handleClick"> |
| 4 | <el-tab-pane label="自然幢信息" name="dzxx"><dzxx></dzxx></el-tab-pane> | 4 | <el-tab-pane label="多幢基本信息" name="dzxx"><dzxx></dzxx></el-tab-pane> |
| 5 | </el-tabs> | 5 | </el-tabs> |
| 6 | </div> | 6 | </div> |
| 7 | </template> | 7 | </template> | ... | ... |
| ... | @@ -79,7 +79,9 @@ | ... | @@ -79,7 +79,9 @@ |
| 79 | pageNo: this.pageNo, | 79 | pageNo: this.pageNo, |
| 80 | pageSize: this.pageSize, | 80 | pageSize: this.pageSize, |
| 81 | }) | 81 | }) |
| 82 | this.$nextTick(()=>{ | ||
| 82 | this.tableHeight = this.$refs.dataGrid.offsetHeight - 68; | 83 | this.tableHeight = this.$refs.dataGrid.offsetHeight - 68; |
| 84 | }) | ||
| 83 | }, | 85 | }, |
| 84 | methods: { | 86 | methods: { |
| 85 | handleCurrentChange(val) { | 87 | handleCurrentChange(val) { | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <div> | 2 | <div class="fg" ref="fgBox"> |
| 3 | <el-tabs v-model="tabName"> | 3 | <el-tabs v-model="tabName" type="card" class="menu"> |
| 4 | <el-tab-pane label="宗地分割" name="zd"> | 4 | <el-tab-pane label="宗地分割" name="zd"> |
| 5 | <div class="main"> | 5 | <div class="fg-tabs"> |
| 6 | <div class="button"> | 6 | <el-button type="primary" class="addBtn" @click="newAdd">新增</el-button> |
| 7 | <el-button type="primary" @click="newAdd">新增</el-button> | ||
| 8 | </div> | ||
| 9 | <div class="table"> | 7 | <div class="table"> |
| 8 | <span class="tips">分割前宗地信息</span> | ||
| 10 | <table border="1"> | 9 | <table border="1"> |
| 11 | <tr> | 10 | <tr> |
| 12 | <td>序号</td> | 11 | <td>序号</td> |
| ... | @@ -39,7 +38,7 @@ | ... | @@ -39,7 +38,7 @@ |
| 39 | </table> | 38 | </table> |
| 40 | </div> | 39 | </div> |
| 41 | <div class="fgh"> | 40 | <div class="fgh"> |
| 42 | <span>分割后宗地:</span> | 41 | <span class="tips">分割后宗地信息</span> |
| 43 | <table border="1"> | 42 | <table border="1"> |
| 44 | <tr> | 43 | <tr> |
| 45 | <td>操作</td> | 44 | <td>操作</td> |
| ... | @@ -167,17 +166,16 @@ | ... | @@ -167,17 +166,16 @@ |
| 167 | 166 | ||
| 168 | <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" | 167 | <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" |
| 169 | @close="close"></query-data> | 168 | @close="close"></query-data> |
| 170 | <div class="header-button"> | 169 | <div class="header-button" :style="{width:fgBoxWidth+'px'}"> |
| 171 | <el-button type="primary" @click="save">保存</el-button> | 170 | <el-button type="primary" @click="save">保存</el-button> |
| 172 | </div> | 171 | </div> |
| 173 | </div> | 172 | </div> |
| 174 | </el-tab-pane> | 173 | </el-tab-pane> |
| 175 | <el-tab-pane label="多幢分割" name="dz"> | 174 | <el-tab-pane label="多幢分割" name="dz"> |
| 176 | <div class="main"> | 175 | <div class="fg-tabs"> |
| 177 | <div class="button"> | 176 | <el-button type="primary" class="addBtn" @click="newAdd">新增</el-button> |
| 178 | <el-button type="primary" @click="newAdd">新增</el-button> | ||
| 179 | </div> | ||
| 180 | <div class="table"> | 177 | <div class="table"> |
| 178 | <span class="tips">分割前宗地信息</span> | ||
| 181 | <table border="1"> | 179 | <table border="1"> |
| 182 | <tr> | 180 | <tr> |
| 183 | <td>序号</td> | 181 | <td>序号</td> |
| ... | @@ -210,7 +208,7 @@ | ... | @@ -210,7 +208,7 @@ |
| 210 | </table> | 208 | </table> |
| 211 | </div> | 209 | </div> |
| 212 | <div class="fgh"> | 210 | <div class="fgh"> |
| 213 | <span>分割后宗地:</span> | 211 | <span class="tips">分割后宗地信息</span> |
| 214 | <table border="1"> | 212 | <table border="1"> |
| 215 | <tr> | 213 | <tr> |
| 216 | <td>操作</td> | 214 | <td>操作</td> |
| ... | @@ -337,17 +335,16 @@ | ... | @@ -337,17 +335,16 @@ |
| 337 | 335 | ||
| 338 | <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['dz']" | 336 | <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['dz']" |
| 339 | @close="close"></query-data> | 337 | @close="close"></query-data> |
| 340 | <div class="header-button"> | 338 | <div class="header-button" :style="{width:fgBoxWidth+'px'}"> |
| 341 | <el-button type="primary" @click="save">保存</el-button> | 339 | <el-button type="primary" @click="save">保存</el-button> |
| 342 | </div> | 340 | </div> |
| 343 | </div> | 341 | </div> |
| 344 | </el-tab-pane> | 342 | </el-tab-pane> |
| 345 | <el-tab-pane label="户分割" name="h"> | 343 | <el-tab-pane label="户分割" name="h"> |
| 346 | <div class="main"> | 344 | <div class="fg-tabs"> |
| 347 | <div class="button"> | 345 | <el-button type="primary" class="addBtn" @click="newAdd">新增</el-button> |
| 348 | <el-button type="primary" @click="newAdd">新增</el-button> | ||
| 349 | </div> | ||
| 350 | <div class="table"> | 346 | <div class="table"> |
| 347 | <span class="tips">分割前宗地信息</span> | ||
| 351 | <table border="1"> | 348 | <table border="1"> |
| 352 | <tr> | 349 | <tr> |
| 353 | <td>序号</td> | 350 | <td>序号</td> |
| ... | @@ -380,7 +377,7 @@ | ... | @@ -380,7 +377,7 @@ |
| 380 | </table> | 377 | </table> |
| 381 | </div> | 378 | </div> |
| 382 | <div class="fgh"> | 379 | <div class="fgh"> |
| 383 | <span>分割后宗地:</span> | 380 | <span class="tips">分割后宗地信息</span> |
| 384 | <table border="1"> | 381 | <table border="1"> |
| 385 | <tr> | 382 | <tr> |
| 386 | <td>操作</td> | 383 | <td>操作</td> |
| ... | @@ -507,13 +504,26 @@ | ... | @@ -507,13 +504,26 @@ |
| 507 | 504 | ||
| 508 | <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['h']" | 505 | <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['h']" |
| 509 | @close="close"></query-data> | 506 | @close="close"></query-data> |
| 510 | <div class="header-button"> | 507 | <div class="header-button" :style="{width:fgBoxWidth+'px'}"> |
| 511 | <el-button type="primary" @click="save">保存</el-button> | 508 | <el-button type="primary" @click="save">保存</el-button> |
| 512 | </div> | 509 | </div> |
| 513 | </div> | 510 | </div> |
| 514 | </el-tab-pane> | 511 | </el-tab-pane> |
| 515 | </el-tabs> | 512 | </el-tabs> |
| 516 | </div> | 513 | </div> |
| 514 | <!-- <div class="lpb"> | ||
| 515 | <el-tabs v-model="activeName" type="card" @tab-click="handleClick"> | ||
| 516 | <el-tab-pane label="编辑楼盘" name="edit"> | ||
| 517 | <bjlp></bjlp> | ||
| 518 | </el-tab-pane> | ||
| 519 | <el-tab-pane label="预览楼盘" name="preview"> | ||
| 520 | <yllp></yllp> | ||
| 521 | </el-tab-pane> | ||
| 522 | <el-tab-pane label="详细信息" name="detail"> | ||
| 523 | <xxxx></xxxx> | ||
| 524 | </el-tab-pane> | ||
| 525 | </el-tabs> | ||
| 526 | </div> --> | ||
| 517 | </template> | 527 | </template> |
| 518 | 528 | ||
| 519 | <script> | 529 | <script> |
| ... | @@ -619,7 +629,7 @@ | ... | @@ -619,7 +629,7 @@ |
| 619 | oldZdbsm: "", | 629 | oldZdbsm: "", |
| 620 | newZdlist: [] | 630 | newZdlist: [] |
| 621 | }, | 631 | }, |
| 622 | 632 | fgBoxWidth:0, | |
| 623 | } | 633 | } |
| 624 | }, | 634 | }, |
| 625 | created() { | 635 | created() { |
| ... | @@ -627,6 +637,9 @@ | ... | @@ -627,6 +637,9 @@ |
| 627 | mounted() { | 637 | mounted() { |
| 628 | this.getXzqList(); | 638 | this.getXzqList(); |
| 629 | this.getzdtzm(); | 639 | this.getzdtzm(); |
| 640 | this.$nextTick(()=>{ | ||
| 641 | this.fgBoxWidth = this.$refs.fgBox.clientWidth; | ||
| 642 | }) | ||
| 630 | }, | 643 | }, |
| 631 | methods: { | 644 | methods: { |
| 632 | handleNodeClick(node) { | 645 | handleNodeClick(node) { |
| ... | @@ -789,15 +802,65 @@ | ... | @@ -789,15 +802,65 @@ |
| 789 | } | 802 | } |
| 790 | </script> | 803 | </script> |
| 791 | <style scoped lang="less"> | 804 | <style scoped lang="less"> |
| 805 | .fg{ | ||
| 806 | .menu{ | ||
| 807 | /deep/.el-tabs__content{ | ||
| 808 | position: unset; | ||
| 809 | margin-top: 62px; | ||
| 810 | overflow: visible; | ||
| 811 | } | ||
| 812 | /deep/.el-tabs__header{ | ||
| 813 | position: -webkit-fixed; | ||
| 814 | position: fixed; | ||
| 815 | top: 120px; | ||
| 816 | z-index: 999; | ||
| 817 | width: 100%; | ||
| 818 | margin-bottom: 0; | ||
| 819 | border: 0; | ||
| 820 | /deep/.el-tabs__nav-scroll{ | ||
| 821 | height: 50px; | ||
| 822 | box-sizing: border-box; | ||
| 823 | padding-left: 20px; | ||
| 824 | .el-tabs__active-bar{ | ||
| 825 | display: none; | ||
| 826 | } | ||
| 827 | >.el-tabs__nav{ | ||
| 828 | border: 0; | ||
| 829 | >.el-tabs__item{ | ||
| 830 | border: 1px solid #DEDEDE; | ||
| 831 | height: 36px; | ||
| 832 | line-height: 36px; | ||
| 833 | padding: 0 20px; | ||
| 834 | margin: 9px 10px 9px 0; | ||
| 835 | background-color: #ffffff; | ||
| 836 | } | ||
| 837 | .is-active{ | ||
| 838 | color: #006CFF; | ||
| 839 | border: 1px solid #006CFF; | ||
| 840 | } | ||
| 841 | } | ||
| 842 | } | ||
| 843 | } | ||
| 844 | } | ||
| 845 | } | ||
| 792 | .v-model { | 846 | .v-model { |
| 793 | z-index: 99 !important; | 847 | z-index: 99 !important; |
| 794 | } | 848 | } |
| 795 | 849 | ||
| 796 | .main { | 850 | .fg-tabs { |
| 851 | height: auto; | ||
| 852 | width: 100%; | ||
| 853 | position: relative; | ||
| 854 | .table{ | ||
| 855 | margin-top: 12px; | ||
| 797 | box-sizing: border-box; | 856 | box-sizing: border-box; |
| 798 | padding: 18px; | 857 | padding: 18px; |
| 799 | height: auto; | 858 | } |
| 800 | width: 80%; | 859 | .addBtn{ |
| 860 | position: absolute; | ||
| 861 | right: 30px; | ||
| 862 | top: -46px; | ||
| 863 | } | ||
| 801 | table { | 864 | table { |
| 802 | margin-top: 10px; | 865 | margin-top: 10px; |
| 803 | background-color: #fff; | 866 | background-color: #fff; |
| ... | @@ -833,11 +896,19 @@ | ... | @@ -833,11 +896,19 @@ |
| 833 | color: #b2b2b2; | 896 | color: #b2b2b2; |
| 834 | } | 897 | } |
| 835 | .fgh { | 898 | .fgh { |
| 836 | margin-top: 20px; | 899 | box-sizing: border-box; |
| 900 | padding: 0 18px; | ||
| 901 | margin-top: 10px; | ||
| 837 | } | 902 | } |
| 838 | .header-button { | 903 | .header-button { |
| 839 | margin-top: 20px; | 904 | height: 50px; |
| 905 | position: fixed; | ||
| 906 | bottom: 0; | ||
| 840 | text-align: center; | 907 | text-align: center; |
| 908 | background-color: #ffffff; | ||
| 909 | /deep/ .el-button{ | ||
| 910 | margin-top: 5px; | ||
| 911 | } | ||
| 841 | } | 912 | } |
| 842 | .xz-container { | 913 | .xz-container { |
| 843 | border: 1px solid #000; | 914 | border: 1px solid #000; |
| ... | @@ -845,5 +916,8 @@ | ... | @@ -845,5 +916,8 @@ |
| 845 | grid-template-columns: 70% 30%; | 916 | grid-template-columns: 70% 30%; |
| 846 | grid-template-rows: 1fr; | 917 | grid-template-rows: 1fr; |
| 847 | } | 918 | } |
| 919 | .tips{ | ||
| 920 | color: #9B9B9B; | ||
| 921 | } | ||
| 848 | } | 922 | } |
| 849 | </style> | 923 | </style> | ... | ... |
| ... | @@ -73,7 +73,9 @@ | ... | @@ -73,7 +73,9 @@ |
| 73 | }, | 73 | }, |
| 74 | mounted() { | 74 | mounted() { |
| 75 | this.getData({}) | 75 | this.getData({}) |
| 76 | this.$nextTick(()=>{ | ||
| 76 | this.tableHeight = this.$refs.dataGrid.offsetHeight - 68; | 77 | this.tableHeight = this.$refs.dataGrid.offsetHeight - 68; |
| 78 | }) | ||
| 77 | }, | 79 | }, |
| 78 | methods: { | 80 | methods: { |
| 79 | onSubmit() { | 81 | onSubmit() { | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <div class="content_box"> | 2 | <div class="content_box"> |
| 3 | <el-tabs v-model="activeName" @tab-click="handleClick"> | 3 | <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick"> |
| 4 | <el-tab-pane label="分割" name="fg"><fg></fg></el-tab-pane> | 4 | <el-tab-pane label="分割" name="fg"><fg></fg></el-tab-pane> |
| 5 | <el-tab-pane label="合并" name="hb"><hb></hb></el-tab-pane> | 5 | <el-tab-pane label="合并" name="hb"><hb></hb></el-tab-pane> |
| 6 | <el-tab-pane label="范围属性变更" name="fwsxbg"><fwsxbg></fwsxbg></el-tab-pane> | 6 | <el-tab-pane label="范围属性变更" name="fwsxbg"><fwsxbg></fwsxbg></el-tab-pane> | ... | ... |
| ... | @@ -285,6 +285,7 @@ export default { | ... | @@ -285,6 +285,7 @@ export default { |
| 285 | //todo 在新增时,如果是点击顶部新建里面的自然幢则不传zdbsm 如果是点击右键里面的添加定着物则传zdbsm | 285 | //todo 在新增时,如果是点击顶部新建里面的自然幢则不传zdbsm 如果是点击右键里面的添加定着物则传zdbsm |
| 286 | this.$refs['ruleForm2'].validate((valid) => { | 286 | this.$refs['ruleForm2'].validate((valid) => { |
| 287 | if (valid) { | 287 | if (valid) { |
| 288 | this.ruleForm2.zdbsm = this.$store.state.rightClickZdbsm != '' ? this.$store.state.rightClickZdbsm : ''; | ||
| 288 | insertDzjbxx(this.ruleForm2) | 289 | insertDzjbxx(this.ruleForm2) |
| 289 | .then((res) => { | 290 | .then((res) => { |
| 290 | if (res.code == "200") { | 291 | if (res.code == "200") { | ... | ... |
| ... | @@ -95,7 +95,9 @@ export default { | ... | @@ -95,7 +95,9 @@ export default { |
| 95 | }; | 95 | }; |
| 96 | }, | 96 | }, |
| 97 | mounted() { | 97 | mounted() { |
| 98 | this.$nextTick(()=>{ | ||
| 98 | this.tableHeight = this.$refs.notice.offsetHeight - 53; | 99 | this.tableHeight = this.$refs.notice.offsetHeight - 53; |
| 100 | }) | ||
| 99 | }, | 101 | }, |
| 100 | methods: { | 102 | methods: { |
| 101 | handleSelect() {}, | 103 | handleSelect() {}, | ... | ... |
| ... | @@ -78,7 +78,9 @@ | ... | @@ -78,7 +78,9 @@ |
| 78 | }, | 78 | }, |
| 79 | mounted() { | 79 | mounted() { |
| 80 | this.getData({}) | 80 | this.getData({}) |
| 81 | this.$nextTick(()=>{ | ||
| 81 | this.tableHeight = this.$refs.dataGrid.offsetHeight - 68; | 82 | this.tableHeight = this.$refs.dataGrid.offsetHeight - 68; |
| 83 | }) | ||
| 82 | }, | 84 | }, |
| 83 | methods: { | 85 | methods: { |
| 84 | handleCurrentChange(val) { | 86 | handleCurrentChange(val) { | ... | ... |
| ... | @@ -63,15 +63,17 @@ | ... | @@ -63,15 +63,17 @@ |
| 63 | pageNo: 1, | 63 | pageNo: 1, |
| 64 | pageSize: 15, | 64 | pageSize: 15, |
| 65 | tableData: [], | 65 | tableData: [], |
| 66 | tableHeight: "", | 66 | tableHeight: 0, |
| 67 | queryData: {} | 67 | queryData: {} |
| 68 | }; | 68 | }; |
| 69 | }, | 69 | }, |
| 70 | created() { | 70 | created() { |
| 71 | }, | 71 | }, |
| 72 | mounted() { | 72 | mounted() { |
| 73 | this.getData({pageSize:15}) | 73 | this.getData({pageSize:15}); |
| 74 | this.$nextTick(()=>{ | ||
| 74 | this.tableHeight = this.$refs.dataGrid.offsetHeight - 68; | 75 | this.tableHeight = this.$refs.dataGrid.offsetHeight - 68; |
| 76 | }) | ||
| 75 | }, | 77 | }, |
| 76 | methods: { | 78 | methods: { |
| 77 | onSubmit() { | 79 | onSubmit() { | ... | ... |
File moved
| ... | @@ -43,7 +43,7 @@ export default { | ... | @@ -43,7 +43,7 @@ export default { |
| 43 | width: 100%; | 43 | width: 100%; |
| 44 | height: 100%; | 44 | height: 100%; |
| 45 | box-sizing: border-box; | 45 | box-sizing: border-box; |
| 46 | padding: 0 18px !important; | 46 | padding:18px; |
| 47 | -webkit-user-select:none; | 47 | -webkit-user-select:none; |
| 48 | -moz-user-select:none; | 48 | -moz-user-select:none; |
| 49 | -ms-user-select:none; | 49 | -ms-user-select:none; | ... | ... |
| ... | @@ -24,9 +24,9 @@ | ... | @@ -24,9 +24,9 @@ |
| 24 | </td> | 24 | </td> |
| 25 | <td colspan="2" >不动产单元号</td> | 25 | <td colspan="2" >不动产单元号</td> |
| 26 | <td colspan="4" > | 26 | <td colspan="4" > |
| 27 | <input class="formInput percent78" :disabled="form.qszt!='0'" v-model="form.bdcdyh" style="width: 70%"> | 27 | <input class="formInput percent78" v-show="form.bdcdyh === ''||form.bdcdyh == null " :disabled="form.qszt!='0'" v-model="form.bdcdyh" style="width: 70%"> |
| 28 | <input class="formInput percent78" v-show="false" v-model="form.dyhbsm" style="width: 70%"> | 28 | <input class="formInput" :disabled="form.qszt!='0'" v-show="form.bdcdyh !== ''&&form.bdcdyh != null " v-model="form.bdcdyh" style="width: 100%"> |
| 29 | <el-button @click.prevent="" type="primary" size="mini" style="width:25%;margin-left:3%">生成</el-button> | 29 | <el-button @click.prevent="generatorCode" type="primary" size="mini" style="width:25%;margin-left:3%" v-show="form.bdcdyh === ''||form.bdcdyh == null ">生成</el-button> |
| 30 | </td> | 30 | </td> |
| 31 | </tr> | 31 | </tr> |
| 32 | 32 | ... | ... |
-
Please register or sign in to post a comment