@vtx/modals2 2.16.3 → 2.16.5

package/lib/vtx-jzlj-car-modal/components/Collection/Chart.js

@@ -0,0 +1,189 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Chart;
+var _react = _interopRequireDefault(require("react"));
+var echarts = _interopRequireWildcard(require("echarts"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _api = require("../../api");
+var _moment = _interopRequireDefault(require("moment"));
+var _lodash = require("lodash");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function Chart(_ref) {
+  var _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? 'light' : _ref$theme,
+    _ref$id = _ref.id,
+    id = _ref$id === void 0 ? '' : _ref$id,
+    _ref$stepThreeOperate = _ref.stepThreeOperateTimeLeft,
+    stepThreeOperateTimeLeft = _ref$stepThreeOperate === void 0 ? (0, _moment["default"])().subtract(6, 'days') : _ref$stepThreeOperate,
+    _ref$stepThreeOperate2 = _ref.stepThreeOperateTimeRight,
+    stepThreeOperateTimeRight = _ref$stepThreeOperate2 === void 0 ? (0, _moment["default"])() : _ref$stepThreeOperate2;
+  var textColor = ['dark', 'blue'].includes(theme) ? '#fff' : '#000';
+  var _BaseService$useYxfx = _api.BaseService.useYxfx(id, stepThreeOperateTimeLeft === null || stepThreeOperateTimeLeft === void 0 ? void 0 : stepThreeOperateTimeLeft.format('YYYY-MM-DD'), stepThreeOperateTimeRight === null || stepThreeOperateTimeRight === void 0 ? void 0 : stepThreeOperateTimeRight.format('YYYY-MM-DD')),
+    _BaseService$useYxfx$ = _BaseService$useYxfx.yxfxData,
+    yxfxData = _BaseService$useYxfx$ === void 0 ? [] : _BaseService$useYxfx$;
+  var xAxisData = yxfxData.map(function (item) {
+    return item.date;
+  });
+  var ylData = yxfxData.map(function (item) {
+    return item.weight;
+  });
+  var ylDataAvg = (ylData === null || ylData === void 0 ? void 0 : ylData.length) ? (0, _lodash.mean)(ylData).toFixed(2) : '0';
+  var ccData = yxfxData.map(function (item) {
+    return item.count;
+  });
+  var ccDataAvg = (ccData === null || ccData === void 0 ? void 0 : ccData.length) ? (0, _lodash.mean)(ccData).toFixed(2) : '0';
+  var option = {
+    tooltip: {
+      trigger: 'axis',
+      formatter: function formatter(params) {
+        var _a;
+        var str = "<div style=\"text-align:left\">".concat((_a = params === null || params === void 0 ? void 0 : params[0]) === null || _a === void 0 ? void 0 : _a.axisValue, "</div >");
+        params.map(function (item) {
+          str += '<div>';
+          str += item.marker;
+          str += "".concat(item.seriesName, "\uFF1A").concat(item.data).concat(item.seriesName === '车次' ? '次' : '吨');
+          str += '</div>';
+        });
+        return str;
+      }
+    },
+    grid: {
+      left: '6%',
+      right: '5%',
+      bottom: 20
+    },
+    legend: [{
+      align: 'left',
+      itemHeight: 8,
+      itemWidth: 8,
+      icon: 'rect',
+      itemStyle: {
+        color: '#1C86F3'
+      },
+      textStyle: {
+        color: textColor
+      },
+      data: ['运量'],
+      left: '40%'
+    }, {
+      align: 'left',
+      itemHeight: 2,
+      itemWidth: 16,
+      icon: 'rect',
+      itemStyle: {
+        color: '#1FB64D'
+      },
+      textStyle: {
+        color: textColor
+      },
+      data: ['车次'],
+      left: '60%'
+    }],
+    xAxis: [{
+      type: 'category',
+      data: xAxisData,
+      axisPointer: {
+        type: 'shadow'
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: textColor
+      }
+    }],
+    yAxis: [{
+      show: true,
+      type: 'value',
+      name: '车次(次)',
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(151,151,151,0.28)'
+        }
+      }
+    }, {
+      type: 'value',
+      name: '运量(吨)',
+      min: 0,
+      interval: 100,
+      nameTextStyle: {
+        color: textColor
+      },
+      splitNumber: 5,
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: textColor
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(151,151,151,0.28)'
+        }
+      }
+    }],
+    series: [{
+      name: '运量',
+      type: 'bar',
+      barWidth: 18,
+      yAxisIndex: 1,
+      data: ylData,
+      itemStyle: {
+        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+          offset: 0,
+          color: '#1C86F3'
+        }, {
+          offset: 1,
+          color: 'rgba(28, 134, 243, 0)'
+        }])
+      }
+    }, {
+      name: '车次',
+      type: 'line',
+      yAxisIndex: 0,
+      data: ccData,
+      showSymbol: false,
+      itemStyle: {
+        color: '#1FB64D'
+      }
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "yxfx-top"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "pjryl"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "name"
+  }, "\u5E73\u5747\u65E5\u8FD0\u91CF"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "num"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, ylDataAvg), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "unit"
+  }, "\u5428"))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "pjrcc"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "name"
+  }, "\u5E73\u5747\u65E5\u8F66\u6B21"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "num",
+    style: {
+      color: '#20BB70'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("span", null, ccDataAvg), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "unit"
+  }, "\u6B21")))), /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '300px',
+      width: '100%'
+    }
+  }));
+}
+//# sourceMappingURL=Chart.js.map

