Merge remote-tracking branch 'origin/master'
Showing
8 changed files
with
659 additions
and
493 deletions
... | @@ -66,8 +66,18 @@ export function batchScYcChange (data) { | ... | @@ -66,8 +66,18 @@ export function batchScYcChange (data) { |
66 | data:data | 66 | data:data |
67 | }) | 67 | }) |
68 | } | 68 | } |
69 | 69 | /** | |
70 | 70 | * 楼盘表 获取单元状态统计数据 | |
71 | * zrzbsm 自然幢标识码 , | ||
72 | * scyclx 实测预测类型 0预测,1实测 | ||
73 | */ | ||
74 | export function getLpbTj (data) { | ||
75 | return request({ | ||
76 | url: 'fw/lpb/getLpbTj?zrzbsm='+data.zrzbsm+'&syclx='+data.syclx, | ||
77 | method: 'get', | ||
78 | data:data | ||
79 | }) | ||
80 | } | ||
71 | 81 | ||
72 | /** | 82 | /** |
73 | * 楼盘表 批量不动产单元号生成 | 83 | * 楼盘表 批量不动产单元号生成 | ... | ... |
... | @@ -150,7 +150,7 @@ export function jzxsbatchModify(data) { | ... | @@ -150,7 +150,7 @@ export function jzxsbatchModify(data) { |
150 | */ | 150 | */ |
151 | export function deleteZdInfoByBsm(data) { | 151 | export function deleteZdInfoByBsm(data) { |
152 | return request({ | 152 | return request({ |
153 | url: '/zd/qjZdjbxx/deleteZdjbxxByBsm', | 153 | url: '/delete/deleteDyByBsm', |
154 | method: 'delete', | 154 | method: 'delete', |
155 | data: data | 155 | data: data |
156 | }) | 156 | }) |
... | @@ -161,10 +161,32 @@ export function deleteZdInfoByBsm(data) { | ... | @@ -161,10 +161,32 @@ export function deleteZdInfoByBsm(data) { |
161 | */ | 161 | */ |
162 | export function zdfg(data) { | 162 | export function zdfg(data) { |
163 | return request({ | 163 | return request({ |
164 | url: '/fg/zdFg', | 164 | url: '/bg/zdSplitMerge/zdFg', |
165 | method: 'post', | 165 | method: 'post', |
166 | data: data | 166 | data: data |
167 | }) | 167 | }) |
168 | } | 168 | } |
169 | 169 | ||
170 | /** | ||
171 | * 获取宗地下的自然幢、逻辑幢、幢单元 | ||
172 | */ | ||
173 | export function zdXlcd(bsm) { | ||
174 | return request({ | ||
175 | url:'/zd/qjZdjbxx/parcels', | ||
176 | method:'get', | ||
177 | params:{ | ||
178 | bsm | ||
179 | } | ||
180 | }) | ||
181 | } | ||
170 | 182 | ||
183 | /** | ||
184 | * 户落宗 | ||
185 | */ | ||
186 | export function hzl(data) { | ||
187 | return request({ | ||
188 | url:'/system/qjH/hcxlz', | ||
189 | method:'put', | ||
190 | data:data | ||
191 | }) | ||
192 | } | ... | ... |
... | @@ -8,171 +8,79 @@ | ... | @@ -8,171 +8,79 @@ |
8 | :modal-append-to-body="false" | 8 | :modal-append-to-body="false" |
9 | > | 9 | > |
10 | <div class="content"> | 10 | <div class="content"> |
11 | <div class="input-suffix"> | 11 | <el-form :label-position="right"> |
12 | 宗 地: | 12 | <el-form-item label="宗地:"> |
13 | <input | 13 | <el-input |
14 | placeholder="请选择宗地" v-model="hcxlzData.zdbsm" readonly="readonly" | 14 | placeholder="请选择宗地" v-model="zdxx" :disabled="true" |
15 | /> | 15 | /> |
16 | <el-button type="primary" @click="drawer = true">选择宗地</el-button> | 16 | <div @click="xzzdVisible = true">选择宗地</div> |
17 | </div> | 17 | <!-- <el-button type="primary" @click="xzzdVisible = true">选择宗地</el-button>--> |
18 | <div class="input-suffix"> | 18 | </el-form-item> |
19 | 自然幢: | 19 | <el-form-item label="自然幢:"> |
20 | <el-select v-model="hcxlzData.zrzbsm" filterable placeholder="请选择"> | 20 | <el-select v-model="hcxlzData.zrzbsm" filterable placeholder="请选择" @change="zrzChange"> |
21 | <el-option | 21 | <el-option |
22 | v-for="item in zrzList" | 22 | v-for="item in zrzList" |
23 | :key="item.value" | 23 | :key="item.xmmc" |
24 | :label="item.label" | 24 | :label="item.label" |
25 | :value="item.value"> | 25 | :value="item.bsm"> |
26 | </el-option> | 26 | </el-option> |
27 | </el-select> | 27 | </el-select> |
28 | </div> | 28 | </el-form-item> |
29 | <div class="input-suffix"> | 29 | <el-form-item label="逻辑幢:"> |
30 | 逻辑幢: | 30 | <el-select v-model="hcxlzData.ljzbsm" filterable placeholder="请选择" @change="ljzChange"> |
31 | <el-select v-model="hcxlzData.ljzbsm" filterable placeholder="请选择"> | 31 | <el-option |
32 | <el-option | 32 | v-for="item in ljzList" |
33 | v-for="item in ljzList" | 33 | :key="item.bsm" |
34 | :key="item.value" | 34 | :label="item.ljzmc" |
35 | :label="item.label" | 35 | :value="item.bsm"> |
36 | :value="item.value"> | 36 | </el-option> |
37 | </el-option> | 37 | </el-select> |
38 | </el-select> | 38 | </el-form-item> |
39 | </div> | 39 | <el-form-item label="幢单元:"> |
40 | <div class="input-suffix"> | 40 | <el-select v-model="hcxlzData.zdybsm" filterable placeholder="请选择"> |
41 | 幢单元: | 41 | <el-option |
42 | <el-select v-model="hcxlzData.zdybsm" filterable placeholder="请选择"> | 42 | v-for="item in zdyList" |
43 | <el-option | 43 | :key="item.bsm" |
44 | v-for="item in zdyList" | 44 | :label="item.zdymc" |
45 | :key="item.value" | 45 | :value="item.bsm"> |
46 | :label="item.label" | 46 | </el-option> |
47 | :value="item.value"> | 47 | </el-select> |
48 | </el-option> | 48 | </el-form-item> |
49 | </el-select> | 49 | </el-form> |
50 | </div> | ||
51 | </div> | 50 | </div> |
52 | <div class="footer"> | 51 | <div class="footer"> |
53 | <el-button type="primary" @click="save">保存</el-button> | 52 | <el-button type="primary" @click="save">保存</el-button> |
54 | <el-button type="primary" @click="cancel">取消</el-button> | 53 | <el-button type="primary" @click="cancel">取消</el-button> |
55 | </div> | 54 | </div> |
56 | <el-drawer | 55 | <query-data :centerDialogVisible="xzzdVisible" @close="xzzdClose" @getData="getZdxx"></query-data> |
57 | title="选择宗地" | ||
58 | :visible.sync="drawer" | ||
59 | direction="rtl" | ||
60 | size="25%" | ||
61 | :before-close="drawerClose"> | ||
62 | <div> | ||
63 | <div class="search"> | ||
64 | <el-button type="primary" @click="search">查询</el-button> | ||
65 | <el-button type="primary" @click="result">重置</el-button> | ||
66 | <el-row :gutter="10" class="shop"> | ||
67 | <el-col :span="4" class="inputtitle"> | ||
68 | 宗地编码: | ||
69 | </el-col> | ||
70 | <el-col :span="8" class=""> | ||
71 | <el-input v-model="queryData.zddm"></el-input> | ||
72 | </el-col> | ||
73 | <el-col :span="4" class="inputtitle"> | ||
74 | 不动产权证号: | ||
75 | </el-col> | ||
76 | <el-col :span="8" class=""> | ||
77 | <el-input v-model="queryData.bdcqzh"></el-input> | ||
78 | </el-col> | ||
79 | </el-row> | ||
80 | <el-row :gutter="10"> | ||
81 | <el-col :span="4" class="inputtitle"> | ||
82 | 不动产权单元号: | ||
83 | </el-col> | ||
84 | <el-col :span="8"> | ||
85 | <el-input v-model="queryData.bdcdyh"></el-input> | ||
86 | </el-col> | ||
87 | <el-col :span="4" class="inputtitle"> | ||
88 | 权利人: | ||
89 | </el-col> | ||
90 | <el-col :span="8"> | ||
91 | <el-input v-model="queryData.qlrmc"></el-input> | ||
92 | </el-col> | ||
93 | </el-row> | ||
94 | <el-row :gutter="10"> | ||
95 | <el-col :span="4" class="inputtitle"> | ||
96 | 坐落: | ||
97 | </el-col> | ||
98 | <el-col :span="8"> | ||
99 | <el-input v-model="queryData.zl"></el-input> | ||
100 | </el-col> | ||
101 | </el-row> | ||
102 | <table border="1"> | ||
103 | <tr> | ||
104 | <td class="xh">序号</td> | ||
105 | <td class="zddm">宗地代码</td> | ||
106 | <td class="bdcdyh">不动产单元号</td> | ||
107 | <td class="xmmc">项目名称</td> | ||
108 | <td class="bdcqzh">不动产权证号</td> | ||
109 | <td class="qlr">权利人</td> | ||
110 | <td class="zl">坐落</td> | ||
111 | <td class="cz">操作</td> | ||
112 | </tr> | ||
113 | <tr v-if="Data.length==0"> | ||
114 | <td colspan="8"> | ||
115 | <span class="noData">暂无数据</span> | ||
116 | </td> | ||
117 | </tr> | ||
118 | <tr v-else v-for="(item,index) in Data" :key="index"> | ||
119 | <td class="xh">{{index+1}}</td> | ||
120 | <td class="zddm" :title="item.zddm">{{item.zddm}}</td> | ||
121 | <td class="bdcqdyh" :title="item.bdcdyh">{{item.bdcdyh}}</td> | ||
122 | <td class="xmmc" :title="item.xmmc">{{item.xmmc}}</td> | ||
123 | <td class="bdcqzh" :title="item.bdcqzd">{{item.bdcqzh}}</td> | ||
124 | <td class="qlr" :title="item.qlr">{{item.qlr}}</td> | ||
125 | <td class="zl" :title="item.zl">{{item.zl}}</td> | ||
126 | <td @click="saveNotarize(item)" class="cz"> | ||
127 | <span>落宗</span> | ||
128 | </td> | ||
129 | </tr> | ||
130 | </table> | ||
131 | </div> | ||
132 | <div class="page"> | ||
133 | <el-pagination | ||
134 | background | ||
135 | layout="prev, pager, next,total" | ||
136 | :page-size="queryData.pageSize" | ||
137 | :total="total" | ||
138 | @current-change="currentChange" | ||
139 | > | ||
140 | </el-pagination> | ||
141 | </div> | ||
142 | </div> | ||
143 | </el-drawer> | ||
144 | </el-dialog> | 56 | </el-dialog> |
145 | </div> | 57 | </div> |
146 | </template> | 58 | </template> |
147 | 59 | ||
148 | <script> | 60 | <script> |
61 | import queryData from './../../components/queryData/queryData' | ||
62 | import {zdXlcd, hzl} from './../../api/zd' | ||
63 | import {Message} from 'element-ui' | ||
64 | |||
149 | export default { | 65 | export default { |
150 | name: "hCxlz", | 66 | name: "hCxlz", |
67 | components: {queryData}, | ||
151 | data() { | 68 | data() { |
152 | return { | 69 | return { |
153 | drawer: false, | 70 | zd: {}, |
71 | zrz: {}, | ||
72 | ljz: {}, | ||
73 | zdy: {}, | ||
74 | xzzdVisible: false, | ||
154 | isVisible: false, | 75 | isVisible: false, |
76 | zdxx: '', // 宗地信息 | ||
155 | hcxlzData: { | 77 | hcxlzData: { |
156 | bsms: [], | 78 | bsms: [], |
157 | zdbsm: '', | ||
158 | zrzbsm: '', | 79 | zrzbsm: '', |
159 | ljzbsm: '', | 80 | ljzbsm: '', |
160 | zdybsm: '' | 81 | zdybsm: '' |
161 | }, | 82 | }, |
162 | total: 1, | 83 | total: 1, |
163 | queryData: { | ||
164 | bdcdyh: "", | ||
165 | bdcqzh: "", | ||
166 | dylxs: ['zd'], | ||
167 | qlrmc: "", | ||
168 | qszt: "2", | ||
169 | xmmc: "", | ||
170 | zddm: "", | ||
171 | zl: "", | ||
172 | pageNo: 1, | ||
173 | pageSize: 10, | ||
174 | }, | ||
175 | Data: [], | ||
176 | zrzList: [], | 84 | zrzList: [], |
177 | ljzList: [], | 85 | ljzList: [], |
178 | zdyList: [] | 86 | zdyList: [] |
... | @@ -188,54 +96,86 @@ | ... | @@ -188,54 +96,86 @@ |
188 | } | 96 | } |
189 | }, | 97 | }, |
190 | mounted() { | 98 | mounted() { |
99 | this.hcxlzData.bsms = this.bsms; | ||
191 | }, | 100 | }, |
192 | methods: { | 101 | methods: { |
193 | result: function () { | 102 | ljzChange: function () { |
194 | this.queryData = { | 103 | const item = this.ljzList.find(i => i.bsm == this.hcxlzData.ljzbsm) |
195 | bdcdyh: "", | 104 | this.hcxlzData.zdybsm = '' |
196 | bdcqzh: "", | 105 | this.zdyList = item.list; |
197 | qlrmc: "", | 106 | this.zdyList.push({ |
198 | qszt: "2", | 107 | zdymc: '空', |
199 | xmmc: "", | 108 | bsm: '' |
200 | zddm: "", | 109 | }) |
201 | zl: "", | 110 | }, |
202 | pageNo: 1, | 111 | zrzChange: function () { |
203 | pageSize: 10, | 112 | const item = this.zrzList.find(i => i.bsm == this.hcxlzData.zrzbsm); |
204 | }; | 113 | this.hcxlzData.ljzbsm = '' |
205 | this.getData(this.queryData) | 114 | this.hcxlzData.zdybsm = '' |
115 | this.ljzList = item.ljzList; | ||
116 | this.ljzList.push({ | ||
117 | ljzmc: '空', | ||
118 | bsm: '' | ||
119 | }) | ||
120 | this.zdyList = item.zdyList; | ||
121 | this.zdyList.push({ | ||
122 | zdymc: '空', | ||
123 | bsm: '' | ||
124 | }) | ||
206 | }, | 125 | }, |
207 | getData: function (data) { | 126 | getZrz: function (bsm) { |
208 | data['dylxs'] = this.dylxs; | 127 | zdXlcd(bsm).then(res => { |
209 | getSearchList(data).then(res => { | 128 | this.zrzList = res.result; |
210 | this.Data = res.result.records | ||
211 | this.total = res.result.total; | ||
212 | }) | 129 | }) |
213 | }, | 130 | }, |
214 | search: function () { | 131 | getZdxx: function (val) { |
215 | this.getData(this.queryData) | 132 | console.log(val, "宗地信息") |
133 | this.zd = val | ||
134 | this.zdxx = val.xmmc + "(" + val.zddm + ")"; | ||
216 | }, | 135 | }, |
217 | drawerClose(done) { | 136 | xzzdClose: function () { |
218 | this.$confirm('确认关闭?') | 137 | this.xzzdVisible = false; |
219 | .then(_ => { | 138 | }, |
220 | done(); | 139 | result: function () { |
221 | }) | 140 | this.hcxlzData = { |
222 | .catch(_ => { | 141 | zrzbsm: '', |
223 | }); | 142 | ljzbsm: '', |
143 | zdybsm: '' | ||
144 | }; | ||
145 | this.hcxlzData.bsms = this.bsms; | ||
224 | }, | 146 | }, |
225 | cancel() { | 147 | cancel() { |
226 | console.log("cancel......") | 148 | console.log("cancel......") |
149 | this.close(); | ||
227 | }, | 150 | }, |
228 | save() { | 151 | save() { |
229 | console.log("save.......") | 152 | console.log("save.......") |
153 | if (this.hcxlzData.zrzbsm == '') { | ||
154 | Message.error("请选择自然幢") | ||
155 | return; | ||
156 | } | ||
157 | hzl(this.hcxlzData).then(res => { | ||
158 | if (res.success) { | ||
159 | this.close(); | ||
160 | } else { | ||
161 | Message.error(res.message) | ||
162 | } | ||
163 | }); | ||
230 | }, | 164 | }, |
231 | close() { | 165 | close() { |
232 | this.$emit('close', false); | 166 | this.$emit('close', false); |
233 | this.isVisible = false; | 167 | this.result(); |
234 | }, | 168 | }, |
235 | }, | 169 | }, |
236 | watch: { | 170 | watch: { |
237 | hCxlzVisble: function (val) { | 171 | hCxlzVisble: function (val) { |
238 | this.isVisible = val | 172 | this.isVisible = val |
173 | }, | ||
174 | zd: function (val) { | ||
175 | this.hcxlzData.zrzbsm = '' | ||
176 | this.hcxlzData.zdybsm = '' | ||
177 | this.hcxlzData.ljzbsm = '' | ||
178 | this.getZrz(val.glbsm) | ||
239 | } | 179 | } |
240 | } | 180 | } |
241 | } | 181 | } | ... | ... |
... | @@ -222,23 +222,23 @@ export default { | ... | @@ -222,23 +222,23 @@ export default { |
222 | }, | 222 | }, |
223 | //右键菜单的删除 | 223 | //右键菜单的删除 |
224 | deleteByBsm(){ | 224 | deleteByBsm(){ |
225 | let zdBsm = this.zdData.zdbsm; | 225 | //let zdBsm = this.zdData.zdbsm; |
226 | let type; | 226 | //let type; |
227 | console.log(zdBsm); | 227 | console.log(this.zdData.zdbsm); |
228 | switch (this.zdData.type){ | 228 | //switch (this.zdData.type){ |
229 | case "zd": | 229 | // case "zd": |
230 | type="0"; | 230 | // type="0"; |
231 | break; | 231 | // break; |
232 | case "zrz": | 232 | // case "zrz": |
233 | type="1"; | 233 | // type="1"; |
234 | break; | 234 | // break; |
235 | case "h": | 235 | // case "h": |
236 | type="2"; | 236 | // type="2"; |
237 | break; | 237 | // break; |
238 | default: | 238 | // default: |
239 | break; | 239 | // break; |
240 | } | 240 | //} |
241 | let params={"id":zdBsm,"type":type} | 241 | let params={"bsm":this.zdData.zdbsm,"type":this.zdData.type} |
242 | deleteZdInfoByBsm(params) | 242 | deleteZdInfoByBsm(params) |
243 | .then((res) => { | 243 | .then((res) => { |
244 | if(res.code=200){ | 244 | if(res.code=200){ | ... | ... |
... | @@ -79,6 +79,16 @@ | ... | @@ -79,6 +79,16 @@ |
79 | </div> | 79 | </div> |
80 | <span slot="footer" class="dialog-footer"> | 80 | <span slot="footer" class="dialog-footer"> |
81 | </span> | 81 | </span> |
82 | <div class="page"> | ||
83 | <el-pagination | ||
84 | background | ||
85 | layout="prev, pager, next,total" | ||
86 | :page-size="queryData.pageSize" | ||
87 | :total="total" | ||
88 | @current-change="currentChange" | ||
89 | > | ||
90 | </el-pagination> | ||
91 | </div> | ||
82 | </el-dialog> | 92 | </el-dialog> |
83 | 93 | ||
84 | </div> | 94 | </div> |
... | @@ -91,6 +101,7 @@ | ... | @@ -91,6 +101,7 @@ |
91 | name: "queryData", | 101 | name: "queryData", |
92 | data() { | 102 | data() { |
93 | return { | 103 | return { |
104 | total:1, | ||
94 | queryData: { | 105 | queryData: { |
95 | bdcdyh: "", | 106 | bdcdyh: "", |
96 | bdcqzh: "", | 107 | bdcqzh: "", |
... | @@ -99,7 +110,9 @@ | ... | @@ -99,7 +110,9 @@ |
99 | qszt: "2", | 110 | qszt: "2", |
100 | xmmc: "", | 111 | xmmc: "", |
101 | zddm: "", | 112 | zddm: "", |
102 | zl: "" | 113 | zl: "", |
114 | pageNo: 1, | ||
115 | pageSize: 10, | ||
103 | }, | 116 | }, |
104 | Data: [], | 117 | Data: [], |
105 | isVisible: false | 118 | isVisible: false |
... | @@ -125,6 +138,10 @@ | ... | @@ -125,6 +138,10 @@ |
125 | created() { | 138 | created() { |
126 | }, | 139 | }, |
127 | methods: { | 140 | methods: { |
141 | currentChange: function (val) { | ||
142 | this.queryData.pageNo = val; | ||
143 | this.getData(this.queryData); | ||
144 | }, | ||
128 | result: function () { | 145 | result: function () { |
129 | this.queryData = { | 146 | this.queryData = { |
130 | bdcdyh: "", | 147 | bdcdyh: "", |
... | @@ -133,7 +150,9 @@ | ... | @@ -133,7 +150,9 @@ |
133 | qszt: "2", | 150 | qszt: "2", |
134 | xmmc: "", | 151 | xmmc: "", |
135 | zddm: "", | 152 | zddm: "", |
136 | zl: "" | 153 | zl: "", |
154 | pageNo: 1, | ||
155 | pageSize: 10 | ||
137 | }; | 156 | }; |
138 | this.getData(this.queryData) | 157 | this.getData(this.queryData) |
139 | }, | 158 | }, |
... | @@ -141,6 +160,7 @@ | ... | @@ -141,6 +160,7 @@ |
141 | data['dylxs'] = this.dylxs; | 160 | data['dylxs'] = this.dylxs; |
142 | getSearchList(data).then(res => { | 161 | getSearchList(data).then(res => { |
143 | this.Data = res.result.records | 162 | this.Data = res.result.records |
163 | this.total = res.result.total; | ||
144 | }) | 164 | }) |
145 | }, | 165 | }, |
146 | search: function () { | 166 | search: function () { |
... | @@ -151,7 +171,7 @@ | ... | @@ -151,7 +171,7 @@ |
151 | }, | 171 | }, |
152 | close: function () { | 172 | close: function () { |
153 | this.$emit('close') | 173 | this.$emit('close') |
154 | this.isVisible = false | 174 | this.result(); |
155 | } | 175 | } |
156 | }, | 176 | }, |
157 | watch: { | 177 | watch: { | ... | ... |
... | @@ -9,24 +9,65 @@ | ... | @@ -9,24 +9,65 @@ |
9 | </el-radio-group> | 9 | </el-radio-group> |
10 | <el-input | 10 | <el-input |
11 | v-model="bdcdyh" | 11 | v-model="bdcdyh" |
12 | :style="{'width':inputWidth+'px'}" | 12 | :style="{ width: inputWidth + 'px' }" |
13 | @focus="inputFocus" | 13 | @focus="inputFocus" |
14 | @blur="inputBlur" | 14 | @blur="inputBlur" |
15 | @change="inputChange" | 15 | @change="inputChange" |
16 | class="searchInput" | 16 | class="searchInput" |
17 | placeholder="输入不动产单元号" | 17 | placeholder="输入不动产单元号" |
18 | ><i slot="suffix" class="el-input__icon el-icon-search" @click="inputChange"></i></el-input> | 18 | ><i |
19 | slot="suffix" | ||
20 | class="el-input__icon el-icon-search" | ||
21 | @click="inputChange" | ||
22 | ></i | ||
23 | ></el-input> | ||
19 | </el-col> | 24 | </el-col> |
20 | <el-col :span="16"> | 25 | <el-col :span="16"> |
21 | <div class="fr"> | 26 | <div class="fr"> |
22 | <el-button class="radioBtn" label="1" border @click="create">创建楼盘</el-button> | 27 | <el-button class="radioBtn" label="1" border @click="create" |
23 | <el-button class="radioBtn" label="2" border @click="plScYcChange">实预测转换</el-button> | 28 | >创建楼盘</el-button |
24 | <el-button class="radioBtn" label="3" border @click="plhVisible=true">批量户</el-button> | 29 | > |
25 | <el-button class="radioBtn" label="4" border @click="plcVisible=true">批量层</el-button> | 30 | <el-button class="radioBtn" label="2" border @click="plScYcChange" |
26 | <el-button class="radioBtn" label="5" border @click="plShVisible=true">批量室号</el-button> | 31 | >实预测转换</el-button |
27 | <el-button class="radioBtn" label="6" border @click="plzlVisible=true">批量坐落</el-button> | 32 | > |
28 | <el-button class="radioBtn" label="7" border @click="addBdcdyh">批量单元号</el-button> | 33 | <el-button |
29 | <el-button class="radioBtn" label="7" border @click="hcxlzVisible=true">户重新落宗</el-button> | 34 | class="radioBtn" |
35 | label="3" | ||
36 | border | ||
37 | @click="plhVisible = true" | ||
38 | >批量户</el-button | ||
39 | > | ||
40 | <el-button | ||
41 | class="radioBtn" | ||
42 | label="4" | ||
43 | border | ||
44 | @click="plcVisible = true" | ||
45 | >批量层</el-button | ||
46 | > | ||
47 | <el-button | ||
48 | class="radioBtn" | ||
49 | label="5" | ||
50 | border | ||
51 | @click="plShVisible = true" | ||
52 | >批量室号</el-button | ||
53 | > | ||
54 | <el-button | ||
55 | class="radioBtn" | ||
56 | label="6" | ||
57 | border | ||
58 | @click="plzlVisible = true" | ||
59 | >批量坐落</el-button | ||
60 | > | ||
61 | <el-button class="radioBtn" label="7" border @click="addBdcdyh" | ||
62 | >批量单元号</el-button | ||
63 | > | ||
64 | <el-button | ||
65 | class="radioBtn" | ||
66 | label="7" | ||
67 | border | ||
68 | @click="hcxlzVisible = true" | ||
69 | >户重新落宗</el-button | ||
70 | > | ||
30 | </div> | 71 | </div> |
31 | </el-col> | 72 | </el-col> |
32 | </el-row> | 73 | </el-row> |
... | @@ -57,13 +98,22 @@ | ... | @@ -57,13 +98,22 @@ |
57 | <i v-show="!legendToggleFlag" class="el-icon-d-arrow-left"></i> | 98 | <i v-show="!legendToggleFlag" class="el-icon-d-arrow-left"></i> |
58 | <i v-show="legendToggleFlag" class="el-icon-d-arrow-right"></i> | 99 | <i v-show="legendToggleFlag" class="el-icon-d-arrow-right"></i> |
59 | </div> | 100 | </div> |
60 | <div :class="selectedZt == 'dyzt'? 'dyzt selectedZt':'dyzt'" @click="selectedZt='dyzt'"> | 101 | <div |
102 | :class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'" | ||
103 | @click="selectedZt = 'dyzt'" | ||
104 | > | ||
61 | <span>单元状态</span> | 105 | <span>单元状态</span> |
62 | </div> | 106 | </div> |
63 | <div :class="selectedZt == 'fwxz'? 'fwxz selectedZt':'fwxz'" @click="selectedZt='fwxz'"> | 107 | <div |
108 | :class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'" | ||
109 | @click="selectedZt = 'fwxz'" | ||
110 | > | ||
64 | <span>房屋性质</span> | 111 | <span>房屋性质</span> |
65 | </div> | 112 | </div> |
66 | <div :class="selectedZt == 'fwyt'? 'fwyt selectedZt':'fwyt'" @click="selectedZt='fwyt'"> | 113 | <div |
114 | :class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'" | ||
115 | @click="selectedZt = 'fwyt'" | ||
116 | > | ||
67 | <span>房屋用途</span> | 117 | <span>房屋用途</span> |
68 | </div> | 118 | </div> |
69 | </div> | 119 | </div> |
... | @@ -71,13 +121,24 @@ | ... | @@ -71,13 +121,24 @@ |
71 | class="legendTable-wrap" | 121 | class="legendTable-wrap" |
72 | :style="{ width: legendToggleFlag ? '204px' : '0' }" | 122 | :style="{ width: legendToggleFlag ? '204px' : '0' }" |
73 | > | 123 | > |
74 | <table class="legendTable" v-show="selectedZt == 'dyzt'" cellspacing="1" cellpadding="1" border="1"> | 124 | <table |
125 | class="legendTable" | ||
126 | v-show="selectedZt == 'dyzt'" | ||
127 | cellspacing="1" | ||
128 | cellpadding="1" | ||
129 | border="1" | ||
130 | > | ||
75 | <tr> | 131 | <tr> |
76 | <th>状态</th> | 132 | <th>状态</th> |
77 | <th>套数</th> | 133 | <th>套数</th> |
78 | <th>面积</th> | 134 | <th>面积</th> |
79 | </tr> | 135 | </tr> |
80 | <tr v-for="(item, index) in legendList" :key="index" class="cp" @click="handleChoosedH"> | 136 | <tr |
137 | v-for="(item, index) in dyztList" | ||
138 | :key="index" | ||
139 | class="cp" | ||
140 | @click="handleChoosedH(item.name)" | ||
141 | > | ||
81 | <td> | 142 | <td> |
82 | <i class="el-icon-star-on" :style="{ color: item.color }"></i | 143 | <i class="el-icon-star-on" :style="{ color: item.color }"></i |
83 | >{{ item.name }} | 144 | >{{ item.name }} |
... | @@ -86,13 +147,25 @@ | ... | @@ -86,13 +147,25 @@ |
86 | <td>{{ item.mj }}</td> | 147 | <td>{{ item.mj }}</td> |
87 | </tr> | 148 | </tr> |
88 | </table> | 149 | </table> |
89 | <table class="legendTable" v-show="selectedZt == 'fwxz'" cellspacing="1" cellpadding="1" border="1"> | 150 | |
151 | <table | ||
152 | class="legendTable" | ||
153 | v-show="selectedZt == 'fwxz'" | ||
154 | cellspacing="1" | ||
155 | cellpadding="1" | ||
156 | border="1" | ||
157 | > | ||
90 | <tr> | 158 | <tr> |
91 | <th>性质</th> | 159 | <th>性质</th> |
92 | <th>套数</th> | 160 | <th>套数</th> |
93 | <th>面积</th> | 161 | <th>面积</th> |
94 | </tr> | 162 | </tr> |
95 | <tr v-for="(item, index) in legendList" :key="index" class="cp" @click="handleChoosedH"> | 163 | <tr |
164 | v-for="(item, index) in fwxzList" | ||
165 | :key="index" | ||
166 | class="cp" | ||
167 | @click="handleChoosedH(item.name)" | ||
168 | > | ||
96 | <td> | 169 | <td> |
97 | <i class="el-icon-star-on" :style="{ color: item.color }"></i | 170 | <i class="el-icon-star-on" :style="{ color: item.color }"></i |
98 | >{{ item.name }} | 171 | >{{ item.name }} |
... | @@ -100,14 +173,29 @@ | ... | @@ -100,14 +173,29 @@ |
100 | <td>{{ item.ts }}</td> | 173 | <td>{{ item.ts }}</td> |
101 | <td>{{ item.mj }}</td> | 174 | <td>{{ item.mj }}</td> |
102 | </tr> | 175 | </tr> |
176 | <tr v-show="fwxzList.length < 1"> | ||
177 | <td colspan="3" class="tac">暂无数据</td> | ||
178 | </tr> | ||
103 | </table> | 179 | </table> |
104 | <table class="legendTable" v-show="selectedZt == 'fwyt'" cellspacing="1" cellpadding="1" border="1"> | 180 | |
181 | <table | ||
182 | class="legendTable" | ||
183 | v-show="selectedZt == 'fwyt'" | ||
184 | cellspacing="1" | ||
185 | cellpadding="1" | ||
186 | border="1" | ||
187 | > | ||
105 | <tr> | 188 | <tr> |
106 | <th>用途</th> | 189 | <th>用途</th> |
107 | <th>套数</th> | 190 | <th>套数</th> |
108 | <th>面积</th> | 191 | <th>面积</th> |
109 | </tr> | 192 | </tr> |
110 | <tr v-for="(item, index) in legendList" :key="index" class="cp" @click="handleChoosedH"> | 193 | <tr |
194 | v-for="(item, index) in fwytList" | ||
195 | :key="index" | ||
196 | class="cp" | ||
197 | @click="handleChoosedH(item.name)" | ||
198 | > | ||
111 | <td> | 199 | <td> |
112 | <i class="el-icon-star-on" :style="{ color: item.color }"></i | 200 | <i class="el-icon-star-on" :style="{ color: item.color }"></i |
113 | >{{ item.name }} | 201 | >{{ item.name }} |
... | @@ -115,6 +203,9 @@ | ... | @@ -115,6 +203,9 @@ |
115 | <td>{{ item.ts }}</td> | 203 | <td>{{ item.ts }}</td> |
116 | <td>{{ item.mj }}</td> | 204 | <td>{{ item.mj }}</td> |
117 | </tr> | 205 | </tr> |
206 | <tr v-show="fwytList.length < 1"> | ||
207 | <td colspan="3" class="tac">暂无数据</td> | ||
208 | </tr> | ||
118 | </table> | 209 | </table> |
119 | </div> | 210 | </div> |
120 | </div> | 211 | </div> |
... | @@ -130,7 +221,11 @@ | ... | @@ -130,7 +221,11 @@ |
130 | <addZdy ref="zdy"></addZdy> | 221 | <addZdy ref="zdy"></addZdy> |
131 | </div> | 222 | </div> |
132 | <div class="addCh" v-show="menuType == 'ch'"> | 223 | <div class="addCh" v-show="menuType == 'ch'"> |
133 | <addCh ref="ch" :dialogVisible="dialogVisible" :treeData="treeData"></addCh> | 224 | <addCh |
225 | ref="ch" | ||
226 | :dialogVisible="dialogVisible" | ||
227 | :treeData="treeData" | ||
228 | ></addCh> | ||
134 | </div> | 229 | </div> |
135 | <div class="btnGroup"> | 230 | <div class="btnGroup"> |
136 | <el-button type="primary" @click="saveInfo">保存</el-button> | 231 | <el-button type="primary" @click="saveInfo">保存</el-button> |
... | @@ -144,304 +239,380 @@ | ... | @@ -144,304 +239,380 @@ |
144 | <pl-h :plh-visible="plhVisible" :bsms="bsms" @close="plhClose"></pl-h> | 239 | <pl-h :plh-visible="plhVisible" :bsms="bsms" @close="plhClose"></pl-h> |
145 | <pl-zl :pl-zl-visible="plzlVisible" :bsms="bsms" @close="plZlClose"></pl-zl> | 240 | <pl-zl :pl-zl-visible="plzlVisible" :bsms="bsms" @close="plZlClose"></pl-zl> |
146 | <pl-c :plc-visible="plcVisible" :bsms="bsms" @close="plcClose"></pl-c> | 241 | <pl-c :plc-visible="plcVisible" :bsms="bsms" @close="plcClose"></pl-c> |
147 | <pl-sh :plShVisible="plShVisible" :bsms="bsms" @close="plshClose"></pl-sh> | 242 | <pl-sh :plShVisible="plShVisible" :bsms="bsms" @close="plshClose"></pl-sh> |
148 | <h-cxlz :h-cxlz-visble="hcxlzVisible" :bsms="bsms" @close="hcxlzClose"></h-cxlz> | 243 | <h-cxlz |
149 | <!-- 双击户的弹出框 --> | 244 | :h-cxlz-visble="hcxlzVisible" |
150 | <el-dialog title="户编辑" :visible.sync="hbjVisible" width="50%" center> | 245 | :bsms="bsms" |
151 | <hbj ref="hbj" :bsm='hbsm'></hbj> | 246 | @close="hcxlzClose" |
152 | <div class="btnGroup"> | 247 | ></h-cxlz> |
153 | <el-button type="primary" @click="hbjSaveInfo">保存</el-button> | 248 | <!-- 双击户的弹出框 --> |
154 | <el-button type="primary" @click="hbjResetInfo">重置</el-button> | 249 | <el-dialog title="户编辑" :visible.sync="hbjVisible" width="50%" center> |
155 | <el-button type="primary" @click="hbjVisible = false">取消</el-button> | 250 | <hbj ref="hbj" :bsm="hbsm"></hbj> |
156 | </div> | 251 | <div class="btnGroup"> |
157 | </el-dialog> | 252 | <el-button type="primary" @click="hbjSaveInfo">保存</el-button> |
158 | </div> | 253 | <el-button type="primary" @click="hbjResetInfo">重置</el-button> |
254 | <el-button type="primary" @click="hbjVisible = false">取消</el-button> | ||
255 | </div> | ||
256 | </el-dialog> | ||
257 | </div> | ||
159 | </template> | 258 | </template> |
160 | 259 | ||
161 | <script> | 260 | <script> |
162 | import HCxlz from "./../../../../components/hCxlz/hCxlz" | 261 | import HCxlz from "./../../../../components/hCxlz/hCxlz"; |
163 | import PlC from "./../../../../components/plc/plC" | 262 | import PlC from "./../../../../components/plc/plC"; |
164 | import PlSh from "./../../../../components/plsh/plSh" | 263 | import PlSh from "./../../../../components/plsh/plSh"; |
165 | import PlH from "./../../../../components/plh/plH" | 264 | import PlH from "./../../../../components/plh/plH"; |
166 | import PlZl from "./../../../../components/plzl/plZl" | 265 | import PlZl from "./../../../../components/plzl/plZl"; |
167 | import LineTree from "../../../../components/lineTree/lineTree"; | 266 | import LineTree from "../../../../components/lineTree/lineTree"; |
168 | import addLjz from "./ljz/index"; | 267 | import addLjz from "./ljz/index"; |
169 | import addZdy from "./zdy/index"; | 268 | import addZdy from "./zdy/index"; |
170 | import addCh from "./ch/index"; | 269 | import addCh from "./ch/index"; |
171 | import hbj from "./hbj/index" | 270 | import hbj from "./hbj/index"; |
172 | import lpbContent from "./lpbContent/index"; | 271 | import lpbContent from "./lpbContent/index"; |
173 | import {getLpbMenuTree, batchScYcChange,batchGeneratorBdcdyh} from "../../../../api/lpb"; | 272 | import { getLpbMenuTree, batchScYcChange, getLpbTj,batchGeneratorBdcdyh } from "../../../../api/lpb"; |
174 | |||
175 | |||
176 | export default { | ||
177 | name: "", | ||
178 | components: {LineTree, addLjz, addZdy, addCh, lpbContent, PlC, PlSh, PlH, PlZl, hbj, HCxlz}, | ||
179 | props: {}, | ||
180 | data() { | ||
181 | return { | ||
182 | bsms: ["123", "321", "231"], | ||
183 | hbsm: '', | ||
184 | hcxlzVisible: false, | ||
185 | dialogVisible: false, | ||
186 | plcVisible: false, | ||
187 | plhVisible: false, | ||
188 | plShVisible: false, | ||
189 | plzlVisible: false, | ||
190 | hbjVisible: false, | ||
191 | tabPosition: "1", //1是实测 0是预测 | ||
192 | radio1: "", | ||
193 | radio2: "", | ||
194 | createFlag: false, | ||
195 | bdcdyh: "", | ||
196 | islpb: true, | ||
197 | pd: [], //创建楼盘的树结构数据 | ||
198 | menuType: "", | ||
199 | treeData: {}, | ||
200 | inputWidth: 74, | ||
201 | selectedZt: 'dyzt', //图例选中项,默认选中单元状态 | ||
202 | legendList: [ | ||
203 | { | ||
204 | name: "未确权", | ||
205 | color: "#2591FD", | ||
206 | ts: "12", | ||
207 | mj: "1633", | ||
208 | }, | ||
209 | { | ||
210 | name: "已确权", | ||
211 | color: "#2591FD", | ||
212 | ts: "22", | ||
213 | mj: "3109", | ||
214 | }, | ||
215 | { | ||
216 | name: "已注销", | ||
217 | color: "#2591FD", | ||
218 | ts: "13", | ||
219 | mj: "1457", | ||
220 | }, | ||
221 | { | ||
222 | name: "已备案", | ||
223 | color: "#2591FD", | ||
224 | ts: "3", | ||
225 | mj: "409", | ||
226 | }, | ||
227 | { | ||
228 | name: "预抵押", | ||
229 | color: "#2591FD", | ||
230 | ts: "11", | ||
231 | mj: "1466", | ||
232 | }, | ||
233 | { | ||
234 | name: "在建抵押", | ||
235 | color: "#2591FD", | ||
236 | ts: "13", | ||
237 | mj: "1792", | ||
238 | }, | ||
239 | { | ||
240 | name: "抵押", | ||
241 | color: "#2591FD", | ||
242 | ts: "14", | ||
243 | mj: "13", | ||
244 | }, | ||
245 | { | ||
246 | name: "查封", | ||
247 | color: "#2591FD", | ||
248 | ts: "9", | ||
249 | mj: "1436", | ||
250 | }, | ||
251 | { | ||
252 | name: "异议", | ||
253 | color: "#2591FD", | ||
254 | ts: "34", | ||
255 | mj: "4342", | ||
256 | }, | ||
257 | { | ||
258 | name: "限制", | ||
259 | color: "#2591FD", | ||
260 | ts: "2", | ||
261 | mj: "285", | ||
262 | }, | ||
263 | ], | ||
264 | legendToggleFlag: false, | ||
265 | lpbContentHight: "", | ||
266 | lpbContentwidth: "", | ||
267 | time: '' | ||
268 | }; | ||
269 | }, | ||
270 | created() { | ||
271 | window.addEventListener("resize", this.getHeight); | ||
272 | this.getHeight(); | ||
273 | }, | ||
274 | mounted() { | ||
275 | // this.getLpbMenuTree("1e0c83dfe2e73284f834a80a0947f0c9"); | ||
276 | this.getLpbMenuTree(this.$store.state.zrzbsm); | ||
277 | // 楼盘表绘制区域宽度计算:楼盘表区域宽度-图例宽度34-滚动条宽度6 | ||
278 | setTimeout(() => { | ||
279 | this.lpbContentwidth = this.$store.state.contentWidth - 34 - 6; | ||
280 | }, 100); | ||
281 | }, | ||
282 | methods: { | ||
283 | hcxlzClose() { | ||
284 | this.hcxlzVisible = false; | ||
285 | }, | ||
286 | plZlClose() { | ||
287 | this.plzlVisible = false | ||
288 | }, | ||
289 | plcClose() { | ||
290 | this.plcVisible = false; | ||
291 | }, | ||
292 | plhClose() { | ||
293 | this.plhVisible = false; | ||
294 | }, | ||
295 | plshClose() { | ||
296 | this.plShVisible = false | ||
297 | }, | ||
298 | //获取高度计算lpb内容区高度 | ||
299 | getHeight() { | ||
300 | this.lpbContentHight = window.innerHeight - 285; | ||
301 | }, | ||
302 | //创建楼盘 | ||
303 | create() { | ||
304 | this.createFlag = true; | ||
305 | }, | ||
306 | //获取自然幢树结构数据 | ||
307 | getLpbMenuTree(zrzbsm) { | ||
308 | getLpbMenuTree(zrzbsm) | ||
309 | .then((res) => { | ||
310 | this.pd = res.result; | ||
311 | }) | ||
312 | .catch((error) => { | ||
313 | }); | ||
314 | }, | ||
315 | //打开新建楼盘树结构右键菜单唤起的弹框 | ||
316 | openLpbDialog(data, type) { | ||
317 | this.treeData = data; | ||
318 | this.menuType = type; | ||
319 | this.dialogVisible = true; | ||
320 | }, | ||
321 | //弹框中的保存按钮,根据不同菜单点击类型调用不同子组件的保存方法 | ||
322 | saveInfo() { | ||
323 | switch (this.menuType) { | ||
324 | case "ljz": | ||
325 | this.$refs.ljz.onSave(this.$refs.ljz.form, this.treeData.bsm); | ||
326 | break; | ||
327 | case "zdy": | ||
328 | this.$refs.zdy.submitForm("form", this.pd[0].bsm, this.treeData.bsm); | ||
329 | break; | ||
330 | case "ch": | ||
331 | this.$refs.ch.onSave(this.pd[0].bsm); | ||
332 | break; | ||
333 | default: | ||
334 | break; | ||
335 | } | ||
336 | }, | ||
337 | //弹框中的重置按钮 | ||
338 | resetInfo() { | ||
339 | switch (this.menuType) { | ||
340 | case "ljz": | ||
341 | this.$refs.ljz.reset(); | ||
342 | break; | ||
343 | case "zdy": | ||
344 | this.$refs.zdy.reset(); | ||
345 | break; | ||
346 | case "ch": | ||
347 | this.$refs.ch.reset(); | ||
348 | break; | ||
349 | 273 | ||
350 | default: | 274 | export default { |
351 | break; | 275 | name: "", |
352 | } | 276 | components: { |
353 | }, | 277 | LineTree, |
354 | //关闭弹框 | 278 | addLjz, |
355 | closeDaialog() { | 279 | addZdy, |
356 | this.dialogVisible = false; | 280 | addCh, |
357 | }, | 281 | lpbContent, |
358 | //图例的展开收起 | 282 | PlC, |
359 | legendToggle() { | 283 | PlSh, |
360 | this.legendToggleFlag = !this.legendToggleFlag; | 284 | PlH, |
361 | }, | 285 | PlZl, |
362 | //获取选中户bsm | 286 | hbj, |
363 | getHbsm(data, type) { | 287 | HCxlz, |
364 | this.bsms = data; | 288 | }, |
365 | if (type) { | 289 | props: {}, |
366 | // 双击 | 290 | data() { |
367 | this.hbsm = this.bsms[this.bsms.length - 1]; | 291 | return { |
368 | this.hbjVisible = true; | 292 | bsms: ["123", "321", "231"], |
369 | this.$nextTick(function () { | 293 | hbsm: "", |
370 | this.$refs.hbj.getHInfo(this.hbsm); | 294 | dialogVisible: false, |
371 | }) | 295 | plcVisible: false, |
372 | } else { | 296 | plhVisible: false, |
373 | //单击 TO DO | 297 | plShVisible: false, |
298 | plzlVisible: false, | ||
299 | hbjVisible: false, | ||
300 | hcxlzVisible:false, | ||
301 | tabPosition: "1", //1是实测 0是预测 | ||
302 | radio1: "", | ||
303 | radio2: "", | ||
304 | createFlag: false, | ||
305 | bdcdyh: "", | ||
306 | islpb: true, | ||
307 | pd: [], //创建楼盘的树结构数据 | ||
308 | menuType: "", | ||
309 | treeData: {}, | ||
310 | inputWidth: 74, | ||
311 | selectedZt: "dyzt", //图例选中项,默认选中单元状态 | ||
312 | dyztList: [ | ||
313 | { | ||
314 | name: "未确权", | ||
315 | color: "#2591FD", | ||
316 | ts: "12", | ||
317 | mj: "1633", | ||
318 | }, | ||
319 | { | ||
320 | name: "已确权", | ||
321 | color: "#2591FD", | ||
322 | ts: "22", | ||
323 | mj: "3109", | ||
324 | }, | ||
325 | { | ||
326 | name: "已备案", | ||
327 | color: "#2591FD", | ||
328 | ts: "3", | ||
329 | mj: "409", | ||
330 | }, | ||
331 | { | ||
332 | name: "预抵押", | ||
333 | color: "#2591FD", | ||
334 | ts: "11", | ||
335 | mj: "1466", | ||
336 | }, | ||
337 | { | ||
338 | name: "在建抵押", | ||
339 | color: "#2591FD", | ||
340 | ts: "13", | ||
341 | mj: "1792", | ||
342 | }, | ||
343 | { | ||
344 | name: "抵押", | ||
345 | color: "#2591FD", | ||
346 | ts: "14", | ||
347 | mj: "13", | ||
348 | }, | ||
349 | { | ||
350 | name: "查封", | ||
351 | color: "#2591FD", | ||
352 | ts: "9", | ||
353 | mj: "1436", | ||
354 | }, | ||
355 | { | ||
356 | name: "异议", | ||
357 | color: "#2591FD", | ||
358 | ts: "34", | ||
359 | mj: "4342", | ||
360 | }, | ||
361 | { | ||
362 | name: "限制", | ||
363 | color: "#2591FD", | ||
364 | ts: "2", | ||
365 | mj: "285", | ||
366 | }, | ||
367 | ], | ||
368 | fwxzList: [], | ||
369 | fwytList: [], | ||
370 | legendToggleFlag: false, | ||
371 | lpbContentHight: "", | ||
372 | lpbContentwidth: "", | ||
373 | time: "", | ||
374 | dyztBsmList: {}, //单元状态bsmList | ||
375 | }; | ||
376 | }, | ||
377 | created() { | ||
378 | window.addEventListener("resize", this.getHeight); | ||
379 | this.getHeight(); | ||
380 | }, | ||
381 | mounted() { | ||
382 | //获取楼盘表树结构 | ||
383 | this.getLpbMenuTree(this.$store.state.zrzbsm); | ||
384 | //获取各项单元状态的户bsm | ||
385 | this.getDyztBsmList(); | ||
386 | // 楼盘表绘制区域宽度计算:楼盘表区域宽度-图例宽度34-滚动条宽度6 | ||
387 | setTimeout(() => { | ||
388 | this.lpbContentwidth = this.$store.state.contentWidth - 34 - 6; | ||
389 | }, 100); | ||
390 | }, | ||
391 | methods: { | ||
392 | hcxlzClose() { | ||
393 | this.hcxlzVisible = false; | ||
394 | }, | ||
395 | plZlClose() { | ||
396 | this.plzlVisible = false; | ||
397 | }, | ||
398 | plcClose() { | ||
399 | this.plcVisible = false; | ||
400 | }, | ||
401 | plhClose() { | ||
402 | this.plhVisible = false; | ||
403 | }, | ||
404 | plshClose() { | ||
405 | this.plShVisible = false; | ||
406 | }, | ||
407 | //获取高度计算lpb内容区高度 | ||
408 | getHeight() { | ||
409 | this.lpbContentHight = window.innerHeight - 285; | ||
410 | }, | ||
411 | //创建楼盘 | ||
412 | create() { | ||
413 | this.createFlag = true; | ||
414 | }, | ||
415 | //获取自然幢树结构数据 | ||
416 | getLpbMenuTree(zrzbsm) { | ||
417 | getLpbMenuTree(zrzbsm) | ||
418 | .then((res) => { | ||
419 | this.pd = res.result; | ||
420 | }) | ||
421 | .catch((error) => {}); | ||
422 | }, | ||
423 | //打开新建楼盘树结构右键菜单唤起的弹框 | ||
424 | openLpbDialog(data, type) { | ||
425 | this.treeData = data; | ||
426 | this.menuType = type; | ||
427 | this.dialogVisible = true; | ||
428 | }, | ||
429 | //弹框中的保存按钮,根据不同菜单点击类型调用不同子组件的保存方法 | ||
430 | saveInfo() { | ||
431 | switch (this.menuType) { | ||
432 | case "ljz": | ||
433 | this.$refs.ljz.onSave(this.$refs.ljz.form, this.treeData.bsm); | ||
434 | break; | ||
435 | case "zdy": | ||
436 | this.$refs.zdy.submitForm("form", this.pd[0].bsm, this.treeData.bsm); | ||
437 | break; | ||
438 | case "ch": | ||
439 | this.$refs.ch.onSave(this.pd[0].bsm); | ||
440 | break; | ||
441 | default: | ||
442 | break; | ||
443 | } | ||
444 | }, | ||
445 | //弹框中的重置按钮 | ||
446 | resetInfo() { | ||
447 | switch (this.menuType) { | ||
448 | case "ljz": | ||
449 | this.$refs.ljz.reset(); | ||
450 | break; | ||
451 | case "zdy": | ||
452 | this.$refs.zdy.reset(); | ||
453 | break; | ||
454 | case "ch": | ||
455 | this.$refs.ch.reset(); | ||
456 | break; | ||
374 | 457 | ||
458 | default: | ||
459 | break; | ||
460 | } | ||
461 | }, | ||
462 | //关闭弹框 | ||
463 | closeDaialog() { | ||
464 | this.dialogVisible = false; | ||
465 | }, | ||
466 | //图例的展开收起 | ||
467 | legendToggle() { | ||
468 | this.legendToggleFlag = !this.legendToggleFlag; | ||
469 | }, | ||
470 | //获取选中户bsm | ||
471 | getHbsm(data, type) { | ||
472 | this.bsms = data; | ||
473 | if (type) { | ||
474 | // 双击 | ||
475 | this.hbsm = this.bsms[this.bsms.length - 1]; | ||
476 | this.hbjVisible = true; | ||
477 | this.$nextTick(function() { | ||
478 | this.$refs.hbj.getHInfo(this.hbsm); | ||
479 | }); | ||
480 | } else { | ||
481 | //单击 TO DO | ||
375 | } | 482 | } |
376 | console.log(this.bsms); | 483 | console.log(this.bsms); |
377 | }, | 484 | }, |
378 | //不动产单元号输入框事件 | 485 | //不动产单元号输入框事件 |
379 | inputFocus(){ | 486 | inputFocus() { |
380 | this.inputWidth = 200 | 487 | this.inputWidth = 200; |
381 | }, | 488 | }, |
382 | inputBlur(){ | 489 | inputBlur() { |
383 | this.inputWidth = 74 | 490 | this.inputWidth = 74; |
384 | }, | 491 | }, |
385 | inputChange(){ | 492 | inputChange() { |
386 | if (this.bdcdyh!='') { | 493 | if (this.bdcdyh != "") { |
387 | console.log('查询'+this.bdcdyh); | 494 | console.log("查询" + this.bdcdyh); |
388 | this.$refs.lpbContent.lpbDataMap(this.bdcdyh); | 495 | this.$refs.lpbContent.lpbDataMap(this.bdcdyh); |
389 | }else{ | 496 | } else { |
390 | this.$message({ | 497 | this.$message({ |
391 | message: "请输入内容后查询", | 498 | message: "请输入内容后查询", |
392 | type: "warning", | 499 | type: "warning", |
393 | }) | 500 | }); |
394 | } | 501 | } |
395 | }, | 502 | }, |
396 | //户保存 | 503 | //户保存 |
397 | hbjSaveInfo(){ | 504 | hbjSaveInfo() { |
398 | this.$refs.hbj.onSave(this.bsms[this.bsms.length-1],this.tabPosition); | 505 | this.$refs.hbj.onSave(this.bsms[this.bsms.length - 1], this.tabPosition); |
399 | }, | 506 | }, |
400 | //户编辑表单重置 | 507 | //户编辑表单重置 |
401 | hbjResetInfo(){ | 508 | hbjResetInfo() { |
402 | this.$refs.hbj.onReset(); | 509 | this.$refs.hbj.onReset(); |
403 | }, | 510 | }, |
404 | //调用楼盘表信息查询接口 | 511 | //调用楼盘表信息查询接口 |
405 | getlpbData(){ | 512 | getlpbData() { |
406 | this.$refs.lpbContent.getLpb(this.$store.state.zrzbsm); | 513 | this.$refs.lpbContent.getLpb(this.$store.state.zrzbsm); |
407 | //改变楼盘表子组件的key值,重新渲染 | 514 | //改变楼盘表子组件的key值,重新渲染 |
408 | this.time = new Date().getTime(); | 515 | this.time = new Date().getTime(); |
409 | }, | 516 | }, |
410 | //实预测装换 | 517 | //实预测装换 |
411 | plScYcChange(){ | 518 | plScYcChange() { |
412 | let data={ | 519 | let data = { |
413 | zrzbsm:this.$store.state.zrzbsm, | 520 | zrzbsm: this.$store.state.zrzbsm, |
414 | scyclx:"0" | 521 | scyclx: "0", |
415 | } | 522 | }; |
416 | batchScYcChange(data).then((res)=>{ | 523 | batchScYcChange(data).then((res) => { |
417 | if(res.code===200){ | 524 | if (res.code === 200) { |
418 | this.$message.success("实预测转换成功") | 525 | this.$message.success("实预测转换成功"); |
419 | } | 526 | } |
420 | }) | 527 | }); |
421 | }, | 528 | }, |
422 | //选中房屋状态 | 529 | //选中房屋状态 |
423 | handleChoosedH(){ | 530 | handleChoosedH(name) { |
531 | console.log(name, "选中房屋状态"); | ||
532 | // Dyzt:{list:[],mj:''} | ||
424 | //清除选中户 | 533 | //清除选中户 |
425 | this.$refs.lpbContent.clearChoosedH() | 534 | this.$refs.lpbContent.clearChoosedH(); |
426 | //给hBsmList传值 | 535 | //给hBsmList传值 |
536 | switch (name) { | ||
537 | case "未确权": | ||
538 | this.$refs.lpbContent.choosedList = this.dyztBsmList.Wqqzt.bsms; | ||
539 | break; | ||
540 | case "已确权": | ||
541 | this.$refs.lpbContent.choosedList = this.dyztBsmList.Qqzt.bsms; | ||
542 | break; | ||
543 | case "已备案": | ||
544 | this.$refs.lpbContent.choosedList = this.dyztBsmList.Bazt.bsms; | ||
545 | break; | ||
546 | case "预抵押": | ||
547 | this.$refs.lpbContent.choosedList = this.dyztBsmList.Ydyzt.bsms; | ||
548 | break; | ||
549 | case "在建抵押": | ||
550 | this.$refs.lpbContent.choosedList = this.dyztBsmList.Zjgcdyzt.bsms; | ||
551 | break; | ||
552 | case "抵押": | ||
553 | this.$refs.lpbContent.choosedList = this.dyztBsmList.Dyzt.bsms; | ||
554 | break; | ||
555 | case "查封": | ||
556 | this.$refs.lpbContent.choosedList = this.dyztBsmList.Cfzt.bsms; | ||
557 | break; | ||
558 | case "异议": | ||
559 | this.$refs.lpbContent.choosedList = this.dyztBsmList.Yyzt.bsms; | ||
560 | break; | ||
561 | case "限制": | ||
562 | this.$refs.lpbContent.choosedList = this.dyztBsmList.Xzzt.bsms; | ||
563 | break; | ||
564 | |||
565 | default: | ||
566 | break; | ||
567 | } | ||
427 | // this.$refs.lpbContent.choosedList=["0a66bc775dcec26385f9124cc0fd8656", "58cafdbee129bb412527f674ef9267ae", "4bbca678fa56d5ab97b8a62c7cb54898", "ecfd72e9a31a03ba0ab4e46faba2b51b", "049033ea9d244b4b5ea75521b6862239", "013352d8a001a1d5f790296b6843627b", "ed8e3f0e2b2682cf76b4d58b9a74e49c", "37cc53acaf2c3bb92be4b9adf06d94c9", "f5a5e14ce08c26056aca5861f56e5cf6", "11eeaaa5c9f5f1231c69d3b958d05568", "421978023a36d4920dbb86300cc52dc9", "e97f2af2588cc0e41ffb6b203df617c9", "7210987d94350472dca10d4ad71fffc5", "6eb1b50edce538a4c63574e9e28fedce", "43c5fecd7623ceabc37844e8a4722603", "c361ccfcd3da9f7288110c6fa202cb96", "2321512f6f8d0ec9f570c6eec9a892fe", "ea08fb234cd908c89a0d21c085dadb2f", "be71f7f0ec926e1850d3baec8817cdbd", "6f695d6b7ecb97f7ff17f22dbe86b93c", "4ee1604b2629e6797d3096c20229223b"] | 568 | // this.$refs.lpbContent.choosedList=["0a66bc775dcec26385f9124cc0fd8656", "58cafdbee129bb412527f674ef9267ae", "4bbca678fa56d5ab97b8a62c7cb54898", "ecfd72e9a31a03ba0ab4e46faba2b51b", "049033ea9d244b4b5ea75521b6862239", "013352d8a001a1d5f790296b6843627b", "ed8e3f0e2b2682cf76b4d58b9a74e49c", "37cc53acaf2c3bb92be4b9adf06d94c9", "f5a5e14ce08c26056aca5861f56e5cf6", "11eeaaa5c9f5f1231c69d3b958d05568", "421978023a36d4920dbb86300cc52dc9", "e97f2af2588cc0e41ffb6b203df617c9", "7210987d94350472dca10d4ad71fffc5", "6eb1b50edce538a4c63574e9e28fedce", "43c5fecd7623ceabc37844e8a4722603", "c361ccfcd3da9f7288110c6fa202cb96", "2321512f6f8d0ec9f570c6eec9a892fe", "ea08fb234cd908c89a0d21c085dadb2f", "be71f7f0ec926e1850d3baec8817cdbd", "6f695d6b7ecb97f7ff17f22dbe86b93c", "4ee1604b2629e6797d3096c20229223b"] |
428 | }, | 569 | }, |
429 | //批量添加不动产单元号 | 570 | //批量添加不动产单元号 |
430 | addBdcdyh(){ | 571 | addBdcdyh() { |
431 | // this.pd[0].bsm //自然幢标识码 | 572 | // this.pd[0].bsm //自然幢标识码 |
432 | console.log(this.$store.state.zrzh,'this.$store.state.zrzh'); | 573 | batchGeneratorBdcdyh(this.$store.state.zrzh, this.pd[0].bsm).then( |
433 | console.log(this.pd[0].bsm,'this.pd[0].bsm'); | 574 | (res) => { |
434 | batchGeneratorBdcdyh(this.$store.state.zrzh,this.pd[0].bsm).then((res)=>{ | 575 | if (res.code === 200) { |
435 | if(res.code===200){ | 576 | this.$message.success("生成完成!"); |
436 | this.$message.success("生成完成!") | 577 | } else { |
437 | }else { | 578 | this.$message.warning("生成失败!"); |
438 | this.$message.warning("生成失败!") | 579 | } |
439 | } | 580 | } |
440 | }) | 581 | ); |
441 | } | 582 | }, |
442 | }, | 583 | //获取各项单元状态的户bsm |
443 | computed: { | 584 | getDyztBsmList() { |
585 | let data = { | ||
586 | zrzbsm: this.$store.state.zrzbsm, | ||
587 | syclx: "0", | ||
588 | }; | ||
589 | getLpbTj(data).then((res) => { | ||
590 | if (res.code === 200) { | ||
591 | this.dyztBsmList = res.result; | ||
592 | //给单元状态图例数据dyztList赋值 | ||
593 | this.dyztList[0].mj = res.result.Wqqzt.mj; | ||
594 | this.dyztList[0].ts = res.result.Wqqzt.bsms.length; | ||
595 | this.dyztList[1].mj = res.result.Qqzt.mj; | ||
596 | this.dyztList[1].ts = res.result.Qqzt.bsms.length; | ||
597 | this.dyztList[2].mj = res.result.Bazt.mj; | ||
598 | this.dyztList[2].ts = res.result.Bazt.bsms.length; | ||
599 | this.dyztList[3].mj = res.result.Ydyzt.mj; | ||
600 | this.dyztList[3].ts = res.result.Ydyzt.bsms.length; | ||
601 | this.dyztList[4].mj = res.result.Zjgcdyzt.mj; | ||
602 | this.dyztList[4].ts = res.result.Zjgcdyzt.bsms.length; | ||
603 | this.dyztList[5].mj = res.result.Dyzt.mj; | ||
604 | this.dyztList[5].ts = res.result.Dyzt.bsms.length; | ||
605 | this.dyztList[6].mj = res.result.Cfzt.mj; | ||
606 | this.dyztList[6].ts = res.result.Cfzt.bsms.length; | ||
607 | this.dyztList[7].mj = res.result.Yyzt.mj; | ||
608 | this.dyztList[7].ts = res.result.Yyzt.bsms.length; | ||
609 | this.dyztList[8].mj = res.result.Xzzt.mj; | ||
610 | this.dyztList[8].ts = res.result.Xzzt.bsms.length; | ||
611 | } | ||
612 | }); | ||
613 | }, | ||
444 | }, | 614 | }, |
615 | computed: {}, | ||
445 | destroyed() { | 616 | destroyed() { |
446 | window.removeEventListener("resize", this.getHeight); | 617 | window.removeEventListener("resize", this.getHeight); |
447 | }, | 618 | }, |
... | @@ -479,21 +650,21 @@ | ... | @@ -479,21 +650,21 @@ |
479 | box-sizing: border-box; | 650 | box-sizing: border-box; |
480 | padding: 0 20px; | 651 | padding: 0 20px; |
481 | /deep/.el-radio-button__inner { | 652 | /deep/.el-radio-button__inner { |
482 | border: 1px solid #00CACD; | 653 | border: 1px solid #00cacd; |
483 | color: #00CACD; | 654 | color: #00cacd; |
484 | } | 655 | } |
485 | /deep/.el-radio-button__inner:hover{ | 656 | /deep/.el-radio-button__inner:hover { |
486 | color: #00CACD; | 657 | color: #00cacd; |
487 | } | 658 | } |
488 | /deep/.is-active .el-radio-button__inner{ | 659 | /deep/.is-active .el-radio-button__inner { |
489 | color: #fff; | 660 | color: #fff; |
490 | } | 661 | } |
491 | /deep/.el-radio-button__orig-radio:checked+.el-radio-button__inner{ | 662 | /deep/.el-radio-button__orig-radio:checked + .el-radio-button__inner { |
492 | background-color: #00CACD; | 663 | background-color: #00cacd; |
493 | border-color: #00CACD; | 664 | border-color: #00cacd; |
494 | } | 665 | } |
495 | .searchInput { | 666 | .searchInput { |
496 | transition: .5s; | 667 | transition: 0.5s; |
497 | margin-left: 20px; | 668 | margin-left: 20px; |
498 | display: inline-block; | 669 | display: inline-block; |
499 | } | 670 | } |
... | @@ -546,7 +717,7 @@ | ... | @@ -546,7 +717,7 @@ |
546 | height: 40px; | 717 | height: 40px; |
547 | line-height: 40px; | 718 | line-height: 40px; |
548 | text-align: center; | 719 | text-align: center; |
549 | background-color: #0091FF; | 720 | background-color: #0091ff; |
550 | color: #fff; | 721 | color: #fff; |
551 | border-bottom: 1px solid #e6e6e6; | 722 | border-bottom: 1px solid #e6e6e6; |
552 | } | 723 | } |
... | @@ -572,8 +743,8 @@ | ... | @@ -572,8 +743,8 @@ |
572 | letter-spacing: 2px; | 743 | letter-spacing: 2px; |
573 | } | 744 | } |
574 | } | 745 | } |
575 | .selectedZt{ | 746 | .selectedZt { |
576 | background-color: #0091FF; | 747 | background-color: #0091ff; |
577 | color: #fff; | 748 | color: #fff; |
578 | } | 749 | } |
579 | } | 750 | } |
... | @@ -608,7 +779,7 @@ | ... | @@ -608,7 +779,7 @@ |
608 | } | 779 | } |
609 | } | 780 | } |
610 | } | 781 | } |
611 | .tab-content::-webkit-scrollbar{ | 782 | .tab-content::-webkit-scrollbar { |
612 | width: 1px; | 783 | width: 1px; |
613 | } | 784 | } |
614 | .btnGroup { | 785 | .btnGroup { | ... | ... |
... | @@ -293,11 +293,11 @@ export default { | ... | @@ -293,11 +293,11 @@ export default { |
293 | //父组件中选择单元状态改变choosedList | 293 | //父组件中选择单元状态改变choosedList |
294 | choosedList(n){ | 294 | choosedList(n){ |
295 | this.$refs.hBsm.forEach(item=>{ | 295 | this.$refs.hBsm.forEach(item=>{ |
296 | this.choosedList.forEach(i=>{ | 296 | this.choosedList.forEach(i=>{ |
297 | if(item.dataset.bsm == i){ | 297 | if(item.dataset.bsm == i){ |
298 | item.className = 'tdSelect' | 298 | item.className = 'tdSelect' |
299 | } | 299 | } |
300 | }) | 300 | }) |
301 | }) | 301 | }) |
302 | } | 302 | } |
303 | }, | 303 | }, | ... | ... |
-
Please register or sign in to post a comment