@ued_fpi/data-visual 1.2.28 → 1.2.29

package/dist/es/ipes/src/AnnualEventStatistics/index.vue.mjs

@@ -28,8 +28,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const { isDark } = useThemeHook();
     const colors = ["var(--dv-color-danger)", "var(--dv-color-success)", "var(--dv-color-warning)", "var(--dv-color-index)"];
-    const LinearGradientColor = [["#FF4A4A", "#FF7474"], ["#FDBD00", "#F4A93B"], ["#15F3A3", "#11D68F"], ["#59AEDE", "#338EC1"]];
-    const LinearGradientColor_light = [["#FF4A4A", "#FF7474"], ["#FDBD00", "#F4A93B"], ["#15F3A3", "#11D68F"], ["#1677FF", "#85B8FF"]];
+    const LinearGradientColor = [["#FF4A4A", "#FF7474"], ["#15F3A3", "#11D68F"], ["#FDBD00", "#F4A93B"], ["#59AEDE", "#338EC1"]];
+    const LinearGradientColor_light = [["#FF4A4A", "#FF7474"], ["#15F3A3", "#11D68F"], ["#FDBD00", "#F4A93B"], ["#1677FF", "#85B8FF"]];
     const eventType = ref([
       { name: "安全", count: 0 },
       { name: "封闭化", count: 0 },
@@ -62,6 +62,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           method: "get"
         });
         const { businessStat, levelStat } = res.data;
+        console.log(res.data);
         yearTotal.value = levelStat?.total || 0;
         levelData.value = levelStat?.gwLevels || [];
         eventType.value = businessStat?.gwLevels || [];
