@vtx/modals2 4.0.7 → 5.0.1

package/lib/vtx-wr-modal/components/BaseInfoNew2/index.less

@@ -0,0 +1,320 @@
+.wr2 {
+    overflow: auto;
+    display: flex;
+    justify-content: space-between;
+
+    .left {
+        width: 56%;
+    }
+
+    .right {
+        width: 43%;
+    }
+}
+
+.wrTitle {
+    width: 100%;
+    height: 56px;
+    line-height: 56px;
+    padding: 0 16px;
+    border-bottom: 1px solid #e8e8e8;
+    font-size: 16px;
+    position: relative;
+
+    .titleExtra {
+        position: absolute;
+        right: 16px;
+        top: 0;
+    }
+
+    .ant-tabs-nav {
+        margin-bottom: 0;
+        height: 55px;
+    }
+}
+
+.wrContent {
+    padding: 12px;
+    box-sizing: border-box;
+}
+
+.jbxx {
+    width: 100%;
+    height: auto;
+    border-radius: 6px;
+    background: #fff;
+    margin-bottom: 16px;
+
+    .imgContent {
+        width: 100%;
+        height: 340px;
+        position: relative;
+
+        div,
+        span {
+            color: #fff !important;
+        }
+
+        .imgTitle {
+            position: absolute;
+            top: 20px;
+            left: 20px;
+            right: 20px;
+            height: 32px;
+            background: rgba(14, 60, 67, 0.5);
+            line-height: 32px;
+            text-align: center;
+            font-size: 16px;
+            z-index: 10;
+        }
+
+        img {
+            width: 100%;
+            height: 100%;
+            background: rgba(255, 255, 255, 0.01);
+            cursor: pointer;
+        }
+
+        .num {
+            width: 110px;
+            height: 32px;
+            position: absolute;
+            bottom: 28px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: rgba(14, 60, 67, 0.5);
+            border-radius: 20px;
+            line-height: 32px;
+            text-align: center;
+            z-index: 10;
+
+            .anticon {
+                cursor: pointer;
+            }
+        }
+    }
+
+    .basicContent {
+        line-height: 32px;
+        margin-top: 6px;
+
+        .ant-col {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+
+            .tip {
+                color: #8c8c8c;
+            }
+
+            .text {
+                color: #1f1f1f;
+            }
+        }
+    }
+
+    .videoContent {
+        width: 100%;
+        height: 340px;
+
+        .videoText {
+            width: 100%;
+            height: calc(100% - 40px);
+            margin-top: 8px;
+            background: rgba(255, 255, 255, 0.05);
+
+            .vtx-live-player {
+                width: 100% !important;
+                margin: 0 auto;
+            }
+        }
+    }
+}
+
+.sjjg {
+    width: 100%;
+    height: auto;
+    border-radius: 6px;
+    background: #fff;
+    margin-bottom: 16px;
+
+    .totalNum {
+        display: flex;
+        justify-content: space-between;
+
+        .eachTotal {
+            width: 49%;
+            height: auto;
+            background-size: 100% 100%;
+            background-repeat: no-repeat;
+            padding: 27px 20px;
+            color: rgba(255, 255, 255, 0.8);
+            line-height: 36px;
+            display: flex;
+            justify-content: space-between;
+
+            img {
+                width: 36px;
+                height: 36px;
+                margin-right: 14px;
+                vertical-align: bottom;
+            }
+        }
+    }
+
+    .eachType {
+        padding: 12px;
+        border: 1px solid #e8e8e8;
+        border-radius: 4px;
+        margin-top: 16px;
+
+        .typeTitle {
+            display: flex;
+            line-height: 25px;
+
+            img {
+                width: 50px;
+                height: 50px;
+                margin-right: 12px;
+            }
+        }
+
+        .typeContent {
+            margin-top: 12px;
+            background: #f0f2f5;
+            padding: 15px 12px 0;
+            display: flex;
+            flex-wrap: wrap;
+
+            .typeItem {
+                width: 120px;
+                height: 50px;
+                margin-bottom: 15px;
+
+                .itemTitle {
+                    color: #8c8c8c;
+                    width: 100%;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                    margin-bottom: 4px;
+
+                    img {
+                        width: 16px;
+                        height: 16px;
+                        margin-right: 4px;
+                        margin-top: -4px;
+                    }
+                }
+            }
+        }
+    }
+}
+.vtx-business-modal--main-notab {
+    width: 100%;
+    min-height: 450px;
+}
+.ptss {
+    width: 100%;
+    height: auto;
+    border-radius: 6px;
+    background: #fff;
+
+    .summary {
+        padding: 12px 0;
+        display: flex;
+        justify-content: space-between;
+        border: 1px solid #e8e8e8;
+        border-radius: 4px;
+
+        .summaryItem {
+            line-height: 24px;
+            font-size: 16px;
+            display: flex;
+            justify-content: space-between;
+            padding: 0 10px;
+
+            img {
+                width: 28px;
+                height: 28px;
+                vertical-align: bottom;
+                margin-right: 8px;
+            }
+
+            .has {
+                display: inline-block;
+                width: 46px;
+                text-align: center;
+                height: 22px;
+                line-height: 22px;
+                border-radius: 23px;
+                background: linear-gradient(180deg, #4ce09b 0, #07b077 100%);
+                color: #fff;
+                margin-top: 6px;
+            }
+
+            .hasNo {
+                background: linear-gradient(180deg, #b2bcc8 0%, #607087 100%);
+            }
+        }
+    }
+
+    .genderNum {
+        margin-top: 14px;
+        display: flex;
+        justify-content: space-between;
+
+        .genderItem {
+            width: 49%;
+            height: 200px;
+            border: 1px solid #e8e8e8;
+            border-radius: 4px;
+            padding: 12px;
+
+            .totalNum {
+                display: flex;
+                justify-content: space-between;
+                line-height: 25px;
+
+                .gender {
+                    display: flex;
+
+                    img {
+                        width: 50px;
+                        height: 50px;
+                        margin-right: 12px;
+                    }
+                }
+            }
+
+            .eachType {
+                width: 100%;
+                height: 114px;
+                margin-top: 12px;
+                border-radius: 4px;
+                background: #f0f2f5;
+                display: flex;
+                justify-content: space-between;
+                padding: 12px;
+
+                img {
+                    width: 24px;
+                    height: 24px;
+                }
+            }
+        }
+    }
+}
+
+.monitor {
+    .searchType {
+        display: flex;
+        line-height: 32px;
+        margin-bottom: 12px;
+    }
+
+    .charts {
+        width: 100%;
+        height: 400px;
+    }
+}

package/lib/vtx-wr-modal/components/Evaluate/index.css

@@ -6,6 +6,7 @@
   width: 100%;
   padding: 14px 20px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }
 .wr-appraise .appraise-summary {
   width: 100%;
@@ -110,11 +111,13 @@
   height: 340px;
   padding: 14px 20px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }
 .wr-appraise .appraise-record {
   padding: 14px 20px;
   margin-top: 10px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }
 .wr-appraise .appraise-record-table {
   margin-top: 14px;

package/lib/vtx-wr-modal/components/Evaluate/index.less

@@ -6,6 +6,7 @@
         width: 100%;
         padding: 14px 20px;
         background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
     }
 
     .appraise-summary {
@@ -107,12 +108,14 @@
         height: 340px;
         padding: 14px 20px;
         background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
     }
 
     .appraise-record {
         padding: 14px 20px;
         margin-top: 10px;
         background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
 
         &-table {
             margin-top: 14px;

package/lib/vtx-wr-modal/components/Monitor/MonitorInfo.js

@@ -28,7 +28,8 @@ var MonitorInfo = function MonitorInfo(props) {
   var id = props.id;
   var _useSettings = (0, _useSettings2["default"])(),
     chartFontColor = _useSettings.chartFontColor,
-    sDate = _useSettings.startDate;
+    sDate = _useSettings.startDate,
+    theme = _useSettings.theme;
   var _useSetState = (0, _ahooks.useSetState)({
       filterKey: '',
       startDate: sDate || (0, _moment["default"])().format('YYYY-MM-DD'),
@@ -76,7 +77,7 @@ var MonitorInfo = function MonitorInfo(props) {
       itemHeight: 6,
       top: 20,
       textStyle: {
-        color: chartFontColor,
+        color: theme === 'blue' ? '#fff' : chartFontColor,
         fontSize: 12
       },
       data: legend || legendList || []
@@ -95,7 +96,7 @@ var MonitorInfo = function MonitorInfo(props) {
         show: false
       },
       axisLabel: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       data: xAxis || xList || []
     },
@@ -103,13 +104,13 @@ var MonitorInfo = function MonitorInfo(props) {
       name: unit,
       type: 'value',
       nameTextStyle: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       axisTick: {
         show: false
       },
       axisLabel: {
-        color: chartFontColor
+        color: theme === 'blue' ? '#fff' : chartFontColor
       },
       axisLine: {
         show: true

package/lib/vtx-wr-modal/components/Monitor/MonitorInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonitorInfo.js","names":["_react","_interopRequireWildcard","require","_ahooks","_moment","_interopRequireDefault","_echartsForReact","_useSettings2","_vmFilter","_vmSubTabs","_api","e","__esModule","_getRequireWildcardCache","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","f","o","next","done","push","value","isArray","MonitorInfo","props","id","_useSettings","useSettings","chartFontColor","sDate","startDate","_useSetState","useSetState","filterKey","moment","format","endDate","unit","_useSetState2","state","setState","_MoniotrService$useMo","MoniotrService","useMonitorType","monitorType","useEffect","key","standardUnit","JSON","stringify","_MoniotrService$useMo2","useMonitorChart","concat","monitorChart","xAxis","xList","legend","legendList","series","handleDateChange","start","option","color","tooltip","trigger","show","itemWith","itemHeight","top","textStyle","fontSize","data","grid","left","bottom","right","containLabel","type","boundaryGap","axisTick","axisLabel","yAxis","nameTextStyle","axisLine","splitLine","lineStyle","React","createElement","className","SubTabsLine","items","activeKey","onChange","find","ele","VMDatePicker","date","ReactEcharts","notMerge","lazyUpdate","style","height","width","_default","exports"],"sources":["vtx-wr-modal/components/Monitor/MonitorInfo.js"],"sourcesContent":["/**\n * 监测信息-折线图\n */\nimport React, { useEffect } from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport ReactEcharts from 'echarts-for-react';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { VMDatePicker } from '../../../vm-filter';\nimport { SubTabsLine } from '../../../vm-sub-tabs';\nimport { MoniotrService } from '../../api';\nconst MonitorInfo = (props) => {\n    const { id } = props;\n    const { chartFontColor, startDate: sDate } = useSettings();\n    const [state, setState] = useSetState({\n        filterKey: '',\n        startDate: sDate || moment().format('YYYY-MM-DD'),\n        endDate: sDate || moment().format('YYYY-MM-DD'),\n        unit: '',\n    });\n    const { filterKey, startDate, endDate, unit } = state;\n    const { monitorType } = MoniotrService.useMonitorType(id);\n    useEffect(() => {\n        if (monitorType === null || monitorType === void 0 ? void 0 : monitorType.length) {\n            setState({\n                filterKey: monitorType[0].key,\n                unit: monitorType[0].standardUnit,\n            });\n        }\n    }, [JSON.stringify(monitorType)]);\n    const { monitorChart } = MoniotrService.useMonitorChart(id, `${startDate} 00:00:00`, `${endDate} 23:59:59`, filterKey);\n    const { xAxis, xList, legend, legendList, series } = monitorChart;\n    const handleDateChange = (start) => {\n        setState({\n            startDate: start,\n            endDate: start,\n        });\n    };\n    const option = {\n        color: ['#4DFFD9', '#4195FF', '#FF7979', '#FFE25D'],\n        tooltip: {\n            trigger: 'axis',\n        },\n        legend: {\n            show: true,\n            itemWith: 6,\n            itemHeight: 6,\n            top: 20,\n            textStyle: {\n                color: chartFontColor,\n                fontSize: 12,\n            },\n            data: legend || legendList || [],\n        },\n        grid: {\n            top: 58,\n            left: 24,\n            bottom: 12,\n            right: 24,\n            containLabel: true,\n        },\n        xAxis: {\n            type: 'category',\n            boundaryGap: false,\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: chartFontColor,\n            },\n            data: xAxis || xList || [],\n        },\n        yAxis: [\n            {\n                name: unit,\n                type: 'value',\n                nameTextStyle: {\n                    color: chartFontColor,\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: chartFontColor,\n                },\n                axisLine: {\n                    show: true,\n                },\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n        ],\n        series: series || [],\n    };\n    return (React.createElement(\"div\", { className: \"wr-monitor-trend\" },\n        React.createElement(\"div\", { className: \"wr-monitor-trend-head\" },\n            React.createElement(SubTabsLine, { items: monitorType, activeKey: filterKey, onChange: key => {\n                    setState({\n                        filterKey: key,\n                        unit: monitorType.find((ele) => ele.key === key).standardUnit,\n                    });\n                } }),\n            React.createElement(VMDatePicker, { value: moment(startDate), onChange: (date) => {\n                    date && handleDateChange(date.format('YYYY-MM-DD'));\n                } })),\n        React.createElement(\"div\", null,\n            React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '300px', width: '100%' } }))));\n};\nexport default MonitorInfo;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MonitorInfo.js","names":["_react","_interopRequireWildcard","require","_ahooks","_moment","_interopRequireDefault","_echartsForReact","_useSettings2","_vmFilter","_vmSubTabs","_api","e","__esModule","_getRequireWildcardCache","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","f","o","next","done","push","value","isArray","MonitorInfo","props","id","_useSettings","useSettings","chartFontColor","sDate","startDate","theme","_useSetState","useSetState","filterKey","moment","format","endDate","unit","_useSetState2","state","setState","_MoniotrService$useMo","MoniotrService","useMonitorType","monitorType","useEffect","key","standardUnit","JSON","stringify","_MoniotrService$useMo2","useMonitorChart","concat","monitorChart","xAxis","xList","legend","legendList","series","handleDateChange","start","option","color","tooltip","trigger","show","itemWith","itemHeight","top","textStyle","fontSize","data","grid","left","bottom","right","containLabel","type","boundaryGap","axisTick","axisLabel","yAxis","nameTextStyle","axisLine","splitLine","lineStyle","React","createElement","className","SubTabsLine","items","activeKey","onChange","find","ele","VMDatePicker","date","ReactEcharts","notMerge","lazyUpdate","style","height","width","_default","exports"],"sources":["vtx-wr-modal/components/Monitor/MonitorInfo.js"],"sourcesContent":["/**\n * 监测信息-折线图\n */\nimport React, { useEffect } from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport ReactEcharts from 'echarts-for-react';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { VMDatePicker } from '../../../vm-filter';\nimport { SubTabsLine } from '../../../vm-sub-tabs';\nimport { MoniotrService } from '../../api';\nconst MonitorInfo = (props) => {\n    const { id } = props;\n    const { chartFontColor, startDate: sDate, theme } = useSettings();\n    const [state, setState] = useSetState({\n        filterKey: '',\n        startDate: sDate || moment().format('YYYY-MM-DD'),\n        endDate: sDate || moment().format('YYYY-MM-DD'),\n        unit: '',\n    });\n    const { filterKey, startDate, endDate, unit } = state;\n    const { monitorType } = MoniotrService.useMonitorType(id);\n    useEffect(() => {\n        if (monitorType === null || monitorType === void 0 ? void 0 : monitorType.length) {\n            setState({\n                filterKey: monitorType[0].key,\n                unit: monitorType[0].standardUnit,\n            });\n        }\n    }, [JSON.stringify(monitorType)]);\n    const { monitorChart } = MoniotrService.useMonitorChart(id, `${startDate} 00:00:00`, `${endDate} 23:59:59`, filterKey);\n    const { xAxis, xList, legend, legendList, series } = monitorChart;\n    const handleDateChange = (start) => {\n        setState({\n            startDate: start,\n            endDate: start,\n        });\n    };\n    const option = {\n        color: ['#4DFFD9', '#4195FF', '#FF7979', '#FFE25D'],\n        tooltip: {\n            trigger: 'axis',\n        },\n        legend: {\n            show: true,\n            itemWith: 6,\n            itemHeight: 6,\n            top: 20,\n            textStyle: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n                fontSize: 12,\n            },\n            data: legend || legendList || [],\n        },\n        grid: {\n            top: 58,\n            left: 24,\n            bottom: 12,\n            right: 24,\n            containLabel: true,\n        },\n        xAxis: {\n            type: 'category',\n            boundaryGap: false,\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            data: xAxis || xList || [],\n        },\n        yAxis: [\n            {\n                name: unit,\n                type: 'value',\n                nameTextStyle: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: theme === 'blue' ? '#fff' : chartFontColor,\n                },\n                axisLine: {\n                    show: true,\n                },\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n        ],\n        series: series || [],\n    };\n    return (React.createElement(\"div\", { className: \"wr-monitor-trend\" },\n        React.createElement(\"div\", { className: \"wr-monitor-trend-head\" },\n            React.createElement(SubTabsLine, { items: monitorType, activeKey: filterKey, onChange: key => {\n                    setState({\n                        filterKey: key,\n                        unit: monitorType.find((ele) => ele.key === key).standardUnit,\n                    });\n                } }),\n            React.createElement(VMDatePicker, { value: moment(startDate), onChange: (date) => {\n                    date && handleDateChange(date.format('YYYY-MM-DD'));\n                } })),\n        React.createElement(\"div\", null,\n            React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '300px', width: '100%' } }))));\n};\nexport default MonitorInfo;\n"],"mappings":"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","ignoreList":[]}

package/lib/vtx-wr-modal/components/Monitor/RealtimeInfo.js

@@ -60,39 +60,42 @@ var RealtimeInfo = function RealtimeInfo(props) {
     }
   };
   var getRealtimeItem = function getRealtimeItem(code) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     var src = '';
-    if (code.indexOf('_') < 0) {
-      return img[theme]['PersonNum'];
-    }
     var str = code.split('_')[0];
-    switch (str) {
-      case 'PersonNum':
-        src = img[theme]['PersonNum'];
-        break;
-      case 'OdorValue':
-        src = img[theme]['OdorValue'];
-        break;
-      case 'temperature':
-        src = img[theme]['temperature'];
-        break;
-      case 'humidity':
-        src = img[theme]['humidity'];
-        break;
-      case 'WaterUse':
-        src = img[theme]['WaterUse'];
-        break;
-      case 'ElecUse':
-        src = img[theme]['ElecUse'];
-        break;
-      case 'SeatNum':
-        if (code.indexOf('female') > -1) {
-          src = img[theme]['female'];
-        } else {
-          src = img[theme]['male'];
-        }
-        break;
-      default:
-        break;
+    if (theme) {
+      if (code.indexOf('_') < 0) {
+        return (_a = img[theme]) === null || _a === void 0 ? void 0 : _a['PersonNum'];
+      }
+      switch (str) {
+        case 'PersonNum':
+          src = (_b = img[theme]) === null || _b === void 0 ? void 0 : _b['PersonNum'];
+          break;
+        case 'OdorValue':
+          src = (_c = img[theme]) === null || _c === void 0 ? void 0 : _c['OdorValue'];
+          break;
+        case 'temperature':
+          src = (_d = img[theme]) === null || _d === void 0 ? void 0 : _d['temperature'];
+          break;
+        case 'humidity':
+          src = (_e = img[theme]) === null || _e === void 0 ? void 0 : _e['humidity'];
+          break;
+        case 'WaterUse':
+          src = (_f = img[theme]) === null || _f === void 0 ? void 0 : _f['WaterUse'];
+          break;
+        case 'ElecUse':
+          src = (_g = img[theme]) === null || _g === void 0 ? void 0 : _g['ElecUse'];
+          break;
+        case 'SeatNum':
+          if (code.indexOf('female') > -1) {
+            src = (_h = img[theme]) === null || _h === void 0 ? void 0 : _h['female'];
+          } else {
+            src = (_j = img[theme]) === null || _j === void 0 ? void 0 : _j['male'];
+          }
+          break;
+        default:
+          break;
+      }
     }
     return src;
   };

package/lib/vtx-wr-modal/components/Monitor/RealtimeInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"RealtimeInfo.js","names":["_react","_interopRequireDefault","require","_moment","_antd","_vmSubTitle","_useSettings2","_api","_traffic","_stench","_temperature","_humidity","_water","_electric","_male","_female","_traffic_light","_stench_light","_temperature_light","_humidity_light","_water_light","_electric_light","_male_light","_female_light","e","__esModule","RealtimeInfo","props","id","_useSettings","useSettings","theme","_MoniotrService$useRe","MoniotrService","useRealtime","moment","format","realtimeList","img","light","PersonNum","PersonNumLight","OdorValue","OdorValueLight","temperature","temperatureLight","humidity","humidityLight","WaterUse","WaterUseLight","ElecUse","ElecUseLight","male","maleLight","female","femaleLight","dark","getRealtimeItem","code","src","indexOf","str","split","React","createElement","className","SubTitle","title","Row","gutter","length","map","item","index","Col","xxl","xl","lg","md","key","concat","dataList","subItem","idx","Fragment","name","value","span","_default","exports"],"sources":["vtx-wr-modal/components/Monitor/RealtimeInfo.js"],"sourcesContent":["/**\n * 公厕-监测信息-实时信息\n */\nimport React from 'react';\nimport moment from 'moment';\nimport { Row, Col } from 'antd';\nimport SubTitle from '../../../vm-sub-title';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { MoniotrService } from '../../api';\nimport PersonNum from '../../imgs/traffic.png';\nimport OdorValue from '../../imgs/stench.png';\nimport temperature from '../../imgs/temperature.png';\nimport humidity from '../../imgs/humidity.png';\nimport WaterUse from '../../imgs/water.png';\nimport ElecUse from '../../imgs/electric.png';\nimport male from '../../imgs/male.png';\nimport female from '../../imgs/female.png';\nimport PersonNumLight from '../../imgs/traffic_light.png';\nimport OdorValueLight from '../../imgs/stench_light.png';\nimport temperatureLight from '../../imgs/temperature_light.png';\nimport humidityLight from '../../imgs/humidity_light.png';\nimport WaterUseLight from '../../imgs/water_light.png';\nimport ElecUseLight from '../../imgs/electric_light.png';\nimport maleLight from '../../imgs/male_light.png';\nimport femaleLight from '../../imgs/female_light.png';\nconst RealtimeInfo = props => {\n    const { id } = props;\n    const { theme } = useSettings();\n    const { realtimeList } = MoniotrService.useRealtime(id, moment().format('YYYY-MM-DD'));\n    const img = {\n        light: {\n            PersonNum: PersonNumLight,\n            OdorValue: OdorValueLight,\n            temperature: temperatureLight,\n            humidity: humidityLight,\n            WaterUse: WaterUseLight,\n            ElecUse: ElecUseLight,\n            male: maleLight,\n            female: femaleLight,\n        },\n        dark: {\n            PersonNum,\n            OdorValue,\n            temperature,\n            humidity,\n            WaterUse,\n            ElecUse,\n            male,\n            female,\n        },\n    };\n    const getRealtimeItem = (code) => {\n        let src = '';\n        if (code.indexOf('_') < 0) {\n            return img[theme]['PersonNum'];\n        }\n        const str = code.split('_')[0];\n        switch (str) {\n            case 'PersonNum':\n                src = img[theme]['PersonNum'];\n                break;\n            case 'OdorValue':\n                src = img[theme]['OdorValue'];\n                break;\n            case 'temperature':\n                src = img[theme]['temperature'];\n                break;\n            case 'humidity':\n                src = img[theme]['humidity'];\n                break;\n            case 'WaterUse':\n                src = img[theme]['WaterUse'];\n                break;\n            case 'ElecUse':\n                src = img[theme]['ElecUse'];\n                break;\n            case 'SeatNum':\n                if (code.indexOf('female') > -1) {\n                    src = img[theme]['female'];\n                }\n                else {\n                    src = img[theme]['male'];\n                }\n                break;\n            default:\n                break;\n        }\n        return src;\n    };\n    return (React.createElement(\"div\", { className: \"wr-monitor-realtime\" },\n        React.createElement(\"div\", { className: \"realtime-head\" },\n            React.createElement(\"div\", { className: \"realtime-head-title\" },\n                React.createElement(SubTitle, { title: \"\\u5B9E\\u65F6\\u4FE1\\u606F\" }),\n                React.createElement(\"div\", { className: \"realtime-head-time\" },\n                    \"\\u66F4\\u65B0\\u65F6\\u95F4\\uFF1A\",\n                    moment().format('YYYY-MM-DD HH:mm:ss')))),\n        React.createElement(\"div\", { className: \"realtime-content\" },\n            React.createElement(Row, { gutter: [36, 20] }, (realtimeList === null || realtimeList === void 0 ? void 0 : realtimeList.length) > 0 ? (realtimeList.map((item, index) => (React.createElement(Col, { xxl: 6, xl: 6, lg: 8, md: 12, className: \"realtime-content-item\", key: index },\n                React.createElement(\"div\", { className: \"realtime-content-item-icon\" },\n                    React.createElement(\"img\", { src: getRealtimeItem(item.code) }),\n                    React.createElement(\"div\", { className: \"realtime-content-item-icon-name\" }, item.title)),\n                React.createElement(\"div\", { className: `realtime-content-item-main ${theme}` }, item.dataList.map((subItem, idx) => (React.createElement(React.Fragment, null,\n                    React.createElement(\"div\", { className: \"realtime-content-item-main-item\", key: idx },\n                        React.createElement(\"div\", null, subItem.name),\n                        React.createElement(\"div\", null, subItem.value)),\n                    idx < item.dataList.length - 1 && (React.createElement(\"div\", { className: \"realtime-content-item-main-line\" })))))))))) : (React.createElement(Col, { span: 24, className: \"realtime-content-item\" },\n                React.createElement(\"div\", { className: \"realtime-content-item-icon\" },\n                    React.createElement(\"img\", { src: PersonNum }),\n                    React.createElement(\"div\", { className: \"realtime-content-item-icon-name\" }, \"\\u4ECA\\u65E5\\u4EBA\\u6D41\\u91CF\\uFF08\\u4EBA\\u6B21\\uFF09\")),\n                React.createElement(\"div\", { className: \"realtime-content-item-main\" },\n                    React.createElement(\"div\", { className: \"realtime-content-item-main-item\" },\n                        React.createElement(\"div\", null, \"\\u5168\\u90E8\"),\n                        React.createElement(\"div\", null, \"0\")),\n                    React.createElement(\"div\", { className: \"realtime-content-item-main-line\" }),\n                    React.createElement(\"div\", { className: \"realtime-content-item-main-item\" },\n                        React.createElement(\"div\", null, \"\\u7537\"),\n                        React.createElement(\"div\", null, \"0\")),\n                    React.createElement(\"div\", { className: \"realtime-content-item-main-line\" }),\n                    React.createElement(\"div\", { className: \"realtime-content-item-main-item\" },\n                        React.createElement(\"div\", null, \"\\u5973\"),\n                        React.createElement(\"div\", null, \"0\")))))))));\n};\nexport default RealtimeInfo;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"RealtimeInfo.js","names":["_react","_interopRequireDefault","require","_moment","_antd","_vmSubTitle","_useSettings2","_api","_traffic","_stench","_temperature","_humidity","_water","_electric","_male","_female","_traffic_light","_stench_light","_temperature_light","_humidity_light","_water_light","_electric_light","_male_light","_female_light","e","__esModule","RealtimeInfo","props","id","_useSettings","useSettings","theme","_MoniotrService$useRe","MoniotrService","useRealtime","moment","format","realtimeList","img","light","PersonNum","PersonNumLight","OdorValue","OdorValueLight","temperature","temperatureLight","humidity","humidityLight","WaterUse","WaterUseLight","ElecUse","ElecUseLight","male","maleLight","female","femaleLight","dark","getRealtimeItem","code","_a","_b","_c","_d","_e","_f","_g","_h","_j","src","str","split","indexOf","React","createElement","className","SubTitle","title","Row","gutter","length","map","item","index","Col","xxl","xl","lg","md","key","concat","dataList","subItem","idx","Fragment","name","value","span","_default","exports"],"sources":["vtx-wr-modal/components/Monitor/RealtimeInfo.js"],"sourcesContent":["/**\n * 公厕-监测信息-实时信息\n */\nimport React from 'react';\nimport moment from 'moment';\nimport { Row, Col } from 'antd';\nimport SubTitle from '../../../vm-sub-title';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport { MoniotrService } from '../../api';\nimport PersonNum from '../../imgs/traffic.png';\nimport OdorValue from '../../imgs/stench.png';\nimport temperature from '../../imgs/temperature.png';\nimport humidity from '../../imgs/humidity.png';\nimport WaterUse from '../../imgs/water.png';\nimport ElecUse from '../../imgs/electric.png';\nimport male from '../../imgs/male.png';\nimport female from '../../imgs/female.png';\nimport PersonNumLight from '../../imgs/traffic_light.png';\nimport OdorValueLight from '../../imgs/stench_light.png';\nimport temperatureLight from '../../imgs/temperature_light.png';\nimport humidityLight from '../../imgs/humidity_light.png';\nimport WaterUseLight from '../../imgs/water_light.png';\nimport ElecUseLight from '../../imgs/electric_light.png';\nimport maleLight from '../../imgs/male_light.png';\nimport femaleLight from '../../imgs/female_light.png';\nconst RealtimeInfo = props => {\n    const { id } = props;\n    const { theme } = useSettings();\n    const { realtimeList } = MoniotrService.useRealtime(id, moment().format('YYYY-MM-DD'));\n    const img = {\n        light: {\n            PersonNum: PersonNumLight,\n            OdorValue: OdorValueLight,\n            temperature: temperatureLight,\n            humidity: humidityLight,\n            WaterUse: WaterUseLight,\n            ElecUse: ElecUseLight,\n            male: maleLight,\n            female: femaleLight,\n        },\n        dark: {\n            PersonNum,\n            OdorValue,\n            temperature,\n            humidity,\n            WaterUse,\n            ElecUse,\n            male,\n            female,\n        },\n    };\n    const getRealtimeItem = (code) => {\n        var _a, _b, _c, _d, _e, _f, _g, _h, _j;\n        let src = '';\n        const str = code.split('_')[0];\n        if (theme) {\n            if (code.indexOf('_') < 0) {\n                return (_a = img[theme]) === null || _a === void 0 ? void 0 : _a['PersonNum'];\n            }\n            switch (str) {\n                case 'PersonNum':\n                    src = (_b = img[theme]) === null || _b === void 0 ? void 0 : _b['PersonNum'];\n                    break;\n                case 'OdorValue':\n                    src = (_c = img[theme]) === null || _c === void 0 ? void 0 : _c['OdorValue'];\n                    break;\n                case 'temperature':\n                    src = (_d = img[theme]) === null || _d === void 0 ? void 0 : _d['temperature'];\n                    break;\n                case 'humidity':\n                    src = (_e = img[theme]) === null || _e === void 0 ? void 0 : _e['humidity'];\n                    break;\n                case 'WaterUse':\n                    src = (_f = img[theme]) === null || _f === void 0 ? void 0 : _f['WaterUse'];\n                    break;\n                case 'ElecUse':\n                    src = (_g = img[theme]) === null || _g === void 0 ? void 0 : _g['ElecUse'];\n                    break;\n                case 'SeatNum':\n                    if (code.indexOf('female') > -1) {\n                        src = (_h = img[theme]) === null || _h === void 0 ? void 0 : _h['female'];\n                    }\n                    else {\n                        src = (_j = img[theme]) === null || _j === void 0 ? void 0 : _j['male'];\n                    }\n                    break;\n                default:\n                    break;\n            }\n        }\n        return src;\n    };\n    return (React.createElement(\"div\", { className: \"wr-monitor-realtime\" },\n        React.createElement(\"div\", { className: \"realtime-head\" },\n            React.createElement(\"div\", { className: \"realtime-head-title\" },\n                React.createElement(SubTitle, { title: \"\\u5B9E\\u65F6\\u4FE1\\u606F\" }),\n                React.createElement(\"div\", { className: \"realtime-head-time\" },\n                    \"\\u66F4\\u65B0\\u65F6\\u95F4\\uFF1A\",\n                    moment().format('YYYY-MM-DD HH:mm:ss')))),\n        React.createElement(\"div\", { className: \"realtime-content\" },\n            React.createElement(Row, { gutter: [36, 20] }, (realtimeList === null || realtimeList === void 0 ? void 0 : realtimeList.length) > 0 ? (realtimeList.map((item, index) => (React.createElement(Col, { xxl: 6, xl: 6, lg: 8, md: 12, className: \"realtime-content-item\", key: index },\n                React.createElement(\"div\", { className: \"realtime-content-item-icon\" },\n                    React.createElement(\"img\", { src: getRealtimeItem(item.code) }),\n                    React.createElement(\"div\", { className: \"realtime-content-item-icon-name\" }, item.title)),\n                React.createElement(\"div\", { className: `realtime-content-item-main ${theme}` }, item.dataList.map((subItem, idx) => (React.createElement(React.Fragment, null,\n                    React.createElement(\"div\", { className: \"realtime-content-item-main-item\", key: idx },\n                        React.createElement(\"div\", null, subItem.name),\n                        React.createElement(\"div\", null, subItem.value)),\n                    idx < item.dataList.length - 1 && (React.createElement(\"div\", { className: \"realtime-content-item-main-line\" })))))))))) : (React.createElement(Col, { span: 24, className: \"realtime-content-item\" },\n                React.createElement(\"div\", { className: \"realtime-content-item-icon\" },\n                    React.createElement(\"img\", { src: PersonNum }),\n                    React.createElement(\"div\", { className: \"realtime-content-item-icon-name\" }, \"\\u4ECA\\u65E5\\u4EBA\\u6D41\\u91CF\\uFF08\\u4EBA\\u6B21\\uFF09\")),\n                React.createElement(\"div\", { className: \"realtime-content-item-main\" },\n                    React.createElement(\"div\", { className: \"realtime-content-item-main-item\" },\n                        React.createElement(\"div\", null, \"\\u5168\\u90E8\"),\n                        React.createElement(\"div\", null, \"0\")),\n                    React.createElement(\"div\", { className: \"realtime-content-item-main-line\" }),\n                    React.createElement(\"div\", { className: \"realtime-content-item-main-item\" },\n                        React.createElement(\"div\", null, \"\\u7537\"),\n                        React.createElement(\"div\", null, \"0\")),\n                    React.createElement(\"div\", { className: \"realtime-content-item-main-line\" }),\n                    React.createElement(\"div\", { className: \"realtime-content-item-main-item\" },\n                        React.createElement(\"div\", null, \"\\u5973\"),\n                        React.createElement(\"div\", null, \"0\")))))))));\n};\nexport default RealtimeInfo;\n"],"mappings":"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","ignoreList":[]}

package/lib/vtx-wr-modal/components/Monitor/index.css

@@ -4,6 +4,7 @@
 .wr-monitor-realtime {
   padding: 14px 20px 0 20px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
   margin-bottom: 6px;
 }
 .wr-monitor-realtime .realtime-head {
@@ -90,6 +91,7 @@
 .wr-monitor-trend {
   padding: 14px 20px;
   background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }
 .wr-monitor-trend-head {
   display: -webkit-box;

package/lib/vtx-wr-modal/components/Monitor/index.less

@@ -3,6 +3,8 @@
     &-realtime {
         padding: 14px 20px 0 20px;
         background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
         margin-bottom: 6px;
         .realtime-head {
             display: flex;
@@ -69,6 +71,8 @@
     &-trend {
         padding: 14px 20px;
         background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
         &-head {
             display: flex;
             justify-content: space-between;