<!-- 总体概览右侧面板 -->
<template>
<!-- 风险评估 -->
<div class="RiskAssessment">
<div class="ListBoxHeader">
<div class="ListBoxHeader_font">风险评估</div>
</div>
<div class="RiskProportion">
<div class="TopProportion">
<div class="riskMc">
<div class="icon"></div>
<div class="text">风险占比</div>
</div>
<div class="riskZs">
<div class="eachDescribe">
<div class="icon bgcblue"></div>
<div class="text">总数</div>
</div>
<div class="eachDescribe">
<div class="icon bgcYellow"></div>
<div class="text">风险数量</div>
</div>
</div>
</div>
<div class="ContentNum">
<div class="dfFlxa" v-for="(item, index) in riskData">
<div class="middleextA flex">
<div>
<img :src="item.Imgurl" alt="" />
</div>
<div style="margin-left: 4px; cursor: pointer" @click="FxClick(item.name)">
{{ item.name }}
</div>
</div>
<div class="middleextB flex">
<div class="BJ_CenBox1" :style="getWidth(item, 1)"></div>
<div
style="
font-family: Source Han Sans CN;
font-weight: bold;
font-size: 13px;
color: rgba(248, 116, 75, 1);
text-align: right;
line-height: 12px;
margin-left: 5px;
"
>
{{ item.sl }}
</div>
</div>
<div class="middleextC flex">
<div
style="
font-family: Source Han Sans CN;
font-weight: bold;
font-size: 16px;
color: #12f9ff;
width: 65%;
text-align: right;
"
>
{{ item.num }}
</div>
<div style="font-family: Source Han Sans CN; font-weight: bold; font-size: 13px; color: #12f9ff">
{{ item.dw }}
</div>
</div>
</div>
</div>
</div>
<div class="DrainageRisk">
<div class="TopProportion">
<div class="riskMc">
<div class="icon"></div>
<div class="text">{{ FxClickName }}风险评估</div>
</div>
</div>
<tslyqk_constituent_3d />
</div>
</div>
<!-- 预警处置 -->
<div class="WarningSisposal">
<div class="ListBoxHeader">
<div class="ListBoxHeader_font">预警处置</div>
</div>
<div class="WarningSj">
<div class="TopProportion">
<div class="WarningSl">
<div class="eachDescribe">
<div class="icon bgcls"></div>
<div class="text">预警数量</div>
</div>
<div class="eachDescribe">
<div class="icon bgcYellow"></div>
<div class="text">处置数量</div>
</div>
</div>
<div class="WarningNy">
<div class="head-right" style="">
<div
class="head-item"
v-for="(item, index) in yearList"
:key="item"
:class="activedname == item.name ? 'activedright' : ''"
@click="yearclick(item, index)"
>
{{ item.name }}
</div>
</div>
</div>
</div>
<div class="WarningList">
<div class="Warningpart flex flex-justcontent-spacebetween">
<div class="part" v-for="(item, index) in tableData" :key="index">
<div class="parttop">
<div class="upper">
<div class="Major">
<img :src="item.Imgurl" class="upImg" />
</div>
<div class="lower">{{ item.name }}</div>
</div>
<div class="below">
<div class="handIn">{{ item.num }}</div>
<div
class="oflower"
:style="{
color: item.gm == '较多' ? '#FF4D5DFF' : item.gm == '正常' ? '#2BE7ABFF' : '#F8E270FF',
}"
>
{{ item.gm }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="WarningEcharts">
<AssessmentjsEcharts :data="chartData2" :refresh="chartData2.refresh"></AssessmentjsEcharts>
</div>
</div>
</template>
<script setup>
import tslyqk_constituent_3d from '@/views/oneMap/Echarts/tslyqk_constituent_3d.vue'; //3d图例
import AssessmentjsEcharts from '@/views/oneMap/Echarts/AssessmentjsEcharts.vue';
import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
const AllData = reactive({});
import yjsj from '@/assets/newImgs/yjsj.png'; //预警数据
import czsj from '@/assets/newImgs/czsj.png'; //处置数据
import czl from '@/assets/newImgs/czl.png'; //处置率
import ranqi_icon from '@/assets/newImgs/ranqi_icon.png'; //燃气
import qiaoliang from '@/assets/newImgs/qiaoliang.png'; //桥梁
import sd_icon from '@/assets/newImgs/sd_icon.png'; //隧道
import ps_icon from '@/assets/newImgs/ps_icon.png'; //隧道
import fxzb from '@/assets/newImgs/fxzb.png'; //风险占比
import bus from '@/bus';
import mapBoxVectorLayer from '@/utils/GISdocument/mapboxVectorLayer.js';
const yearList = ref([
{ name: '月', value: 1 },
{ name: '年', value: 2 },
]);
const chartData2 = ref({
xAxis: ['12/1', '12/2', '12/3', '12/4', '12/5', '12/6'],
refresh: 1,
});
const riskData = ref([
{ name: '燃气', num: 4549.53, sl: 1922.11, Imgurl: ranqi_icon, dw: '公里' },
{ name: '排水', num: 435.7, sl: 118, Imgurl: ps_icon, dw: '公里' },
{ name: '桥梁', num: 84, sl: 0, Imgurl: qiaoliang, dw: '座' },
{ name: '隧道', num: 1, sl: 0, Imgurl: sd_icon, dw: '座' },
]);
const tableData = ref([
{ name: '预警数量', num: '60', gm: '较多', Imgurl: yjsj },
{ name: '处置数量', num: '60', gm: '正常', Imgurl: czsj },
{ name: '处置率', num: '75%', gm: '未完成', Imgurl: czl },
]);
const activedname = ref('月');
function yearclick(val) {
activedname.value = val.name;
}
// 动态计算盒子的宽度
const getWidth = (item, Num) => {
let widthNum = 0;
if (Num == 1) {
widthNum = (item.sl / (item.num + item.sl)) * 100;
}
return `width:${widthNum}%`;
};
// 风险评估点击事件
const FxClickName = ref('燃气');
const obj = ref([
{
name: '低风险 70% 1345.5',
value: 1345.5,
itemStyle: {
color: '#2BE7ABFF',
},
},
{
name: '一般风险 20% 384.5',
value: 384.5,
itemStyle: {
color: '#18A7F2FF',
},
},
{
name: '较大风险 5% 91.11',
value: 91.11,
itemStyle: {
color: '#F8E270FF',
},
},
{
name: '重大风险 5% 91',
value: 91,
itemStyle: {
color: '#FF5D6CFF',
},
},
]);
function FxClick(val) {
FxClickName.value = val;
if (FxClickName.value == '燃气') {
let obj = [
{
name: '低风险 70% 1345.5',
value: 1345.5,
itemStyle: {
color: '#2BE7ABFF',
},
},
{
name: '一般风险 20% 384.5',
value: 384.5,
itemStyle: {
color: '#18A7F2FF',
},
},
{
name: '较大风险 5% 91.11',
value: 91.11,
itemStyle: {
color: '#F8E270FF',
},
},
{
name: '重大风险 5% 91',
value: 91,
itemStyle: {
color: '#FF5D6CFF',
},
},
];
bus.emit('FxVisible', obj);
// bus.emit('clearAllLayer');
// bus.emit('SetLayerShow', ['燃气视角']);
let heatMapList = [
{ lonlat: [109.4583517767791, 36.64045660187989], value: 2 },
{ lonlat: [109.45915900059231, 36.639564923076406], value: 1 },
{ lonlat: [109.46064074624108, 36.63888888248738], value: 3 },
{ lonlat: [109.46175090337006, 36.63763347376713], value: 4 },
{ lonlat: [109.46233801013652, 36.63722780459428], value: 5 },
{ lonlat: [109.46275737211255, 36.63718265184453], value: 3 },
{ lonlat: [109.46340039380915, 36.63601087211503], value: 2 },
{ lonlat: [109.4634842662043, 36.639796184662536], value: 3 },
{ lonlat: [109.46681120454784, 36.635965630684304], value: 2 },
{ lonlat: [109.46751014117459, 36.63303623297878], value: 3 },
{ lonlat: [109.46764992849988, 36.63236013419859], value: 4 },
{ lonlat: [109.46801337554575, 36.63082773329404], value: 5 },
{ lonlat: [109.4677058434299, 36.629971339150515], value: 6 },
{ lonlat: [109.46790154568534, 36.62897972679855], value: 4 },
{ lonlat: [109.46820907780108, 36.62758246914724], value: 5 },
{ lonlat: [109.46846069498666, 36.625914758136716], value: 3 },
{ lonlat: [109.46435094762097, 36.63127797375913], value: 3 },
{ lonlat: [109.46493805438743, 36.62726670999692], value: 3 },
{ lonlat: [109.46518967157303, 36.625959563646546], value: 3 },
{ lonlat: [109.45336366384743, 36.6337564188794], value: 3 },
{ lonlat: [109.45450991991531, 36.63114241494354], value: 3 },
{ lonlat: [109.4557680058435, 36.6292043657803], value: 3 },
{ lonlat: [109.4545099199152, 36.62609442354592], value: 3 },
{ lonlat: [109.45330774891703, 36.62532758190564], value: 3 },
{ lonlat: [109.45825622023474, 36.62505706236186], value: 3 },
{ lonlat: [109.46314877662232, 36.62532740431396], value: 3 },
{ lonlat: [109.44662591476458, 36.62744565667445], value: 3 },
{ lonlat: [109.44139786879603, 36.62974412708136], value: 3 },
{ lonlat: [109.43645036088442, 36.63126842378145], value: 3 },
{ lonlat: [109.43211670920196, 36.63081469982216], value: 3 },
{ lonlat: [109.42868355657039, 36.632810587611026], value: 3 },
{ lonlat: [109.41793384915036, 36.634987868433505], value: 3 },
{ lonlat: [109.40921026459482, 36.63444344378062], value: 3 },
{ lonlat: [109.46858692076272, 36.62110590039618], value: 3 },
{ lonlat: [109.47035661856971, 36.61995354263662], value: 3 },
{ lonlat: [109.47258171472353, 36.61892777347618], value: 3 },
{ lonlat: [109.47334332481641, 36.6208153097412], value: 35 },
{ lonlat: [109.47401900156899, 36.620127962636424], value: 45 },
{ lonlat: [109.47436575670645, 36.61957709339732], value: 43 },
{ lonlat: [109.47556013551343, 36.61923328226432], value: 4 },
{ lonlat: [109.47708842667508, 36.61754354976672], value: 5 },
{ lonlat: [109.47910474358588, 36.61661993861554], value: 6 },
{ lonlat: [109.47944089622014, 36.616364726231225], value: 6 },
{ lonlat: [109.47757869270369, 36.615731001159105], value: 6 },
{ lonlat: [109.47590065021183, 36.61525895943912], value: 7 },
{ lonlat: [109.47548213080846, 36.614904203510264], value: 6 },
{ lonlat: [109.47457696093612, 36.61451805927941], value: 6 },
{ lonlat: [109.47548213080833, 36.61421038003272], value: 6 },
{ lonlat: [109.476835019112, 36.613808538791], value: 4 },
{ lonlat: [109.47752606277787, 36.61309282379784], value: 4 },
{ lonlat: [109.478197640425, 36.61383660779872], value: 5 },
{ lonlat: [109.47888868409086, 36.61442345137025], value: 6 },
{ lonlat: [109.47862589283756, 36.61518291568912], value: 4 },
{ lonlat: [109.47945319863473, 36.61438874695218], value: 4 },
{ lonlat: [109.48037783452571, 36.61392413291535], value: 4 },
{ lonlat: [109.48066009179765, 36.613381048298066], value: 33 },
{ lonlat: [109.47880108700613, 36.613057670788265], value: 33 },
{ lonlat: [109.47672795600828, 36.61215362328269], value: 3 },
{ lonlat: [109.47235706714471, 36.608714319110575], value: 33 },
{ lonlat: [109.47095953066176, 36.60900989208619], value: 33 },
{ lonlat: [109.47242414889578, 36.60820574067667], value: 33 },
{ lonlat: [109.47080300657555, 36.60720326624053], value: 44 },
{ lonlat: [109.46960671534613, 36.60677769970712], value: 4 },
{ lonlat: [109.4667110197535, 36.60586535117448], value: 54 },
{ lonlat: [109.46634207012195, 36.60571021211726], value: 65 },
{ lonlat: [109.48124809033756, 36.61305208261769], value: 4 },
{ lonlat: [109.48183684833916, 36.61249083700314], value: 4 },
{ lonlat: [109.48355078829951, 36.611592045362464], value: 4 },
{ lonlat: [109.4836162058552, 36.611030788941534], value: 4 },
{ lonlat: [109.48472830430275, 36.6098155271458], value: 4 },
{ lonlat: [109.4848983899476, 36.60950742186193], value: 4 },
{ lonlat: [109.48548714794921, 36.61046512927026], value: 4 },
{ lonlat: [109.48597123786165, 36.60922876138633], value: 4 },
{ lonlat: [109.48645532777408, 36.60856200129905], value: 4 },
{ lonlat: [109.48743659111014, 36.60781084557607], value: 4 },
{ lonlat: [109.48792068102257, 36.607355049157874], value: 5 },
{ lonlat: [109.48809076666744, 36.60711022678964], value: 5 },
{ lonlat: [109.48710950333127, 36.60684430590222], value: 5 },
{ lonlat: [109.48636374319577, 36.60624081857617], value: 5 },
{ lonlat: [109.48535859229459, 36.605997022060514], value: 28 },
{ lonlat: [109.48571114675235, 36.60507741447555], value: 26 },
{ lonlat: [109.4869629705518, 36.60486639408042], value: 32 },
{ lonlat: [109.48860822468815, 36.60652068303526], value: 43 },
{ lonlat: [109.48959435527298, 36.606639238856765], value: 33 },
{ lonlat: [109.49055507792285, 36.60707599046411], value: 23 },
{ lonlat: [109.49062150122646, 36.606453011511526], value: 43 },
{ lonlat: [109.4906824296868, 36.607181292824684], value: 23 },
{ lonlat: [109.49173098572089, 36.60668830758674], value: 43 },
{ lonlat: [109.49338196262373, 36.60598188730296], value: 56 },
{ lonlat: [109.49414496601992, 36.605639090280604], value: 55 },
{ lonlat: [109.49287133727367, 36.60487615143745], value: 55 },
{ lonlat: [109.49244041494259, 36.604467862285254], value: 55 },
{ lonlat: [109.49361186903214, 36.604247271956666], value: 55 },
{ lonlat: [109.49395592159959, 36.603945994095234], value: 55 },
{ lonlat: [109.49451061859614, 36.603633392114766], value: 55 },
{ lonlat: [109.49505127263073, 36.603150944228496], value: 66 },
{ lonlat: [109.49581661405635, 36.60443486991358], value: 55 },
{ lonlat: [109.49529000298357, 36.604994123879244], value: 66 },
{ lonlat: [109.49460891932945, 36.60451168465817], value: 66 },
{ lonlat: [109.4949529718969, 36.60387072220969], value: 5 },
{ lonlat: [109.4958166140561, 36.60367134909574], value: 5 },
{ lonlat: [109.49568320591762, 36.60269068866781], value: 5 },
{ lonlat: [109.49566916295554, 36.60080859328861], value: 6 },
{ lonlat: [109.49566214147451, 36.60014495272406], value: 6 },
{ lonlat: [109.494840628201, 36.599753070596016], value: 6 },
{ lonlat: [109.4965608910385, 36.60014250723452], value: 6 },
{ lonlat: [109.49708750211117, 36.60052061853767], value: 6 },
{ lonlat: [109.49651876215258, 36.60062696783045], value: 6 },
{ lonlat: [109.49725601765434, 36.60026905844781], value: 6 },
{ lonlat: [109.49813370277548, 36.601100102081844], value: 6 },
{ lonlat: [109.49785284353655, 36.60242247026715], value: 6 },
{ lonlat: [109.49832328276145, 36.60081901303621], value: 6 },
{ lonlat: [109.49783880057448, 36.59967978702087], value: 6 },
{ lonlat: [109.49802838056061, 36.599299226039754], value: 6 },
{ lonlat: [109.49848477682357, 36.59905454638016], value: 6 },
{ lonlat: [109.49689090064342, 36.59891177851914], value: 6 },
{ lonlat: [109.4978247576123, 36.59752340035382], value: 6 },
{ lonlat: [109.49701728730074, 36.596542660729575], value: 6 },
{ lonlat: [109.49685645137883, 36.595212452415], value: 6 },
{ lonlat: [109.49616132476278, 36.59372208751017], value: 6 },
{ lonlat: [109.497713072057, 36.59436068924544], value: 6 },
{ lonlat: [109.49829530434499, 36.59627757677923], value: 7 },
{ lonlat: [109.49801374925752, 36.593942855465386], value: 7 },
{ lonlat: [109.49621402796436, 36.59244561043963], value: 7 },
{ lonlat: [109.49611930579097, 36.591341185842126], value: 7 },
{ lonlat: [109.49618696448614, 36.58984388974645], value: 7 },
{ lonlat: [109.49579789965442, 36.589368310214226], value: 7 },
{ lonlat: [109.4920496079386, 36.58885313566361], value: 7 },
{ lonlat: [109.48960036317119, 36.588970902925006], value: 7 },
{ lonlat: [109.48761119753136, 36.58913232115246], value: 7 },
{ lonlat: [109.48470187363641, 36.58831158443507], value: 7 },
{ lonlat: [109.48200905756617, 36.589389680113165], value: 56 },
{ lonlat: [109.48023639975108, 36.58902015763719], value: 7 },
{ lonlat: [109.47394414109459, 36.58837402615219], value: 80 },
{ lonlat: [109.4728480702318, 36.59023783394082], value: 78 },
{ lonlat: [109.46961398459973, 36.588434956116345], value: 77 },
{ lonlat: [109.46908624677688, 36.587439603702165], value: 55 },
{ lonlat: [109.4652161694096, 36.58760966434236], value: 7 },
{ lonlat: [109.46463430463056, 36.58702899938492], value: 55 },
{ lonlat: [109.46321347203066, 36.585073258863616], value: 7 },
{ lonlat: [109.46482374897708, 36.583968727419084], value: 7 },
{ lonlat: [109.46692116852915, 36.58347534338372], value: 55 },
{ lonlat: [109.4688020802565, 36.58344032845259], value: 55 },
{ lonlat: [109.47236092762554, 36.58305607754432], value: 66 },
{ lonlat: [109.47351112544439, 36.58086012847229], value: 55 },
{ lonlat: [109.47357878413955, 36.58486317336802], value: 5 },
{ lonlat: [109.46054812145172, 36.592050037038575], value: 55 },
{ lonlat: [109.45958516192611, 36.59014334083254], value: 45 },
{ lonlat: [109.441690631703, 36.574861874203556], value: 45 },
{ lonlat: [109.44624550826747, 36.57378190194129], value: 7 },
{ lonlat: [109.4509010450875, 36.57331087985171], value: 7 },
{ lonlat: [109.45600955305757, 36.573692403602315], value: 7 },
{ lonlat: [109.45623603863253, 36.573058990448956], value: 7 },
{ lonlat: [109.46174718762488, 36.57201959088281], value: 7 },
{ lonlat: [109.46564777252813, 36.57459338262966], value: 7 },
{ lonlat: [109.47100793113714, 36.57481251327233], value: 7 },
{ lonlat: [109.47073111543428, 36.57287999199309], value: 7 },
{ lonlat: [109.47181321318158, 36.57139400720595], value: 7 },
{ lonlat: [109.47722370191836, 36.57685016603991], value: 7 },
{ lonlat: [109.48097329643825, 36.57962676684916], value: 7 },
{ lonlat: [109.49076250629228, 36.580657760474004], value: 7 },
{ lonlat: [109.4908883316117, 36.57815705967815], value: 7 },
{ lonlat: [109.48588048389708, 36.575696873317725], value: 7 },
{ lonlat: [109.48555333806642, 36.57234345586721], value: 7 },
{ lonlat: [109.48462223070236, 36.57114165197099], value: 7 },
{ lonlat: [109.48494937653292, 36.569168438097215], value: 7 },
{ lonlat: [109.48789368900827, 36.568575587318655], value: 7 },
{ lonlat: [109.48701291177198, 36.56741432474017], value: 77 },
{ lonlat: [109.48668576594132, 36.565197403953434], value: 77 },
{ lonlat: [109.48661027074958, 36.56200594032002], value: 77 },
{ lonlat: [109.48643411530227, 36.55950462918852], value: 7 },
{ lonlat: [109.47872714141864, 36.55363535583412], value: 7 },
{ lonlat: [109.47752130169793, 36.55237880798815], value: 7 },
{ lonlat: [109.47659108248483, 36.550399478960415], value: 7 },
{ lonlat: [109.47531633763725, 36.54680772057538], value: 7 },
{ lonlat: [109.47714232349988, 36.538378228993835], value: 7 },
{ lonlat: [109.47628100941364, 36.53678778825302], value: 7 },
{ lonlat: [109.49119798128915, 36.57421937037934], value: 7 },
{ lonlat: [109.49316811330803, 36.5763548006588], value: 7 },
{ lonlat: [109.49201320833134, 36.5772533638739], value: 7 },
{ lonlat: [109.49206173375048, 36.57869986536457], value: 7 },
{ lonlat: [109.49288666587658, 36.57962971205523], value: 7 },
{ lonlat: [109.4948373877278, 36.579792436760556], value: 7 },
{ lonlat: [109.49405127593694, 36.581677232061956], value: 7 },
{ lonlat: [109.49497325890142, 36.582200016243696], value: 7 },
{ lonlat: [109.49599229270427, 36.581908742939454], value: 7 },
{ lonlat: [109.49642902147689, 36.583276883316856], value: 56 },
{ lonlat: [109.49692398075254, 36.58497374115537], value: 4 },
{ lonlat: [109.49697250617166, 36.58646705928871], value: 4 },
{ lonlat: [109.49781684846545, 36.58750638888238], value: 4 },
{ lonlat: [109.49951870129331, 36.59430380170364], value: 3 },
{ lonlat: [109.49965804385573, 36.59486501809594], value: 65 },
{ lonlat: [109.49988842408676, 36.59649457072071], value: 76 },
{ lonlat: [109.50008437575242, 36.59732109333835], value: 64 },
{ lonlat: [109.49935516493218, 36.59831527959685], value: 43 },
{ lonlat: [109.50060236752009, 36.60104441193055], value: 45 },
{ lonlat: [109.50126321265897, 36.60358057739102], value: 23 },
{ lonlat: [109.49942472380532, 36.604173438687546], value: 34 },
{ lonlat: [109.5007026398301, 36.60501144006829], value: 6 },
{ lonlat: [109.49901617072663, 36.605443415517875], value: 5 },
{ lonlat: [109.50014206700124, 36.6054693718935], value: 5 },
{ lonlat: [109.50184753857336, 36.6066137836571], value: 6 },
{ lonlat: [109.50264089164449, 36.606042210978295], value: 6 },
{ lonlat: [109.50362426940333, 36.606627392739135], value: 6 },
{ lonlat: [109.5029639336135, 36.60551750543657], value: 6 },
{ lonlat: [109.50313970644957, 36.60497656754981], value: 6 },
{ lonlat: [109.50333489978382, 36.60424830824475], value: 6 },
{ lonlat: [109.50498336394963, 36.60554595245176], value: 6 },
{ lonlat: [109.5062137738025, 36.60733384990011], value: 6 },
{ lonlat: [109.50681710218589, 36.607903700917404], value: 6 },
{ lonlat: [109.5058527268957, 36.60992901196387], value: 6 },
{ lonlat: [109.50458431210518, 36.61083589220665], value: 6 },
{ lonlat: [109.5035629294087, 36.61163552050199], value: 6 },
{ lonlat: [109.50728675442862, 36.60816923300994], value: 6 },
{ lonlat: [109.50862770454853, 36.60957898993155], value: 6 },
{ lonlat: [109.50900738849452, 36.611329111002924], value: 6 },
{ lonlat: [109.5087728725542, 36.61263215550033], value: 6 },
{ lonlat: [109.51196589727925, 36.61287834022912], value: 6 },
{ lonlat: [109.51194785759148, 36.614481923277204], value: 6 },
{ lonlat: [109.5131805695851, 36.614291799340485], value: 6 },
{ lonlat: [109.51506271033638, 36.61535240611497], value: 6 },
{ lonlat: [109.51550167607066, 36.616878374906946], value: 6 },
{ lonlat: [109.5174078697389, 36.6167755151019], value: 6 },
{ lonlat: [109.51728159192487, 36.61817541867955], value: 6 },
{ lonlat: [109.51805729849644, 36.61931353190943], value: 6 },
{ lonlat: [109.52015591550028, 36.61910403021254], value: 6 },
{ lonlat: [109.52326378422758, 36.618323942249155], value: 6 },
{ lonlat: [109.52535504124248, 36.621157617292155], value: 6 },
{ lonlat: [109.52708365253223, 36.622782899894624], value: 6 },
{ lonlat: [109.53062549244765, 36.62553845807305], value: 6 },
{ lonlat: [109.53329698262276, 36.62472766573882], value: 6 },
{ lonlat: [109.53529153411093, 36.62401430655811], value: 6 },
{ lonlat: [109.53622232480538, 36.62273577119326], value: 6 },
{ lonlat: [109.53555747430924, 36.62184699338395], value: 6 },
{ lonlat: [109.5376787067582, 36.627153166827114], value: 6 },
{ lonlat: [109.53979414015477, 36.62881729653026], value: 6 },
{ lonlat: [109.54130516400943, 36.63016960226274], value: 6 },
{ lonlat: [109.54008425673476, 36.63148291126323], value: 6 },
{ lonlat: [109.53755782484959, 36.63369255351504], value: 6 },
{ lonlat: [109.53614579982442, 36.6360575522797], value: 6 },
{ lonlat: [109.53343812543821, 36.62040741435609], value: 6 },
{ lonlat: [109.53580803843838, 36.62277137411824], value: 6 },
{ lonlat: [109.54168042409255, 36.62849933558428], value: 6 },
{ lonlat: [109.54288050769686, 36.63006645029258], value: 6 },
{ lonlat: [109.54573448803326, 36.63312914358253], value: 6 },
{ lonlat: [109.54725728319507, 36.636077923401025], value: 6 },
{ lonlat: [109.54490753966712, 36.63712470479035], value: 6 },
{ lonlat: [109.54219474563702, 36.63804142854716], value: 6 },
{ lonlat: [109.53998618841547, 36.636568584052085], value: 6 },
{ lonlat: [109.53464796833235, 36.63649472525616], value: 6 },
{ lonlat: [109.53531650653413, 36.633497267658136], value: 6 },
{ lonlat: [109.52895761991671, 36.63899560790742], value: 6 },
{ lonlat: [109.52561492890752, 36.6410855206062], value: 6 },
{ lonlat: [109.52130829909568, 36.6436264356986], value: 6 },
{ lonlat: [109.51955144289083, 36.64125575007403], value: 6 },
{ lonlat: [109.51807443988673, 36.63976209758932], value: 6 },
{ lonlat: [109.51690838488348, 36.64107514503131], value: 6 },
{ lonlat: [109.51689283748337, 36.643941824018825], value: 6 },
{ lonlat: [109.51588225648054, 36.646106775610676], value: 6 },
{ lonlat: [109.51409430547558, 36.64724431137258], value: 6 },
{ lonlat: [109.51174664806909, 36.646327110237564], value: 6 },
{ lonlat: [109.51070497226618, 36.648567165872755], value: 6 },
{ lonlat: [109.50978767566362, 36.64972972191704], value: 6 },
{ lonlat: [109.51067387746598, 36.650967429494266], value: 6 },
{ lonlat: [109.51146679486808, 36.652280284952866], value: 6 },
{ lonlat: [109.51191766946926, 36.65361817342491], value: 6 },
{ lonlat: [109.51199540646942, 36.65525669873434], value: 6 },
{ lonlat: [109.51428087427561, 36.655191468743396], value: 6 },
{ lonlat: [109.51460736967644, 36.65357281224559], value: 6 },
{ lonlat: [109.51353459907345, 36.65593792955656], value: 6 },
{ lonlat: [109.50664710085456, 36.64933312632619], value: 6 },
{ lonlat: [109.50327331504526, 36.64723825232908], value: 6 },
{ lonlat: [109.50558987765153, 36.64807508399961], value: 28 },
{ lonlat: [109.50703578585542, 36.64720800813199], value: 29 },
{ lonlat: [109.50596301525242, 36.6462406907215], value: 28 },
{ lonlat: [109.50380192664646, 36.647478454644535], value: 6 },
{ lonlat: [109.50293172446254, 36.64689822474207], value: 6 },
{ lonlat: [109.49977744553338, 36.648514140036085], value: 6 },
{ lonlat: [109.49841675260586, 36.64788286957943], value: 5 },
{ lonlat: [109.49667830356817, 36.64754979371535], value: 5 },
{ lonlat: [109.49480514097309, 36.64623412909707], value: 5 },
{ lonlat: [109.49194575265034, 36.64800589561177], value: 5 },
{ lonlat: [109.48774678808107, 36.64818660580967], value: 5 },
{ lonlat: [109.48778573951488, 36.65030081450137], value: 23 },
{ lonlat: [109.49052013017122, 36.65182489248657], value: 34 },
{ lonlat: [109.49386216319564, 36.653097849178344], value: 23 },
{ lonlat: [109.49541243026289, 36.655375126863646], value: 34 },
{ lonlat: [109.49376867975428, 36.65881983304358], value: 5 },
{ lonlat: [109.49594216976315, 36.66097140773642], value: 5 },
{ lonlat: [109.49674456930045, 36.662419955163955], value: 5 },
{ lonlat: [109.49257676587825, 36.66373039429423], value: 5 },
{ lonlat: [109.48954634432454, 36.66561822861078], value: 5 },
{ lonlat: [109.48265911535468, 36.654995428105366], value: 5 },
{ lonlat: [109.47853819629543, 36.65495490425706], value: 5 },
{ lonlat: [109.47794031082658, 36.64600156969751], value: 5 },
{ lonlat: [109.47947610116441, 36.638089580666374], value: 5 },
{ lonlat: [109.48196313342223, 36.63989201277776], value: 5 },
{ lonlat: [109.48007581107044, 36.63626409608854], value: 5 },
{ lonlat: [109.48312727618112, 36.63616165277856], value: 6 },
{ lonlat: [109.48487349031957, 36.63719648127574], value: 5 },
{ lonlat: [109.48806606364347, 36.640221454017194], value: 5 },
{ lonlat: [109.48968880809531, 36.64396832101501], value: 5 },
{ lonlat: [109.49199945508674, 36.64370117513442], value: 5 },
{ lonlat: [109.4886481350228, 36.64628232413764], value: 5 },
{ lonlat: [109.48693719793754, 36.6481698459415], value: 5 },
{ lonlat: [109.49295193552571, 36.64621960689284], value: 6 },
{ lonlat: [109.4960034006364, 36.647282727565546], value: 5 },
{ lonlat: [109.4991959739603, 36.64675388047846], value: 5 },
{ lonlat: [109.50401129173616, 36.64690730406689], value: 5 },
{ lonlat: [109.50575750587461, 36.64410416698772], value: 5 },
{ lonlat: [109.5035879670964, 36.64221068329797], value: 5 },
{ lonlat: [109.49916069690676, 36.63886718707988], value: 5 },
{ lonlat: [109.4955447989431, 36.639105918699926], value: 34 },
{ lonlat: [109.49207000919266, 36.63564855779099], value: 34 },
{ lonlat: [109.48792495542945, 36.63128116433782], value: 23 },
{ lonlat: [109.4824393736407, 36.62725474513087], value: 43 },
{ lonlat: [109.48350796628219, 36.6240399916917], value: 5 },
{ lonlat: [109.47904752109281, 36.617139346998826], value: 5 },
{ lonlat: [109.47973483856029, 36.6163530732266], value: 5 },
{ lonlat: [109.48169304493001, 36.61519041973535], value: 6 },
{ lonlat: [109.48128150577406, 36.61652725739157], value: 5 },
{ lonlat: [109.4856636114327, 36.61250054572504], value: 6 },
{ lonlat: [109.48669837172288, 36.61390464711184], value: 5 },
{ lonlat: [109.48778868961256, 36.61110958729933], value: 5 },
{ lonlat: [109.48832343150745, 36.61186423919422], value: 5 },
{ lonlat: [109.48855260660523, 36.61062565266084], value: 5 },
{ lonlat: [109.49005960649093, 36.60966700183684], value: 5 },
{ lonlat: [109.49101103038188, 36.608943504005595], value: 5 },
{ lonlat: [109.49269164776588, 36.607944427600174], value: 5 },
{ lonlat: [109.49137909947821, 36.60774724442752], value: 5 },
{ lonlat: [109.49426114995096, 36.60713571424016], value: 5 },
{ lonlat: [109.4965699550399, 36.6053070257893], value: 5 },
{ lonlat: [109.49771583052903, 36.60506504012202], value: 5 },
{ lonlat: [109.49879225901881, 36.60545019078856], value: 5 },
{ lonlat: [109.49911865991568, 36.6049954268223], value: 5 },
{ lonlat: [109.50854172185717, 36.60498562319275], value: 5 },
{ lonlat: [109.51044938269962, 36.60552218657323], value: 5 },
{ lonlat: [109.51212316173265, 36.60707867359568], value: 5 },
{ lonlat: [109.51372557809377, 36.60793013404142], value: 5 },
{ lonlat: [109.51465329282912, 36.60842590572189], value: 5 },
{ lonlat: [109.51604810869001, 36.60896351865908], value: 5 },
{ lonlat: [109.51735209933206, 36.609239601548374], value: 6 },
{ lonlat: [109.51869501506792, 36.61021656939483], value: 6 },
{ lonlat: [109.51997305564743, 36.61025204679149], value: 6 },
{ lonlat: [109.52078399510141, 36.610674577473965], value: 6 },
{ lonlat: [109.64885541010113, 36.68368750346818], value: 77 },
{ lonlat: [109.64418083988407, 36.684106217976854], value: 77 },
{ lonlat: [109.65730463327395, 36.68351820161691], value: 6 },
{ lonlat: [109.66382903341632, 36.683373146319866], value: 53 },
{ lonlat: [109.66365404950439, 36.68117431536967], value: 54 },
{ lonlat: [109.66952850940268, 36.687351497043785], value: 56 },
{ lonlat: [109.67765276245356, 36.68821312918963], value: 33 },
{ lonlat: [109.67907763145014, 36.68818888405842], value: 23 },
{ lonlat: [109.67620289575514, 36.68570831505293], value: 34 },
{ lonlat: [109.66992847262958, 36.6839122446761], value: 6 },
{ lonlat: [109.66315409547013, 36.68135099518023], value: 6 },
{ lonlat: [109.68433055291582, 36.68853913721367], value: 6 },
{ lonlat: [109.68255571609542, 36.69068926681356], value: 6 },
{ lonlat: [109.68633036905133, 36.69126900476532], value: 77 },
{ lonlat: [109.68605539433261, 36.69273456341231], value: 77 },
{ lonlat: [109.68383059888168, 36.693435078555396], value: 6 },
{ lonlat: [109.70500365221739, 36.69928917967537], value: 77 },
{ lonlat: [109.70692847524785, 36.69970780952815], value: 77 },
{ lonlat: [109.72405190090896, 36.70298488870231], value: 6 },
{ lonlat: [109.72712178240528, 36.70196817888451], value: 34 },
{ lonlat: [109.72395293859049, 36.701623796200366], value: 34 },
];
let heatMapJeojson = {};
let heatMapFeatures = [];
heatMapList.forEach(element => {
let heatmap = turf.point(element.lonlat);
heatmap.properties.value = element.value;
gcoord.transform(heatmap, gcoord.BD09, gcoord.WGS84);
heatMapFeatures.push(heatmap);
});
heatMapJeojson = turf.featureCollection(heatMapFeatures);
mapBoxVectorLayer.removeByIds(['heatMapLayer']);
mapBoxVectorLayer.addHeatMapLayer('heatMapLayer', heatMapJeojson, 'value');
heatMapJeojson.features.forEach(feature => {
gcoord.transform(feature, gcoord.WGS84, gcoord.BD09);
});
} else if (FxClickName.value == '排水') {
let obj = [
{
name: '低风险 65% 76.7',
value: 76.7,
itemStyle: {
color: '#2BE7ABFF',
},
},
{
name: '一般风险 20% 23.6',
value: 23.6,
itemStyle: {
color: '#18A7F2FF',
},
},
{
name: '较大风险 10% 11.8',
value: 11.8,
itemStyle: {
color: '#F8E270FF',
},
},
{
name: '重大风险 5% 5.9',
value: 5.9,
itemStyle: {
color: '#FF5D6CFF',
},
},
];
bus.emit('FxVisible', obj);
let heatMapList = [
{ lonlat: [109.4583517767791, 36.64045660187989], value: 2 },
{ lonlat: [109.45915900059231, 36.639564923076406], value: 1 },
{ lonlat: [109.46064074624108, 36.63888888248738], value: 3 },
{ lonlat: [109.46175090337006, 36.63763347376713], value: 4 },
{ lonlat: [109.46233801013652, 36.63722780459428], value: 5 },
{ lonlat: [109.46275737211255, 36.63718265184453], value: 3 },
{ lonlat: [109.46340039380915, 36.63601087211503], value: 2 },
{ lonlat: [109.4634842662043, 36.639796184662536], value: 3 },
{ lonlat: [109.46681120454784, 36.635965630684304], value: 2 },
{ lonlat: [109.46751014117459, 36.63303623297878], value: 3 },
{ lonlat: [109.46764992849988, 36.63236013419859], value: 4 },
{ lonlat: [109.46801337554575, 36.63082773329404], value: 5 },
{ lonlat: [109.4677058434299, 36.629971339150515], value: 6 },
{ lonlat: [109.46790154568534, 36.62897972679855], value: 4 },
{ lonlat: [109.46820907780108, 36.62758246914724], value: 5 },
{ lonlat: [109.46846069498666, 36.625914758136716], value: 3 },
{ lonlat: [109.46435094762097, 36.63127797375913], value: 3 },
{ lonlat: [109.46493805438743, 36.62726670999692], value: 3 },
{ lonlat: [109.46518967157303, 36.625959563646546], value: 3 },
{ lonlat: [109.45336366384743, 36.6337564188794], value: 3 },
{ lonlat: [109.45450991991531, 36.63114241494354], value: 3 },
{ lonlat: [109.4557680058435, 36.6292043657803], value: 3 },
{ lonlat: [109.4545099199152, 36.62609442354592], value: 3 },
{ lonlat: [109.45330774891703, 36.62532758190564], value: 3 },
{ lonlat: [109.45825622023474, 36.62505706236186], value: 3 },
{ lonlat: [109.46314877662232, 36.62532740431396], value: 3 },
{ lonlat: [109.44662591476458, 36.62744565667445], value: 3 },
{ lonlat: [109.44139786879603, 36.62974412708136], value: 3 },
{ lonlat: [109.43645036088442, 36.63126842378145], value: 3 },
{ lonlat: [109.43211670920196, 36.63081469982216], value: 3 },
{ lonlat: [109.42868355657039, 36.632810587611026], value: 3 },
{ lonlat: [109.41793384915036, 36.634987868433505], value: 3 },
{ lonlat: [109.40921026459482, 36.63444344378062], value: 3 },
{ lonlat: [109.46858692076272, 36.62110590039618], value: 3 },
{ lonlat: [109.47035661856971, 36.61995354263662], value: 3 },
{ lonlat: [109.47258171472353, 36.61892777347618], value: 3 },
{ lonlat: [109.47334332481641, 36.6208153097412], value: 35 },
{ lonlat: [109.47401900156899, 36.620127962636424], value: 45 },
{ lonlat: [109.47436575670645, 36.61957709339732], value: 43 },
{ lonlat: [109.47556013551343, 36.61923328226432], value: 4 },
{ lonlat: [109.47708842667508, 36.61754354976672], value: 5 },
{ lonlat: [109.47910474358588, 36.61661993861554], value: 6 },
{ lonlat: [109.47944089622014, 36.616364726231225], value: 6 },
{ lonlat: [109.47757869270369, 36.615731001159105], value: 6 },
{ lonlat: [109.47590065021183, 36.61525895943912], value: 7 },
{ lonlat: [109.47548213080846, 36.614904203510264], value: 54 },
{ lonlat: [109.47457696093612, 36.61451805927941], value: 34 },
{ lonlat: [109.47548213080833, 36.61421038003272], value: 25 },
{ lonlat: [109.476835019112, 36.613808538791], value: 34 },
{ lonlat: [109.47752606277787, 36.61309282379784], value: 4 },
{ lonlat: [109.478197640425, 36.61383660779872], value: 5 },
{ lonlat: [109.47888868409086, 36.61442345137025], value: 6 },
{ lonlat: [109.47862589283756, 36.61518291568912], value: 4 },
{ lonlat: [109.47945319863473, 36.61438874695218], value: 4 },
{ lonlat: [109.48037783452571, 36.61392413291535], value: 4 },
{ lonlat: [109.48066009179765, 36.613381048298066], value: 4 },
{ lonlat: [109.47880108700613, 36.613057670788265], value: 4 },
{ lonlat: [109.47672795600828, 36.61215362328269], value: 3 },
{ lonlat: [109.47235706714471, 36.608714319110575], value: 4 },
{ lonlat: [109.47095953066176, 36.60900989208619], value: 4 },
{ lonlat: [109.47242414889578, 36.60820574067667], value: 4 },
{ lonlat: [109.47080300657555, 36.60720326624053], value: 4 },
{ lonlat: [109.46960671534613, 36.60677769970712], value: 4 },
{ lonlat: [109.4667110197535, 36.60586535117448], value: 4 },
{ lonlat: [109.46634207012195, 36.60571021211726], value: 4 },
{ lonlat: [109.48124809033756, 36.61305208261769], value: 4 },
{ lonlat: [109.48183684833916, 36.61249083700314], value: 4 },
{ lonlat: [109.48355078829951, 36.611592045362464], value: 4 },
{ lonlat: [109.4836162058552, 36.611030788941534], value: 4 },
{ lonlat: [109.48472830430275, 36.6098155271458], value: 4 },
{ lonlat: [109.4848983899476, 36.60950742186193], value: 4 },
{ lonlat: [109.48548714794921, 36.61046512927026], value: 4 },
{ lonlat: [109.48597123786165, 36.60922876138633], value: 4 },
{ lonlat: [109.48645532777408, 36.60856200129905], value: 4 },
{ lonlat: [109.48743659111014, 36.60781084557607], value: 4 },
{ lonlat: [109.48792068102257, 36.607355049157874], value: 5 },
{ lonlat: [109.48809076666744, 36.60711022678964], value: 5 },
{ lonlat: [109.48710950333127, 36.60684430590222], value: 5 },
{ lonlat: [109.48636374319577, 36.60624081857617], value: 5 },
{ lonlat: [109.48535859229459, 36.605997022060514], value: 28 },
{ lonlat: [109.48571114675235, 36.60507741447555], value: 26 },
{ lonlat: [109.4869629705518, 36.60486639408042], value: 32 },
{ lonlat: [109.48860822468815, 36.60652068303526], value: 43 },
{ lonlat: [109.48959435527298, 36.606639238856765], value: 33 },
{ lonlat: [109.49055507792285, 36.60707599046411], value: 23 },
{ lonlat: [109.49062150122646, 36.606453011511526], value: 43 },
{ lonlat: [109.4906824296868, 36.607181292824684], value: 23 },
{ lonlat: [109.49173098572089, 36.60668830758674], value: 43 },
{ lonlat: [109.49338196262373, 36.60598188730296], value: 56 },
{ lonlat: [109.49414496601992, 36.605639090280604], value: 55 },
{ lonlat: [109.49287133727367, 36.60487615143745], value: 55 },
{ lonlat: [109.49244041494259, 36.604467862285254], value: 55 },
{ lonlat: [109.49361186903214, 36.604247271956666], value: 55 },
{ lonlat: [109.49395592159959, 36.603945994095234], value: 55 },
{ lonlat: [109.49451061859614, 36.603633392114766], value: 55 },
{ lonlat: [109.49505127263073, 36.603150944228496], value: 66 },
{ lonlat: [109.49581661405635, 36.60443486991358], value: 55 },
{ lonlat: [109.49529000298357, 36.604994123879244], value: 66 },
{ lonlat: [109.49460891932945, 36.60451168465817], value: 66 },
{ lonlat: [109.4949529718969, 36.60387072220969], value: 5 },
{ lonlat: [109.4958166140561, 36.60367134909574], value: 5 },
{ lonlat: [109.49568320591762, 36.60269068866781], value: 5 },
{ lonlat: [109.49566916295554, 36.60080859328861], value: 6 },
{ lonlat: [109.49566214147451, 36.60014495272406], value: 6 },
{ lonlat: [109.494840628201, 36.599753070596016], value: 6 },
{ lonlat: [109.4965608910385, 36.60014250723452], value: 6 },
{ lonlat: [109.49708750211117, 36.60052061853767], value: 6 },
{ lonlat: [109.49651876215258, 36.60062696783045], value: 6 },
{ lonlat: [109.49725601765434, 36.60026905844781], value: 6 },
{ lonlat: [109.49813370277548, 36.601100102081844], value: 6 },
{ lonlat: [109.49785284353655, 36.60242247026715], value: 6 },
{ lonlat: [109.49832328276145, 36.60081901303621], value: 6 },
{ lonlat: [109.49783880057448, 36.59967978702087], value: 6 },
{ lonlat: [109.49802838056061, 36.599299226039754], value: 6 },
{ lonlat: [109.49848477682357, 36.59905454638016], value: 6 },
{ lonlat: [109.49689090064342, 36.59891177851914], value: 6 },
{ lonlat: [109.4978247576123, 36.59752340035382], value: 6 },
{ lonlat: [109.49701728730074, 36.596542660729575], value: 6 },
{ lonlat: [109.49685645137883, 36.595212452415], value: 6 },
{ lonlat: [109.49616132476278, 36.59372208751017], value: 6 },
{ lonlat: [109.497713072057, 36.59436068924544], value: 6 },
{ lonlat: [109.49829530434499, 36.59627757677923], value: 7 },
{ lonlat: [109.49801374925752, 36.593942855465386], value: 7 },
{ lonlat: [109.49621402796436, 36.59244561043963], value: 7 },
{ lonlat: [109.49611930579097, 36.591341185842126], value: 7 },
{ lonlat: [109.49618696448614, 36.58984388974645], value: 7 },
{ lonlat: [109.49579789965442, 36.589368310214226], value: 7 },
{ lonlat: [109.4920496079386, 36.58885313566361], value: 7 },
{ lonlat: [109.48960036317119, 36.588970902925006], value: 7 },
{ lonlat: [109.48761119753136, 36.58913232115246], value: 7 },
{ lonlat: [109.48470187363641, 36.58831158443507], value: 7 },
{ lonlat: [109.48200905756617, 36.589389680113165], value: 56 },
{ lonlat: [109.48023639975108, 36.58902015763719], value: 7 },
{ lonlat: [109.47394414109459, 36.58837402615219], value: 80 },
{ lonlat: [109.4728480702318, 36.59023783394082], value: 78 },
{ lonlat: [109.46961398459973, 36.588434956116345], value: 77 },
{ lonlat: [109.46908624677688, 36.587439603702165], value: 55 },
{ lonlat: [109.4652161694096, 36.58760966434236], value: 7 },
{ lonlat: [109.46463430463056, 36.58702899938492], value: 55 },
{ lonlat: [109.46321347203066, 36.585073258863616], value: 7 },
{ lonlat: [109.46482374897708, 36.583968727419084], value: 7 },
{ lonlat: [109.46692116852915, 36.58347534338372], value: 55 },
{ lonlat: [109.4688020802565, 36.58344032845259], value: 55 },
{ lonlat: [109.47236092762554, 36.58305607754432], value: 66 },
{ lonlat: [109.47351112544439, 36.58086012847229], value: 55 },
{ lonlat: [109.47357878413955, 36.58486317336802], value: 5 },
{ lonlat: [109.46054812145172, 36.592050037038575], value: 55 },
{ lonlat: [109.45958516192611, 36.59014334083254], value: 45 },
{ lonlat: [109.441690631703, 36.574861874203556], value: 45 },
{ lonlat: [109.44624550826747, 36.57378190194129], value: 7 },
{ lonlat: [109.4509010450875, 36.57331087985171], value: 7 },
{ lonlat: [109.45600955305757, 36.573692403602315], value: 7 },
{ lonlat: [109.45623603863253, 36.573058990448956], value: 7 },
{ lonlat: [109.46174718762488, 36.57201959088281], value: 7 },
{ lonlat: [109.46564777252813, 36.57459338262966], value: 7 },
{ lonlat: [109.47100793113714, 36.57481251327233], value: 7 },
{ lonlat: [109.47073111543428, 36.57287999199309], value: 7 },
{ lonlat: [109.47181321318158, 36.57139400720595], value: 7 },
{ lonlat: [109.47722370191836, 36.57685016603991], value: 7 },
{ lonlat: [109.48097329643825, 36.57962676684916], value: 7 },
{ lonlat: [109.49076250629228, 36.580657760474004], value: 7 },
{ lonlat: [109.4908883316117, 36.57815705967815], value: 7 },
{ lonlat: [109.48588048389708, 36.575696873317725], value: 7 },
{ lonlat: [109.48555333806642, 36.57234345586721], value: 7 },
{ lonlat: [109.48462223070236, 36.57114165197099], value: 7 },
{ lonlat: [109.48494937653292, 36.569168438097215], value: 7 },
{ lonlat: [109.48789368900827, 36.568575587318655], value: 7 },
{ lonlat: [109.48701291177198, 36.56741432474017], value: 77 },
{ lonlat: [109.48668576594132, 36.565197403953434], value: 77 },
{ lonlat: [109.48661027074958, 36.56200594032002], value: 77 },
{ lonlat: [109.48643411530227, 36.55950462918852], value: 7 },
{ lonlat: [109.47872714141864, 36.55363535583412], value: 7 },
{ lonlat: [109.47752130169793, 36.55237880798815], value: 7 },
{ lonlat: [109.47659108248483, 36.550399478960415], value: 7 },
{ lonlat: [109.47531633763725, 36.54680772057538], value: 7 },
{ lonlat: [109.47714232349988, 36.538378228993835], value: 7 },
{ lonlat: [109.47628100941364, 36.53678778825302], value: 7 },
{ lonlat: [109.49119798128915, 36.57421937037934], value: 7 },
{ lonlat: [109.49316811330803, 36.5763548006588], value: 7 },
{ lonlat: [109.49201320833134, 36.5772533638739], value: 7 },
{ lonlat: [109.49206173375048, 36.57869986536457], value: 7 },
{ lonlat: [109.49288666587658, 36.57962971205523], value: 7 },
{ lonlat: [109.4948373877278, 36.579792436760556], value: 7 },
{ lonlat: [109.49405127593694, 36.581677232061956], value: 7 },
{ lonlat: [109.49497325890142, 36.582200016243696], value: 7 },
{ lonlat: [109.49599229270427, 36.581908742939454], value: 7 },
{ lonlat: [109.49642902147689, 36.583276883316856], value: 56 },
{ lonlat: [109.49692398075254, 36.58497374115537], value: 4 },
{ lonlat: [109.49697250617166, 36.58646705928871], value: 4 },
{ lonlat: [109.49781684846545, 36.58750638888238], value: 4 },
{ lonlat: [109.49951870129331, 36.59430380170364], value: 3 },
{ lonlat: [109.49965804385573, 36.59486501809594], value: 65 },
{ lonlat: [109.49988842408676, 36.59649457072071], value: 76 },
{ lonlat: [109.50008437575242, 36.59732109333835], value: 64 },
{ lonlat: [109.49935516493218, 36.59831527959685], value: 43 },
{ lonlat: [109.50060236752009, 36.60104441193055], value: 45 },
{ lonlat: [109.50126321265897, 36.60358057739102], value: 23 },
{ lonlat: [109.49942472380532, 36.604173438687546], value: 34 },
{ lonlat: [109.5007026398301, 36.60501144006829], value: 6 },
{ lonlat: [109.49901617072663, 36.605443415517875], value: 5 },
{ lonlat: [109.50014206700124, 36.6054693718935], value: 5 },
{ lonlat: [109.50184753857336, 36.6066137836571], value: 6 },
{ lonlat: [109.50264089164449, 36.606042210978295], value: 6 },
{ lonlat: [109.50362426940333, 36.606627392739135], value: 6 },
{ lonlat: [109.5029639336135, 36.60551750543657], value: 6 },
{ lonlat: [109.50313970644957, 36.60497656754981], value: 6 },
{ lonlat: [109.50333489978382, 36.60424830824475], value: 6 },
{ lonlat: [109.50498336394963, 36.60554595245176], value: 6 },
{ lonlat: [109.5062137738025, 36.60733384990011], value: 6 },
{ lonlat: [109.50681710218589, 36.607903700917404], value: 6 },
{ lonlat: [109.5058527268957, 36.60992901196387], value: 6 },
{ lonlat: [109.50458431210518, 36.61083589220665], value: 6 },
{ lonlat: [109.5035629294087, 36.61163552050199], value: 6 },
{ lonlat: [109.50728675442862, 36.60816923300994], value: 6 },
{ lonlat: [109.50862770454853, 36.60957898993155], value: 6 },
{ lonlat: [109.50900738849452, 36.611329111002924], value: 6 },
{ lonlat: [109.5087728725542, 36.61263215550033], value: 6 },
{ lonlat: [109.51196589727925, 36.61287834022912], value: 6 },
{ lonlat: [109.51194785759148, 36.614481923277204], value: 6 },
{ lonlat: [109.5131805695851, 36.614291799340485], value: 6 },
{ lonlat: [109.51506271033638, 36.61535240611497], value: 6 },
{ lonlat: [109.51550167607066, 36.616878374906946], value: 6 },
{ lonlat: [109.5174078697389, 36.6167755151019], value: 6 },
{ lonlat: [109.51728159192487, 36.61817541867955], value: 6 },
{ lonlat: [109.51805729849644, 36.61931353190943], value: 6 },
{ lonlat: [109.52015591550028, 36.61910403021254], value: 6 },
{ lonlat: [109.52326378422758, 36.618323942249155], value: 6 },
{ lonlat: [109.52535504124248, 36.621157617292155], value: 6 },
{ lonlat: [109.52708365253223, 36.622782899894624], value: 6 },
{ lonlat: [109.53062549244765, 36.62553845807305], value: 6 },
{ lonlat: [109.53329698262276, 36.62472766573882], value: 6 },
{ lonlat: [109.53529153411093, 36.62401430655811], value: 6 },
{ lonlat: [109.53622232480538, 36.62273577119326], value: 6 },
{ lonlat: [109.53555747430924, 36.62184699338395], value: 6 },
{ lonlat: [109.5376787067582, 36.627153166827114], value: 6 },
{ lonlat: [109.53979414015477, 36.62881729653026], value: 6 },
{ lonlat: [109.54130516400943, 36.63016960226274], value: 6 },
{ lonlat: [109.54008425673476, 36.63148291126323], value: 6 },
{ lonlat: [109.53755782484959, 36.63369255351504], value: 6 },
{ lonlat: [109.53614579982442, 36.6360575522797], value: 6 },
{ lonlat: [109.53343812543821, 36.62040741435609], value: 6 },
{ lonlat: [109.53580803843838, 36.62277137411824], value: 6 },
{ lonlat: [109.54168042409255, 36.62849933558428], value: 6 },
{ lonlat: [109.54288050769686, 36.63006645029258], value: 6 },
{ lonlat: [109.54573448803326, 36.63312914358253], value: 6 },
{ lonlat: [109.54725728319507, 36.636077923401025], value: 6 },
{ lonlat: [109.54490753966712, 36.63712470479035], value: 6 },
{ lonlat: [109.54219474563702, 36.63804142854716], value: 6 },
{ lonlat: [109.53998618841547, 36.636568584052085], value: 6 },
{ lonlat: [109.53464796833235, 36.63649472525616], value: 6 },
{ lonlat: [109.53531650653413, 36.633497267658136], value: 6 },
{ lonlat: [109.52895761991671, 36.63899560790742], value: 6 },
{ lonlat: [109.52561492890752, 36.6410855206062], value: 6 },
{ lonlat: [109.52130829909568, 36.6436264356986], value: 6 },
{ lonlat: [109.51955144289083, 36.64125575007403], value: 6 },
{ lonlat: [109.51807443988673, 36.63976209758932], value: 6 },
{ lonlat: [109.51690838488348, 36.64107514503131], value: 6 },
{ lonlat: [109.51689283748337, 36.643941824018825], value: 6 },
{ lonlat: [109.51588225648054, 36.646106775610676], value: 6 },
{ lonlat: [109.51409430547558, 36.64724431137258], value: 6 },
{ lonlat: [109.51174664806909, 36.646327110237564], value: 6 },
{ lonlat: [109.51070497226618, 36.648567165872755], value: 6 },
{ lonlat: [109.50978767566362, 36.64972972191704], value: 6 },
{ lonlat: [109.51067387746598, 36.650967429494266], value: 6 },
{ lonlat: [109.51146679486808, 36.652280284952866], value: 6 },
{ lonlat: [109.51191766946926, 36.65361817342491], value: 6 },
{ lonlat: [109.51199540646942, 36.65525669873434], value: 6 },
{ lonlat: [109.51428087427561, 36.655191468743396], value: 6 },
{ lonlat: [109.51460736967644, 36.65357281224559], value: 6 },
{ lonlat: [109.51353459907345, 36.65593792955656], value: 6 },
{ lonlat: [109.50664710085456, 36.64933312632619], value: 6 },
{ lonlat: [109.50327331504526, 36.64723825232908], value: 6 },
{ lonlat: [109.50558987765153, 36.64807508399961], value: 28 },
{ lonlat: [109.50703578585542, 36.64720800813199], value: 29 },
{ lonlat: [109.50596301525242, 36.6462406907215], value: 28 },
{ lonlat: [109.50380192664646, 36.647478454644535], value: 6 },
{ lonlat: [109.50293172446254, 36.64689822474207], value: 6 },
{ lonlat: [109.49977744553338, 36.648514140036085], value: 6 },
{ lonlat: [109.49841675260586, 36.64788286957943], value: 5 },
{ lonlat: [109.49667830356817, 36.64754979371535], value: 5 },
{ lonlat: [109.49480514097309, 36.64623412909707], value: 5 },
{ lonlat: [109.49194575265034, 36.64800589561177], value: 5 },
{ lonlat: [109.48774678808107, 36.64818660580967], value: 5 },
{ lonlat: [109.48778573951488, 36.65030081450137], value: 23 },
{ lonlat: [109.49052013017122, 36.65182489248657], value: 34 },
{ lonlat: [109.49386216319564, 36.653097849178344], value: 23 },
{ lonlat: [109.49541243026289, 36.655375126863646], value: 34 },
{ lonlat: [109.49376867975428, 36.65881983304358], value: 5 },
{ lonlat: [109.49594216976315, 36.66097140773642], value: 5 },
{ lonlat: [109.49674456930045, 36.662419955163955], value: 5 },
{ lonlat: [109.49257676587825, 36.66373039429423], value: 5 },
{ lonlat: [109.48954634432454, 36.66561822861078], value: 5 },
{ lonlat: [109.48265911535468, 36.654995428105366], value: 5 },
{ lonlat: [109.47853819629543, 36.65495490425706], value: 5 },
{ lonlat: [109.47794031082658, 36.64600156969751], value: 5 },
{ lonlat: [109.47947610116441, 36.638089580666374], value: 65 },
{ lonlat: [109.48196313342223, 36.63989201277776], value: 66 },
{ lonlat: [109.48007581107044, 36.63626409608854], value: 45 },
{ lonlat: [109.48312727618112, 36.63616165277856], value: 43 },
{ lonlat: [109.48487349031957, 36.63719648127574], value: 23 },
{ lonlat: [109.48806606364347, 36.640221454017194], value: 65 },
{ lonlat: [109.48968880809531, 36.64396832101501], value: 66 },
{ lonlat: [109.49199945508674, 36.64370117513442], value: 77 },
{ lonlat: [109.4886481350228, 36.64628232413764], value: 5 },
{ lonlat: [109.48693719793754, 36.6481698459415], value: 5 },
{ lonlat: [109.49295193552571, 36.64621960689284], value: 6 },
{ lonlat: [109.4960034006364, 36.647282727565546], value: 5 },
{ lonlat: [109.4991959739603, 36.64675388047846], value: 5 },
{ lonlat: [109.50401129173616, 36.64690730406689], value: 5 },
{ lonlat: [109.50575750587461, 36.64410416698772], value: 5 },
{ lonlat: [109.5035879670964, 36.64221068329797], value: 5 },
{ lonlat: [109.49916069690676, 36.63886718707988], value: 5 },
{ lonlat: [109.4955447989431, 36.639105918699926], value: 34 },
{ lonlat: [109.49207000919266, 36.63564855779099], value: 34 },
{ lonlat: [109.48792495542945, 36.63128116433782], value: 23 },
{ lonlat: [109.4824393736407, 36.62725474513087], value: 43 },
{ lonlat: [109.48350796628219, 36.6240399916917], value: 5 },
{ lonlat: [109.47904752109281, 36.617139346998826], value: 5 },
{ lonlat: [109.47973483856029, 36.6163530732266], value: 5 },
{ lonlat: [109.48169304493001, 36.61519041973535], value: 6 },
{ lonlat: [109.48128150577406, 36.61652725739157], value: 5 },
{ lonlat: [109.4856636114327, 36.61250054572504], value: 6 },
{ lonlat: [109.48669837172288, 36.61390464711184], value: 5 },
{ lonlat: [109.48778868961256, 36.61110958729933], value: 5 },
{ lonlat: [109.48832343150745, 36.61186423919422], value: 5 },
{ lonlat: [109.48855260660523, 36.61062565266084], value: 5 },
{ lonlat: [109.49005960649093, 36.60966700183684], value: 5 },
{ lonlat: [109.49101103038188, 36.608943504005595], value: 5 },
{ lonlat: [109.49269164776588, 36.607944427600174], value: 5 },
{ lonlat: [109.49137909947821, 36.60774724442752], value: 5 },
{ lonlat: [109.49426114995096, 36.60713571424016], value: 5 },
{ lonlat: [109.4965699550399, 36.6053070257893], value: 5 },
{ lonlat: [109.49771583052903, 36.60506504012202], value: 5 },
{ lonlat: [109.49879225901881, 36.60545019078856], value: 5 },
{ lonlat: [109.49911865991568, 36.6049954268223], value: 5 },
{ lonlat: [109.50854172185717, 36.60498562319275], value: 5 },
{ lonlat: [109.51044938269962, 36.60552218657323], value: 5 },
{ lonlat: [109.51212316173265, 36.60707867359568], value: 5 },
{ lonlat: [109.51372557809377, 36.60793013404142], value: 5 },
{ lonlat: [109.51465329282912, 36.60842590572189], value: 5 },
{ lonlat: [109.51604810869001, 36.60896351865908], value: 5 },
{ lonlat: [109.51735209933206, 36.609239601548374], value: 6 },
{ lonlat: [109.51869501506792, 36.61021656939483], value: 6 },
{ lonlat: [109.51997305564743, 36.61025204679149], value: 6 },
{ lonlat: [109.52078399510141, 36.610674577473965], value: 6 },
{ lonlat: [109.64885541010113, 36.68368750346818], value: 77 },
{ lonlat: [109.64418083988407, 36.684106217976854], value: 77 },
{ lonlat: [109.65730463327395, 36.68351820161691], value: 6 },
{ lonlat: [109.66382903341632, 36.683373146319866], value: 53 },
{ lonlat: [109.66365404950439, 36.68117431536967], value: 54 },
{ lonlat: [109.66952850940268, 36.687351497043785], value: 56 },
{ lonlat: [109.67765276245356, 36.68821312918963], value: 33 },
{ lonlat: [109.67907763145014, 36.68818888405842], value: 23 },
{ lonlat: [109.67620289575514, 36.68570831505293], value: 34 },
{ lonlat: [109.66992847262958, 36.6839122446761], value: 6 },
{ lonlat: [109.66315409547013, 36.68135099518023], value: 6 },
{ lonlat: [109.68433055291582, 36.68853913721367], value: 6 },
{ lonlat: [109.68255571609542, 36.69068926681356], value: 6 },
{ lonlat: [109.68633036905133, 36.69126900476532], value: 77 },
{ lonlat: [109.68605539433261, 36.69273456341231], value: 77 },
{ lonlat: [109.68383059888168, 36.693435078555396], value: 6 },
{ lonlat: [109.70500365221739, 36.69928917967537], value: 77 },
{ lonlat: [109.70692847524785, 36.69970780952815], value: 77 },
{ lonlat: [109.72405190090896, 36.70298488870231], value: 6 },
{ lonlat: [109.72712178240528, 36.70196817888451], value: 34 },
{ lonlat: [109.72395293859049, 36.701623796200366], value: 34 },
];
let heatMapJeojson = {};
let heatMapFeatures = [];
heatMapList.forEach(element => {
let heatmap = turf.point(element.lonlat);
heatmap.properties.value = element.value;
gcoord.transform(heatmap, gcoord.BD09, gcoord.WGS84);
heatMapFeatures.push(heatmap);
});
heatMapJeojson = turf.featureCollection(heatMapFeatures);
mapBoxVectorLayer.removeByIds(['heatMapLayer']);
mapBoxVectorLayer.addHeatMapLayer('heatMapLayer', heatMapJeojson, 'value');
heatMapJeojson.features.forEach(feature => {
gcoord.transform(feature, gcoord.WGS84, gcoord.BD09);
});
// bus.emit('clearAllLayer');
// bus.emit('SetLayerShow', ['雨水管网', '综合视角']);
} else if (FxClickName.value == '桥梁') {
let obj = [
{
name: '低风险 0% 0',
value: 0,
itemStyle: {
color: '#2BE7ABFF',
},
},
{
name: '一般风险 0% 0',
value: 0,
itemStyle: {
color: '#18A7F2FF',
},
},
{
name: '较大风险 0% 0',
value: 0,
itemStyle: {
color: '#F8E270FF',
},
},
{
name: '重大风险 0% 0',
value: 0,
itemStyle: {
color: '#FF5D6CFF',
},
},
];
bus.emit('FxVisible', obj);
let heatMapList = [
{ lonlat: [109.483918489923, 36.61249884561792], value: 2 },
{ lonlat: [109.49124949683474, 36.60775434074279], value: 2 },
{ lonlat: [109.50572853744899, 36.604187093623594], value: 2 },
{ lonlat: [109.5132346699733, 36.608741935164794], value: 2 },
{ lonlat: [109.51904613562726, 36.611042774763824], value: 2 },
{ lonlat: [109.53198346589791, 36.61636440529855], value: 2 },
{ lonlat: [109.54373268160329, 36.62722667094952], value: 2 },
{ lonlat: [109.55451083074375, 36.63431209655593], value: 2 },
{ lonlat: [109.57940016110899, 36.64686611882419], value: 2 },
{ lonlat: [109.6012150494243, 36.65907698436654], value: 2 },
{ lonlat: [109.61124926974423, 36.66415805243906], value: 2 },
{ lonlat: [109.61784004029477, 36.67516787032632], value: 2 },
{ lonlat: [109.62919460452721, 36.67788106032265], value: 2 },
{ lonlat: [109.63196929767449, 36.67928099390055], value: 2 },
{ lonlat: [109.46480514943485, 36.62360094904237], value: 2 },
{ lonlat: [109.46681140209512, 36.62561194970287], value: 2 },
{ lonlat: [109.45369327487766, 36.62328969949192], value: 2 },
{ lonlat: [109.443303636095, 36.62474923155087], value: 2 },
{ lonlat: [109.44253820357403, 36.62516596076744], value: 2 },
{ lonlat: [109.43462173954586, 36.62753072368888], value: 2 },
{ lonlat: [109.43142085679224, 36.62788342400572], value: 2 },
{ lonlat: [109.39106668692392, 36.63072241385541], value: 2 },
{ lonlat: [109.38132672192305, 36.63163653873149], value: 2 },
{ lonlat: [109.37824301325273, 36.63040238705813], value: 27 },
{ lonlat: [109.37798122397636, 36.63011639738166], value: 2 },
{ lonlat: [109.37831675562222, 36.63067146665423], value: 27 },
{ lonlat: [109.45808259115762, 36.64141836784447], value: 27 },
{ lonlat: [109.45252356495284, 36.64605023114681], value: 27 },
{ lonlat: [109.44790551030523, 36.649213742325166], value: 27 },
{ lonlat: [109.45036882152101, 36.65071418592719], value: 27 },
{ lonlat: [109.45281846503426, 36.652553881255365], value: 27 },
{ lonlat: [109.45326421337076, 36.65291233679495], value: 27 },
{ lonlat: [109.4536673368842, 36.658868012328924], value: 27 },
{ lonlat: [109.45294461614503, 36.659015596859966], value: 27 },
{ lonlat: [109.4510201368656, 36.67300515322296], value: 27 },
{ lonlat: [109.44381236996472, 36.68160182382983], value: 27 },
{ lonlat: [109.44144112268805, 36.68059085074304], value: 2 },
{ lonlat: [109.49931192498602, 36.60090167752511], value: 2 },
{ lonlat: [109.49902156203582, 36.59724500678111], value: 2 },
{ lonlat: [109.49840537722008, 36.58936418409113], value: 2 },
{ lonlat: [109.49699505923651, 36.58701118890556], value: 2 },
{ lonlat: [109.49461410678568, 36.58333134844861], value: 2 },
{ lonlat: [109.49111259069487, 36.57930391823156], value: 2 },
{ lonlat: [109.48858414500634, 36.57771295040469], value: 2 },
{ lonlat: [109.48677981843753, 36.57709276592818], value: 2 },
{ lonlat: [109.48281921942416, 36.57541727734781], value: 2 },
{ lonlat: [109.48006673878221, 36.575126922804415], value: 2 },
{ lonlat: [109.4761270437505, 36.5750411530202], value: 2 },
{ lonlat: [109.47084671389513, 36.5750022383416], value: 2 },
{ lonlat: [109.46891109753669, 36.5745583596313], value: 2 },
{ lonlat: [109.46741115045506, 36.57421153657004], value: 2 },
];
let heatMapJeojson = {};
let heatMapFeatures = [];
heatMapList.forEach(element => {
let heatmap = turf.point(element.lonlat);
heatmap.properties.value = element.value;
gcoord.transform(heatmap, gcoord.BD09, gcoord.WGS84);
heatMapFeatures.push(heatmap);
});
heatMapJeojson = turf.featureCollection(heatMapFeatures);
mapBoxVectorLayer.removeByIds(['heatMapLayer']);
mapBoxVectorLayer.addHeatMapLayer('heatMapLayer', heatMapJeojson, 'value');
heatMapJeojson.features.forEach(feature => {
gcoord.transform(feature, gcoord.WGS84, gcoord.BD09);
});
// bus.emit('clearAllLayer');
// bus.emit('SetLayerShow', ['仿真地图', '桥梁视角']);
} else {
let obj = [
{
name: '低风险 0% 0',
value: 0,
itemStyle: {
color: '#2BE7ABFF',
},
},
{
name: '一般风险 0% 0',
value: 0,
itemStyle: {
color: '#18A7F2FF',
},
},
{
name: '较大风险 0% 0',
value: 0,
itemStyle: {
color: '#F8E270FF',
},
},
{
name: '重大风险 0% 0',
value: 0,
itemStyle: {
color: '#FF5D6CFF',
},
},
];
bus.emit('FxVisible', obj);
// bus.emit('clearAllLayer');
// bus.emit('SetLayerShow', ['仿真地图', '隧道视角']);
}
}
const showPanel = ref(true); //面板展开收起
// 面板内容展开收起控制
const props = defineProps({
showPanel: {
type: Boolean,
},
});
watch(
() => props.showPanel,
() => {
showPanel.value = props.showPanel;
},
{ immediate: true }
);
onMounted(() => {
bus.emit('FxVisible', obj.value);
});
onBeforeUnmount(() => {
mapBoxVectorLayer.removeByIds(['heatMapLayer']);
});
</script>
<style lang="scss" scoped>
.RiskAssessment {
width: 450px;
height: 410px;
// background: yellowgreen;
.RiskProportion {
width: 450px;
height: 175px;
// background: red;
.ContentNum {
margin-top: 4px;
width: 450px;
height: 140px;
.dfFlxa {
width: 420px;
height: 30px;
margin: 5px auto;
display: flex;
.middleextA {
height: 30px;
width: 17%;
align-items: center;
font-family: Source Han Sans CN;
font-weight: 500;
font-size: 14px;
color: #ebfeff;
}
.middleextB {
height: 14px;
width: 58%;
margin-top: 8px;
background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 76, 118, 0.8) 100%);
border-radius: 16px;
border: 1px solid #15d2fd;
// background: yellow;
.BJ_CenBox1 {
display: inline-block;
height: 12px;
background: #00f2ff;
border-radius: 15px;
box-sizing: border-box;
// padding: 0 5px;
}
}
.middleextC {
margin-left: 13px;
height: 30px;
width: 22%;
justify-content: space-between;
align-items: center;
}
}
}
}
.DrainageRisk {
margin-top: 5px;
width: 450px;
// height: 41%;
height: calc(100% - 225px);
// background: blue;
}
}
.WarningSisposal {
width: 450px;
height: calc(100vh - 530px);
// background: red;
.WarningSj {
width: 450px;
height: 190px;
margin-top: 5px;
// background: yellowgreen;
.WarningList {
margin-top: 5px;
width: 425px;
height: 85%;
// background: yellow;
margin: auto;
.Warningpart {
margin-top: 5px;
.part {
width: 130px;
height: 160px;
background: url('@/assets/newImgs/iSpt.png') no-repeat;
background-size: 100% 100%;
.parttop {
height: 160px;
.upper {
height: 50%;
.Major {
height: 70%;
.upImg {
width: 30px;
height: 30px;
position: relative;
top: 20px;
left: 38%;
}
}
.lower {
height: 30%;
font-family: Source Han Sans CN;
font-weight: 500;
font-size: 14px;
color: #c1d3d4;
display: flex;
// align-items: center;
justify-content: center;
}
}
.below {
height: 50%;
.handIn {
height: 50%;
display: flex;
align-items: center;
justify-content: center;
font-family: Source Han Sans CN;
font-weight: bold;
font-size: 22px;
color: #12f9ff;
}
.oflower {
height: 50%;
display: flex;
// align-items: center;
justify-content: center;
font-family: Source Han Sans CN;
font-weight: 500;
font-size: 14px;
color: #c1d3d4;
}
}
}
}
}
}
}
.WarningEcharts {
margin-top: 5px;
width: 450px;
// height: 38%;
height: calc(100% - 245px);
// background: rgb(228, 228, 228);
}
}
.partTitleHM {
top: 8px;
position: relative;
width: 408px;
height: 44px;
background: url('@/assets/newImgs/partBg.png') no-repeat;
background-size: 100% 100%;
font-family: PangMenZhengDao;
font-weight: 400;
font-size: 23px;
color: #ebfeff;
line-height: 44px;
padding-left: 35px;
margin-left: 10px;
}
.TopProportion {
display: flex;
width: 100%;
.riskMc {
display: flex;
width: 60%;
.icon {
margin-left: 5px;
width: 25px;
height: 25px;
background: url('@/assets/newImgs/xtb_img.png') no-repeat;
}
.text {
font-family: Source Han Sans CN;
font-weight: bold;
font-size: 16px;
color: #ebfeff;
line-height: 25px;
padding-left: 5px;
background: linear-gradient(0deg, rgba(0, 242, 255, 0.5) 0%, rgba(0, 242, 255, 0) 100%);
height: 10px;
line-height: 0px;
margin-top: 10px;
}
}
.riskZs {
display: flex;
justify-content: space-around;
align-items: center;
width: 40%;
.eachDescribe {
display: flex;
align-items: center;
font-family: Source Han Sans CN;
font-weight: 400;
// padding-top: 5px;
.icon {
width: 8px;
height: 8px;
border-radius: 50%;
}
.bgcYellow {
background: #f8744bff;
}
.bgcblue {
background: #18ffff;
}
.text {
padding: 0 10px 0 6px;
font-family: Source Han Sans CN;
font-weight: 500;
font-size: 16px;
color: #c1d3d4;
}
}
}
.WarningSl {
display: flex;
justify-content: space-around;
align-items: center;
width: 55%;
.eachDescribe {
display: flex;
align-items: center;
font-family: Source Han Sans CN;
font-weight: 400;
// padding-top: 5px;
.icon {
width: 8px;
height: 8px;
border-radius: 50%;
}
.bgcYellow {
background: #2be7abff;
}
.bgcls {
background: #18a7f2ff;
}
.text {
padding: 0 10px 0 6px;
font-family: Source Han Sans CN;
font-weight: 500;
font-size: 14px;
color: #c1d3d4;
}
}
}
.WarningNy {
display: flex;
width: 45%;
.head-right {
cursor: pointer;
font-size: 14px;
color: #ffffff;
display: flex;
line-height: 18px;
.head-item {
width: 70px;
margin-right: 10px;
padding: 2px 3px;
background: #00344f;
height: 23px;
text-align: center;
position: relative;
left: 40px;
}
.activedright {
border: 1px solid #2cfce9;
color: #e4f5ff;
background: #166f84;
}
}
}
}
.ListBoxHeader {
height: 44px;
line-height: 50px;
width: 98%;
background: url('@/assets/newImgs/partBg.png') no-repeat;
background-size: 100% 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin: 7px 0px 0px 8px;
.ListBoxHeader_font {
font-family: PangMenZhengDao;
font-weight: 400;
font-size: 23px;
color: #ebfeff;
padding-left: 34px;
}
}
</style>