@@ -84,7 +85,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const highcharts = window.Highcharts;
       function loadFunction() {
         const each = highcharts.each;
-        console.log(this);
         const points = this.series[0].points;
         each(points, (p) => {
           p.graphic.attr({

package/dist/es/ipes/src/BasicSecurityManagement/index.vue.mjs

@@ -48,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function replaceUnit(value) {
       const rate = value || 0;
-      return +rate.toString().replace("%", "");
+      return rate.toString().replace("%", "");
     }
     onMounted(() => {
       getCommitmentData();

package/dist/es/ipes/src/EmengercyPlan/index.vue.mjs

@@ -46,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function replaceUnit(value) {
       const rate = value || 0;
-      return +rate.toString().replace("%", "");
+      return rate.toString().replace("%", "");
     }
     onMounted(() => {
       getCommitmentData();

package/dist/es/ipes/src/EmergencyWatch/index.vue.mjs

@@ -1,7 +1,7 @@
 import { ElEmpty } from 'element-plus/es';
 import 'element-plus/es/components/base/style/css';
 import 'element-plus/es/components/empty/style/css';
-import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, createBlock, unref, withCtx, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, normalizeStyle } from 'vue';
+import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, createBlock, unref, withCtx, Fragment, renderList, createElementVNode, toDisplayString, normalizeStyle } from 'vue';
 import { FpiElRolling } from '@ued_fpi/element-plus-expand';
 import requestControl from '../../service/request.mjs';
 import { useThemeHook } from '../../../utils.mjs';
@@ -29,15 +29,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   setup(__props) {
     const { isDark } = useThemeHook();
-    const doneRate = ref(96.9);
+    const doneRate = ref(0);
     const componentBox = ref(null);
     const copies = computed(() => {
       const offsetWidth = componentBox.value?.offsetWidth || 0;
       return offsetWidth > 0 ? (offsetWidth - 24 - 2) / 3 : 0;
     });
     const commitmentData = ref([]);
-    const isRolling = ref(false);
-    const actionType = ref("none");
     const getImg = (type, isDark2) => {
     };
     async function getCommitmentData() {
@@ -47,10 +45,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           url: "/ipes-emergency-manager-server/api/v2/duty/today-duty"
         });
         const rate = data?.logRate || 0;
-        doneRate.value = +rate.toString().replace("%", "");
+        doneRate.value = rate.toString().replace("%", "");
         commitmentData.value = data.dutyPersons || [];
-        isRolling.value = commitmentData.value.length > 3;
-        actionType.value = commitmentData.value.length > 3 ? "hover" : "none";
       } catch (error) {
         console.log(error);
       }
@@ -62,20 +58,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_empty = ElEmpty;
       return openBlock(), createElementBlock("div", _hoisted_1, [
         _hoisted_2,
-        commitmentData.value.length > 0 ? (openBlock(), createBlock(unref(FpiElRolling), {
+        commitmentData.value.length ? (openBlock(), createBlock(unref(FpiElRolling), {
           key: 0,
-          modelValue: isRolling.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRolling.value = $event),
-          action: actionType.value,
           class: "list",
           direction: "y",
           time: 15
         }, {
           default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(commitmentData.value, (item) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(commitmentData.value, (item, index) => {
               return openBlock(), createElementBlock("div", {
-                key: item.key,
-                class: normalizeClass(["security-box", item.key])
+                key: index,
+                class: "security-box"
               }, [
                 createElementVNode("div", _hoisted_3, [
                   createElementVNode("img", {
@@ -89,11 +82,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ])
                   ])
                 ])
-              ], 2);
+              ]);
             }), 128))
           ]),
           _: 1
-        }, 8, ["modelValue", "action"])) : (openBlock(), createBlock(_component_el_empty, {
+        })) : (openBlock(), createBlock(_component_el_empty, {
           key: 1,
           class: "empty",
           "image-size": 180,

package/dist/es/ipes/src/GasControl/index.vue.mjs

@@ -59,7 +59,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]);
         const labels = ["有毒有害气体", "易燃易爆监测", "VOCs厂界监测"];
         const list = labels.map((label, index) => {
-          const nums = [res[index].normal, res[index].abnormal, res[index].offline];
+          const nums = [res[index]?.normal, res[index]?.abnormal, res[index]?.offline];
           return {
             label,
             nums

package/dist/es/ipes/src/GroundwaterMonitor/index.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, nextTick, openBlock, createElementBlock, createElementVNode, toDisplayString, Fragment, renderList, normalizeStyle } from 'vue';
+import { defineComponent, ref, onMounted, nextTick, openBlock, createElementBlock, createElementVNode, createCommentVNode, toDisplayString, Fragment, renderList, normalizeStyle } from 'vue';
 import requestControl from '../../service/request.mjs';
 
 const _hoisted_1 = { class: "dv-ipes-ground-water-monitor" };
@@ -6,7 +6,7 @@ const _hoisted_2 = { class: "pie-card" };
 const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", { class: "top" }, null, -1);
 const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", { class: "bottom" }, null, -1);
 const _hoisted_5 = { class: "label" };
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("div", { class: "title" }, " 地下水监控 ", -1);
+const _hoisted_6 = { class: "title" };
 const _hoisted_7 = { class: "total mgt8" };
 const _hoisted_8 = { class: "legend" };
 const _hoisted_9 = { class: "typename" };
@@ -22,6 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const colors = ref([]);
     const waterTotal = ref(0);
     const legendData = ref([]);
+    const waterName = ref("地下水监控");
     const groundwaterChart = ref();
     function drawChart(data) {
       const Highcharts = window.Highcharts;
@@ -40,7 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         title: {
           text: null
         },
-        colors,
+        colors: colors.value,
         tooltip: {
           enabled: false
         },
@@ -76,9 +77,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           method: "get",
           url: "/ipes-data-aggregation-server/api/v2/gis/env/gw-level-stat"
         });
-        const { total, gwLevels } = result.data;
+        const { name, total } = result.data;
+        let { gwLevels } = result.data;
         const seriesData = [];
         const colorList = [];
+        gwLevels = gwLevels.filter((item) => {
+          return item.count !== 0;
+        });
         gwLevels.forEach((item) => {
           seriesData.push([item.name, item.count]);
           colorList.push(item.color);
@@ -86,6 +91,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         colors.value = colorList;
         legendData.value = gwLevels;
         waterTotal.value = total;
+        waterName.value = name;
         drawChart(seriesData);
       } catch (error) {
         console.log(error);
@@ -98,15 +104,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", {
+          waterTotal.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
             ref_key: "groundwaterChart",
             ref: groundwaterChart,
             class: "pie"
-          }, null, 512),
+          }, null, 512)) : createCommentVNode("", true),
           _hoisted_3,
           _hoisted_4,
           createElementVNode("div", _hoisted_5, [
-            _hoisted_6,
+            createElementVNode("div", _hoisted_6, toDisplayString(waterName.value), 1),
             createElementVNode("div", _hoisted_7, toDisplayString(waterTotal.value), 1)
           ])
         ]),

