{"remainingRequest":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\frontScreens\\Index.vue?vue&type=template&id=315ae4b6&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\frontScreens\\Index.vue","mtime":1687666136950},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\t<div class=\"index-container\">\n\t\t<div class=\"top-container\">\n\t\t\t<!-- <div class=\"section-con top-left\">\n\t\t\t\t<div>\n\t\t\t\t\t<img class=\"section-title-img\" src=\"../../assets/img/title_icon.png\" /><span\n\t\t\t\t\t\tclass=\"section-title\">政区基础概况</span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"flex top-left-content\">\n\t\t\t\t\t<div v-for=\"item in regionData\" :key=\"item.count\" class=\"alarm-item\">\n\t\t\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t\t\t<i class=\"bbsl-iconfont\" :class=\"item.icon\"></i>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"title\">{{ item.typeName }}</div>\n\t\t\t\t\t\t<div class=\"num\">{{ item.count }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div> -->\n\t\t\t<div class=\"section-con top-center1\">\n\t\t\t\t<div>\n\t\t\t\t\t<img class=\"section-title-img\" src=\"../../assets/img/title_icon.png\" /><span\n\t\t\t\t\t\tclass=\"section-title\">水位报警</span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"flex top-left-content alarm\">\n\t\t\t\t\t<div v-for=\"item in waterAlarm\" :key=\"item.name\" class=\"alarm-item\" @click=\"\n            handlePopup(\n              `水位-${item.name}报警`,\n              `water`,\n              {\n                type: 'waterAlarm',\n                tableData: item.list,\n              },\n              'Alarm'\n            )\n          \">\n\t\t\t\t\t\t<div class=\"num\">{{ item.count }}</div>\n\t\t\t\t\t\t<div class=\"title\">{{ item.name }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<audio id=\"audio\" src=\"../../assets/music/alert.mp3\" ref=\"audio\"></audio>\n\t\t\t\t\t<!-- <button @click=\"btnMp\"></button> -->\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"section-con top-center2\">\n\t\t\t\t<div>\n\t\t\t\t\t<img class=\"section-title-img\" src=\"../../assets/img/title_icon.png\" /><span\n\t\t\t\t\t\tclass=\"section-title\">雨量报警</span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"flex top-left-content alarm\">\n\t\t\t\t\t<div v-for=\"item in rainAlarm\" :key=\"item.name\" class=\"alarm-item\" @click=\"\n            handlePopup(\n              `雨量-${item.name}报警`,\n              'rain',\n              {\n                type: 'rainAlarm',\n                tableData: item.list,\n              },\n              'Alarm'\n            )\n          \">\n\t\t\t\t\t\t<div class=\"num\">{{ item.count }}</div>\n\t\t\t\t\t\t<div class=\"title\">{{ item.name }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"section-con top-center3\">\n\t\t\t\t<div>\n\t\t\t\t\t<img class=\"section-title-img\" src=\"../../assets/img/title_icon.png\" /><span\n\t\t\t\t\t\tclass=\"section-title\">视频报警</span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"flex top-left-content alarm\">\n\t\t\t\t\t<div v-for=\"item in videoAlarm\" :key=\"item.name\" class=\"alarm-item\" @click=\"\n            handlePopup(\n              `视频-${item.name}报警`,\n              `water`,\n              {\n                type: 'videoAlarm',\n                tableData: item.list,\n              },\n              'Alarm'\n            )\n          \">\n\t\t\t\t\t\t<div class=\"num\">{{ item.count }}</div>\n\t\t\t\t\t\t<div class=\"title\">{{ item.name }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<audio id=\"audio\" src=\"../../assets/music/alert.mp3\" ref=\"audio\"></audio>\n\t\t\t\t\t<!-- <button @click=\"btnMp\"></button> -->\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"section-con top-right\">\n\t\t\t\t<div>\n\t\t\t\t\t<img class=\"section-title-img\" src=\"../../assets/img/title_icon.png\" /><span\n\t\t\t\t\t\tclass=\"section-title\">测站正常率</span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"flex full full-out-header\">\n\t\t\t\t\t<div class=\"total-failure\">\n\t\t\t\t\t\t<div id=\"totalFailure\" class=\"full\"></div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"type-failure\">\n\t\t\t\t\t\t<i class=\"icon el-icon-d-arrow-left\" v-if=\"!showType\" @click=\"handleBack\"></i>\n\t\t\t\t\t\t<div v-if=\"showType\" class=\"flex full\">\n\t\t\t\t\t\t\t<template v-for=\"(item, index) in this.stationList.appTypeList\">\n\t\t\t\t\t\t\t\t<div :id=\"'myChart' + index\" :key=\"index\" class=\"type-failure-inner\"></div>\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t\t<!-- <div id=\"typeFailure1\" class=\"type-failure-inner\"></div>\n\t\t\t\t\t\t\t<div id=\"typeFailure2\" class=\"type-failure-inner\"></div>\n\t\t\t\t\t\t\t<div id=\"typeFailure3\" class=\"type-failure-inner\"></div> -->\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div id=\"stationFailure\" class=\"full\" v-else></div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"center-container\">\n\t\t\t<div class=\"section-con bottom-con2\">\n\t\t\t\t<div>\n\t\t\t\t\t<img class=\"section-title-img\" src=\"../../assets/img/title_icon.png\" /><span\n\t\t\t\t\t\tclass=\"section-title\">日累计降雨量</span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"type-btn-group\">\n\t\t\t\t\t<span :key=\"types.key\" v-for=\"types in rainfallTypeList\" class=\"type-btn-item\"\n\t\t\t\t\t\t:class=\"rainfallType == types.key ? 'active' : ''\" @click=\"changeRainfallType(types.key)\">\n\t\t\t\t\t\t{{ types.name }}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"col-flex full full-out-header padding rain-fall\">\n\t\t\t\t\t<div class=\"bar-item order-type\" v-for=\"(item, index) in rainfallData\" :key=\"item.key\">\n\t\t\t\t\t\t<span class=\"order\">{{ index + 1 }}</span>\n\t\t\t\t\t\t<span class=\"name ellipsis\"> {{ item.name }}</span>\n\t\t\t\t\t\t<div class=\"icon-num\" v-if=\"\n              item.dailyPrecipitation / rainfallData[0].dailyPrecipitation\n            \" :style=\"{\n              width:\n                (item.dailyPrecipitation /\n                  rainfallData[0].dailyPrecipitation) *\n                  100 +\n                '%',\n            }\">\n\t\t\t\t\t\t\t<!-- {{item.dailyPrecipitation / rainfallData[0].dailyPrecipitation}} -->\n\t\t\t\t\t\t\t<div class=\"icon-num-inner\"></div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"icon-num\" v-else :style=\"{\n              width: '0%',\n            }\">\n\t\t\t\t\t\t\t<div class=\"icon-num-inner\"></div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<span class=\"num\">{{ item.dailyPrecipitation }}</span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"explain\">降雨量单位：mm</div>\n\t\t\t</div>\n\t\t\t<div class=\"section-con bottom-con3\">\n\t\t\t\t<div>\n\t\t\t\t\t<img class=\"section-title-img\" src=\"../../assets/img/title_icon.png\" />\n\t\t\t\t\t<span class=\"section-title\">实时水情<i class=\"el-icon-search\" style=\"margin-left: 10px\"\n\t\t\t\t\t\t\t@click=\"sqInputs()\"></i>\n\t\t\t\t\t\t<el-input v-if=\"this.sqInput\" style=\"width: 30%; margin-left: 10px\" clearable v-model=\"value1\"\n\t\t\t\t\t\t\tv-on:input=\"inputSqData()\" placeholder=\"请输入测站名称\" size=\"mini\"></el-input>\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"type-btn-group\">\n\t\t\t\t\t<span :key=\"ee.key\" v-for=\"ee in WaterTypeList\" class=\"type-btn-item\"\n\t\t\t\t\t\t:class=\"realtimeWaterType.appType == ee.key ? 'active' : ''\" @click=\"changeWaterType(ee.key)\">{{ ee.name\n            }}</span>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"realRain\" class=\"scroll-table full full-out-header padding\">\n\t\t\t\t\t<div class=\"scroll-table-header\">\n\t\t\t\t\t\t<!-- <div class=\"header-item\" v-for=\"column in realtimeWaterHeader\" :key=\"column.key\" style=\"text-align: center\"\n              :style=\"{ width: column.width }\">\n              {{ column.name }}\n            </div> -->\n\t\t\t\t\t\t<div class=\"header-item\" style=\"text-align: center; width: 14px\"></div>\n\t\t\t\t\t\t<div class=\"header-item\" style=\"text-align: center; width: 20%\">\n\t\t\t\t\t\t\t测站\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"header-item\" style=\"text-align: center; width: 12%\">\n\t\t\t\t\t\t\t当前水位\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"header-item\" style=\"text-align: center; width: 16%\"\n\t\t\t\t\t\t\tv-if=\"realtimeWaterType.appType != 2\">\n\t\t\t\t\t\t\t警戒水位\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"header-item\" style=\"text-align: center; width: 16%\"\n\t\t\t\t\t\t\tv-if=\"realtimeWaterType.appType != 2\">\n\t\t\t\t\t\t\t保证水位\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"header-item\" style=\"text-align: center; width: 16%\"\n\t\t\t\t\t\t\tv-if=\"realtimeWaterType.appType == 2\">\n\t\t\t\t\t\t\t正常水位\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"header-item\" style=\"text-align: center; width: 16%\"\n\t\t\t\t\t\t\tv-if=\"realtimeWaterType.appType == 2\">\n\t\t\t\t\t\t\t设计洪水位\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"header-item\" style=\"text-align: center; width: 12%\">\n\t\t\t\t\t\t\t超限\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"header-item\" style=\"text-align: center; width: calc(20% - 14px)\">\n\t\t\t\t\t\t\t时间\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"scroll-table-body solid\" style=\"cursor: pointer\">\n\t\t\t\t\t\t<!-- <vue-seamless-scroll\n\t\t\t            class=\"scroll-table-body\"\n\t\t\t            :data=\"realtimeRainData\"\n\t\t\t            :class-option=\"optionSingleHeightTime\"\n\t\t\t        > -->\n\n\t\t\t\t\t\t<div class=\"scroll-table-column\" v-for=\"column in realtimeWaterData\" :key=\"column.key\"\n\t\t\t\t\t\t\t@click=\"searchWaterData(column)\">\n\t\t\t\t\t\t\t<div class=\"column-item\" style=\"width: 14px\">\n\t\t\t\t\t\t\t\t<span class=\"column-item-icon\"></span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"column-item ellipsis\" style=\"width: 20%; text-align: center\"\n\t\t\t\t\t\t\t\t:title=\"column.stnm\" :class=\"{'columnActive':column.transfinite>0}\">\n\t\t\t\t\t\t\t\t{{ column.stnm }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"column-item ellipsis\" style=\"width: 12%; text-align: center\" :title=\"column.rz\"\n\t\t\t\t\t\t\t\t:class=\"{'columnActive':column.transfinite>0}\">\n\t\t\t\t\t\t\t\t{{ column.rz }}\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<!-- <div class=\"column-item ellipsis\"\n                   style=\"width: 16%;text-align: center;\"\n                   :title=\"column.fsltdz1\"\n                   v-for=\"item in column.thresholdData\"\n                   :key=\"item.id\">\n                {{ item.fsltdz}}\n              </div> -->\n\t\t\t\t\t\t\t<div class=\"column-item ellipsis\" style=\"width: 16%; text-align: center\"\n\t\t\t\t\t\t\t\t:title=\"column.nrstlv\" :class=\"{'columnActive':column.transfinite>0}\">\n\t\t\t\t\t\t\t\t{{ column.nrstlv }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"column-item ellipsis\" style=\"width: 16%; text-align: center\"\n\t\t\t\t\t\t\t\t:title=\"column.dsfllv\" :class=\"{'columnActive':column.transfinite>0}\">\n\t\t\t\t\t\t\t\t{{ column.dsfllv }}\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<!-- <div class=\"column-item ellipsis\"\n                   style=\"width: 14%;text-align: center;\"\n                   :title=\"column.dyp\">\n                {{ column.dyp }}\n              </div> -->\n\t\t\t\t\t\t\t<div class=\"column-item ellipsis\" style=\"width: 12%; text-align: center\"\n\t\t\t\t\t\t\t\t:class=\"{'columnActive':column.transfinite>0}\">\n\t\t\t\t\t\t\t\t{{column.transfinite}}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"column-item ellipsis\" style=\"width: calc(20% - 14px); text-align: center\"\n\t\t\t\t\t\t\t\t:title=\"column.tm\" :class=\"{'columnActive':column.transfinite>0}\">\n\t\t\t\t\t\t\t\t{{ column.tm }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<!-- </vue-seamless-scroll> -->\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"section-con bottom-con3\">\n\t\t\t\t<div>\n\t\t\t\t\t<img class=\"section-title-img\" src=\"../../assets/img/title_icon.png\" /><span\n\t\t\t\t\t\tclass=\"section-title\">1小时实时雨情<i class=\"el-icon-search\" style=\"margin-left: 10px\"\n\t\t\t\t\t\t\t@click=\"yqInputs()\"></i>\n\t\t\t\t\t\t<el-input v-if=\"this.yqInput\" style=\"width: 30%; margin-left: 10px\" clearable v-model=\"value2\"\n\t\t\t\t\t\t\tv-on:input=\"inputYqData()\" placeholder=\"请输入测站名称\" size=\"mini\"></el-input>\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"type-btn-group\">\n\t\t\t\t\t<span :key=\"ee.key\" v-for=\"ee in rainTypeList\" class=\"type-btn-item\"\n\t\t\t\t\t\t:class=\"realtimeRainType.appType == ee.key ? 'active' : ''\" @click=\"changeRainType(ee.key)\">{{ ee.name\n            }}</span>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"realRain\" class=\"scroll-table full full-out-header padding\">\n\t\t\t\t\t<div class=\"scroll-table-header\">\n\t\t\t\t\t\t<!-- <div class=\"header-item\" v-for=\"column in realtimeRainHeader\" :key=\"column.key\" style=\"text-align: center\"\n              :style=\"{ width: column.width }\">\n              {{ column.name }}\n            </div> -->\n\t\t\t\t\t\t<div class=\"header-item\" style=\"text-align: center; width: 14px\"></div>\n\t\t\t\t\t\t<div class=\"header-item\" style=\"text-align: center; width: 20%\">\n\t\t\t\t\t\t\t测站\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"header-item\" style=\"text-align: center; width: 12%\">\n\t\t\t\t\t\t\t当前雨量\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"header-item\" style=\"text-align: center; width: 16%\"\n\t\t\t\t\t\t\tv-if=\"realtimeRainType.appType != 2\">\n\t\t\t\t\t\t\t警戒阈值\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"header-item\" style=\"text-align: center; width: 16%\"\n\t\t\t\t\t\t\tv-if=\"realtimeRainType.appType != 2\">\n\t\t\t\t\t\t\t保证阈值\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"header-item\" style=\"text-align: center; width: 16%\"\n\t\t\t\t\t\t\tv-if=\"realtimeRainType.appType == 2\">\n\t\t\t\t\t\t\t警戒阈值\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"header-item\" style=\"text-align: center; width: 16%\"\n\t\t\t\t\t\t\tv-if=\"realtimeRainType.appType == 2\">\n\t\t\t\t\t\t\t危险阈值\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"header-item\" style=\"text-align: center; width: calc(20% - 14px)\">\n\t\t\t\t\t\t\t时间\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"scroll-table-body solid\" style=\"cursor: pointer\">\n\t\t\t\t\t\t<!-- <vue-seamless-scroll\n\t\t\t            class=\"scroll-table-body\"\n\t\t\t            :data=\"realtimeRainData\"\n\t\t\t            :class-option=\"optionSingleHeightTime\"\n\t\t\t        > -->\n\t\t\t\t\t\t<div class=\"scroll-table-column\" v-for=\"column in realtimeRainData\" :key=\"column.key\"\n\t\t\t\t\t\t\t@click=\"searchRainData(column)\">\n\t\t\t\t\t\t\t<div class=\"column-item\" style=\"width: 14px\">\n\t\t\t\t\t\t\t\t<span class=\"column-item-icon\"></span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"column-item ellipsis\" style=\"width: 25%; text-align: center\"\n\t\t\t\t\t\t\t\t:title=\"column.stnm\">\n\t\t\t\t\t\t\t\t{{ column.stnm }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<!-- <div class=\"column-item ellipsis\"\n                   style=\"width: 14%;text-align: center;\"\n                   :title=\"column.rz\">\n                {{ column.rz }}\n              </div> -->\n\n\t\t\t\t\t\t\t<div class=\"column-item ellipsis\" style=\"width: 16%; text-align: center\"\n\t\t\t\t\t\t\t\t:title=\"column.dyp\">\n\t\t\t\t\t\t\t\t{{ column.p1 }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"column-item ellipsis\" style=\"width: 16%; text-align: center\"\n\t\t\t\t\t\t\t\t:title=\"column.yjz1\">\n\t\t\t\t\t\t\t\t<!-- {{ column.thresholdData[0]?column.thresholdData[0].yjz:'' }} -->\n\t\t\t\t\t\t\t\t{{ rainWarn }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"column-item ellipsis\" style=\"width: 16%; text-align: center\"\n\t\t\t\t\t\t\t\t:title=\"column.yjz2\">\n\t\t\t\t\t\t\t\t<!-- {{ column.thresholdData[1]?column.thresholdData[1].yjz:'' }} -->\n\t\t\t\t\t\t\t\t{{ rainDanger }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"column-item ellipsis\" style=\"width: calc(20% - 14px); text-align: center\"\n\t\t\t\t\t\t\t\t:title=\"column.tm\">\n\t\t\t\t\t\t\t\t{{ column.tm }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<!-- </vue-seamless-scroll> -->\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<!-- <div class=\"section-con center-con2\">\n\t\t\t\t<div>\n\t\t\t\t\t<img class=\"section-title-img\" src=\"../../assets/img/title_icon.png\" /><span\n\t\t\t\t\t\tclass=\"section-title\">临界水位排行</span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"type-btn-group\">\n\t\t\t\t\t<span :class=\"criticalType == 0 ? 'active' : ''\" @click=\"changeCriticalType(0)\"\n\t\t\t\t\t\tclass=\"type-btn-item\">河道</span>\n\t\t\t\t\t<span :class=\"criticalType == 1 ? 'active' : ''\" @click=\"changeCriticalType(1)\"\n\t\t\t\t\t\tclass=\"type-btn-item\">水库</span>\n\n\t\t\t\t</div>\n\t\t\t\t<div class=\"full full-out-header\">\n\t\t\t\t\t<div id=\"criticalWaterLevel\"></div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"explain\">临界水位单位：mm</div>\n\t\t\t</div> -->\n\t\t</div>\n\t\t<div class=\"bottom-container\">\n\t\t\t<div class=\"section-con center-con1\">\n\t\t\t\t<div>\n\t\t\t\t\t<img class=\"section-title-img\" src=\"../../assets/img/title_icon.png\" /><span\n\t\t\t\t\t\tclass=\"section-title\">工程概况</span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"col-flex full full-out-header\">\n\t\t\t\t\t<div id=\"pie-container\"></div>\n\t\t\t\t\t<div class=\"col-flex project-container\">\n\t\t\t\t\t\t<div>{{ projectItemTitle }}工程</div>\n\t\t\t\t\t\t<div class=\"bar-item\" v-for=\"item in this.projectList\" :key=\"item.name\">\n\t\t\t\t\t\t\t<span class=\"name\">{{ item.typeName }}</span>\n\t\t\t\t\t\t\t<div class=\"icon-num\">\n\t\t\t\t\t\t\t\t<div class=\"icon-num-inner\" :style=\"{\n                  width: (item.count / projectTotal) * 100 + '%',\n                }\"></div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<span class=\"num\">{{ item.count }}</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"section-con center-con3\">\n\t\t\t\t<div>\n\t\t\t\t\t<img class=\"section-title-img\" src=\"../../assets/img/title_icon.png\" /><span\n\t\t\t\t\t\tclass=\"section-title\">当年取水量统计</span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"full full-out-header\">\n\t\t\t\t\t<div id=\"fetchWater\" class=\"full\"></div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"explain\">取水量单位：万m³</div>\n\t\t\t</div>\n\t\t\t<div class=\"section-con bottom-con1\">\n\t\t\t\t<div>\n\t\t\t\t\t<img class=\"section-title-img\" src=\"../../assets/img/title_icon.png\" /><span\n\t\t\t\t\t\tclass=\"section-title\">生态流量\n\t\t\t\t\t\t<i class=\"el-icon-search\" style=\"margin-left: 10px\" @click=\"StInputs()\"></i>\n\t\t\t\t\t\t<el-input v-if=\"this.stInput\" style=\"width: 30%; margin-left: 10px\" clearable v-model=\"value3\"\n\t\t\t\t\t\t\tv-on:input=\"inputStData()\" placeholder=\"请输入测站名称\" size=\"mini\"></el-input>\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"type-btn-group\">\n\t\t\t\t\t<span :key=\"ee.key\" v-for=\"ee in sstpList\" class=\"type-btn-item\"\n\t\t\t\t\t\t:class=\"sstpListType.sstp == ee.value ? 'active' : ''\" @click=\"changesstpListType(ee.value)\">\n\t\t\t\t\t\t{{ ee.name }}</span>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"realWater\" class=\"scroll-table full full-out-header padding\">\n\t\t\t\t\t<div class=\"scroll-table-header\">\n\t\t\t\t\t\t<div class=\"header-item\" v-for=\"column in ecologicalFlowHeader\" :key=\"column.key\"\n\t\t\t\t\t\t\tstyle=\"text-align: center\" :style=\"{width: column.width}\">\n\t\t\t\t\t\t\t{{ column.name }}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<vue-seamless-scroll class=\"scroll-table-body\" :data=\"flowList\"\n\t\t\t\t\t\t:class-option=\"optionSingleHeightTime\">\n\t\t\t\t\t\t<div class=\"scroll-table-column\" v-for=\"column in flowList\" @click=\"searchSstpData(column)\"\n\t\t\t\t\t\t\t:key=\"column.id\" style=\"cursor: pointer\">\n\t\t\t\t\t\t\t<div class=\"column-item\" style=\"width: 14px\">\n\t\t\t\t\t\t\t\t<span class=\"column-item-icon\"></span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"column-item ellipsis\" style=\"width: 20%; text-align: center\"\n\t\t\t\t\t\t\t\t:title=\"column.stnm\">\n\t\t\t\t\t\t\t\t{{ column.stnm }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"column-item ellipsis\" style=\"width: 10%; text-align: center\" :title=\"column.z\">\n\t\t\t\t\t\t\t\t{{ column.z }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"column-item ellipsis\" style=\"width: 10%; text-align: center\" :title=\"column.q\">\n\t\t\t\t\t\t\t\t{{ column.q }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"column-item ellipsis\" style=\"width: 10%; text-align: center\"\n\t\t\t\t\t\t\t\t:title=\"column.fsltdz\">\n\t\t\t\t\t\t\t\t{{ column.fsltdz }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"column-item ellipsis\" style=\"width: calc(20% - 14px)\" :title=\"column.tm\">\n\t\t\t\t\t\t\t\t{{ column.tm }}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</vue-seamless-scroll>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<stations-model ref=\"stationsModel\" @noMusic=\"noMusic\" @Warning=\"Warning\"></stations-model>\n\t\t<stationsDetails ref=\"stationsForm\"></stationsDetails>\n\t</div>\n",null]}