@vtx/modals2 2.5.0

package/lib/vtx-cp-modal/components/ExeceptionInfo/index.css

@@ -0,0 +1,116 @@
+.cp-exeception {
+  margin: 6px;
+  width: 100%;
+}
+.cp-exeception .exeception-summary {
+  padding: 14px 20px;
+  background-color: var(--bg-color2);
+}
+.cp-exeception .exeception-summary-time {
+  margin: 24px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.cp-exeception .exeception-summary-time img {
+  width: 46px;
+  height: 46px;
+  margin-right: 19px;
+}
+.cp-exeception .exeception-summary-time-name {
+  font-size: 12px;
+  color: var(--title-color);
+}
+.cp-exeception .exeception-summary-time-value {
+  color: var(--title-color);
+  font-size: 12px;
+}
+.cp-exeception .exeception-summary-time-value span {
+  font-size: 20px;
+  line-height: 25px;
+}
+.cp-exeception .exeception-summary-time-value-compare {
+  display: inline-block;
+  margin-left: 36px;
+}
+.cp-exeception .exeception-summary .triangle-up {
+  width: 12px;
+  height: 8px;
+  position: relative;
+  overflow: hidden;
+  display: inline-block;
+  margin-left: 4px;
+}
+.cp-exeception .exeception-summary .triangle-up::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #f65861;
+  -webkit-transform-origin: left bottom;
+      -ms-transform-origin: left bottom;
+          transform-origin: left bottom;
+  -webkit-transform: rotate(45deg);
+      -ms-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+.cp-exeception .exeception-summary .triangle-down {
+  width: 12px;
+  height: 8px;
+  position: relative;
+  overflow: hidden;
+  display: inline-block;
+  margin-left: 4px;
+  margin-bottom: -2px;
+}
+.cp-exeception .exeception-summary .triangle-down::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #41ffb4;
+  -webkit-transform-origin: right top;
+      -ms-transform-origin: right top;
+          transform-origin: right top;
+  -webkit-transform: rotate(45deg);
+      -ms-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+.cp-exeception .exeception-trend {
+  height: 358px;
+  padding: 14px 20px;
+  background-color: var(--bg-color2);
+}
+.cp-exeception .exeception-record {
+  padding: 14px 20px;
+  background-color: var(--bg-color2);
+  min-height: 180px;
+}
+.cp-exeception .exeception-record-head {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.cp-exeception .exeception-record-table {
+  margin-top: 14px;
+  height: 200px;
+}
+.cp-exeception .exeception-record .execeptionLevel img {
+  margin-top: -2px;
+}

package/lib/vtx-cp-modal/components/ExeceptionInfo/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
+var _Summary = _interopRequireDefault(require("./Summary"));
+var _MonthTrend = _interopRequireDefault(require("./MonthTrend"));
+var _ExeceptionRecord = _interopRequireDefault(require("./ExeceptionRecord"));
+require("./index.less");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 收集点-异常信息
+ */
+
+var ExeceptionInfo = function ExeceptionInfo(props) {
+  var id = props.id;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "cp-exeception"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    gutter: [10, 10]
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 10,
+    xl: 11,
+    lg: 12,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement(_Summary["default"], {
+    id: id
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    xxl: 14,
+    xl: 13,
+    lg: 12,
+    md: 24
+  }, /*#__PURE__*/_react["default"].createElement(_MonthTrend["default"], {
+    id: id
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 24
+  }, /*#__PURE__*/_react["default"].createElement(_ExeceptionRecord["default"], {
+    id: id
+  }))));
+};
+var _default = ExeceptionInfo;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vtx-cp-modal/components/ExeceptionInfo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_antd","_Summary","_MonthTrend","_ExeceptionRecord","obj","__esModule","ExeceptionInfo","props","id","React","createElement","className","Row","gutter","Col","xxl","xl","lg","md","Summary","MonthTrend","span","Record","_default","exports"],"sources":["vtx-cp-modal/components/ExeceptionInfo/index.js"],"sourcesContent":["/**\n * 收集点-异常信息\n */\nimport React from 'react';\nimport { Row, Col } from 'antd';\nimport Summary from './Summary';\nimport MonthTrend from './MonthTrend';\nimport Record from './ExeceptionRecord';\nimport './index.less';\nconst ExeceptionInfo = props => {\n    const { id } = props;\n    return (React.createElement(\"div\", { className: \"cp-exeception\" },\n        React.createElement(Row, { gutter: [10, 10] },\n            React.createElement(Col, { xxl: 10, xl: 11, lg: 12, md: 24 },\n                React.createElement(Summary, { id: id })),\n            React.createElement(Col, { xxl: 14, xl: 13, lg: 12, md: 24 },\n                React.createElement(MonthTrend, { id: id })),\n            React.createElement(Col, { span: 24 },\n                React.createElement(Record, { id: id })))));\n};\nexport default ExeceptionInfo;\n"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,iBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAAsB,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AARtB;AACA;AACA;;AAOA,IAAME,cAAc,GAAG,SAAjBA,cAAcA,CAAGC,KAAK,EAAI;EAC5B,IAAQC,EAAE,GAAKD,KAAK,CAAZC,EAAE;EACV,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAgB,CAAC,eAC7DF,iBAAK,CAACC,aAAa,CAACE,SAAG,EAAE;IAAEC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE;EAAE,CAAC,eACzCJ,iBAAK,CAACC,aAAa,CAACI,SAAG,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE;EAAG,CAAC,eACxDT,iBAAK,CAACC,aAAa,CAACS,mBAAO,EAAE;IAAEX,EAAE,EAAEA;EAAG,CAAC,CAAC,CAAC,eAC7CC,iBAAK,CAACC,aAAa,CAACI,SAAG,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE;EAAG,CAAC,eACxDT,iBAAK,CAACC,aAAa,CAACU,sBAAU,EAAE;IAAEZ,EAAE,EAAEA;EAAG,CAAC,CAAC,CAAC,eAChDC,iBAAK,CAACC,aAAa,CAACI,SAAG,EAAE;IAAEO,IAAI,EAAE;EAAG,CAAC,eACjCZ,iBAAK,CAACC,aAAa,CAACY,4BAAM,EAAE;IAAEd,EAAE,EAAEA;EAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1D,CAAC;AAAC,IAAAe,QAAA,GACajB,cAAc;AAAAkB,OAAA,cAAAD,QAAA"}

package/lib/vtx-cp-modal/components/ExeceptionInfo/index.less

@@ -0,0 +1,105 @@
+.cp-exeception {
+    margin: 6px;
+    width: 100%;
+
+    .exeception-summary {
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+
+        &-time {
+            margin: 24px;
+            display: flex;
+            justify-content: start;
+            align-items: center;
+            img {
+                width: 46px;
+                height: 46px;
+                margin-right: 19px;
+            }
+            &-name {
+                font-size: 12px;
+                color: var(--title-color);
+            }
+            &-value {
+                color: var(--title-color);
+                font-size: 12px;
+                span {
+                    font-size: 20px;
+                    line-height: 25px;
+                }
+                &-compare {
+                    display: inline-block;
+                    margin-left: 36px;
+                }
+            }
+        }
+        .triangle-up {
+            width: 12px;
+            height: 8px;
+            position: relative;
+            overflow: hidden;
+            display: inline-block;
+            margin-left: 4px;
+            &::before {
+                content: '';
+                position: absolute;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: #f65861;
+                transform-origin: left bottom;
+                transform: rotate(45deg);
+            }
+        }
+        .triangle-down {
+            width: 12px;
+            height: 8px;
+            position: relative;
+            overflow: hidden;
+            display: inline-block;
+            margin-left: 4px;
+            margin-bottom: -2px;
+            &::before {
+                content: '';
+                position: absolute;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: #41ffb4;
+                transform-origin: right top;
+                transform: rotate(45deg);
+            }
+        }
+    }
+
+    .exeception-trend {
+        height: 358px;
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+    }
+
+    .exeception-record {
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+        min-height: 180px;
+
+        &-head {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        &-table {
+            margin-top: 14px;
+            height: 200px;
+        }
+
+        .execeptionLevel {
+            img {
+                margin-top: -2px;
+            }
+        }
+    }
+}

package/lib/vtx-cp-modal/components/SyInfo/Ljcsl.js

@@ -0,0 +1,128 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var echarts = _interopRequireWildcard(require("echarts"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 计量信息-图表-进场趋势分析
+ */
+
+var Ljcsl = function Ljcsl(props) {
+  var _a;
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartFontColor = _useSettings.chartFontColor;
+  if (!(props === null || props === void 0 ? void 0 : props.data)) {
+    return /*#__PURE__*/_react["default"].createElement("div", null);
+  }
+  var _props$data = props.data,
+    names = _props$data.names,
+    values = _props$data.values;
+  var option = {
+    color: ['#00FFE7'],
+    tooltip: {
+      trigger: 'axis'
+    },
+    legend: {
+      itemWith: 6,
+      itemHeight: 6,
+      textStyle: {
+        color: chartFontColor,
+        fontSize: 12
+      },
+      data: ['日产生量']
+    },
+    grid: {
+      left: '8%',
+      right: '6%',
+      top: 28,
+      bottom: 20
+    },
+    xAxis: {
+      type: 'category',
+      boundaryGap: true,
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: chartFontColor
+      },
+      data: names
+    },
+    yAxis: {
+      type: 'value',
+      name: 'kg',
+      min: 0,
+      nameTextStyle: {
+        color: chartFontColor
+      },
+      splitNumber: 5,
+      axisLabel: {
+        color: chartFontColor
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(151,151,151,0.28)'
+        }
+      }
+    },
+    series: [{
+      name: '日产生量',
+      type: 'line',
+      data: (values === null || values === void 0 ? void 0 : values.length) > 0 ? values[0] : [],
+      areaStyle: {
+        color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
+          offset: 0,
+          color: 'rgba(0, 0, 0, 0.5)'
+        }, {
+          offset: 1,
+          color: '#00FFE7'
+        }])
+      },
+      markLine: {
+        data: [{
+          type: 'average',
+          name: '平均产生量'
+        }],
+        label: {
+          show: true,
+          position: 'insideEndTop',
+          formatter: '{b}: {c}',
+          color: chartFontColor,
+          fontWeight: 'normal'
+        },
+        lineStyle: {
+          color: '#FFE25D'
+        }
+      }
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (values === null || values === void 0 ? void 0 : values.length) > 0 && ((_a = values[0]) === null || _a === void 0 ? void 0 : _a.length) > 0 ? /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '150px',
+      width: '100%'
+    }
+  }) : /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], {
+    style: {
+      height: '150px',
+      marginLeft: '50%',
+      transform: 'translateX(-50%)'
+    }
+  }));
+};
+var _default = Ljcsl;
+exports["default"] = _default;
+//# sourceMappingURL=Ljcsl.js.map