package/dist/es/ipes/src/HazardousWasteManagement/index.vue.mjs

@@ -1,3 +1,6 @@
+import { ElTooltip } from 'element-plus/es';
+import 'element-plus/es/components/base/style/css';
+import 'element-plus/es/components/tooltip/style/css';
 import __vite_glob_0_0 from './images/bg-light.png.mjs';
 import __vite_glob_0_1 from './images/bg.png.mjs';
 import __vite_glob_0_2 from './images/selfUse-light.png.mjs';
@@ -8,7 +11,7 @@ import __vite_glob_0_6 from './images/transfer-light.png.mjs';
 import __vite_glob_0_7 from './images/transfer.png.mjs';
 import __vite_glob_0_8 from './images/wasteGenerated-light.png.mjs';
 import __vite_glob_0_9 from './images/wasteGenerated.png.mjs';
-import { defineComponent, ref, onMounted, openBlock, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, unref, toDisplayString } from 'vue';
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, unref, toDisplayString, createVNode, withCtx } from 'vue';
 import dayjs from 'dayjs';
 import requestControl from '../../service/request.mjs';
 import { useThemeHook } from '../../../utils.mjs';
@@ -18,9 +21,9 @@ const _hoisted_2 = { class: "box" };
 const _hoisted_3 = ["src"];
 const _hoisted_4 = { class: "info" };
 const _hoisted_5 = { class: "name" };
-const _hoisted_6 = { class: "right" };
+const _hoisted_6 = { class: "right flex" };
 const _hoisted_7 = { class: "value" };
