Skip to content

刘远 / 3d_dc

Go to a project
Toggle navigation
Toggle navigation pinning
10799f00 by 刘远
Options

增加部分功能

1 parent de8344c0
Inline Side-by-side
Showing 8 changed files with 327 additions and 19 deletions
No preview for this file type
...@@ -9,6 +9,8 @@ ...@@ -9,6 +9,8 @@
9 <script src="https://cesium.com/downloads/cesiumjs/releases/1.71/Build/Cesium/Cesium.js"></script> 9 <script src="https://cesium.com/downloads/cesiumjs/releases/1.71/Build/Cesium/Cesium.js"></script>
10 <link href="https://cesium.com/downloads/cesiumjs/releases/1.71/Build/Cesium/Widgets/widgets.css" 10 <link href="https://cesium.com/downloads/cesiumjs/releases/1.71/Build/Cesium/Widgets/widgets.css"
11 rel="stylesheet"> 11 rel="stylesheet">
12
13 <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
12 </head> 14 </head>
13 <body> 15 <body>
14 <noscript> 16 <noscript>
......
...@@ -2,16 +2,16 @@ ...@@ -2,16 +2,16 @@
2 <template> 2 <template>
3 <div class="container"> 3 <div class="container">
4 <div class="wrapper"> 4 <div class="wrapper">
5 <div class="nav-box" :class="[isYZT?'selected':'no-selected']" @click="jumpNav('isYZT')"> 5 <div class="nav-box" :class="[isYZT?'selected':'no-selected']" @click="jumpNav('isYZT', '一张图')">
6 <span>一张图</span> 6 <span>一张图</span>
7 </div> 7 </div>
8 <div class="nav-box" :class="[isCGSC?'selected':'no-selected']" @click="jumpNav('isCGSC')"> 8 <div class="nav-box" :class="[isCGSC?'selected':'no-selected']" @click="jumpNav('isCGSC', '1')">
9 <span>成果审查管理</span> 9 <span>规划成果审查</span>
10 </div> 10 </div>
11 <div class="nav-box" :class="[isSSJD?'selected':'no-selected']" @click="jumpNav('isSSJD')"> 11 <div class="nav-box" :class="[isSSJD?'selected':'no-selected']" @click="jumpNav('isSSJD', '2')">
12 <span>实施监督预警</span> 12 <span>实施监督预警</span>
13 </div> 13 </div>
14 <div class="nav-box" :class="[isPGJG?'selected':'no-selected']" @click="jumpNav('isPGJG')"> 14 <div class="nav-box" :class="[isPGJG?'selected':'no-selected']" @click="jumpNav('isPGJG', '3')">
15 <span>批后监管</span> 15 <span>批后监管</span>
16 </div> 16 </div>
17 </div> 17 </div>
...@@ -33,12 +33,30 @@ ...@@ -33,12 +33,30 @@
33 }, 33 },
34 mounted() {}, 34 mounted() {},
35 methods: { 35 methods: {
36 jumpNav(val) { 36 jumpNav(val, label) {
37 this.flagArr.forEach(ele => { 37 // this.flagArr.forEach(ele => {
38 if (ele == val) this[val] = true; 38 // if (ele == val) this[val] = true;
39 else this[ele] = false; 39 // else this[ele] = false;
40 }); 40 // });
41 if(val != 'isYZT') {
42 this.login(val, label);
43 };
41 }, 44 },
45 login(val, label) {
46 $.ajax({
47 type:"POST",
48 url: this.config.loginUrl + '/api/v1/user/login',
49 dataType:"json",
50 async:false,
51 data:{username:'案件查处',password:'123'},
52 success:(res) => {
53 window.open(`http://10.6.144.88:10001/frontweb/index.jsp?type=${label}`)
54 },
55 fail: () => {
56
57 }
58 })
59 }
42 } 60 }
43 } 61 }
44 </script> 62 </script>
......
...@@ -102,6 +102,12 @@ ...@@ -102,6 +102,12 @@
102 </el-tooltip> 102 </el-tooltip>
103 </div> 103 </div>
104 104
105 <!--可视域分析 -->
106 <div class="func-ico" :class="[visualField?'selected':'']" @click="handlevisualField('visualField')">
107 <el-tooltip class="item" effect="dark" content="可视域分析" placement="left">
108 <img src="../assets/一张图/icon_通视.png" alt="">
109 </el-tooltip>
110 </div>
105 111
106 <!-- <div class="func-ico" :class="[is2D?'selected':'']" @click="handleIs2D()"> 112 <!-- <div class="func-ico" :class="[is2D?'selected':'']" @click="handleIs2D()">
107 <img src="../assets/toolbar_icon_ 展开.png" alt=""> 113 <img src="../assets/toolbar_icon_ 展开.png" alt="">
...@@ -118,7 +124,7 @@ ...@@ -118,7 +124,7 @@
118 props: ['isReturn', 'enlarge', 'narrow', 'coordinate', 'distance', 124 props: ['isReturn', 'enlarge', 'narrow', 'coordinate', 'distance',
119 'area', 'marker', 'rollerShutter', 'splitScreen', 'toNorth', 125 'area', 'marker', 'rollerShutter', 'splitScreen', 'toNorth',
120 'topSee', 'roundSee', 'horizon', 'allSee','ymAnslysis', 126 'topSee', 'roundSee', 'horizon', 'allSee','ymAnslysis',
121 'tjxAnslysis', 'yyAnslysis', 'kgAnalusis' 127 'tjxAnslysis', 'yyAnslysis', 'kgAnalusis', 'visualField'
122 ], 128 ],
123 data() { 129 data() {
124 return {} 130 return {}
...@@ -181,6 +187,10 @@ ...@@ -181,6 +187,10 @@
181 }, 187 },
182 handlekgAnalusis(val) { 188 handlekgAnalusis(val) {
183 this.$emit('kgAnalusis', val, this.kgAnalusis); 189 this.$emit('kgAnalusis', val, this.kgAnalusis);
190 },
191 handlevisualField(val) {
192 debugger
193 this.$emit('visualField', val, this.visualField);
184 } 194 }
185 } 195 }
186 } 196 }
......
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
21 </div> 21 </div>
22 </div> 22 </div>
23 23
24 <div class="kg-img"> 24 <div class="kg-img">
25 <div class="kg-box"> 25 <div class="kg-box">
26 <img :src="src" alt="" style="width: 100%; height: 100%;"> 26 <img :src="src" alt="" style="width: 100%; height: 100%;">
27 <div class="btn-wrapper2"> 27 <div class="btn-wrapper2">
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
46 components: {}, 46 components: {},
47 data() { 47 data() {
48 return { 48 return {
49 src: 'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3820738330,1510784229&fm=26&gp=0.jpg' 49 src: 'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3820738330,1510784229&fm=26&gp=0.jpg'
50 } 50 }
51 }, 51 },
52 mounted() {}, 52 mounted() {},
...@@ -198,15 +198,15 @@ ...@@ -198,15 +198,15 @@
198 } 198 }
199 199
200 .kg-img { 200 .kg-img {
201 width: 410px; 201 width: 410px;
202 padding: 0px 24px 0px 24px; 202 padding: 0px 24px 0px 24px;
203 padding-bottom: 10px; 203 padding-bottom: 10px;
204 } 204 }
205 205
206 .kg-box { 206 .kg-box {
207 width: 100%; 207 width: 100%;
208 height: 180px; 208 height: 180px;
209 position: relative; 209 position: relative;
210 margin-bottom: 20px; 210 margin-bottom: 20px;
211 } 211 }
212 212
......
1 // 淹没分析弹窗
2 <template>
3 <div class="container">
4 <div class="wrapper">
5 <div class="box">
6 </div>
7 </div>
8 <div class="mian">
9 <div class="title">
10 <span>可视域分析</span>
11 <span @click="closePop" class="close">×</span>
12 </div>
13
14 <div class="func-input">
15 <span class="width-class">方向</span>
16 <el-input-number v-model="direction" controls-position="right"
17 style="width:245px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360">
18 </el-input-number>
19 <span style="margin-left: 12px;">度</span>
20 </div>
21
22 <div class="func-input">
23 <span class="width-class">翻转</span>
24 <el-input-number v-model="flip" controls-position="right"
25 style="width:245px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360">
26 </el-input-number>
27 <span style="margin-left: 12px;">度</span>
28 </div>
29 <div class="func-input">
30 <span class="width-class">距离</span>
31 <el-input-number v-model="distance" controls-position="right"
32 style="width:245px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="1000000000">
33 </el-input-number>
34 <span style="margin-left: 12px;">米</span>
35 </div>
36
37 <div class="func-input">
38 <span class="width-class">水平视场角</span>
39 <el-input-number v-model="level" controls-position="right"
40 style="width:245px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360">
41 </el-input-number>
42 <span style="margin-left: 12px;">度</span>
43 </div>
44 <div class="func-input">
45 <span class="width-class">垂直视场角</span>
46 <el-input-number v-model="vertical" controls-position="right"
47 style="width:245px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360">
48 </el-input-number>
49 <span style="margin-left: 12px;">度</span>
50 </div>
51
52
53 <!-- <div>
54 <div></div>
55 </div> -->
56
57
58 </div>
59 </div>
60 </template>
61
62 <script>
63 export default {
64 name: 'allSee',
65 components: {},
66 data() {
67 return {
68 step: 1,
69 num: 1,
70 direction: '',
71 flip: '',
72 distance: '',
73 level: '',
74 vertical: '',
75
76 isXmbj: true,
77 // isAnalysis: true
78 }
79 },
80 mounted() {},
81 methods: {
82 closePop() {
83 this.$emit('closePop', 'visualField')
84 },
85 handleChange() {
86
87 },
88 startAnalysis() {
89 // this.isAnalysis = true;
90 },
91 stopAnalysis() {
92 // this.isAnalysis = false;
93 },
94 handleIsXmbj(flag) {
95 this.isXmbj = flag;
96 }
97 }
98 }
99 </script>
100
101 <style scoped>
102 .container {
103 position: relative;
104 color: #fff;
105 font-size: 16px;
106 width: 450px;
107 }
108
109 .wrapper {
110 position: absolute;
111 width: 100%;
112 height: 100%;
113 z-index: 1;
114 border: 1px solid rgba(151, 151, 151, 0.58);
115 }
116
117 .box {
118 background: rgba(4, 10, 10, 0.58);
119 box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.5);
120 /* filter: blur(10px); */
121 height: 100px;
122 position: absolute;
123 width: 100%;
124 height: 100%;
125 z-index: 1;
126 }
127
128 .mian {
129 position: relative;
130 width: 100%;
131 height: 100%;
132 z-index: 1000;
133 }
134
135 .list-box span:nth-of-type(1) {
136 display: inline-block;
137 width: 98px;
138 margin-right: 20px;
139 color: rgba(255, 255, 255, .7);
140 }
141
142 .list-box span:nth-of-type(2) {
143 margin-top: 14px;
144 display: inline-block;
145 }
146
147
148 .title {
149 display: flex;
150 justify-content: space-between;
151 border-bottom: 1px solid rgba(255, 255, 255, 0.15);
152 padding: 18px 24px;
153 font-size: 20px;
154 }
155
156
157 .func-input {
158 display: flex;
159 align-items: center;
160 /* justify-content: space-between; */
161 padding: 18px 24px 0px 24px;
162 font-size: 18px;
163 cursor: pointer;
164 }
165
166 .func {
167 padding: 18px 24px;
168 }
169
170
171
172 .func-btn {
173 display: flex;
174 padding: 18px 24px 37px 24px;
175 align-items: center;
176 font-size: 18px;
177 cursor: pointer;
178 }
179
180 .btn-wrapper {
181 display: flex;
182 align-items: center;
183 width: 190px;
184 height: 36px;
185 background-image: url('../assets/弹窗按钮背景-默认.png');
186 background-size: 100% 100%;
187 background-repeat: no-repeat;
188 line-height: 36px;
189 }
190
191 .add-bg {
192 background-image: url('../assets/弹窗按钮背景-选中.png');
193 }
194
195
196 .btn-wrapper2 {
197 display: flex;
198 align-items: center;
199 width: 116px;
200 height: 38px;
201 background-image: url('../assets/一张图/bg_专题分析.png');
202 background-size: 100% 100%;
203 background-repeat: no-repeat;
204 text-align: center;
205 line-height: 38px;
206 margin-left: 13px;
207 }
208
209 .add-bg2 {
210 background-image: url('../assets/一张图/bg_资源目录.png');
211 }
212
213 .close {
214 cursor: pointer;
215 }
216
217 .center {
218 display: inline-block;
219 width: 100%;
220 height: 100%;
221 text-align: center;
222 }
223
224 .width-class {
225 width: 90px;
226 }
227
228 >>>input::-webkit-input-placeholder {
229 font-size: 16px;
230 color: rgba(255, 255, 255, 0.78) !important;
231 }
232
233 >>>.el-input__inner {
234 background: rgba(4, 10, 10, 0.58) !important;
235 border: 1px solid rgba(23, 34, 38, 0.57);
236 color: #fff;
237 }
238
239 >>>.el-input__suffix {
240 color: #fff;
241 font-size: 17px;
242 }
243
244 >>>.el-input-number__increase,
245 >>>.el-input-number__decrease {
246 background: rgba(4, 10, 10, 0.58);
247 }
248
249 >>>.el-input-number.is-controls-right .el-input-number__decrease,
250 >>>.el-input-number__increase {
251 border-left: 1px solid rgba(4, 10, 10, 0.58);
252 }
253
254 >>>.el-icon-arrow-up:before,
255 >>>.el-icon-arrow-down:before {
256 color: #fff;
257 }
258
259 >>>.el-input-number.is-controls-right .el-input-number__increase {
260 border-bottom: 1px solid rgba(4, 10, 10, 0.58);
261 }
262 </style>
...\ No newline at end of file ...\ No newline at end of file
...@@ -6,5 +6,6 @@ ...@@ -6,5 +6,6 @@
6 */ 6 */
7 export default { 7 export default {
8 url: '', 8 url: '',
9 loginUrl: 'http://10.6.144.88:10001/orup',
9 mapToken: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJhMzMwMjAwZS1lODRmLTRhNzQtODBkOS01YjZkM2ZkYzRmOGMiLCJpZCI6MzE3MzEsInNjb3BlcyI6WyJhc3IiLCJnYyJdLCJpYXQiOjE1OTU5MDA0Njd9.K5Rnvdzv5vDjlEbBH-2vEPMJYPgBDs__uvQHZz6jXTc' 10 mapToken: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJhMzMwMjAwZS1lODRmLTRhNzQtODBkOS01YjZkM2ZkYzRmOGMiLCJpZCI6MzE3MzEsInNjb3BlcyI6WyJhc3IiLCJnYyJdLCJpYXQiOjE1OTU5MDA0Njd9.K5Rnvdzv5vDjlEbBH-2vEPMJYPgBDs__uvQHZz6jXTc'
10 } 11 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -28,6 +28,7 @@ ...@@ -28,6 +28,7 @@
28 28
29 @ymAnslysis='EymAnslysis' 29 @ymAnslysis='EymAnslysis'
30 @tjxAnslysis='EtjxAnslysis' 30 @tjxAnslysis='EtjxAnslysis'
31 @visualField='EvisualField'
31 @yyAnslysis='EyyAnslysis' 32 @yyAnslysis='EyyAnslysis'
32 @kgAnalusis='EkgAnalusis' 33 @kgAnalusis='EkgAnalusis'
33 34
...@@ -73,6 +74,12 @@ ...@@ -73,6 +74,12 @@
73 <div class="allSee tjx-anslysis" v-if='tjxAnslysis'> 74 <div class="allSee tjx-anslysis" v-if='tjxAnslysis'>
74 <tjxAnslysis @closePop='closePop'></tjxAnslysis> 75 <tjxAnslysis @closePop='closePop'></tjxAnslysis>
75 </div> 76 </div>
77
78
79 <div class="allSee tjx-anslysis" v-if='visualField'>
80 <visualField @closePop='closePop'></visualField>
81 </div>
82
76 <div class="allSee" v-if='yyAnslysis'> 83 <div class="allSee" v-if='yyAnslysis'>
77 <yyAnslysis @closePop='closePop'></yyAnslysis> 84 <yyAnslysis @closePop='closePop'></yyAnslysis>
78 </div> 85 </div>
...@@ -108,6 +115,7 @@ ...@@ -108,6 +115,7 @@
108 import tjxAnslysis from '../components/tjxAnslysis'; // 天际线分析 115 import tjxAnslysis from '../components/tjxAnslysis'; // 天际线分析
109 import yyAnslysis from '../components/yyAnslysis'; // 阴影分析 116 import yyAnslysis from '../components/yyAnslysis'; // 阴影分析
110 import kgAnalusis from '../components/kgAnalusis'; // 控高分析 117 import kgAnalusis from '../components/kgAnalusis'; // 控高分析
118 import visualField from '../components/visualField' //可视域分析
111 119
112 export default { 120 export default {
113 components: { 121 components: {
...@@ -122,6 +130,7 @@ ...@@ -122,6 +130,7 @@
122 ymAnslysis, 130 ymAnslysis,
123 horizon, 131 horizon,
124 tjxAnslysis, 132 tjxAnslysis,
133 visualField,
125 yyAnslysis, 134 yyAnslysis,
126 kgAnalusis, 135 kgAnalusis,
127 }, 136 },
...@@ -148,12 +157,13 @@ ...@@ -148,12 +157,13 @@
148 allSee: false, // 通视 157 allSee: false, // 通视
149 ymAnslysis: false, // 淹没分析 158 ymAnslysis: false, // 淹没分析
150 tjxAnslysis: false, // 天际线分析 159 tjxAnslysis: false, // 天际线分析
160 visualField: false, // 可视域分析
151 yyAnslysis: false, // 阴影分析 161 yyAnslysis: false, // 阴影分析
152 kgAnalusis: false, // 控高分析 162 kgAnalusis: false, // 控高分析
153 keepArr: ['isReturn', 'enlarge', 'narrow', 'coordinate', 'distance', 163 keepArr: ['isReturn', 'enlarge', 'narrow', 'coordinate', 'distance',
154 'area', 'marker', 'rollerShutter', 'splitScreen', 'toNorth', 164 'area', 'marker', 'rollerShutter', 'splitScreen', 'toNorth',
155 'topSee', 'roundSee', 'horizon', 'allSee', 'ymAnslysis', 165 'topSee', 'roundSee', 'horizon', 'allSee', 'ymAnslysis',
156 'tjxAnslysis', 'yyAnslysis', 'kgAnalusis'] 166 'tjxAnslysis', 'yyAnslysis', 'kgAnalusis', 'visualField']
157 } 167 }
158 }, 168 },
159 mounted() { 169 mounted() {
...@@ -401,6 +411,11 @@ ...@@ -401,6 +411,11 @@
401 this[val] = !this[val]; 411 this[val] = !this[val];
402 this.onlySelect(val); 412 this.onlySelect(val);
403 }, 413 },
414 // 可视化分析
415 EvisualField(val) {
416 this[val] = !this[val];
417 this.onlySelect(val);
418 },
404 // 阴影分析 419 // 阴影分析
405 EyyAnslysis(val) { 420 EyyAnslysis(val) {
406 this[val] = !this[val]; 421 this[val] = !this[val];
......