@vtx/modals2 5.0.3 → 5.0.4

package/lib/_components/index.js

@@ -1,6 +1,7 @@
 export { default as VmBarCharts } from "./vm-bar-charts";
 export { default as VmCalendar, VmCalendarInner, VmCalendarPercent } from "./vm-calendar";
 export { default as VmCardStatistics } from "./vm-card-statistics";
+export { default as VmCustom } from "./vm-custom";
 export { default as VmEmpty } from "./vm-empty";
 export { default as VmExtraTab } from "./vm-extra-tab";
 export { default as VmFactor } from "./vm-factor";
@@ -12,10 +13,10 @@ export { default as VmLineCharts } from "./vm-line-charts";
 export { default as VmMap } from "./vm-map";
 export { default as VmPieCharts } from "./vm-pie-charts";
 export { default as VmProgress } from "./vm-progress";
+export { default as VmRepairMaintain } from "./vm-repair-maintain";
 export { default as VmTable } from "./vm-table";
+export { default as VmTabs } from "./vm-tabs";
 export { default as VmTag } from "./vm-tag";
 export { default as VmTitle } from "./vm-title";
 export { default as VmVideo } from "./vm-video";
-export { default as VmWrapper } from "./vm-wrapper";
-export { default as VmCustom } from "./vm-custom";
-export { default as VmTabs } from "./vm-tabs";
+export { default as VmWrapper } from "./vm-wrapper";

package/lib/_components/vm-bar-charts/index.js

