|
|
@@ -18,7 +18,6 @@ const zmwhs = new URL('@/assets/images/zmw_hs.jpg', import.meta.url).href
|
|
|
|
|
|
const mapStore = useMapStore()
|
|
|
const left2Ref = ref(null)
|
|
|
-const right1Ref = ref(null)
|
|
|
const tableColumns = [
|
|
|
{
|
|
|
label: '站名', prop: 'stnm', convertFn: (data) => {
|
|
|
@@ -49,35 +48,6 @@ const tableColumns = [
|
|
|
const tableData = reactive([])
|
|
|
|
|
|
function reloadLeft2() {
|
|
|
- const option = {
|
|
|
- tooltip: {
|
|
|
- trigger: 'item'
|
|
|
- },
|
|
|
- legend: {
|
|
|
- textStyle: {
|
|
|
- color: '#fff'
|
|
|
- }
|
|
|
- },
|
|
|
- series: [
|
|
|
- {
|
|
|
- type: 'pie',
|
|
|
- radius: '70%',
|
|
|
- label: {
|
|
|
- show: true,
|
|
|
- color: '#fff'
|
|
|
- },
|
|
|
- data: [
|
|
|
- {value: 6, name: '水文站'},
|
|
|
- {value: 5, name: '河道水文站'},
|
|
|
- {value: 1, name: '实验站'}
|
|
|
- ]
|
|
|
- }
|
|
|
- ]
|
|
|
- }
|
|
|
- left2Ref.value.loadChart(option)
|
|
|
-}
|
|
|
-
|
|
|
-function reloadRight1() {
|
|
|
const option = {
|
|
|
color: ['#fac858', '#ee6666'],
|
|
|
tooltip: {
|
|
|
@@ -160,7 +130,7 @@ function reloadRight1() {
|
|
|
}
|
|
|
]
|
|
|
}
|
|
|
- right1Ref.value.loadChart(option)
|
|
|
+ left2Ref.value.loadChart(option)
|
|
|
}
|
|
|
|
|
|
function getStationList() {
|
|
|
@@ -228,7 +198,6 @@ function initPoints() {
|
|
|
|
|
|
onMounted(() => {
|
|
|
reloadLeft2()
|
|
|
- reloadRight1()
|
|
|
getStationList()
|
|
|
})
|
|
|
|
|
|
@@ -250,52 +219,39 @@ bus.on('point_click', (data: any) => {
|
|
|
<template>
|
|
|
<right-frame>
|
|
|
<template #leftModule>
|
|
|
- <card01 style="height: 69%" title="简介">
|
|
|
+ <card01 style="height: 61%" title="简介">
|
|
|
<el-carousel :autoplay="true" :interval="5000" arrow="never" style="width: 100%;height: 100%;" trigger="click">
|
|
|
<el-carousel-item>
|
|
|
- <h2 class="introduce-title">嘉兴监测中心</h2>
|
|
|
+ <h2 class="introduce-title">浙闽皖水文水资源监测中心</h2>
|
|
|
<p class="introduce-text">
|
|
|
位于浙江省嘉兴市经济技术开发区龙舟路753号，土地面积4.98亩，建筑面积1699.87平方米。
|
|
|
</p>
|
|
|
- <p class="introduce-text">
|
|
|
- 浙闽皖水文水资源监测中心主要负责太湖流域片浙闽、浙皖边界河流、湖泊（千岛湖）、新安江水文实验区水文测站运行管理、水文水资源水环境监测评价分析工作；负责太湖流域地下水监测管理、资料汇交，提供地下水信息服务；负责杭州湾、钱塘江河口区域风暴潮监测与研究，负责太湖流域片沿海潮位站的风暴潮信息收集、分析等工作。
|
|
|
- 浙闽皖水文水资源监测中心内设综合科、测验与技术科、黄山水文水资源监测分中心、宁德水文水资源监测分中心。
|
|
|
- </p>
|
|
|
- <img :src="zmwjianjie" alt="" class="introduce-img"/>
|
|
|
+ <img :src="zmwjianjie" alt="" style="height: 50%;margin-top:8%;margin-left: 1%;" class="introduce-img"/>
|
|
|
</el-carousel-item>
|
|
|
<el-carousel-item>
|
|
|
- <h2 class="introduce-title">宁德水文水资源监测分中心</h2>
|
|
|
+ <h2 class="introduce-title">浙闽皖水文水资源监测中心宁德分中心</h2>
|
|
|
<p class="introduce-text">
|
|
|
位于福建省宁德市蕉城区金涵畲族乡金漳路10号，征地3亩，建筑面积1800平方米。紧邻福建省福建省宁德水文水资源勘测分中心管理的蕉城水文站。
|
|
|
</p>
|
|
|
- <p class="introduce-text">
|
|
|
- 宁德水文水资源监测分中心拥有甲类实验室1个，配备气相色谱仪1台、多功能自动进样系统1套、原子吸收分光光度计1台、电感耦合等离子体发射光谱仪1台、原子荧光光度计1台、离子色谱仪1台、紫外可见分光光度仪（带自动进样器）2台、连续流动分析仪（氰化物、挥发酚、阴离子表面活性剂）1台、连续流动分析仪（硫化物、氨氮、总氮）1台、微波消解仪1台、便携式多参数监测仪1台等各类监测仪器设备40台。
|
|
|
- </p>
|
|
|
- <img :src="zmwnd" alt="" class="introduce-img"/>
|
|
|
+ <img :src="zmwnd" alt="" style="height: 50%;margin-top:8%;margin-left: 1%;" class="introduce-img"/>
|
|
|
</el-carousel-item>
|
|
|
<el-carousel-item>
|
|
|
<h2 class="introduce-title">黄山水文水资源监测分中心</h2>
|
|
|
<p class="introduce-text">
|
|
|
位于安徽省黄山市高新区蓬莱路3号，占地4亩，基地建成684平方米实验室及附属办公设施。
|
|
|
</p>
|
|
|
- <p class="introduce-text">
|
|
|
- 黄山分中心业务工作主要为水文水资源和生态监测，配有雨量计、激光水位计、浮子水位计、雷达水位计、走航ADCP、固定ADCP、流速仪、侧扫雷达、OBS浊度仪等各类水文监测仪器设备70余套；配有气相色谱仪、液相色谱仪、原子吸收分光光度计、原子荧光光度计、紫外可见分光光度仪、连续流动分析仪、核酸蛋白分析仪、通用突变检测系统等各类监测仪器设备60台套。
|
|
|
- </p>
|
|
|
- <img :src="zmwhs" alt="" class="introduce-img"/>
|
|
|
+ <img :src="zmwhs" alt="" style="height: 50%;margin-top:8%;margin-left: 1%;" class="introduce-img"/>
|
|
|
</el-carousel-item>
|
|
|
</el-carousel>
|
|
|
</card01>
|
|
|
- <card01 style="height: 30%" title="站点统计">
|
|
|
+ <card01 style="height: 36%" title="超警超保统计">
|
|
|
<chart ref="left2Ref"></chart>
|
|
|
</card01>
|
|
|
</template>
|
|
|
<template #rightModule>
|
|
|
- <card01 style="height: 66%" title="站点清单">
|
|
|
+ <card01 style="height: 97%" title="实时数据">
|
|
|
<stripe-table :columns="tableColumns" :data="tableData"></stripe-table>
|
|
|
</card01>
|
|
|
- <card01 style="height: 33%" title="超警超保统计">
|
|
|
- <chart ref="right1Ref"></chart>
|
|
|
- </card01>
|
|
|
</template>
|
|
|
</right-frame>
|
|
|
</template>
|
