Merge remote-tracking branch 'origin/master' into master
Showing
32 changed files
with
1706 additions
and
534 deletions
| ... | @@ -97,3 +97,13 @@ export function saveDzFg(data) { | ... | @@ -97,3 +97,13 @@ export function saveDzFg(data) { |
| 97 | data: data, | 97 | data: data, |
| 98 | }) | 98 | }) |
| 99 | } | 99 | } |
| 100 | /** | ||
| 101 | * 多幢合并保存 | ||
| 102 | */ | ||
| 103 | export function saveDzHb(data) { | ||
| 104 | return request({ | ||
| 105 | url: '/bg/dzSplitMerge/dzHb', | ||
| 106 | method: 'post', | ||
| 107 | data: data, | ||
| 108 | }) | ||
| 109 | } | ... | ... |
| ... | @@ -59,3 +59,14 @@ export function getHZdxx(bsm) { | ... | @@ -59,3 +59,14 @@ export function getHZdxx(bsm) { |
| 59 | }) | 59 | }) |
| 60 | 60 | ||
| 61 | } | 61 | } |
| 62 | |||
| 63 | /** | ||
| 64 | * 户合并 | ||
| 65 | */ | ||
| 66 | export function hhb(data) { | ||
| 67 | return request({ | ||
| 68 | url: '/bg/hSplitMerge/hHb', | ||
| 69 | method: 'post', | ||
| 70 | data: data | ||
| 71 | }) | ||
| 72 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -10,6 +10,10 @@ export function getSearchList(data) { | ... | @@ -10,6 +10,10 @@ export function getSearchList(data) { |
| 10 | }) | 10 | }) |
| 11 | } | 11 | } |
| 12 | 12 | ||
| 13 | /** | ||
| 14 | * 宗地分割选择宗地列表 | ||
| 15 | * @param data | ||
| 16 | */ | ||
| 13 | export function zdlist(data) { | 17 | export function zdlist(data) { |
| 14 | return request({ | 18 | return request({ |
| 15 | url: '/zd/qjZdjbxx/zdlist', | 19 | url: '/zd/qjZdjbxx/zdlist', |
| ... | @@ -17,3 +21,15 @@ export function zdlist(data) { | ... | @@ -17,3 +21,15 @@ export function zdlist(data) { |
| 17 | data:data | 21 | data:data |
| 18 | }) | 22 | }) |
| 19 | } | 23 | } |
| 24 | |||
| 25 | /** | ||
| 26 | * 多幢分割选择多幢列表 | ||
| 27 | * @param data | ||
| 28 | */ | ||
| 29 | export function dzList(data) { | ||
| 30 | return request({ | ||
| 31 | url:'/fw/qjDz/dzlist', | ||
| 32 | method:'post', | ||
| 33 | data:data | ||
| 34 | }) | ||
| 35 | } | ... | ... |
src/components/dzQueryData/dzQueryData.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div> | ||
| 3 | <el-dialog | ||
| 4 | title="新增" | ||
| 5 | :visible.sync="isVisible" | ||
| 6 | width="70%" | ||
| 7 | @close="close" | ||
| 8 | :modal-append-to-body="false" | ||
| 9 | center> | ||
| 10 | <div class="search"> | ||
| 11 | <el-row> | ||
| 12 | <el-col :span="24"> | ||
| 13 | <el-form :inline="true" class="demo-form-inline"> | ||
| 14 | <el-form-item label="宗地编码"> | ||
| 15 | <el-input | ||
| 16 | v-model="queryData.zddm" | ||
| 17 | placeholder="输入宗地编码" | ||
| 18 | ></el-input> | ||
| 19 | </el-form-item> | ||
| 20 | <el-form-item label="不动产权证号"> | ||
| 21 | <el-input | ||
| 22 | v-model="queryData.bdcqzh" | ||
| 23 | placeholder="输入不动产权证号" | ||
| 24 | ></el-input> | ||
| 25 | </el-form-item> | ||
| 26 | <el-form-item label="不动产单元号"> | ||
| 27 | <el-input | ||
| 28 | maxlength="28" | ||
| 29 | v-model="queryData.bdcdyh" | ||
| 30 | placeholder="输入不动产单元号" | ||
| 31 | ></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | <el-button type="primary" style="margin-left:30px" @click="search">查询</el-button> | ||
| 34 | <el-button type="warning" @click="reset">重置</el-button> | ||
| 35 | </el-form> | ||
| 36 | </el-col> | ||
| 37 | </el-row> | ||
| 38 | <el-row> | ||
| 39 | <el-col :span="24"> | ||
| 40 | <el-form :inline="true" class="demo-form-inline"> | ||
| 41 | <el-form-item label="权利人"> | ||
| 42 | <el-input | ||
| 43 | v-model="queryData.qlrmc" | ||
| 44 | placeholder="输入权利人" | ||
| 45 | ></el-input> | ||
| 46 | </el-form-item> | ||
| 47 | <el-form-item label="坐落"> | ||
| 48 | <el-input | ||
| 49 | v-model="queryData.zl" | ||
| 50 | placeholder="输入坐落" | ||
| 51 | ></el-input> | ||
| 52 | </el-form-item> | ||
| 53 | </el-form> | ||
| 54 | </el-col> | ||
| 55 | </el-row> | ||
| 56 | <div class="table-bode"> | ||
| 57 | <table border="1"> | ||
| 58 | <tr> | ||
| 59 | <td>序号</td> | ||
| 60 | <td>操作</td> | ||
| 61 | <td>宗地代码</td> | ||
| 62 | <td>不动产单元号</td> | ||
| 63 | <td>项目名称</td> | ||
| 64 | <td>不动产权证号</td> | ||
| 65 | <td>权利人</td> | ||
| 66 | <td>坐落</td> | ||
| 67 | </tr> | ||
| 68 | <tr v-if="Data.length==0"> | ||
| 69 | <td colspan="8"> | ||
| 70 | <span class="noData">暂无数据</span> | ||
| 71 | </td> | ||
| 72 | </tr> | ||
| 73 | <tr v-else v-for="(item,index) in Data" :key="index"> | ||
| 74 | <td>{{index+1}}</td> | ||
| 75 | <td @click="addData(item)" class="xz"> | ||
| 76 | <span>选择</span> | ||
| 77 | </td> | ||
| 78 | <td>{{item.zddm}}</td> | ||
| 79 | <td>{{item.bdcdyh}}</td> | ||
| 80 | <td>{{item.xmmc}}</td> | ||
| 81 | <td>{{item.bdcqzh}}</td> | ||
| 82 | <td>{{item.qlr}}</td> | ||
| 83 | <td>{{item.zl}}</td> | ||
| 84 | </tr> | ||
| 85 | </table> | ||
| 86 | </div> | ||
| 87 | </div> | ||
| 88 | <div class="page"> | ||
| 89 | <el-pagination | ||
| 90 | background | ||
| 91 | layout="prev, pager, next,total" | ||
| 92 | :page-size="queryData.pageSize" | ||
| 93 | :total="total" | ||
| 94 | @current-change="currentChange" | ||
| 95 | > | ||
| 96 | </el-pagination> | ||
| 97 | </div> | ||
| 98 | </el-dialog> | ||
| 99 | |||
| 100 | </div> | ||
| 101 | </template> | ||
| 102 | |||
| 103 | <script> | ||
| 104 | import {dzList} from './../../api/search' | ||
| 105 | |||
| 106 | export default { | ||
| 107 | name: "zdQueryData", | ||
| 108 | data() { | ||
| 109 | return { | ||
| 110 | total: 1, | ||
| 111 | queryData: { | ||
| 112 | bdcdyh: "", | ||
| 113 | bdcqzh: "", | ||
| 114 | qlrmc: "", | ||
| 115 | xmmc: "", | ||
| 116 | zddm: "", | ||
| 117 | zl: "", | ||
| 118 | pageNo: 1, | ||
| 119 | pageSize: 10, | ||
| 120 | }, | ||
| 121 | Data: [], | ||
| 122 | isVisible: false | ||
| 123 | } | ||
| 124 | }, | ||
| 125 | props: { | ||
| 126 | centerDialogVisible: { | ||
| 127 | type: Boolean, | ||
| 128 | default: function () { | ||
| 129 | return false | ||
| 130 | } | ||
| 131 | }, | ||
| 132 | isClose: { | ||
| 133 | type: Boolean, | ||
| 134 | default: false | ||
| 135 | } | ||
| 136 | }, | ||
| 137 | mounted() { | ||
| 138 | this.getData(this.queryData) | ||
| 139 | }, | ||
| 140 | created() { | ||
| 141 | }, | ||
| 142 | methods: { | ||
| 143 | currentChange: function (val) { | ||
| 144 | this.queryData.pageNo = val; | ||
| 145 | this.getData(this.queryData); | ||
| 146 | }, | ||
| 147 | reset: function () { | ||
| 148 | this.queryData = { | ||
| 149 | bdcdyh: "", | ||
| 150 | bdcqzh: "", | ||
| 151 | qlrmc: "", | ||
| 152 | xmmc: "", | ||
| 153 | zddm: "", | ||
| 154 | zl: "", | ||
| 155 | pageNo: 1, | ||
| 156 | pageSize: 10 | ||
| 157 | }; | ||
| 158 | this.getData(this.queryData) | ||
| 159 | }, | ||
| 160 | getData: function (data) { | ||
| 161 | dzList(data).then(res => { | ||
| 162 | this.Data = res.result.records | ||
| 163 | this.total = res.result.total; | ||
| 164 | }) | ||
| 165 | }, | ||
| 166 | search: function () { | ||
| 167 | this.getData(this.queryData) | ||
| 168 | }, | ||
| 169 | addData: function (val) { | ||
| 170 | this.$emit("getData", val) | ||
| 171 | if (this.isClose) { | ||
| 172 | this.close(); | ||
| 173 | } | ||
| 174 | }, | ||
| 175 | close: function () { | ||
| 176 | this.$emit('close') | ||
| 177 | this.reset(); | ||
| 178 | } | ||
| 179 | }, | ||
| 180 | watch: { | ||
| 181 | centerDialogVisible(val) { | ||
| 182 | this.isVisible = val | ||
| 183 | } | ||
| 184 | } | ||
| 185 | } | ||
| 186 | </script> | ||
| 187 | |||
| 188 | <style scoped lang="less"> | ||
| 189 | |||
| 190 | .main { | ||
| 191 | box-sizing: border-box; | ||
| 192 | padding: 18px; | ||
| 193 | height: auto; | ||
| 194 | width: 80%; | ||
| 195 | } | ||
| 196 | |||
| 197 | /deep/ .el-form-item__label { | ||
| 198 | width: 96px; | ||
| 199 | text-align: right; | ||
| 200 | } | ||
| 201 | |||
| 202 | table { | ||
| 203 | margin-top: 10px; | ||
| 204 | background-color: #fff; | ||
| 205 | font-size: 14px; | ||
| 206 | width: 100%; | ||
| 207 | tr:hover { | ||
| 208 | background-color: #F5F7FA; | ||
| 209 | } | ||
| 210 | } | ||
| 211 | |||
| 212 | td { | ||
| 213 | text-align: center; | ||
| 214 | height: 36px; | ||
| 215 | min-width: 50px; | ||
| 216 | } | ||
| 217 | |||
| 218 | table:hover { | ||
| 219 | cursor: pointer; | ||
| 220 | } | ||
| 221 | |||
| 222 | .inputtitle { | ||
| 223 | line-height: 40px; | ||
| 224 | } | ||
| 225 | |||
| 226 | .shop { | ||
| 227 | margin-top: 20px; | ||
| 228 | } | ||
| 229 | |||
| 230 | .xz { | ||
| 231 | color: blue; | ||
| 232 | } | ||
| 233 | |||
| 234 | .noData { | ||
| 235 | color: #b2b2b2; | ||
| 236 | } | ||
| 237 | .table-bode{ | ||
| 238 | height: 450px; | ||
| 239 | } | ||
| 240 | .page { | ||
| 241 | margin-top: 20px; | ||
| 242 | } | ||
| 243 | |||
| 244 | </style> |
| ... | @@ -55,7 +55,6 @@ | ... | @@ -55,7 +55,6 @@ |
| 55 | custom-class="insetDialog" | 55 | custom-class="insetDialog" |
| 56 | append-to-body | 56 | append-to-body |
| 57 | width="50%" | 57 | width="50%" |
| 58 | center | ||
| 59 | > | 58 | > |
| 60 | <el-form :model="formData" class="qlrForm"> | 59 | <el-form :model="formData" class="qlrForm"> |
| 61 | <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1"> | 60 | <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1"> | ... | ... |
| ... | @@ -523,6 +523,40 @@ export default { | ... | @@ -523,6 +523,40 @@ export default { |
| 523 | this.outNum--; | 523 | this.outNum--; |
| 524 | } | 524 | } |
| 525 | }, | 525 | }, |
| 526 | reset(){ | ||
| 527 | this.countList=[ | ||
| 528 | { | ||
| 529 | id: Math.random(), | ||
| 530 | isInside: false, | ||
| 531 | hasNotBorder: false, | ||
| 532 | bsm: "", //权利性质标识码 | ||
| 533 | glbsm: "", //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM | ||
| 534 | qlxzdm: "", | ||
| 535 | zhqlxzlx: "", //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质 | ||
| 536 | list: [ | ||
| 537 | { | ||
| 538 | pzdjbsm: "", | ||
| 539 | pzdjmc: "", | ||
| 540 | pzytdm: "", | ||
| 541 | pzytmc: "", | ||
| 542 | pzytmj: 0, | ||
| 543 | qlxzbsm: "", | ||
| 544 | sjdjbsm: "", | ||
| 545 | sjdjmc: "", | ||
| 546 | sjytdm: "", | ||
| 547 | sjytmc: "", | ||
| 548 | sjytmj: 0, | ||
| 549 | syqx: "", | ||
| 550 | tdsyjssj: "", | ||
| 551 | pickerStart:{}, | ||
| 552 | pickerEnd:{}, | ||
| 553 | tdsyqssj: "", | ||
| 554 | tdzh: "", | ||
| 555 | }, | ||
| 556 | ], | ||
| 557 | }, | ||
| 558 | ]; | ||
| 559 | }, | ||
| 526 | //内层操作 | 560 | //内层操作 |
| 527 | handleInClick(index, childIndex, type) { | 561 | handleInClick(index, childIndex, type) { |
| 528 | let insideObj = { | 562 | let insideObj = { | ... | ... |
| ... | @@ -46,6 +46,7 @@ | ... | @@ -46,6 +46,7 @@ |
| 46 | @contextmenu.prevent="openMenu($event, item,list)" | 46 | @contextmenu.prevent="openMenu($event, item,list)" |
| 47 | :class="{ | 47 | :class="{ |
| 48 | active_color: item.expand, | 48 | active_color: item.expand, |
| 49 | curPage:$route.query.bsm==item.bsm | ||
| 49 | }" | 50 | }" |
| 50 | > | 51 | > |
| 51 | <img class="qsztImg" v-if="item.qszt=='0'" :src="linshi"/> | 52 | <img class="qsztImg" v-if="item.qszt=='0'" :src="linshi"/> |
| ... | @@ -404,4 +405,7 @@ export default { | ... | @@ -404,4 +405,7 @@ export default { |
| 404 | position: relative; | 405 | position: relative; |
| 405 | top: 1px; | 406 | top: 1px; |
| 406 | } | 407 | } |
| 408 | .curPage{ | ||
| 409 | color: orange; | ||
| 410 | } | ||
| 407 | </style> | 411 | </style> | ... | ... |
| ... | @@ -67,7 +67,7 @@ | ... | @@ -67,7 +67,7 @@ |
| 67 | <li @click="exportToShp">ESRI Shape</li> | 67 | <li @click="exportToShp">ESRI Shape</li> |
| 68 | </ul> | 68 | </ul> |
| 69 | </li> | 69 | </li> |
| 70 | <li v-show="isZD">导入属性</li> | 70 | <li v-show="isZD" @click="drsx">导入属性</li> |
| 71 | <li v-show="!isZD">导入楼盘</li> | 71 | <li v-show="!isZD">导入楼盘</li> |
| 72 | <li>重叠分析</li> | 72 | <li>重叠分析</li> |
| 73 | <li v-show="isZD && (zdQszt == '1' || zdQszt == '2')" @click="openCreateDialog">添加定着物</li> | 73 | <li v-show="isZD && (zdQszt == '1' || zdQszt == '2')" @click="openCreateDialog">添加定着物</li> |
| ... | @@ -110,6 +110,7 @@ | ... | @@ -110,6 +110,7 @@ |
| 110 | <el-dialog title="新建" :visible.sync="dialogVisible" width="48%"> | 110 | <el-dialog title="新建" :visible.sync="dialogVisible" width="48%"> |
| 111 | <Create @closeDialog="closeDialog" :auth="true"></Create> | 111 | <Create @closeDialog="closeDialog" :auth="true"></Create> |
| 112 | </el-dialog> | 112 | </el-dialog> |
| 113 | <sxdr :sxdr-visible="sxdrVisible" @close="sxdrClose" :dylx="zdData.type" :bsm="zdData.bsm"></sxdr> | ||
| 113 | </div> | 114 | </div> |
| 114 | </template> | 115 | </template> |
| 115 | <script> | 116 | <script> |
| ... | @@ -121,6 +122,7 @@ import geoUtils from "@components/lineTree/tx/js/geoUtils"; | ... | @@ -121,6 +122,7 @@ import geoUtils from "@components/lineTree/tx/js/geoUtils"; |
| 121 | import featureUpdate from "@libs/map/featureUpdate"; | 122 | import featureUpdate from "@libs/map/featureUpdate"; |
| 122 | import {deleteLjz,deleteZdy} from "./../../api/lpb" | 123 | import {deleteLjz,deleteZdy} from "./../../api/lpb" |
| 123 | import exportTemJson from '@/assets/json/exportTemplate.json' | 124 | import exportTemJson from '@/assets/json/exportTemplate.json' |
| 125 | import sxdr from './../../components/sxdr/sxdr' | ||
| 124 | export default { | 126 | export default { |
| 125 | inheritAttrs: false, | 127 | inheritAttrs: false, |
| 126 | props: { | 128 | props: { |
| ... | @@ -134,10 +136,11 @@ export default { | ... | @@ -134,10 +136,11 @@ export default { |
| 134 | default: false, | 136 | default: false, |
| 135 | } | 137 | } |
| 136 | }, | 138 | }, |
| 137 | components: { lineItem,Create,ImportGeo }, | 139 | components: { lineItem,Create,ImportGeo,sxdr }, |
| 138 | mixins:[geoUtils,featureUpdate], | 140 | mixins:[geoUtils,featureUpdate], |
| 139 | data() { | 141 | data() { |
| 140 | return { | 142 | return { |
| 143 | sxdrVisible:false, | ||
| 141 | selectedDetail: {}, | 144 | selectedDetail: {}, |
| 142 | timer: {}, | 145 | timer: {}, |
| 143 | formatData: [], | 146 | formatData: [], |
| ... | @@ -197,6 +200,12 @@ export default { | ... | @@ -197,6 +200,12 @@ export default { |
| 197 | }, | 200 | }, |
| 198 | 201 | ||
| 199 | methods: { | 202 | methods: { |
| 203 | drsx(){ | ||
| 204 | this.sxdrVisible=true; | ||
| 205 | }, | ||
| 206 | sxdrClose(){ | ||
| 207 | this.sxdrVisible=false; | ||
| 208 | }, | ||
| 200 | loading(){ | 209 | loading(){ |
| 201 | this.$emit("loading") | 210 | this.$emit("loading") |
| 202 | }, | 211 | }, | ... | ... |
| ... | @@ -6,7 +6,7 @@ | ... | @@ -6,7 +6,7 @@ |
| 6 | width="50%" | 6 | width="50%" |
| 7 | @close="close" | 7 | @close="close" |
| 8 | :modal-append-to-body="false" | 8 | :modal-append-to-body="false" |
| 9 | center> | 9 | > |
| 10 | <div> | 10 | <div> |
| 11 | <div class="bottom-radio"> | 11 | <div class="bottom-radio"> |
| 12 | <el-radio-group v-model="moveHdata.sxzylx"> | 12 | <el-radio-group v-model="moveHdata.sxzylx"> | ... | ... |
| ... | @@ -6,7 +6,7 @@ | ... | @@ -6,7 +6,7 @@ |
| 6 | width="70%" | 6 | width="70%" |
| 7 | @close="close" | 7 | @close="close" |
| 8 | :modal-append-to-body="false" | 8 | :modal-append-to-body="false" |
| 9 | center> | 9 | > |
| 10 | <div> | 10 | <div> |
| 11 | <table border="1"> | 11 | <table border="1"> |
| 12 | <tr> | 12 | <tr> |
| ... | @@ -126,12 +126,12 @@ | ... | @@ -126,12 +126,12 @@ |
| 126 | </tr> | 126 | </tr> |
| 127 | <tr height="30" v-for="(item1,index) in form.fwytList" :key="index"> | 127 | <tr height="30" v-for="(item1,index) in form.fwytList" :key="index"> |
| 128 | <td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle"> | 128 | <td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle"> |
| 129 | <el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button> | 129 | <el-button type="primary" class="outAdd addMinus" size="mini" style="margin-right: 10px" @click="addYtInfo">+</el-button> |
| 130 | <span>用途</span> | 130 | <span>用途</span> |
| 131 | </td> | 131 | </td> |
| 132 | 132 | ||
| 133 | <td width="30" colspan="1" align="center" > | 133 | <td width="30" colspan="1" align="center" > |
| 134 | <el-button type="info" size="mini" style="" @click="deleteYtInfo(index)" circle>删除</el-button> | 134 | <el-button type="info" class="inMinus addMinus" size="mini" style="" @click="deleteYtInfo(index)" circle>-</el-button> |
| 135 | 规划用途 | 135 | 规划用途 |
| 136 | </td> | 136 | </td> |
| 137 | <td width="30" colspan="4" align="center" > | 137 | <td width="30" colspan="4" align="center" > |
| ... | @@ -167,11 +167,12 @@ | ... | @@ -167,11 +167,12 @@ |
| 167 | 167 | ||
| 168 | <tr height="30" v-for="(item1,index) in form.fwjgList" :key="'jg'+index"> | 168 | <tr height="30" v-for="(item1,index) in form.fwjgList" :key="'jg'+index"> |
| 169 | <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" align="center" > | 169 | <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" align="center" > |
| 170 | <el-button type="primary" size="mini" style="margin-right: 10px" @click="addFwjgInfo">添加</el-button> | 170 | <el-button type="primary" class="outAdd addMinus" size="mini" style="margin-right: 10px" @click="addFwjgInfo">+</el-button> |
| 171 | <span>房屋结构</span> | 171 | <span>房屋结构</span> |
| 172 | </td> | 172 | </td> |
| 173 | <td colspan="1" align="center" > | 173 | <td colspan="1" align="center" > |
| 174 | <span @click="deleteFwjgInfo(index)">删除</span> | 174 | <span @click="deleteFwjgInfo(index)">删除</span> |
| 175 | <!-- <el-button type="info" class="inMinus addMinus" size="mini" style="" @click="deleteFwjgInfo(index)" circle>-</el-button>--> | ||
| 175 | </td> | 176 | </td> |
| 176 | <td colspan="9" > | 177 | <td colspan="9" > |
| 177 | <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" > | 178 | <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" > |
| ... | @@ -187,7 +188,7 @@ | ... | @@ -187,7 +188,7 @@ |
| 187 | 188 | ||
| 188 | <tr> | 189 | <tr> |
| 189 | <td colspan="12" rowspan="4" align="center"> | 190 | <td colspan="12" rowspan="4" align="center"> |
| 190 | <Qlxz ref="qlxzModule" :hasSyqx='false'></Qlxz> | 191 | <Qlxz ref="qlxzModule" :hasSyqx='false' :formData="form"></Qlxz> |
| 191 | </td> | 192 | </td> |
| 192 | </tr> | 193 | </tr> |
| 193 | <tr></tr> | 194 | <tr></tr> |
| ... | @@ -210,7 +211,7 @@ | ... | @@ -210,7 +211,7 @@ |
| 210 | </div> | 211 | </div> |
| 211 | <div class="shop"> | 212 | <div class="shop"> |
| 212 | <el-button type="primary" @click="save">保存</el-button> | 213 | <el-button type="primary" @click="save">保存</el-button> |
| 213 | <el-button type="primary" @click="result">重置</el-button> | 214 | <el-button type="primary" @click="reset">重置</el-button> |
| 214 | <el-button type="primary" @click="cancel">取消</el-button> | 215 | <el-button type="primary" @click="cancel">取消</el-button> |
| 215 | </div> | 216 | </div> |
| 216 | </el-dialog> | 217 | </el-dialog> |
| ... | @@ -252,6 +253,7 @@ | ... | @@ -252,6 +253,7 @@ |
| 252 | }, | 253 | }, |
| 253 | 254 | ||
| 254 | form:{ | 255 | form:{ |
| 256 | qszt:'0', | ||
| 255 | jzmj:'', | 257 | jzmj:'', |
| 256 | tnjzmj:'', | 258 | tnjzmj:'', |
| 257 | ftjzmj:'', | 259 | ftjzmj:'', |
| ... | @@ -360,18 +362,82 @@ | ... | @@ -360,18 +362,82 @@ |
| 360 | this.isVisible = false | 362 | this.isVisible = false |
| 361 | this.result() | 363 | this.result() |
| 362 | }, | 364 | }, |
| 363 | result: function () { | 365 | reset: function () { |
| 364 | 366 | this.form={ | |
| 367 | qszt:'0', | ||
| 368 | jzmj:'', | ||
| 369 | tnjzmj:'', | ||
| 370 | ftjzmj:'', | ||
| 371 | dxbfjzmj:'', | ||
| 372 | qtjzmj:'', | ||
| 373 | ftxs:'', | ||
| 374 | hxbsm:'', | ||
| 375 | hxjgbsm:'', | ||
| 376 | gytdmj: '', | ||
| 377 | fttdmj: '', | ||
| 378 | dytdmj: '', | ||
| 379 | fwlxbsm: '', | ||
| 380 | fwcbbsm:'', | ||
| 381 | fwcqlybsm:'', | ||
| 382 | fwxzbsm:'', | ||
| 383 | dqtgs:'', | ||
| 384 | nqtgs:'', | ||
| 385 | xqtgs:'', | ||
| 386 | bqtgs:'', | ||
| 387 | fwjgbsm:'', | ||
| 388 | fwytList:[{ | ||
| 389 | glbsm:'', //关联标识码 | ||
| 390 | fwytzdbsm:'', //房屋用途字典标识码 | ||
| 391 | sx:'', //顺序 | ||
| 392 | fwsjytbsm:'', //房屋实际用途字典标识码 | ||
| 393 | }], | ||
| 394 | fwjgList:[{ | ||
| 395 | fwjgzdbsm:'', //房屋结构字典标识码 | ||
| 396 | glbsm:'', //关联标识码 | ||
| 397 | sx:'', //顺序 | ||
| 398 | }], | ||
| 399 | qlxzList:[{ | ||
| 400 | qlxzdm:'', //权利性质代码 | ||
| 401 | glbsm:'', //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM | ||
| 402 | qlxzzdbsm:'', //权利性质字典表标识码 | ||
| 403 | qlxzmc:'', //权利名称名称 | ||
| 404 | zhqlxzlx:'', //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质 | ||
| 405 | addQjTdytRequestList:[{ | ||
| 406 | }], //土地用途新增实体列表 | ||
| 407 | }] | ||
| 408 | }; | ||
| 409 | this.$refs.qlxzModule.reset(); | ||
| 410 | this.ytTitleRowspan=1; //用途的单元格垂直合并数量 | ||
| 411 | this.fwjgTitleRowspan=1; //房屋结构的单元格垂直合并数量 | ||
| 365 | }, | 412 | }, |
| 366 | save: function () { | 413 | save: function () { |
| 367 | this.form['hbsms'] = this.bsms | 414 | this.form['hbsms'] = this.bsms |
| 368 | this.form.qlxzList= this.$refs.qlxzModule.getQlxzDataList(); | 415 | this.form.qlxzList= this.$refs.qlxzModule.getQlxzDataList(); |
| 416 | for(let i=0;i< this.form.fwjgList.length;i++){ | ||
| 417 | if(this.form.fwjgList[i].fwjgzdbsm===''){ | ||
| 418 | this.form.fwjgList.splice(i,1); | ||
| 419 | } | ||
| 420 | } | ||
| 421 | for(let i=0;i< this.form.fwytList.length;i++){ | ||
| 422 | if(this.form.fwytList[i].fwsjytbsm===''){ | ||
| 423 | this.form.fwytList.splice(i,1); | ||
| 424 | } | ||
| 425 | } | ||
| 426 | for(let i=0;i< this.form.qlxzList.length;i++){ | ||
| 427 | if(this.form.qlxzList[i].qlxzdm===''){ | ||
| 428 | this.form.qlxzList.splice(i,1); | ||
| 429 | } | ||
| 430 | } | ||
| 369 | console.log("批量户信息") | 431 | console.log("批量户信息") |
| 370 | console.log(this.form) | 432 | console.log(this.form) |
| 371 | batchUpdateQjH(this.form).then((res)=>{ | 433 | batchUpdateQjH(this.form).then((res)=>{ |
| 372 | if(res.code===200){ | 434 | if(res.code===200){ |
| 373 | this.lodding() | 435 | this.lodding() |
| 374 | this.$message.success("保存成功！") | 436 | this.$message.success("保存成功！") |
| 437 | this.$nextTick(()=>{ | ||
| 438 | this.reset(); | ||
| 439 | }) | ||
| 440 | this.close(); | ||
| 375 | } | 441 | } |
| 376 | }) | 442 | }) |
| 377 | }, | 443 | }, |
| ... | @@ -396,6 +462,7 @@ | ... | @@ -396,6 +462,7 @@ |
| 396 | background-color: #fff; | 462 | background-color: #fff; |
| 397 | font-size: 14px; | 463 | font-size: 14px; |
| 398 | width: 100%; | 464 | width: 100%; |
| 465 | table-layout: fixed; | ||
| 399 | } | 466 | } |
| 400 | 467 | ||
| 401 | td { | 468 | td { | ... | ... |
| ... | @@ -6,7 +6,7 @@ | ... | @@ -6,7 +6,7 @@ |
| 6 | width="50%" | 6 | width="50%" |
| 7 | @close="close" | 7 | @close="close" |
| 8 | :modal-append-to-body="false" | 8 | :modal-append-to-body="false" |
| 9 | center> | 9 | > |
| 10 | <div> | 10 | <div> |
| 11 | <span class="xl" @click="xl">祥例</span> | 11 | <span class="xl" @click="xl">祥例</span> |
| 12 | <table border="1"> | 12 | <table border="1"> | ... | ... |
| ... | @@ -6,7 +6,7 @@ | ... | @@ -6,7 +6,7 @@ |
| 6 | width="70%" | 6 | width="70%" |
| 7 | @close="close" | 7 | @close="close" |
| 8 | :modal-append-to-body="false" | 8 | :modal-append-to-body="false" |
| 9 | center> | 9 | > |
| 10 | <div class="search"> | 10 | <div class="search"> |
| 11 | <!-- <el-button type="primary" @click="search">查询</el-button> | 11 | <!-- <el-button type="primary" @click="search">查询</el-button> |
| 12 | <el-button type="primary" @click="result">重置</el-button> --> | 12 | <el-button type="primary" @click="result">重置</el-button> --> |
| ... | @@ -56,42 +56,7 @@ | ... | @@ -56,42 +56,7 @@ |
| 56 | </el-form> | 56 | </el-form> |
| 57 | </el-col> | 57 | </el-col> |
| 58 | </el-row> | 58 | </el-row> |
| 59 | <!-- <el-row :gutter="10" class="shop"> | 59 | <div class="table-data"> |
| 60 | <el-col :span="4" class="inputtitle"> | ||
| 61 | 宗地编码: | ||
| 62 | </el-col> | ||
| 63 | <el-col :span="8" class=""> | ||
| 64 | <el-input v-model="queryData.zddm"></el-input> | ||
| 65 | </el-col> | ||
| 66 | <el-col :span="4" class="inputtitle"> | ||
| 67 | 不动产权证号: | ||
| 68 | </el-col> | ||
| 69 | <el-col :span="8" class=""> | ||
| 70 | <el-input v-model="queryData.bdcqzh"></el-input> | ||
| 71 | </el-col> | ||
| 72 | </el-row> --> | ||
| 73 | <!-- <el-row :gutter="10"> | ||
| 74 | <el-col :span="4" class="inputtitle"> | ||
| 75 | 不动产单元号: | ||
| 76 | </el-col> | ||
| 77 | <el-col :span="8"> | ||
| 78 | <el-input v-model="queryData.bdcdyh"></el-input> | ||
| 79 | </el-col> | ||
| 80 | <el-col :span="4" class="inputtitle"> | ||
| 81 | 权利人: | ||
| 82 | </el-col> | ||
| 83 | <el-col :span="8"> | ||
| 84 | <el-input v-model="queryData.qlrmc"></el-input> | ||
| 85 | </el-col> | ||
| 86 | </el-row> | ||
| 87 | <el-row :gutter="10"> | ||
| 88 | <el-col :span="4" class="inputtitle"> | ||
| 89 | 坐落: | ||
| 90 | </el-col> | ||
| 91 | <el-col :span="8"> | ||
| 92 | <el-input v-model="queryData.zl"></el-input> | ||
| 93 | </el-col> | ||
| 94 | </el-row> --> | ||
| 95 | <table border="1"> | 60 | <table border="1"> |
| 96 | <tr> | 61 | <tr> |
| 97 | <td>序号</td> | 62 | <td>序号</td> |
| ... | @@ -120,9 +85,9 @@ | ... | @@ -120,9 +85,9 @@ |
| 120 | <td>{{item.qlr}}</td> | 85 | <td>{{item.qlr}}</td> |
| 121 | <td>{{item.zl}}</td> | 86 | <td>{{item.zl}}</td> |
| 122 | </tr> | 87 | </tr> |
| 123 | |||
| 124 | </table> | 88 | </table> |
| 125 | </div> | 89 | </div> |
| 90 | </div> | ||
| 126 | <div class="page"> | 91 | <div class="page"> |
| 127 | <el-pagination | 92 | <el-pagination |
| 128 | background | 93 | background |
| ... | @@ -145,7 +110,7 @@ | ... | @@ -145,7 +110,7 @@ |
| 145 | name: "queryData", | 110 | name: "queryData", |
| 146 | data() { | 111 | data() { |
| 147 | return { | 112 | return { |
| 148 | total:1, | 113 | total: 1, |
| 149 | queryData: { | 114 | queryData: { |
| 150 | bdcdyh: "", | 115 | bdcdyh: "", |
| 151 | bdcqzh: "", | 116 | bdcqzh: "", |
| ... | @@ -175,9 +140,9 @@ | ... | @@ -175,9 +140,9 @@ |
| 175 | return ['zd'] | 140 | return ['zd'] |
| 176 | } | 141 | } |
| 177 | }, | 142 | }, |
| 178 | isZdClose:{ | 143 | isZdClose: { |
| 179 | type:Boolean, | 144 | type: Boolean, |
| 180 | default:false | 145 | default: false |
| 181 | } | 146 | } |
| 182 | }, | 147 | }, |
| 183 | mounted() { | 148 | mounted() { |
| ... | @@ -190,7 +155,7 @@ | ... | @@ -190,7 +155,7 @@ |
| 190 | this.queryData.pageNo = val; | 155 | this.queryData.pageNo = val; |
| 191 | this.getData(this.queryData); | 156 | this.getData(this.queryData); |
| 192 | }, | 157 | }, |
| 193 | reset(){ | 158 | reset() { |
| 194 | this.queryData = { | 159 | this.queryData = { |
| 195 | bdcdyh: "", | 160 | bdcdyh: "", |
| 196 | bdcqzh: "", | 161 | bdcqzh: "", |
| ... | @@ -204,23 +169,23 @@ | ... | @@ -204,23 +169,23 @@ |
| 204 | }; | 169 | }; |
| 205 | this.getData(this.queryData) | 170 | this.getData(this.queryData) |
| 206 | }, | 171 | }, |
| 207 | getData(data){ | 172 | getData(data) { |
| 208 | data['dylxs'] = this.dylxs; | 173 | data['dylxs'] = this.dylxs; |
| 209 | getSearchList(data).then(res => { | 174 | getSearchList(data).then(res => { |
| 210 | this.Data = res.result.records | 175 | this.Data = res.result.records |
| 211 | this.total = res.result.total; | 176 | this.total = res.result.total; |
| 212 | }) | 177 | }) |
| 213 | }, | 178 | }, |
| 214 | search(){ | 179 | search() { |
| 215 | this.getData(this.queryData) | 180 | this.getData(this.queryData) |
| 216 | }, | 181 | }, |
| 217 | addData(val){ | 182 | addData(val) { |
| 218 | this.$emit("getData", val) | 183 | this.$emit("getData", val) |
| 219 | if (this.isZdClose) { | 184 | if (this.isZdClose) { |
| 220 | this.close(); | 185 | this.close(); |
| 221 | } | 186 | } |
| 222 | }, | 187 | }, |
| 223 | close(){ | 188 | close() { |
| 224 | this.$emit('close') | 189 | this.$emit('close') |
| 225 | this.reset(); | 190 | this.reset(); |
| 226 | } | 191 | } |
| ... | @@ -241,7 +206,8 @@ | ... | @@ -241,7 +206,8 @@ |
| 241 | height: auto; | 206 | height: auto; |
| 242 | width: 80%; | 207 | width: 80%; |
| 243 | } | 208 | } |
| 244 | /deep/ .el-form-item__label{ | 209 | |
| 210 | /deep/ .el-form-item__label { | ||
| 245 | width: 96px; | 211 | width: 96px; |
| 246 | text-align: right; | 212 | text-align: right; |
| 247 | } | 213 | } |
| ... | @@ -251,7 +217,7 @@ | ... | @@ -251,7 +217,7 @@ |
| 251 | background-color: #fff; | 217 | background-color: #fff; |
| 252 | font-size: 14px; | 218 | font-size: 14px; |
| 253 | width: 100%; | 219 | width: 100%; |
| 254 | tr:hover{ | 220 | tr:hover { |
| 255 | background-color: #F5F7FA; | 221 | background-color: #F5F7FA; |
| 256 | } | 222 | } |
| 257 | } | 223 | } |
| ... | @@ -281,7 +247,10 @@ | ... | @@ -281,7 +247,10 @@ |
| 281 | .noData { | 247 | .noData { |
| 282 | color: #b2b2b2; | 248 | color: #b2b2b2; |
| 283 | } | 249 | } |
| 284 | .page{ | 250 | .table-data{ |
| 251 | height: 450px; | ||
| 252 | } | ||
| 253 | .page { | ||
| 285 | margin-top: 20px; | 254 | margin-top: 20px; |
| 286 | } | 255 | } |
| 287 | 256 | ... | ... |
src/components/sxdr/sxdr.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div> | ||
| 3 | <el-dialog | ||
| 4 | title="属性导入" | ||
| 5 | :visible.sync="isVisible" | ||
| 6 | width="30%" | ||
| 7 | :before-close="close"> | ||
| 8 | <div class="main-button"> | ||
| 9 | <el-upload | ||
| 10 | class="upload-demo" | ||
| 11 | :action="uploadUrl" | ||
| 12 | :data="sxdrData" | ||
| 13 | :on-success="uploadSuccess" | ||
| 14 | :show-file-list="false" | ||
| 15 | multiple | ||
| 16 | > | ||
| 17 | <el-button type="primary">上传</el-button> | ||
| 18 | <el-button type="primary" @click="downloadTemplate">下载模板</el-button> | ||
| 19 | </el-upload> | ||
| 20 | </div> | ||
| 21 | <ul> | ||
| 22 | <li v-for="(item,index) in errorData" :key="index">{{item}}</li> | ||
| 23 | </ul> | ||
| 24 | <span slot="footer" class="dialog-footer"> | ||
| 25 | <el-button @click="dialogVisible = false">取 消</el-button> | ||
| 26 | <el-button type="primary" @click="dialogVisible = false">确 定</el-button> | ||
| 27 | </span> | ||
| 28 | </el-dialog> | ||
| 29 | </div> | ||
| 30 | </template> | ||
| 31 | |||
| 32 | <script> | ||
| 33 | |||
| 34 | export default { | ||
| 35 | name: "sxdr", | ||
| 36 | props: { | ||
| 37 | sxdrVisible: { | ||
| 38 | type: Boolean, | ||
| 39 | default: false | ||
| 40 | }, | ||
| 41 | dylx: { | ||
| 42 | type: String, | ||
| 43 | }, | ||
| 44 | bsm: { | ||
| 45 | type: String | ||
| 46 | } | ||
| 47 | }, | ||
| 48 | data() { | ||
| 49 | return { | ||
| 50 | uploadUrl: '', | ||
| 51 | isVisible: false, | ||
| 52 | sxdrData: { | ||
| 53 | bsm: '' | ||
| 54 | }, | ||
| 55 | errorData: [] | ||
| 56 | } | ||
| 57 | }, | ||
| 58 | mounted() { | ||
| 59 | this.$store.state.sxdrType = ''; | ||
| 60 | }, | ||
| 61 | methods: { | ||
| 62 | loading() { | ||
| 63 | this.$store.state.sxdrType = this.dylx; | ||
| 64 | }, | ||
| 65 | reset() { | ||
| 66 | this.errorData = []; | ||
| 67 | this.uploadUrl = ''; | ||
| 68 | this.sxdrData = {bsm: ''}; | ||
| 69 | }, | ||
| 70 | close() { | ||
| 71 | this.$emit('close') | ||
| 72 | this.reset(); | ||
| 73 | }, | ||
| 74 | downloadTemplate() { | ||
| 75 | window.open(`/api/tx/excelGeo/zdTemplate?type=` + this.dylx); | ||
| 76 | }, | ||
| 77 | uploadSuccess(res, file, fileList) { | ||
| 78 | this.errorData = []; | ||
| 79 | if (res.success) { | ||
| 80 | this.$message.success("上传成功") | ||
| 81 | debugger | ||
| 82 | this.loading(); | ||
| 83 | this.close() | ||
| 84 | } else { | ||
| 85 | if (res.result == null) { | ||
| 86 | this.$message.error(res.message) | ||
| 87 | } else { | ||
| 88 | this.$message.error("上传失败") | ||
| 89 | this.errorData = res.result; | ||
| 90 | } | ||
| 91 | } | ||
| 92 | } | ||
| 93 | }, | ||
| 94 | watch: { | ||
| 95 | sxdrVisible(val) { | ||
| 96 | this.isVisible = val; | ||
| 97 | }, | ||
| 98 | dylx(val) { | ||
| 99 | switch (val) { | ||
| 100 | case "zd": | ||
| 101 | this.uploadUrl = "/api/tx/excelGeo/Zdimport"; | ||
| 102 | break; | ||
| 103 | default: | ||
| 104 | break; | ||
| 105 | } | ||
| 106 | }, | ||
| 107 | bsm(val) { | ||
| 108 | this.sxdrData.bsm = val; | ||
| 109 | } | ||
| 110 | } | ||
| 111 | } | ||
| 112 | </script> | ||
| 113 | |||
| 114 | <style scoped lang="less"> | ||
| 115 | .main-button { | ||
| 116 | display: -webkit-flex; | ||
| 117 | display: flex; | ||
| 118 | flex-direction: column-reverse; | ||
| 119 | flex-wrap: nowrap; | ||
| 120 | } | ||
| 121 | |||
| 122 | ul { | ||
| 123 | margin-top: 20px; | ||
| 124 | li { | ||
| 125 | line-height: 20px; | ||
| 126 | color: red; | ||
| 127 | } | ||
| 128 | } | ||
| 129 | </style> |
| ... | @@ -6,7 +6,7 @@ | ... | @@ -6,7 +6,7 @@ |
| 6 | width="70%" | 6 | width="70%" |
| 7 | @close="close" | 7 | @close="close" |
| 8 | :modal-append-to-body="false" | 8 | :modal-append-to-body="false" |
| 9 | center> | 9 | > |
| 10 | <div class="search"> | 10 | <div class="search"> |
| 11 | <el-row> | 11 | <el-row> |
| 12 | <el-col :span="24"> | 12 | <el-col :span="24"> |
| ... | @@ -53,6 +53,7 @@ | ... | @@ -53,6 +53,7 @@ |
| 53 | </el-form> | 53 | </el-form> |
| 54 | </el-col> | 54 | </el-col> |
| 55 | </el-row> | 55 | </el-row> |
| 56 | <div class="table-bode"> | ||
| 56 | <table border="1"> | 57 | <table border="1"> |
| 57 | <tr> | 58 | <tr> |
| 58 | <td>序号</td> | 59 | <td>序号</td> |
| ... | @@ -81,9 +82,9 @@ | ... | @@ -81,9 +82,9 @@ |
| 81 | <td>{{item.qlr}}</td> | 82 | <td>{{item.qlr}}</td> |
| 82 | <td>{{item.zl}}</td> | 83 | <td>{{item.zl}}</td> |
| 83 | </tr> | 84 | </tr> |
| 84 | |||
| 85 | </table> | 85 | </table> |
| 86 | </div> | 86 | </div> |
| 87 | </div> | ||
| 87 | <div class="page"> | 88 | <div class="page"> |
| 88 | <el-pagination | 89 | <el-pagination |
| 89 | background | 90 | background |
| ... | @@ -106,13 +107,11 @@ | ... | @@ -106,13 +107,11 @@ |
| 106 | name: "zdQueryData", | 107 | name: "zdQueryData", |
| 107 | data() { | 108 | data() { |
| 108 | return { | 109 | return { |
| 109 | total:1, | 110 | total: 1, |
| 110 | queryData: { | 111 | queryData: { |
| 111 | bdcdyh: "", | 112 | bdcdyh: "", |
| 112 | bdcqzh: "", | 113 | bdcqzh: "", |
| 113 | dylxs: ['zd'], | ||
| 114 | qlrmc: "", | 114 | qlrmc: "", |
| 115 | qszt: ["2"], | ||
| 116 | xmmc: "", | 115 | xmmc: "", |
| 117 | zddm: "", | 116 | zddm: "", |
| 118 | zl: "", | 117 | zl: "", |
| ... | @@ -130,15 +129,9 @@ | ... | @@ -130,15 +129,9 @@ |
| 130 | return false | 129 | return false |
| 131 | } | 130 | } |
| 132 | }, | 131 | }, |
| 133 | qszt:{ | 132 | isZdClose: { |
| 134 | type:Array, | 133 | type: Boolean, |
| 135 | default:function () { | 134 | default: false |
| 136 | return ['2'] | ||
| 137 | } | ||
| 138 | }, | ||
| 139 | isZdClose:{ | ||
| 140 | type:Boolean, | ||
| 141 | default:false | ||
| 142 | } | 135 | } |
| 143 | }, | 136 | }, |
| 144 | mounted() { | 137 | mounted() { |
| ... | @@ -156,7 +149,6 @@ | ... | @@ -156,7 +149,6 @@ |
| 156 | bdcdyh: "", | 149 | bdcdyh: "", |
| 157 | bdcqzh: "", | 150 | bdcqzh: "", |
| 158 | qlrmc: "", | 151 | qlrmc: "", |
| 159 | qszt: ["2"], | ||
| 160 | xmmc: "", | 152 | xmmc: "", |
| 161 | zddm: "", | 153 | zddm: "", |
| 162 | zl: "", | 154 | zl: "", |
| ... | @@ -166,7 +158,6 @@ | ... | @@ -166,7 +158,6 @@ |
| 166 | this.getData(this.queryData) | 158 | this.getData(this.queryData) |
| 167 | }, | 159 | }, |
| 168 | getData: function (data) { | 160 | getData: function (data) { |
| 169 | data['dylxs'] = this.dylxs; | ||
| 170 | zdlist(data).then(res => { | 161 | zdlist(data).then(res => { |
| 171 | this.Data = res.result.records | 162 | this.Data = res.result.records |
| 172 | this.total = res.result.total; | 163 | this.total = res.result.total; |
| ... | @@ -202,18 +193,18 @@ | ... | @@ -202,18 +193,18 @@ |
| 202 | height: auto; | 193 | height: auto; |
| 203 | width: 80%; | 194 | width: 80%; |
| 204 | } | 195 | } |
| 205 | /deep/ .el-form-item__label{ | 196 | |
| 197 | /deep/ .el-form-item__label { | ||
| 206 | width: 96px; | 198 | width: 96px; |
| 207 | text-align: right; | 199 | text-align: right; |
| 208 | } | 200 | } |
| 209 | 201 | ||
| 210 | |||
| 211 | table { | 202 | table { |
| 212 | margin-top: 10px; | 203 | margin-top: 10px; |
| 213 | background-color: #fff; | 204 | background-color: #fff; |
| 214 | font-size: 14px; | 205 | font-size: 14px; |
| 215 | width: 100%; | 206 | width: 100%; |
| 216 | tr:hover{ | 207 | tr:hover { |
| 217 | background-color: #F5F7FA; | 208 | background-color: #F5F7FA; |
| 218 | } | 209 | } |
| 219 | } | 210 | } |
| ... | @@ -243,7 +234,10 @@ | ... | @@ -243,7 +234,10 @@ |
| 243 | .noData { | 234 | .noData { |
| 244 | color: #b2b2b2; | 235 | color: #b2b2b2; |
| 245 | } | 236 | } |
| 246 | .page{ | 237 | .table-bode{ |
| 238 | height: 450px; | ||
| 239 | } | ||
| 240 | .page { | ||
| 247 | margin-top: 20px; | 241 | margin-top: 20px; |
| 248 | } | 242 | } |
| 249 | 243 | ... | ... |
| ... | @@ -15,6 +15,7 @@ const store = new Vuex.Store({ | ... | @@ -15,6 +15,7 @@ const store = new Vuex.Store({ |
| 15 | zdmj: '', // 宗地面积 | 15 | zdmj: '', // 宗地面积 |
| 16 | zdzl: '', // 宗地坐落 | 16 | zdzl: '', // 宗地坐落 |
| 17 | rightClickZdbsm:'', //右键菜单传入的zdbsm | 17 | rightClickZdbsm:'', //右键菜单传入的zdbsm |
| 18 | sxdrType:'', // zd/zrz/dz/h 导入属性刷新数据 | ||
| 18 | tdytList:[], | 19 | tdytList:[], |
| 19 | tddjList:[], | 20 | tddjList:[], |
| 20 | qlxzList:[], | 21 | qlxzList:[], | ... | ... |
| ... | @@ -496,6 +496,19 @@ | ... | @@ -496,6 +496,19 @@ |
| 496 | this.form.dzbsm=this.$route.query.bsm; | 496 | this.form.dzbsm=this.$route.query.bsm; |
| 497 | this.getDzDetailByBsm(this.$route.query.bsm) | 497 | this.getDzDetailByBsm(this.$route.query.bsm) |
| 498 | } | 498 | } |
| 499 | }, | ||
| 500 | watch:{ | ||
| 501 | "$store.state.sxdrType": { | ||
| 502 | handler(n) { | ||
| 503 | this.$nextTick(()=>{ | ||
| 504 | if (n === 'dz') { | ||
| 505 | this.getDzDetailByBsm(this.$route.query.bsm) | ||
| 506 | } | ||
| 507 | }) | ||
| 508 | }, | ||
| 509 | immediate: false, | ||
| 510 | deep: true, | ||
| 511 | } | ||
| 499 | } | 512 | } |
| 500 | } | 513 | } |
| 501 | </script> | 514 | </script> | ... | ... |
| ... | @@ -293,9 +293,10 @@ | ... | @@ -293,9 +293,10 @@ |
| 293 | </tr> | 293 | </tr> |
| 294 | </table> | 294 | </table> |
| 295 | </div> | 295 | </div> |
| 296 | <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['dz']" | 296 | <dz-query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" |
| 297 | :isZdClose="true" | 297 | :isClose="true" |
| 298 | @close="close"></query-data> | 298 | @close="close"> |
| 299 | </dz-query-data> | ||
| 299 | <div class="header-button" :style="{width:fgBoxWidth+'px'}"> | 300 | <div class="header-button" :style="{width:fgBoxWidth+'px'}"> |
| 300 | <el-button type="primary" class="saveBtn" @click="save">保存</el-button> | 301 | <el-button type="primary" class="saveBtn" @click="save">保存</el-button> |
| 301 | </div> | 302 | </div> |
| ... | @@ -310,7 +311,7 @@ | ... | @@ -310,7 +311,7 @@ |
| 310 | <ul> | 311 | <ul> |
| 311 | <li><span>宗地代码:</span>{{hFgqData.zddm}}</li> | 312 | <li><span>宗地代码:</span>{{hFgqData.zddm}}</li> |
| 312 | <li><span>不动产单元号:</span>{{hFgqData.bdcdyh}}</li> | 313 | <li><span>不动产单元号:</span>{{hFgqData.bdcdyh}}</li> |
| 313 | <li><span>项目名称:</span>{{hFgqData.xmmc}}</li>s's's's's's's's's's's's's's's's's's's | 314 | <li><span>项目名称:</span>{{hFgqData.xmmc}}</li> |
| 314 | <li><span>不动产权证号:</span>{{hFgqData.bdcqzh}}</li> | 315 | <li><span>不动产权证号:</span>{{hFgqData.bdcqzh}}</li> |
| 315 | <li><span>权利人:</span>{{hFgqData.qlr}}</li> | 316 | <li><span>权利人:</span>{{hFgqData.qlr}}</li> |
| 316 | <li><span>坐落:</span>{{hFgqData.zl}}</li> | 317 | <li><span>坐落:</span>{{hFgqData.zl}}</li> |
| ... | @@ -331,7 +332,7 @@ | ... | @@ -331,7 +332,7 @@ |
| 331 | </div> | 332 | </div> |
| 332 | <ul> | 333 | <ul> |
| 333 | <li v-for="(item,index) in zdZxx.dzList" :key="index" | 334 | <li v-for="(item,index) in zdZxx.dzList" :key="index" |
| 334 | :class="(index+1)%2==0?'':'oddborder'">{{item.xmmc}} | 335 | :class="(index+1)%2===0?'':'oddborder'">{{item.xmmc}} |
| 335 | </li> | 336 | </li> |
| 336 | </ul> | 337 | </ul> |
| 337 | </div> | 338 | </div> |
| ... | @@ -455,11 +456,12 @@ | ... | @@ -455,11 +456,12 @@ |
| 455 | import {getHZdxx} from './../../../../api/h' | 456 | import {getHZdxx} from './../../../../api/h' |
| 456 | import QueryData from './../../../../components/queryData/queryData' | 457 | import QueryData from './../../../../components/queryData/queryData' |
| 457 | import zdQueryData from './../../../../components/zdQueryData/zdQueryData' | 458 | import zdQueryData from './../../../../components/zdQueryData/zdQueryData' |
| 459 | import dzQueryData from './../../../../components/dzQueryData/dzQueryData' | ||
| 458 | import {Message} from 'element-ui' | 460 | import {Message} from 'element-ui' |
| 459 | 461 | ||
| 460 | export default { | 462 | export default { |
| 461 | name: "", | 463 | name: "", |
| 462 | components: {QueryData, zdQueryData}, | 464 | components: {QueryData, zdQueryData,dzQueryData}, |
| 463 | props: {}, | 465 | props: {}, |
| 464 | data() { | 466 | data() { |
| 465 | return { | 467 | return { |
| ... | @@ -557,7 +559,7 @@ | ... | @@ -557,7 +559,7 @@ |
| 557 | this.dzFghData.fwlist[index].zrzlist.splice(chilInd,1); | 559 | this.dzFghData.fwlist[index].zrzlist.splice(chilInd,1); |
| 558 | this.tempBsmList = this.tempBsmList.filter(i => i!== bsm); | 560 | this.tempBsmList = this.tempBsmList.filter(i => i!== bsm); |
| 559 | this.dzFgqZrzData.forEach(i=>{ | 561 | this.dzFgqZrzData.forEach(i=>{ |
| 560 | if (i.bsm == bsm) { | 562 | if (i.bsm === bsm) { |
| 561 | i.hasChoosed = "" | 563 | i.hasChoosed = "" |
| 562 | } | 564 | } |
| 563 | }) | 565 | }) |
| ... | @@ -667,7 +669,7 @@ | ... | @@ -667,7 +669,7 @@ |
| 667 | if(this.dzFgZrzList[childIndex].hasChoosed === '' || this.dzFgZrzList[childIndex].hasChoosed === index){ | 669 | if(this.dzFgZrzList[childIndex].hasChoosed === '' || this.dzFgZrzList[childIndex].hasChoosed === index){ |
| 668 | // this.zdZrzList[childIndex].hasChoosed = index; | 670 | // this.zdZrzList[childIndex].hasChoosed = index; |
| 669 | if(fwlist.zrzlist.indexOf(bsm) < 0){ | 671 | if(fwlist.zrzlist.indexOf(bsm) < 0){ |
| 670 | if(fwlist.ztype == 'zrz' && fwlist.zrzlist.length>0){ | 672 | if(fwlist.ztype === 'zrz' && fwlist.zrzlist.length>0){ |
| 671 | Message.warning("当前幢类型只能选择一个自然幢") | 673 | Message.warning("当前幢类型只能选择一个自然幢") |
| 672 | }else{ | 674 | }else{ |
| 673 | //存入当前选择幢信息的bsm | 675 | //存入当前选择幢信息的bsm |
| ... | @@ -744,7 +746,7 @@ | ... | @@ -744,7 +746,7 @@ |
| 744 | } | 746 | } |
| 745 | }, | 747 | }, |
| 746 | saveZd() { | 748 | saveZd() { |
| 747 | if(this.tempBsmList.length == (this.zdZxx.dzList.length + this.zdZxx.zrzList.length)){ | 749 | if(this.tempBsmList.length === (this.zdZxx.dzList.length + this.zdZxx.zrzList.length)){ |
| 748 | zdfg(this.zdFghData).then(res => { | 750 | zdfg(this.zdFghData).then(res => { |
| 749 | if (res.success) { | 751 | if (res.success) { |
| 750 | this.$store.state.zdbsms = res.result; | 752 | this.$store.state.zdbsms = res.result; |
| ... | @@ -973,9 +975,9 @@ | ... | @@ -973,9 +975,9 @@ |
| 973 | }, | 975 | }, |
| 974 | dzFgqData: { | 976 | dzFgqData: { |
| 975 | handler: function (item) { | 977 | handler: function (item) { |
| 976 | this.dzFgqData.oldZdbsm = item.glbsm; | 978 | this.dzFgqData.oldZdbsm = item.bsm; |
| 977 | this.getDzZdjbxx(item.glbsm); | 979 | this.getDzZdjbxx(item.bsm); |
| 978 | this.dzfgGetZrzxx(item.glbsm) | 980 | this.dzfgGetZrzxx(item.bsm) |
| 979 | }, | 981 | }, |
| 980 | deep: true | 982 | deep: true |
| 981 | }, | 983 | }, | ... | ... |
| ... | @@ -163,67 +163,12 @@ | ... | @@ -163,67 +163,12 @@ |
| 163 | <span class="tips">合并后多幢信息</span> | 163 | <span class="tips">合并后多幢信息</span> |
| 164 | <table border="1"> | 164 | <table border="1"> |
| 165 | <tr> | 165 | <tr> |
| 166 | <th class="xzq">行政区</th> | ||
| 167 | <th class="djq">地籍区</th> | ||
| 168 | <th class="djzq">地籍子区</th> | ||
| 169 | <th class="syqlx">所有权类型</th> | ||
| 170 | <th class="tdtzm">土地特征码</th> | ||
| 171 | <th class="xmmc">项目名称</th> | 166 | <th class="xmmc">项目名称</th> |
| 172 | <th class="zxx">幢信息</th> | 167 | <th class="zxx">幢信息</th> |
| 173 | </tr> | 168 | </tr> |
| 174 | <tr> | 169 | <tr v-for="item in dzhbhData" :key="item.bsm"> |
| 175 | <td class="xzq"> | ||
| 176 | <el-select v-model="dzhbhData.xzqbsm" @change="changeXzq(dzhbhData.xzqbsm)"> | ||
| 177 | <el-option | ||
| 178 | v-for="i in xzq" | ||
| 179 | :key="i.bsm" | ||
| 180 | :label="i.mc" | ||
| 181 | :value="i.bsm" | ||
| 182 | ></el-option> | ||
| 183 | </el-select> | ||
| 184 | </td> | ||
| 185 | <td class="djq"> | ||
| 186 | <el-select v-model="dzhbhData.djqbsm" @change="changeDjq(dzhbhData.djqbsm)"> | ||
| 187 | <el-option | ||
| 188 | v-for="i in djq" | ||
| 189 | :key="i.bsm" | ||
| 190 | :label="i.mc" | ||
| 191 | :value="i.bsm" | ||
| 192 | ></el-option> | ||
| 193 | </el-select> | ||
| 194 | </td> | ||
| 195 | <td class="syqlx"> | ||
| 196 | <el-select v-model="dzhbhData.djzqbsm"> | ||
| 197 | <el-option | ||
| 198 | v-for="i in djzq" | ||
| 199 | :key="i.bsm" | ||
| 200 | :label="i.mc" | ||
| 201 | :value="i.bsm" | ||
| 202 | ></el-option> | ||
| 203 | </el-select> | ||
| 204 | </td> | ||
| 205 | <td class="tdtzm"> | ||
| 206 | <el-select v-model="dzhbhData.syqlxbsm"> | ||
| 207 | <el-option | ||
| 208 | v-for="i in syq" | ||
| 209 | :key="i.value" | ||
| 210 | :label="i.label" | ||
| 211 | :value="i.value" | ||
| 212 | ></el-option> | ||
| 213 | </el-select> | ||
| 214 | </td> | ||
| 215 | <td class="syqlx"> | ||
| 216 | <el-select v-model="dzhbhData.zdtzmbsm"> | ||
| 217 | <el-option | ||
| 218 | v-for="i in tdtzm" | ||
| 219 | :key="i.bsm" | ||
| 220 | :label="i.mc" | ||
| 221 | :value="i.bsm" | ||
| 222 | ></el-option> | ||
| 223 | </el-select> | ||
| 224 | </td> | ||
| 225 | <td class="xmmc"> | 170 | <td class="xmmc"> |
| 226 | <input type="text" v-model="dzhbhData.xmmc" class="formInput"/> | 171 | <input type="text" v-model="item.xmmc" class="formInput"/> |
| 227 | </td> | 172 | </td> |
| 228 | <td class="zxx"> | 173 | <td class="zxx"> |
| 229 | <span class="xz">选择</span> | 174 | <span class="xz">选择</span> |
| ... | @@ -234,123 +179,13 @@ | ... | @@ -234,123 +179,13 @@ |
| 234 | <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['dz']" :isZdClose="true" | 179 | <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['dz']" :isZdClose="true" |
| 235 | @close="close"></query-data> | 180 | @close="close"></query-data> |
| 236 | <div class="header-button" :style="{width:fgBoxWidth+'px'}"> | 181 | <div class="header-button" :style="{width:fgBoxWidth+'px'}"> |
| 237 | <el-button type="primary" class="saveBtn">保存</el-button> | 182 | <el-button type="primary" class="saveBtn" @click="dzhbSave">保存</el-button> |
| 238 | </div> | 183 | </div> |
| 239 | </div> | 184 | </div> |
| 240 | </el-tab-pane> | 185 | </el-tab-pane> |
| 241 | <el-tab-pane label="户合并" name="h"> | 186 | <el-tab-pane label="户合并" name="h"> |
| 242 | <div class="hb-tabs"> | 187 | <div class="hb-tabs psn"> |
| 243 | <el-button type="primary" class="addBtn" @click="newAdd">新增</el-button> | 188 | <hfghb></hfghb> |
| 244 | <div class="hbq"> | ||
| 245 | <span class="tips">合并前户信息</span> | ||
| 246 | <table border="1"> | ||
| 247 | <tr> | ||
| 248 | <td class="xh">序号</td> | ||
| 249 | <td class="zddm">宗地代码</td> | ||
| 250 | <td class="bdcdyh">不动产单元号</td> | ||
| 251 | <td class="xmmc">项目名称</td> | ||
| 252 | <td class="bdcqzh">不动产权证号</td> | ||
| 253 | <td class="qlr">权利人</td> | ||
| 254 | <td class="zl">坐落</td> | ||
| 255 | <td class="">操作</td> | ||
| 256 | </tr> | ||
| 257 | <tr v-if="hhbqData.length==0"> | ||
| 258 | <td colspan="8"> | ||
| 259 | <span class="noData">暂无数据</span> | ||
| 260 | </td> | ||
| 261 | </tr> | ||
| 262 | <tr v-else v-for="(item,index) in hhbqData" :key="index"> | ||
| 263 | <td class="xh">{{index+1}}</td> | ||
| 264 | <td class="zddm"><input type="text" class="formInput" v-model="item.zddm" | ||
| 265 | readonly="readonly"/></td> | ||
| 266 | <td class="bdcdyh"><input type="text" class="formInput" v-model="item.bdcdyh" | ||
| 267 | readonly="readonly"/></td> | ||
| 268 | <td class="xmmc"><input type="text" class="formInput" v-model="item.xmmc" | ||
| 269 | readonly="readonly"/></td> | ||
| 270 | <td class="bdcqzh"><input type="text" class="formInput" v-model="item.bdcqzh" | ||
| 271 | readonly="readonly"/></td> | ||
| 272 | <td class="qlr"><input type="text" class="formInput" v-model="item.qlr" | ||
| 273 | readonly="readonly"/></td> | ||
| 274 | <td class="zl"><input type="text" class="formInput" v-model="item.zl" | ||
| 275 | readonly="readonly"/></td> | ||
| 276 | <td class="cz" @click="deleteData(index)"><span>删除</span></td> | ||
| 277 | </tr> | ||
| 278 | </table> | ||
| 279 | </div> | ||
| 280 | <div class="hbh"> | ||
| 281 | <span class="tips">合并后户信息</span> | ||
| 282 | <table border="1"> | ||
| 283 | <tr> | ||
| 284 | <th class="xzq">行政区</th> | ||
| 285 | <th class="djq">地籍区</th> | ||
| 286 | <th class="djzq">地籍子区</th> | ||
| 287 | <th class="syqlx">所有权类型</th> | ||
| 288 | <th class="tdtzm">土地特征码</th> | ||
| 289 | <th class="xmmc">项目名称</th> | ||
| 290 | <th class="zxx">幢信息</th> | ||
| 291 | </tr> | ||
| 292 | <tr> | ||
| 293 | <td class="xzq"> | ||
| 294 | <el-select v-model="hhbhData.xzqbsm" @change="changeXzq(hhbhData.xzqbsm)"> | ||
| 295 | <el-option | ||
| 296 | v-for="i in xzq" | ||
| 297 | :key="i.bsm" | ||
| 298 | :label="i.mc" | ||
| 299 | :value="i.bsm" | ||
| 300 | ></el-option> | ||
| 301 | </el-select> | ||
| 302 | </td> | ||
| 303 | <td class="djq"> | ||
| 304 | <el-select v-model="hhbhData.djqbsm" @change="changeDjq(hhbhData.djqbsm)"> | ||
| 305 | <el-option | ||
| 306 | v-for="i in djq" | ||
| 307 | :key="i.bsm" | ||
| 308 | :label="i.mc" | ||
| 309 | :value="i.bsm" | ||
| 310 | ></el-option> | ||
| 311 | </el-select> | ||
| 312 | </td> | ||
| 313 | <td class="syqlx"> | ||
| 314 | <el-select v-model="hhbhData.djzqbsm"> | ||
| 315 | <el-option | ||
| 316 | v-for="i in djzq" | ||
| 317 | :key="i.bsm" | ||
| 318 | :label="i.mc" | ||
| 319 | :value="i.bsm" | ||
| 320 | ></el-option> | ||
| 321 | </el-select> | ||
| 322 | </td> | ||
| 323 | <td class="tdtzm"> | ||
| 324 | <el-select v-model="hhbhData.syqlxbsm"> | ||
| 325 | <el-option | ||
| 326 | v-for="i in syq" | ||
| 327 | :key="i.value" | ||
| 328 | :label="i.label" | ||
| 329 | :value="i.value" | ||
| 330 | ></el-option> | ||
| 331 | </el-select> | ||
| 332 | </td> | ||
| 333 | <td class="syqlx"> | ||
| 334 | <el-select v-model="hhbhData.zdtzmbsm"> | ||
| 335 | <el-option | ||
| 336 | v-for="i in tdtzm" | ||
| 337 | :key="i.bsm" | ||
| 338 | :label="i.mc" | ||
| 339 | :value="i.bsm" | ||
| 340 | ></el-option> | ||
| 341 | </el-select> | ||
| 342 | </td> | ||
| 343 | <td class="xmmc"> | ||
| 344 | <input type="text" v-model="hhbhData.xmmc" class="formInput"/> | ||
| 345 | </td> | ||
| 346 | <td class="zxx"> | ||
| 347 | <span class="xz">选择</span> | ||
| 348 | </td> | ||
| 349 | </tr> | ||
| 350 | </table> | ||
| 351 | </div> | ||
| 352 | <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['h']" :isZdClose="true" | ||
| 353 | @close="close"></query-data> | ||
| 354 | <div class="header-button" :style="{width:fgBoxWidth+'px'}"> | 189 | <div class="header-button" :style="{width:fgBoxWidth+'px'}"> |
| 355 | <el-button type="primary" class="saveBtn">保存</el-button> | 190 | <el-button type="primary" class="saveBtn">保存</el-button> |
| 356 | </div> | 191 | </div> |
| ... | @@ -368,12 +203,14 @@ | ... | @@ -368,12 +203,14 @@ |
| 368 | getDdicByMC | 203 | getDdicByMC |
| 369 | } from "./../../../../api/common"; | 204 | } from "./../../../../api/common"; |
| 370 | import {ZdHb} from "./../../../../api/zd" | 205 | import {ZdHb} from "./../../../../api/zd" |
| 206 | import {saveDzHb} from "./../../../../api/dz" | ||
| 371 | import QueryData from './../../../../components/queryData/queryData' | 207 | import QueryData from './../../../../components/queryData/queryData' |
| 372 | import zdQueryData from './../../../../components/zdQueryData/zdQueryData' | 208 | import zdQueryData from './../../../../components/zdQueryData/zdQueryData' |
| 209 | import hfghb from '../hfghb/index' | ||
| 373 | 210 | ||
| 374 | export default { | 211 | export default { |
| 375 | name: "", | 212 | name: "", |
| 376 | components: {QueryData,zdQueryData}, | 213 | components: {QueryData,zdQueryData,hfghb}, |
| 377 | props: {}, | 214 | props: {}, |
| 378 | data() { | 215 | data() { |
| 379 | return { | 216 | return { |
| ... | @@ -383,7 +220,11 @@ | ... | @@ -383,7 +220,11 @@ |
| 383 | dzhbqData: [], // 多幢合并前数据 | 220 | dzhbqData: [], // 多幢合并前数据 |
| 384 | hhbqData: [], // 户合并前数据 | 221 | hhbqData: [], // 户合并前数据 |
| 385 | zdhbhData: {}, // 宗地合并后数据 | 222 | zdhbhData: {}, // 宗地合并后数据 |
| 386 | dzhbhData: {}, // 多幢合并后数据 | 223 | dzhbhData: [ |
| 224 | { | ||
| 225 | xmmc:'' | ||
| 226 | } | ||
| 227 | ], // 多幢合并后数据 | ||
| 387 | hhbhData: {}, // 户合并后数据 | 228 | hhbhData: {}, // 户合并后数据 |
| 388 | fgBoxWidth: 0, | 229 | fgBoxWidth: 0, |
| 389 | xzq: [], | 230 | xzq: [], |
| ... | @@ -594,6 +435,31 @@ | ... | @@ -594,6 +435,31 @@ |
| 594 | break; | 435 | break; |
| 595 | } | 436 | } |
| 596 | }, | 437 | }, |
| 438 | //多幢合并保存 | ||
| 439 | dzhbSave(){ | ||
| 440 | console.log(this.dzhbqData,'dzhbqData'); | ||
| 441 | let params = { | ||
| 442 | fwlist:[], | ||
| 443 | newdzxmmc:this.dzhbhData[0].xmmc, | ||
| 444 | zdbsm:'' | ||
| 445 | } | ||
| 446 | this.dzhbqData.forEach(item=>{ | ||
| 447 | params.fwlist.push({ | ||
| 448 | zbsm:item.bsm, | ||
| 449 | ztype:item.dylx | ||
| 450 | }) | ||
| 451 | }) | ||
| 452 | this.$nextTick(()=>{ | ||
| 453 | console.log(params); | ||
| 454 | //TODO 调用保存接口 | ||
| 455 | // saveDzHb(params).then((res) => { | ||
| 456 | |||
| 457 | // }) | ||
| 458 | // .catch((error) => { | ||
| 459 | |||
| 460 | // }); | ||
| 461 | }) | ||
| 462 | } | ||
| 597 | }, | 463 | }, |
| 598 | computed: {}, | 464 | computed: {}, |
| 599 | watch: {}, | 465 | watch: {}, |
| ... | @@ -644,7 +510,9 @@ | ... | @@ -644,7 +510,9 @@ |
| 644 | } | 510 | } |
| 645 | } | 511 | } |
| 646 | } | 512 | } |
| 647 | 513 | .psn{ | |
| 514 | position: unset!important; | ||
| 515 | } | ||
| 648 | .hb-tabs { | 516 | .hb-tabs { |
| 649 | height: auto; | 517 | height: auto; |
| 650 | width: 100%; | 518 | width: 100%; |
| ... | @@ -653,7 +521,7 @@ | ... | @@ -653,7 +521,7 @@ |
| 653 | .addBtn { | 521 | .addBtn { |
| 654 | position: absolute; | 522 | position: absolute; |
| 655 | right: 30px; | 523 | right: 30px; |
| 656 | top: -46px; | 524 | top: 0; |
| 657 | z-index: 999; | 525 | z-index: 999; |
| 658 | } | 526 | } |
| 659 | .header { | 527 | .header { | ... | ... |
src/views/panel/change/hfghb/index.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="main"> | ||
| 3 | <el-row v-show="isSearch"> | ||
| 4 | <el-col :span="24"> | ||
| 5 | <el-form :inline="true" class="demo-form-inline"> | ||
| 6 | <el-form-item label="宗地编码"> | ||
| 7 | <el-input | ||
| 8 | v-model="queryData.zddm" | ||
| 9 | placeholder="输入宗地编码" | ||
| 10 | ></el-input> | ||
| 11 | </el-form-item> | ||
| 12 | <el-form-item label="不动产权证号"> | ||
| 13 | <el-input | ||
| 14 | v-model="queryData.bdcqzh" | ||
| 15 | placeholder="输入不动产权证号" | ||
| 16 | ></el-input> | ||
| 17 | </el-form-item> | ||
| 18 | <el-form-item label="不动产单元号"> | ||
| 19 | <el-input | ||
| 20 | maxlength="28" | ||
| 21 | v-model="queryData.bdcdyh" | ||
| 22 | placeholder="输入不动产单元号" | ||
| 23 | ></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | <el-button type="primary" style="margin-left:30px" @click="search">查询</el-button> | ||
| 26 | <el-button type="warning" @click="reset">重置</el-button> | ||
| 27 | </el-form> | ||
| 28 | </el-col> | ||
| 29 | </el-row> | ||
| 30 | <div class="dataGrid" v-show="isSearch" ref="dataGrid"> | ||
| 31 | <el-table | ||
| 32 | :data="tableData" | ||
| 33 | :height="tableHeight" | ||
| 34 | :row-class-name="tableRowClassName" | ||
| 35 | > | ||
| 36 | <el-table-column type="index" width="80" align="center" label="序号"> | ||
| 37 | </el-table-column> | ||
| 38 | <el-table-column prop="bdcdyh" align="left" label="不动产单元号"> | ||
| 39 | </el-table-column> | ||
| 40 | <el-table-column prop="xmmc" align="left" label="项目名称"> | ||
| 41 | </el-table-column> | ||
| 42 | <el-table-column prop="bdcqzh" align="left" label="不动产权证号"> | ||
| 43 | </el-table-column> | ||
| 44 | <el-table-column prop="dylx" align="left" label="类型"> | ||
| 45 | <template slot-scope="scope"> | ||
| 46 | {{scope.row.dylx | bdcLxFilter}} | ||
| 47 | </template> | ||
| 48 | </el-table-column> | ||
| 49 | <el-table-column label="操作" align="center" width="100"> | ||
| 50 | <template slot-scope="scope"> | ||
| 51 | <el-tooltip class="item" effect="light" content="办理" placement="top"> | ||
| 52 | <i class="iconfont iconbanli iconfontEdit" @click="handleClick(scope.row)" style="padding:0 10px"></i> | ||
| 53 | </el-tooltip> | ||
| 54 | </template> | ||
| 55 | </el-table-column> | ||
| 56 | </el-table> | ||
| 57 | <div class="pagination"> | ||
| 58 | <el-pagination background layout="prev, pager, next,total" :total="total" | ||
| 59 | :current-page="queryData.pageNo" :page-size="queryData.pageSize" @current-change="handleCurrentChange"> | ||
| 60 | </el-pagination> | ||
| 61 | </div> | ||
| 62 | </div> | ||
| 63 | <div class="lpb" v-if="!isSearch"> | ||
| 64 | <div class="lpb-header"> | ||
| 65 | <el-radio-group v-model="scyclx" @change="scyclxChange"> | ||
| 66 | <el-radio-button label="0">预测</el-radio-button> | ||
| 67 | <el-radio-button label="1">实测</el-radio-button> | ||
| 68 | </el-radio-group> | ||
| 69 | <el-input | ||
| 70 | maxlength="28" | ||
| 71 | v-model="bdcdyh" | ||
| 72 | :style="{ width: inputWidth + 'px' }" | ||
| 73 | @change="inputChange" | ||
| 74 | class="searchInput" | ||
| 75 | placeholder="输入不动产单元号或室号" | ||
| 76 | ><i | ||
| 77 | slot="suffix" | ||
| 78 | class="el-input__icon el-icon-search" | ||
| 79 | @click="inputChange" | ||
| 80 | ></i | ||
| 81 | ></el-input> | ||
| 82 | <el-link type="primary" style="margin-left:20px" @click="isSearch=true">重新选择自然幢</el-link> | ||
| 83 | </div> | ||
| 84 | <div class="lpb-content" ref="lpbContentWrap" :style="{ height: lpbContentHeight + 'px' }"> | ||
| 85 | <!-- 楼盘表主体 --> | ||
| 86 | <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }"> | ||
| 87 | <lpbContent ref="lpbContent" :zrzbsm='zrzbsm' :isHbfg = true></lpbContent> | ||
| 88 | </div> | ||
| 89 | <!-- 右侧图例 --> | ||
| 90 | <div class="lp-legend"> | ||
| 91 | <div class="handleCol"> | ||
| 92 | <div class="btn" @click="legendToggle"> | ||
| 93 | <i v-show="!legendToggleFlag" class="el-icon-d-arrow-left"></i> | ||
| 94 | <i v-show="legendToggleFlag" class="el-icon-d-arrow-right"></i> | ||
| 95 | </div> | ||
| 96 | <div | ||
| 97 | :class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'" | ||
| 98 | @click="selectedZt = 'dyzt'" | ||
| 99 | > | ||
| 100 | <span>单元状态</span> | ||
| 101 | </div> | ||
| 102 | <div | ||
| 103 | :class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'" | ||
| 104 | @click="selectedZt = 'fwxz'" | ||
| 105 | > | ||
| 106 | <span>房屋性质</span> | ||
| 107 | </div> | ||
| 108 | <div | ||
| 109 | :class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'" | ||
| 110 | @click="selectedZt = 'fwyt'" | ||
| 111 | > | ||
| 112 | <span>房屋用途</span> | ||
| 113 | </div> | ||
| 114 | </div> | ||
| 115 | <div | ||
| 116 | class="legendTable-wrap" | ||
| 117 | :style="{ width: legendToggleFlag ? '204px' : '0' }" | ||
| 118 | > | ||
| 119 | <table | ||
| 120 | class="legendTable" | ||
| 121 | v-show="selectedZt == 'dyzt'" | ||
| 122 | cellspacing="1" | ||
| 123 | cellpadding="1" | ||
| 124 | border="1" | ||
| 125 | > | ||
| 126 | <tr> | ||
| 127 | <th>状态</th> | ||
| 128 | <th>套数</th> | ||
| 129 | <th>面积</th> | ||
| 130 | </tr> | ||
| 131 | <tr | ||
| 132 | v-for="(item, index) in dyztList" | ||
| 133 | :key="index" | ||
| 134 | class="cp" | ||
| 135 | @click="handleChoosedH(item.bsms,item.color)" | ||
| 136 | > | ||
| 137 | <td> | ||
| 138 | <i class="fa fa-circle" :style="{ color: item.color }"></i | ||
| 139 | >{{ item.name }} | ||
| 140 | </td> | ||
| 141 | <td>{{ item.ts }}</td> | ||
| 142 | <td>{{ item.mj }}</td> | ||
| 143 | </tr> | ||
| 144 | </table> | ||
| 145 | |||
| 146 | <table | ||
| 147 | class="legendTable" | ||
| 148 | v-show="selectedZt == 'fwxz'" | ||
| 149 | cellspacing="1" | ||
| 150 | cellpadding="1" | ||
| 151 | border="1" | ||
| 152 | > | ||
| 153 | <tr> | ||
| 154 | <th>性质</th> | ||
| 155 | <th>套数</th> | ||
| 156 | <th>面积</th> | ||
| 157 | </tr> | ||
| 158 | <tr | ||
| 159 | v-for="(item, index) in fwxzList" | ||
| 160 | :key="index" | ||
| 161 | class="cp" | ||
| 162 | @click="handleChoosedH(item.bsms,item.color)" | ||
| 163 | > | ||
| 164 | <td> | ||
| 165 | <i class="fa fa-circle" :style="{ color: item.color }"></i | ||
| 166 | >{{ item.name }} | ||
| 167 | </td> | ||
| 168 | <td>{{ item.ts }}</td> | ||
| 169 | <td>{{ item.mj }}</td> | ||
| 170 | </tr> | ||
| 171 | <tr v-show="fwxzList.length < 1"> | ||
| 172 | <td colspan="3" class="tac">暂无数据</td> | ||
| 173 | </tr> | ||
| 174 | </table> | ||
| 175 | |||
| 176 | <table | ||
| 177 | class="legendTable" | ||
| 178 | v-show="selectedZt == 'fwyt'" | ||
| 179 | cellspacing="1" | ||
| 180 | cellpadding="1" | ||
| 181 | border="1" | ||
| 182 | > | ||
| 183 | <tr> | ||
| 184 | <th>用途</th> | ||
| 185 | <th>套数</th> | ||
| 186 | <th>面积</th> | ||
| 187 | </tr> | ||
| 188 | <tr | ||
| 189 | v-for="(item, index) in fwytList" | ||
| 190 | :key="index" | ||
| 191 | class="cp" | ||
| 192 | @click="handleChoosedH(item.bsms,item.color)" | ||
| 193 | > | ||
| 194 | <td> | ||
| 195 | <i class="fa fa-circle" :style="{ color: item.color }"></i | ||
| 196 | >{{ item.name }} | ||
| 197 | </td> | ||
| 198 | <td>{{ item.ts }}</td> | ||
| 199 | <td>{{ item.mj }}</td> | ||
| 200 | </tr> | ||
| 201 | <tr v-show="fwytList.length < 1"> | ||
| 202 | <td colspan="3" class="tac">暂无数据</td> | ||
| 203 | </tr> | ||
| 204 | </table> | ||
| 205 | </div> | ||
| 206 | </div> | ||
| 207 | </div> | ||
| 208 | </div> | ||
| 209 | </div> | ||
| 210 | </template> | ||
| 211 | |||
| 212 | <script> | ||
| 213 | import lpbContent from "../../../zrz/lpb/bjlp/lpbContent/index"; | ||
| 214 | import { getLpbMenuTree, batchScYcChange, getLpbTj,batchGeneratorBdcdyh,getLpbFwytAndQlxz ,batchCommit} from "@api/lpb"; | ||
| 215 | export default { | ||
| 216 | name:"", | ||
| 217 | components:{lpbContent}, | ||
| 218 | props:{}, | ||
| 219 | data(){ | ||
| 220 | return { | ||
| 221 | queryData:{ | ||
| 222 | zddm:'', | ||
| 223 | bdcdyh:'', | ||
| 224 | bdcqzh:'', | ||
| 225 | pageNo:1, | ||
| 226 | pageSize:10 | ||
| 227 | }, | ||
| 228 | tableData:[], | ||
| 229 | total:0, | ||
| 230 | tableHeight:0, | ||
| 231 | isSearch:true,//办理前/后 | ||
| 232 | scyclx:'0', //实预测类型 | ||
| 233 | bdcdyh:'',//室号搜索 | ||
| 234 | inputWidth: 220,//搜索框宽度 | ||
| 235 | legendToggleFlag: false, | ||
| 236 | selectedZt:'dyzt', | ||
| 237 | dyztList: [ | ||
| 238 | { | ||
| 239 | name: "未确权", | ||
| 240 | color: "#83AAFE", | ||
| 241 | ts: "12", | ||
| 242 | mj: "1633", | ||
| 243 | }, | ||
| 244 | { | ||
| 245 | name: "已确权", | ||
| 246 | color: "#6EDEE1", | ||
| 247 | ts: "22", | ||
| 248 | mj: "3109", | ||
| 249 | }, | ||
| 250 | { | ||
| 251 | name: "已备案", | ||
| 252 | color: "#8ADC88", | ||
| 253 | ts: "3", | ||
| 254 | mj: "409", | ||
| 255 | }, | ||
| 256 | { | ||
| 257 | name: "预抵押", | ||
| 258 | color: "#F2AD67", | ||
| 259 | ts: "11", | ||
| 260 | mj: "1466", | ||
| 261 | }, | ||
| 262 | { | ||
| 263 | name: "在建抵押", | ||
| 264 | color: "#F191C8", | ||
| 265 | ts: "13", | ||
| 266 | mj: "1792", | ||
| 267 | }, | ||
| 268 | { | ||
| 269 | name: "抵押", | ||
| 270 | color: "#FF8282", | ||
| 271 | ts: "14", | ||
| 272 | mj: "13", | ||
| 273 | }, | ||
| 274 | { | ||
| 275 | name: "查封", | ||
| 276 | color: "#D7CECF", | ||
| 277 | ts: "9", | ||
| 278 | mj: "1436", | ||
| 279 | }, | ||
| 280 | { | ||
| 281 | name: "异议", | ||
| 282 | color: "#D4A3EB", | ||
| 283 | ts: "34", | ||
| 284 | mj: "4342", | ||
| 285 | }, | ||
| 286 | { | ||
| 287 | name: "限制", | ||
| 288 | color: "#A5A3FB", | ||
| 289 | ts: "2", | ||
| 290 | mj: "285", | ||
| 291 | }, | ||
| 292 | ], | ||
| 293 | fwxzList: [], | ||
| 294 | fwytList: [], | ||
| 295 | lpbContentHeight: 0, | ||
| 296 | lpbContentwidth: 0, | ||
| 297 | } | ||
| 298 | }, | ||
| 299 | created(){}, | ||
| 300 | mounted(){ | ||
| 301 | this.$nextTick(()=>{ | ||
| 302 | this.tableHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 360; | ||
| 303 | this.lpbContentHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 320; | ||
| 304 | this.lpbContentwidth = this.$refs.lpbContentWrap.clientWidth - 34 - 6; | ||
| 305 | }) | ||
| 306 | }, | ||
| 307 | methods:{ | ||
| 308 | //查询 | ||
| 309 | search(){ | ||
| 310 | this.tableData = [ | ||
| 311 | { | ||
| 312 | bdcdyh:'00111111111111111', | ||
| 313 | xmmc:'测试自然幢', | ||
| 314 | bdcqzh:'A12111111111111111', | ||
| 315 | dylx:'zrz', | ||
| 316 | zrzbsm:'b7162d97848b0d31d301f8d4a5b4596b' | ||
| 317 | } | ||
| 318 | ] | ||
| 319 | }, | ||
| 320 | //重置 | ||
| 321 | reset(){ | ||
| 322 | this.queryData = { | ||
| 323 | zddm:'', | ||
| 324 | bdcdyh:'', | ||
| 325 | bdcqzh:'', | ||
| 326 | pageNo:1, | ||
| 327 | pageSize:10 | ||
| 328 | }; | ||
| 329 | this.search() | ||
| 330 | }, | ||
| 331 | //办理 | ||
| 332 | handleClick(row){ | ||
| 333 | this.isSearch = false; | ||
| 334 | this.zrzbsm = row.zrzbsm; | ||
| 335 | }, | ||
| 336 | //分页 | ||
| 337 | handleCurrentChange(val) { | ||
| 338 | this.pageNo = val; | ||
| 339 | this.queryData.pageNo = val; | ||
| 340 | this.search(); | ||
| 341 | }, | ||
| 342 | //表格行背景色 | ||
| 343 | tableRowClassName({row, rowIndex}) { | ||
| 344 | if (rowIndex % 2 !== 0) { | ||
| 345 | return "even-row"; | ||
| 346 | } else { | ||
| 347 | return ""; | ||
| 348 | } | ||
| 349 | }, | ||
| 350 | //实预测转换 | ||
| 351 | scyclxChange(){ | ||
| 352 | //清空已选中层户 | ||
| 353 | // this.bsms = []; | ||
| 354 | this.$refs.lpbContent.hbsmList = []; | ||
| 355 | this.$nextTick(()=>{ | ||
| 356 | //户 | ||
| 357 | this.$refs.lpbContent.$refs.hBsm.forEach(item=>{ | ||
| 358 | item.style.borderColor = 'rgb(230, 230, 230)'; | ||
| 359 | if (item.className == "tdSelect") { | ||
| 360 | item.className = ""; | ||
| 361 | } | ||
| 362 | }); | ||
| 363 | //层 | ||
| 364 | this.$refs.lpbContent.$refs.cBsm.forEach(item=>{ | ||
| 365 | console.log(item.className,'item.className'); | ||
| 366 | item.className = "floor"; | ||
| 367 | }); | ||
| 368 | }) | ||
| 369 | //获取图例数据 | ||
| 370 | this.getDyztBsmList(); | ||
| 371 | this.getLpbFwytAndQlxz(); | ||
| 372 | }, | ||
| 373 | inputChange() { | ||
| 374 | if (this.bdcdyh != "") { | ||
| 375 | // 根据不动产单元号或者室号搜索 | ||
| 376 | // this.$refs.lpbContent.lpbDataMap(this.bdcdyh); | ||
| 377 | } else { | ||
| 378 | this.$message({ | ||
| 379 | message: "请输入内容后查询", | ||
| 380 | type: "warning", | ||
| 381 | }); | ||
| 382 | } | ||
| 383 | }, | ||
| 384 | //图例的展开收起 | ||
| 385 | legendToggle() { | ||
| 386 | this.legendToggleFlag = !this.legendToggleFlag; | ||
| 387 | }, | ||
| 388 | //获取各项单元状态统计数据 | ||
| 389 | getDyztBsmList() { | ||
| 390 | let data = { | ||
| 391 | zrzbsm: this.$store.state.zrzbsm, | ||
| 392 | scyclx: this.scyclx, | ||
| 393 | }; | ||
| 394 | getLpbTj(data).then((res) => { | ||
| 395 | if (res.code === 200) { | ||
| 396 | this.dyztList = res.result; | ||
| 397 | this.dyztList.splice(1,0,this.dyztList[8]); | ||
| 398 | this.dyztList.pop(); | ||
| 399 | this.dyztList.forEach(item=>{ | ||
| 400 | item.ts = item.bsms.length; | ||
| 401 | switch (item.name) { | ||
| 402 | case 'Qqzt': | ||
| 403 | item.color = "#6EDEE1"; | ||
| 404 | item.name = "已确权" | ||
| 405 | break; | ||
| 406 | case 'Wqqzt': | ||
| 407 | item.color = "#83AAFE"; | ||
| 408 | item.name = "未确权" | ||
| 409 | break; | ||
| 410 | case 'Bazt': | ||
| 411 | item.color = "#8ADC88"; | ||
| 412 | item.name = "已备案" | ||
| 413 | break; | ||
| 414 | case 'Ydyzt': | ||
| 415 | item.color = "#F2AD67"; | ||
| 416 | item.name = "预抵押" | ||
| 417 | break; | ||
| 418 | case 'Zjgcdyzt': | ||
| 419 | item.color = "#F191C8"; | ||
| 420 | item.name = "在建抵押" | ||
| 421 | break; | ||
| 422 | case 'Dyzt': | ||
| 423 | item.color = "#FF8282"; | ||
| 424 | item.name = "抵押" | ||
| 425 | break; | ||
| 426 | case 'Cfzt': | ||
| 427 | item.color = "#D7CECF"; | ||
| 428 | item.name = "查封" | ||
| 429 | break; | ||
| 430 | case 'Yyzt': | ||
| 431 | item.color = "#D4A3EB"; | ||
| 432 | item.name = "异议" | ||
| 433 | break; | ||
| 434 | case 'Xzzt': | ||
| 435 | item.color = "#A5A3FB"; | ||
| 436 | item.name = "限制" | ||
| 437 | break; | ||
| 438 | default: | ||
| 439 | break; | ||
| 440 | } | ||
| 441 | }) | ||
| 442 | } | ||
| 443 | }); | ||
| 444 | }, | ||
| 445 | // 获取房屋用途和房屋性质统计数据 | ||
| 446 | getLpbFwytAndQlxz(){ | ||
| 447 | let data = { | ||
| 448 | zrzbsm: this.$store.state.zrzbsm, | ||
| 449 | scyclx: this.scyclx, | ||
| 450 | }; | ||
| 451 | getLpbFwytAndQlxz(data).then((res) => { | ||
| 452 | if (res.code === 200) { | ||
| 453 | // this.fwytList = res.result | ||
| 454 | this.fwytList = res.result.fwyt; | ||
| 455 | this.fwxzList = res.result.qlxz; | ||
| 456 | if(this.fwytList.length>0){ | ||
| 457 | this.fwytList.forEach(item=>{ | ||
| 458 | item.color = "#2591FD"; | ||
| 459 | item.ts = item.bsms.length | ||
| 460 | }) | ||
| 461 | } | ||
| 462 | if(this.fwxzList.length>0){ | ||
| 463 | this.fwxzList.forEach(item=>{ | ||
| 464 | item.color = "#2591FD"; | ||
| 465 | item.ts = item.bsms.length | ||
| 466 | }) | ||
| 467 | } | ||
| 468 | } | ||
| 469 | }); | ||
| 470 | } | ||
| 471 | }, | ||
| 472 | computed: {}, | ||
| 473 | watch: { | ||
| 474 | //树结构和图例伸缩时修改楼盘表主要内容区宽度 | ||
| 475 | legendToggleFlag(n) { | ||
| 476 | if (n) { | ||
| 477 | this.lpbContentwidth -= 204; | ||
| 478 | } else { | ||
| 479 | this.lpbContentwidth += 204; | ||
| 480 | } | ||
| 481 | }, | ||
| 482 | //选择自然幢展示楼盘表后，查询右侧图例数据 | ||
| 483 | isSearch(n){ | ||
| 484 | if (!n) { | ||
| 485 | this.getDyztBsmList(); | ||
| 486 | this.getLpbFwytAndQlxz(); | ||
| 487 | } | ||
| 488 | }, | ||
| 489 | //改变syclx，更新楼盘表数据 | ||
| 490 | scyclx(n){ | ||
| 491 | this.$refs.lpbContent.lpbData = n == 0 ? this.$refs.lpbContent.yclpbData : this.$refs.lpbContent.sclpbData | ||
| 492 | } | ||
| 493 | }, | ||
| 494 | } | ||
| 495 | </script> | ||
| 496 | <style scoped lang="less"> | ||
| 497 | .main{ | ||
| 498 | margin-bottom: 14px; | ||
| 499 | .el-row{ | ||
| 500 | box-sizing: border-box; | ||
| 501 | padding-left: 2px; | ||
| 502 | margin-bottom: 6px; | ||
| 503 | } | ||
| 504 | .lpb{ | ||
| 505 | box-sizing: border-box; | ||
| 506 | padding-left: 2px; | ||
| 507 | .searchInput { | ||
| 508 | transition: 0.5s; | ||
| 509 | margin-left: 20px; | ||
| 510 | display: inline-block; | ||
| 511 | } | ||
| 512 | .lpb-content{ | ||
| 513 | margin-top: 20px; | ||
| 514 | background-color: #ffffff; | ||
| 515 | display: flex; | ||
| 516 | overflow-y: scroll; | ||
| 517 | .lp-overview { | ||
| 518 | transition: 0.5s; | ||
| 519 | flex: 1; | ||
| 520 | padding-right: 20px; | ||
| 521 | box-sizing: border-box; | ||
| 522 | } | ||
| 523 | .lp-legend { | ||
| 524 | transition: 0.5s; | ||
| 525 | height: 100%; | ||
| 526 | font-size: 14px; | ||
| 527 | .handleCol { | ||
| 528 | width: 34px; | ||
| 529 | float: right; | ||
| 530 | height: 100%; | ||
| 531 | .btn { | ||
| 532 | cursor: pointer; | ||
| 533 | height: 40px; | ||
| 534 | line-height: 40px; | ||
| 535 | text-align: center; | ||
| 536 | background-color: #0091ff; | ||
| 537 | color: #fff; | ||
| 538 | border-bottom: 1px solid #e6e6e6; | ||
| 539 | } | ||
| 540 | .dyzt { | ||
| 541 | height: 81px; | ||
| 542 | line-height: 81px; | ||
| 543 | } | ||
| 544 | .fwxz, | ||
| 545 | .fwyt { | ||
| 546 | height: 122px; | ||
| 547 | } | ||
| 548 | .dyzt, | ||
| 549 | .fwxz, | ||
| 550 | .fwyt { | ||
| 551 | cursor: pointer; | ||
| 552 | border-bottom: 1px solid #e6e6e6; | ||
| 553 | span { | ||
| 554 | text-align: center; | ||
| 555 | height: 100%; | ||
| 556 | -webkit-writing-mode: vertical-rl; | ||
| 557 | writing-mode: vertical-rl; | ||
| 558 | line-height: 34px; | ||
| 559 | letter-spacing: 2px; | ||
| 560 | } | ||
| 561 | } | ||
| 562 | .selectedZt { | ||
| 563 | background-color: #0091ff; | ||
| 564 | color: #fff; | ||
| 565 | } | ||
| 566 | } | ||
| 567 | .legendTable-wrap { | ||
| 568 | transition: 0.5s; | ||
| 569 | float: right; | ||
| 570 | overflow: hidden; | ||
| 571 | .legendTable { | ||
| 572 | margin-top: -1px; | ||
| 573 | tr { | ||
| 574 | height: 40px; | ||
| 575 | line-height: 40px; | ||
| 576 | th:first-child { | ||
| 577 | width: 80px; | ||
| 578 | } | ||
| 579 | th { | ||
| 580 | width: 60px; | ||
| 581 | height: 40px; | ||
| 582 | white-space: nowrap; | ||
| 583 | } | ||
| 584 | td { | ||
| 585 | height: 40px; | ||
| 586 | text-align: center; | ||
| 587 | white-space: nowrap; | ||
| 588 | } | ||
| 589 | td:first-child { | ||
| 590 | text-align: left; | ||
| 591 | text-indent: 2px; | ||
| 592 | } | ||
| 593 | } | ||
| 594 | } | ||
| 595 | } | ||
| 596 | } | ||
| 597 | } | ||
| 598 | |||
| 599 | } | ||
| 600 | } | ||
| 601 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| ... | @@ -55,7 +55,7 @@ | ... | @@ -55,7 +55,7 @@ |
| 55 | title="批量修改" | 55 | title="批量修改" |
| 56 | :visible.sync="centerDialogVisible" | 56 | :visible.sync="centerDialogVisible" |
| 57 | width="30%" | 57 | width="30%" |
| 58 | center> | 58 | > |
| 59 | <div class="plxg"> | 59 | <div class="plxg"> |
| 60 | <div> | 60 | <div> |
| 61 | <span class="batchlx"> 界标类型:</span> | 61 | <span class="batchlx"> 界标类型:</span> | ... | ... |
| ... | @@ -67,7 +67,7 @@ | ... | @@ -67,7 +67,7 @@ |
| 67 | title="批量修改" | 67 | title="批量修改" |
| 68 | :visible.sync="centerDialogVisible" | 68 | :visible.sync="centerDialogVisible" |
| 69 | width="30%" | 69 | width="30%" |
| 70 | center> | 70 | > |
| 71 | <div class="plxg"> | 71 | <div class="plxg"> |
| 72 | <div class="batchlx"> | 72 | <div class="batchlx"> |
| 73 | <span class=""> 界址线类型:</span> | 73 | <span class=""> 界址线类型:</span> | ... | ... |
| ... | @@ -81,7 +81,8 @@ | ... | @@ -81,7 +81,8 @@ |
| 81 | </td> | 81 | </td> |
| 82 | <td colspan="2">宗地特征码<i class="requisite">*</i></td> | 82 | <td colspan="2">宗地特征码<i class="requisite">*</i></td> |
| 83 | <td colspan="4"> | 83 | <td colspan="4"> |
| 84 | <el-select class="formSelect" ref="zdtzm" :disabled="formData.qszt!='0'" v-model="formData.zdtzmbsm"> | 84 | <el-select class="formSelect" ref="zdtzm" :disabled="formData.qszt!='0'" |
| 85 | v-model="formData.zdtzmbsm"> | ||
| 85 | <el-option | 86 | <el-option |
| 86 | v-for="item in $store.state.zdtzmList" | 87 | v-for="item in $store.state.zdtzmList" |
| 87 | :key="item.bsm" | 88 | :key="item.bsm" |
| ... | @@ -112,7 +113,8 @@ | ... | @@ -112,7 +113,8 @@ |
| 112 | class="formInput percent80" | 113 | class="formInput percent80" |
| 113 | v-model="formData.zddm" | 114 | v-model="formData.zddm" |
| 114 | /> | 115 | /> |
| 115 | <el-button type="warning" :disabled="formData.qszt!='0'" class="createBtn" @click="generatorCode" | 116 | <el-button type="warning" :disabled="formData.qszt!='0'" class="createBtn" |
| 117 | @click="generatorCode" | ||
| 116 | >生成 | 118 | >生成 |
| 117 | </el-button> | 119 | </el-button> |
| 118 | </td> | 120 | </td> |
| ... | @@ -120,13 +122,14 @@ | ... | @@ -120,13 +122,14 @@ |
| 120 | <tr> | 122 | <tr> |
| 121 | <td colspan="2">地籍号</td> | 123 | <td colspan="2">地籍号</td> |
| 122 | <td colspan="4"> | 124 | <td colspan="4"> |
| 123 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.djh" /> | 125 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.djh"/> |
| 124 | </td> | 126 | </td> |
| 125 | 127 | ||
| 126 | <td colspan="2">不动产单元号<i class="requisite">*</i></td> | 128 | <td colspan="2">不动产单元号<i class="requisite">*</i></td> |
| 127 | <td colspan="4" class="psr"> | 129 | <td colspan="4" class="psr"> |
| 128 | <input | 130 | <input |
| 129 | type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="bdcdyh" maxlength="28" | 131 | type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="bdcdyh" |
| 132 | maxlength="28" | ||
| 130 | class="formInput" | 133 | class="formInput" |
| 131 | v-model="formData.bdcdyh" | 134 | v-model="formData.bdcdyh" |
| 132 | /> | 135 | /> |
| ... | @@ -136,7 +139,8 @@ | ... | @@ -136,7 +139,8 @@ |
| 136 | <tr> | 139 | <tr> |
| 137 | <td colspan="2">坐落<i class="requisite">*</i></td> | 140 | <td colspan="2">坐落<i class="requisite">*</i></td> |
| 138 | <td colspan="4"> | 141 | <td colspan="4"> |
| 139 | <input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zl" class="formInput" v-model="formData.zl" /> | 142 | <input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zl" |
| 143 | class="formInput" v-model="formData.zl"/> | ||
| 140 | </td> | 144 | </td> |
| 141 | <td colspan="2">项目名称</td> | 145 | <td colspan="2">项目名称</td> |
| 142 | <td colspan="4" class="psr"> | 146 | <td colspan="4" class="psr"> |
| ... | @@ -150,32 +154,44 @@ | ... | @@ -150,32 +154,44 @@ |
| 150 | <tr> | 154 | <tr> |
| 151 | <td colspan="2">国民经济行业分类</td> | 155 | <td colspan="2">国民经济行业分类</td> |
| 152 | <td colspan="4"> | 156 | <td colspan="4"> |
| 153 | <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.gmjjhyflbsm"> | 157 | <!-- <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.gmjjhyflbsm">--> |
| 154 | <el-option | 158 | <!-- <el-option--> |
| 155 | v-for="item in $store.state.gmjjhyflbsmList" | 159 | <!-- v-for="item in $store.state.gmjjhyflbsmList"--> |
| 156 | :key="item.bsm" | 160 | <!-- :key="item.bsm"--> |
| 157 | :label="item.mc" | 161 | <!-- :label="item.mc"--> |
| 158 | :value="item.bsm" | 162 | <!-- :value="item.bsm"--> |
| 159 | > | 163 | <!-- >--> |
| 160 | </el-option> | 164 | <!-- </el-option>--> |
| 161 | </el-select> | 165 | <!-- </el-select>--> |
| 166 | <el-select-tree | ||
| 167 | v-if="show" | ||
| 168 | :default-expand-all="defaultExpandAll" | ||
| 169 | :multiple="multiple" | ||
| 170 | :placeholder="placeholder" | ||
| 171 | :disabled="disabled" | ||
| 172 | :data="$store.state.gmjjhyflbsmList" | ||
| 173 | :props="treeProps" | ||
| 174 | :check-strictly="checkStrictly" | ||
| 175 | :clearable="clearable" | ||
| 176 | v-model="formData.gmjjhyflbsm" | ||
| 177 | ></el-select-tree> | ||
| 162 | </td> | 178 | </td> |
| 163 | <td colspan="2">价格(元)</td> | 179 | <td colspan="2">价格(元)</td> |
| 164 | <td colspan="4" class="psr"> | 180 | <td colspan="4" class="psr"> |
| 165 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jg" /> | 181 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jg"/> |
| 166 | </td> | 182 | </td> |
| 167 | </tr> | 183 | </tr> |
| 168 | <tr> | 184 | <tr> |
| 169 | <td colspan="2" rowspan="2">所在图幅号</td> | 185 | <td colspan="2" rowspan="2">所在图幅号</td> |
| 170 | <td colspan="2">比例尺</td> | 186 | <td colspan="2">比例尺</td> |
| 171 | <td colspan="8" class="psr"> | 187 | <td colspan="8" class="psr"> |
| 172 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.blc" /> | 188 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.blc"/> |
| 173 | </td> | 189 | </td> |
| 174 | </tr> | 190 | </tr> |
| 175 | <tr> | 191 | <tr> |
| 176 | <td colspan="2">图幅号</td> | 192 | <td colspan="2">图幅号</td> |
| 177 | <td colspan="8" class="psr"> | 193 | <td colspan="8" class="psr"> |
| 178 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.tfh" /> | 194 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.tfh"/> |
| 179 | </td> | 195 | </td> |
| 180 | </tr> | 196 | </tr> |
| 181 | <tr> | 197 | <tr> |
| ... | @@ -207,7 +223,7 @@ | ... | @@ -207,7 +223,7 @@ |
| 207 | </td> | 223 | </td> |
| 208 | <td colspan="2">容积说明</td> | 224 | <td colspan="2">容积说明</td> |
| 209 | <td colspan="4" class="psr"> | 225 | <td colspan="4" class="psr"> |
| 210 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.rjlsm" /> | 226 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.rjlsm"/> |
| 211 | </td> | 227 | </td> |
| 212 | </tr> | 228 | </tr> |
| 213 | <tr> | 229 | <tr> |
| ... | @@ -239,7 +255,7 @@ | ... | @@ -239,7 +255,7 @@ |
| 239 | </td> | 255 | </td> |
| 240 | <td colspan="2">建筑密度说明</td> | 256 | <td colspan="2">建筑密度说明</td> |
| 241 | <td colspan="4" class="psr"> | 257 | <td colspan="4" class="psr"> |
| 242 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzmdsm" /> | 258 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzmdsm"/> |
| 243 | </td> | 259 | </td> |
| 244 | </tr> | 260 | </tr> |
| 245 | <tr> | 261 | <tr> |
| ... | @@ -271,32 +287,36 @@ | ... | @@ -271,32 +287,36 @@ |
| 271 | </td> | 287 | </td> |
| 272 | <td colspan="2">建筑限高说明</td> | 288 | <td colspan="2">建筑限高说明</td> |
| 273 | <td colspan="4" class="psr"> | 289 | <td colspan="4" class="psr"> |
| 274 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzxgsm" /> | 290 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzxgsm"/> |
| 275 | </td> | 291 | </td> |
| 276 | </tr> | 292 | </tr> |
| 277 | <tr> | 293 | <tr> |
| 278 | <td colspan="2" rowspan="4">宗地四至</td> | 294 | <td colspan="2" rowspan="4">宗地四至</td> |
| 279 | <td colspan="2">北至<i class="requisite">*</i></td> | 295 | <td colspan="2">北至<i class="requisite">*</i></td> |
| 280 | <td colspan="8" class="psr"> | 296 | <td colspan="8" class="psr"> |
| 281 | <input type="text" @blur="inputBlur($event)" ref="zdszb" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdszb" /> | 297 | <input type="text" @blur="inputBlur($event)" ref="zdszb" :disabled="formData.qszt!='0'" |
| 298 | class="formInput" v-model="formData.zdszb"/> | ||
| 282 | </td> | 299 | </td> |
| 283 | </tr> | 300 | </tr> |
| 284 | <tr> | 301 | <tr> |
| 285 | <td colspan="2">东至<i class="requisite">*</i></td> | 302 | <td colspan="2">东至<i class="requisite">*</i></td> |
| 286 | <td colspan="8" class="psr"> | 303 | <td colspan="8" class="psr"> |
| 287 | <input type="text" @blur="inputBlur($event)" ref="zdszd" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdszd" /> | 304 | <input type="text" @blur="inputBlur($event)" ref="zdszd" :disabled="formData.qszt!='0'" |
| 305 | class="formInput" v-model="formData.zdszd"/> | ||
| 288 | </td> | 306 | </td> |
| 289 | </tr> | 307 | </tr> |
| 290 | <tr> | 308 | <tr> |
| 291 | <td colspan="2">南至<i class="requisite">*</i></td> | 309 | <td colspan="2">南至<i class="requisite">*</i></td> |
| 292 | <td colspan="8" class="psr"> | 310 | <td colspan="8" class="psr"> |
| 293 | <input type="text" @blur="inputBlur($event)" ref="zdszn" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdszn" /> | 311 | <input type="text" @blur="inputBlur($event)" ref="zdszn" :disabled="formData.qszt!='0'" |
| 312 | class="formInput" v-model="formData.zdszn"/> | ||
| 294 | </td> | 313 | </td> |
| 295 | </tr> | 314 | </tr> |
| 296 | <tr> | 315 | <tr> |
| 297 | <td colspan="2">西至<i class="requisite">*</i></td> | 316 | <td colspan="2">西至<i class="requisite">*</i></td> |
| 298 | <td colspan="8" class="psr"> | 317 | <td colspan="8" class="psr"> |
| 299 | <input type="text" @blur="inputBlur($event)" ref="zdszx" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdszx" /> | 318 | <input type="text" @blur="inputBlur($event)" ref="zdszx" :disabled="formData.qszt!='0'" |
| 319 | class="formInput" v-model="formData.zdszx"/> | ||
| 300 | </td> | 320 | </td> |
| 301 | </tr> | 321 | </tr> |
| 302 | <tr> | 322 | <tr> |
| ... | @@ -307,33 +327,38 @@ | ... | @@ -307,33 +327,38 @@ |
| 307 | <tr> | 327 | <tr> |
| 308 | <td colspan="2" rowspan="2">批准面积(㎡)</td> | 328 | <td colspan="2" rowspan="2">批准面积(㎡)</td> |
| 309 | <td colspan="2" rowspan="2"> | 329 | <td colspan="2" rowspan="2"> |
| 310 | <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.pzmj" /> | 330 | <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')" |
| 331 | class="formInput" v-model="formData.pzmj"/> | ||
| 311 | </td> | 332 | </td> |
| 312 | <td colspan="2" rowspan="2">宗地面积(㎡)<i class="requisite">*</i></td> | 333 | <td colspan="2" rowspan="2">宗地面积(㎡)<i class="requisite">*</i></td> |
| 313 | <td colspan="2" rowspan="2"> | 334 | <td colspan="2" rowspan="2"> |
| 314 | <input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zdmj" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.zdmj" /> | 335 | <input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zdmj" |
| 336 | onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.zdmj"/> | ||
| 315 | </td> | 337 | </td> |
| 316 | <td colspan="2">建筑占地总面积</td> | 338 | <td colspan="2">建筑占地总面积</td> |
| 317 | <td colspan="2"> | 339 | <td colspan="2"> |
| 318 | <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.jzzdzmj" /> | 340 | <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')" |
| 341 | class="formInput" v-model="formData.jzzdzmj"/> | ||
| 319 | </td> | 342 | </td> |
| 320 | </tr> | 343 | </tr> |
| 321 | <tr> | 344 | <tr> |
| 322 | <td colspan="2">建筑面积(㎡)</td> | 345 | <td colspan="2">建筑面积(㎡)</td> |
| 323 | <td colspan="2"> | 346 | <td colspan="2"> |
| 324 | <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.jzzmj" /> | 347 | <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')" |
| 348 | class="formInput" v-model="formData.jzzmj"/> | ||
| 325 | </td> | 349 | </td> |
| 326 | </tr> | 350 | </tr> |
| 327 | <tr> | 351 | <tr> |
| 328 | <td colspan="2">共有/共用权利人情况</td> | 352 | <td colspan="2">共有/共用权利人情况</td> |
| 329 | <td colspan="10"> | 353 | <td colspan="10"> |
| 330 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.gygyqlrqk" /> | 354 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" |
| 355 | v-model="formData.gygyqlrqk"/> | ||
| 331 | </td> | 356 | </td> |
| 332 | </tr> | 357 | </tr> |
| 333 | <tr> | 358 | <tr> |
| 334 | <td colspan="2" rowspan="2">说明</td> | 359 | <td colspan="2" rowspan="2">说明</td> |
| 335 | <td colspan="10" rowspan="2"> | 360 | <td colspan="10" rowspan="2"> |
| 336 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.sm" /> | 361 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.sm"/> |
| 337 | </td> | 362 | </td> |
| 338 | </tr> | 363 | </tr> |
| 339 | </table> | 364 | </table> |
| ... | @@ -356,10 +381,10 @@ | ... | @@ -356,10 +381,10 @@ |
| 356 | </template> | 381 | </template> |
| 357 | 382 | ||
| 358 | <script> | 383 | <script> |
| 359 | import Qlr from "../../../components/formMenu/qlr"; | 384 | import Qlr from "../../../components/formMenu/qlr"; |
| 360 | import Qlxz from "../../../components/formMenu/qlxz"; | 385 | import Qlxz from "../../../components/formMenu/qlxz"; |
| 361 | import geoUtils from "@components/lineTree/tx/js/geoUtils"; | 386 | import geoUtils from "@components/lineTree/tx/js/geoUtils"; |
| 362 | import { | 387 | import { |
| 363 | getAllList, | 388 | getAllList, |
| 364 | getDdicByMC, | 389 | getDdicByMC, |
| 365 | getListByXzqbsm, | 390 | getListByXzqbsm, |
| ... | @@ -367,15 +392,15 @@ import { | ... | @@ -367,15 +392,15 @@ import { |
| 367 | submit, | 392 | submit, |
| 368 | getTree, | 393 | getTree, |
| 369 | registerCall | 394 | registerCall |
| 370 | } from "../../../api/common"; | 395 | } from "../../../api/common"; |
| 371 | import { | 396 | import { |
| 372 | getBdcdyh, | 397 | getBdcdyh, |
| 373 | getQjZdjbxxDetailById, | 398 | getQjZdjbxxDetailById, |
| 374 | updateQjZdjbxx, | 399 | updateQjZdjbxx, |
| 375 | } from "../../../api/zd"; | 400 | } from "../../../api/zd"; |
| 376 | 401 | ||
| 377 | export default { | 402 | export default { |
| 378 | inject:['getRightTree'], | 403 | inject: ['getRightTree'], |
| 379 | name: "", | 404 | name: "", |
| 380 | components: { | 405 | components: { |
| 381 | Qlr, | 406 | Qlr, |
| ... | @@ -384,70 +409,85 @@ export default { | ... | @@ -384,70 +409,85 @@ export default { |
| 384 | props: {}, | 409 | props: {}, |
| 385 | data() { | 410 | data() { |
| 386 | return { | 411 | return { |
| 412 | |||
| 413 | //树型结构 | ||
| 414 | show: true, | ||
| 415 | clearable: true, | ||
| 416 | defaultExpandAll: true, | ||
| 417 | multiple: false, | ||
| 418 | placeholder: "请选择", | ||
| 419 | disabled: false, | ||
| 420 | checkStrictly: true, | ||
| 421 | treeProps: { | ||
| 422 | value: "dm", | ||
| 423 | children: "children", | ||
| 424 | label: "mc", | ||
| 425 | }, | ||
| 426 | |||
| 387 | rules: [], | 427 | rules: [], |
| 388 | rjl:'', | 428 | rjl: '', |
| 389 | jzmd:'', | 429 | jzmd: '', |
| 390 | jzxg:'', | 430 | jzxg: '', |
| 391 | compareList: [ | 431 | compareList: [ |
| 392 | { label: "<", value: "<" }, | 432 | {label: "<", value: "<"}, |
| 393 | { label: ">", value: ">" }, | 433 | {label: ">", value: ">"}, |
| 394 | { label: "=", value: "=" }, | 434 | {label: "=", value: "="}, |
| 395 | { label: "<=", value: "<=" }, | 435 | {label: "<=", value: "<="}, |
| 396 | { label: ">=", value: ">=" }, | 436 | {label: ">=", value: ">="}, |
| 397 | { label: "-", value: "-" }, | 437 | {label: "-", value: "-"}, |
| 398 | ], | 438 | ], |
| 399 | formData: {}, | 439 | formData: {}, |
| 400 | dpdm:'', //宗地底盘代码 | 440 | dpdm: '', //宗地底盘代码 |
| 401 | curZdbsm:'', | 441 | curZdbsm: '', |
| 402 | mainBoxWidth:0, | 442 | mainBoxWidth: 0, |
| 403 | geoAttributes:{ | 443 | geoAttributes: { |
| 404 | OBJECTID:"", | 444 | OBJECTID: "", |
| 405 | BSM:"", | 445 | BSM: "", |
| 406 | YSDM:"", | 446 | YSDM: "", |
| 407 | ZDDM:"", | 447 | ZDDM: "", |
| 408 | BDCDYH:"", | 448 | BDCDYH: "", |
| 409 | ZDTZM :"", | 449 | ZDTZM: "", |
| 410 | ZL:"", | 450 | ZL: "", |
| 411 | ZDMJ:0, | 451 | ZDMJ: 0, |
| 412 | MJDW:"", | 452 | MJDW: "", |
| 413 | YT:"", | 453 | YT: "", |
| 414 | DJ:"", | 454 | DJ: "", |
| 415 | JG:0, | 455 | JG: 0, |
| 416 | QLLX:"", | 456 | QLLX: "", |
| 417 | QLXZ:"", | 457 | QLXZ: "", |
| 418 | QLSDFS:"", | 458 | QLSDFS: "", |
| 419 | RJL:0, | 459 | RJL: 0, |
| 420 | JZMD:0, | 460 | JZMD: 0, |
| 421 | JZXG:0, | 461 | JZXG: 0, |
| 422 | ZDSZD:"", | 462 | ZDSZD: "", |
| 423 | ZDSZN :"", | 463 | ZDSZN: "", |
| 424 | ZDSZX :"", | 464 | ZDSZX: "", |
| 425 | ZDSZB :"", | 465 | ZDSZB: "", |
| 426 | TFH:"", | 466 | TFH: "", |
| 427 | DJH:"", | 467 | DJH: "", |
| 428 | DAH:"", | 468 | DAH: "", |
| 429 | BZ :"", | 469 | BZ: "", |
| 430 | ZT:"", | 470 | ZT: "", |
| 431 | YWZT:"", | 471 | YWZT: "", |
| 432 | BLID:"", | 472 | BLID: "", |
| 433 | XMMC:"", | 473 | XMMC: "", |
| 434 | XMID:"", | 474 | XMID: "", |
| 435 | BGRQ:"", | 475 | BGRQ: "", |
| 436 | BGID:"", | 476 | BGID: "", |
| 437 | BGZT:"", | 477 | BGZT: "", |
| 438 | TDZH:"", | 478 | TDZH: "", |
| 439 | QSZT:0, | 479 | QSZT: 0, |
| 440 | BBLX:0, | 480 | BBLX: 0, |
| 441 | SFDB:0, | 481 | SFDB: 0, |
| 442 | QLR :"", | 482 | QLR: "", |
| 443 | CUTID:"", | 483 | CUTID: "", |
| 444 | BHQKID:"", | 484 | BHQKID: "", |
| 445 | DJZQDM :"", | 485 | DJZQDM: "", |
| 446 | SYQLXID:"", | 486 | SYQLXID: "", |
| 447 | } | 487 | } |
| 448 | }; | 488 | }; |
| 449 | }, | 489 | }, |
| 450 | mixins:[geoUtils], | 490 | mixins: [geoUtils], |
| 451 | created() { | 491 | created() { |
| 452 | this.curZdbsm = this.$route.query.bsm; | 492 | this.curZdbsm = this.$route.query.bsm; |
| 453 | }, | 493 | }, |
| ... | @@ -458,12 +498,12 @@ export default { | ... | @@ -458,12 +498,12 @@ export default { |
| 458 | }) | 498 | }) |
| 459 | }, | 499 | }, |
| 460 | methods: { | 500 | methods: { |
| 461 | registerCall(){ | 501 | registerCall() { |
| 462 | let data={ | 502 | let data = { |
| 463 | type:'zd', | 503 | type: 'zd', |
| 464 | bsm:this.$store.state.zdbsm | 504 | bsm: this.$store.state.zdbsm |
| 465 | } | 505 | } |
| 466 | registerCall(data).then(res=>{ | 506 | registerCall(data).then(res => { |
| 467 | if (res.success) { | 507 | if (res.success) { |
| 468 | this.$message.success("登记成功") | 508 | this.$message.success("登记成功") |
| 469 | this.getRightTree(this.$store.state.zdbsm) | 509 | this.getRightTree(this.$store.state.zdbsm) |
| ... | @@ -476,8 +516,8 @@ export default { | ... | @@ -476,8 +516,8 @@ export default { |
| 476 | .then((res) => { | 516 | .then((res) => { |
| 477 | if (res.result) { | 517 | if (res.result) { |
| 478 | this.formData = res.result; | 518 | this.formData = res.result; |
| 479 | console.log(res.result,'res.result'); | 519 | console.log(res.result, 'res.result'); |
| 480 | this.getXzqData(res.result.xzqbsm,res.result.djqbsm); | 520 | this.getXzqData(res.result.xzqbsm, res.result.djqbsm); |
| 481 | //如果没有宗地代码，自动生成 | 521 | //如果没有宗地代码，自动生成 |
| 482 | // if(res.result.zddm == null){ | 522 | // if(res.result.zddm == null){ |
| 483 | // this.generatorCode() | 523 | // this.generatorCode() |
| ... | @@ -489,8 +529,8 @@ export default { | ... | @@ -489,8 +529,8 @@ export default { |
| 489 | this.formData.jyjzmd = this.isInterval(this.formData.jyjzmd) ? '-' : this.formData.jyjzmd; | 529 | this.formData.jyjzmd = this.isInterval(this.formData.jyjzmd) ? '-' : this.formData.jyjzmd; |
| 490 | this.jzxg = this.isInterval(this.formData.jyjzxg) ? this.formData.jyjzxg : ''; | 530 | this.jzxg = this.isInterval(this.formData.jyjzxg) ? this.formData.jyjzxg : ''; |
| 491 | this.formData.jyjzxg = this.isInterval(this.formData.jyjzxg) ? '-' : this.formData.jyjzxg; | 531 | this.formData.jyjzxg = this.isInterval(this.formData.jyjzxg) ? '-' : this.formData.jyjzxg; |
| 492 | if(res.result.list.length>0){ | 532 | if (res.result.list.length > 0) { |
| 493 | if(res.result.list[0].list.length<1){ | 533 | if (res.result.list[0].list.length < 1) { |
| 494 | res.result.list[0].list.push({ | 534 | res.result.list[0].list.push({ |
| 495 | "pzdjbsm": "", | 535 | "pzdjbsm": "", |
| 496 | "pzdjmc": "", | 536 | "pzdjmc": "", |
| ... | @@ -509,12 +549,12 @@ export default { | ... | @@ -509,12 +549,12 @@ export default { |
| 509 | "tdzh": "" | 549 | "tdzh": "" |
| 510 | }) | 550 | }) |
| 511 | } | 551 | } |
| 512 | this.$nextTick(()=>{ | 552 | this.$nextTick(() => { |
| 513 | //权利性质数据传给子组件 | 553 | //权利性质数据传给子组件 |
| 514 | this.$refs.qlxzModule.countList = res.result.list; | 554 | this.$refs.qlxzModule.countList = res.result.list; |
| 515 | }) | 555 | }) |
| 516 | }else{ | 556 | } else { |
| 517 | this.$nextTick(()=>{ | 557 | this.$nextTick(() => { |
| 518 | //权利性质数据传给子组件 | 558 | //权利性质数据传给子组件 |
| 519 | this.$refs.qlxzModule.countList = [ | 559 | this.$refs.qlxzModule.countList = [ |
| 520 | { | 560 | { |
| ... | @@ -550,30 +590,31 @@ export default { | ... | @@ -550,30 +590,31 @@ export default { |
| 550 | } | 590 | } |
| 551 | } | 591 | } |
| 552 | }) | 592 | }) |
| 553 | .catch((error) => {}); | 593 | .catch((error) => { |
| 594 | }); | ||
| 554 | }, | 595 | }, |
| 555 | 596 | ||
| 556 | //构造底盘代码,前6位是xzqbsm，接着3位djqbsm，3位djzqbsm，最后2位是syqlxbsm 860101555888GB | 597 | //构造底盘代码,前6位是xzqbsm，接着3位djqbsm，3位djzqbsm，最后2位是syqlxbsm 860101555888GB |
| 557 | generatorDpdm() { | 598 | generatorDpdm() { |
| 558 | this.$store.state.xzqList.forEach((item)=>{ | 599 | this.$store.state.xzqList.forEach((item) => { |
| 559 | if(item.bsm === this.formData.xzqbsm){ | 600 | if (item.bsm === this.formData.xzqbsm) { |
| 560 | this.dpdm = item.dm; | 601 | this.dpdm = item.dm; |
| 561 | } | 602 | } |
| 562 | }); | 603 | }); |
| 563 | this.$store.state.djqList.forEach((item)=>{ | 604 | this.$store.state.djqList.forEach((item) => { |
| 564 | if(item.bsm === this.formData.djqbsm){ | 605 | if (item.bsm === this.formData.djqbsm) { |
| 565 | this.dpdm = this.dpdm + item.dm; | 606 | this.dpdm = this.dpdm + item.dm; |
| 566 | } | 607 | } |
| 567 | }); | 608 | }); |
| 568 | this.$store.state.djzqList.forEach((item)=>{ | 609 | this.$store.state.djzqList.forEach((item) => { |
| 569 | if(item.bsm === this.formData.djzqbsm){ | 610 | if (item.bsm === this.formData.djzqbsm) { |
| 570 | this.dpdm = this.dpdm + item.dm; | 611 | this.dpdm = this.dpdm + item.dm; |
| 571 | } | 612 | } |
| 572 | }); | 613 | }); |
| 573 | 614 | ||
| 574 | this.dpdm = this.dpdm + this.formData.syqlxbsm; | 615 | this.dpdm = this.dpdm + this.formData.syqlxbsm; |
| 575 | this.$store.state.zdtzmList.forEach((item)=>{ | 616 | this.$store.state.zdtzmList.forEach((item) => { |
| 576 | if(item.bsm === this.formData.zdtzmbsm){ | 617 | if (item.bsm === this.formData.zdtzmbsm) { |
| 577 | this.dpdm = this.dpdm + item.dm; | 618 | this.dpdm = this.dpdm + item.dm; |
| 578 | } | 619 | } |
| 579 | }); | 620 | }); |
| ... | @@ -593,7 +634,8 @@ export default { | ... | @@ -593,7 +634,8 @@ export default { |
| 593 | this.formData.zddm = res.result.substring(0, 19); | 634 | this.formData.zddm = res.result.substring(0, 19); |
| 594 | this.formData.bdcdyh = res.result; | 635 | this.formData.bdcdyh = res.result; |
| 595 | }) | 636 | }) |
| 596 | .catch((error) => {}); | 637 | .catch((error) => { |
| 638 | }); | ||
| 597 | this.$message({ | 639 | this.$message({ |
| 598 | type: 'success', | 640 | type: 'success', |
| 599 | message: '生成成功!' | 641 | message: '生成成功!' |
| ... | @@ -609,7 +651,7 @@ export default { | ... | @@ -609,7 +651,7 @@ export default { |
| 609 | //生成宗地代码 | 651 | //生成宗地代码 |
| 610 | generatorCode() { | 652 | generatorCode() { |
| 611 | 653 | ||
| 612 | if((this.formData.zddm!=null&&this.formData.zddm!=='')||(this.formData.bdcdyh!=null&&this.formData.bdcdyh!=='')){ | 654 | if ((this.formData.zddm != null && this.formData.zddm !== '') || (this.formData.bdcdyh != null && this.formData.bdcdyh !== '')) { |
| 613 | this.open(); | 655 | this.open(); |
| 614 | return; | 656 | return; |
| 615 | } | 657 | } |
| ... | @@ -621,82 +663,83 @@ export default { | ... | @@ -621,82 +663,83 @@ export default { |
| 621 | this.formData.zddm = res.result.substring(0, 19); | 663 | this.formData.zddm = res.result.substring(0, 19); |
| 622 | this.formData.bdcdyh = res.result; | 664 | this.formData.bdcdyh = res.result; |
| 623 | }) | 665 | }) |
| 624 | .catch((error) => {}); | 666 | .catch((error) => { |
| 667 | }); | ||
| 625 | }, | 668 | }, |
| 626 | //修改宗地基本信息 | 669 | //修改宗地基本信息 |
| 627 | updateZDxx(formData) { | 670 | updateZDxx(formData) { |
| 628 | //获取权利性质数据 | 671 | //获取权利性质数据 |
| 629 | this.formData.list = this.$refs.qlxzModule.getQlxzDataList(); | 672 | this.formData.list = this.$refs.qlxzModule.getQlxzDataList(); |
| 630 | console.log(this.$refs.qlxzModule.getRulesResult(),'this.$refs.qlxzModule.getRules()'); | 673 | console.log(this.$refs.qlxzModule.getRulesResult(), 'this.$refs.qlxzModule.getRules()'); |
| 631 | //判断容密高是否为区间值，如果是区间值，则将输入框的值赋予 | 674 | //判断容密高是否为区间值，如果是区间值，则将输入框的值赋予 |
| 632 | this.formData.jyrjl = this.isInterval(this.formData.jyrjl) ? this.rjl : this.formData.jyrjl; | 675 | this.formData.jyrjl = this.isInterval(this.formData.jyrjl) ? this.rjl : this.formData.jyrjl; |
| 633 | this.formData.jyjzmd = this.isInterval(this.formData.jyjzmd) ? this.jzmd : this.formData.jyjzmd; | 676 | this.formData.jyjzmd = this.isInterval(this.formData.jyjzmd) ? this.jzmd : this.formData.jyjzmd; |
| 634 | this.formData.jyjzxg = this.isInterval(this.formData.jyjzxg) ? this.jzxg : this.formData.jyjzxg; | 677 | this.formData.jyjzxg = this.isInterval(this.formData.jyjzxg) ? this.jzxg : this.formData.jyjzxg; |
| 635 | this.rules= [ | 678 | this.rules = [ |
| 636 | { | 679 | { |
| 637 | data:this.formData.zdtzmbsm, | 680 | data: this.formData.zdtzmbsm, |
| 638 | name:'宗地特征码', | 681 | name: '宗地特征码', |
| 639 | dom:this.$refs.zdtzm, | 682 | dom: this.$refs.zdtzm, |
| 640 | rule: /^\s*$/g, //非空 | 683 | rule: /^\s*$/g, //非空 |
| 641 | }, | 684 | }, |
| 642 | { | 685 | { |
| 643 | data:this.formData.zddm, | 686 | data: this.formData.zddm, |
| 644 | name:'宗地代码', | 687 | name: '宗地代码', |
| 645 | dom:this.$refs.zddm, | 688 | dom: this.$refs.zddm, |
| 646 | rule: /^\s*$/g, //非空 | 689 | rule: /^\s*$/g, //非空 |
| 647 | }, | 690 | }, |
| 648 | { | 691 | { |
| 649 | data:this.formData.bdcdyh, | 692 | data: this.formData.bdcdyh, |
| 650 | name:'不动产单元号', | 693 | name: '不动产单元号', |
| 651 | dom:this.$refs.bdcdyh, | 694 | dom: this.$refs.bdcdyh, |
| 652 | rule: /^\s*$/g, //非空 | 695 | rule: /^\s*$/g, //非空 |
| 653 | }, | 696 | }, |
| 654 | { | 697 | { |
| 655 | data:this.formData.zl, | 698 | data: this.formData.zl, |
| 656 | name:'坐落', | 699 | name: '坐落', |
| 657 | dom:this.$refs.zl, | 700 | dom: this.$refs.zl, |
| 658 | rule: /^\s*$/g, //非空 | 701 | rule: /^\s*$/g, //非空 |
| 659 | }, | 702 | }, |
| 660 | { | 703 | { |
| 661 | data:this.formData.zdszd, | 704 | data: this.formData.zdszd, |
| 662 | name:'宗地东至', | 705 | name: '宗地东至', |
| 663 | dom:this.$refs.zdszd, | 706 | dom: this.$refs.zdszd, |
| 664 | rule: /^\s*$/g, //非空 | 707 | rule: /^\s*$/g, //非空 |
| 665 | }, | 708 | }, |
| 666 | { | 709 | { |
| 667 | data:this.formData.zdszb, | 710 | data: this.formData.zdszb, |
| 668 | name:'宗地北至', | 711 | name: '宗地北至', |
| 669 | dom:this.$refs.zdszb, | 712 | dom: this.$refs.zdszb, |
| 670 | rule: /^\s*$/g, //非空 | 713 | rule: /^\s*$/g, //非空 |
| 671 | }, | 714 | }, |
| 672 | { | 715 | { |
| 673 | data:this.formData.zdszx, | 716 | data: this.formData.zdszx, |
| 674 | name:'宗地西至', | 717 | name: '宗地西至', |
| 675 | dom:this.$refs.zdszx, | 718 | dom: this.$refs.zdszx, |
| 676 | rule: /^\s*$/g, //非空 | 719 | rule: /^\s*$/g, //非空 |
| 677 | }, | 720 | }, |
| 678 | { | 721 | { |
| 679 | data:this.formData.zdszn, | 722 | data: this.formData.zdszn, |
| 680 | name:'宗地南至', | 723 | name: '宗地南至', |
| 681 | dom:this.$refs.zdszn, | 724 | dom: this.$refs.zdszn, |
| 682 | rule: /^\s*$/g, //非空 | 725 | rule: /^\s*$/g, //非空 |
| 683 | }, | 726 | }, |
| 684 | { | 727 | { |
| 685 | data:this.formData.zdmj, | 728 | data: this.formData.zdmj, |
| 686 | name:'宗地面积', | 729 | name: '宗地面积', |
| 687 | dom:this.$refs.zdmj, | 730 | dom: this.$refs.zdmj, |
| 688 | rule: /^\s*$/g, //非空 | 731 | rule: /^\s*$/g, //非空 |
| 689 | }, | 732 | }, |
| 690 | ] | 733 | ] |
| 691 | // console.log(this.rules,'rules'); | 734 | // console.log(this.rules,'rules'); |
| 692 | this.$refs.qlxzModule.getRules(); | 735 | this.$refs.qlxzModule.getRules(); |
| 693 | let flag = true; | 736 | let flag = true; |
| 694 | this.rules.forEach(item=>{ | 737 | this.rules.forEach(item => { |
| 695 | if(item.rule.test(item.data) || item.data == null){ | 738 | if (item.rule.test(item.data) || item.data == null) { |
| 696 | if(item.dom.$el){ | 739 | if (item.dom.$el) { |
| 697 | item.dom.$el.style.border = '1px solid red'; | 740 | item.dom.$el.style.border = '1px solid red'; |
| 698 | item.dom.$el.style.boxSizing = 'border-box'; | 741 | item.dom.$el.style.boxSizing = 'border-box'; |
| 699 | }else{ | 742 | } else { |
| 700 | item.dom.style.border = '1px solid red'; | 743 | item.dom.style.border = '1px solid red'; |
| 701 | item.dom.style.boxSizing = 'border-box'; | 744 | item.dom.style.boxSizing = 'border-box'; |
| 702 | } | 745 | } |
| ... | @@ -709,18 +752,18 @@ export default { | ... | @@ -709,18 +752,18 @@ export default { |
| 709 | return false | 752 | return false |
| 710 | } | 753 | } |
| 711 | }) | 754 | }) |
| 712 | this.$nextTick(()=>{ | 755 | this.$nextTick(() => { |
| 713 | if(flag && this.$refs.qlxzModule.getRulesResult()){ | 756 | if (flag && this.$refs.qlxzModule.getRulesResult()) { |
| 714 | //宗地面积处理 | 757 | //宗地面积处理 |
| 715 | // console.log(this.formData.zdmj,'this.formData.zdmj'); | 758 | // console.log(this.formData.zdmj,'this.formData.zdmj'); |
| 716 | // this.formData.zdmj = this.formData.zdmj.replace(/[^\d\.]/g,'') | 759 | // this.formData.zdmj = this.formData.zdmj.replace(/[^\d\.]/g,'') |
| 717 | //判断宗地代码和不动产单元号是否手动修改过（宗地代码和不动产单元号的前14位是否和底盘代码一致） | 760 | //判断宗地代码和不动产单元号是否手动修改过（宗地代码和不动产单元号的前14位是否和底盘代码一致） |
| 718 | if(this.formData.zddm.substring(0,14) != this.dpdm || this.formData.bdcdyh.substring(0,14) != this.dpdm){ | 761 | if (this.formData.zddm.substring(0, 14) != this.dpdm || this.formData.bdcdyh.substring(0, 14) != this.dpdm) { |
| 719 | this.$message({ | 762 | this.$message({ |
| 720 | message: '宗地代码或不动产单元号有误，请核对后再试一次', | 763 | message: '宗地代码或不动产单元号有误，请核对后再试一次', |
| 721 | type: "warning", | 764 | type: "warning", |
| 722 | }); | 765 | }); |
| 723 | }else{ | 766 | } else { |
| 724 | updateQjZdjbxx(this.formData) | 767 | updateQjZdjbxx(this.formData) |
| 725 | .then((res) => { | 768 | .then((res) => { |
| 726 | if (res.code == 200) { | 769 | if (res.code == 200) { |
| ... | @@ -738,28 +781,29 @@ export default { | ... | @@ -738,28 +781,29 @@ export default { |
| 738 | }); | 781 | }); |
| 739 | } | 782 | } |
| 740 | }) | 783 | }) |
| 741 | .catch((error) => {}); | 784 | .catch((error) => { |
| 785 | }); | ||
| 742 | //保存到空间库里面 | 786 | //保存到空间库里面 |
| 743 | var self = this; | 787 | var self = this; |
| 744 | for(var key in this.geoAttributes){ | 788 | for (var key in this.geoAttributes) { |
| 745 | if(key == "BSM"){ | 789 | if (key == "BSM") { |
| 746 | self.geoAttributes[key] = this.$store.state.zdbsm | 790 | self.geoAttributes[key] = this.$store.state.zdbsm |
| 747 | }else if(key == 'QLSDFS'){ | 791 | } else if (key == 'QLSDFS') { |
| 748 | var qlsdfsList = self.$store.state.qlsdfsList,value = self.formData.qlsdfs; | 792 | var qlsdfsList = self.$store.state.qlsdfsList, value = self.formData.qlsdfs; |
| 749 | var qlsdfs = qlsdfsList.filter(item => { | 793 | var qlsdfs = qlsdfsList.filter(item => { |
| 750 | return item.bsm == value; | 794 | return item.bsm == value; |
| 751 | }) | 795 | }) |
| 752 | self.geoAttributes[key] = qlsdfs[0] ? qlsdfs[0].mc:""; | 796 | self.geoAttributes[key] = qlsdfs[0] ? qlsdfs[0].mc : ""; |
| 753 | }else { | 797 | } else { |
| 754 | var formKay = key.toLowerCase(); | 798 | var formKay = key.toLowerCase(); |
| 755 | self.geoAttributes[key] = self.formData[formKay]; | 799 | self.geoAttributes[key] = self.formData[formKay]; |
| 756 | } | 800 | } |
| 757 | } | 801 | } |
| 758 | self.updAttributes(this.$store.state.zdbsm,'zd',this.geoAttributes,function (res) { | 802 | self.updAttributes(this.$store.state.zdbsm, 'zd', this.geoAttributes, function (res) { |
| 759 | console.log("属性保存完成!!"); | 803 | console.log("属性保存完成!!"); |
| 760 | }); | 804 | }); |
| 761 | } | 805 | } |
| 762 | }else{ | 806 | } else { |
| 763 | this.$message({ | 807 | this.$message({ |
| 764 | // message: item.name+'不能为空', | 808 | // message: item.name+'不能为空', |
| 765 | message: '请完善表单后再继续操作', | 809 | message: '请完善表单后再继续操作', |
| ... | @@ -769,23 +813,23 @@ export default { | ... | @@ -769,23 +813,23 @@ export default { |
| 769 | }) | 813 | }) |
| 770 | 814 | ||
| 771 | }, | 815 | }, |
| 772 | inputBlur(e){ | 816 | inputBlur(e) { |
| 773 | if(e.target.value!=''){ | 817 | if (e.target.value != '') { |
| 774 | e.target.style.border="" | 818 | e.target.style.border = "" |
| 775 | }else{ | 819 | } else { |
| 776 | e.target.style.border="1px solid red"; | 820 | e.target.style.border = "1px solid red"; |
| 777 | e.target.style.boxSizing = 'border-box'; | 821 | e.target.style.boxSizing = 'border-box'; |
| 778 | } | 822 | } |
| 779 | }, | 823 | }, |
| 780 | //提交宗地基本信息 | 824 | //提交宗地基本信息 |
| 781 | submitZDxx(){ | 825 | submitZDxx() { |
| 782 | let data={ | 826 | let data = { |
| 783 | glbsm:this.$store.state.zdbsm, | 827 | glbsm: this.$store.state.zdbsm, |
| 784 | status:1, | 828 | status: 1, |
| 785 | type:"zd" | 829 | type: "zd" |
| 786 | } | 830 | } |
| 787 | submit(data).then((res)=>{ | 831 | submit(data).then((res) => { |
| 788 | if(res.code===200){ | 832 | if (res.code === 200) { |
| 789 | this.$message.success("提交成功！") | 833 | this.$message.success("提交成功！") |
| 790 | this.getZdjbxxData(this.curZdbsm); | 834 | this.getZdjbxxData(this.curZdbsm); |
| 791 | getTree(this.curZdbsm).then((res) => { | 835 | getTree(this.curZdbsm).then((res) => { |
| ... | @@ -813,7 +857,8 @@ export default { | ... | @@ -813,7 +857,8 @@ export default { |
| 813 | this.djqList = res.result; | 857 | this.djqList = res.result; |
| 814 | this.$store.state.djqList = res.result; | 858 | this.$store.state.djqList = res.result; |
| 815 | }) | 859 | }) |
| 816 | .catch((error) => {}); | 860 | .catch((error) => { |
| 861 | }); | ||
| 817 | }, | 862 | }, |
| 818 | changeDjq(item) { | 863 | changeDjq(item) { |
| 819 | getListByPbsm(item) | 864 | getListByPbsm(item) |
| ... | @@ -822,23 +867,25 @@ export default { | ... | @@ -822,23 +867,25 @@ export default { |
| 822 | this.djzqList = res.result; | 867 | this.djzqList = res.result; |
| 823 | this.$store.state.djzqList = res.result; | 868 | this.$store.state.djzqList = res.result; |
| 824 | }) | 869 | }) |
| 825 | .catch((error) => {}); | 870 | .catch((error) => { |
| 871 | }); | ||
| 826 | }, | 872 | }, |
| 827 | //判断容密高是否为区间 | 873 | //判断容密高是否为区间 |
| 828 | isInterval(val){ | 874 | isInterval(val) { |
| 829 | if(val == '>' || val == '<' || val == '=' || val == '>=' || val == '<='|| val == null){ | 875 | if (val == '>' || val == '<' || val == '=' || val == '>=' || val == '<=' || val == null) { |
| 830 | return false | 876 | return false |
| 831 | }else{ | 877 | } else { |
| 832 | return true; | 878 | return true; |
| 833 | } | 879 | } |
| 834 | }, | 880 | }, |
| 835 | //根据宗地信息的行政区代码查询行政区地籍区地籍子区的字典数据 | 881 | //根据宗地信息的行政区代码查询行政区地籍区地籍子区的字典数据 |
| 836 | getXzqData(xzqdm,djqdm){ | 882 | getXzqData(xzqdm, djqdm) { |
| 837 | getAllList() | 883 | getAllList() |
| 838 | .then((res) => { | 884 | .then((res) => { |
| 839 | this.$store.state.xzqList = res.result; | 885 | this.$store.state.xzqList = res.result; |
| 840 | }) | 886 | }) |
| 841 | .catch((error) => {}); | 887 | .catch((error) => { |
| 888 | }); | ||
| 842 | 889 | ||
| 843 | getListByPbsm(djqdm) | 890 | getListByPbsm(djqdm) |
| 844 | .then((res) => { | 891 | .then((res) => { |
| ... | @@ -849,9 +896,11 @@ export default { | ... | @@ -849,9 +896,11 @@ export default { |
| 849 | //生成底盘代码 | 896 | //生成底盘代码 |
| 850 | this.generatorDpdm(); | 897 | this.generatorDpdm(); |
| 851 | }) | 898 | }) |
| 852 | .catch((error) => {}); | 899 | .catch((error) => { |
| 900 | }); | ||
| 853 | }) | 901 | }) |
| 854 | .catch((error) => {}); | 902 | .catch((error) => { |
| 903 | }); | ||
| 855 | } | 904 | } |
| 856 | }, | 905 | }, |
| 857 | computed: { | 906 | computed: { |
| ... | @@ -869,34 +918,45 @@ export default { | ... | @@ -869,34 +918,45 @@ export default { |
| 869 | }, | 918 | }, |
| 870 | }, | 919 | }, |
| 871 | watch: { | 920 | watch: { |
| 872 | zl: function(val) { | 921 | zl: function (val) { |
| 873 | this.$store.state.zdzl = val; | 922 | this.$store.state.zdzl = val; |
| 874 | }, | 923 | }, |
| 875 | mj: function(val) { | 924 | mj: function (val) { |
| 876 | this.$store.state.zdmj = val; | 925 | this.$store.state.zdmj = val; |
| 877 | }, | 926 | }, |
| 878 | zddm: function(val) { | 927 | zddm: function (val) { |
| 879 | this.$store.state.zddm = val; | 928 | this.$store.state.zddm = val; |
| 880 | }, | 929 | }, |
| 881 | zdbsm:function (val) { | 930 | zdbsm: function (val) { |
| 882 | this.getZdjbxxData(val) | 931 | this.getZdjbxxData(val) |
| 883 | this.curZdbsm = val; | 932 | this.curZdbsm = val; |
| 884 | }, | 933 | }, |
| 885 | "formData.bdcdyh":function (val) { | 934 | "formData.bdcdyh": function (val) { |
| 886 | if (val != '') { | 935 | if (val != '') { |
| 887 | this.$refs.bdcdyh.style.border = ''; | 936 | this.$refs.bdcdyh.style.border = ''; |
| 888 | } | 937 | } |
| 889 | }, | 938 | }, |
| 890 | "formData.zddm":function (val) { | 939 | "formData.zddm": function (val) { |
| 891 | if (val != '') { | 940 | if (val != '') { |
| 892 | this.$refs.zddm.style.border = ''; | 941 | this.$refs.zddm.style.border = ''; |
| 893 | } | 942 | } |
| 943 | }, | ||
| 944 | "$store.state.sxdrType": { | ||
| 945 | handler(n) { | ||
| 946 | this.$nextTick(()=>{ | ||
| 947 | if (n === 'zd') { | ||
| 948 | this.getZdjbxxData(this.$store.state.zdbsm) | ||
| 949 | } | ||
| 950 | }) | ||
| 951 | }, | ||
| 952 | immediate: false, | ||
| 953 | deep: true, | ||
| 894 | } | 954 | } |
| 895 | }, | 955 | }, |
| 896 | }; | 956 | }; |
| 897 | </script> | 957 | </script> |
| 898 | <style lang="less" scoped> | 958 | <style lang="less" scoped> |
| 899 | .main { | 959 | .main { |
| 900 | box-sizing: border-box; | 960 | box-sizing: border-box; |
| 901 | padding: 18px; | 961 | padding: 18px; |
| 902 | height: auto; | 962 | height: auto; |
| ... | @@ -965,7 +1025,7 @@ export default { | ... | @@ -965,7 +1025,7 @@ export default { |
| 965 | right: 6px; | 1025 | right: 6px; |
| 966 | text-align: center; | 1026 | text-align: center; |
| 967 | background-color: #ffffff; | 1027 | background-color: #ffffff; |
| 968 | .el-button{ | 1028 | .el-button { |
| 969 | padding: 10px 30px; | 1029 | padding: 10px 30px; |
| 970 | margin-top: 8px; | 1030 | margin-top: 8px; |
| 971 | } | 1031 | } |
| ... | @@ -978,5 +1038,5 @@ export default { | ... | @@ -978,5 +1038,5 @@ export default { |
| 978 | border-color: rgba(0, 202, 205, .8); | 1038 | border-color: rgba(0, 202, 205, .8); |
| 979 | } | 1039 | } |
| 980 | } | 1040 | } |
| 981 | } | 1041 | } |
| 982 | </style> | 1042 | </style> | ... | ... |
| ... | @@ -113,16 +113,9 @@ export default { | ... | @@ -113,16 +113,9 @@ export default { |
| 113 | }, | 113 | }, |
| 114 | //重置数据 | 114 | //重置数据 |
| 115 | reset() { | 115 | reset() { |
| 116 | this.tableData = [ | 116 | this.tableData[0].qsc = ""; |
| 117 | { | 117 | this.tableData[0].jsc = ""; |
| 118 | cz: "+", | 118 | this.tableData[0].hs = ""; |
| 119 | ljzbsm: "", | ||
| 120 | zdybsm: "", | ||
| 121 | qsc: "", | ||
| 122 | jsc: "", | ||
| 123 | hs: "", | ||
| 124 | }, | ||
| 125 | ]; | ||
| 126 | }, | 119 | }, |
| 127 | }, | 120 | }, |
| 128 | computed: {}, | 121 | computed: {}, | ... | ... |
| ... | @@ -310,7 +310,7 @@ | ... | @@ -310,7 +310,7 @@ |
| 310 | 310 | ||
| 311 | <tr> | 311 | <tr> |
| 312 | <td colspan="12" rowspan="4" align="center"> | 312 | <td colspan="12" rowspan="4" align="center"> |
| 313 | <Qlxz ref="qlxzModule" :hasSyqx='false'></Qlxz> | 313 | <Qlxz ref="qlxzModule" :hasSyqx='false' :formData="form"></Qlxz> |
| 314 | </td> | 314 | </td> |
| 315 | </tr> | 315 | </tr> |
| 316 | <tr></tr> | 316 | <tr></tr> |
| ... | @@ -843,6 +843,17 @@ | ... | @@ -843,6 +843,17 @@ |
| 843 | this.form.scyclx = this.scyclx; | 843 | this.form.scyclx = this.scyclx; |
| 844 | }) | 844 | }) |
| 845 | } | 845 | } |
| 846 | }, | ||
| 847 | "$store.state.sxdrType": { | ||
| 848 | handler(n) { | ||
| 849 | this.$nextTick(()=>{ | ||
| 850 | if (n === 'h') { | ||
| 851 | this.getHInfo(this.$store.state.hbsm) | ||
| 852 | } | ||
| 853 | }) | ||
| 854 | }, | ||
| 855 | immediate: false, | ||
| 856 | deep: true, | ||
| 846 | } | 857 | } |
| 847 | } | 858 | } |
| 848 | } | 859 | } | ... | ... |
| ... | @@ -97,7 +97,7 @@ | ... | @@ -97,7 +97,7 @@ |
| 97 | </div> | 97 | </div> |
| 98 | <!-- 楼盘表主体 --> | 98 | <!-- 楼盘表主体 --> |
| 99 | <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }"> | 99 | <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }"> |
| 100 | <lpbContent ref="lpbContent" :key="time"></lpbContent> | 100 | <lpbContent ref="lpbContent" :zrzbsm="$route.query.bsm" :key="time"></lpbContent> |
| 101 | </div> | 101 | </div> |
| 102 | <!-- 右侧图例 --> | 102 | <!-- 右侧图例 --> |
| 103 | <div class="lp-legend"> | 103 | <div class="lp-legend"> |
| ... | @@ -220,7 +220,7 @@ | ... | @@ -220,7 +220,7 @@ |
| 220 | </div> | 220 | </div> |
| 221 | 221 | ||
| 222 | <!-- 右键菜单弹出框 --> | 222 | <!-- 右键菜单弹出框 --> |
| 223 | <el-dialog title="添加" :visible.sync="dialogVisible" width="50%" center> | 223 | <el-dialog title="添加" :visible.sync="dialogVisible" width="50%" > |
| 224 | <!-- 根据菜单类型（menuType）和右键点击的楼盘类型（treeData.type）来区分弹框内容 --> | 224 | <!-- 根据菜单类型（menuType）和右键点击的楼盘类型（treeData.type）来区分弹框内容 --> |
| 225 | <div class="addCh" v-show="menuType == 'ljz'"> | 225 | <div class="addCh" v-show="menuType == 'ljz'"> |
| 226 | <addLjz ref="ljz"></addLjz> | 226 | <addLjz ref="ljz"></addLjz> |
| ... | @@ -255,7 +255,7 @@ | ... | @@ -255,7 +255,7 @@ |
| 255 | @close="hcxlzClose" | 255 | @close="hcxlzClose" |
| 256 | ></h-cxlz> | 256 | ></h-cxlz> |
| 257 | <!-- 双击户的弹出框 --> | 257 | <!-- 双击户的弹出框 --> |
| 258 | <el-dialog title="户编辑" class="hbjDialog" :visible.sync="hbjVisible" width="70%" center> | 258 | <el-dialog title="户编辑" class="hbjDialog" :visible.sync="hbjVisible" width="70%" > |
| 259 | <hbj ref="hbj" :bsm="hbsm" :scyclx="scyclx"></hbj> | 259 | <hbj ref="hbj" :bsm="hbsm" :scyclx="scyclx"></hbj> |
| 260 | </el-dialog> | 260 | </el-dialog> |
| 261 | </div> | 261 | </div> |
| ... | @@ -507,6 +507,9 @@ export default { | ... | @@ -507,6 +507,9 @@ export default { |
| 507 | openLpbDialog(data, type) { | 507 | openLpbDialog(data, type) { |
| 508 | this.treeData = data; | 508 | this.treeData = data; |
| 509 | this.menuType = type; | 509 | this.menuType = type; |
| 510 | this.$nextTick(()=>{ | ||
| 511 | this.resetInfo(); | ||
| 512 | }); | ||
| 510 | this.dialogVisible = true; | 513 | this.dialogVisible = true; |
| 511 | }, | 514 | }, |
| 512 | //弹框中的保存按钮，根据不同菜单点击类型调用不同子组件的保存方法 | 515 | //弹框中的保存按钮，根据不同菜单点击类型调用不同子组件的保存方法 |
| ... | @@ -632,7 +635,7 @@ export default { | ... | @@ -632,7 +635,7 @@ export default { |
| 632 | if (res.code === 200) { | 635 | if (res.code === 200) { |
| 633 | this.$message.success("生成完成！"); | 636 | this.$message.success("生成完成！"); |
| 634 | } else { | 637 | } else { |
| 635 | this.$message.warning("生成失败！"); | 638 | this.$message.warning(res.message); |
| 636 | } | 639 | } |
| 637 | } | 640 | } |
| 638 | ); | 641 | ); | ... | ... |
| ... | @@ -29,16 +29,9 @@ | ... | @@ -29,16 +29,9 @@ |
| 29 | <td colspan="4"> | 29 | <td colspan="4"> |
| 30 | <el-input v-model="form.ljzmc"></el-input> | 30 | <el-input v-model="form.ljzmc"></el-input> |
| 31 | </td> | 31 | </td> |
| 32 | <td colspan="2" align="center">不动产单元号</td> | 32 | <td colspan="2" align="center">建筑物状态</td> |
| 33 | <td colspan="4" class="psr"> | 33 | <td colspan="4"> |
| 34 | <el-input v-model="form.bdcdyh" maxlength="28" class="percent80"></el-input> | 34 | <el-input v-model="form.jzwzt"></el-input> |
| 35 | <el-button | ||
| 36 | @click.prevent="" | ||
| 37 | size="mini" | ||
| 38 | type="warning" | ||
| 39 | class="createBtn" | ||
| 40 | >生成</el-button | ||
| 41 | > | ||
| 42 | </td> | 35 | </td> |
| 43 | </tr> | 36 | </tr> |
| 44 | 37 | ||
| ... | @@ -177,13 +170,9 @@ | ... | @@ -177,13 +170,9 @@ |
| 177 | 170 | ||
| 178 | <tr height="30"> | 171 | <tr height="30"> |
| 179 | <td colspan="2" align="center">总层数</td> | 172 | <td colspan="2" align="center">总层数</td> |
| 180 | <td colspan="4"> | 173 | <td colspan="10"> |
| 181 | <el-input v-model="form.zcs"></el-input> | 174 | <el-input v-model="form.zcs"></el-input> |
| 182 | </td> | 175 | </td> |
| 183 | <td colspan="2" align="center">建筑物状态</td> | ||
| 184 | <td colspan="4"> | ||
| 185 | <el-input v-model="form.jzwzt"></el-input> | ||
| 186 | </td> | ||
| 187 | </tr> | 176 | </tr> |
| 188 | 177 | ||
| 189 | <tr height="30"> | 178 | <tr height="30"> | ... | ... |
| ... | @@ -62,7 +62,7 @@ | ... | @@ -62,7 +62,7 @@ |
| 62 | ref="hBsm" | 62 | ref="hBsm" |
| 63 | :key="hsIndex" | 63 | :key="hsIndex" |
| 64 | :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''" | 64 | :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''" |
| 65 | @click="handleTdClick($event, hs.bsm)" | 65 | @click="handleTdClick($event, hs.bsm,hs)" |
| 66 | @dblclick="dbclick(hs.bsm)" | 66 | @dblclick="dbclick(hs.bsm)" |
| 67 | @contextmenu.prevent="openMenu($event, hs, 'h')" | 67 | @contextmenu.prevent="openMenu($event, hs, 'h')" |
| 68 | > | 68 | > |
| ... | @@ -117,7 +117,7 @@ | ... | @@ -117,7 +117,7 @@ |
| 117 | ref="hBsm" | 117 | ref="hBsm" |
| 118 | :key="hsIndex" | 118 | :key="hsIndex" |
| 119 | :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''" | 119 | :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''" |
| 120 | @click="handleTdClick($event, hs.bsm)" | 120 | @click="handleTdClick($event, hs.bsm,hs)" |
| 121 | @dblclick="dbclick(hs.bsm)" | 121 | @dblclick="dbclick(hs.bsm)" |
| 122 | @contextmenu.prevent="openMenu($event, hs, 'h')" | 122 | @contextmenu.prevent="openMenu($event, hs, 'h')" |
| 123 | > | 123 | > |
| ... | @@ -133,7 +133,9 @@ | ... | @@ -133,7 +133,9 @@ |
| 133 | 133 | ||
| 134 | <!-- 逻辑幢名称 --> | 134 | <!-- 逻辑幢名称 --> |
| 135 | <div class="ljz-name name"> | 135 | <div class="ljz-name name"> |
| 136 | <p> | ||
| 136 | {{ ljzs.ljzmc }} | 137 | {{ ljzs.ljzmc }} |
| 138 | </p> | ||
| 137 | </div> | 139 | </div> |
| 138 | </div> | 140 | </div> |
| 139 | </div> | 141 | </div> |
| ... | @@ -177,7 +179,7 @@ | ... | @@ -177,7 +179,7 @@ |
| 177 | ref="hBsm" | 179 | ref="hBsm" |
| 178 | :key="hsIndex" | 180 | :key="hsIndex" |
| 179 | :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''" | 181 | :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''" |
| 180 | @click="handleTdClick($event, hs.bsm)" | 182 | @click="handleTdClick($event, hs.bsm,hs)" |
| 181 | @dblclick="dbclick(hs.bsm)" | 183 | @dblclick="dbclick(hs.bsm)" |
| 182 | @contextmenu.prevent="openMenu($event, hs, 'h')" | 184 | @contextmenu.prevent="openMenu($event, hs, 'h')" |
| 183 | > | 185 | > |
| ... | @@ -222,7 +224,7 @@ | ... | @@ -222,7 +224,7 @@ |
| 222 | ref="hBsm" | 224 | ref="hBsm" |
| 223 | :key="hsIndex" | 225 | :key="hsIndex" |
| 224 | :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''" | 226 | :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''" |
| 225 | @click="handleTdClick($event, hs.bsm)" | 227 | @click="handleTdClick($event, hs.bsm,hs)" |
| 226 | @dblclick="dbclick(hs.bsm)" | 228 | @dblclick="dbclick(hs.bsm)" |
| 227 | @contextmenu.prevent="openMenu($event, hs, 'h')" | 229 | @contextmenu.prevent="openMenu($event, hs, 'h')" |
| 228 | > | 230 | > |
| ... | @@ -257,13 +259,16 @@ | ... | @@ -257,13 +259,16 @@ |
| 257 | 向下添加层 | 259 | 向下添加层 |
| 258 | </li> | 260 | </li> |
| 259 | <li v-show="rightClickFlag == 'c'" @click="handleDeleteC">删除层</li> | 261 | <li v-show="rightClickFlag == 'c'" @click="handleDeleteC">删除层</li> |
| 262 | <!-- 合并 --> | ||
| 263 | <li v-show="rightClickFlag == 'hb'" :class="canHb!='zyhb'? 'cantHb':''" @click="handleHb('zyhb')">左右合并</li> | ||
| 264 | <li v-show="rightClickFlag == 'hb'" :class="canHb!='sxhb'? 'cantHb':''" @click="handleHb('sxhb')">上下合并</li> | ||
| 265 | |||
| 260 | </ul> | 266 | </ul> |
| 261 | <!-- 层操作弹框 --> | 267 | <!-- 层操作弹框 --> |
| 262 | <el-dialog | 268 | <el-dialog |
| 263 | :title="addCData.title" | 269 | :title="addCData.title" |
| 264 | :visible.sync="addCVisible" | 270 | :visible.sync="addCVisible" |
| 265 | width="50%" | 271 | width="50%" |
| 266 | center | ||
| 267 | > | 272 | > |
| 268 | <el-form :model="addCData"> | 273 | <el-form :model="addCData"> |
| 269 | <el-form-item label="层号" :label-width="formLabelWidth"> | 274 | <el-form-item label="层号" :label-width="formLabelWidth"> |
| ... | @@ -300,11 +305,22 @@ | ... | @@ -300,11 +305,22 @@ |
| 300 | </template> | 305 | </template> |
| 301 | <script> | 306 | <script> |
| 302 | import moveH from "./../../../../../components/moveH/moveH"; | 307 | import moveH from "./../../../../../components/moveH/moveH"; |
| 303 | import { getLpb, insertUpDownC, deleteCByBsm } from "../../../../../api/lpb"; | 308 | import { getLpb, insertUpDownC, deleteCByBsm } from "@api/lpb"; |
| 309 | import { hhb } from "@api/h"; | ||
| 310 | import { Message } from 'element-ui'; | ||
| 304 | export default { | 311 | export default { |
| 305 | name: "", | 312 | name: "", |
| 306 | components: { moveH }, | 313 | components: { moveH }, |
| 307 | props: {}, | 314 | props: { |
| 315 | isHbfg:{ | ||
| 316 | type:Boolean, | ||
| 317 | default:false | ||
| 318 | }, | ||
| 319 | zrzbsm:{ | ||
| 320 | type:String, | ||
| 321 | default:'' | ||
| 322 | } | ||
| 323 | }, | ||
| 308 | data() { | 324 | data() { |
| 309 | return { | 325 | return { |
| 310 | moveHvisible: false, | 326 | moveHvisible: false, |
| ... | @@ -345,13 +361,15 @@ export default { | ... | @@ -345,13 +361,15 @@ export default { |
| 345 | }, | 361 | }, |
| 346 | formLabelWidth: "120px", | 362 | formLabelWidth: "120px", |
| 347 | yclpbData:{}, | 363 | yclpbData:{}, |
| 348 | sclpbData:{} | 364 | sclpbData:{}, |
| 365 | fghbChoosedList:[], | ||
| 366 | canHb:''//判断合并类型 | ||
| 349 | }; | 367 | }; |
| 350 | }, | 368 | }, |
| 351 | created() {}, | 369 | created() {}, |
| 352 | mounted() { | 370 | mounted() { |
| 353 | this.getLpb(this.$store.state.zrzbsm, "0"); | 371 | this.getLpb(this.zrzbsm, "0"); |
| 354 | this.getLpb(this.$store.state.zrzbsm, "1"); | 372 | this.getLpb(this.zrzbsm, "1"); |
| 355 | setTimeout(() => { | 373 | setTimeout(() => { |
| 356 | //tab-content宽度 - 右侧图例宽度 - lp-overview滚动条宽度 - lpbContent的pandingRight | 374 | //tab-content宽度 - 右侧图例宽度 - lp-overview滚动条宽度 - lpbContent的pandingRight |
| 357 | this.lpbContentWidth = this.$store.state.contentWidth - 34 - 20; | 375 | this.lpbContentWidth = this.$store.state.contentWidth - 34 - 20; |
| ... | @@ -490,7 +508,7 @@ export default { | ... | @@ -490,7 +508,7 @@ export default { |
| 490 | } | 508 | } |
| 491 | }, | 509 | }, |
| 492 | //户单击事件 | 510 | //户单击事件 |
| 493 | handleTdClick(e, bsm) { | 511 | handleTdClick(e, bsm,hs) { |
| 494 | let self = this; | 512 | let self = this; |
| 495 | // 开启延时器，200ms的间隔区分单击和双击，解决双击时执行两次单击事件 | 513 | // 开启延时器，200ms的间隔区分单击和双击，解决双击时执行两次单击事件 |
| 496 | clearTimeout(self.time); | 514 | clearTimeout(self.time); |
| ... | @@ -499,20 +517,38 @@ export default { | ... | @@ -499,20 +517,38 @@ export default { |
| 499 | if (e.target.className.indexOf("tdSelect") == -1) { | 517 | if (e.target.className.indexOf("tdSelect") == -1) { |
| 500 | //未选中→选中 | 518 | //未选中→选中 |
| 501 | e.target.className = "tdSelect"; //加边框 | 519 | e.target.className = "tdSelect"; //加边框 |
| 520 | if(this.isHbfg){ | ||
| 521 | this.fghbChoosedList.push(hs); | ||
| 502 | this.hbsmList.push(bsm); // 将户bsm放进hbsmList | 522 | this.hbsmList.push(bsm); // 将户bsm放进hbsmList |
| 523 | }else{ | ||
| 524 | this.hbsmList.push(bsm); // 将户bsm放进hbsmList | ||
| 525 | } | ||
| 503 | } else { | 526 | } else { |
| 504 | //选中→未选中 | 527 | //选中→未选中 |
| 505 | e.target.className = ""; | 528 | e.target.className = ""; |
| 529 | if(this.isHbfg){ | ||
| 530 | this.deleteArrOption(this.fghbChoosedList, hs) | ||
| 531 | this.deleteArrOption(this.hbsmList, bsm); | ||
| 532 | }else{ | ||
| 506 | this.deleteArrOption(this.hbsmList, bsm); | 533 | this.deleteArrOption(this.hbsmList, bsm); |
| 507 | } | 534 | } |
| 535 | } | ||
| 536 | if(this.isHbfg){ | ||
| 537 | |||
| 538 | }else{ | ||
| 508 | this.$parent.getHbsm(this.hbsmList, false); | 539 | this.$parent.getHbsm(this.hbsmList, false); |
| 540 | } | ||
| 509 | }, 200); | 541 | }, 200); |
| 510 | }, | 542 | }, |
| 511 | //户双击事件 | 543 | //户双击事件 |
| 512 | dbclick(bsm) { | 544 | dbclick(bsm) { |
| 513 | clearTimeout(this.time); | 545 | clearTimeout(this.time); |
| 546 | if (this.isHbfg) { | ||
| 547 | |||
| 548 | }else{ | ||
| 514 | // this.hbsmList.push(bsm); // 将户bsm放进hbsmList | 549 | // this.hbsmList.push(bsm); // 将户bsm放进hbsmList |
| 515 | this.$parent.getHbsm(bsm, true); | 550 | this.$parent.getHbsm(bsm, true); |
| 551 | } | ||
| 516 | }, | 552 | }, |
| 517 | //删除多重数组中的某一项 | 553 | //删除多重数组中的某一项 |
| 518 | deleteArrOption(arr, item) { | 554 | deleteArrOption(arr, item) { |
| ... | @@ -537,15 +573,41 @@ export default { | ... | @@ -537,15 +573,41 @@ export default { |
| 537 | }, | 573 | }, |
| 538 | //户右键点击事件 | 574 | //户右键点击事件 |
| 539 | openMenu(e, item, type) { | 575 | openMenu(e, item, type) { |
| 540 | console.log(e, "e"); | ||
| 541 | this.lpbChLeft = e.pageX; | 576 | this.lpbChLeft = e.pageX; |
| 542 | this.lpbChTop = e.pageY; | 577 | this.lpbChTop = e.pageY; |
| 578 | if (this.isHbfg) { | ||
| 579 | this.rightClickFlag = 'hb'; | ||
| 580 | if (this.fghbChoosedList.length>1) { | ||
| 581 | this.lpbChVisible = true; | ||
| 582 | //判断选中户可以执行的合并类型 | ||
| 583 | let chIsSame = this.fghbChoosedList.every((item)=> { | ||
| 584 | return item.ch == this.fghbChoosedList[0].ch; | ||
| 585 | }); | ||
| 586 | let hhIsSame = this.fghbChoosedList.every((item)=> { | ||
| 587 | return item.hh == this.fghbChoosedList[0].hh; | ||
| 588 | }); | ||
| 589 | this.$nextTick(()=>{ | ||
| 590 | if(chIsSame){ | ||
| 591 | this.canHb = 'zyhb' | ||
| 592 | }else if(hhIsSame){ | ||
| 593 | this.canHb = 'sxhb' | ||
| 594 | }else{ | ||
| 595 | this.canHb = '' | ||
| 596 | } | ||
| 597 | }) | ||
| 598 | } | ||
| 599 | }else{ | ||
| 600 | console.log(e, "e"); | ||
| 543 | this.chData = item; | 601 | this.chData = item; |
| 544 | this.rightClickFlag = type; | 602 | this.rightClickFlag = type; |
| 545 | this.lpbChVisible = true; | 603 | this.lpbChVisible = true; |
| 604 | } | ||
| 546 | }, | 605 | }, |
| 547 | // 层选中事件 | 606 | // 层选中事件 |
| 548 | handleClickC(e, item) { | 607 | handleClickC(e, item) { |
| 608 | if (this.isHbfg) { | ||
| 609 | |||
| 610 | }else{ | ||
| 549 | //判断点击的层是否选中 | 611 | //判断点击的层是否选中 |
| 550 | if (e.target.className.indexOf("tdSelect") == -1) { | 612 | if (e.target.className.indexOf("tdSelect") == -1) { |
| 551 | //未选中→选中 | 613 | //未选中→选中 |
| ... | @@ -557,6 +619,7 @@ export default { | ... | @@ -557,6 +619,7 @@ export default { |
| 557 | this.deleteArrOption(this.cbsmList, item.bsm); | 619 | this.deleteArrOption(this.cbsmList, item.bsm); |
| 558 | } | 620 | } |
| 559 | this.$parent.getCbsm(this.cbsmList); | 621 | this.$parent.getCbsm(this.cbsmList); |
| 622 | } | ||
| 560 | }, | 623 | }, |
| 561 | //关闭右键菜单 | 624 | //关闭右键菜单 |
| 562 | closeMenu() { | 625 | closeMenu() { |
| ... | @@ -639,6 +702,46 @@ export default { | ... | @@ -639,6 +702,46 @@ export default { |
| 639 | qsztClick(){ | 702 | qsztClick(){ |
| 640 | 703 | ||
| 641 | }, | 704 | }, |
| 705 | //户合并 | ||
| 706 | handleHb(type){ | ||
| 707 | let olbBsms = ''; | ||
| 708 | this.hbsmList.forEach((item,index)=>{ | ||
| 709 | olbBsms+= index<this.hbsmList.length-1? item+',':item | ||
| 710 | }) | ||
| 711 | if (type == this.canHb) { | ||
| 712 | this.$confirm("是否确认合并选中户?", "提示", { | ||
| 713 | confirmButtonText: "确定", | ||
| 714 | cancelButtonText: "取消", | ||
| 715 | type: "warning", | ||
| 716 | }) | ||
| 717 | .then(() => { | ||
| 718 | //确定合并 调用合并接口 this.hbsmList为选中户bsm数组 TO DO | ||
| 719 | let params = { | ||
| 720 | "newuserbsm": "", | ||
| 721 | "oldBsms": olbBsms, | ||
| 722 | "scyclx": this.$parent.scyclx, | ||
| 723 | "ljzbsm": this.fghbChoosedList[0].ljzbsm, | ||
| 724 | "zdybsm": this.fghbChoosedList[0].zdybsm, | ||
| 725 | "zrzbsm": this.fghbChoosedList[0].zrzbsm | ||
| 726 | } | ||
| 727 | // console.log(params,'params'); | ||
| 728 | hhb(params).then((res) => { | ||
| 729 | if(res.code == 200){ | ||
| 730 | Message.success('合并成功'); | ||
| 731 | // 清除选中户 | ||
| 732 | this.clearChoosedH(); | ||
| 733 | this.fghbChoosedList = []; | ||
| 734 | // 更新楼盘表 | ||
| 735 | this.getLpb(this.zrzbsm, this.$parent.scyclx); | ||
| 736 | } | ||
| 737 | }) | ||
| 738 | .catch(() => {}); | ||
| 739 | }) | ||
| 740 | .catch(() => {}); | ||
| 741 | }else{ | ||
| 742 | |||
| 743 | } | ||
| 744 | } | ||
| 642 | }, | 745 | }, |
| 643 | computed: { | 746 | computed: { |
| 644 | createFlagChange() { | 747 | createFlagChange() { |
| ... | @@ -688,12 +791,8 @@ export default { | ... | @@ -688,12 +791,8 @@ export default { |
| 688 | //父组件中选择单元状态改变选中户的边框颜色 | 791 | //父组件中选择单元状态改变选中户的边框颜色 |
| 689 | choosedList(n) { | 792 | choosedList(n) { |
| 690 | this.$refs.hBsm.forEach((item) => { | 793 | this.$refs.hBsm.forEach((item) => { |
| 691 | // console.log(item.dataset.bsm,'item.dataset.bsm'); | ||
| 692 | // console.log(this.choosedList,'this.choosedList'); | ||
| 693 | this.choosedList.forEach((i) => { | 794 | this.choosedList.forEach((i) => { |
| 694 | if (item.dataset.bsm == i) { | 795 | if (item.dataset.bsm == i) { |
| 695 | // console.log(item.style.border,'item.style.border'); | ||
| 696 | // console.log(this.borderColor,'this.borderColor'); | ||
| 697 | item.style.border = '1px solid '+this.borderColor; | 796 | item.style.border = '1px solid '+this.borderColor; |
| 698 | } | 797 | } |
| 699 | }); | 798 | }); |
| ... | @@ -742,7 +841,8 @@ export default { | ... | @@ -742,7 +841,8 @@ export default { |
| 742 | bottom: 0; | 841 | bottom: 0; |
| 743 | position: absolute; | 842 | position: absolute; |
| 744 | height: 40px; | 843 | height: 40px; |
| 745 | background-color: rosybrown; | 844 | // background-color: rosybrown; |
| 845 | border:1px solid #E6E6E6 | ||
| 746 | } | 846 | } |
| 747 | // .chTable-wrap{ | 847 | // .chTable-wrap{ |
| 748 | // position: absolute; | 848 | // position: absolute; |
| ... | @@ -766,7 +866,12 @@ export default { | ... | @@ -766,7 +866,12 @@ export default { |
| 766 | .ljz-name { | 866 | .ljz-name { |
| 767 | width: calc(100% - 32px); | 867 | width: calc(100% - 32px); |
| 768 | height: 40px; | 868 | height: 40px; |
| 769 | background-color: darkorange; | 869 | // background-color: darkorange; |
| 870 | p{ | ||
| 871 | width: 100%; | ||
| 872 | height: 100%; | ||
| 873 | border:1px solid #E6E6E6 | ||
| 874 | } | ||
| 770 | } | 875 | } |
| 771 | } | 876 | } |
| 772 | div:last-child { | 877 | div:last-child { |
| ... | @@ -792,7 +897,8 @@ export default { | ... | @@ -792,7 +897,8 @@ export default { |
| 792 | display: inline-table; | 897 | display: inline-table; |
| 793 | .zdy-name { | 898 | .zdy-name { |
| 794 | bottom: 0; | 899 | bottom: 0; |
| 795 | background-color: blanchedalmond; | 900 | // background-color: blanchedalmond; |
| 901 | border:1px solid #E6E6E6 | ||
| 796 | } | 902 | } |
| 797 | } | 903 | } |
| 798 | .zdy-zdy:last-child { | 904 | .zdy-zdy:last-child { |
| ... | @@ -802,7 +908,8 @@ export default { | ... | @@ -802,7 +908,8 @@ export default { |
| 802 | .zdy-name { | 908 | .zdy-name { |
| 803 | width: calc; | 909 | width: calc; |
| 804 | height: 40px; | 910 | height: 40px; |
| 805 | background-color: rosybrown; | 911 | // background-color: rosybrown; |
| 912 | border:1px solid #E6E6E6 | ||
| 806 | } | 913 | } |
| 807 | } | 914 | } |
| 808 | .column-reverse { | 915 | .column-reverse { |
| ... | @@ -877,13 +984,17 @@ export default { | ... | @@ -877,13 +984,17 @@ export default { |
| 877 | .zrz { | 984 | .zrz { |
| 878 | height: 60px; | 985 | height: 60px; |
| 879 | line-height: 60px; | 986 | line-height: 60px; |
| 880 | background-color: darkgoldenrod; | 987 | background-color: #ffffff; |
| 988 | border:1px solid #E6E6E6; | ||
| 881 | position: relative; | 989 | position: relative; |
| 882 | bottom: 66px; | 990 | bottom: 66px; |
| 883 | text-align: center; | 991 | text-align: center; |
| 884 | transition: 0.5s; | 992 | transition: 0.5s; |
| 885 | } | 993 | } |
| 886 | 994 | .cantHb{ | |
| 995 | opacity: .5; | ||
| 996 | cursor: not-allowed; | ||
| 997 | } | ||
| 887 | .btnGroup { | 998 | .btnGroup { |
| 888 | margin: 20px auto 0; | 999 | margin: 20px auto 0; |
| 889 | width: 150px; | 1000 | width: 150px; | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <div class=""> | 2 | <div class=""> |
| 3 | <el-radio-group v-model="scyclx" @change="scyclxChange"> | ||
| 4 | <el-radio-button label="0">预测</el-radio-button> | ||
| 5 | <el-radio-button label="1">实测</el-radio-button> | ||
| 6 | </el-radio-group> | ||
| 3 | <el-table | 7 | <el-table |
| 4 | :data="tableData" | 8 | :data="tableData" |
| 5 | style="width: 100%;margin-bottom: 20px;" | 9 | style="width: 100%;margin-bottom: 20px;" |
| 6 | row-key="bsm" | 10 | row-key="bsm" |
| 7 | border | 11 | border |
| 8 | default-expand-all | 12 | :default-expand-all="false" |
| 9 | :tree-props="{children: 'children', hasChildren: 'hasChildren'}"> | 13 | :tree-props="{children: 'children', hasChildren: 'hasChildren'}"> |
| 10 | <el-table-column | 14 | <el-table-column |
| 11 | prop="mc" | 15 | prop="mc" |
| ... | @@ -35,23 +39,23 @@ | ... | @@ -35,23 +39,23 @@ |
| 35 | </el-table-column> | 39 | </el-table-column> |
| 36 | <el-table-column | 40 | <el-table-column |
| 37 | prop="jzmj" | 41 | prop="jzmj" |
| 38 | label="面积"> | 42 | label="建筑面积(㎡)"> |
| 39 | </el-table-column> | 43 | </el-table-column> |
| 40 | <el-table-column | 44 | <el-table-column |
| 41 | prop="tnjzmj" | 45 | prop="tnjzmj" |
| 42 | label="套内建筑面积"> | 46 | label="套内建筑面积(㎡)"> |
| 43 | </el-table-column> | 47 | </el-table-column> |
| 44 | <el-table-column | 48 | <el-table-column |
| 45 | prop="ftjzmj" | 49 | prop="ftjzmj" |
| 46 | label="分摊建筑面积"> | 50 | label="分摊建筑面积(㎡)"> |
| 47 | </el-table-column> | 51 | </el-table-column> |
| 48 | <el-table-column | 52 | <el-table-column |
| 49 | prop="dxbfjzmj" | 53 | prop="dxbfjzmj" |
| 50 | label="地下部分建筑面积"> | 54 | label="地下部分建筑面积(㎡)"> |
| 51 | </el-table-column> | 55 | </el-table-column> |
| 52 | <el-table-column | 56 | <el-table-column |
| 53 | prop="qtjzmj" | 57 | prop="qtjzmj" |
| 54 | label="其它建筑面积"> | 58 | label="其它建筑面积(㎡)"> |
| 55 | </el-table-column> | 59 | </el-table-column> |
| 56 | </el-table> | 60 | </el-table> |
| 57 | </div> | 61 | </div> |
| ... | @@ -65,7 +69,10 @@ export default { | ... | @@ -65,7 +69,10 @@ export default { |
| 65 | props:{}, | 69 | props:{}, |
| 66 | data(){ | 70 | data(){ |
| 67 | return { | 71 | return { |
| 68 | tableData: [] | 72 | tableData: [], |
| 73 | scData:[], | ||
| 74 | ycData:[], | ||
| 75 | scyclx:'0', | ||
| 69 | } | 76 | } |
| 70 | }, | 77 | }, |
| 71 | created(){}, | 78 | created(){}, |
| ... | @@ -74,6 +81,14 @@ export default { | ... | @@ -74,6 +81,14 @@ export default { |
| 74 | }, | 81 | }, |
| 75 | methods:{ | 82 | methods:{ |
| 76 | 83 | ||
| 84 | scyclxChange(){ | ||
| 85 | if(this.scyclx === '0'){ | ||
| 86 | this.tableData = this.ycData; | ||
| 87 | }else { | ||
| 88 | this.tableData = this.scData; | ||
| 89 | } | ||
| 90 | }, | ||
| 91 | |||
| 77 | chFilter(row, column){ | 92 | chFilter(row, column){ |
| 78 | if(row.ch === 0){ | 93 | if(row.ch === 0){ |
| 79 | return '' | 94 | return '' |
| ... | @@ -91,12 +106,19 @@ export default { | ... | @@ -91,12 +106,19 @@ export default { |
| 91 | }, | 106 | }, |
| 92 | 107 | ||
| 93 | getData(){ | 108 | getData(){ |
| 94 | let zrzbsm = '12a4eb0cf2b527273ff5f0b96820715a'; | 109 | let zrzbsm = this.$store.state.zrzbsm; |
| 95 | let scyclx = '0'; | 110 | // let scyclx = this.scyclx; |
| 96 | getDetailInfo(zrzbsm,scyclx).then((res)=>{ | 111 | getDetailInfo(zrzbsm,'0').then((res)=>{ |
| 112 | if(res.code===200){ | ||
| 113 | console.log(res.result) | ||
| 114 | this.ycData = res.result; | ||
| 115 | this.tableData=this.ycData; | ||
| 116 | } | ||
| 117 | }); | ||
| 118 | getDetailInfo(zrzbsm,'1').then((res)=>{ | ||
| 97 | if(res.code===200){ | 119 | if(res.code===200){ |
| 98 | console.log(res.result) | 120 | console.log(res.result) |
| 99 | this.tableData = res.result; | 121 | this.scData = res.result; |
| 100 | } | 122 | } |
| 101 | }) | 123 | }) |
| 102 | }, | 124 | }, | ... | ... |
| ... | @@ -774,6 +774,17 @@ | ... | @@ -774,6 +774,17 @@ |
| 774 | }, | 774 | }, |
| 775 | deep:true | 775 | deep:true |
| 776 | }, | 776 | }, |
| 777 | "$store.state.sxdrType": { | ||
| 778 | handler(n) { | ||
| 779 | this.$nextTick(()=>{ | ||
| 780 | if (n === 'zrz') { | ||
| 781 | this.getZrzDetailByBsm(this.$route.query.bsm) | ||
| 782 | } | ||
| 783 | }) | ||
| 784 | }, | ||
| 785 | immediate: false, | ||
| 786 | deep: true, | ||
| 787 | } | ||
| 777 | } | 788 | } |
| 778 | } | 789 | } |
| 779 | </script> | 790 | </script> | ... | ... |
-
Please register or sign in to post a comment