@@ -104,7 +104,7 @@ var BarCharts = function BarCharts(_ref) {
       return {
         type: 'value',
         name: item.name,
-        min: 0,
+        // min: 0,
         nameTextStyle: {
           color: chartFontColor,
           padding: index === 0 ? [0, 30, 0, 0] : [0, 0, 0, 30]

package/lib/_components/vm-calendar/style/index.less

@@ -34,26 +34,23 @@
       border-top: 2px solid var(--vm-calendar-cell-active-border-color) !important;
     }
 
-    .ant-picker-cell .ant-picker-cell-in-view .ant-picker-cell-today,
-    .ant-picker-cell-selected {
-      border-top: 2px solid var(--vm-calendar-cell-active-border-color) !important;
+    .ant-picker-cell .ant-picker-cell-in-view .ant-picker-cell-today {
+      border-top: none !important;
     }
 
     .ant-picker-cell .ant-picker-cell-in-view .ant-picker-cell-selected {
-      border-top: 2px solid var(--vm-calendar-cell-active-border-color) !important;
+      border-top: none !important;
       background: var(--vm-calendar-bg-color) !important;
     }
 
     .ant-picker-calendar-full
       .ant-picker-panel
-      .ant-picker-cell-selected
       .ant-picker-calendar-date-today {
       color: var(--vm-calendar-cell-active-border-color);
       border-top: 2px solid var(--vm-calendar-cell-active-border-color) !important;
     }
 
-    .ant-picker-calendar-date-today,
-    .ant-picker-cell-selected {
+    .ant-picker-calendar-date-today {
       background: transparent !important;
       border-top: 2px solid var(--vm-calendar-cell-active-border-color) !important;
     }

package/lib/_components/vm-card-statistics/index.less

@@ -1,27 +1,27 @@
-.vm-car-statistics {
-  width: 208px;
-  height: 84px;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  padding: 20px;
-  background-size: 100% 100%;
-  &-label {
-    color: var(--img-text-color);
-  }
-  &-value, &-unit {
-    color: #1f1f1f;
-  }
-  &.vm-car-statistics-dark {
-    .vm-car-statistics-value,.vm-car-statistics-unit {
-      background: linear-gradient(180deg, #ffffff 0%, #119FFB 100%);
-      background-clip: text;
-      -webkit-text-fill-color: transparent;
-    }
-  }
-  &-value {
-    font-size: 20px;
-    font-weight: bold;
-    margin-right: 4px;
-  }
-}
+.vm-car-statistics {
+  width: 208px;
+  height: 84px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 20px;
+  background-size: 100% 100%;
+  &-label {
+    color: var(--img-text-color);
+  }
+  &-value, &-unit {
+    color: #1f1f1f;
+  }
+  &.vm-car-statistics-dark {
+    .vm-car-statistics-value,.vm-car-statistics-unit {
+      background: linear-gradient(180deg, #ffffff 0%, #119FFB 100%);
+      background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+  }
+  &-value {
+    font-size: 20px;
+    font-weight: bold;
+    margin-right: 4px;
+  }
+}

package/lib/_components/vm-factor/index.js

@@ -21,6 +21,8 @@ export default function VmFactor(_ref) {
     compareValue = _ref.compareValue,
     _ref$compareName = _ref.compareName,
     compareName = _ref$compareName === void 0 ? '与昨日比' : _ref$compareName,
+    _ref$compareUnit = _ref.compareUnit,
+    compareUnit = _ref$compareUnit === void 0 ? '' : _ref$compareUnit,
     _ref$isError = _ref.isError,
     isError = _ref$isError === void 0 ? false : _ref$isError,
     _ref$unitStyle = _ref.unitStyle,
@@ -73,11 +75,14 @@ export default function VmFactor(_ref) {
       }), compare && /*#__PURE__*/_jsxs("div", {
         className: "".concat(prefix, "-compare"),
         children: [/*#__PURE__*/_jsxs("div", {
-          children: [compareName, "\xA0\xA0", Math.abs(compareValue), unit]
-        }), compareValue < 0 ? /*#__PURE__*/_jsx(DownIcon, {
-          fill: '#f5222d'
-        }) : /*#__PURE__*/_jsx(UpIcon, {
-          fill: '#0fb964'
+          children: [compareName, "\xA0\xA0", Math.abs(compareValue), compareUnit || unit]
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "".concat(prefix, "-compare-unit"),
+          children: [compareValue < 0 && /*#__PURE__*/_jsx(DownIcon, {
+            fill: '#f5222d'
+          }), compareValue > 0 && /*#__PURE__*/_jsx(UpIcon, {
+            fill: '#0fb964'
+          })]
         })]
       })]
     })]

package/lib/_components/vm-factor/style/index.less

@@ -15,6 +15,10 @@
     display: flex;
     align-items: center;
     color: var(--sub-text-color);
+    gap: 2px;
+    &-unit {
+      transform: translateY(2px);
+    }
   }
   &-value_normal {
     font-size: 14px;
@@ -31,7 +35,7 @@
     }
   }
   &-value_normal-error {
-    color: #F5222D;
+    color: #f5222d;
   }
 }
 .vm-factor-sm {

package/lib/_components/vm-factor-list/index.less

@@ -1,11 +1,11 @@
-.vm-factor-list-wrap {
-  display: flex;
-  padding: 12px 16px;
-  height: 68px;
-  background: #F3F8FF;
-  border-radius: 8px;
-  gap: 26px;
-  &.dark {
-    background: rgba(0,136,240,0.15);
-  }
-}
+.vm-factor-list-wrap {
+  display: flex;
+  padding: 12px 16px;
+  height: 68px;
+  background: #F3F8FF;
+  border-radius: 8px;
+  gap: 26px;
+  &.dark {
+    background: rgba(0,136,240,0.15);
+  }
+}

package/lib/_components/vm-filter/style/index.less

@@ -54,7 +54,7 @@
     --color: #fff;
     --bg-color: #0b588e;
     --hover-color: #018aff;
-    --border-color: #0b588e;
+    --border-color: #0b6baf;
   }
 
   .ant-select-selector {
@@ -65,6 +65,7 @@
   .ant-select-selection-placeholder {
     color: var(--color);
   }
+  
   &:hover {
     .ant-select-selector {
       border: 1px solid var(--hover-color) !important;

package/lib/_components/vm-info-collection/index.js

@@ -38,7 +38,7 @@ function InfoCollection(props) {
       padding: padding !== null && padding !== void 0 ? padding : 'unset'
     }),
     children: data.map(function (item) {
-      var _item$value;
+      var _item$key, _item$value;
       var style = {};
       if (item !== null && item !== void 0 && item.color) style.color = item.color;
       return /*#__PURE__*/_jsxs("div", {
@@ -47,7 +47,7 @@ function InfoCollection(props) {
           marginRight: horizontal ? 0 : 12,
           marginBottom: gap,
           alignItems: isValueCenter ? 'center' : 'unset',
-          width: item.isAddress || ['address', 'divisionName', 'accUnitName', 'manageUnitName', 'description', 'panoramaLinkAddress'].includes(item.key) || item.key.indexOf('hoto') > -1 || ['MAP', 'GD_ENTRANCE'].includes(item.componentType || '') ? '100%' : item.width || width
+          width: item.isAddress || ['address', 'divisionName', 'accUnitName', 'manageUnitName', 'description', 'panoramaLinkAddress'].includes(item.key) || ((_item$key = item.key) === null || _item$key === void 0 ? void 0 : _item$key.indexOf('hoto')) > -1 || ['MAP', 'GD_ENTRANCE'].includes(item.componentType || '') ? '100%' : item.width || width
         },
         children: [/*#__PURE__*/_jsx("div", {
           className: "info-label-b",

package/lib/_components/vm-line-charts/index.js

@@ -34,11 +34,11 @@ var LineCharts = function LineCharts(_ref) {
     tooltipOption = _ref$tooltipOption === void 0 ? {} : _ref$tooltipOption,
     _ref$legendOption = _ref.legendOption,
     legendOption = _ref$legendOption === void 0 ? {} : _ref$legendOption;
-  var lineColors = ['#438EF7', '#40AAF3', '#62C4F9', '#20BB70', '#1DD27B', '#49E6A2', '#F2953A', '#FAAB59', '#F9C665', '#8A7FEE'];
   var _useSettings = useSettings(),
     chartFontColor = _useSettings.chartFontColor,
     chartLineColor = _useSettings.chartLineColor,
     theme = _useSettings.theme;
+  var lineColors = ['#438EF7', '#53CB74', '#FABB43', '#FF8746', '#31C5E9', '#7DDF9F', '#B894F9', '#FC4F66', '#5D75FF'];
   var option = {
     tooltip: _objectSpread({
       trigger: 'axis',

package/lib/_components/vm-map/index.js

@@ -59,7 +59,7 @@ export default function VmOlMap(_ref) {
   function formatData(arr, type) {
     var data = [],
       style = {},
-      coordType = ['amap', 'bmap'].includes(mapType) ? mapType : 'wgs84';
+      coordType = 'wgs84';
     arr.forEach(function (item) {
       if (type === 'polygon' || type === 'polyline') {
         data.push(_objectSpread(_objectSpread({}, item), {}, {
@@ -140,10 +140,10 @@ export default function VmOlMap(_ref) {
     if (mapRef.current && ((mapPoints === null || mapPoints === void 0 ? void 0 : mapPoints.length) > 0 || (mapPolygons === null || mapPolygons === void 0 ? void 0 : mapPolygons.length) > 0)) {
       var _mapRef$current, _polygons$data, _points$data;
       (_mapRef$current = mapRef.current) === null || _mapRef$current === void 0 || _mapRef$current.fitView({
-        geometryInfo: (((_polygons$data = polygons.data) === null || _polygons$data === void 0 ? void 0 : _polygons$data[0]) || ((_points$data = points.data) === null || _points$data === void 0 ? void 0 : _points$data[0])).geometryInfo
+        geometryInfo: ((polygons === null || polygons === void 0 || (_polygons$data = polygons.data) === null || _polygons$data === void 0 ? void 0 : _polygons$data[0]) || (points === null || points === void 0 || (_points$data = points.data) === null || _points$data === void 0 ? void 0 : _points$data[0])).geometryInfo
       }, {
         maxZoom: 16,
-        padding: [0, 0, 0, 0]
+        padding: [10, 10, 10, 10]
       });
     }
   }
@@ -163,8 +163,8 @@ export default function VmOlMap(_ref) {
   }, [JSON.stringify(mapPoints), JSON.stringify(mapPolygons), JSON.stringify(newMapPoints)]);
 
   // 自定义图层逻辑
-  /**
-   * 需要引入ol.js和olScreen.js
+  /**
+   * 需要引入ol.js和olScreen.js
    */
   var layers = [];
   mapInfo === null || mapInfo === void 0 || (_mapInfo$olProps = mapInfo.olProps) === null || _mapInfo$olProps === void 0 || _mapInfo$olProps.olCoverage.forEach(function (item) {

package/lib/_components/vm-pie-charts/index.js

@@ -29,7 +29,9 @@ var PieCharts = function PieCharts(_ref) {
     _ref$innerRadius = _ref.innerRadius,
     innerRadius = _ref$innerRadius === void 0 ? ['30%', '45%'] : _ref$innerRadius,
     _ref$outerRadius = _ref.outerRadius,
-    outerRadius = _ref$outerRadius === void 0 ? ['45%', '50%'] : _ref$outerRadius;
+    outerRadius = _ref$outerRadius === void 0 ? ['45%', '50%'] : _ref$outerRadius,
+    _ref$center = _ref.center,
+    center = _ref$center === void 0 ? null : _ref$center;
   var _useSettings = useSettings(),
     chartFontColor = _useSettings.chartFontColor,
     isDark = _useSettings.isDark;
@@ -65,7 +67,7 @@ var PieCharts = function PieCharts(_ref) {
             fontSize: 14
           },
           space: {
-            width: 12
+            width: 20
           },
           number: {
             width: 50,
@@ -93,7 +95,7 @@ var PieCharts = function PieCharts(_ref) {
         var info = dataList[index] || {};
         var value = info.value;
         var percent = getPercentValue(_.map(dataList, 'value'), index, 2);
-        return "{name|".concat(name.slice(0, nameLength)).concat(name.length > nameLength ? '...' : '', "}{number|").concat(value || 0).concat(unit || '', "}{percent|").concat(percent, "%}");
+        return "{name|".concat(name.slice(0, nameLength)).concat(name.length > nameLength ? '...' : '', "}{number|").concat(value || 0).concat(unit || '', "}{space|}{percent|").concat(percent, "%}");
       },
       tooltip: {
         show: true
@@ -103,7 +105,7 @@ var PieCharts = function PieCharts(_ref) {
       name: name,
       type: 'pie',
       radius: innerRadius,
-      center: ['25%', '50%'],
+      center: center || ['25%', '50%'],
       labelLine: {
         show: false // 去除从圆心指向数据块的线条
       },
@@ -129,7 +131,7 @@ var PieCharts = function PieCharts(_ref) {
       label: {
         show: false
       },
-      center: ['25%', '50%'],
+      center: center || ['25%', '50%'],
       data: dataList.map(function (item, index) {
         return _objectSpread(_objectSpread({}, item), {}, {
           itemStyle: {

package/lib/_components/vm-repair-maintain/RmInfoSummary.js

@@ -0,0 +1,46 @@
+/**
+ * 维保信息汇总
+ */
+import useSettings from "../../_hooks/useSettings";
+import amount from "./imgs/amount.png";
+import count from "./imgs/count.png";
+import VmFactor from "../vm-factor";
+import amountLight from "./imgs/amount_light.png";
+import countLight from "./imgs/count_light.png";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var RmInfoSummary = function RmInfoSummary(props) {
+  var data = props.data;
+  var _useSettings = useSettings(),
+    isDark = _useSettings.isDark;
+  return /*#__PURE__*/_jsxs("div", {
+    className: "rm-summary",
+    children: [/*#__PURE__*/_jsx(VmFactor, {
+      name: "\u5E74\u5EA6\u7EF4\u4FDD\u603B\u6B21\u6570",
+      value: (data === null || data === void 0 ? void 0 : data.thisYearCount) || 0,
+      img: isDark ? count : countLight,
+      fontType: "blue",
+      unit: "\u6B21",
+      unitStyle: {
+        fontSize: 14
+      },
+      compare: true,
+      compareName: "\u5E74\u540C\u6BD4",
+      compareValue: data === null || data === void 0 ? void 0 : data.thisYearOnLastYearCount,
+      compareUnit: "%"
+    }), /*#__PURE__*/_jsx(VmFactor, {
+      name: "\u5E74\u5EA6\u7EF4\u4FDD\u603B\u91D1\u989D",
+      value: (data === null || data === void 0 ? void 0 : data.thisYearFee) || 0,
+      img: isDark ? amount : amountLight,
+      fontType: "yellow",
+      unit: "\u5143",
+      unitStyle: {
+        fontSize: 14
+      },
+      compare: true,
+      compareName: "\u5E74\u540C\u6BD4",
+      compareValue: data === null || data === void 0 ? void 0 : data.thisYearOnLastYearFee,
+      compareUnit: "%"
+    })]
+  });
+};
+export default RmInfoSummary;

package/lib/_components/vm-repair-maintain/RmMonthTrend.js

@@ -0,0 +1,44 @@
+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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * 月度趋势分析
+ */
+import { VmEmpty, VmLineCharts } from "../../_components";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var RmMonthTrend = function RmMonthTrend(_ref) {
+  var data = _ref.data;
+  var legends = data.legends,
+    names = data.names,
+    values = data.values,
+    loading = data.loading;
+  return /*#__PURE__*/_jsxs("div", {
+    className: "rm-month-trend",
+    children: ["\u6708\u5EA6\u8D8B\u52BF\u5206\u6790", /*#__PURE__*/_jsx("div", {
+      className: "rm-month-trend-chart",
+      children: values !== null && values !== void 0 && values.length ? /*#__PURE__*/_jsx(VmLineCharts, {
+        xAxis: names,
+        dataList: values === null || values === void 0 ? void 0 : values.map(function (ele, index) {
+          return _objectSpread(_objectSpread({}, ele), {}, {
+            name: legends[index],
+            data: ele
+          });
+        }),
+        unit: "\u6B21",
+        loading: loading,
+        legendOption: {
+          width: '95%'
+        },
+        gridOption: {
+          top: 36
+        }
+      }) : /*#__PURE__*/_jsx(VmEmpty, {
+        type: "NO_CHART"
+      })
+    })]
+  });
+};
+export default RmMonthTrend;

package/lib/_components/vm-repair-maintain/RmRecord.js

@@ -0,0 +1,157 @@
+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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/**
+ * 维保记录
+ */
+import { useSetState } from 'ahooks';
+import moment from 'moment';
+import { VmTable, VmWrapper } from "../../_components";
+import { BaseService } from "./api";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function RmRecord(props) {
+  var id = props.id;
+  var _useSetState = useSetState({
+      pagination: {
+        current: 1,
+        pageSize: 10,
+        total: 0
+      },
+      sorter: ''
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var pagination = state.pagination,
+    sorter = state.sorter;
+  var startDate = moment().startOf('y').format('YYYY-MM-DD HH:mm:ss');
+  var endDate = moment().format('YYYY-MM-DD HH:mm:ss');
+  var _BaseService$useRmRec = BaseService.useRmRecord(id, startDate, endDate, pagination.current - 1, sorter),
+    rmRecord = _BaseService$useRmRec.rmRecord;
+  var getColor = function getColor(code) {
+    var color = '#B4B4B4';
+    switch (code) {
+      case 'AUDIT_PASSED':
+        color = '#1FEFA9';
+        break;
+      case 'AUDIT_FAILED':
+        color = '#FF6A65';
+        break;
+      case 'TO_BE_AUDITED':
+        color = '#FF6A65';
+        break;
+      case 'REVOKED':
+        color = '#FA69FF';
+        break;
+      case 'AUDITING':
+        color = '#FFBD1E';
+        break;
+      default:
+        break;
+    }
+    return color;
+  };
+  var columns = [{
+    title: '工单编号',
+    dataIndex: 'workOrderNo',
+    key: 'workOrderNo',
+    width: 120,
+    ellipsis: true
+  }, {
+    title: '维保类型',
+    dataIndex: 'maintainTypeName',
+    key: 'maintainTypeName',
+    width: 120,
+    ellipsis: true
+  }, {
+    title: '申请金额',
+    dataIndex: 'fee',
+    key: 'fee',
+    width: 100,
+    sorter: true,
+    render: function render(text) {
+      return /*#__PURE__*/_jsx("span", {
+        style: {
+          color: '#FF7272'
+        },
+        children: text
+      });
+    }
+  }, {
+    title: '申请人',
+    dataIndex: 'applyUserName',
+    key: 'applyUserName',
+    width: 100
+  }, {
+    title: '申请时间',
+    dataIndex: 'applyTime',
+    key: 'applyTime',
+    width: 150,
+    sorter: true
+  }, {
+    title: '维保状态',
+    dataIndex: 'auditStatusDesc',
+    key: 'auditStatusDesc',
+    width: 120,
+    render: function render(text, record) {
+      return /*#__PURE__*/_jsxs("div", {
+        style: {
+          color: getColor(record.auditStatus)
+        },
+        children: [/*#__PURE__*/_jsx("div", {
+          style: {
+            display: 'inline-block',
+            width: '8px',
+            height: '8px',
+            borderRadius: '50%',
+            marginRight: '6px',
+            background: getColor(record.auditStatus)
+          }
+        }), text]
+      });
+    }
+  }, {
+    title: '维保时间',
+    dataIndex: 'lastAuditTime',
+    key: 'lastAuditTime',
+    width: 150,
+    sorter: true
+  }];
+  var handleTableChange = function handleTableChange(sorter) {
+    setState({
+      sorter: "".concat(sorter.columnKey || 'applyTime', ",").concat(sorter.order === 'ascend' ? 'ASC' : 'DESC')
+    });
+  };
+  var pageChange = function pageChange(page) {
+    setState({
+      pagination: _objectSpread(_objectSpread({}, pagination), {}, {
+        current: page
+      })
+    });
+  };
+  var tableProps = {
+    pagination: _objectSpread(_objectSpread({}, pagination), {}, {
+      total: rmRecord.total,
+      defaultPageSize: 10,
+      onChange: pageChange
+    }),
+    handleTableChange: handleTableChange,
+    height: 180,
+    dataSource: rmRecord.rows
+  };
+  return /*#__PURE__*/_jsx(VmWrapper, {
+    title: "\u7EF4\u4FDD\u8BB0\u5F55",
+    children: /*#__PURE__*/_jsx(VmTable, _objectSpread({
+      columns: columns
+    }, tableProps))
+  });
+}

package/lib/_components/vm-repair-maintain/RmType.js

@@ -0,0 +1,32 @@
+/**
+ * 维保类型分析
+ */
+import { sumBy } from 'lodash';
+import { VmEmpty, VmPieCharts } from "../../_components";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var RmType = function RmType(props) {
+  var data = props.data,
+    loading = props.loading;
+  return /*#__PURE__*/_jsxs("div", {
+    className: "rm-type",
+    children: ["\u7EF4\u4FDD\u7C7B\u578B\u5206\u6790", /*#__PURE__*/_jsx("div", {
+      className: "rm-type-chart",
+      children: (data === null || data === void 0 ? void 0 : data.length) > 0 ? /*#__PURE__*/_jsx(VmPieCharts, {
+        dataList: data,
+        name: "\u7EF4\u4FDD\u7C7B\u578B",
+        title: "\u603B\u6570(\u6B21)",
+        total: sumBy(data, 'value'),
+        loading: loading,
+        unit: "\u6B21"
+      }) : /*#__PURE__*/_jsx(VmEmpty, {
+        type: "NO_CHART",
+        style: {
+          height: '100%',
+          marginLeft: '50%',
+          transform: 'translateX(-50%)'
+        }
+      })
+    })]
+  });
+};
+export default RmType;