@vtx/modals2 5.0.1 → 5.0.3

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

@@ -1,89 +1,96 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _moment = _interopRequireDefault(require("moment"));
-var _antd = require("antd");
-var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
-var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
-var _vmInfoCollection = _interopRequireDefault(require("../../../vm-info-collection"));
-var _Rules = _interopRequireDefault(require("./Rules"));
-var _TodayWork = _interopRequireDefault(require("./TodayWork"));
-var _CarWork = _interopRequireDefault(require("./CarWork"));
-var _api = require("../../api");
-require("./index.less");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+import { Col, Row } from 'antd';
+import moment from 'moment';
+import { VmInfoCollection, VmTitle, VmWrapper } from "../../../_components";
+import useSettings from "../../../_hooks/useSettings";
+import { BaseService } from "../../api";
+import CarWork from "./CarWork";
+import "./index.less";
+import Rules from "./Rules";
+import TodayWork from "./TodayWork";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var BaseInfo = function BaseInfo(props) {
   var id = props.id,
-    baseInfo = props.baseInfo;
-  var _useSettings = (0, _useSettings2["default"])(),
+    baseInfo = props.baseInfo,
+    info = props.info;
+  var _useSettings = useSettings(),
     theme = _useSettings.theme,
     isDark = _useSettings.isDark;
-  var nowDate = (0, _moment["default"])().format('YYYY-MM-DD');
-  var _BaseService$useBaseI = _api.BaseService.useBaseInfo(id, nowDate, nowDate),
+  var nowDate = moment().format('YYYY-MM-DD');
+  var _BaseService$useBaseI = BaseService.useBaseInfo(id, nowDate, nowDate),
     todayWorkRes = _BaseService$useBaseI.todayWorkRes,
     dataSource = _BaseService$useBaseI.dataSource;
-  var _BaseService$useConfi = _api.BaseService.useConfig(),
+  var _BaseService$useConfi = BaseService.useConfig(),
     paramConfigsList = _BaseService$useConfi.paramConfigsList,
     productTypes = _BaseService$useConfi.productTypes;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "cp-baseContent ".concat(theme)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "base-top"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
-    gutter: [10, 10]
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
-    xxl: 9,
-    xl: 9,
-    lg: 9,
-    md: 12
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "base-top-base"
-  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
-    title: "\u57FA\u672C\u4FE1\u606F"
-  }), /*#__PURE__*/_react["default"].createElement(_vmInfoCollection["default"], {
-    data: baseInfo,
-    horizontal: true,
-    gap: 16
-  }))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
-    xxl: 15,
-    xl: 15,
-    lg: 15,
-    md: 12
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "base-top-twork"
-  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
-    title: "\u4ECA\u65E5\u4F5C\u4E1A"
-  }), /*#__PURE__*/_react["default"].createElement(_TodayWork["default"], {
-    data: todayWorkRes,
-    paramConfigsList: paramConfigsList,
-    productTypes: productTypes
-  }))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
-    xxl: 9,
-    xl: 9,
-    lg: 9,
-    md: 12
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "base-bottom-syrules"
-  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
-    title: "\u6536\u8FD0\u89C4\u5219"
-  }), /*#__PURE__*/_react["default"].createElement(_Rules["default"], {
-    id: id
-  }))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
-    xxl: 15,
-    xl: 15,
-    lg: 15,
-    md: 12
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "base-bottom-table"
-  }, /*#__PURE__*/_react["default"].createElement(_CarWork["default"], {
-    dataSource: dataSource,
-    isDark: isDark,
-    paramConfigsList: paramConfigsList
-  }))))));
+  var mapStyle = {
+    type: 'Marker',
+    style: {
+      icon: 'CP',
+      color: '#52C41A'
+    }
+  };
+  return /*#__PURE__*/_jsx("div", {
+    className: "cp-wrapper",
+    children: /*#__PURE__*/_jsxs(Row, {
+      gutter: 16,
+      style: {
+        height: '100%'
+      },
+      children: [/*#__PURE__*/_jsx(Col, {
+        span: 8,
+        style: {
+          height: '100%'
+        },
+        children: /*#__PURE__*/_jsxs(VmWrapper, {
+          title: "\u57FA\u672C\u4FE1\u606F",
+          children: [/*#__PURE__*/_jsx(VmInfoCollection, {
+            data: baseInfo,
+            horizontal: true,
+            gap: 16
+          }), /*#__PURE__*/_jsx(VmTitle, {
+            title: "\u6536\u8FD0\u89C4\u5219"
+          }), /*#__PURE__*/_jsx(Rules, {
+            id: id,
+            paramConfigsList: paramConfigsList
+          })]
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 16,
+        children: /*#__PURE__*/_jsxs(Row, {
+          gutter: [10, 10],
+          children: [/*#__PURE__*/_jsx(Col, {
+            span: 24,
+            children: /*#__PURE__*/_jsx("div", {
+              className: "cp-wrapper-twork",
+              children: /*#__PURE__*/_jsx(VmWrapper, {
+                title: "\u4ECA\u65E5\u4F5C\u4E1A\u6C47\u603B",
+                children: /*#__PURE__*/_jsx(TodayWork, {
+                  data: todayWorkRes,
+                  paramConfigsList: paramConfigsList,
+                  productTypes: productTypes
+                })
+              })
+            })
+          }), /*#__PURE__*/_jsx(Col, {
+            span: 24,
+            children: /*#__PURE__*/_jsx("div", {
+              className: "cp-wrapper-table",
+              children: /*#__PURE__*/_jsxs(VmWrapper, {
+                title: "\u4ECA\u65E5\u4F5C\u4E1A\u660E\u7EC6",
+                contentStyle: {
+                  overflowY: 'hidden'
+                },
+                children: [/*#__PURE__*/_jsx(CarWork, {
+                  dataSource: dataSource,
+                  isDark: isDark,
+                  paramConfigsList: paramConfigsList
+                }), ' ']
+              })
+            })
+          })]
+        })
+      })]
+    })
+  });
 };
-var _default = exports["default"] = BaseInfo;
-//# sourceMappingURL=index.js.map
+export default BaseInfo;

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

@@ -1,156 +1,140 @@
-.flex-start {
-    display: flex;
-    justify-content: start;
-    align-items: start;
-}
-
-.left-width {
-    width: 370px;
-}
-
-.cp-baseContent {
-    padding: 6px 10px;
-    .base-top {
-        // .flex-start();
-        &-base {
-            height: 280px;
-            padding: 20px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-        }
-        &-twork {
-            height: 280px;
-            padding: 20px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-
-            overflow-y: auto;
-            .twork {
-                &--item {
-                    .flex-start();
-                    color: var(--info-color);
-                    margin-bottom: 16px;
-                    img {
-                        width: 40px;
-                        height: 40px;
-                        margin-right: 14px;
-                    }
-                    &-progress {
-                        width: 163px;
-                        margin-right: 20px;
-                        font-size: 14px;
-                        line-height: 22px;
-                    }
-                    &-block {
-                        width: calc(100% - 270px);
-                        font-size: 12px;
-                        display: flex;
-                        justify-content: start;
-                        &-item {
-                            width: 25%;
-                            &-value {
-                                color: var(--info-active);
-                                line-height: 20px;
-                                span {
-                                    font-size: 20px;
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    .base-bottom {
-        &-syrules {
-            height: 335px;
-            padding: 20px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-
-            overflow-y: auto;
-            .syrules-item {
-                width: 100%;
-                padding: 16px 20px;
-                border-radius: 16px;
-                border: 1px dashed;
-                color: var(--info-color);
-                margin-bottom: 24px;
-                font-size: 14px;
-                &--info {
-                    display: flex;
-                    align-items: center;
-                    gap: 12px;
-                    margin-bottom: 10px;
-                }
-                &--icon {
-                    width: 50px;
-                    height: 28px;
-                    background-size: 100% 100%;
-                    background-position: center;
-                    margin-left: 6px;
-                    &.qt {
-                        background-image: url('../../imgs/qt_car.png');
-                    }
-                    &.cy {
-                        background-image: url('../../imgs/cy_car.png');
-                    }
-                    &.yh {
-                        background-image: url('../../imgs/yh_car.png');
-                    }
-                    &.yf {
-                        background-image: url('../../imgs/yf_car.png');
-                    }
-                    &.khsw {
-                        background-image: url('../../imgs/khsw_car.png');
-                    }
-                }
-                &--label {
-                    color: var(--label-color);
-                    width: 60px;
-                }
-                &--name {
-                    width: 70px;
-                    height: 100%;
-                    font-size: 16px;
-                    font-weight: 700;
-                }
-                &--content {
-                    width: calc(~'100% - 70px');
-                    padding: 4px 8px 4px 24px;
-                    display: flex;
-                    justify-content: space-between;
-
-                    div {
-                        &:first-child {
-                            width: 110px;
-                            overflow: hidden;
-                            white-space: nowrap;
-                            text-overflow: ellipsis;
-                            text-align: left;
-                        }
-                        &:nth-child(2) {
-                            width: 70px;
-                            text-align: center;
-                        }
-                        &:last-child {
-                            width: 100px;
-                            text-align: left;
-                            overflow: hidden;
-                            white-space: nowrap;
-                            text-overflow: ellipsis;
-                        }
-                    }
-                }
-            }
-        }
-        &-table {
-            height: 335px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-
-            padding: 10px;
-        }
-    }
-}
+.flex-start {
+  display: flex;
+  justify-content: start;
+  align-items: start;
+}
+
+.cp-wrapper {
+  height: 100%;
+  &-twork {
+    height: 224px;
+    overflow-y: auto;
+    .twork {
+      &--item {
+        .flex-start();
+        color: var(--info-color);
+        margin-bottom: 16px;
+        gap: 16px;
+        &-img {
+          img {
+            width: 44px;
+            height: 44px;
+          }
+        }
+        &-progress-row {
+          .flex-start();
+          justify-content: space-between;
+        }
+        &-progress {
+          width: 163px;
+          font-size: 14px;
+          line-height: 22px;
+        }
+        &-block {
+          flex: 1;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+        }
+      }
+    }
+  }
+
+  .cp-rules-wrapper {
+    width: 100%;
+    margin-top: 12px;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+
+    --color: #5e6169;
+    --label-color: #8c8c8c;
+    --cy-bg: rgba(28, 229, 72, 0.08);
+    --qt-bg: rgba(119, 119, 119, 0.08);
+    --yh-bg: rgba(245, 34, 45, 0.08);
+    --khs-bg: rgba(22, 119, 255, 0.08);
+
+    &.dark {
+      --color: #fff;
+      --label-color: #b1b1b1;
+      --cy-bg: rgba(28, 229, 72, 0.12);
+      --qt-bg: rgba(147, 147, 147, 0.12);
+      --yh-bg: rgba(255, 98, 106, 0.12);
+      --khs-bg: rgba(33, 158, 229, 0.12);
+    }
+  }
+  .cp-rules-item {
+    width: 100%;
+    border-radius: 4px;
+    padding: 14px 16px;
+    color: var(--modal-title-color);
+    font-size: 14px;
+    display: flex;
+    justify-content: start;
+    align-items: start;
+    gap: 12px;
+    position: relative;
+    &.cy {
+      background: var(--cy-bg);
+    }
+    &.yh {
+      background: var(--yh-bg);
+    }
+    &.qt {
+      background: var(--qt-bg);
+    }
+    &.khs {
+      background: var(--khs-bg);
+    }
+    &--icon {
+      width: 42px;
+      height: 52px;
+    }
+    .type {
+      width: 76px;
+      height: 28px;
+      line-height: 20px;
+      padding-left: 20px;
+      font-size: 12px;
+      position: absolute;
+      right: 0;
+      top: 0;
+      color: #fff;
+    }
+    &-type {
+      .type;
+      &.cy {
+        background: url('../../imgs/corner_cy.png') 100% 100% no-repeat;
+      }
+      &.yh {
+        background: url('../../imgs/corner_yh.png') 100% 100% no-repeat;
+      }
+      &.qt {
+        background: url('../../imgs/corner_qt.png') 100% 100% no-repeat;
+      }
+      &.khs {
+        background: url('../../imgs/corner_khs.png') 100% 100% no-repeat;
+      }
+    }
+    &--row {
+      color: var(--modal-title-color);
+      display: flex;
+      &-label {
+        color: var(--label-color);
+      }
+      &-value {
+        color: var(--modal-title-color);
+      }
+    }
+    &--row2 {
+      display: flex;
+      flex-direction: column;
+      color: var(--color);
+    }
+  }
+
+  &-table {
+    height: 382px;
+  }
+}