-const _hoisted_8 = /* @__PURE__ */ createElementVNode("span", { class: "unit" }, "吨", -1);
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("div", { class: "unit" }, " 吨 ", -1);
 const __default__ = {
   name: "DvIpesHazardousWasteManagement",
   title: "危废管理"
@@ -69,6 +72,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       getData();
     });
     return (_ctx, _cache) => {
+      const _component_el_tooltip = ElTooltip;
       return openBlock(), createElementBlock("div", _hoisted_1, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(basicInfos.value, (item) => {
           return openBlock(), createElementBlock("div", {
@@ -82,7 +86,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_4, [
                 createElementVNode("div", _hoisted_5, toDisplayString(item.name), 1),
                 createElementVNode("div", _hoisted_6, [
-                  createElementVNode("span", _hoisted_7, toDisplayString(getShowData(infoData.value[item.key])), 1),
+                  createVNode(_component_el_tooltip, {
+                    disabled: getShowData(infoData.value[item.key]) && getShowData(infoData.value[item.key]).length < 8,
+                    class: "item",
+                    effect: "dark",
+                    content: getShowData(infoData.value[item.key]),
+                    placement: "top-start"
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("div", _hoisted_7, toDisplayString(getShowData(infoData.value[item.key])), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["disabled", "content"]),
                   _hoisted_8
                 ])
               ])

package/dist/es/ipes/src/HomeworkVolumeTrend/index.vue.mjs

@@ -58,7 +58,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         xAxis: {
           type: "category",
           axisLabel: {
-            color: xlabelColor.value
+            color: xlabelColor.value,
+            fontFamily: "var(--dv-font-family-number)",
+            fontSize: "var(--dv-text-number2)"
           },
           axisTick: {
             show: false
@@ -73,7 +75,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         yAxis: {
           type: "value",
           axisLabel: {
-            color: ylabelColor.value
+            color: ylabelColor.value,
+            fontFamily: "var(--dv-font-family-number)",
+            fontSize: "var(--dv-text-number2)"
           },
           splitLine: {
             lineStyle: {

package/dist/es/ipes/src/Level3AirDefense/components/PercentageItem.vue.mjs

@@ -39,11 +39,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(data.value, (name, value) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(data.value, (name, index) => {
           return openBlock(), createElementBlock("div", {
-            key: value,
+            key: index,
             class: "dv-ipes-percentage-item",
-            style: normalizeStyle({ backgroundColor: colors[value], width: `${name}%` })
+            style: normalizeStyle({ backgroundColor: colors[index], width: `${name}%` })
           }, null, 4);
         }), 128))
       ]);

package/dist/es/ipes/src/RiskClassification/index.vue.mjs

@@ -5,8 +5,8 @@ import '../../utils/highchartsPiePlugins.mjs';
 
 const _hoisted_1 = { class: "dv-ipes-risk-classification" };
 const _hoisted_2 = { class: "chart-box" };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", { style: { "flex": "1" } }, [
-  /* @__PURE__ */ createElementVNode("div", null, "企业风险分级"),
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", { class: "topChartBox" }, [
+  /* @__PURE__ */ createElementVNode("div", { style: { "padding-left": "8px" } }, " 企业风险分级 "),
   /* @__PURE__ */ createElementVNode("div", {
     id: "pieChart",
     class: "pie-chart"
@@ -51,7 +51,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         });
         levelData.value = data;
         const seriesData = handleSeriesData(data);
-        console.log(seriesData);
         drawChart(seriesData);
       } catch (error) {
         console.log(error);
@@ -85,7 +84,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const highcharts = window.Highcharts;
       function loadFunction() {
         const each = highcharts.each;
-        console.log(this);
         const points = this.series[0].points;
         each(points, (p) => {
           p.graphic.attr({
@@ -135,7 +133,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             allowPointSelect: true,
             cursor: "pointer",
             innerSize: "50%",
-            size: 80,
+            size: 90,
             depth: 25,
             dataLabels: {
               enabled: false

package/dist/es/ipes/src/WasteGas/index.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, openBlock, createElementBlock, createVNode, unref, isRef, withCtx, Fragment, renderList, createElementVNode, toDisplayString, normalizeClass, normalizeStyle } from 'vue';
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createElementVNode, toDisplayString, normalizeClass, normalizeStyle } from 'vue';
 import { FpiElRolling } from '@ued_fpi/element-plus-expand';
 import requestControl from '../../service/request.mjs';
 
@@ -22,8 +22,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   setup(__props) {
     const factorList = ref([]);
-    const isRolling = ref(false);
-    const actionType = ref("none");
     async function getData() {
       try {
         const { data } = await requestControl({
@@ -31,11 +29,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           url: "/ipes-data-aggregation-server/api/v1/env-protection/discharge"
         });
         const water = data.find((e) => e.name === "年度废气排放量");
-        if (water && water.factorList) {
+        if (water && water.factorList)
           factorList.value = water.factorList;
-          isRolling.value = factorList.value.length > 2;
-          actionType.value = factorList.value.length > 2 ? "hover" : "none";
-        }
       } catch (error) {
         console.log(error);
       }
@@ -47,9 +42,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1, [
         _hoisted_2,
         createVNode(unref(FpiElRolling), {
-          modelValue: unref(isRolling),
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(isRolling) ? isRolling.value = $event : null),
-          action: unref(actionType),
           class: "box",
           direction: "y",
           time: 15
@@ -78,7 +70,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }), 128))
           ]),
           _: 1
-        }, 8, ["modelValue", "action"])
+        })
       ]);
     };
   }

package/dist/es/ipes/src/WasteWater/index.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, openBlock, createElementBlock, createVNode, unref, isRef, withCtx, Fragment, renderList, createElementVNode, toDisplayString, normalizeClass, normalizeStyle } from 'vue';
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createElementVNode, toDisplayString, normalizeClass, normalizeStyle } from 'vue';
 import { FpiElRolling } from '@ued_fpi/element-plus-expand';
 import requestControl from '../../service/request.mjs';
 
@@ -22,8 +22,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   setup(__props) {
     const factorList = ref([]);
-    const isRolling = ref(false);
-    const actionType = ref("none");
     async function getData() {
       try {
         const { data } = await requestControl({
@@ -31,11 +29,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           url: "/ipes-data-aggregation-server/api/v1/env-protection/discharge"
         });
         const water = data.find((e) => e.name === "年度废水排放量");
-        if (water && water.factorList) {
+        if (water && water.factorList)
           factorList.value = water.factorList;
-          isRolling.value = factorList.value.length > 2;
-          actionType.value = factorList.value.length > 2 ? "hover" : "none";
-        }
       } catch (error) {
         console.log(error);
       }
@@ -47,9 +42,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1, [
         _hoisted_2,
         createVNode(unref(FpiElRolling), {
-          modelValue: unref(isRolling),
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(isRolling) ? isRolling.value = $event : null),
-          action: unref(actionType),
           class: "box",
           direction: "y",
           time: 15
@@ -78,7 +70,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }), 128))
           ]),
           _: 1
-        }, 8, ["modelValue", "action"])
+        })
       ]);
     };
   }

