@ued_fpi/data-visual 1.2.0 → 1.2.2

package/dist/lib/wgms/src/WaterQualityStatus/index.vue.d.ts

@@ -1,2 +1,40 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+import type { REACH_STANDARD_RES } from './api/types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    params: REACH_STANDARD_RES.ParamsRequest;
+    data: REACH_STANDARD_RES.DataResponse[];
+}>, {
+    params: () => {
+        regionCode: number;
+        startTime: number;
+        endTime: number;
+    };
+    data: () => never[];
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    params: REACH_STANDARD_RES.ParamsRequest;
+    data: REACH_STANDARD_RES.DataResponse[];
+}>, {
+    params: () => {
+        regionCode: number;
+        startTime: number;
+        endTime: number;
+    };
+    data: () => never[];
+}>>>, {
+    data: REACH_STANDARD_RES.DataResponse[];
+    params: REACH_STANDARD_RES.ParamsRequest;
+}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/dist/lib/wgms/src/WaterQualityStatus/index.vue.js

@@ -2,61 +2,94 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const vue = require('vue');
+const down = require('./images/down.svg.js');
+const right = require('./images/right.svg.js');
 const up = require('./images/up.svg.js');
+const vue = require('vue');
+const dayjs = require('dayjs');
 const ProgressBar_vue_vue_type_script_setup_true_lang = require('../common/ProgressBar.vue.js');
 require('../common/ProgressBar.vue2.js');
+const index = require('./api/index.js');
 
-const _hoisted_1 = { class: "water-quality" };
-const _hoisted_2 = { class: "water-quality-status-top flex-between-center" };
-const _hoisted_3 = { class: "label" };
-const _hoisted_4 = { class: "rate" };
-const _hoisted_5 = { class: "water-quality-status-bottom flex-between-center" };
-const _hoisted_6 = { class: "target" };
-const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("span", { class: "text" }, "目标", -1);
-const _hoisted_8 = { class: "value" };
-const _hoisted_9 = { class: "same" };
-const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("span", { class: "text" }, "同比", -1);
-const _hoisted_11 = { class: "value" };
-const _hoisted_12 = /* @__PURE__ */ vue.createElementVNode("img", { src: up.default }, null, -1);
+const _hoisted_1 = { class: "dv-wgms-water-quality" };
+const _hoisted_2 = { class: "dv-wgms-water-quality-status-top dv-wgms-flex-between-center" };
+const _hoisted_3 = { class: "dv-wgms-label" };
+const _hoisted_4 = { class: "dv-wgms-rate" };
+const _hoisted_5 = { class: "dv-wgms-water-quality-status-bottom dv-wgms-flex-between-center" };
+const _hoisted_6 = { class: "dv-wgms-target" };
+const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("span", { class: "dv-wgms-text" }, "目标", -1);
+const _hoisted_8 = { class: "dv-wgms-value" };
+const _hoisted_9 = { class: "dv-wgms-same" };
+const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("span", { class: "dv-wgms-text" }, "同比", -1);
+const _hoisted_11 = ["src"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
+  props: {
+    params: { default: () => {
+      return {
+        regionCode: 3301,
+        startTime: dayjs().startOf("year").valueOf(),
+        endTime: dayjs().endOf("year").valueOf()
+      };
+    } },
+    data: { default: () => {
+      return [];
+    } }
+  },
   setup(__props) {
-    const data = vue.reactive({
-      mockList: [
-        { label: "国控优", grade: "III", percentage: 94.6, target: 100, same: 7.7 },
-        { label: "省控以上优", grade: "III", percentage: 94.6, target: 100, same: -7.7 },
-        { label: "市控以上优", grade: "III", percentage: 94.6, target: 100, same: 7.7 },
-        { label: "交接断面达标率", grade: "III", percentage: 94.6, target: 100, same: 7.7 },
-        { label: "饮用水源达标率", grade: "III", percentage: 94.6, target: 100, same: 7.7 }
-      ]
+    const props = __props;
+    const wgmsData = vue.reactive({
+      list: []
+    });
+    const getResData = async () => {
+      if (props.data && props.data.length) {
+        wgmsData.list = props.data;
+        return;
+      }
+      const { data: res } = await index.getReachStandardData(props.params);
+      res && (wgmsData.list = res);
+    };
+    const getAssetsFile = (url) => {
+      return new URL((/* #__PURE__ */ Object.assign({"./images/down.svg": down.default,"./images/right.svg": right.default,"./images/up.svg": up.default}))[`./images/${url}`], self.location).href;
+    };
+    vue.onMounted(() => {
+      getResData();
     });
+    vue.watch([() => props.params, () => props.data], () => {
+      getResData();
+    }, { deep: true });
     const {
-      mockList
-    } = vue.toRefs(data);
+      list
+    } = vue.toRefs(wgmsData);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(mockList), (item, index) => {
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(list), (item, index) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: index,
-            class: "water-quality-status"
+            class: "dv-wgms-water-quality-status"
           }, [
             vue.createElementVNode("div", _hoisted_2, [
-              vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(item.label) + vue.toDisplayString(item.grade), 1),
-              vue.createElementVNode("div", _hoisted_4, vue.toDisplayString(item.percentage) + "% ", 1)
+              vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(item.name), 1),
+              vue.createElementVNode("div", _hoisted_4, vue.toDisplayString(item.reachStandardRate === null ? "--" : `${item.reachStandardRate}%`), 1)
             ]),
             vue.createVNode(ProgressBar_vue_vue_type_script_setup_true_lang.default, {
-              percentage: item.percentage
+              percentage: item.reachStandardRate === null ? 0 : item.reachStandardRate
             }, null, 8, ["percentage"]),
             vue.createElementVNode("div", _hoisted_5, [
               vue.createElementVNode("div", _hoisted_6, [
                 _hoisted_7,
-                vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(item.target) + "%", 1)
+                vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(item.target === null ? "--" : `${item.target}%`), 1)
               ]),
               vue.createElementVNode("div", _hoisted_9, [
                 _hoisted_10,
-                vue.createElementVNode("span", _hoisted_11, vue.toDisplayString(item.same) + "%", 1),
-                _hoisted_12
+                vue.createElementVNode("span", {
+                  style: vue.normalizeStyle({ color: item.yoy === null ? "#fff" : item.yoy > 0 ? "#15F3A3" : item.yoy < 0 ? "#F84439" : "#33E5FF" }),
+                  class: "dv-wgms-value"
+                }, vue.toDisplayString(item.yoy === null ? "--" : item.yoy === 0 ? "持平" : `${item.yoy}%`), 5),
+                item.yoy !== null ? (vue.openBlock(), vue.createElementBlock("img", {
+                  key: 0,
+                  src: getAssetsFile(`${item.yoy > 0 ? "up" : item.yoy < 0 ? "down" : "right"}.svg`)
+                }, null, 8, _hoisted_11)) : vue.createCommentVNode("", true)
               ])
             ])
           ]);

