Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
055f0d33 by 焦泽平
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/CadastralSystem

2 parents d2b7d41e 09e91025
Inline Side-by-side
Showing 13 changed files with 278 additions and 138 deletions
...@@ -160,9 +160,22 @@ ol, ul { list-style:none; } ...@@ -160,9 +160,22 @@ ol, ul { list-style:none; }
160 margin: 0; 160 margin: 0;
161 padding: 7px 16px; 161 padding: 7px 16px;
162 cursor: pointer; 162 cursor: pointer;
163 position: relative;
164 .childUl{
165 display: none;
166 position: absolute;
167 left: 92px !important;
168 top: 0!important;
169 li{
170 width: 76px;
171 }
172 }
163 } 173 }
164 li:hover { 174 li:hover {
165 background: #eee; 175 background: #eee;
176 >.childUl{
177 display: block;
178 }
166 } 179 }
167 .noEdit{ 180 .noEdit{
168 color: #E6E6E6; 181 color: #E6E6E6;
......
...@@ -105,9 +105,10 @@ ...@@ -105,9 +105,10 @@
105 :disabled="formData.qszt!='0'" 105 :disabled="formData.qszt!='0'"
106 v-model="childItem.tdsyqssj" 106 v-model="childItem.tdsyqssj"
107 type="date" 107 type="date"
108 108 :picker-options="childItem.pickerStart"
109 value-format="yyyy-MM-dd" 109 value-format="yyyy-MM-dd"
110 placeholder="选择日期" 110 placeholder="选择日期"
111 @input="startTime(index,childIndex)"
111 > 112 >
112 </el-date-picker> 113 </el-date-picker>
113 </li> 114 </li>
...@@ -211,7 +212,8 @@ ...@@ -211,7 +212,8 @@
211 :disabled="formData.qszt!='0'" 212 :disabled="formData.qszt!='0'"
212 v-model="childItem.tdsyjssj" 213 v-model="childItem.tdsyjssj"
213 type="date" 214 type="date"
214 215 :picker-options="childItem.pickerEnd"
216 @input="endTime(index,childIndex)"
215 value-format="yyyy-MM-dd" 217 value-format="yyyy-MM-dd"
216 placeholder="选择日期" 218 placeholder="选择日期"
217 > 219 >
...@@ -290,6 +292,8 @@ export default { ...@@ -290,6 +292,8 @@ export default {
290 sjytmj: 0, 292 sjytmj: 0,
291 syqx: "", 293 syqx: "",
292 tdsyjssj: "", 294 tdsyjssj: "",
295 pickerStart:{},
296 pickerEnd:{},
293 tdsyqssj: "", 297 tdsyqssj: "",
294 tdzh: "", 298 tdzh: "",
295 }, 299 },
...@@ -304,6 +308,42 @@ export default { ...@@ -304,6 +308,42 @@ export default {
304 console.log(this.formData,'formData'); 308 console.log(this.formData,'formData');
305 }, 309 },
306 methods: { 310 methods: {
311 startTime(index,childIndex){
312 let startTime= this.countList[index].list[childIndex].tdsyqssj;
313 let endTime=this.countList[index].list[childIndex].tdsyjssj;
314 this.countList[index].list[childIndex].pickerEnd={
315 disabledDate: (time) => {
316 if (Object.keys(startTime).length>0) {
317 return new Date(startTime).getTime()>time.getTime();
318 }else {
319 return time.getTime()< Date.now();
320 }
321 }
322 }
323 if (Object.keys(startTime).length > 0 && Object.keys(endTime).length > 0) {
324 let startYear= new Date(startTime).getFullYear();
325 let endYear=new Date(endTime).getFullYear();
326 this.countList[index].list[childIndex].syqx=endYear-startYear;
327 }
328 },
329 endTime(index,childIndex){
330 let startTime = this.countList[index].list[childIndex].tdsyqssj;
331 let endTime = this.countList[index].list[childIndex].tdsyjssj;
332 this.countList[index].list[childIndex].pickerStart={
333 disabledDate: (time) => {
334 if (Object.keys(endTime).length>0) {
335 return new Date(endTime).getTime()<time.getTime();
336 }else {
337 return time.getTime() > Date.now();
338 }
339 }
340 }
341 if (Object.keys(startTime).length > 0 && Object.keys(endTime).length > 0) {
342 let startYear= new Date(startTime).getFullYear();
343 let endYear=new Date(endTime).getFullYear();
344 this.countList[index].list[childIndex].syqx=endYear-startYear;
345 }
346 },
307 //外层操作 347 //外层操作
308 handleClick(ind, type) { 348 handleClick(ind, type) {
309 let outsideObj = { 349 let outsideObj = {
...@@ -325,6 +365,8 @@ export default { ...@@ -325,6 +365,8 @@ export default {
325 sjdjbsm: "", 365 sjdjbsm: "",
326 sjdjmc: "", 366 sjdjmc: "",
327 sjytdm: "", 367 sjytdm: "",
368 pickerStart:{},
369 pickerEnd:{},
328 sjytmc: "", 370 sjytmc: "",
329 sjytmj: 0, 371 sjytmj: 0,
330 syqx: "", 372 syqx: "",
...@@ -360,6 +402,8 @@ export default { ...@@ -360,6 +402,8 @@ export default {
360 sjytdm: "", 402 sjytdm: "",
361 sjytmc: "", 403 sjytmc: "",
362 sjytmj: 0, 404 sjytmj: 0,
405 pickerStart:{},
406 pickerEnd:{},
363 syqx: "", 407 syqx: "",
364 tdsyjssj: "", 408 tdsyjssj: "",
365 tdsyqssj: "", 409 tdsyqssj: "",
...@@ -402,7 +446,7 @@ export default { ...@@ -402,7 +446,7 @@ export default {
402 border-bottom: 1px solid #E6E6E6; 446 border-bottom: 1px solid #E6E6E6;
403 .el-col { 447 .el-col {
404 // height: 100%; 448 // height: 100%;
405 border-right: 1px solid grey; 449 border-right: 1px solid #E6E6E6;
406 position: relative; 450 position: relative;
407 .qlxz { 451 .qlxz {
408 line-height: 34px; 452 line-height: 34px;
...@@ -448,7 +492,7 @@ export default { ...@@ -448,7 +492,7 @@ export default {
448 } 492 }
449 .childYT { 493 .childYT {
450 height: 114px; 494 height: 114px;
451 border-top: 1px solid grey; 495 border-top: 1px solid #E6E6E6;
452 ul { 496 ul {
453 margin-top: 0; 497 margin-top: 0;
454 li { 498 li {
...@@ -478,7 +522,7 @@ export default { ...@@ -478,7 +522,7 @@ export default {
478 height: 34px; 522 height: 34px;
479 line-height: 34px; 523 line-height: 34px;
480 background-color: #fff; 524 background-color: #fff;
481 border-bottom: 1px solid grey; 525 border-bottom: 1px solid #E6E6E6;
482 position: absolute; 526 position: absolute;
483 right: 0; 527 right: 0;
484 top: 0; 528 top: 0;
...@@ -516,7 +560,9 @@ export default { ...@@ -516,7 +560,9 @@ export default {
516 /deep/.el-select-tree{ 560 /deep/.el-select-tree{
517 width: 100%; 561 width: 100%;
518 .el-input__inner{ 562 .el-input__inner{
519 height: 30px !important; 563 height: 34px !important;
564 position: relative;
565 top: -1px;
520 } 566 }
521 } 567 }
522 } 568 }
......
...@@ -329,7 +329,7 @@ export default { ...@@ -329,7 +329,7 @@ export default {
329 border-bottom: 1px solid #e6e6e6; 329 border-bottom: 1px solid #e6e6e6;
330 .el-col { 330 .el-col {
331 // height: 100%; 331 // height: 100%;
332 border-right: 1px solid grey; 332 border-right: 1px solid #E6E6E6;
333 position: relative; 333 position: relative;
334 .qlxz { 334 .qlxz {
335 line-height: 34px; 335 line-height: 34px;
...@@ -375,7 +375,7 @@ export default { ...@@ -375,7 +375,7 @@ export default {
375 } 375 }
376 .childYT { 376 .childYT {
377 height: 114px; 377 height: 114px;
378 border-top: 1px solid grey; 378 border-top: 1px solid #E6E6E6;
379 ul { 379 ul {
380 margin-top: 0; 380 margin-top: 0;
381 li { 381 li {
...@@ -405,7 +405,7 @@ export default { ...@@ -405,7 +405,7 @@ export default {
405 height: 34px; 405 height: 34px;
406 line-height: 34px; 406 line-height: 34px;
407 background-color: #fff; 407 background-color: #fff;
408 border-bottom: 1px solid grey; 408 border-bottom: 1px solid #E6E6E6;
409 position: absolute; 409 position: absolute;
410 right: 0; 410 right: 0;
411 top: 0; 411 top: 0;
......
...@@ -58,7 +58,15 @@ ...@@ -58,7 +58,15 @@
58 > 58 >
59 <li @click="postionToMap">定位</li> 59 <li @click="postionToMap">定位</li>
60 <li @click="importGeo">导入图形</li> 60 <li @click="importGeo">导入图形</li>
61 <li @click="exportToShp">导出图形</li> 61 <li @click="exportToShp">
62 导出图形
63 <ul class="contextmenu childUl">
64 <li>文本</li>
65 <li>CAD</li>
66 <li>Excel</li>
67 <li>ESRI Shape</li>
68 </ul>
69 </li>
62 <li v-show="isZD">导入属性</li> 70 <li v-show="isZD">导入属性</li>
63 <li v-show="!isZD">导入楼盘</li> 71 <li v-show="!isZD">导入楼盘</li>
64 <li>重叠分析</li> 72 <li>重叠分析</li>
......
...@@ -163,7 +163,7 @@ ...@@ -163,7 +163,7 @@
163 box-sizing: border-box; 163 box-sizing: border-box;
164 padding: 18px; 164 padding: 18px;
165 height: auto; 165 height: auto;
166 width: 80%; 166 width: 100%;
167 } 167 }
168 168
169 table { 169 table {
......
...@@ -2,12 +2,12 @@ ...@@ -2,12 +2,12 @@
2 <div class="content_box"> 2 <div class="content_box">
3 <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick"> 3 <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick">
4 <el-tab-pane label="地籍调查表" name="djdcb"><zddcb></zddcb></el-tab-pane> 4 <el-tab-pane label="地籍调查表" name="djdcb"><zddcb></zddcb></el-tab-pane>
5 <el-tab-pane label="面积分摊表" name="mjftb"><mjftb></mjftb></el-tab-pane> 5 <el-tab-pane label="面积分摊表" name="mjftb"><mjftb v-if="mjftbVisible"></mjftb></el-tab-pane>
6 <el-tab-pane label="界址点" name="jzd"><jzd></jzd></el-tab-pane> 6 <el-tab-pane label="界址点" name="jzd"><jzd v-if="jzdVisible"></jzd></el-tab-pane>
7 <el-tab-pane label="界址线" name="jzx"><jzx></jzx></el-tab-pane> 7 <el-tab-pane label="界址线" name="jzx"><jzx v-if="jzxVisible"></jzx></el-tab-pane>
8 <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane> 8 <el-tab-pane label="登记簿" name="djb"><djb v-if="djbVisible"></djb></el-tab-pane>
9 <el-tab-pane label="历史回溯" name="lshs"><lshs v-if="lshsVisible"></lshs></el-tab-pane> 9 <el-tab-pane label="历史回溯" name="lshs"><lshs v-if="lshsVisible"></lshs></el-tab-pane>
10 <el-tab-pane label="附件材料" name="fjcl"><fjcl></fjcl></el-tab-pane> 10 <el-tab-pane label="附件材料" name="fjcl"><fjcl v-if="fjclVisible"></fjcl></el-tab-pane>
11 </el-tabs> 11 </el-tabs>
12 </div> 12 </div>
13 </template> 13 </template>
...@@ -29,14 +29,39 @@ export default { ...@@ -29,14 +29,39 @@ export default {
29 data() { 29 data() {
30 return { 30 return {
31 activeName: "djdcb", 31 activeName: "djdcb",
32 mjftbVisible:false,
33 jzdVisible:false,
34 jzxVisible:false,
35 djbVisible:false,
32 lshsVisible:false, 36 lshsVisible:false,
37 fjclVisible:false,
33 }; 38 };
34 }, 39 },
35 methods: { 40 methods: {
36 handleClick(tab, event) { 41 handleClick(tab, event) {
37 // console.log(tab, event); 42 // console.log(tab, event);
38 if (tab.name == 'lshs') { 43 switch (tab.name) {
44 case 'mjftb':
45 this.mjftbVisible = true;
46 break;
47 case 'jzd':
48 this.jzdVisible = true;
49 break;
50 case 'jzx':
51 this.jzxVisible = true;
52 break;
53 case 'djb':
54 this.djbVisible = true;
55 break;
56 case 'lshs':
39 this.lshsVisible = true; 57 this.lshsVisible = true;
58 break;
59 case 'fjcl':
60 this.fjclVisible = true;
61 break;
62
63 default:
64 break;
40 } 65 }
41 }, 66 },
42 }, 67 },
......
...@@ -87,6 +87,14 @@ ...@@ -87,6 +87,14 @@
87 </span> 87 </span>
88 </el-dialog> 88 </el-dialog>
89 </div> 89 </div>
90 <!--
91 <div class="header-button" :style="{width:mainBoxWidth+'px'}">
92
93 <el-button type="primary" @click="oneExit">编辑</el-button>
94 <el-button type="primary" @click="save">保存</el-button>
95 <el-button type="primary" @click="batchExit">批量修改</el-button>
96 <el-button type="primary" class="saveBtn" @click="save">保存</el-button>
97 </div> -->
90 </div> 98 </div>
91 </template> 99 </template>
92 100
...@@ -276,7 +284,25 @@ ...@@ -276,7 +284,25 @@
276 box-sizing: border-box; 284 box-sizing: border-box;
277 padding: 18px; 285 padding: 18px;
278 height: auto; 286 height: auto;
279 width: 80%; 287 width: 100%;
288 .header-button {
289 height: 50px;
290 position: fixed;
291 bottom: 0;
292 right: ;
293 text-align: center;
294 background-color: #ffffff;
295 .saveBtn {
296 background-color: #00CACD;
297 border-color: #00CACD;
298 padding: 10px 30px;
299 margin-top: 8px;
300 }
301 .saveBtn:hover {
302 background-color: rgba(0, 202, 205, .8);
303 border-color: rgba(0, 202, 205, .8);
304 }
305 }
280 table { 306 table {
281 margin-top: 10px; 307 margin-top: 10px;
282 background-color: #fff; 308 background-color: #fff;
......
...@@ -344,7 +344,7 @@ ...@@ -344,7 +344,7 @@
344 box-sizing: border-box; 344 box-sizing: border-box;
345 padding: 18px; 345 padding: 18px;
346 height: auto; 346 height: auto;
347 width: 80%; 347 width: 100%;
348 table { 348 table {
349 margin-top: 10px; 349 margin-top: 10px;
350 background-color: #fff; 350 background-color: #fff;
......
1 <template> 1 <template>
2 <div class="lshs-content"> 2 <div class="lshs-content">
3 <div class="slot"> 3 <!-- <div class="slot">-->
4 <div><span class="tip-title">范围属性变更：</span></div> 4 <!-- <div><span class="tip-title">范围属性变更：</span></div>-->
5 <div><span class="tip-title">宗地分割：</span></div> 5 <!-- <div><span class="tip-title">宗地分割：</span></div>-->
6 <div><span class="tip-title">宗地合并：</span></div> 6 <!-- <div><span class="tip-title">宗地合并：</span></div>-->
7 </div> 7 <!-- </div>-->
8 <div id="mountNode" ref="containerWidth"></div> 8 <div id="mountNode" ref="containerWidth"></div>
9 <div id="mountNodeRight"></div>
9 </div> 10 </div>
10 </template> 11 </template>
11 12
...@@ -51,9 +52,9 @@ export default { ...@@ -51,9 +52,9 @@ export default {
51 drawShape(cfg, group) { 52 drawShape(cfg, group) {
52 const rect = group.addShape('rect', { 53 const rect = group.addShape('rect', {
53 attrs: { 54 attrs: {
54 x: -75, 55 x: -100,
55 y: -25, 56 y: -25,
56 width: 150, 57 width: 200,
57 height: 50, 58 height: 50,
58 radius: 10, 59 radius: 10,
59 stroke: '#5B8FF9', 60 stroke: '#5B8FF9',
...@@ -83,38 +84,14 @@ export default { ...@@ -83,38 +84,14 @@ export default {
83 'single-node', 84 'single-node',
84 ); 85 );
85 G6.registerEdge( 86 G6.registerEdge(
86 'circle-running', 87 'polyline1',
87 { 88 {
88 afterDraw(cfg, group) { 89 afterDraw(cfg, group) {
89 const shape = group.get('children')[0]; 90 console.log(cfg.data+":cfg")
90 const startPoint = shape.getPoint(0); 91 console.log(group.toString()+"group")
91
92 const circle = group.addShape('circle', {
93 attrs: {
94 x: startPoint.x,
95 y: startPoint.y,
96 fill: '#1890ff',
97 r: 3,
98 },
99 name: 'circle-shape',
100 });
101
102 circle.animate(
103 (ratio) => {
104 const tmpPoint = shape.getPoint(ratio);
105 return {
106 x: tmpPoint.x,
107 y: tmpPoint.y,
108 };
109 },
110 {
111 repeat: true,
112 duration: 3000,
113 },
114 );
115 }, 92 },
116 }, 93 },
117 'line', 94 'polyline',
118 ); 95 );
119 96
120 const tooltip = new G6.Tooltip({ 97 const tooltip = new G6.Tooltip({
...@@ -146,33 +123,24 @@ export default { ...@@ -146,33 +123,24 @@ export default {
146 layout: { 123 layout: {
147 type: 'dagre', 124 type: 'dagre',
148 nodesepFunc: (d) => { 125 nodesepFunc: (d) => {
149 if (d.id === '3') { 126 return 100;
150 return 500;
151 }
152 return 50;
153 }, 127 },
154 ranksep: 70, 128 ranksep: 30,
155 controlPoints: true, 129 controlPoints: true,
156 }, 130 },
157 defaultNode: { 131 defaultNode: {
158 type: 'sql', 132 type: 'sql',
159 }, 133 },
160 defaultEdge: { 134 defaultEdge: {
161 type: 'polyline', 135 type: 'polyline1',
162 style: { 136 style: {
163 radius: 20, 137 radius: 10,
164 offset: 45, 138 offset: 10,
165 endArrow: true, 139 // endArrow: true,
166 lineWidth: 2, 140 lineWidth: 2,
167 stroke: 'rgba(78,142,230,0.45)', 141 stroke: 'rgba(78,142,230,0.45)',
168 }, 142 },
169 }, 143 },
170 // defaultEdge: {
171 // type: 'cubic-vertical',
172 // style: {
173 // stroke: '#F6BD16',
174 // },
175 // },
176 nodeStateStyles: { 144 nodeStateStyles: {
177 selected: { 145 selected: {
178 stroke: '#d9d9d9', 146 stroke: '#d9d9d9',
...@@ -221,44 +189,12 @@ export default { ...@@ -221,44 +189,12 @@ export default {
221 getLshsData(){ 189 getLshsData(){
222 let _this = this; 190 let _this = this;
223 const data = { 191 const data = {
224 "bsm": "c0818d9e4286b35b8ee9b96d90b522aa", 192 "bsm": "d85a274a332ad2d35c922a3a95eb154f",
225 "type": "zd" 193 "type": "zd"
226 }; 194 };
227 getLshs(data).then((res)=>{ 195 getLshs(data).then((res)=>{
228 if(res.code===200){ 196 if(res.code===200){
229 _this.data=res.result; 197 _this.data=res.result;
230 _this.data = {"nodes":[
231 {"id":"836524edab33ab19bb0e0b4fd064cd77","dataType":"sql","name":"20201127宗地A",
232 "conf":[{"label":"宗地代码","value":"610102123666GA10002"},{"label":"项目名称","value":"20201127宗地A"},
233 {"label":"不动产单元号","value":"610102123666GA10002W00000000"},{"label":"坐落","value":"610102123666G10003W"},
234 {"label":"权利人","value":""}]},
235 {"id":"601130536a6bf6efc7a248af469e982c","dataType":"sql","name":"20201127宗地A222221",
236 "conf":[{"label":"宗地代码","value":null},{"label":"项目名称","value":"20201127宗地A222221"},
237 {"label":"不动产单元号","value":null},{"label":"坐落","value":null},{"label":"权利人","value":""}]},
238 {"id":"c0818d9e4286b35b8ee9b96d90b522aa","dataType":"sql","name":"20201127宗地A2222222",
239 "conf":[{"label":"宗地代码","value":null},{"label":"项目名称","value":"20201127宗地A2222222"},
240 {"label":"不动产单元号","value":null},{"label":"坐落","value":null},{"label":"权利人","value":""}]},
241
242 {"id":"601130536a6bf6efc7a248af469e982c1","dataType":"sql","name":"20201127宗地B",
243 "conf":[{"label":"宗地代码","value":null},{"label":"项目名称","value":"20201127宗地B"},
244 {"label":"不动产单元号","value":null},{"label":"坐落","value":null},{"label":"权利人","value":""}]},
245 {"id":"c0818d9e4286b35b8ee9b96d90b522aa1","dataType":"sql","name":"20201127宗地B1",
246 "conf":[{"label":"宗地代码","value":null},{"label":"项目名称","value":"20201127宗地B1"},
247 {"label":"不动产单元号","value":null},{"label":"坐落","value":null},{"label":"权利人","value":""}]},
248
249 {"id":"c0818d9e4286b35b8ee9b96d90b522aa12","dataType":"sql","name":"20201127宗地C",
250 "conf":[{"label":"宗地代码","value":null},{"label":"项目名称","value":"20201127宗地C"},
251 {"label":"不动产单元号","value":null},{"label":"坐落","value":null},{"label":"权利人","value":""}]},
252 ],
253
254 "edges":[
255 {"source":"836524edab33ab19bb0e0b4fd064cd77","target":"601130536a6bf6efc7a248af469e982c"},
256 {"source":"836524edab33ab19bb0e0b4fd064cd77","target":"c0818d9e4286b35b8ee9b96d90b522aa"},
257 {"source":"c0818d9e4286b35b8ee9b96d90b522aa","target":"601130536a6bf6efc7a248af469e982c1"},
258 {"source":"c0818d9e4286b35b8ee9b96d90b522aa","target":"c0818d9e4286b35b8ee9b96d90b522aa1"},
259 {"source":"601130536a6bf6efc7a248af469e982c1","target":"c0818d9e4286b35b8ee9b96d90b522aa12"},
260 {"source":"c0818d9e4286b35b8ee9b96d90b522aa1","target":"c0818d9e4286b35b8ee9b96d90b522aa12"},
261 ]};
262 this.initG6(); 198 this.initG6();
263 } 199 }
264 }) 200 })
...@@ -278,6 +214,15 @@ export default { ...@@ -278,6 +214,15 @@ export default {
278 #mountNode{ 214 #mountNode{
279 /*height: calc(100% - 68px);*/ 215 /*height: calc(100% - 68px);*/
280 margin-top: -60px; 216 margin-top: -60px;
217 width: 60%;
218 float: left;
219 }
220
221 #mountNodeRight{
222 width: 38%;
223 float: right;
224 height: 1000px;
225 border: 0 solid #5ebbff;
281 } 226 }
282 227
283 .slot{ 228 .slot{
......
1 <template> 1 <template>
2 <div class="main"> 2 <div class="main" ref="mainBox">
3 <table border="1"> 3 <table border="1">
4 <tr> 4 <tr>
5 <td colspan="2">土地坐落</td> 5 <td colspan="2">土地坐落</td>
...@@ -67,8 +67,12 @@ ...@@ -67,8 +67,12 @@
67 <td class="fttjmj">{{sumFttdmj}}</td> 67 <td class="fttjmj">{{sumFttdmj}}</td>
68 </tr> 68 </tr>
69 </table> 69 </table>
70 <div class="pers"> 70 <!-- <div class="pers">
71 <el-button @click="save" type="primary">保存</el-button> 71 <el-button @click="save" type="primary">保存</el-button>
72 </div> -->
73
74 <div class="header-button" :style="{width:mainBoxWidth+'px'}">
75 <el-button type="primary" class="saveBtn" @click="save">保存</el-button>
72 </div> 76 </div>
73 </div> 77 </div>
74 </template> 78 </template>
...@@ -100,7 +104,8 @@ ...@@ -100,7 +104,8 @@
100 tdsyqsyqmj: '' // 土地所有权/使用权面积 104 tdsyqsyqmj: '' // 土地所有权/使用权面积
101 } 105 }
102 ] 106 ]
103 } 107 },
108 mainBoxWidth:0
104 } 109 }
105 }, 110 },
106 111
...@@ -198,7 +203,6 @@ ...@@ -198,7 +203,6 @@
198 console.log("create init...") 203 console.log("create init...")
199 }, 204 },
200 mounted() { 205 mounted() {
201 console.log("mounted init...")
202 this.mjftData.zdbsm = this.$store.state.zdbsm 206 this.mjftData.zdbsm = this.$store.state.zdbsm
203 this.zdmj = this.$store.state.zdmj 207 this.zdmj = this.$store.state.zdmj
204 this.tdzl = this.$store.state.zdzl 208 this.tdzl = this.$store.state.zdzl
...@@ -206,6 +210,9 @@ ...@@ -206,6 +210,9 @@
206 if (this.mjftData.zdbsm) { 210 if (this.mjftData.zdbsm) {
207 this.getData(this.mjftData.zdbsm) 211 this.getData(this.mjftData.zdbsm)
208 } 212 }
213 this.$nextTick(() => {
214 this.mainBoxWidth = this.$refs.mainBox.clientWidth;
215 })
209 }, 216 },
210 watch: { 217 watch: {
211 "$store.state.zdbsm": function (bsm) { 218 "$store.state.zdbsm": function (bsm) {
...@@ -229,8 +236,7 @@ ...@@ -229,8 +236,7 @@
229 box-sizing: border-box; 236 box-sizing: border-box;
230 padding: 18px; 237 padding: 18px;
231 height: auto; 238 height: auto;
232 width: 80%; 239 width: 100%;
233 }
234 240
235 table { 241 table {
236 margin-top: 10px; 242 margin-top: 10px;
...@@ -238,14 +244,7 @@ ...@@ -238,14 +244,7 @@
238 font-size: 14px; 244 font-size: 14px;
239 width: 100%; 245 width: 100%;
240 cursor: pointer; 246 cursor: pointer;
241 td { 247 .formInput {
242 text-align: center;
243 height: 36px;
244 min-width: 50px;
245 }
246 }
247
248 table .formInput {
249 margin: 0; 248 margin: 0;
250 height: 36px; 249 height: 36px;
251 outline: none; 250 outline: none;
...@@ -255,7 +254,31 @@ ...@@ -255,7 +254,31 @@
255 text-align: center; 254 text-align: center;
256 cursor: text; 255 cursor: text;
257 } 256 }
258 257 td {
258 text-align: center;
259 height: 36px;
260 min-width: 50px;
261 }
262 }
263 .header-button {
264 height: 50px;
265 position: fixed;
266 bottom: 0;
267 right: 0;
268 text-align: center;
269 background-color: #ffffff;
270 .saveBtn {
271 background-color: #00CACD;
272 border-color: #00CACD;
273 padding: 10px 30px;
274 margin-top: 8px;
275 }
276 .saveBtn:hover {
277 background-color: rgba(0, 202, 205, .8);
278 border-color: rgba(0, 202, 205, .8);
279 }
280 }
281 }
259 .pers { 282 .pers {
260 text-align: center; 283 text-align: center;
261 margin-top: 10px; 284 margin-top: 10px;
......
1 <template> 1 <template>
2 <div class="main"> 2 <div class="main" ref="mainBox">
3 <div class="formMenu"> 3 <div class="formMenu">
4 <Qlr ref="qlrxxModule" :bsm="curZdbsm" :qszt="formData.qszt"></Qlr> 4 <Qlr ref="qlrxxModule" :bsm="curZdbsm" :qszt="formData.qszt"></Qlr>
5 <!-- <el-button 5 <!-- <el-button
...@@ -338,10 +338,18 @@ ...@@ -338,10 +338,18 @@
338 </tr> 338 </tr>
339 </table> 339 </table>
340 340
341 <div style="min-height: 40px;text-align: center;margin-top: 10px"> 341 <!-- <div style="min-height: 40px;text-align: center;margin-top: 10px">
342 <el-button type="success" @click="updateZDxx">保存</el-button> 342 <el-button type="success" class="saveBtn" @click="updateZDxx">保存</el-button>
343 <el-button type="primary" @click="submitZDxx">提交</el-button> 343 <el-button type="primary" @click="submitZDxx">提交</el-button>
344 <el-button type="primary" @click="registerCall">登记调用</el-button> 344 <el-button type="primary" @click="registerCall">登记调用</el-button>
345 </div> -->
346
347 <div class="header-button" :style="{width:mainBoxWidth+'px'}">
348
349 <el-button type="primary" class="saveBtn" @click="updateZDxx">保存</el-button>
350 <el-button type="primary" @click="submitZDxx">提交</el-button>
351 <el-button type="primary" @click="registerCall">登记调用</el-button>
352 <!-- <el-button type="primary" class="saveBtn" @click="save">保存</el-button> -->
345 </div> 353 </div>
346 </div> 354 </div>
347 </div> 355 </div>
...@@ -414,6 +422,7 @@ export default { ...@@ -414,6 +422,7 @@ export default {
414 formData: {}, 422 formData: {},
415 dpdm:'', //宗地底盘代码 423 dpdm:'', //宗地底盘代码
416 curZdbsm:'', 424 curZdbsm:'',
425 mainBoxWidth:0,
417 geoAttributes:{ 426 geoAttributes:{
418 OBJECTID:"", 427 OBJECTID:"",
419 BSM:"", 428 BSM:"",
...@@ -467,6 +476,9 @@ export default { ...@@ -467,6 +476,9 @@ export default {
467 }, 476 },
468 mounted() { 477 mounted() {
469 this.getZdjbxxData(this.$store.state.zdbsm); 478 this.getZdjbxxData(this.$store.state.zdbsm);
479 this.$nextTick(() => {
480 this.mainBoxWidth = this.$refs.mainBox.clientWidth;
481 })
470 }, 482 },
471 methods: { 483 methods: {
472 registerCall(){ 484 registerCall(){
...@@ -830,6 +842,7 @@ export default { ...@@ -830,6 +842,7 @@ export default {
830 td { 842 td {
831 text-align: center; 843 text-align: center;
832 height: 36px; 844 height: 36px;
845 border-color: #E6E6E6;
833 } 846 }
834 /deep/ .el-input__inner { 847 /deep/ .el-input__inner {
835 margin: 0; 848 margin: 0;
...@@ -867,5 +880,26 @@ export default { ...@@ -867,5 +880,26 @@ export default {
867 width: 100%; 880 width: 100%;
868 } 881 }
869 } 882 }
883
884 .header-button {
885 height: 50px;
886 position: fixed;
887 bottom: 0;
888 right: 6px;
889 text-align: center;
890 background-color: #ffffff;
891 .el-button{
892 padding: 10px 30px;
893 margin-top: 8px;
894 }
895 .saveBtn {
896 background-color: #00CACD;
897 border-color: #00CACD;
898 }
899 .saveBtn:hover {
900 background-color: rgba(0, 202, 205, .8);
901 border-color: rgba(0, 202, 205, .8);
902 }
903 }
870 } 904 }
871 </style> 905 </style>
......
...@@ -488,13 +488,15 @@ export default { ...@@ -488,13 +488,15 @@ export default {
488 //清空已选中层户 488 //清空已选中层户
489 this.cbsmList = []; 489 this.cbsmList = [];
490 this.bsms = []; 490 this.bsms = [];
491 console.log(this.$refs.lpbContent.$refs.cBsm,'this.$refs.lpbContent.$refs.cBsm');
492 this.$nextTick(()=>{ 491 this.$nextTick(()=>{
492 //户
493 this.$refs.lpbContent.$refs.hBsm.forEach(item=>{ 493 this.$refs.lpbContent.$refs.hBsm.forEach(item=>{
494 item.style.borderColor = 'rgb(230, 230, 230)';
494 if (item.className == "tdSelect") { 495 if (item.className == "tdSelect") {
495 item.className = ""; 496 item.className = "";
496 } 497 }
497 }); 498 });
499 //层
498 this.$refs.lpbContent.$refs.cBsm.forEach(item=>{ 500 this.$refs.lpbContent.$refs.cBsm.forEach(item=>{
499 console.log(item.className,'item.className'); 501 console.log(item.className,'item.className');
500 item.className = "floor"; 502 item.className = "floor";
...@@ -579,12 +581,10 @@ export default { ...@@ -579,12 +581,10 @@ export default {
579 } else { 581 } else {
580 //单击 TO DO 582 //单击 TO DO
581 } 583 }
582 console.log(this.bsms);
583 }, 584 },
584 //获取选中层bsmlist 585 //获取选中层bsmlist
585 getCbsm(data){ 586 getCbsm(data){
586 this.cbsmList = data; 587 this.cbsmList = data;
587 console.log(this.cbsmList);
588 }, 588 },
589 //不动产单元号输入框事件 589 //不动产单元号输入框事件
590 inputFocus() { 590 inputFocus() {
......
...@@ -21,6 +21,7 @@ ...@@ -21,6 +21,7 @@
21 ref="ljz" 21 ref="ljz"
22 v-for="(ljzs, ljzIndex) in lpbData.ljzs" 22 v-for="(ljzs, ljzIndex) in lpbData.ljzs"
23 :key="ljzIndex" 23 :key="ljzIndex"
24 :style="{'marginTop':ljzs.zdys.length > 0 ? '-30px':0}"
24 > 25 >
25 <!-- <div class="ljz-zdy-wrap" :style="{'min-height':ljzzdyHeight+40+'px'}"> --> 26 <!-- <div class="ljz-zdy-wrap" :style="{'min-height':ljzzdyHeight+40+'px'}"> -->
26 <!-- 循环逻辑幢下的幢单元 --> 27 <!-- 循环逻辑幢下的幢单元 -->
...@@ -65,9 +66,9 @@ ...@@ -65,9 +66,9 @@
65 @contextmenu.prevent="openMenu($event, hs, 'h')" 66 @contextmenu.prevent="openMenu($event, hs, 'h')"
66 > 67 >
67 {{ hs.shbw }} 68 {{ hs.shbw }}
68 <span class="hqszt lin" v-show="hs.qszt == '0'">临</span> 69 <span @click.stop="qsztClick" class="hqszt lin" v-show="hs.qszt == '0'">临</span>
69 <span class="hqszt zheng" v-show="hs.qszt == '1'">正</span> 70 <span @click.stop="qsztClick" class="hqszt zheng" v-show="hs.qszt == '1'">正</span>
70 <span class="hqszt xian" v-show="hs.qszt == '2'">现</span> 71 <span @click.stop="qsztClick" class="hqszt xian" v-show="hs.qszt == '2'" >现</span>
71 </td> 72 </td>
72 </tr> 73 </tr>
73 </table> 74 </table>
...@@ -119,9 +120,9 @@ ...@@ -119,9 +120,9 @@
119 @contextmenu.prevent="openMenu($event, hs, 'h')" 120 @contextmenu.prevent="openMenu($event, hs, 'h')"
120 > 121 >
121 {{ hs.shbw }} 122 {{ hs.shbw }}
122 <span class="hqszt lin" v-show="hs.qszt == '0'">临</span> 123 <span @click.stop="qsztClick" class="hqszt lin" v-show="hs.qszt == '0'">临</span>
123 <span class="hqszt zheng" v-show="hs.qszt == '1'">正</span> 124 <span @click.stop="qsztClick" class="hqszt zheng" v-show="hs.qszt == '1'">正</span>
124 <span class="hqszt xian" v-show="hs.qszt == '2'">现</span> 125 <span @click.stop="qsztClick" class="hqszt xian" v-show="hs.qszt == '2'" >现</span>
125 </td> 126 </td>
126 </tr> 127 </tr>
127 </table> 128 </table>
...@@ -178,9 +179,9 @@ ...@@ -178,9 +179,9 @@
178 @contextmenu.prevent="openMenu($event, hs, 'h')" 179 @contextmenu.prevent="openMenu($event, hs, 'h')"
179 > 180 >
180 {{ hs.shbw }} 181 {{ hs.shbw }}
181 <span class="hqszt lin" v-show="hs.qszt == '0'">临</span> 182 <span @click.stop="qsztClick" class="hqszt lin" v-show="hs.qszt == '0'">临</span>
182 <span class="hqszt zheng" v-show="hs.qszt == '1'">正</span> 183 <span @click.stop="qsztClick" class="hqszt zheng" v-show="hs.qszt == '1'">正</span>
183 <span class="hqszt xian" v-show="hs.qszt == '2'">现</span> 184 <span @click.stop="qsztClick" class="hqszt xian" v-show="hs.qszt == '2'" >现</span>
184 </td> 185 </td>
185 </tr> 186 </tr>
186 </table> 187 </table>
...@@ -222,9 +223,9 @@ ...@@ -222,9 +223,9 @@
222 @contextmenu.prevent="openMenu($event, hs, 'h')" 223 @contextmenu.prevent="openMenu($event, hs, 'h')"
223 > 224 >
224 {{ hs.shbw }} 225 {{ hs.shbw }}
225 <span class="hqszt lin" v-show="hs.qszt == '0'">临</span> 226 <span @click.stop="qsztClick" class="hqszt lin" v-show="hs.qszt == '0'">临</span>
226 <span class="hqszt zheng" v-show="hs.qszt == '1'">正</span> 227 <span @click.stop="qsztClick" class="hqszt zheng" v-show="hs.qszt == '1'">正</span>
227 <span class="hqszt xian" v-show="hs.qszt == '2'">现</span> 228 <span @click.stop="qsztClick" class="hqszt xian" v-show="hs.qszt == '2'" >现</span>
228 </td> 229 </td>
229 </tr> 230 </tr>
230 </table> 231 </table>
...@@ -339,11 +340,14 @@ export default { ...@@ -339,11 +340,14 @@ export default {
339 sjc: "", //当前的层的SJC +1 340 sjc: "", //当前的层的SJC +1
340 }, 341 },
341 formLabelWidth: "120px", 342 formLabelWidth: "120px",
343 yclpbData:{},
344 sclpbData:{}
342 }; 345 };
343 }, 346 },
344 created() {}, 347 created() {},
345 mounted() { 348 mounted() {
346 this.getLpb(this.$store.state.zrzbsm, this.$parent.scyclx); 349 this.getLpb(this.$store.state.zrzbsm, "0");
350 this.getLpb(this.$store.state.zrzbsm, "1");
347 setTimeout(() => { 351 setTimeout(() => {
348 //tab-content宽度 - 右侧图例宽度 - lp-overview滚动条宽度 - lpbContent的pandingRight 352 //tab-content宽度 - 右侧图例宽度 - lp-overview滚动条宽度 - lpbContent的pandingRight
349 this.lpbContentWidth = this.$store.state.contentWidth - 34 - 20; 353 this.lpbContentWidth = this.$store.state.contentWidth - 34 - 20;
...@@ -366,7 +370,14 @@ export default { ...@@ -366,7 +370,14 @@ export default {
366 res.result.ljzs = res.result.ljzs 370 res.result.ljzs = res.result.ljzs
367 .sort(this.compare("place")) 371 .sort(this.compare("place"))
368 .reverse(); 372 .reverse();
369 this.lpbData = res.result == null ? this.lpbData : res.result; 373 // this.lpbData = res.result == null ? this.lpbData : res.result;
374 //给实预测楼盘表对象赋值，默认加载预测楼盘表数据
375 if(scyclx == 0){
376 this.yclpbData = res.result == null ? this.yclpbData : res.result;
377 this.lpbData = this.yclpbData;
378 }else{
379 this.sclpbData = res.result == null ? this.sclpbData : res.result;
380 }
370 this.$nextTick(() => { 381 this.$nextTick(() => {
371 //渲染楼盘表 382 //渲染楼盘表
372 this.dataChange(); 383 this.dataChange();
...@@ -438,6 +449,7 @@ export default { ...@@ -438,6 +449,7 @@ export default {
438 } 449 }
439 450
440 //计算逻辑幢下的幢单元和层户的高度 451 //计算逻辑幢下的幢单元和层户的高度
452 this.ljzzdyHeight = 1;
441 if (this.$refs.ljzzdy != undefined && this.$refs.ljzzdy.length > 0) { 453 if (this.$refs.ljzzdy != undefined && this.$refs.ljzzdy.length > 0) {
442 //判断自然幢下有没有比层户高的幢单元 454 //判断自然幢下有没有比层户高的幢单元
443 let higher = true; 455 let higher = true;
...@@ -617,6 +629,9 @@ export default { ...@@ -617,6 +629,9 @@ export default {
617 }); 629 });
618 }, 630 },
619 //end 631 //end
632 qsztClick(){
633
634 },
620 }, 635 },
621 computed: { 636 computed: {
622 createFlagChange() { 637 createFlagChange() {
...@@ -631,7 +646,12 @@ export default { ...@@ -631,7 +646,12 @@ export default {
631 }, 646 },
632 watch: { 647 watch: {
633 scyclx(n) { 648 scyclx(n) {
634 this.getLpb(this.$store.state.zrzbsm, n); 649 // this.getLpb(this.$store.state.zrzbsm, n);
650 if(n == '0'){
651 this.lpbData = this.yclpbData;
652 }else{
653 this.lpbData = this.sclpbData;
654 }
635 }, 655 },
636 createFlagChange: function(val) { 656 createFlagChange: function(val) {
637 setTimeout(() => { 657 setTimeout(() => {
......