package/dist/es/ipes/src/WastewaterTargetRate/index.vue.mjs

@@ -1,6 +1,6 @@
 import __vite_glob_0_0 from './images/bg-light.png.mjs';
 import __vite_glob_0_1 from './images/bg.png.mjs';
-import { defineComponent, ref, onMounted, openBlock, createElementBlock, createElementVNode, toDisplayString, unref } from 'vue';
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, normalizeStyle } from 'vue';
 import requestControl from '../../service/request.mjs';
 import { useThemeHook } from '../../../utils.mjs';
 
@@ -20,7 +20,6 @@ const _hoisted_10 = { class: "right-waste-water-box" };
 const _hoisted_11 = ["src"];
 const _hoisted_12 = { class: "info" };
 const _hoisted_13 = /* @__PURE__ */ createElementVNode("div", { class: "label" }, " 污水厂总排口 ", -1);
-const _hoisted_14 = { class: "value" };
 const __default__ = {
   name: "DvIpesWastewaterTargetRate",
   title: "废水达标率"
@@ -54,7 +53,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         { name: "未达标率", y: 100 - +(data.onlineRatio || 0) }
       ];
       const seriesData = legendData;
-      console.log(seriesData);
       const highcharts = window.Highcharts;
       highcharts.chart("wasteWaterChart", {
         chart: {
@@ -99,6 +97,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]
       });
     }
+    function getSiteStateColor(runStatus) {
+      const statusColors = {
+        stop_running: "#FF792E",
+        // 停运
+        stop_using: "rgb(233, 169, 0)",
+        // 停用
+        offline: "rgb(116, 116, 116)",
+        // 离线
+        exceed: "rgb(228, 56, 52)",
+        // 超标
+        abnormal: "rgb(143, 32, 253)",
+        // 异常
+        normal: "rgb(58, 183, 93)"
+        // 正常
+      };
+      return statusColors[runStatus] || "#0084ff";
+    }
     onMounted(() => {
       getInfoData();
     });
@@ -122,7 +137,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 8, _hoisted_11),
           createElementVNode("div", _hoisted_12, [
             _hoisted_13,
-            createElementVNode("div", _hoisted_14, toDisplayString(info.value.runStatusName), 1)
+            createElementVNode("div", {
+              class: "value",
+              style: normalizeStyle({ color: getSiteStateColor(info.value.runStatus) })
+            }, toDisplayString(info.value.runStatusName), 5)
           ])
         ])
       ]);

package/dist/es/ipes/src/WaterQualityStandard/index.vue.mjs

@@ -4,16 +4,15 @@ import __vite_glob_0_2 from './images/standard-light.png.mjs';
 import __vite_glob_0_3 from './images/standard.png.mjs';
 import __vite_glob_0_4 from './images/unstandard-light.png.mjs';
 import __vite_glob_0_5 from './images/unstandard.png.mjs';
-import { defineComponent, ref, onMounted, openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString } from 'vue';
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, normalizeClass } from 'vue';
 import { useThemeHook } from '../../../utils.mjs';
 import requestControl from '../../service/request.mjs';
 
 const _hoisted_1 = { class: "dv-ipes-water-quality-standard" };
 const _hoisted_2 = { class: "title" };
 const _hoisted_3 = { class: "info-box-count" };
-const _hoisted_4 = { class: "value" };
-const _hoisted_5 = /* @__PURE__ */ createElementVNode("span", { class: "unit" }, "类", -1);
-const _hoisted_6 = ["src"];
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("span", { class: "unit" }, "类", -1);
+const _hoisted_5 = ["src"];
 const __default__ = {
   name: "WaterQualityStandard",
   title: "水环境质量达标"
@@ -66,11 +65,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, [
             createElementVNode("span", _hoisted_2, toDisplayString(basicInfoData.value[item.title]), 1),
             createElementVNode("div", _hoisted_3, [
-              createElementVNode("span", _hoisted_4, toDisplayString(basicInfoData.value[item.key]), 1),
-              _hoisted_5,
+              createElementVNode("span", {
+                class: normalizeClass(["value", item.key])
+              }, toDisplayString(basicInfoData.value[item.key]), 3),
+              _hoisted_4,
               createElementVNode("img", {
                 src: getImg(basicInfoData.value[item.standardKey])
-              }, null, 8, _hoisted_6)
+              }, null, 8, _hoisted_5)
             ])
           ]);
         }), 128))