Skip to content

刘远 / 3d_dc

Go to a project
Toggle navigation
Toggle navigation pinning
a501ecb4 by 刘远
Options

jikai commit

1 parent 2a10e568
Inline Side-by-side
Showing 1 changed file with 64 additions and 44 deletions
1 // 左侧 资源目录 组件 1 // 左侧 资源目录 组件
2 <template> 2 <template>
3 <div> 3 <div>
4 <div class="container"> 4 <div class="containerList">
5 <el-card> 5 <el-card>
6 <div slot="header" class="clearfix"> 6 <div slot="header" class="clearfix">
7 <span>查询列表</span> 7 <span>查询列表</span>
...@@ -35,51 +35,25 @@ ...@@ -35,51 +35,25 @@
35 </p> 35 </p>
36 <p> 36 <p>
37 <i class="whitecls">地块: </i> 37 <i class="whitecls">地块: </i>
38 <el-select v-model="value" placeholder="请选择"> 38 <el-select v-model="massif" placeholder="请选择">
39 <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> 39 <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
40 </el-option> 40 </el-option>
41 </el-select> 41 </el-select>
42 <el-button type="primary" style="margin-left:64px;">建设项目数据</el-button> 42 <el-button type="primary" style="margin-left:64px;">建设项目数据</el-button>
43 </p> 43 </p>
44 <p> 44 <!-- ThisPolygon -->
45 <i class="whitecls">1. </i> 45 <p v-for="(item, i) in ThisPolygon" :key="i">
46 <i class="whitecls">X : </i> 46 <i class="whitecls">{{i}}. </i>
47 <el-input v-model="input"></el-input>
48 <i class="whitecls">Y : </i>
49 <el-input v-model="input"></el-input>
50 <i class="el-icon-thumb redcls"></i>
51 <i class="el-icon-delete redcls"></i>
52 </p>
53 <p>
54 <i class="whitecls">2. </i>
55 <i class="whitecls">X : </i> 47 <i class="whitecls">X : </i>
56 <el-input v-model="input"></el-input> 48 <el-input v-model.number="item[0]"></el-input>
57 <i class="whitecls">Y : </i> 49 <i class="whitecls">Y : </i>
58 <el-input v-model="input"></el-input> 50 <el-input v-model.number="item[1]"></el-input>
59 <i class="el-icon-thumb redcls"></i> 51 <i class="el-icon-thumb redcls" @click="pickupPoint(i)"></i>
60 <i class="el-icon-delete redcls"></i>
61 </p>
62 <p>
63 <i class="whitecls">3. </i>
64 <i class="whitecls">X : </i>
65 <el-input v-model="input"></el-input>
66 <i class="whitecls">Y : </i>
67 <el-input v-model="input"></el-input>
68 <i class="el-icon-thumb redcls"></i>
69 <i class="el-icon-delete redcls"></i>
70 </p>
71 <p>
72 <i class="whitecls">4. </i>
73 <i class="whitecls">X : </i>
74 <el-input v-model="input"></el-input>
75 <i class="whitecls">Y : </i>
76 <el-input v-model="input"></el-input>
77 <i class="el-icon-thumb redcls"></i>
78 <i class="el-icon-delete redcls"></i> 52 <i class="el-icon-delete redcls"></i>
79 </p> 53 </p>
80 <p> 54 <p>
81 <el-button type="primary" style="margin-right:16px;">添加</el-button> 55 <el-button type="primary" style="margin-right:16px;">添加</el-button>
82 <el-button type="info" style="margin-right:16px;">清空</el-button> 56 <el-button type="info" style="margin-right:16px;" @click="clear">清空</el-button>
83 </p> 57 </p>
84 <p> 58 <p>
85 <i class="bluecls">西安市坐标范围</i> 59 <i class="bluecls">西安市坐标范围</i>
...@@ -89,7 +63,7 @@ ...@@ -89,7 +63,7 @@
89 63
90 </p> 64 </p>
91 <p class="foot"> 65 <p class="foot">
92 <el-button type="primary" style="margin-right:16px;">提交</el-button> 66 <el-button type="primary" style="margin-right:16px;" @click="toStorage">提交</el-button>
93 <el-button type="info" style="margin-right:16px;">取消</el-button> 67 <el-button type="info" style="margin-right:16px;">取消</el-button>
94 </p> 68 </p>
95 </div> 69 </div>
...@@ -114,7 +88,7 @@ ...@@ -114,7 +88,7 @@
114 <div class="flex-left"> 88 <div class="flex-left">
115 <p> 89 <p>
116 <i class="bluecls">总面积: </i> 90 <i class="bluecls">总面积: </i>
117 <el-input v-model="input"></el-input> 91 <el-input v-model="area"></el-input>
118 </p> 92 </p>
119 <p v-for="o in formData" :key="o.id"> 93 <p v-for="o in formData" :key="o.id">
120 <i class="bluecls">{{ o.layername }}: </i> 94 <i class="bluecls">{{ o.layername }}: </i>
...@@ -141,6 +115,7 @@ ...@@ -141,6 +115,7 @@
141 <script> 115 <script>
142 import responseData from '../assets/js/map/responseData'; 116 import responseData from '../assets/js/map/responseData';
143 import graphicAnalyze from '../assets/js/json/graphicAnalyze'; 117 import graphicAnalyze from '../assets/js/json/graphicAnalyze';
118 import mapManage from '../assets/js/map/towMapObjects';
144 export default { 119 export default {
145 name: 'leftAssert', 120 name: 'leftAssert',
146 components: { 121 components: {
...@@ -155,8 +130,10 @@ ...@@ -155,8 +130,10 @@
155 value: '1', 130 value: '1',
156 label: '地块二' 131 label: '地块二'
157 }], 132 }],
158 input: '', 133 area: '',
159 formData: [] 134 massif: '',
135 formData: [],
136 ThisPolygon: [['', ''], ['', ''], ['', ''], ['', '']]
160 } 137 }
161 }, 138 },
162 filters: { 139 filters: {
...@@ -173,10 +150,53 @@ ...@@ -173,10 +150,53 @@
173 this.$http.get('http://192.168.3.194/XAYZT/analizeTask/getTaskListByUserId?userid=' 150 this.$http.get('http://192.168.3.194/XAYZT/analizeTask/getTaskListByUserId?userid='
174 + responseData.id + '&pageIndex=' + responseData.pageIndex + '&pageSize=' 151 + responseData.id + '&pageIndex=' + responseData.pageIndex + '&pageSize='
175 + responseData.pageSize).then(response => { 152 + responseData.pageSize).then(response => {
153 console.log(response.data.data.length);
176 response.status === 200 && (this.data = responseData.data = response.data.data) 154 response.status === 200 && (this.data = responseData.data = response.data.data)
177 }); 155 });
156 this.propertySync();
178 }, 157 },
179 methods: { 158 methods: {
159 propertySync() {
160
161 },
162 pickupPoint(index) {
163 mapManage.drawTool.activate('point1', vertices => {
164 this.ThisPolygon[index] = vertices[0];
165 this.ThisPolygon.splice(this.ThisPolygon.length - 1, 0);
166 mapManage.drawTool.paths.length > 1 && mapManage.drawTool.createPolyline();
167 });
168 },
169 toStorage() {
170 let i = 0, o, arr = [];
171 for( ; o = mapManage.drawTool.paths[i++] ; ) {
172 o[0] = o[0].toFixed(3);
173 o[1] = o[1].toFixed(3);
174 arr.push(o.join(' '));
175 }
176 let d = new Date(), param = {
177 userid: responseData.id,
178 projectLayerList: [
179 {
180 // geom: "MultiPolygon(((13189506.916 4356360.289, 13246906.048 4313310.949,13166677.736 4282328.470,13130477.152 4325703.946)))",
181 geom: "MultiPolygon(((" + arr.join(', ') + ")))",
182 layerName: "地块一",
183 projectCode: null,
184 layerType: "项目用地"
185 }
186 ],
187 taskname: '项目' + d.getFullYear() + (d.getMonth() + 1) + d.getDate() + d.getHours() + d.getMinutes() + d.getSeconds(),
188 landarea: '',
189 landtype: '[]',
190 }
191 this.$http.post('http://192.168.3.194/XAYZT/analizeTask/saveTaskMultipleLayer', param).then(response => {
192 console.log(response);
193 });
194 },
195 clear() {
196 this.ThisPolygon = [['', ''], ['', ''], ['', ''], ['', '']];
197 mapManage.drawTool.paths = [];
198 mapManage.drawTool.graphicsLayer.graphics.remove(mapManage.drawTool.graphic);
199 },
180 createQue() { 200 createQue() {
181 this.$refs.newquery.style.display = 'block'; 201 this.$refs.newquery.style.display = 'block';
182 }, 202 },
...@@ -409,10 +429,10 @@ ...@@ -409,10 +429,10 @@
409 float: right; 429 float: right;
410 font-size: 22px; 430 font-size: 22px;
411 } 431 }
412 .container { 432 .containerList {
413 opacity: 0.6; 433 opacity: 0.7;
414 } 434 }
415 .container .el-card { 435 .containerList .el-card {
416 background-color: #010101; 436 background-color: #010101;
417 color: #fff; 437 color: #fff;
418 transition: .3s; 438 transition: .3s;
...@@ -421,7 +441,7 @@ ...@@ -421,7 +441,7 @@
421 height:834px; 441 height:834px;
422 } 442 }
423 .newquery { 443 .newquery {
424 opacity: 0.6; 444 opacity: 0.7;
425 top: 0px; 445 top: 0px;
426 left: 450px; 446 left: 450px;
427 position: absolute; 447 position: absolute;
...@@ -437,7 +457,7 @@ ...@@ -437,7 +457,7 @@
437 height:556px; 457 height:556px;
438 } 458 }
439 .project { 459 .project {
440 opacity: 0.6; 460 opacity: 0.7;
441 top: 0px; 461 top: 0px;
442 left: 1000px; 462 left: 1000px;
443 position: absolute; 463 position: absolute;
......