package/lib/vtx-cp-modal/components/SyInfo/Ljcsl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ljcsl.js","names":["_react","_interopRequireDefault","require","echarts","_interopRequireWildcard","_echartsForReact","_useSettings2","_vmNodata","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Ljcsl","props","_a","_useSettings","useSettings","chartFontColor","data","React","createElement","_props$data","names","values","option","color","tooltip","trigger","legend","itemWith","itemHeight","textStyle","fontSize","grid","left","right","top","bottom","xAxis","type","boundaryGap","axisTick","show","axisLabel","yAxis","name","min","nameTextStyle","splitNumber","splitLine","lineStyle","series","length","areaStyle","graphic","LinearGradient","offset","markLine","label","position","formatter","fontWeight","Fragment","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData","marginLeft","transform","_default","exports"],"sources":["vtx-cp-modal/components/SyInfo/Ljcsl.js"],"sourcesContent":["/**\n * 计量信息-图表-进场趋势分析\n */\nimport React from 'react';\nimport * as echarts from 'echarts';\nimport ReactEcharts from 'echarts-for-react';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport NoData from '../../../vm-nodata';\nconst Ljcsl = (props) => {\n    var _a;\n    const { chartFontColor } = useSettings();\n    if (!(props === null || props === void 0 ? void 0 : props.data)) {\n        return React.createElement(\"div\", null);\n    }\n    const { names, values } = props.data;\n    const option = {\n        color: ['#00FFE7'],\n        tooltip: {\n            trigger: 'axis',\n        },\n        legend: {\n            itemWith: 6,\n            itemHeight: 6,\n            textStyle: {\n                color: chartFontColor,\n                fontSize: 12,\n            },\n            data: ['日产生量'],\n        },\n        grid: {\n            left: '8%',\n            right: '6%',\n            top: 28,\n            bottom: 20,\n        },\n        xAxis: {\n            type: 'category',\n            boundaryGap: true,\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: chartFontColor,\n            },\n            data: names,\n        },\n        yAxis: {\n            type: 'value',\n            name: 'kg',\n            min: 0,\n            nameTextStyle: {\n                color: chartFontColor,\n            },\n            splitNumber: 5,\n            axisLabel: {\n                color: chartFontColor,\n            },\n            splitLine: {\n                lineStyle: {\n                    type: 'dashed',\n                    color: 'rgba(151,151,151,0.28)',\n                },\n            },\n        },\n        series: [\n            {\n                name: '日产生量',\n                type: 'line',\n                data: (values === null || values === void 0 ? void 0 : values.length) > 0 ? values[0] : [],\n                areaStyle: {\n                    color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [\n                        {\n                            offset: 0,\n                            color: 'rgba(0, 0, 0, 0.5)',\n                        },\n                        {\n                            offset: 1,\n                            color: '#00FFE7',\n                        },\n                    ]),\n                },\n                markLine: {\n                    data: [{ type: 'average', name: '平均产生量' }],\n                    label: {\n                        show: true,\n                        position: 'insideEndTop',\n                        formatter: '{b}: {c}',\n                        color: chartFontColor,\n                        fontWeight: 'normal',\n                    },\n                    lineStyle: {\n                        color: '#FFE25D',\n                    },\n                },\n            },\n        ],\n    };\n    return (React.createElement(React.Fragment, null, (values === null || values === void 0 ? void 0 : values.length) > 0 && ((_a = values[0]) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '150px', width: '100%' } })) : (React.createElement(NoData, { style: { height: '150px', marginLeft: '50%', transform: 'translateX(-50%)' } }))));\n};\nexport default Ljcsl;\n"],"mappings":"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"}

package/lib/vtx-cp-modal/components/SyInfo/index.css

@@ -0,0 +1,40 @@
+.cp-syinfo {
+  padding: 6px 10px;
+}
+.cp-syinfo-head {
+  padding: 8px 20px;
+  background-color: var(--bg-color2);
+}
+.cp-syinfo-base {
+  margin-top: 10px;
+}
+.cp-syinfo-base-noweight {
+  padding: 12px 20px;
+  margin-top: 10px;
+  background-color: var(--bg-color2);
+}
+.cp-syinfo-base-weight {
+  height: 200px;
+  background-color: var(--bg-color2);
+  padding-left: 20px;
+  padding-top: 12px;
+}
+.cp-syinfo-base-weight-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+}
+.cp-syinfo-base-chart {
+  height: 200px;
+  padding-left: 20px;
+  padding-top: 12px;
+  background-color: var(--bg-color2);
+}
+.cp-syinfo-table {
+  padding: 20px;
+  margin-top: 10px;
+  height: 400px;
+  background-color: var(--bg-color2);
+}