diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss index b8a3001..4d45981 100644 --- a/src/assets/styles/element-ui.scss +++ b/src/assets/styles/element-ui.scss @@ -128,6 +128,7 @@ position: absolute; top: 50%; left: 50%; + z-index: 2000; display: flex; flex-direction: column; transform: translate(-50%, -50%); diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss index b8a3001..4d45981 100644 --- a/src/assets/styles/element-ui.scss +++ b/src/assets/styles/element-ui.scss @@ -128,6 +128,7 @@ position: absolute; top: 50%; left: 50%; + z-index: 2000; display: flex; flex-direction: column; transform: translate(-50%, -50%); diff --git a/src/views/sponeScreen/Echarts/RainfallLegend.vue b/src/views/sponeScreen/Echarts/RainfallLegend.vue index 1c83534..7c03214 100644 --- a/src/views/sponeScreen/Echarts/RainfallLegend.vue +++ b/src/views/sponeScreen/Echarts/RainfallLegend.vue @@ -132,6 +132,8 @@ symbolSize: 10, name: '降雨量', type: 'line', + animationDuration: 8000, // 动画持续时间 + animationEasing: 'cubicInOut', data: props.data.data1, itemStyle: { borderWidth: 5, @@ -143,13 +145,15 @@ coordinateSystem: 'cartesian2d', symbolSize: 30, polyline: true, + effect: { show: true, trailLength: 0, symbol: 'arrow', - period: 30, //光点滑动速度 + period: 25, //光点滑动速度 symbolSize: 15, }, + lineStyle: { width: 1, opacity: 0.6, diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss index b8a3001..4d45981 100644 --- a/src/assets/styles/element-ui.scss +++ b/src/assets/styles/element-ui.scss @@ -128,6 +128,7 @@ position: absolute; top: 50%; left: 50%; + z-index: 2000; display: flex; flex-direction: column; transform: translate(-50%, -50%); diff --git a/src/views/sponeScreen/Echarts/RainfallLegend.vue b/src/views/sponeScreen/Echarts/RainfallLegend.vue index 1c83534..7c03214 100644 --- a/src/views/sponeScreen/Echarts/RainfallLegend.vue +++ b/src/views/sponeScreen/Echarts/RainfallLegend.vue @@ -132,6 +132,8 @@ symbolSize: 10, name: '降雨量', type: 'line', + animationDuration: 8000, // 动画持续时间 + animationEasing: 'cubicInOut', data: props.data.data1, itemStyle: { borderWidth: 5, @@ -143,13 +145,15 @@ coordinateSystem: 'cartesian2d', symbolSize: 30, polyline: true, + effect: { show: true, trailLength: 0, symbol: 'arrow', - period: 30, //光点滑动速度 + period: 25, //光点滑动速度 symbolSize: 15, }, + lineStyle: { width: 1, opacity: 0.6, diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue index b151bdf..f9f99a9 100644 --- a/src/views/sponeScreen/HaiMianScreen/index.vue +++ b/src/views/sponeScreen/HaiMianScreen/index.vue @@ -245,53 +245,3 @@ } } - - diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss index b8a3001..4d45981 100644 --- a/src/assets/styles/element-ui.scss +++ b/src/assets/styles/element-ui.scss @@ -128,6 +128,7 @@ position: absolute; top: 50%; left: 50%; + z-index: 2000; display: flex; flex-direction: column; transform: translate(-50%, -50%); diff --git a/src/views/sponeScreen/Echarts/RainfallLegend.vue b/src/views/sponeScreen/Echarts/RainfallLegend.vue index 1c83534..7c03214 100644 --- a/src/views/sponeScreen/Echarts/RainfallLegend.vue +++ b/src/views/sponeScreen/Echarts/RainfallLegend.vue @@ -132,6 +132,8 @@ symbolSize: 10, name: '降雨量', type: 'line', + animationDuration: 8000, // 动画持续时间 + animationEasing: 'cubicInOut', data: props.data.data1, itemStyle: { borderWidth: 5, @@ -143,13 +145,15 @@ coordinateSystem: 'cartesian2d', symbolSize: 30, polyline: true, + effect: { show: true, trailLength: 0, symbol: 'arrow', - period: 30, //光点滑动速度 + period: 25, //光点滑动速度 symbolSize: 15, }, + lineStyle: { width: 1, opacity: 0.6, diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue index b151bdf..f9f99a9 100644 --- a/src/views/sponeScreen/HaiMianScreen/index.vue +++ b/src/views/sponeScreen/HaiMianScreen/index.vue @@ -245,53 +245,3 @@ } } - - diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue index 73fb6a5..de678d6 100644 --- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue +++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue @@ -190,6 +190,8 @@ align-items: center; font-family: SourceHanSansCN-Regular; font-weight: 300; + z-index: 1000; + cursor: pointer; // background: red; .unit { padding-top: 2px; diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss index b8a3001..4d45981 100644 --- a/src/assets/styles/element-ui.scss +++ b/src/assets/styles/element-ui.scss @@ -128,6 +128,7 @@ position: absolute; top: 50%; left: 50%; + z-index: 2000; display: flex; flex-direction: column; transform: translate(-50%, -50%); diff --git a/src/views/sponeScreen/Echarts/RainfallLegend.vue b/src/views/sponeScreen/Echarts/RainfallLegend.vue index 1c83534..7c03214 100644 --- a/src/views/sponeScreen/Echarts/RainfallLegend.vue +++ b/src/views/sponeScreen/Echarts/RainfallLegend.vue @@ -132,6 +132,8 @@ symbolSize: 10, name: '降雨量', type: 'line', + animationDuration: 8000, // 动画持续时间 + animationEasing: 'cubicInOut', data: props.data.data1, itemStyle: { borderWidth: 5, @@ -143,13 +145,15 @@ coordinateSystem: 'cartesian2d', symbolSize: 30, polyline: true, + effect: { show: true, trailLength: 0, symbol: 'arrow', - period: 30, //光点滑动速度 + period: 25, //光点滑动速度 symbolSize: 15, }, + lineStyle: { width: 1, opacity: 0.6, diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue index b151bdf..f9f99a9 100644 --- a/src/views/sponeScreen/HaiMianScreen/index.vue +++ b/src/views/sponeScreen/HaiMianScreen/index.vue @@ -245,53 +245,3 @@ } } - - diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue index 73fb6a5..de678d6 100644 --- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue +++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue @@ -190,6 +190,8 @@ align-items: center; font-family: SourceHanSansCN-Regular; font-weight: 300; + z-index: 1000; + cursor: pointer; // background: red; .unit { padding-top: 2px; diff --git a/src/views/sponeScreen/cityGK/cityplanning.vue b/src/views/sponeScreen/cityGK/cityplanning.vue index eae33e3..4a1905f 100644 --- a/src/views/sponeScreen/cityGK/cityplanning.vue +++ b/src/views/sponeScreen/cityGK/cityplanning.vue @@ -143,7 +143,7 @@ }, { name: '生态岸线比例', - NumberA: '12025年≥60%', + NumberA: '2025年≥60%', content: '2035年≥80%', }, ]); diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss index b8a3001..4d45981 100644 --- a/src/assets/styles/element-ui.scss +++ b/src/assets/styles/element-ui.scss @@ -128,6 +128,7 @@ position: absolute; top: 50%; left: 50%; + z-index: 2000; display: flex; flex-direction: column; transform: translate(-50%, -50%); diff --git a/src/views/sponeScreen/Echarts/RainfallLegend.vue b/src/views/sponeScreen/Echarts/RainfallLegend.vue index 1c83534..7c03214 100644 --- a/src/views/sponeScreen/Echarts/RainfallLegend.vue +++ b/src/views/sponeScreen/Echarts/RainfallLegend.vue @@ -132,6 +132,8 @@ symbolSize: 10, name: '降雨量', type: 'line', + animationDuration: 8000, // 动画持续时间 + animationEasing: 'cubicInOut', data: props.data.data1, itemStyle: { borderWidth: 5, @@ -143,13 +145,15 @@ coordinateSystem: 'cartesian2d', symbolSize: 30, polyline: true, + effect: { show: true, trailLength: 0, symbol: 'arrow', - period: 30, //光点滑动速度 + period: 25, //光点滑动速度 symbolSize: 15, }, + lineStyle: { width: 1, opacity: 0.6, diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue index b151bdf..f9f99a9 100644 --- a/src/views/sponeScreen/HaiMianScreen/index.vue +++ b/src/views/sponeScreen/HaiMianScreen/index.vue @@ -245,53 +245,3 @@ } } - - diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue index 73fb6a5..de678d6 100644 --- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue +++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue @@ -190,6 +190,8 @@ align-items: center; font-family: SourceHanSansCN-Regular; font-weight: 300; + z-index: 1000; + cursor: pointer; // background: red; .unit { padding-top: 2px; diff --git a/src/views/sponeScreen/cityGK/cityplanning.vue b/src/views/sponeScreen/cityGK/cityplanning.vue index eae33e3..4a1905f 100644 --- a/src/views/sponeScreen/cityGK/cityplanning.vue +++ b/src/views/sponeScreen/cityGK/cityplanning.vue @@ -143,7 +143,7 @@ }, { name: '生态岸线比例', - NumberA: '12025年≥60%', + NumberA: '2025年≥60%', content: '2035年≥80%', }, ]); diff --git a/src/views/sponeScreen/cityGK/index.vue b/src/views/sponeScreen/cityGK/index.vue index e85962e..b97f08c 100644 --- a/src/views/sponeScreen/cityGK/index.vue +++ b/src/views/sponeScreen/cityGK/index.vue @@ -28,6 +28,7 @@ import headHMAimg from '@/views/sponeScreen/cityGK/headHMAimg.vue'; //头部 import PhysicalGeography from '@/views/sponeScreen/cityGK/PhysicalGeography.vue'; //头部 import bus from '@/bus/index'; +import { onBeforeUnmount } from 'vue'; const { proxy } = getCurrentInstance(); const showPanel = ref(true); //面板展开收起 @@ -60,6 +61,22 @@ ]); }, 5000); }); +onBeforeUnmount(() => { + bus.emit('setIniteLayer', [ + { + layername: 'topography', + show: true, + }, + { + layername: 'builtCity', + show: true, + }, + { + layername: 'centerCity', + show: true, + }, + ]); +}); diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss index b8a3001..4d45981 100644 --- a/src/assets/styles/element-ui.scss +++ b/src/assets/styles/element-ui.scss @@ -128,6 +128,7 @@ position: absolute; top: 50%; left: 50%; + z-index: 2000; display: flex; flex-direction: column; transform: translate(-50%, -50%); diff --git a/src/views/sponeScreen/Echarts/RainfallLegend.vue b/src/views/sponeScreen/Echarts/RainfallLegend.vue index 1c83534..7c03214 100644 --- a/src/views/sponeScreen/Echarts/RainfallLegend.vue +++ b/src/views/sponeScreen/Echarts/RainfallLegend.vue @@ -132,6 +132,8 @@ symbolSize: 10, name: '降雨量', type: 'line', + animationDuration: 8000, // 动画持续时间 + animationEasing: 'cubicInOut', data: props.data.data1, itemStyle: { borderWidth: 5, @@ -143,13 +145,15 @@ coordinateSystem: 'cartesian2d', symbolSize: 30, polyline: true, + effect: { show: true, trailLength: 0, symbol: 'arrow', - period: 30, //光点滑动速度 + period: 25, //光点滑动速度 symbolSize: 15, }, + lineStyle: { width: 1, opacity: 0.6, diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue index b151bdf..f9f99a9 100644 --- a/src/views/sponeScreen/HaiMianScreen/index.vue +++ b/src/views/sponeScreen/HaiMianScreen/index.vue @@ -245,53 +245,3 @@ } } - - diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue index 73fb6a5..de678d6 100644 --- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue +++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue @@ -190,6 +190,8 @@ align-items: center; font-family: SourceHanSansCN-Regular; font-weight: 300; + z-index: 1000; + cursor: pointer; // background: red; .unit { padding-top: 2px; diff --git a/src/views/sponeScreen/cityGK/cityplanning.vue b/src/views/sponeScreen/cityGK/cityplanning.vue index eae33e3..4a1905f 100644 --- a/src/views/sponeScreen/cityGK/cityplanning.vue +++ b/src/views/sponeScreen/cityGK/cityplanning.vue @@ -143,7 +143,7 @@ }, { name: '生态岸线比例', - NumberA: '12025年≥60%', + NumberA: '2025年≥60%', content: '2035年≥80%', }, ]); diff --git a/src/views/sponeScreen/cityGK/index.vue b/src/views/sponeScreen/cityGK/index.vue index e85962e..b97f08c 100644 --- a/src/views/sponeScreen/cityGK/index.vue +++ b/src/views/sponeScreen/cityGK/index.vue @@ -28,6 +28,7 @@ import headHMAimg from '@/views/sponeScreen/cityGK/headHMAimg.vue'; //头部 import PhysicalGeography from '@/views/sponeScreen/cityGK/PhysicalGeography.vue'; //头部 import bus from '@/bus/index'; +import { onBeforeUnmount } from 'vue'; const { proxy } = getCurrentInstance(); const showPanel = ref(true); //面板展开收起 @@ -60,6 +61,22 @@ ]); }, 5000); }); +onBeforeUnmount(() => { + bus.emit('setIniteLayer', [ + { + layername: 'topography', + show: true, + }, + { + layername: 'builtCity', + show: true, + }, + { + layername: 'centerCity', + show: true, + }, + ]); +}); diff --git a/src/views/sponeScreen/cityGK/rainfall.vue b/src/views/sponeScreen/cityGK/rainfall.vue index 6169afe..26c14e1 100644 --- a/src/views/sponeScreen/cityGK/rainfall.vue +++ b/src/views/sponeScreen/cityGK/rainfall.vue @@ -30,6 +30,7 @@ import RainfallEcharts from '@/views/sponeScreen/Echarts/RainfallEcharts.vue'; //年际降雨变化 import RainfallLegend from '@/views/sponeScreen/Echarts/RainfallLegend.vue'; //年内降雨量 +import { onBeforeUnmount } from 'vue'; const chartData2 = ref({ xAxis: [1985, 1990, 1995, 2000, 2005, 2010, 2015, 2020, 2021], @@ -126,6 +127,11 @@ const refresh = ref(1); const refresh1 = ref(1); +onBeforeUnmount(() => { + clearInterval(weatherTimer.value); + weatherTimer.value = null; + newfiberMap.weatherRemove(); +}); - - diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue index 73fb6a5..de678d6 100644 --- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue +++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue @@ -190,6 +190,8 @@ align-items: center; font-family: SourceHanSansCN-Regular; font-weight: 300; + z-index: 1000; + cursor: pointer; // background: red; .unit { padding-top: 2px; diff --git a/src/views/sponeScreen/cityGK/cityplanning.vue b/src/views/sponeScreen/cityGK/cityplanning.vue index eae33e3..4a1905f 100644 --- a/src/views/sponeScreen/cityGK/cityplanning.vue +++ b/src/views/sponeScreen/cityGK/cityplanning.vue @@ -143,7 +143,7 @@ }, { name: '生态岸线比例', - NumberA: '12025年≥60%', + NumberA: '2025年≥60%', content: '2035年≥80%', }, ]); diff --git a/src/views/sponeScreen/cityGK/index.vue b/src/views/sponeScreen/cityGK/index.vue index e85962e..b97f08c 100644 --- a/src/views/sponeScreen/cityGK/index.vue +++ b/src/views/sponeScreen/cityGK/index.vue @@ -28,6 +28,7 @@ import headHMAimg from '@/views/sponeScreen/cityGK/headHMAimg.vue'; //头部 import PhysicalGeography from '@/views/sponeScreen/cityGK/PhysicalGeography.vue'; //头部 import bus from '@/bus/index'; +import { onBeforeUnmount } from 'vue'; const { proxy } = getCurrentInstance(); const showPanel = ref(true); //面板展开收起 @@ -60,6 +61,22 @@ ]); }, 5000); }); +onBeforeUnmount(() => { + bus.emit('setIniteLayer', [ + { + layername: 'topography', + show: true, + }, + { + layername: 'builtCity', + show: true, + }, + { + layername: 'centerCity', + show: true, + }, + ]); +}); diff --git a/src/views/sponeScreen/cityGK/rainfall.vue b/src/views/sponeScreen/cityGK/rainfall.vue index 6169afe..26c14e1 100644 --- a/src/views/sponeScreen/cityGK/rainfall.vue +++ b/src/views/sponeScreen/cityGK/rainfall.vue @@ -30,6 +30,7 @@ import RainfallEcharts from '@/views/sponeScreen/Echarts/RainfallEcharts.vue'; //年际降雨变化 import RainfallLegend from '@/views/sponeScreen/Echarts/RainfallLegend.vue'; //年内降雨量 +import { onBeforeUnmount } from 'vue'; const chartData2 = ref({ xAxis: [1985, 1990, 1995, 2000, 2005, 2010, 2015, 2020, 2021], @@ -126,6 +127,11 @@ const refresh = ref(1); const refresh1 = ref(1); +onBeforeUnmount(() => { + clearInterval(weatherTimer.value); + weatherTimer.value = null; + newfiberMap.weatherRemove(); +}); - - diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue index 73fb6a5..de678d6 100644 --- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue +++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue @@ -190,6 +190,8 @@ align-items: center; font-family: SourceHanSansCN-Regular; font-weight: 300; + z-index: 1000; + cursor: pointer; // background: red; .unit { padding-top: 2px; diff --git a/src/views/sponeScreen/cityGK/cityplanning.vue b/src/views/sponeScreen/cityGK/cityplanning.vue index eae33e3..4a1905f 100644 --- a/src/views/sponeScreen/cityGK/cityplanning.vue +++ b/src/views/sponeScreen/cityGK/cityplanning.vue @@ -143,7 +143,7 @@ }, { name: '生态岸线比例', - NumberA: '12025年≥60%', + NumberA: '2025年≥60%', content: '2035年≥80%', }, ]); diff --git a/src/views/sponeScreen/cityGK/index.vue b/src/views/sponeScreen/cityGK/index.vue index e85962e..b97f08c 100644 --- a/src/views/sponeScreen/cityGK/index.vue +++ b/src/views/sponeScreen/cityGK/index.vue @@ -28,6 +28,7 @@ import headHMAimg from '@/views/sponeScreen/cityGK/headHMAimg.vue'; //头部 import PhysicalGeography from '@/views/sponeScreen/cityGK/PhysicalGeography.vue'; //头部 import bus from '@/bus/index'; +import { onBeforeUnmount } from 'vue'; const { proxy } = getCurrentInstance(); const showPanel = ref(true); //面板展开收起 @@ -60,6 +61,22 @@ ]); }, 5000); }); +onBeforeUnmount(() => { + bus.emit('setIniteLayer', [ + { + layername: 'topography', + show: true, + }, + { + layername: 'builtCity', + show: true, + }, + { + layername: 'centerCity', + show: true, + }, + ]); +}); diff --git a/src/views/sponeScreen/cityGK/rainfall.vue b/src/views/sponeScreen/cityGK/rainfall.vue index 6169afe..26c14e1 100644 --- a/src/views/sponeScreen/cityGK/rainfall.vue +++ b/src/views/sponeScreen/cityGK/rainfall.vue @@ -30,6 +30,7 @@ import RainfallEcharts from '@/views/sponeScreen/Echarts/RainfallEcharts.vue'; //年际降雨变化 import RainfallLegend from '@/views/sponeScreen/Echarts/RainfallLegend.vue'; //年内降雨量 +import { onBeforeUnmount } from 'vue'; const chartData2 = ref({ xAxis: [1985, 1990, 1995, 2000, 2005, 2010, 2015, 2020, 2021], @@ -126,6 +127,11 @@ const refresh = ref(1); const refresh1 = ref(1); +onBeforeUnmount(() => { + clearInterval(weatherTimer.value); + weatherTimer.value = null; + newfiberMap.weatherRemove(); +}); - - diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue index 73fb6a5..de678d6 100644 --- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue +++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue @@ -190,6 +190,8 @@ align-items: center; font-family: SourceHanSansCN-Regular; font-weight: 300; + z-index: 1000; + cursor: pointer; // background: red; .unit { padding-top: 2px; diff --git a/src/views/sponeScreen/cityGK/cityplanning.vue b/src/views/sponeScreen/cityGK/cityplanning.vue index eae33e3..4a1905f 100644 --- a/src/views/sponeScreen/cityGK/cityplanning.vue +++ b/src/views/sponeScreen/cityGK/cityplanning.vue @@ -143,7 +143,7 @@ }, { name: '生态岸线比例', - NumberA: '12025年≥60%', + NumberA: '2025年≥60%', content: '2035年≥80%', }, ]); diff --git a/src/views/sponeScreen/cityGK/index.vue b/src/views/sponeScreen/cityGK/index.vue index e85962e..b97f08c 100644 --- a/src/views/sponeScreen/cityGK/index.vue +++ b/src/views/sponeScreen/cityGK/index.vue @@ -28,6 +28,7 @@ import headHMAimg from '@/views/sponeScreen/cityGK/headHMAimg.vue'; //头部 import PhysicalGeography from '@/views/sponeScreen/cityGK/PhysicalGeography.vue'; //头部 import bus from '@/bus/index'; +import { onBeforeUnmount } from 'vue'; const { proxy } = getCurrentInstance(); const showPanel = ref(true); //面板展开收起 @@ -60,6 +61,22 @@ ]); }, 5000); }); +onBeforeUnmount(() => { + bus.emit('setIniteLayer', [ + { + layername: 'topography', + show: true, + }, + { + layername: 'builtCity', + show: true, + }, + { + layername: 'centerCity', + show: true, + }, + ]); +}); diff --git a/src/views/sponeScreen/cityGK/rainfall.vue b/src/views/sponeScreen/cityGK/rainfall.vue index 6169afe..26c14e1 100644 --- a/src/views/sponeScreen/cityGK/rainfall.vue +++ b/src/views/sponeScreen/cityGK/rainfall.vue @@ -30,6 +30,7 @@ import RainfallEcharts from '@/views/sponeScreen/Echarts/RainfallEcharts.vue'; //年际降雨变化 import RainfallLegend from '@/views/sponeScreen/Echarts/RainfallLegend.vue'; //年内降雨量 +import { onBeforeUnmount } from 'vue'; const chartData2 = ref({ xAxis: [1985, 1990, 1995, 2000, 2005, 2010, 2015, 2020, 2021], @@ -126,6 +127,11 @@ const refresh = ref(1); const refresh1 = ref(1); +onBeforeUnmount(() => { + clearInterval(weatherTimer.value); + weatherTimer.value = null; + newfiberMap.weatherRemove(); +}); - - diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue index 73fb6a5..de678d6 100644 --- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue +++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue @@ -190,6 +190,8 @@ align-items: center; font-family: SourceHanSansCN-Regular; font-weight: 300; + z-index: 1000; + cursor: pointer; // background: red; .unit { padding-top: 2px; diff --git a/src/views/sponeScreen/cityGK/cityplanning.vue b/src/views/sponeScreen/cityGK/cityplanning.vue index eae33e3..4a1905f 100644 --- a/src/views/sponeScreen/cityGK/cityplanning.vue +++ b/src/views/sponeScreen/cityGK/cityplanning.vue @@ -143,7 +143,7 @@ }, { name: '生态岸线比例', - NumberA: '12025年≥60%', + NumberA: '2025年≥60%', content: '2035年≥80%', }, ]); diff --git a/src/views/sponeScreen/cityGK/index.vue b/src/views/sponeScreen/cityGK/index.vue index e85962e..b97f08c 100644 --- a/src/views/sponeScreen/cityGK/index.vue +++ b/src/views/sponeScreen/cityGK/index.vue @@ -28,6 +28,7 @@ import headHMAimg from '@/views/sponeScreen/cityGK/headHMAimg.vue'; //头部 import PhysicalGeography from '@/views/sponeScreen/cityGK/PhysicalGeography.vue'; //头部 import bus from '@/bus/index'; +import { onBeforeUnmount } from 'vue'; const { proxy } = getCurrentInstance(); const showPanel = ref(true); //面板展开收起 @@ -60,6 +61,22 @@ ]); }, 5000); }); +onBeforeUnmount(() => { + bus.emit('setIniteLayer', [ + { + layername: 'topography', + show: true, + }, + { + layername: 'builtCity', + show: true, + }, + { + layername: 'centerCity', + show: true, + }, + ]); +}); diff --git a/src/views/sponeScreen/cityGK/rainfall.vue b/src/views/sponeScreen/cityGK/rainfall.vue index 6169afe..26c14e1 100644 --- a/src/views/sponeScreen/cityGK/rainfall.vue +++ b/src/views/sponeScreen/cityGK/rainfall.vue @@ -30,6 +30,7 @@ import RainfallEcharts from '@/views/sponeScreen/Echarts/RainfallEcharts.vue'; //年际降雨变化 import RainfallLegend from '@/views/sponeScreen/Echarts/RainfallLegend.vue'; //年内降雨量 +import { onBeforeUnmount } from 'vue'; const chartData2 = ref({ xAxis: [1985, 1990, 1995, 2000, 2005, 2010, 2015, 2020, 2021], @@ -126,6 +127,11 @@ const refresh = ref(1); const refresh1 = ref(1); +onBeforeUnmount(() => { + clearInterval(weatherTimer.value); + weatherTimer.value = null; + newfiberMap.weatherRemove(); +}); - - diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue index 73fb6a5..de678d6 100644 --- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue +++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue @@ -190,6 +190,8 @@ align-items: center; font-family: SourceHanSansCN-Regular; font-weight: 300; + z-index: 1000; + cursor: pointer; // background: red; .unit { padding-top: 2px; diff --git a/src/views/sponeScreen/cityGK/cityplanning.vue b/src/views/sponeScreen/cityGK/cityplanning.vue index eae33e3..4a1905f 100644 --- a/src/views/sponeScreen/cityGK/cityplanning.vue +++ b/src/views/sponeScreen/cityGK/cityplanning.vue @@ -143,7 +143,7 @@ }, { name: '生态岸线比例', - NumberA: '12025年≥60%', + NumberA: '2025年≥60%', content: '2035年≥80%', }, ]); diff --git a/src/views/sponeScreen/cityGK/index.vue b/src/views/sponeScreen/cityGK/index.vue index e85962e..b97f08c 100644 --- a/src/views/sponeScreen/cityGK/index.vue +++ b/src/views/sponeScreen/cityGK/index.vue @@ -28,6 +28,7 @@ import headHMAimg from '@/views/sponeScreen/cityGK/headHMAimg.vue'; //头部 import PhysicalGeography from '@/views/sponeScreen/cityGK/PhysicalGeography.vue'; //头部 import bus from '@/bus/index'; +import { onBeforeUnmount } from 'vue'; const { proxy } = getCurrentInstance(); const showPanel = ref(true); //面板展开收起 @@ -60,6 +61,22 @@ ]); }, 5000); }); +onBeforeUnmount(() => { + bus.emit('setIniteLayer', [ + { + layername: 'topography', + show: true, + }, + { + layername: 'builtCity', + show: true, + }, + { + layername: 'centerCity', + show: true, + }, + ]); +}); diff --git a/src/views/sponeScreen/cityGK/rainfall.vue b/src/views/sponeScreen/cityGK/rainfall.vue index 6169afe..26c14e1 100644 --- a/src/views/sponeScreen/cityGK/rainfall.vue +++ b/src/views/sponeScreen/cityGK/rainfall.vue @@ -30,6 +30,7 @@ import RainfallEcharts from '@/views/sponeScreen/Echarts/RainfallEcharts.vue'; //年际降雨变化 import RainfallLegend from '@/views/sponeScreen/Echarts/RainfallLegend.vue'; //年内降雨量 +import { onBeforeUnmount } from 'vue'; const chartData2 = ref({ xAxis: [1985, 1990, 1995, 2000, 2005, 2010, 2015, 2020, 2021], @@ -126,6 +127,11 @@ const refresh = ref(1); const refresh1 = ref(1); +onBeforeUnmount(() => { + clearInterval(weatherTimer.value); + weatherTimer.value = null; + newfiberMap.weatherRemove(); +}); - - diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue index 73fb6a5..de678d6 100644 --- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue +++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue @@ -190,6 +190,8 @@ align-items: center; font-family: SourceHanSansCN-Regular; font-weight: 300; + z-index: 1000; + cursor: pointer; // background: red; .unit { padding-top: 2px; diff --git a/src/views/sponeScreen/cityGK/cityplanning.vue b/src/views/sponeScreen/cityGK/cityplanning.vue index eae33e3..4a1905f 100644 --- a/src/views/sponeScreen/cityGK/cityplanning.vue +++ b/src/views/sponeScreen/cityGK/cityplanning.vue @@ -143,7 +143,7 @@ }, { name: '生态岸线比例', - NumberA: '12025年≥60%', + NumberA: '2025年≥60%', content: '2035年≥80%', }, ]); diff --git a/src/views/sponeScreen/cityGK/index.vue b/src/views/sponeScreen/cityGK/index.vue index e85962e..b97f08c 100644 --- a/src/views/sponeScreen/cityGK/index.vue +++ b/src/views/sponeScreen/cityGK/index.vue @@ -28,6 +28,7 @@ import headHMAimg from '@/views/sponeScreen/cityGK/headHMAimg.vue'; //头部 import PhysicalGeography from '@/views/sponeScreen/cityGK/PhysicalGeography.vue'; //头部 import bus from '@/bus/index'; +import { onBeforeUnmount } from 'vue'; const { proxy } = getCurrentInstance(); const showPanel = ref(true); //面板展开收起 @@ -60,6 +61,22 @@ ]); }, 5000); }); +onBeforeUnmount(() => { + bus.emit('setIniteLayer', [ + { + layername: 'topography', + show: true, + }, + { + layername: 'builtCity', + show: true, + }, + { + layername: 'centerCity', + show: true, + }, + ]); +}); diff --git a/src/views/sponeScreen/cityGK/rainfall.vue b/src/views/sponeScreen/cityGK/rainfall.vue index 6169afe..26c14e1 100644 --- a/src/views/sponeScreen/cityGK/rainfall.vue +++ b/src/views/sponeScreen/cityGK/rainfall.vue @@ -30,6 +30,7 @@ import RainfallEcharts from '@/views/sponeScreen/Echarts/RainfallEcharts.vue'; //年际降雨变化 import RainfallLegend from '@/views/sponeScreen/Echarts/RainfallLegend.vue'; //年内降雨量 +import { onBeforeUnmount } from 'vue'; const chartData2 = ref({ xAxis: [1985, 1990, 1995, 2000, 2005, 2010, 2015, 2020, 2021], @@ -126,6 +127,11 @@ const refresh = ref(1); const refresh1 = ref(1); +onBeforeUnmount(() => { + clearInterval(weatherTimer.value); + weatherTimer.value = null; + newfiberMap.weatherRemove(); +}); - - diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue index 73fb6a5..de678d6 100644 --- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue +++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue @@ -190,6 +190,8 @@ align-items: center; font-family: SourceHanSansCN-Regular; font-weight: 300; + z-index: 1000; + cursor: pointer; // background: red; .unit { padding-top: 2px; diff --git a/src/views/sponeScreen/cityGK/cityplanning.vue b/src/views/sponeScreen/cityGK/cityplanning.vue index eae33e3..4a1905f 100644 --- a/src/views/sponeScreen/cityGK/cityplanning.vue +++ b/src/views/sponeScreen/cityGK/cityplanning.vue @@ -143,7 +143,7 @@ }, { name: '生态岸线比例', - NumberA: '12025年≥60%', + NumberA: '2025年≥60%', content: '2035年≥80%', }, ]); diff --git a/src/views/sponeScreen/cityGK/index.vue b/src/views/sponeScreen/cityGK/index.vue index e85962e..b97f08c 100644 --- a/src/views/sponeScreen/cityGK/index.vue +++ b/src/views/sponeScreen/cityGK/index.vue @@ -28,6 +28,7 @@ import headHMAimg from '@/views/sponeScreen/cityGK/headHMAimg.vue'; //头部 import PhysicalGeography from '@/views/sponeScreen/cityGK/PhysicalGeography.vue'; //头部 import bus from '@/bus/index'; +import { onBeforeUnmount } from 'vue'; const { proxy } = getCurrentInstance(); const showPanel = ref(true); //面板展开收起 @@ -60,6 +61,22 @@ ]); }, 5000); }); +onBeforeUnmount(() => { + bus.emit('setIniteLayer', [ + { + layername: 'topography', + show: true, + }, + { + layername: 'builtCity', + show: true, + }, + { + layername: 'centerCity', + show: true, + }, + ]); +}); diff --git a/src/views/sponeScreen/cityGK/rainfall.vue b/src/views/sponeScreen/cityGK/rainfall.vue index 6169afe..26c14e1 100644 --- a/src/views/sponeScreen/cityGK/rainfall.vue +++ b/src/views/sponeScreen/cityGK/rainfall.vue @@ -30,6 +30,7 @@ import RainfallEcharts from '@/views/sponeScreen/Echarts/RainfallEcharts.vue'; //年际降雨变化 import RainfallLegend from '@/views/sponeScreen/Echarts/RainfallLegend.vue'; //年内降雨量 +import { onBeforeUnmount } from 'vue'; const chartData2 = ref({ xAxis: [1985, 1990, 1995, 2000, 2005, 2010, 2015, 2020, 2021], @@ -126,6 +127,11 @@ const refresh = ref(1); const refresh1 = ref(1); +onBeforeUnmount(() => { + clearInterval(weatherTimer.value); + weatherTimer.value = null; + newfiberMap.weatherRemove(); +}); - - diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue index 73fb6a5..de678d6 100644 --- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue +++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue @@ -190,6 +190,8 @@ align-items: center; font-family: SourceHanSansCN-Regular; font-weight: 300; + z-index: 1000; + cursor: pointer; // background: red; .unit { padding-top: 2px; diff --git a/src/views/sponeScreen/cityGK/cityplanning.vue b/src/views/sponeScreen/cityGK/cityplanning.vue index eae33e3..4a1905f 100644 --- a/src/views/sponeScreen/cityGK/cityplanning.vue +++ b/src/views/sponeScreen/cityGK/cityplanning.vue @@ -143,7 +143,7 @@ }, { name: '生态岸线比例', - NumberA: '12025年≥60%', + NumberA: '2025年≥60%', content: '2035年≥80%', }, ]); diff --git a/src/views/sponeScreen/cityGK/index.vue b/src/views/sponeScreen/cityGK/index.vue index e85962e..b97f08c 100644 --- a/src/views/sponeScreen/cityGK/index.vue +++ b/src/views/sponeScreen/cityGK/index.vue @@ -28,6 +28,7 @@ import headHMAimg from '@/views/sponeScreen/cityGK/headHMAimg.vue'; //头部 import PhysicalGeography from '@/views/sponeScreen/cityGK/PhysicalGeography.vue'; //头部 import bus from '@/bus/index'; +import { onBeforeUnmount } from 'vue'; const { proxy } = getCurrentInstance(); const showPanel = ref(true); //面板展开收起 @@ -60,6 +61,22 @@ ]); }, 5000); }); +onBeforeUnmount(() => { + bus.emit('setIniteLayer', [ + { + layername: 'topography', + show: true, + }, + { + layername: 'builtCity', + show: true, + }, + { + layername: 'centerCity', + show: true, + }, + ]); +}); diff --git a/src/views/sponeScreen/cityGK/rainfall.vue b/src/views/sponeScreen/cityGK/rainfall.vue index 6169afe..26c14e1 100644 --- a/src/views/sponeScreen/cityGK/rainfall.vue +++ b/src/views/sponeScreen/cityGK/rainfall.vue @@ -30,6 +30,7 @@ import RainfallEcharts from '@/views/sponeScreen/Echarts/RainfallEcharts.vue'; //年际降雨变化 import RainfallLegend from '@/views/sponeScreen/Echarts/RainfallLegend.vue'; //年内降雨量 +import { onBeforeUnmount } from 'vue'; const chartData2 = ref({ xAxis: [1985, 1990, 1995, 2000, 2005, 2010, 2015, 2020, 2021], @@ -126,6 +127,11 @@ const refresh = ref(1); const refresh1 = ref(1); +onBeforeUnmount(() => { + clearInterval(weatherTimer.value); + weatherTimer.value = null; + newfiberMap.weatherRemove(); +});