package/lib/vtx-jzlj-car-modal/components/Collection/Chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.js","names":["_react","_interopRequireDefault","require","echarts","_interopRequireWildcard","_echartsForReact","_api","_moment","_lodash","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Chart","_ref","_ref$theme","theme","_ref$id","id","_ref$stepThreeOperate","stepThreeOperateTimeLeft","moment","subtract","_ref$stepThreeOperate2","stepThreeOperateTimeRight","textColor","includes","_BaseService$useYxfx","BaseService","useYxfx","format","_BaseService$useYxfx$","yxfxData","xAxisData","map","item","date","ylData","weight","ylDataAvg","length","mean","toFixed","ccData","count","ccDataAvg","option","tooltip","trigger","formatter","params","_a","str","concat","axisValue","marker","seriesName","data","grid","left","right","bottom","legend","align","itemHeight","itemWidth","icon","itemStyle","color","textStyle","xAxis","type","axisPointer","axisTick","show","axisLabel","yAxis","name","splitLine","lineStyle","min","interval","nameTextStyle","splitNumber","series","barWidth","yAxisIndex","graphic","LinearGradient","offset","showSymbol","React","createElement","Fragment","className","style","ReactEcharts","notMerge","lazyUpdate","height","width"],"sources":["vtx-jzlj-car-modal/components/Collection/Chart.js"],"sourcesContent":["import React from 'react';\nimport * as echarts from 'echarts';\nimport ReactEcharts from 'echarts-for-react';\nimport { BaseService } from '../../api';\nimport moment from 'moment';\nimport { mean } from 'lodash';\nexport default function Chart({ theme = 'light', id = '', stepThreeOperateTimeLeft = moment().subtract(6, 'days'), stepThreeOperateTimeRight = moment(), }) {\n    const textColor = ['dark', 'blue'].includes(theme) ? '#fff' : '#000';\n    const { yxfxData = [] } = BaseService.useYxfx(id, stepThreeOperateTimeLeft === null || stepThreeOperateTimeLeft === void 0 ? void 0 : stepThreeOperateTimeLeft.format('YYYY-MM-DD'), stepThreeOperateTimeRight === null || stepThreeOperateTimeRight === void 0 ? void 0 : stepThreeOperateTimeRight.format('YYYY-MM-DD'));\n    const xAxisData = yxfxData.map((item) => item.date);\n    const ylData = yxfxData.map((item) => item.weight);\n    const ylDataAvg = (ylData === null || ylData === void 0 ? void 0 : ylData.length) ? mean(ylData).toFixed(2) : '0';\n    const ccData = yxfxData.map((item) => item.count);\n    const ccDataAvg = (ccData === null || ccData === void 0 ? void 0 : ccData.length) ? mean(ccData).toFixed(2) : '0';\n    let option = {\n        tooltip: {\n            trigger: 'axis',\n            formatter: function (params) {\n                var _a;\n                let str = `<div style=\"text-align:left\">${(_a = params === null || params === void 0 ? void 0 : params[0]) === null || _a === void 0 ? void 0 : _a.axisValue}</div >`;\n                params.map((item) => {\n                    str += '<div>';\n                    str += item.marker;\n                    str += `${item.seriesName}：${item.data}${item.seriesName === '车次' ? '次' : '吨'}`;\n                    str += '</div>';\n                });\n                return str;\n            },\n        },\n        grid: {\n            left: '6%',\n            right: '5%',\n            bottom: 20,\n        },\n        legend: [\n            {\n                align: 'left',\n                itemHeight: 8,\n                itemWidth: 8,\n                icon: 'rect',\n                itemStyle: {\n                    color: '#1C86F3',\n                },\n                textStyle: {\n                    color: textColor,\n                },\n                data: ['运量'],\n                left: '40%',\n            },\n            {\n                align: 'left',\n                itemHeight: 2,\n                itemWidth: 16,\n                icon: 'rect',\n                itemStyle: {\n                    color: '#1FB64D',\n                },\n                textStyle: {\n                    color: textColor,\n                },\n                data: ['车次'],\n                left: '60%',\n            },\n        ],\n        xAxis: [\n            {\n                type: 'category',\n                data: xAxisData,\n                axisPointer: {\n                    type: 'shadow',\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: textColor,\n                },\n            },\n        ],\n        yAxis: [\n            {\n                show: true,\n                type: 'value',\n                name: '车次(次)',\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n            {\n                type: 'value',\n                name: '运量(吨)',\n                min: 0,\n                interval: 100,\n                nameTextStyle: {\n                    color: textColor,\n                },\n                splitNumber: 5,\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: textColor,\n                },\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n        ],\n        series: [\n            {\n                name: '运量',\n                type: 'bar',\n                barWidth: 18,\n                yAxisIndex: 1,\n                data: ylData,\n                itemStyle: {\n                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\n                        {\n                            offset: 0,\n                            color: '#1C86F3',\n                        },\n                        {\n                            offset: 1,\n                            color: 'rgba(28, 134, 243, 0)',\n                        },\n                    ]),\n                },\n            },\n            {\n                name: '车次',\n                type: 'line',\n                yAxisIndex: 0,\n                data: ccData,\n                showSymbol: false,\n                itemStyle: {\n                    color: '#1FB64D',\n                },\n            },\n        ],\n    };\n    return (React.createElement(React.Fragment, null,\n        React.createElement(\"div\", { className: \"yxfx-top\" },\n            React.createElement(\"div\", { className: \"pjryl\" },\n                React.createElement(\"div\", { className: \"name\" }, \"\\u5E73\\u5747\\u65E5\\u8FD0\\u91CF\"),\n                React.createElement(\"div\", { className: \"num\" },\n                    React.createElement(\"span\", null, ylDataAvg),\n                    React.createElement(\"span\", { className: \"unit\" }, \"\\u5428\"))),\n            React.createElement(\"div\", { className: \"pjrcc\" },\n                React.createElement(\"div\", { className: \"name\" }, \"\\u5E73\\u5747\\u65E5\\u8F66\\u6B21\"),\n                React.createElement(\"div\", { className: \"num\", style: { color: '#20BB70' } },\n                    React.createElement(\"span\", null, ccDataAvg),\n                    React.createElement(\"span\", { className: \"unit\" }, \"\\u6B21\")))),\n        React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '300px', width: '100%' } })));\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAA8B,SAAAE,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,wBAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAT,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,gBAAAA,CAAA;AACf,SAASoB,KAAKA,CAAAC,IAAA,EAA+H;EAAA,IAAAC,UAAA,GAAAD,IAAA,CAA5HE,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,OAAO,GAAAA,UAAA;IAAAE,OAAA,GAAAH,IAAA,CAAEI,EAAE;IAAFA,EAAE,GAAAD,OAAA,cAAG,EAAE,GAAAA,OAAA;IAAAE,qBAAA,GAAAL,IAAA,CAAEM,wBAAwB;IAAxBA,wBAAwB,GAAAD,qBAAA,cAAG,IAAAE,kBAAM,EAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,GAAAH,qBAAA;IAAAI,sBAAA,GAAAT,IAAA,CAAEU,yBAAyB;IAAzBA,yBAAyB,GAAAD,sBAAA,cAAG,IAAAF,kBAAM,EAAC,CAAC,GAAAE,sBAAA;EACnJ,IAAME,SAAS,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAACC,QAAQ,CAACV,KAAK,CAAC,GAAG,MAAM,GAAG,MAAM;EACpE,IAAAW,oBAAA,GAA0BC,gBAAW,CAACC,OAAO,CAACX,EAAE,EAAEE,wBAAwB,KAAK,IAAI,IAAIA,wBAAwB,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,wBAAwB,CAACU,MAAM,CAAC,YAAY,CAAC,EAAEN,yBAAyB,KAAK,IAAI,IAAIA,yBAAyB,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,yBAAyB,CAACM,MAAM,CAAC,YAAY,CAAC,CAAC;IAAAC,qBAAA,GAAAJ,oBAAA,CAAlTK,QAAQ;IAARA,QAAQ,GAAAD,qBAAA,cAAG,EAAE,GAAAA,qBAAA;EACrB,IAAME,SAAS,GAAGD,QAAQ,CAACE,GAAG,CAAC,UAACC,IAAI;IAAA,OAAKA,IAAI,CAACC,IAAI;EAAA,EAAC;EACnD,IAAMC,MAAM,GAAGL,QAAQ,CAACE,GAAG,CAAC,UAACC,IAAI;IAAA,OAAKA,IAAI,CAACG,MAAM;EAAA,EAAC;EAClD,IAAMC,SAAS,GAAG,CAACF,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,MAAM,CAACG,MAAM,IAAI,IAAAC,YAAI,EAACJ,MAAM,CAAC,CAACK,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG;EACjH,IAAMC,MAAM,GAAGX,QAAQ,CAACE,GAAG,CAAC,UAACC,IAAI;IAAA,OAAKA,IAAI,CAACS,KAAK;EAAA,EAAC;EACjD,IAAMC,SAAS,GAAG,CAACF,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,MAAM,CAACH,MAAM,IAAI,IAAAC,YAAI,EAACE,MAAM,CAAC,CAACD,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG;EACjH,IAAII,MAAM,GAAG;IACTC,OAAO,EAAE;MACLC,OAAO,EAAE,MAAM;MACfC,SAAS,EAAE,SAAXA,SAASA,CAAYC,MAAM,EAAE;QACzB,IAAIC,EAAE;QACN,IAAIC,GAAG,qCAAAC,MAAA,CAAmC,CAACF,EAAE,GAAGD,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,MAAM,CAAC,CAAC,CAAC,MAAM,IAAI,IAAIC,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACG,SAAS,YAAS;QACrKJ,MAAM,CAAChB,GAAG,CAAC,UAACC,IAAI,EAAK;UACjBiB,GAAG,IAAI,OAAO;UACdA,GAAG,IAAIjB,IAAI,CAACoB,MAAM;UAClBH,GAAG,OAAAC,MAAA,CAAOlB,IAAI,CAACqB,UAAU,YAAAH,MAAA,CAAIlB,IAAI,CAACsB,IAAI,EAAAJ,MAAA,CAAGlB,IAAI,CAACqB,UAAU,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG,CAAE;UAC/EJ,GAAG,IAAI,QAAQ;QACnB,CAAC,CAAC;QACF,OAAOA,GAAG;MACd;IACJ,CAAC;IACDM,IAAI,EAAE;MACFC,IAAI,EAAE,IAAI;MACVC,KAAK,EAAE,IAAI;MACXC,MAAM,EAAE;IACZ,CAAC;IACDC,MAAM,EAAE,CACJ;MACIC,KAAK,EAAE,MAAM;MACbC,UAAU,EAAE,CAAC;MACbC,SAAS,EAAE,CAAC;MACZC,IAAI,EAAE,MAAM;MACZC,SAAS,EAAE;QACPC,KAAK,EAAE;MACX,CAAC;MACDC,SAAS,EAAE;QACPD,KAAK,EAAE3C;MACX,CAAC;MACDgC,IAAI,EAAE,CAAC,IAAI,CAAC;MACZE,IAAI,EAAE;IACV,CAAC,EACD;MACII,KAAK,EAAE,MAAM;MACbC,UAAU,EAAE,CAAC;MACbC,SAAS,EAAE,EAAE;MACbC,IAAI,EAAE,MAAM;MACZC,SAAS,EAAE;QACPC,KAAK,EAAE;MACX,CAAC;MACDC,SAAS,EAAE;QACPD,KAAK,EAAE3C;MACX,CAAC;MACDgC,IAAI,EAAE,CAAC,IAAI,CAAC;MACZE,IAAI,EAAE;IACV,CAAC,CACJ;IACDW,KAAK,EAAE,CACH;MACIC,IAAI,EAAE,UAAU;MAChBd,IAAI,EAAExB,SAAS;MACfuC,WAAW,EAAE;QACTD,IAAI,EAAE;MACV,CAAC;MACDE,QAAQ,EAAE;QACNC,IAAI,EAAE;MACV,CAAC;MACDC,SAAS,EAAE;QACPP,KAAK,EAAE3C;MACX;IACJ,CAAC,CACJ;IACDmD,KAAK,EAAE,CACH;MACIF,IAAI,EAAE,IAAI;MACVH,IAAI,EAAE,OAAO;MACbM,IAAI,EAAE,OAAO;MACbC,SAAS,EAAE;QACPC,SAAS,EAAE;UACPR,IAAI,EAAE,QAAQ;UACdH,KAAK,EAAE;QACX;MACJ;IACJ,CAAC,EACD;MACIG,IAAI,EAAE,OAAO;MACbM,IAAI,EAAE,OAAO;MACbG,GAAG,EAAE,CAAC;MACNC,QAAQ,EAAE,GAAG;MACbC,aAAa,EAAE;QACXd,KAAK,EAAE3C;MACX,CAAC;MACD0D,WAAW,EAAE,CAAC;MACdV,QAAQ,EAAE;QACNC,IAAI,EAAE;MACV,CAAC;MACDC,SAAS,EAAE;QACPP,KAAK,EAAE3C;MACX,CAAC;MACDqD,SAAS,EAAE;QACPC,SAAS,EAAE;UACPR,IAAI,EAAE,QAAQ;UACdH,KAAK,EAAE;QACX;MACJ;IACJ,CAAC,CACJ;IACDgB,MAAM,EAAE,CACJ;MACIP,IAAI,EAAE,IAAI;MACVN,IAAI,EAAE,KAAK;MACXc,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,CAAC;MACb7B,IAAI,EAAEpB,MAAM;MACZ8B,SAAS,EAAE;QACPC,KAAK,EAAE,IAAIjF,OAAO,CAACoG,OAAO,CAACC,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAClD;UACIC,MAAM,EAAE,CAAC;UACTrB,KAAK,EAAE;QACX,CAAC,EACD;UACIqB,MAAM,EAAE,CAAC;UACTrB,KAAK,EAAE;QACX,CAAC,CACJ;MACL;IACJ,CAAC,EACD;MACIS,IAAI,EAAE,IAAI;MACVN,IAAI,EAAE,MAAM;MACZe,UAAU,EAAE,CAAC;MACb7B,IAAI,EAAEd,MAAM;MACZ+C,UAAU,EAAE,KAAK;MACjBvB,SAAS,EAAE;QACPC,KAAK,EAAE;MACX;IACJ,CAAC;EAET,CAAC;EACD,oBAAQuB,iBAAK,CAACC,aAAa,CAACD,iBAAK,CAACE,QAAQ,EAAE,IAAI,eAC5CF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEE,SAAS,EAAE;EAAW,CAAC,eAChDH,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEE,SAAS,EAAE;EAAQ,CAAC,eAC7CH,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEE,SAAS,EAAE;EAAO,CAAC,EAAE,gCAAgC,CAAC,eACnFH,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEE,SAAS,EAAE;EAAM,CAAC,eAC3CH,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAErD,SAAS,CAAC,eAC5CoD,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE;IAAEE,SAAS,EAAE;EAAO,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,eACtEH,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEE,SAAS,EAAE;EAAQ,CAAC,eAC7CH,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEE,SAAS,EAAE;EAAO,CAAC,EAAE,gCAAgC,CAAC,eACnFH,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEE,SAAS,EAAE,KAAK;IAAEC,KAAK,EAAE;MAAE3B,KAAK,EAAE;IAAU;EAAE,CAAC,eACxEuB,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE/C,SAAS,CAAC,eAC5C8C,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE;IAAEE,SAAS,EAAE;EAAO,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,eAC3EH,iBAAK,CAACC,aAAa,CAACI,2BAAY,EAAE;IAAElD,MAAM,EAAEA,MAAM;IAAEmD,QAAQ,EAAE,IAAI;IAAEC,UAAU,EAAE,IAAI;IAAEH,KAAK,EAAE;MAAEI,MAAM,EAAE,OAAO;MAAEC,KAAK,EAAE;IAAO;EAAE,CAAC,CAAC,CAAC;AAC3I","ignoreList":[]}

package/lib/vtx-jzlj-car-modal/components/Collection/index.css

@@ -0,0 +1,348 @@
+.vtx-business-modal-wrap {
+  --modal-content-bg: #f7f9fb;
+  --modal-border-color: #fff;
+  --head-bg: #fff;
+  --bg-color2: #fff;
+  --label-color: rgba(0, 0, 0, 0.65);
+  --base-label-color: #8C8C8C;
+  --table-head-bg: rgba(24, 144, 255, 0.1);
+  --title-color: #222;
+  --title-color2: #1677ff;
+  --tag-bg: rgba(22, 119, 255, 0.1);
+  --block-bg-color: rgba(0, 0, 0, 0.1);
+  --block-bg-color2: #1890ff;
+  --calendar-border: #ececec;
+  --calendar-thead-bg: #fff;
+  --calendar-bg: #fff;
+  --calendar-content-sigle-bg: #f3f5f8;
+  --info-danger: #fd3a15;
+  --info-warnning: #f7d93d;
+  --info-active: #222;
+  --info-active2: #52c41a;
+  --info-active3: #fff;
+  --bg-color: white;
+  --sub-bg-color: #f3f3f380;
+  --title-bg-color: white;
+  --title-border: 1px solid #dbdbdbff;
+  --title-border-color: rgba(187, 187, 187, 0.2);
+  --sub-title-color: #222;
+  --info-color: #222;
+  --border-color: '#DADADAFF';
+  --scroll-bar-bg: #c0c0c0;
+  --scroll-bar-hover-bg: #adadad;
+  --scroll-bar-track-bg: #fafafa;
+  --button-checked-color: #1890ff;
+  --button-color: #222;
+  --list-cell-active1: #222;
+  --list-cell-active2: #222;
+  --list-cell-active3: #222;
+  --calendar-date-today-bg-color: #73ffbf;
+  --calendar-date-today-hover-bg-color: linear-gradient(0deg, rgba(77, 255, 186, 0.3), transparent);
+}
+*::-webkit-scrollbar {
+  width: 0px;
+  height: 0px;
+}
+*::-webkit-scrollbar-track {
+  background: transparent;
+  border-radius: 5px;
+}
+*::-webkit-scrollbar-thumb {
+  background: transparent;
+  border-radius: 5px;
+}
+*::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
+.vtx-business-modal-wrap.dark {
+  --modal-content-bg: #0b1315;
+  --modal-border-color: #69958a;
+  --head-bg: #122a2c;
+  --bg-color: linear-gradient(0deg, #081e21cc, #000c);
+  --bg-color2: #162123;
+  --sub-bg-color: #ffffff0d;
+  --title-bg-color: #1a292bff;
+  --title-border: 1px solid transparent;
+  --title-border-color: transparent;
+  --title-color: white;
+  --title-color2: #a9d5d3;
+  --sub-title-color: #00f0ff;
+  --label-color: #cafdffff;
+  --base-label-color: #cafdffff;
+  --info-color: #ffffffff;
+  --border-color: '#3C7073FF';
+  --scroll-bar-bg: #39cbc3aa;
+  --scroll-bar-hover-bg: #219fff3d;
+  --scroll-bar-track-bg: transparent;
+  --button-text-color--defalut: #c9e6e8;
+  --button-text-color--active: #ffffff;
+  --button-background-color--default: #1a5561;
+  --button-background-color--active: linear-gradient(0deg, #3195aa, #0f5160);
+  --button-checked-color: #1890ff;
+  --arrow-icon-color: #355e5f;
+  --block-bg-color: rgba(255, 255, 255, 0.1);
+  --block-bg-color2: rgba(48, 118, 114, 0.2);
+  --calendar-content-sigle-bg: rgba(243, 245, 248, 0.053);
+  --info-active: #40ffd3;
+  --info-active2: #52c41a;
+  --info-active3: #40ffd3;
+  --info-danger: #fd3a15;
+  --info-warnning: #f7d93d;
+  --table-head-bg: rgba(0, 173, 177, 0.1);
+  --timeline-active: #24f2ff;
+  --calendar-border: #35444c;
+  --calendar-thead-bg: #29373e;
+  --calendar-bg: rgba(255, 255, 255, 0.1);
+  --list-cell-active1: #fff845;
+  --list-cell-active2: #45d1ff;
+  --list-cell-active3: #20feff;
+  --calendar-date-today-bg-color: #73ffbf;
+  --calendar-date-today-hover-bg-color: linear-gradient(0deg, rgba(77, 255, 186, 0.3), transparent);
+}
+.vtx-business-modal-wrap.blue {
+  --modal-content-bg: linear-gradient(0deg, rgba(28, 94, 149, 0.8), rgba(20, 37, 57, 0.8));
+  --modal-border-color: #7295bc;
+  --head-bg: linear-gradient(90deg, #124067, #051a29);
+  --head-bg-border-color2: #3a87cb;
+  --bg-color2: rgba(0, 103, 156, 0.1);
+  --bg-border-color2: rgba(32, 102, 167, 0.5);
+  --sub-bg-color: #ffffff0d;
+  --title-border: 1px solid transparent;
+  --title-border-color: transparent;
+  --title-color: white;
+  --title-color2: #fff;
+  --sub-title-color: #64bcff;
+  --label-color: #fff;
+  --base-label-color: #fff;
+  --info-color: #74bbf4;
+  --calendar-content-sigle-bg: #1464a62e;
+  --border-color: #1464a6;
+  --scroll-bar-bg: #39cbc3aa;
+  --scroll-bar-hover-bg: #219fff3d;
+  --scroll-bar-track-bg: transparent;
+  --button-text-color--defalut: #c9e6e8;
+  --button-text-color--active: #ffffff;
+  --button-background-color--default: #1a5561;
+  --button-background-color--active: linear-gradient(0deg, #3195aa, #0f5160);
+  --button-checked-color: #1890ff;
+  --arrow-icon-color: #355e5f;
+  --block-bg-color: rgba(255, 255, 255, 0.1);
+  --block-bg-color2: #74bbf4;
+  --info-active: #40ffd3;
+  --info-active2: #52c41a;
+  --info-active3: #75ffc2;
+  --info-danger: #fd3a15;
+  --info-warnning: #f7d93d;
+  --table-head-bg: rgba(0, 173, 177, 0.1);
+  --timeline-active: #24f2ff;
+  --calendar-border: rgba(32, 102, 167, 0.5);
+  --calendar-thead-bg: rgba(255, 255, 255, 0.1);
+  --calendar-content-bg: linear-gradient(0deg, #2a55e9, #0dbafe);
+  --calendar-bg: rgba(255, 255, 255, 0.1);
+  --image-value-color: #07d4ff;
+  --image-text-color: #ffffff;
+  --list-cell-active1: #fff845;
+  --list-cell-active2: #45d1ff;
+  --list-cell-active3: #20feff;
+  --calendar-date-today-bg-color: #0090ff;
+  --calendar-date-today-hover-bg-color: linear-gradient(0deg, rgba(0, 144, 255, 0.8) 0%, rgba(0, 144, 255, 0) 100%);
+}
+.vtx-business-modal-wrap.light {
+  --title-color2: #1677ff;
+}
+.jzlj-car-subtitle {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.jzlj-car-subtitle .jzlj-car-type {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 0 8px;
+  height: 24px;
+  line-height: 24px;
+  background: rgba(22, 119, 255, 0.05);
+  border-radius: 4px;
+  border: 1px solid #1677ff;
+  font-size: 12px;
+  color: #1677ff;
+  font-weight: normal;
+  margin-left: 8px;
+}
+.jzlj-car-subtitle .jzlj-car-type img {
+  width: 16px;
+  height: 16px;
+  margin-right: 4px;
+}
+.jzlj-car-subtitle .jzlj-car-status {
+  display: inline-block;
+  padding: 0 8px;
+  height: 24px;
+  line-height: 24px;
+  background: rgba(82, 196, 26, 0.05);
+  border-radius: 4px 4px 4px 4px;
+  border: 1px solid #52c41a;
+  font-weight: normal;
+  font-size: 12px;
+  color: #52c41a;
+  margin-left: 8px;
+}
+.jzlj-card {
+  background-color: var(--bg-color2);
+  border: 1px solid var(--title-border-color);
+  border-radius: 8px;
+}
+.jzlj-card-title {
+  height: 56px;
+  line-height: 56px;
+  padding: 0 16px;
+  border-bottom: 1px solid var(--title-border-color);
+  position: relative;
+}
+.jzlj-card-title-text {
+  font-size: 16px;
+  color: var(--title-color);
+  font-weight: 500;
+}
+.jzlj-card-title-right {
+  position: absolute;
+  right: 16px;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+      -ms-transform: translateY(-50%);
+          transform: translateY(-50%);
+}
+.jzlj-card-content {
+  padding: 16px;
+  position: relative;
+  height: calc(100% - 56px);
+  overflow-y: auto;
+}
+.vtx-ellipsis-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.jzlj-car-collection {
+  padding: 6px 16px 16px 16px;
+}
+.jzlj-car-collection-myTabs {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  height: 64px;
+  padding: 0 12px;
+}
+.jzlj-car-collection-myTabs .ant-tabs-nav {
+  margin: 0 !important;
+}
+.jzlj-car-collection-mySearch {
+  margin-top: 16px;
+}
+.jzlj-car-collection-mySearch .vtx-search {
+  border-radius: 8px;
+}
+.jzlj-car-collection-container {
+  min-height: 400px;
+  margin-top: 16px;
+  padding: 20px 12px;
+  position: relative;
+}
+.jzlj-car-collection-container .num {
+  font-size: 18px;
+  color: #1677ff;
+  font-weight: 500;
+}
+.jzlj-car-collection-container .num .unit {
+  font-size: 12px;
+  font-weight: normal;
+  margin-left: 4px;
+}
+.jzlj-car-collection-container .name {
+  font-size: 14px;
+  color: var(--info-color);
+}
+.jzlj-car-collection-container .yxfx-top {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+  padding-bottom: 24px;
+}
+.jzlj-car-collection-container .yxfx-top .pjryl {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+  width: 200px;
+  height: 58px;
+  background: -webkit-gradient(linear, left top, right top, from(rgba(22, 119, 255, 0)), color-stop(50%, rgba(22, 119, 255, 0.2)), to(rgba(22, 119, 255, 0)));
+  background: linear-gradient(90deg, rgba(22, 119, 255, 0) 0%, rgba(22, 119, 255, 0.2) 50%, rgba(22, 119, 255, 0) 100%);
+}
+.jzlj-car-collection-container .yxfx-top .pjrcc {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+  width: 200px;
+  height: 58px;
+  background: -webkit-gradient(linear, left top, right top, from(rgba(32, 187, 112, 0)), color-stop(50%, rgba(32, 187, 112, 0.2)), to(rgba(32, 187, 112, 0)));
+  background: linear-gradient(90deg, rgba(32, 187, 112, 0) 0%, rgba(32, 187, 112, 0.2) 50%, rgba(32, 187, 112, 0) 100%);
+}
+.flex_center_around {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+}
+.flex-column {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+}