Skip to content

刘远 / 3d_dc

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

东川 新增部分功能 和样式

1 parent 1a02e87f
Inline Side-by-side
Showing 16 changed files with 593 additions and 75 deletions
...@@ -12,6 +12,7 @@ ...@@ -12,6 +12,7 @@
12 height: 100%; 12 height: 100%;
13 -webkit-user-select:none; 13 -webkit-user-select:none;
14 -moz-user-select:none; 14 -moz-user-select:none;
15 overflow: hidden;
15 } 16 }
16 * { 17 * {
17 margin: 0px; 18 margin: 0px;
......
No preview for this file type
...@@ -136,7 +136,7 @@ ...@@ -136,7 +136,7 @@
136 136
137 .func-btn { 137 .func-btn {
138 display: flex; 138 display: flex;
139 padding: 18px 24px 44px 24px; 139 padding: 18px 24px 37px 24px;
140 align-items: center; 140 align-items: center;
141 font-size: 18px; 141 font-size: 18px;
142 cursor: pointer; 142 cursor: pointer;
......
1 // 辅助审查弹窗
2 <template>
3 <div class="container">
4 <div class="serach">
5 <span>辅助审查</span>
6 </div>
7 <div class="tree">
8 <div class="box">
9 <div @click="EFadb()">
10 <div>
11 <img src="../assets/一张图/icon_方案审查_辅助审查_方案对比.png" alt="">
12 <div style="margin-top: 10px; font-size: 14px;">方案对比</div>
13 </div>
14 </div>
15 <div @click="EKgfz()">
16 <div>
17 <img src="../assets/一张图/icon_方案审查_辅助审查_控高分析.png" alt="">
18 <div style="margin-top: 10px; font-size: 14px;">控高分析</div>
19 </div>
20 </div>
21 </div>
22 <div class="box">
23 <div @click="EGzfx()">
24 <div>
25 <img src="../assets/一张图/icon_方案审查_辅助审查_光照分析.png" alt="">
26 <div style="margin-top: 10px; font-size: 14px;">光照分析</div>
27 </div>
28 </div>
29 <!-- css 占位 -->
30 <div style="visibility:hidden">
31 <div>
32 <img src="../assets/一张图/icon_方案审查_辅助审查_控高分析.png" alt="">
33 <div style="margin-top: 10px; font-size: 14px;">控高分析</div>
34 </div>
35 </div>
36
37 </div>
38 </div>
39 </div>
40 </template>
41 <script>
42 export default {
43 data() {
44 return {
45 search: '',
46 data: [{
47 id: 1,
48 label: '一级 1',
49
50 }, {
51 id: 2,
52 label: '一级 2',
53 }],
54 }
55 },
56 mounted() {
57
58 },
59 components: {},
60 methods: {
61 handleSearch() {
62
63 },
64 foldAssert() {
65 this.$emit('foldAssert');
66 },
67 // 方案对比
68 EFadb() {
69 this.$emit('EFadb');
70 },
71 // 光照分析
72 EKgfz() {
73 this.$emit('EKgfz');
74 },
75 // 控高分析
76 EGzfx() {
77 this.$emit('EGzfx');
78 },
79 }
80 }
81 </script>
82 <style scoped>
83 .container {
84 width: 206px;
85 /* border: 1px solid red; */
86 }
87
88 .serach {
89 height: 32px;
90 width: 100%;
91 background-image: url('../assets/一张图/list_上端.png');
92 background-size: 100% 100%;
93 background-repeat: no-repeat;
94 text-align: center;
95 padding: 10px 0 0 0;
96 font-size: 16px;
97 border-bottom: 1px solid rgba(255, 255, 255, 0.15);
98 }
99
100 .tree {
101 background-image: url('../assets/一张图/list_中端.png');
102 background-size: 100% 100%;
103 background-repeat: no-repeat;
104 }
105
106 .tree .box {
107 display: flex;
108 justify-content: space-around;
109 padding: 10px 0;
110 cursor: pointer;
111 }
112
113 .tree-main {
114 margin-top: 26px;
115 transform: translateX(-24px);
116 }
117
118 .fold {
119 background-image: url('../assets/一张图/list_下端.png');
120 background-size: 100% 100%;
121 background-repeat: no-repeat;
122 height: 32px;
123 /* width: 158px; */
124 display: flex;
125 justify-content: center;
126 align-items: center;
127 cursor: pointer;
128 }
129
130 >>>input::-webkit-input-placeholder {
131 font-size: 16px;
132 color: rgba(255, 255, 255, 0.78) !important;
133 }
134
135 >>>.el-input__inner {
136 background: rgba(0, 0, 0, 0.58) !important;
137 border: 1px solid rgba(0, 0, 0, 0.58);
138 color: #fff;
139 }
140
141 >>>.el-input__suffix {
142 /* color: #fff; */
143 /* font-size: 17px; */
144 }
145
146 >>>.el-tree {
147 background: transparent;
148 color: #fff;
149 }
150
151 >>>.el-tree-node__content:hover {
152 background: transparent;
153 }
154
155 >>>.el-tree-node:focus>.el-tree-node__content {
156 background-color: transparent;
157 }
158
159 >>>.el-checkbox__inner {
160 border: 1px solid #000;
161 background-color: #000;
162 }
163
164 >>>.el-icon-search {
165 cursor: pointer;
166 }
167 </style>
...\ No newline at end of file ...\ No newline at end of file
...@@ -23,8 +23,8 @@ ...@@ -23,8 +23,8 @@
23 components: {}, 23 components: {},
24 data() { 24 data() {
25 return { 25 return {
26 isYZT: false, // 一张图 26 isYZT: true, // 一张图
27 isCGSC: true, // 成果审查管理 27 isCGSC: false, // 成果审查管理
28 isSSJD: false, // 实施监督预警 28 isSSJD: false, // 实施监督预警
29 isPGJG: false, // 批后监管 29 isPGJG: false, // 批后监管
30 flagArr: ['isYZT', 'isCGSC', 'isSSJD', 'isPGJG'] 30 flagArr: ['isYZT', 'isCGSC', 'isSSJD', 'isPGJG']
......
...@@ -10,7 +10,6 @@ ...@@ -10,7 +10,6 @@
10 <span @click="closePop" class="close">×</span> 10 <span @click="closePop" class="close">×</span>
11 </div> 11 </div>
12 12
13
14 <div class="func-input"> 13 <div class="func-input">
15 <span class="text-right">观察点高度</span> 14 <span class="text-right">观察点高度</span>
16 <el-input-number v-model="sdgc" controls-position="right" 15 <el-input-number v-model="sdgc" controls-position="right"
...@@ -60,7 +59,6 @@ ...@@ -60,7 +59,6 @@
60 <span>清除分析结果</span> 59 <span>清除分析结果</span>
61 </div> 60 </div>
62 </div> 61 </div>
63
64 </div> 62 </div>
65 </div> 63 </div>
66 </template> 64 </template>
...@@ -170,7 +168,7 @@ ...@@ -170,7 +168,7 @@
170 168
171 .func-btn { 169 .func-btn {
172 display: flex; 170 display: flex;
173 padding: 18px 24px 44px 24px; 171 padding: 18px 24px 37px 24px;
174 align-items: center; 172 align-items: center;
175 font-size: 18px; 173 font-size: 18px;
176 cursor: pointer; 174 cursor: pointer;
......
...@@ -9,6 +9,12 @@ ...@@ -9,6 +9,12 @@
9 <span>控高分析</span> 9 <span>控高分析</span>
10 <span @click="closePop" class="close">×</span> 10 <span @click="closePop" class="close">×</span>
11 </div> 11 </div>
12
13 <div class="" style="padding: 18px 24px 0px 24px;">
14 <el-slider v-model="height" :min='0' :max='1000' :format-tooltip="formatTooltip"
15 @change='EheightChange'></el-slider>
16 </div>
17
12 <div class="func-btn"> 18 <div class="func-btn">
13 <div class="btn-wrapper add-bg" @click="startAnalysis"> 19 <div class="btn-wrapper add-bg" @click="startAnalysis">
14 <img style="width: 20px; height: 20px; margin: 0 5px 0 44px" src="../assets/icon_开始分析.png" alt=""> 20 <img style="width: 20px; height: 20px; margin: 0 5px 0 44px" src="../assets/icon_开始分析.png" alt="">
...@@ -19,21 +25,17 @@ ...@@ -19,21 +25,17 @@
19 <span>清除分析结果</span> 25 <span>清除分析结果</span>
20 </div> 26 </div>
21 </div> 27 </div>
22 <div class="kg-img">
23 <div class="kg-box">
24 <img :src="src" alt="" style="width: 100%; height: 100%;">
25 <div class="btn-wrapper2">
26 <span class="center">左侧立面</span>
27 </div>
28 </div>
29 <div class="kg-box">
30 <img :src="src" alt="" style="width: 100%; height: 100%;">
31 <div class="btn-wrapper2">
32 <span class="center">右侧立面</span>
33 </div>
34 </div>
35 </div>
36 28
29 <div class="table-box" style="padding: 18px 24px 30px 24px;">
30 <el-table :data="tableData" :highlight-current-row='false' height="242" border style="width: 100%">
31 <el-table-column prop="name" label="名称" align='center'>
32 </el-table-column>
33 <el-table-column prop="height" label="高度(m)" align='center'>
34 </el-table-column>
35 <el-table-column prop="superelevation" label="超高度(m)" align='center'>
36 </el-table-column>
37 </el-table>
38 </div>
37 </div> 39 </div>
38 </div> 40 </div>
39 </template> 41 </template>
...@@ -44,7 +46,24 @@ ...@@ -44,7 +46,24 @@
44 components: {}, 46 components: {},
45 data() { 47 data() {
46 return { 48 return {
47 src: 'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3820738330,1510784229&fm=26&gp=0.jpg' 49 height: 320,
50 tableData: [{
51 name: '1号楼',
52 height: '34',
53 superelevation: '4'
54 }, {
55 name: '1号楼',
56 height: '34',
57 superelevation: '4'
58 }, {
59 name: '1号楼',
60 height: '34',
61 superelevation: '4'
62 }, {
63 name: '1号楼',
64 height: '34',
65 superelevation: '4'
66 }, ]
48 } 67 }
49 }, 68 },
50 mounted() {}, 69 mounted() {},
...@@ -58,6 +77,12 @@ ...@@ -58,6 +77,12 @@
58 stopAnalysis() { 77 stopAnalysis() {
59 78
60 }, 79 },
80 formatTooltip(val) {
81 return val + '米';
82 },
83 EheightChange() {
84
85 }
61 } 86 }
62 } 87 }
63 </script> 88 </script>
...@@ -196,18 +221,47 @@ ...@@ -196,18 +221,47 @@
196 } 221 }
197 222
198 .kg-img { 223 .kg-img {
199 width: 410px; 224 width: 410px;
200 padding: 0px 24px 0px 24px; 225 padding: 0px 24px 0px 24px;
201 padding-bottom: 10px; 226 padding-bottom: 10px;
202 } 227 }
203 228
204 .kg-box { 229 .kg-box {
205 width: 100%; 230 width: 100%;
206 height: 180px; 231 height: 180px;
207 position: relative; 232 position: relative;
208 margin-bottom: 20px; 233 margin-bottom: 20px;
209 } 234 }
210 235
236 /* >>>.el-table__body-wrapper::-webkit-scrollbar {
237 width: 16px;
238 background: #191a37;
239 height: 14px;
240 }
241
242 >>>.el-table__body-wrapper::-webkit-scrollbar-track,
243 >>>.el-table__body-wrapper::-webkit-scrollbar-thumb {
244 border-radius: 999px;
245 width: 20px;
246 border: 5px solid transparent;
247 }
248
249 >>>.el-table__body-wrapper::-webkit-scrollbar-track {
250 box-shadow: 1px 1px 5px #191a37 inset;
251 }
252
253 >>>.el-table__body-wrapper::-webkit-scrollbar-thumb {
254 width: 20px;
255 min-height: 20px;
256 background-clip: content-box;
257 box-shadow: 0 0 0 5px #464f70 inset;
258 }
259
260 >>>.el-table__body-wrapper::-webkit-scrollbar-corner {
261 background: #191a37;
262 } */
263
264
211 >>>input::-webkit-input-placeholder { 265 >>>input::-webkit-input-placeholder {
212 font-size: 16px; 266 font-size: 16px;
213 color: rgba(255, 255, 255, 0.78) !important; 267 color: rgba(255, 255, 255, 0.78) !important;
...@@ -242,4 +296,25 @@ ...@@ -242,4 +296,25 @@
242 >>>.el-input-number.is-controls-right .el-input-number__increase { 296 >>>.el-input-number.is-controls-right .el-input-number__increase {
243 border-bottom: 1px solid rgba(4, 10, 10, 0.58); 297 border-bottom: 1px solid rgba(4, 10, 10, 0.58);
244 } 298 }
299
300
301 >>>.el-table th.is-leaf,
302 >>>.el-table {
303 background-color: transparent !important;
304 color: #fff;
305 }
306
307 >>>.el-table tr {
308 background-color: transparent !important;
309 }
310
311 >>>.el-slider__button {
312 background-color: #2FA5FF;
313 border: 2px solid #FFFFFF;
314 box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.20);
315 }
316
317 >>> .el-table__row td {
318 background: transparent !important;
319 }
245 </style> 320 </style>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
18 <div class="name">专题分析</div> 18 <div class="name">专题分析</div>
19 </div> 19 </div>
20 <div style="margin-top: 16px;" v-show='isZTFX'> 20 <div style="margin-top: 16px;" v-show='isZTFX'>
21 <treeSearch @foldAssert="foldAssert('isZTFX')"></treeSearch> 21 <ztAnslysis @foldAssert="foldAssert('isZTFX')"></ztAnslysis>
22 </div> 22 </div>
23 23
24 <div class="assert-list" :class="[isFASC?'a-selected':'a-no-selected']" @click="changeSelect('isFASC')" 24 <div class="assert-list" :class="[isFASC?'a-selected':'a-no-selected']" @click="changeSelect('isFASC')"
...@@ -31,18 +31,24 @@ ...@@ -31,18 +31,24 @@
31 <div style="margin-top: 16px;" v-show='isFASC'> 31 <div style="margin-top: 16px;" v-show='isFASC'>
32 <treeSearch @foldAssert="foldAssert('isFASC')"></treeSearch> 32 <treeSearch @foldAssert="foldAssert('isFASC')"></treeSearch>
33 </div> 33 </div>
34 34
35 <div style="margin-top: 16px;">
36 <auxiliaryReview @EFadb='EFadb' @EKgfz='EKgfz' @EGzfx='EGzfx'></auxiliaryReview>
37 </div>
35 </div> 38 </div>
36 </template> 39 </template>
37 40
38 <script> 41 <script>
39 import treeSearch from './treeSearch'; 42 import treeSearch from './treeSearch';
40 43 import ztAnslysis from './ztAnslysis';
44 import auxiliaryReview from './auxiliaryReview';
41 45
42 export default { 46 export default {
43 name: 'leftAssert', 47 name: 'leftAssert',
44 components: { 48 components: {
45 treeSearch 49 treeSearch,
50 ztAnslysis,
51 auxiliaryReview
46 }, 52 },
47 data() { 53 data() {
48 return { 54 return {
...@@ -65,6 +71,18 @@ ...@@ -65,6 +71,18 @@
65 foldAssert(val) { 71 foldAssert(val) {
66 this[val] = false; 72 this[val] = false;
67 }, 73 },
74 // 方案对比
75 EFadb() {
76 this.$emit('EFadb');
77 },
78 // 光照分析
79 EKgfz() {
80 this.$emit('EKgfz');
81 },
82 // 控高分析
83 EGzfx() {
84 this.$emit('EGzfx');
85 },
68 } 86 }
69 } 87 }
70 </script> 88 </script>
......
...@@ -87,12 +87,12 @@ ...@@ -87,12 +87,12 @@
87 </el-tooltip> 87 </el-tooltip>
88 </div> 88 </div>
89 <!--控高分析 --> 89 <!--控高分析 -->
90 <div class="func-ico" :class="[kgAnalusis?'selected':'']" @click="handlekgAnalusis('kgAnalusis')"> 90 <!-- <div class="func-ico" :class="[kgAnalusis?'selected':'']" @click="handlekgAnalusis('kgAnalusis')">
91 91
92 <el-tooltip class="item" effect="dark" content="控高" placement="left"> 92 <el-tooltip class="item" effect="dark" content="控高" placement="left">
93 <img src="../assets/一张图/icon_通视.png" alt=""> 93 <img src="../assets/一张图/icon_通视.png" alt="">
94 </el-tooltip> 94 </el-tooltip>
95 </div> 95 </div> -->
96 96
97 <!--天际线分析 --> 97 <!--天际线分析 -->
98 <div class="func-ico" :class="[tjxAnslysis?'selected':'']" @click="handletjxAnslysis('tjxAnslysis')"> 98 <div class="func-ico" :class="[tjxAnslysis?'selected':'']" @click="handletjxAnslysis('tjxAnslysis')">
......
...@@ -20,6 +20,21 @@ ...@@ -20,6 +20,21 @@
20 </div> 20 </div>
21 </div> 21 </div>
22 22
23 <div class="kg-img">
24 <div class="kg-box">
25 <img :src="src" alt="" style="width: 100%; height: 100%;">
26 <div class="btn-wrapper2">
27 <span class="center">左侧立面</span>
28 </div>
29 </div>
30 <div class="kg-box">
31 <img :src="src" alt="" style="width: 100%; height: 100%;">
32 <div class="btn-wrapper2">
33 <span class="center">右侧立面</span>
34 </div>
35 </div>
36 </div>
37
23 </div> 38 </div>
24 </div> 39 </div>
25 </template> 40 </template>
...@@ -30,7 +45,7 @@ ...@@ -30,7 +45,7 @@
30 components: {}, 45 components: {},
31 data() { 46 data() {
32 return { 47 return {
33 48 src: 'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3820738330,1510784229&fm=26&gp=0.jpg'
34 } 49 }
35 }, 50 },
36 mounted() {}, 51 mounted() {},
...@@ -121,7 +136,7 @@ ...@@ -121,7 +136,7 @@
121 136
122 .func-btn { 137 .func-btn {
123 display: flex; 138 display: flex;
124 padding: 18px 24px 44px 24px; 139 padding: 18px 24px 30px 24px;
125 align-items: center; 140 align-items: center;
126 font-size: 18px; 141 font-size: 18px;
127 cursor: pointer; 142 cursor: pointer;
...@@ -144,6 +159,9 @@ ...@@ -144,6 +159,9 @@
144 159
145 160
146 .btn-wrapper2 { 161 .btn-wrapper2 {
162 position: absolute;
163 top: 12px;
164 right: 24px;
147 display: flex; 165 display: flex;
148 align-items: center; 166 align-items: center;
149 width: 116px; 167 width: 116px;
...@@ -178,6 +196,19 @@ ...@@ -178,6 +196,19 @@
178 font-size: 18px; 196 font-size: 18px;
179 } 197 }
180 198
199 .kg-img {
200 width: 410px;
201 padding: 0px 24px 0px 24px;
202 padding-bottom: 10px;
203 }
204
205 .kg-box {
206 width: 100%;
207 height: 180px;
208 position: relative;
209 margin-bottom: 20px;
210 }
211
181 >>>input::-webkit-input-placeholder { 212 >>>input::-webkit-input-placeholder {
182 font-size: 16px; 213 font-size: 16px;
183 color: rgba(255, 255, 255, 0.78) !important; 214 color: rgba(255, 255, 255, 0.78) !important;
......
1 <template> 1 <template>
2 <div class="container"> 2 <div class="container">
3 <div class="serach"> 3 <div class="serach">
4
5 </div> 4 </div>
6 <div class="tree"> 5 <div class="tree">
7 <div class="box"> 6 <div class="box">
...@@ -13,10 +12,9 @@ ...@@ -13,10 +12,9 @@
13 </div> 12 </div>
14 <div class="tree-main"> 13 <div class="tree-main">
15 <el-tree :data="data" show-checkbox node-key="id" :default-expanded-keys="[2, 3]" 14 <el-tree :data="data" show-checkbox node-key="id" :default-expanded-keys="[2, 3]"
16 :default-checked-keys="[5]" :props="defaultProps"> 15 :default-checked-keys="[5]" :props="defaultProps">
17 </el-tree> 16 </el-tree>
18 </div> 17 </div>
19
20 </div> 18 </div>
21 </div> 19 </div>
22 <div class="fold" @click="foldAssert()"> 20 <div class="fold" @click="foldAssert()">
......
...@@ -173,7 +173,7 @@ ...@@ -173,7 +173,7 @@
173 173
174 .func-btn { 174 .func-btn {
175 display: flex; 175 display: flex;
176 padding: 18px 24px 44px 24px; 176 padding: 18px 24px 37px 24px;
177 align-items: center; 177 align-items: center;
178 font-size: 18px; 178 font-size: 18px;
179 cursor: pointer; 179 cursor: pointer;
......
...@@ -9,6 +9,44 @@ ...@@ -9,6 +9,44 @@
9 <span>阴影分析</span> 9 <span>阴影分析</span>
10 <span @click="closePop" class="close">×</span> 10 <span @click="closePop" class="close">×</span>
11 </div> 11 </div>
12
13 <div class="func-input">
14 <span>分析日期</span>
15 <el-date-picker v-model="anslysisTime" type="date" style="margin-left: 12px; width: 245px;"
16 placeholder="选择分析日期">
17 </el-date-picker>
18 </div>
19
20 <div class="func-input">
21 <div class="btn-wrapper2" :class="[isCF?'add-bg2': '']" @click="handleIsXmbj('isCF')">
22 <span class="center">春分</span>
23 </div>
24 <div class="btn-wrapper2" :class="[isXZ?'add-bg2': '']" @click="handleIsXmbj('isXZ')">
25 <span class="center">夏至</span>
26 </div>
27 <div class="btn-wrapper2" :class="[isQF?'add-bg2': '']" @click="handleIsXmbj('isQF')">
28 <span class="center">秋分</span>
29 </div>
30 <div class="btn-wrapper2" :class="[isLD?'add-bg2': '']" @click="handleIsXmbj('isLD')">
31 <span class="center">立冬</span>
32 </div>
33 <div class="btn-wrapper2" :class="[isDZ?'add-bg2': '']" @click="handleIsXmbj('isDZ')">
34 <span class="center">冬至</span>
35 </div>
36 </div>
37
38 <div class="func-input">
39 <span>时间间隔 </span>
40 <el-input-number v-model="timeS" controls-position="right" :min="0" :max="1000"
41 style="margin:0 12px; width: 245px;"></el-input-number>
42 <span>分钟</span>
43 </div>
44
45 <div class="" style="padding: 18px 24px 0px 24px;">
46 <el-slider v-model="time" :min='0' :max='max' :step="timeS" :marks="marks"
47 :format-tooltip="formatTooltip" @change='EtimeChange'></el-slider>
48 </div>
49
12 <div class="func-btn"> 50 <div class="func-btn">
13 <div class="btn-wrapper add-bg" @click="startAnalysis"> 51 <div class="btn-wrapper add-bg" @click="startAnalysis">
14 <img style="width: 20px; height: 20px; margin: 0 5px 0 44px" src="../assets/icon_开始分析.png" alt=""> 52 <img style="width: 20px; height: 20px; margin: 0 5px 0 44px" src="../assets/icon_开始分析.png" alt="">
...@@ -19,18 +57,38 @@ ...@@ -19,18 +57,38 @@
19 <span>清除分析结果</span> 57 <span>清除分析结果</span>
20 </div> 58 </div>
21 </div> 59 </div>
22
23 </div> 60 </div>
24 </div> 61 </div>
25 </template> 62 </template>
26 63
27 <script> 64 <script>
65 let maxW = 24 * 60 * 60 * 1000 - 1 * 60 * 1000
28 export default { 66 export default {
29 name: 'yyAnslysis', 67 name: 'yyAnslysis',
30 components: {}, 68 components: {},
31 data() { 69 data() {
32 return { 70 return {
33 71 isCF: true, // 春分
72 isXZ: false, // 夏至
73 isQF: false, // 秋分
74 isLD: false, // 立冬
75 isDZ: false, // 冬至
76 keepTqArr: ['isCF', 'isXZ', 'isQF', 'isLD', 'isDZ'],
77
78 anslysisTime: '',
79 timeS: 30, // 时间间隔
80 time: 0 * 60 * 60 * 1000, // 滑块时间
81 max: (24 * 60 * 60 * 1000 - 1* 60 * 1000),
82 marks: {
83 0: '0:00',
84 [maxW]: '23:59',
85 // 50: {
86 // style: {
87 // color: '#1989FA'
88 // },
89 // label: this.$createElement('strong', '50%')
90 // }
91 }
34 } 92 }
35 }, 93 },
36 mounted() {}, 94 mounted() {},
...@@ -44,6 +102,34 @@ ...@@ -44,6 +102,34 @@
44 stopAnalysis() { 102 stopAnalysis() {
45 103
46 }, 104 },
105 /**
106 * val 值分别对应
107 * isCF, // 春分
108 isXZ, // 夏至
109 isQF, // 秋分
110 isLD, // 立冬
111 isDZ, // 冬至
112 */
113 handleIsXmbj(val) {
114 let self = this;
115 this.keepTqArr.forEach(ele => {
116 if (val == ele) {
117 self[ele] = true;
118 } else {
119 self[ele] = false;
120 };
121 })
122 },
123 EtimeChange() {
124
125 },
126 formatTooltip(val) {
127 let nowTime = this.commons.dateZhuan('yyyy-MM-dd 00:00:00', new Date());
128 let nowSjc = new Date(nowTime).getTime();
129 nowSjc+=val;
130 let sfd = this.commons.dateZhuan('hh:mm', new Date(nowSjc));
131 return sfd;
132 }
47 } 133 }
48 } 134 }
49 </script> 135 </script>
...@@ -121,7 +207,7 @@ ...@@ -121,7 +207,7 @@
121 207
122 .func-btn { 208 .func-btn {
123 display: flex; 209 display: flex;
124 padding: 18px 24px 44px 24px; 210 padding: 40px 24px 37px 24px;
125 align-items: center; 211 align-items: center;
126 font-size: 18px; 212 font-size: 18px;
127 cursor: pointer; 213 cursor: pointer;
...@@ -146,14 +232,14 @@ ...@@ -146,14 +232,14 @@
146 .btn-wrapper2 { 232 .btn-wrapper2 {
147 display: flex; 233 display: flex;
148 align-items: center; 234 align-items: center;
149 width: 116px; 235 width: 70px;
150 height: 38px; 236 height: 38px;
151 background-image: url('../assets/一张图/bg_专题分析.png'); 237 background-image: url('../assets/一张图/bg_专题分析.png');
152 background-size: 100% 100%; 238 background-size: 100% 100%;
153 background-repeat: no-repeat; 239 background-repeat: no-repeat;
154 text-align: center; 240 text-align: center;
155 line-height: 38px; 241 line-height: 38px;
156 margin-left: 13px; 242 margin-right: 13px;
157 } 243 }
158 244
159 .add-bg2 { 245 .add-bg2 {
...@@ -185,10 +271,14 @@ ...@@ -185,10 +271,14 @@
185 271
186 >>>.el-input__inner { 272 >>>.el-input__inner {
187 background: rgba(4, 10, 10, 0.58) !important; 273 background: rgba(4, 10, 10, 0.58) !important;
188 border: 1px solid rgba(23, 34, 38, 0.57); 274 /* border: 1px solid rgba(23, 34, 38, 0.57); */
189 color: #fff; 275 color: #fff;
190 } 276 }
191 277
278 >>>.el-input-number .el-input__inner {
279 text-align: left;
280 }
281
192 >>>.el-input__suffix { 282 >>>.el-input__suffix {
193 color: #fff; 283 color: #fff;
194 font-size: 17px; 284 font-size: 17px;
...@@ -212,4 +302,14 @@ ...@@ -212,4 +302,14 @@
212 >>>.el-input-number.is-controls-right .el-input-number__increase { 302 >>>.el-input-number.is-controls-right .el-input-number__increase {
213 border-bottom: 1px solid rgba(4, 10, 10, 0.58); 303 border-bottom: 1px solid rgba(4, 10, 10, 0.58);
214 } 304 }
305
306 >>>.el-slider__button {
307 background-color: #2FA5FF;
308 border: 2px solid #FFFFFF;
309 box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.20);
310 }
311
312 >>> .el-slider__marks-text {
313 color: #fff;
314 }
215 </style> 315 </style>
...\ No newline at end of file ...\ No newline at end of file
......
1 // 专题分析弹窗
2 <template>
3 <div class="container">
4 <div class="serach">
5 </div>
6 <div class="tree">
7 <div class="box">
8 <div @click="ETdch">
9 <div>
10 <img src="../assets/一张图/icon_专题分析_土地处置.png" alt="">
11 <div style="margin-top: 10px;">土地处置</div>
12 </div>
13 </div>
14 <div @click="EZtfx">
15 <div>
16 <img src="../assets/一张图/icon_专题分析_分析统计.png" alt="">
17 <div style="margin-top: 10px;">分析统计</div>
18 </div>
19 </div>
20 </div>
21 </div>
22 <div class="fold" @click="foldAssert()">
23 <i class="el-icon-arrow-up"></i>
24 </div>
25 </div>
26 </template>
27 <script>
28 export default {
29 data() {
30 return {
31 search: '',
32 data: [{
33 id: 1,
34 label: '一级 1',
35
36 }, {
37 id: 2,
38 label: '一级 2',
39 }],
40 }
41 },
42 mounted() {
43
44 },
45 components: {},
46 methods: {
47 handleSearch() {
48
49 },
50 foldAssert() {
51 this.$emit('foldAssert');
52 },
53 // 土地处理
54 ETdch() {
55
56 },
57 // 分析统计
58 EZtfx() {
59
60 },
61 }
62 }
63 </script>
64 <style scoped>
65 .container {
66 width: 206px;
67 /* border: 1px solid red; */
68 }
69
70 .serach {
71 height: 32px;
72 width: 100%;
73 background-image: url('../assets/一张图/list_上端.png');
74 background-size: 100% 100%;
75 background-repeat: no-repeat;
76 }
77
78 .tree {
79 background-image: url('../assets/一张图/list_中端.png');
80 background-size: 100% 100%;
81 background-repeat: no-repeat;
82 }
83
84 .tree .box {
85 display: flex;
86 justify-content: space-around;
87 }
88
89 .tree-main {
90 margin-top: 26px;
91 transform: translateX(-24px);
92 }
93
94 .fold {
95 background-image: url('../assets/一张图/list_下端.png');
96 background-size: 100% 100%;
97 background-repeat: no-repeat;
98 height: 32px;
99 /* width: 158px; */
100 display: flex;
101 justify-content: center;
102 align-items: center;
103 cursor: pointer;
104 }
105
106 >>>input::-webkit-input-placeholder {
107 font-size: 16px;
108 color: rgba(255, 255, 255, 0.78) !important;
109 }
110
111 >>>.el-input__inner {
112 background: rgba(0, 0, 0, 0.58) !important;
113 border: 1px solid rgba(0, 0, 0, 0.58);
114 color: #fff;
115 }
116
117 >>>.el-input__suffix {
118 /* color: #fff; */
119 /* font-size: 17px; */
120 }
121
122 >>>.el-tree {
123 background: transparent;
124 color: #fff;
125 }
126
127 >>>.el-tree-node__content:hover {
128 background: transparent;
129 }
130
131 >>>.el-tree-node:focus>.el-tree-node__content {
132 background-color: transparent;
133 }
134
135 >>>.el-checkbox__inner {
136 border: 1px solid #000;
137 background-color: #000;
138 }
139
140 >>>.el-icon-search {
141 cursor: pointer;
142 }
143 </style>
...\ No newline at end of file ...\ No newline at end of file
1 西双版纳6日5晚游玩
2
3 西安-西双版纳-西安 住星光夜市附近
4
5 D1 去酒店放行李 女士休息，男士去取车 [剧场]傣秀 [恰饭] 星光夜市
6
7 D2 [游玩] 中科院西双版纳热带植物园 晚上返回酒店 休整后市区转转 恰饭
8
9 D3 [游玩] 野象谷，基诺山寨 晚上返回酒店 恰饭
10
11 D5 [游玩] 西双版纳热带雨林国家公园望天树景区。
12
13 D5 [游玩] 傣族园、 告庄西双景。
14
15 D6 想去哪里就去哪里
16
17 D7 还车，准备回家
18
19 主要费用
20 机票 西安 - 西双版纳 往返直飞 往返单人3200左右 3200 * 2 6400
21 住宿 两间 10.1~10.7 400 * 6 2400 * 1 4800
22 租车费用 400 每天 7 天 预计2800 （看app中每天送100油卡）
23
24 大约 两人： 6400 + 4800 + 1400 12600(两人)
...\ No newline at end of file ...\ No newline at end of file
...@@ -53,7 +53,7 @@ ...@@ -53,7 +53,7 @@
53 <bottomNav></bottomNav> 53 <bottomNav></bottomNav>
54 </div> 54 </div>
55 <div class="leftAssert"> 55 <div class="leftAssert">
56 <leftAssert></leftAssert> 56 <leftAssert @EFadb='EFadb' @EKgfz='EKgfz' @EGzfx='EGzfx'></leftAssert>
57 </div> 57 </div>
58 <div class="mapPop"> 58 <div class="mapPop">
59 <mapPop></mapPop> 59 <mapPop></mapPop>
...@@ -62,7 +62,7 @@ ...@@ -62,7 +62,7 @@
62 <allSee @closePop='closePop'></allSee> 62 <allSee @closePop='closePop'></allSee>
63 </div> 63 </div>
64 64
65 <div class="allSee" v-if='ymAnslysis'> 65 <div class="allSee " v-if='ymAnslysis' style="top: 315px">
66 <ymAnslysis @closePop='closePop'></ymAnslysis> 66 <ymAnslysis @closePop='closePop'></ymAnslysis>
67 </div> 67 </div>
68 68
...@@ -70,14 +70,14 @@ ...@@ -70,14 +70,14 @@
70 <horizon @closePop='closePop'></horizon> 70 <horizon @closePop='closePop'></horizon>
71 </div> 71 </div>
72 72
73 <div class="allSee" v-if='tjxAnslysis'> 73 <div class="allSee tjx-anslysis" v-if='tjxAnslysis'>
74 <tjxAnslysis @closePop='closePop'></tjxAnslysis> 74 <tjxAnslysis @closePop='closePop'></tjxAnslysis>
75 </div> 75 </div>
76 <div class="allSee" v-if='yyAnslysis'> 76 <div class="allSee" v-if='yyAnslysis'>
77 <yyAnslysis @closePop='closePop'></yyAnslysis> 77 <yyAnslysis @closePop='closePop'></yyAnslysis>
78 </div> 78 </div>
79 79
80 <div class="allSee kg-anslysis" v-if='kgAnalusis'> 80 <div class="allSee tjx-anslysis" v-if='kgAnalusis'>
81 <kgAnalusis @closePop='closePop'></kgAnalusis> 81 <kgAnalusis @closePop='closePop'></kgAnalusis>
82 </div> 82 </div>
83 83
...@@ -423,7 +423,18 @@ ...@@ -423,7 +423,18 @@
423 this[ele] = false; 423 this[ele] = false;
424 }; 424 };
425 }) 425 })
426 } 426 },
427
428 // 方案对比
429 EFadb() {
430 },
431 // 控高分析
432 EKgfz() {
433 this.kgAnalusis = true;
434 },
435 // 光照分析
436 EGzfx() {
437 },
427 } 438 }
428 } 439 }
429 </script> 440 </script>
...@@ -584,7 +595,7 @@ ...@@ -584,7 +595,7 @@
584 top: 416px; 595 top: 416px;
585 } 596 }
586 597
587 .kg-anslysis { 598 .tjx-anslysis {
588 top: 265px; 599 top: 265px;
589 } 600 }
590 </style> 601 </style>
...\ No newline at end of file ...\ No newline at end of file
......