package/dist/lib/wgms/src/common/ProgressBar.vue.js

@@ -52,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: "bar-box",
+        class: "dv-wgms-bar-box",
         style: vue.normalizeStyle({ height: `${__props.barHeight}px`, background: __props.bgColor })
       }, [
         vue.createElementVNode("div", {

package/dist/lib/wgms/src/common/select-panel.vue.js

@@ -7,7 +7,7 @@ require('element-plus/es/components/base/style/css');
 require('element-plus/es/components/scrollbar/style/css');
 const vue = require('vue');
 
-const _hoisted_1 = { class: "container-select" };
+const _hoisted_1 = { class: "dv-wgms-container-select" };
 const _hoisted_2 = ["onClick"];
 const _hoisted_3 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({

package/dist/lib/wgms/utils/echarts/echartsOptions.d.ts

@@ -1,5 +1,13 @@
 export declare const pieChartOptions: (seriesData: Record<string, any>[], colorList: string[], total: number) => {
-    grid: {};
+    grid: {
+        top: number;
+        left: number;
+        right: number;
+    };
+    tooltip: {
+        show: boolean;
+        trigger: string;
+    };
     series: {
         name: string;
         type: string;

package/dist/lib/wgms/utils/echarts/echartsOptions.js

@@ -5,8 +5,13 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const pieChartOptions = (seriesData, colorList, total) => {
   return {
     grid: {
-      // top: 20,
-      // left: 20,
+      top: 30,
+      left: 20,
+      right: 20
+    },
+    tooltip: {
+      show: true,
+      trigger: "item"
     },
     series: [
       {

package/dist/lib/wgms/utils/echarts/index.js

@@ -43,6 +43,7 @@ const init = (dom) => {
 };
 const draw = (dom, option) => {
   const chart = init(dom);
+  chart.clear();
   chart.setOption(option);
   return chart;
 };

package/dist/lib/wgms/utils/tools.d.ts

@@ -111,4 +111,17 @@ export declare const getContentValue: (vm: any, expr: string) => string;
 export declare const copyText: (text: string) => void;
 type SFCWithInstall<T> = T & Plugin;
 export declare const install: <T>(comp: T, named?: string) => SFCWithInstall<T>;
+/**
+ * 获取css变量值
+ * @param key | getCssValue('--font-family-text')
+ * @returns {string} | 'Microsoft YaHei'
+ */
+export declare const getCssValue: (key: string) => string;
+/**
+ * 获取css变量中的font-family
+ * 掐头去尾得到最终fontFamily
+ * @param key
+ * @return {*} ' "shzhjt"' ==> shzhjt
+ */
+export declare const getFontFamily: (key: string) => string;
 export {};

package/dist/style/style-aims.css

@@ -1 +1 @@
-.air-quality-calendar-container .date-time .arrow,.fpi-basic-dialog-close{width:12px;cursor:pointer}.air-quality-realtime-top-left{align-items:center}.air-quality-realtime-top-left span:first-child{margin-right:16px;font-family:Oswald;font-size:16px;font-weight:400;line-height:16px;color:#fff}.air-quality-realtime-top-left span:last-child{display:flex;align-items:center;font-family:Oswald;font-size:40px;font-weight:500;line-height:40px;color:#33e5ff}.air-quality-calendar-container .flex{display:flex;align-items:center;justify-content:center}.air-quality-calendar-container .date-time{justify-content:space-between;padding:0 8px;margin-bottom:12px}.air-quality-calendar-container .date-time .left-arrow{margin-left:16px}.air-quality-calendar-container .date-time .right-arrow{margin-right:16px}.air-quality-calendar-container .date-time .el-date-editor{height:24px}.air-quality-calendar-container .date-time .el-date-editor .el-input__wrapper{background:#001121;box-shadow:none}.air-quality-calendar-container .date-time .el-date-editor .el-input__wrapper .el-input__prefix{display:none}.air-quality-calendar-container .date-time .el-date-editor .el-input__wrapper .el-input__inner{height:24px;font-family:MiSans;font-size:16px;color:#fff;text-align:center;cursor:pointer}.air-quality-calendar-container .calendar-content .item,.air-quality-calendar-container .legends .item,.air-quality-calendar-container .weeks .item{width:calc((100% - 12px)/ 7);text-align:center}.air-quality-calendar-container .calendar-content .item,.air-quality-calendar-container .weeks .item{position:relative;margin:0 2px 2px 0}.air-quality-calendar-container .calendar-content .item:nth-child(7n),.air-quality-calendar-container .weeks .item:nth-child(7n){margin-right:0}.air-quality-calendar-container .weeks{justify-content:space-between;font-family:MiSans;font-size:12px;color:#fff;opacity:.5}.air-quality-calendar-container .calendar-content{flex-wrap:wrap;justify-content:flex-start;margin-top:8px;margin-bottom:12px}.air-quality-calendar-container .calendar-content .item{height:32px;font-family:Oswald;font-size:12px;color:#fff}.air-quality-calendar-container .calendar-content .item.pre-null{background:#fff;opacity:.02}.air-quality-calendar-container .calendar-content .item.suff-null{justify-content:flex-start;color:rgba(255,255,255,.5);background:rgba(255,255,255,.05)}.air-quality-calendar-container .calendar-content .item.suff-null .suff-null-day{padding-left:10px}.air-quality-calendar-container .calendar-content .item .day{position:absolute;top:2px;left:4px}.air-quality-calendar-container .calendar-content .item .num{position:absolute;right:4px;bottom:2px}.air-quality-calendar-container .legends{justify-content:space-between}.air-quality-calendar-container .legends .level{margin-bottom:4px;font-family:MiSans;font-size:12px;color:#fff}.air-quality-calendar-container .legends .num{width:48px;height:20px;font-family:Oswald;font-size:12px;border-radius:20px}.air-quality-realtime-container{height:156px;padding:12px;color:#fff;background-image:url(./images/bg.png);background-repeat:no-repeat;background-size:100%}.air-quality-realtime-top{display:flex;justify-content:space-between;height:48px}.air-quality-realtime-top-left{display:flex;justify-content:flex-start;width:164px;height:48px}.air-quality-realtime-top-left .aqiValue{width:72px;height:48px;margin-right:16px;font-family:Oswald;font-size:48px;font-weight:500;line-height:48px}.air-quality-realtime-top-left .aqiInfo{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:64px}.air-quality-realtime-top-left .aqiInfo span:first-child{font-family:Oswald;font-size:18px;font-weight:400;line-height:18px;color:#fff}.air-quality-realtime-top-left .aqiInfo span:last-child{font-family:MiSans;font-size:16px;font-weight:500;line-height:16px}.air-quality-realtime-top-right{display:flex;align-items:center;width:171px;height:48px}.air-quality-realtime-top-right .text{margin-right:16px;font-family:MiSans;font-size:14px;font-weight:400;line-height:14px;color:#fff;opacity:.6}.air-quality-realtime-top-right .value{font-family:Oswald;font-size:18px;font-weight:500}.air-quality-realtime-bottom{display:flex;height:60px;padding:0;margin:20px 0 0}.air-quality-realtime-bottom-item{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:space-between;height:60px}.air-quality-realtime-bottom-item .value{font-family:Oswald;font-size:20px;font-weight:500;line-height:20px}.air-quality-realtime-bottom-item .line{width:26px;height:4px;border-radius:100px}.air-quality-realtime-bottom-item .name{font-family:Oswald;font-size:16px;font-weight:500;line-height:16px;color:#fff}.fpi-aims-factor-target-year-period-container .flex{display:flex;align-items:center;justify-content:center}.fpi-aims-factor-target-year-period-container .rollingContainer{overflow-x:auto}.fpi-aims-factor-target-year-period-container .list{align-items:flex-start;justify-content:flex-start;width:1000px;margin-top:12px}.fpi-aims-factor-target-year-period-container .list .item{flex-direction:column;align-items:flex-start;font-family:MiSans;font-size:12px;color:#fff}.fpi-aims-factor-target-year-period-container .list .item .name{margin-right:4px;opacity:.5}.fpi-aims-factor-target-year-period-container .list .item .unit{margin-left:4px;font-family:Oswald;font-size:12px;opacity:.5}.fpi-aims-factor-target-year-period-container .list .item .factorName{margin-bottom:8px;font-size:14px;font-weight:500}.fpi-aims-factor-target-year-period-container .list .item .factorValue{margin-bottom:8px;font-family:Oswald;font-size:24px}.fpi-aims-factor-target-year-period-container .list .item .target{margin-bottom:8px;font-family:Oswald}.fpi-aims-factor-target-year-period-container .list .item .period img{margin-top:-3px;margin-left:2px;vertical-align:middle}.factor-realtime-rank-chart-container{width:374px;height:200px;cursor:pointer}.factor-realtime-rank-chart-echarts{height:100%}.cieq-contributio-ratio-container{height:170px}.cieq-contributio-ratio-echarts{width:100%;height:100%}.main-pollution-year-ratio-container{height:176px}.main-pollution-year-ratio-echarts{width:100%;height:100%}.air-time-series-analysis-container{height:176px}.air-time-series-analysis-echarts{width:100%;height:100%}.air-time-series-analysis-triangle{display:inline-block;width:0;height:0;margin-right:5px;border-right:5px solid transparent;border-left:5px solid transparent}.air-time-series-analysis-diamond{display:inline-block;width:0;height:0;margin-right:5px;border-style:solid;border-width:5px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.air-time-series-analysis-circle,.air-time-series-analysis-rect,.air-time-series-analysis-roundRect{display:inline-block;width:10px;height:10px;margin-right:5px}.air-time-series-analysis-roundRect{border-radius:2px}.air-time-series-analysis-circle{border-radius:10px}.fpi-weather-condition-container{display:flex;flex-direction:row}.fpi-weather-condition-container .fpi-weather-condition-list{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;max-width:63px}.fpi-weather-condition-container .fpi-weather-condition-list img{width:40px;height:40px}.fpi-weather-condition-container .fpi-weather-condition-list .condition{font-size:14px;line-height:14px;color:#fff}.fpi-weather-condition-container .fpi-weather-condition-list .condition-value{position:absolute;top:24px;z-index:10;font-size:20px;font-weight:600;line-height:20px;color:#00deff}.fpi-weather-condition-container .fpi-weather-condition-list .unit{font-size:12px;line-height:12px;color:#fff;opacity:.5}.factor-realtime-rank-list-container{height:200px;cursor:pointer}.factor-realtime-rank-list-header{display:flex;height:14px;padding:0;margin:0 0 12px;font-size:14px;line-height:14px;color:#909399;list-style:none}.factor-realtime-rank-list-header>li:first-child{flex-shrink:0;width:34px}.factor-realtime-rank-list-header>li:nth-child(2){width:282px}.factor-realtime-rank-list-header>li:nth-child(2)>span{display:block;width:100px;text-align:right}.factor-realtime-rank-list-header>li:last-child{flex-shrink:0;width:44px;text-align:center}.factor-realtime-rank-list-list-wrap{width:100%;padding:0;margin:0}.factor-realtime-rank-list-list-item{box-sizing:border-box;display:flex;align-items:center;height:32px;padding:9px 0;font-size:14px;line-height:14px;color:#fff}.fpi-basic-card-header-title,.fpi-basic-dialog-header-title{font-size:20px;font-weight:600;line-height:20px;letter-spacing:0;box-sizing:border-box}.factor-realtime-rank-list-list-item .rank{width:30px;font-family:Oswald}.factor-realtime-rank-list-list-item .progress-box{display:flex;align-items:center;width:282px;font-family:MiSans}.factor-realtime-rank-list-list-item .progress-box .name{width:100px;margin-right:8px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.factor-realtime-rank-list-list-item .progress-box .bar{position:relative;flex:1;height:8px;background:rgba(255,255,255,.1)}.factor-realtime-rank-list-list-item .progress-box .progress-bar{position:absolute;top:0;left:0;height:100%}.factor-realtime-rank-list-list-item .progress-box .progress-bar::after{position:absolute;top:-2px;right:-2px;width:2px;height:12px;content:" ";background:inherit}.factor-realtime-rank-list-list-item .value{width:44px;text-align:center}.fpi-basic-card-container{box-sizing:border-box;border:1px solid transparent;backdrop-filter:blur(30px)}.fpi-basic-card-container-checked{background:#000;border:1px solid #05ffd2;border-radius:4px;box-shadow:0 0 8px 0 #05ffe6}.fpi-basic-card-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;height:40px;padding:10px 16px;background:#000}.fpi-basic-card-header-left{display:flex;align-items:center}.fpi-basic-card-header-title{font-family:MiSans;color:#fff}.fpi-basic-card-content{box-sizing:border-box;padding:12px;background:#001121}.basicDialogAnimation-enter-active{animation:basic-dialog-animation-enter .3s}.fpi-basic-dialog-container{position:absolute;top:0;left:50%;box-sizing:border-box;padding:0 12px 12px;background:#001121;box-shadow:0 8px 16px -8px rgba(0,0,0,.16),0 12px 32px 0 rgba(0,0,0,.12),0 16px 48px 16px rgba(0,0,0,.08);backdrop-filter:blur(30px)}.fpi-basic-dialog-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;height:40px;padding:10px 4px}.fpi-basic-dialog-header-left,.fpi-basic-dialog-header-right{display:flex;align-items:center}.fpi-basic-dialog-close{height:12px;color:#d3c9c9}.fpi-basic-dialog-close:hover{color:#fff}.fpi-basic-dialog-header-title{font-family:MiSans;color:#fff}.fpi-basic-dialog-content{box-sizing:border-box;padding:12px;background:#05213d}.fpi-basic-panel-container{position:absolute;z-index:10;box-sizing:content-box}.fpi-basic-panel-scroll-container{padding:10px}.echarts{width:100%;height:100%}
+.dv-aims-air-quality-calendar-container .flex{display:flex;align-items:center;justify-content:center}.dv-aims-air-quality-calendar-container .date-time{justify-content:space-between;padding:0 8px;margin-bottom:12px}.dv-aims-air-quality-calendar-container .date-time .arrow{width:12px;cursor:pointer}.dv-aims-air-quality-calendar-container .date-time .left-arrow{margin-left:16px}.dv-aims-air-quality-calendar-container .date-time .right-arrow{margin-right:16px}.dv-aims-air-quality-calendar-container .date-time .el-date-editor{height:24px}.dv-aims-air-quality-calendar-container .date-time .el-date-editor .el-input__wrapper{background:#001121;box-shadow:none}.dv-aims-air-quality-calendar-container .date-time .el-date-editor .el-input__wrapper .el-input__prefix{display:none}.dv-aims-air-quality-calendar-container .date-time .el-date-editor .el-input__wrapper .el-input__inner{height:24px;font-family:MiSans;font-size:16px;color:#fff;text-align:center;cursor:pointer}.dv-aims-air-quality-calendar-container .calendar-content .item,.dv-aims-air-quality-calendar-container .legends .item,.dv-aims-air-quality-calendar-container .weeks .item{width:calc((100% - 12px)/ 7);text-align:center}.dv-aims-air-quality-calendar-container .calendar-content .item,.dv-aims-air-quality-calendar-container .weeks .item{position:relative;margin:0 2px 2px 0}.dv-aims-air-quality-calendar-container .calendar-content .item:nth-child(7n),.dv-aims-air-quality-calendar-container .weeks .item:nth-child(7n){margin-right:0}.dv-aims-air-quality-calendar-container .weeks{justify-content:space-between;font-family:MiSans;font-size:12px;color:#fff;opacity:.5}.dv-aims-air-quality-calendar-container .calendar-content{flex-wrap:wrap;justify-content:flex-start;margin-top:8px;margin-bottom:12px}.dv-aims-air-quality-calendar-container .calendar-content .item{height:32px;font-family:Oswald;font-size:12px;color:#fff}.dv-aims-air-quality-calendar-container .calendar-content .item.pre-null{background:#fff;opacity:.02}.dv-aims-air-quality-calendar-container .calendar-content .item.suff-null{justify-content:flex-start;color:rgba(255,255,255,.5);background:rgba(255,255,255,.05)}.dv-aims-air-quality-calendar-container .calendar-content .item.suff-null .suff-null-day{padding-left:10px}.dv-aims-air-quality-calendar-container .calendar-content .item .day{position:absolute;top:2px;left:4px}.dv-aims-air-quality-calendar-container .calendar-content .item .num{position:absolute;right:4px;bottom:2px}.dv-aims-air-quality-calendar-container .legends{justify-content:space-between}.dv-aims-air-quality-calendar-container .legends .level{margin-bottom:4px;font-family:MiSans;font-size:12px;color:#fff}.dv-aims-air-quality-calendar-container .legends .num{width:48px;height:20px;font-family:Oswald;font-size:12px;border-radius:20px}.dv-aims-air-quality-realtime-top-left{align-items:center}.dv-aims-air-quality-realtime-top-left span:first-child{margin-right:16px;font-family:Oswald;font-size:16px;font-weight:400;line-height:16px;color:#fff}.dv-aims-air-quality-realtime-top-left span:last-child{display:flex;align-items:center;font-family:Oswald;font-size:40px;font-weight:500;line-height:40px;color:#33e5ff}.dv-aims-air-time-series-analysis-container{height:176px}.dv-aims-air-time-series-analysis-echarts{width:100%;height:100%}.dv-aims-air-time-series-analysis-triangle{display:inline-block;width:0;height:0;margin-right:5px;border-right:5px solid transparent;border-left:5px solid transparent}.dv-aims-air-time-series-analysis-diamond{display:inline-block;width:0;height:0;margin-right:5px;border-style:solid;border-width:5px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.dv-aims-air-time-series-analysis-circle,.dv-aims-air-time-series-analysis-rect,.dv-aims-air-time-series-analysis-roundRect{display:inline-block;width:10px;height:10px;margin-right:5px}.dv-aims-air-time-series-analysis-roundRect{border-radius:2px}.dv-aims-air-time-series-analysis-circle{border-radius:10px}.dv-aims-air-quality-realtime-container{height:156px;padding:12px;color:#fff;background-image:url(./images/bg.png);background-repeat:no-repeat;background-size:100%}.dv-aims-air-quality-realtime-top{display:flex;justify-content:space-between;height:48px}.dv-aims-air-quality-realtime-top-left{display:flex;justify-content:flex-start;width:164px;height:48px}.dv-aims-air-quality-realtime-top-left .aqiValue{width:72px;height:48px;margin-right:16px;font-family:Oswald;font-size:48px;font-weight:500;line-height:48px}.dv-aims-air-quality-realtime-top-left .aqiInfo{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:64px}.dv-aims-air-quality-realtime-top-left .aqiInfo span:first-child{font-family:Oswald;font-size:18px;font-weight:400;line-height:18px;color:#fff}.dv-aims-air-quality-realtime-top-left .aqiInfo span:last-child{font-family:MiSans;font-size:16px;font-weight:500;line-height:16px}.dv-aims-air-quality-realtime-top-right{display:flex;align-items:center;width:171px;height:48px}.dv-aims-air-quality-realtime-top-right .text{margin-right:16px;font-family:MiSans;font-size:14px;font-weight:400;line-height:14px;color:#fff;opacity:.6}.dv-aims-air-quality-realtime-top-right .value{font-family:Oswald;font-size:18px;font-weight:500}.dv-aims-air-quality-realtime-bottom{display:flex;height:60px;padding:0;margin:20px 0 0}.dv-aims-air-quality-realtime-bottom-item{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:space-between;height:60px}.dv-aims-air-quality-realtime-bottom-item .value{font-family:Oswald;font-size:20px;font-weight:500;line-height:20px}.dv-aims-air-quality-realtime-bottom-item .line{width:26px;height:4px;border-radius:100px}.dv-aims-air-quality-realtime-bottom-item .name{font-family:Oswald;font-size:16px;font-weight:500;line-height:16px;color:#fff}.dv-aims-cieq-contributio-ratio-container{height:170px}.dv-aims-cieq-contributio-ratio-echarts{width:100%;height:100%}.dv-aims-factor-realtime-rank-chart-container{width:374px;height:200px;cursor:pointer}.dv-aims-factor-realtime-rank-chart-echarts{height:100%}.dv-aims-factor-realtime-rank-list-container{height:200px;cursor:pointer}.dv-aims-factor-realtime-rank-list-header{display:flex;height:14px;padding:0;margin:0 0 12px;font-size:14px;line-height:14px;color:#909399;list-style:none}.dv-aims-factor-realtime-rank-list-header>li:first-child{flex-shrink:0;width:34px}.dv-aims-factor-realtime-rank-list-header>li:nth-child(2){width:282px}.dv-aims-factor-realtime-rank-list-header>li:nth-child(2)>span{display:block;width:100px;text-align:right}.dv-aims-factor-realtime-rank-list-header>li:last-child{flex-shrink:0;width:44px;text-align:center}.dv-aims-factor-realtime-rank-list-list-wrap{width:100%;padding:0;margin:0}.dv-aims-factor-realtime-rank-list-list-item{box-sizing:border-box;display:flex;align-items:center;height:32px;padding:9px 0;font-size:14px;line-height:14px;color:#fff}.dv-aims-factor-realtime-rank-list-list-item .rank{width:30px;font-family:Oswald}.dv-aims-factor-realtime-rank-list-list-item .progress-box{display:flex;align-items:center;width:282px;font-family:MiSans}.dv-aims-factor-realtime-rank-list-list-item .progress-box .name{width:100px;margin-right:8px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dv-aims-factor-realtime-rank-list-list-item .progress-box .bar{position:relative;flex:1;height:8px;background:rgba(255,255,255,.1)}.dv-aims-factor-realtime-rank-list-list-item .progress-box .progress-bar{position:absolute;top:0;left:0;height:100%}.dv-aims-factor-realtime-rank-list-list-item .progress-box .progress-bar::after{position:absolute;top:-2px;right:-2px;width:2px;height:12px;content:" ";background:inherit}.dv-aims-factor-realtime-rank-list-list-item .value{width:44px;text-align:center}.dv-aims-factor-target-year-period-container .flex{display:flex;align-items:center;justify-content:center}.dv-aims-factor-target-year-period-container .rollingContainer{overflow-x:auto}.dv-aims-factor-target-year-period-container .list{align-items:flex-start;justify-content:flex-start;width:1000px;margin-top:12px}.dv-aims-factor-target-year-period-container .list .item{flex-direction:column;align-items:flex-start;font-family:MiSans;font-size:12px;color:#fff}.dv-aims-factor-target-year-period-container .list .item .name{margin-right:4px;opacity:.5}.dv-aims-factor-target-year-period-container .list .item .unit{margin-left:4px;font-family:Oswald;font-size:12px;opacity:.5}.dv-aims-factor-target-year-period-container .list .item .factorName{margin-bottom:8px;font-size:14px;font-weight:500}.dv-aims-factor-target-year-period-container .list .item .factorValue{margin-bottom:8px;font-family:Oswald;font-size:24px}.dv-aims-factor-target-year-period-container .list .item .target{margin-bottom:8px;font-family:Oswald}.dv-aims-factor-target-year-period-container .list .item .period img{margin-top:-3px;margin-left:2px;vertical-align:middle}.dv-aims-mul-grid-cieq-contribution-month-ratio-container{height:170px}.dv-aims-mul-grid-cieq-contribution-month-ratio-echarts{width:100%;height:100%}.dv-aims-mul-grid-air-quality-level-month-ratio-container{height:170px}.dv-aims-mul-grid-air-quality-level-month-ratio-echarts{width:100%;height:100%}.dv-aims-main-pollution-year-ratio-container{height:176px}.dv-aims-main-pollution-year-ratio-echarts{width:100%;height:100%}.dv-aims-tb-hb-analysis-container{height:176px}.dv-aims-tb-hb-analysis-echarts{width:100%;height:100%}.dv-aims-tb-hb-analysis-triangle{display:inline-block;width:0;height:0;margin-right:5px;border-right:5px solid transparent;border-left:5px solid transparent}.dv-aims-tb-hb-analysis-diamond{display:inline-block;width:0;height:0;margin-right:5px;border-style:solid;border-width:5px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.dv-aims-tb-hb-analysis-circle,.dv-aims-tb-hb-analysis-rect,.dv-aims-tb-hb-analysis-roundRect{display:inline-block;width:10px;height:10px;margin-right:5px}.dv-aims-tb-hb-analysis-roundRect{border-radius:2px}.dv-aims-tb-hb-analysis-circle{border-radius:10px}.dv-aims-weather-condition-container{display:flex;flex-direction:row}.dv-aims-weather-condition-container .dv-aims-weather-condition-list{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;max-width:63px}.dv-aims-weather-condition-container .dv-aims-weather-condition-list img{width:40px;height:40px}.dv-aims-weather-condition-container .dv-aims-weather-condition-list .condition{font-size:14px;line-height:14px;color:#fff}.dv-aims-weather-condition-container .dv-aims-weather-condition-list .condition-value{position:absolute;top:24px;z-index:10;font-size:20px;font-weight:600;line-height:20px;color:#00deff}.dv-aims-weather-condition-container .dv-aims-weather-condition-list .unit{font-size:12px;line-height:12px;color:#fff;opacity:.5}.dv-aims-basic-card-header-title,.dv-aims-basic-dialog-header-title{font-family:MiSans;font-size:20px;font-weight:600;line-height:20px;letter-spacing:0;box-sizing:border-box}.dv-aims-basic-card-container{box-sizing:border-box;border:1px solid transparent;backdrop-filter:blur(30px)}.dv-aims-basic-card-container-checked{background:#000;border:1px solid #05ffd2;border-radius:4px;box-shadow:0 0 8px 0 #05ffe6}.dv-aims-basic-card-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;height:40px;padding:10px 16px;background:#000}.dv-aims-basic-card-header-left,.dv-aims-basic-dialog-header{align-items:center;display:flex}.dv-aims-basic-card-header-title{color:#fff}.dv-aims-basic-card-content{box-sizing:border-box;padding:12px;background:#001121}.basicDialogAnimation-enter-active{animation:basic-dialog-animation-enter .3s}.dv-aims-basic-dialog-container{position:absolute;top:0;left:50%;box-sizing:border-box;padding:0 12px 12px;background:#001121;box-shadow:0 8px 16px -8px rgba(0,0,0,.16),0 12px 32px 0 rgba(0,0,0,.12),0 16px 48px 16px rgba(0,0,0,.08);backdrop-filter:blur(30px)}.dv-aims-basic-dialog-header{box-sizing:border-box;justify-content:space-between;height:40px;padding:10px 4px}.dv-aims-basic-dialog-header-left,.dv-aims-basic-dialog-header-right{display:flex;align-items:center}.dv-aims-basic-dialog-close{width:12px;height:12px;color:#d3c9c9;cursor:pointer}.dv-aims-basic-dialog-close:hover,.dv-aims-basic-dialog-header-title{color:#fff}.dv-aims-basic-dialog-content{box-sizing:border-box;padding:12px;background:#05213d}.dv-aims-basic-panel-container{position:absolute;z-index:10;box-sizing:content-box}.dv-aims-basic-panel-scroll-container{padding:10px}

package/dist/style/style-bmp.css

@@ -1 +1 @@
-.tab-item .title,.tab-item .today-line .label,.tab-item .today-line .today-right .label-num,.tab-item .today-line .today-right .text,.tab-item .today-line .today-right .value,.tab-item .year-line .year-label,.tab-item .year-line .year-right .year-text,.tab-item .year-line .year-right .year-total,.tab-item .year-line .year-right .year-value{font-size:16px;font-weight:500;text-align:center;letter-spacing:0}.tab-item{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:182px;height:136px;padding:16px;overflow:hidden;background:rgba(68,136,208,.1);border:1px solid rgba(68,136,208,.2);border-radius:4px}.tab-item .title{margin-bottom:24px;font-family:MiSans;line-height:16px;color:#fff}.tab-item .today-line{display:flex;align-items:center}.tab-item .today-line .label{margin-right:4px;font-family:MiSans;line-height:16px;color:#909399;white-space:nowrap}.tab-item .today-line .today-right{display:flex;flex-wrap:wrap;align-items:center}.tab-item .today-line .today-right .value{font-family:Oswald;line-height:16px;color:#15f3a3}.tab-item .today-line .today-right .label-num,.tab-item .today-line .today-right .text{font-family:Oswald;line-height:16px;color:#fff}.tab-item .today-line .today-right .chart{width:16px;height:16px;margin-left:8px}.tab-item .year-line{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:16px}.tab-item .year-line .year-label{font-family:MiSans;line-height:16px;color:#909399;white-space:nowrap}.tab-item .year-line .year-right{display:flex;flex-wrap:wrap;align-items:center}.tab-item .year-line .year-right .year-value{font-family:Oswald;line-height:16px;color:#00deff}.tab-item .year-line .year-right .year-text,.tab-item .year-line .year-right .year-total{font-family:Oswald;line-height:16px;color:#fff}.tab-item .bottom-bar{width:100%;height:8px;margin-top:8px;background-color:rgba(255,255,255,.1)}.tab-item .bottom-bar .bar-value{height:100%;background:#00deff}
+.dv-bmp-tab-item .title,.dv-bmp-tab-item .today-line .label,.dv-bmp-tab-item .year-line .year-label{font-family:MiSans;font-weight:500;text-align:center;letter-spacing:0}.dv-bmp-event-list{width:376px;height:192px}.dv-bmp-event-list .custom-table{height:192px}.dv-bmp-event-list .custom-table .custom-table-header{display:flex;align-items:center;width:100%;height:32px;font-size:14px;font-weight:500;color:#909399;background:rgba(62,126,194,.2)}.dv-bmp-event-list .custom-table .custom-table-header .auto-width{flex:1;text-align:center}.dv-bmp-event-list .custom-table .custom-table-header .fixed-width{text-align:center}.dv-bmp-event-list .custom-table .custom-table-body{width:100%;height:160px;font-size:14px;font-weight:500;color:#fff}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-row{display:flex;align-items:center;width:100%;height:32px}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-row:nth-child(2n){background:rgba(255,255,255,.08)}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-cell.undisposed{color:#f84439}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-cell.handing{color:#fdbd00}.dv-bmp-event-list .custom-table .custom-table-body .custom-table-cell.disposed{color:#15f3a3}.dv-bmp-event-list .custom-table .custom-table-body .auto-width{flex:1;text-align:center}.dv-bmp-event-list .custom-table .custom-table-body .fixed-width{text-align:center}.dv-bmp-tab-item{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:182px;height:136px;padding:16px;overflow:hidden;background:rgba(68,136,208,.1);border:1px solid rgba(68,136,208,.2);border-radius:4px}.dv-bmp-tab-item .title{margin-bottom:24px;font-size:16px;line-height:16px;color:#fff}.dv-bmp-tab-item .today-line{display:flex;align-items:center}.dv-bmp-tab-item .today-line .label{margin-right:4px;font-size:16px;line-height:16px;color:#909399;white-space:nowrap}.dv-bmp-tab-item .today-line .today-right{display:flex;flex-wrap:wrap;align-items:center}.dv-bmp-tab-item .today-line .today-right .value{font-family:Oswald;font-size:16px;font-weight:500;line-height:16px;color:#15f3a3;text-align:center;letter-spacing:0}.dv-bmp-tab-item .today-line .today-right .label-num,.dv-bmp-tab-item .today-line .today-right .text{font-family:Oswald;font-size:16px;font-weight:500;line-height:16px;color:#fff;text-align:center;letter-spacing:0}.dv-bmp-tab-item .today-line .today-right .chart{width:16px;height:16px;margin-left:8px}.dv-bmp-tab-item .year-line{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:16px}.dv-bmp-tab-item .year-line .year-label{font-size:16px;line-height:16px;color:#909399;white-space:nowrap}.dv-bmp-tab-item .year-line .year-right{display:flex;flex-wrap:wrap;align-items:center}.dv-bmp-tab-item .year-line .year-right .year-value{font-family:Oswald;font-size:16px;font-weight:500;line-height:16px;color:#00deff;text-align:center;letter-spacing:0}.dv-bmp-tab-item .year-line .year-right .year-text,.dv-bmp-tab-item .year-line .year-right .year-total{font-family:Oswald;font-size:16px;font-weight:500;line-height:16px;color:#fff;text-align:center;letter-spacing:0}.dv-bmp-tab-item .bottom-bar{width:100%;height:8px;margin-top:8px;background-color:rgba(255,255,255,.1)}.dv-bmp-tab-item .bottom-bar .bar-value{height:100%;background:#00deff}.dv-bmp-algae-monitoring-box{display:flex;padding:30px 20px 16px}.dv-bmp-algae-monitoring-box .algae-monitoring-echarts{position:relative;display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin:5px 0}.dv-bmp-algae-monitoring-box .algae-monitoring-echarts .abso-pie{position:absolute;top:50%;left:50%;width:120px;height:120px;border:1px solid rgba(255,255,255,.4);border-radius:50%;transform:translate(-50%,-50%)}.dv-bmp-algae-monitoring-box .algae-monitoring-echarts .completeBox{width:100px;height:100px;border-radius:50%;box-shadow:0 0 10px 3px rgba(0,221,255,.4)}.dv-bmp-algae-monitoring-box .algae-monitoring-items{padding:16px;margin-left:16px}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:183px;height:36px;padding:4px 16px 4px 12px;background:linear-gradient(0deg,rgba(0,166,255,.21) 0,rgba(0,191,255,.06) 39%,rgba(0,229,255,0) 100%);border:1px solid;border-image:linear-gradient(180deg,rgba(0,212,255,.3) 0,rgba(0,216,216,0) 24%,rgba(0,222,238,0) 77%,rgba(0,198,238,.3) 100%) 1}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item.last-item{margin-top:24px}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item .algae-icon{height:20px}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item .algae-title{display:block;width:90px;font-family:"Microsoft YaHei";font-size:16px;font-weight:700;color:#fff;text-align:left}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item .algae-title.algae-title-diff{position:relative;left:-4px}.dv-bmp-algae-monitoring-box .algae-monitoring-items .algae-monitoring-item .algae-num{font-family:Oswald;font-size:22px;font-weight:500;color:#0df}