@ued_fpi/data-visual 1.2.28 → 1.2.30

package/dist/lib/ipes/src/WastewaterTargetRate/index.vue.js

@@ -24,7 +24,6 @@ const _hoisted_10 = { class: "right-waste-water-box" };
 const _hoisted_11 = ["src"];
 const _hoisted_12 = { class: "info" };
 const _hoisted_13 = /* @__PURE__ */ vue.createElementVNode("div", { class: "label" }, " 污水厂总排口 ", -1);
-const _hoisted_14 = { class: "value" };
 const __default__ = {
   name: "DvIpesWastewaterTargetRate",
   title: "废水达标率"
@@ -58,7 +57,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         { name: "未达标率", y: 100 - +(data.onlineRatio || 0) }
       ];
       const seriesData = legendData;
-      console.log(seriesData);
       const highcharts = window.Highcharts;
       highcharts.chart("wasteWaterChart", {
         chart: {
@@ -103,6 +101,23 @@ const _sfc_main = /* @__PURE__ */ vue.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";
+    }
     vue.onMounted(() => {
       getInfoData();
     });
@@ -126,7 +141,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }, null, 8, _hoisted_11),
           vue.createElementVNode("div", _hoisted_12, [
             _hoisted_13,
-            vue.createElementVNode("div", _hoisted_14, vue.toDisplayString(info.value.runStatusName), 1)
+            vue.createElementVNode("div", {
+              class: "value",
+              style: vue.normalizeStyle({ color: getSiteStateColor(info.value.runStatus) })
+            }, vue.toDisplayString(info.value.runStatusName), 5)
           ])
         ])
       ]);

package/dist/lib/ipes/src/WaterQualityStandard/index.vue.js

@@ -15,9 +15,8 @@ const request = require('../../service/request.js');
 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__ */ vue.createElementVNode("span", { class: "unit" }, "类", -1);
-const _hoisted_6 = ["src"];
+const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("span", { class: "unit" }, "类", -1);
+const _hoisted_5 = ["src"];
 const __default__ = {
   name: "WaterQualityStandard",
   title: "水环境质量达标"
@@ -39,8 +38,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       isRealOutReach: true
     });
     const basicInfos = vue.ref([
-      { title: "inSiteName", key: "realInLevel", standardKey: "isRealInReach" },
-      { title: "outSiteName", key: "realOutLevel", standardKey: "isRealOutReach" }
+      { title: "inSiteName", key: "realInLevel", standardKey: "isRealInReach", color: "realInColor" },
+      { title: "outSiteName", key: "realOutLevel", standardKey: "isRealOutReach", color: "realOutColor" }
     ]);
     async function getData() {
       try {
@@ -52,8 +51,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             // 如果为false则不提去年度水质情况，默认为true（为兼容历史）(boolean)
           }
         });
-        const { inSiteName, realInLevel, isRealInReach, outSiteName, realOutLevel, isRealOutReach } = data;
-        basicInfoData.value = { inSiteName, realInLevel, isRealInReach, outSiteName, realOutLevel, isRealOutReach };
+        const { inSiteName, realInLevel, isRealInReach, outSiteName, realOutLevel, isRealOutReach, realOutColor, realInColor } = data;
+        basicInfoData.value = { inSiteName, realInLevel, isRealInReach, outSiteName, realOutLevel, isRealOutReach, realOutColor, realInColor };
       } catch (error) {
         console.log(error);
       }
@@ -70,11 +69,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(basicInfoData.value[item.title]), 1),
             vue.createElementVNode("div", _hoisted_3, [
-              vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(basicInfoData.value[item.key]), 1),
-              _hoisted_5,
+              vue.createElementVNode("span", {
+                class: "value",
+                style: vue.normalizeStyle({ color: basicInfoData.value[item.color] })
+              }, vue.toDisplayString(basicInfoData.value[item.key]), 5),
+              _hoisted_4,
               vue.createElementVNode("img", {
                 src: getImg(basicInfoData.value[item.standardKey])
-              }, null, 8, _hoisted_6)
+              }, null, 8, _hoisted_5)
             ])
           ]);
         }), 128))