From 08d0c4ca9064c27be7b3e488bec497e87a05cc18 Mon Sep 17 00:00:00 2001 From: surprise <15810472099@163.com> Date: 星期三, 27 三月 2024 09:56:01 +0800 Subject: [PATCH] 代码更新 --- src/views/index.vue | 132 ++++++++++++++++++++++++++++++++----------- 1 files changed, 98 insertions(+), 34 deletions(-) diff --git a/src/views/index.vue b/src/views/index.vue index 9034e07..ddf071e 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -5,46 +5,73 @@ <transition name="el-zoom-in-center" v-show="showlogo"> <menus @menusData="menusData"></menus> </transition> + <transition name="el-zoom-in-top" v-show="showlogo"> <div class="right_box"> <poiList></poiList> - <BGDC v-show="checkMenuFlag == 'a3'"></BGDC> - <SYFX - :SYPOIname="POIName" - @toggleFK="toggleFK" - v-if="checkMenuFlag == 'a2'" - ></SYFX> - <SYFK - :SYPOIname="POIName" - :syfkData="syfkData" - v-if="showFk" - @FKclose="FKclose" - ></SYFK> - <YCWG v-show="checkMenuFlag == 'b2'"></YCWG> - <div class="chart_box" v-if="chart_isshow"> - <div class="popout_title">鏇茬嚎缁熻鍥�</div> - <div class="close" @click="popoutClose('QX')"></div> - <chart></chart> - </div> - <date-time-picker - :tpData="checkMenuFlag" - v-if="checkMenuFlag == 'd2' || checkMenuFlag == 'd3'" - @changeTime="changeTime" - ></date-time-picker> - <div class="weather_box_c" v-show="checkMenuFlag == 'd6'"> - <div class="popout_title">澶╂皵鐗规晥</div> - <!-- <div class="close" @click="popoutClose('HJ')"></div> --> - <weather></weather> - </div> - <SZSZ v-show="checkMenuFlag == 'e2'"></SZSZ> + <div class="content"> + <div class="left"> + <dayzdmax v-if="checkMenuFlag == 'f1'"></dayzdmax> + <weekzdmax v-if="checkMenuFlag == 'f1'"></weekzdmax> + </div> + <div class="right"> + <BGDC v-show="checkMenuFlag == 'a3'"></BGDC> + <report-list + :menusId="checkMenuFlag" + v-if=" + checkMenuFlag == 'a4' || + checkMenuFlag == 'a5' || + checkMenuFlag == 'a6' + " + ></report-list> + <SYFX + :SYPOIname="POIName" + @toggleFK="toggleFK" + v-if="checkMenuFlag == 'a2'" + ></SYFX> + <SYFK + :SYPOIname="POIName" + :syfkData="syfkData" + v-if="showFk" + @FKclose="FKclose" + ></SYFK> + <YCWG v-if="checkMenuFlag == 'b2'"></YCWG> + <div class="chart_box" v-if="chart_isshow"> + <div class="popout_title">鏇茬嚎缁熻鍥�</div> + <div class="close" @click="popoutClose('QX')"></div> + <chart></chart> + </div> - <BJlist v-if="checkMenuFlag == 'c3'"></BJlist> - <YJlist v-if="checkMenuFlag == 'c2'"></YJlist> - <gjfx v-if="checkMenuFlag == 'f1'"></gjfx> - <zdmax v-if="checkMenuFlag == 'f1'"></zdmax> + <date-time-picker + :tpData="checkMenuFlag" + v-if=" + checkMenuFlag == 'd21' || + checkMenuFlag == 'd22' || + checkMenuFlag == 'd23' || + checkMenuFlag == 'd3' + " + @changeTime="changeTime" + ></date-time-picker> + <div class="weather_box_c" v-show="checkMenuFlag == 'd6'"> + <div class="popout_title">澶╂皵鐗规晥</div> + <!-- <div class="close" @click="popoutClose('HJ')"></div> --> + <weather></weather> + </div> + <SZSZ v-show="checkMenuFlag == 'e2'"></SZSZ> + + <BJlist v-if="checkMenuFlag == 'c3'"></BJlist> + <YJlist v-if="checkMenuFlag == 'c2'"></YJlist> + <gjfx v-if="checkMenuFlag == 'f1'"></gjfx> + <zdmax v-if="checkMenuFlag == 'f1'"></zdmax> + <PreCusPage v-if="checkMenuFlag == 'b5'"></PreCusPage> + </div> + </div> </div> </transition> - <div class="video_box" v-show="checkMenuFlag == 'e3'"> + <div + class="video_box" + v-if="checkMenuFlag == 'e3' || checkMenuFlag == 'e5'" + > <video :src="videoUrl" controls="controls" @@ -68,6 +95,7 @@ import menus from "@/views/menus.vue"; //鏅鸿兘鎶ュ憡 import BGDC from "@/components/BGDC.vue"; +import reportList from "@/components/reportList.vue"; //婧簮鍒嗘瀽 import SYFX from "@/components/SYFX.vue"; import SYFK from "@/components/SYFK.vue"; @@ -77,6 +105,7 @@ import YCWG from "@/components/YCWG.vue"; //鏃堕棿閫夋嫨 import dateTimePicker from "@/components/dateTimePicker.vue"; + //澶╂皵鐗规晥 import weather from "@/views/weather.vue"; //闃堝�艰缃� @@ -84,11 +113,14 @@ //棰勮鎶ヨ import BJlist from "@/components/BJlist.vue"; import YJlist from "@/components/YJlist.vue"; +import PreCusPage from "@/components/PreCusPage.vue"; //鐐逛綅鍒楄〃 import poiList from "@/components/poiList.vue"; //缁熻鍥� import gjfx from "@/components/xgzs/gjfx.vue"; import zdmax from "@/components/xgzs/zdmax.vue"; +import dayzdmax from "@/components/xgzs/dayzdmax.vue"; +import weekzdmax from "@/components/xgzs/weekzdmax.vue"; import { queryWeatherList, queryLocaltion, @@ -113,6 +145,10 @@ poiList, gjfx, zdmax, + reportList, + dayzdmax, + weekzdmax, + PreCusPage }, setup(props, { emit }) { const store = useStore(); @@ -186,6 +222,29 @@ } else { checkMenuFlag.value = null; } + if (res.id == "e4") { + window.open( + `${ + window.location.href.split("#")[0] + }config/鐕曞北鐭冲寲绯荤粺鍔熻兘鎿嶄綔鏂囨。.pdf` + ); + } + if (res.id == "e3") { + videoUrl.value = window.location.href.split("#")[0] + videoJS; + } + if (res.id == "e5") { + videoUrl.value = window.location.href.split("#")[0] + SMvideoJS; + } + + sgworld.Core.postMessage({ + func_name: "SetSmallWind", + lon: "", + lat: "", + alt: 300, + Scope: "", + Direction: "", + Hidden: "true", + }); }; const toggleFK = (params) => { @@ -290,6 +349,11 @@ display: flex; flex-direction: column; align-items: flex-end; + .content { + display: flex; + justify-content: space-between; + align-content: center; + } } .right_box::-webkit-scrollbar { width: 8px; -- Gitblit v1.9.3