@vtx/modals2 2.5.0

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

@@ -0,0 +1,308 @@
+.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);
+  --table-head-bg: rgba(24, 144, 255, 0.1);
+  --title-color: #222;
+  --title-color2: #222;
+  --block-bg-color: rgba(0, 0, 0, 0.1);
+  --block-bg-color2: #1890ff;
+  --calendar-border: #ececec;
+  --calendar-thead-bg: #fff;
+  --calendar-bg: #fff;
+  --info-danger: #fd3a15;
+  --info-warnning: #f7d93d;
+  --info-active: #222;
+  --info-active2: #fff;
+  --info-active3: #fff;
+  --bg-color: white;
+  --sub-bg-color: #f3f3f380;
+  --title-bg-color: white;
+  --title-border: 1px solid #dbdbdbff;
+  --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;
+}
+*::-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-color: white;
+  --title-color2: #a9d5d3;
+  --sub-title-color: #00f0ff;
+  --label-color: #cafdffff;
+  --info-color: #ffffffff;
+  --border-color: '#3C7073FF';
+  --scroll-bar-bg: #39cbc3aa;
+  --scroll-bar-hover-bg: #39cbc3ff;
+  --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);
+  --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);
+}
+.flex-start {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: start;
+}
+.left-width {
+  width: 370px;
+}
+.cp-baseContent {
+  padding: 6px 10px;
+}
+.cp-baseContent .base-top-base {
+  height: 280px;
+  padding: 20px;
+  background-color: var(--bg-color2);
+}
+.cp-baseContent .base-top-twork {
+  height: 280px;
+  padding: 20px;
+  background-color: var(--bg-color2);
+  overflow-y: auto;
+}
+.cp-baseContent .base-top-twork .twork--item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: start;
+  color: var(--info-color);
+  margin-bottom: 16px;
+}
+.cp-baseContent .base-top-twork .twork--item img {
+  width: 40px;
+  height: 40px;
+  margin-right: 14px;
+}
+.cp-baseContent .base-top-twork .twork--item-progress {
+  width: 163px;
+  margin-right: 20px;
+  font-size: 14px;
+  line-height: 22px;
+}
+.cp-baseContent .base-top-twork .twork--item-block {
+  width: calc(100% - 270px);
+  font-size: 12px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+}
+.cp-baseContent .base-top-twork .twork--item-block-item {
+  width: 25%;
+}
+.cp-baseContent .base-top-twork .twork--item-block-item-value {
+  color: var(--info-active);
+  line-height: 20px;
+}
+.cp-baseContent .base-top-twork .twork--item-block-item-value span {
+  font-size: 20px;
+}
+.cp-baseContent .base-bottom-syrules {
+  height: 335px;
+  padding: 20px;
+  background-color: var(--bg-color2);
+  overflow-y: auto;
+}
+.cp-baseContent .base-bottom-syrules .syrules-item {
+  width: 100%;
+  height: 29px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: start;
+  background: var(--block-bg-color);
+  color: var(--info-color);
+  margin-bottom: 24px;
+}
+.cp-baseContent .base-bottom-syrules .syrules-item--name {
+  width: 70px;
+  height: 100%;
+  font-size: 14px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  text-align: center;
+  line-height: 30px;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  color: #fff;
+}
+.cp-baseContent .base-bottom-syrules .syrules-item--name.qt {
+  background-image: url('../../imgs/qt.png');
+}
+.cp-baseContent .base-bottom-syrules .syrules-item--name.cy {
+  background-image: url('../../imgs/cy.png');
+}
+.cp-baseContent .base-bottom-syrules .syrules-item--name.yh {
+  background-image: url('../../imgs/yh.png');
+}
+.cp-baseContent .base-bottom-syrules .syrules-item--name.khsw {
+  background-image: url('../../imgs/khsw.png');
+}
+.cp-baseContent .base-bottom-syrules .syrules-item--content {
+  width: calc(100% - 70px);
+  padding: 4px 8px 4px 24px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.cp-baseContent .base-bottom-syrules .syrules-item--content div:first-child {
+  width: 110px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+}
+.cp-baseContent .base-bottom-syrules .syrules-item--content div:nth-child(2) {
+  width: 70px;
+  text-align: center;
+}
+.cp-baseContent .base-bottom-syrules .syrules-item--content div:last-child {
+  width: 100px;
+  text-align: left;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.cp-baseContent .base-bottom-table {
+  height: 335px;
+  background-color: var(--bg-color2);
+  padding: 10px;
+}
+.cp-baseContent .showRule {
+  width: 100%;
+  border-radius: 16px;
+  position: relative;
+  border: 1px solid #aec8de;
+  background-size: 100% 64px !important;
+  background-repeat: no-repeat !important;
+  padding: 10px 13px;
+  margin-bottom: 14px;
+}
+.cp-baseContent .line {
+  width: 4px;
+  height: 16px;
+  background: #1890ff;
+  display: inline-block;
+  margin-right: 10px;
+}
+.cp-baseContent .rowItemCheckbox {
+  margin-bottom: 6px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  font-family: PingFang SC;
+  font-weight: 500;
+  font-size: 16px;
+}
+.cp-baseContent .title {
+  font-weight: 600;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin: 8px 0 10px 0;
+}
+.cp-baseContent .rowItem {
+  position: relative;
+  color: var(--label-color);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  line-height: 30px;
+}
+.cp-baseContent .rowItem .rowItemSingle {
+  width: 50%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.cp-baseContent .rowItem .questionCircle {
+  position: absolute;
+  right: -5px;
+  top: 1px;
+}
+.cp-baseContent .rowItem .minusItem {
+  color: red;
+  position: absolute;
+  right: 0px;
+}
+.cp-baseContent .rowItemDGSD .rowItemSingle {
+  width: 100%;
+}
+.cp-baseContent .rowItemDGSD .rowItemTitle,
+.cp-baseContent .rowItemDGSD .rowItemSingle {
+  word-wrap: break-word;
+}

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

@@ -0,0 +1,91 @@
+"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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var BaseInfo = function BaseInfo(props) {
+  var id = props.id,
+    baseInfo = props.baseInfo,
+    info = props.info;
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme,
+    isDark = _useSettings.isDark;
+  var nowDate = (0, _moment["default"])().format('YYYY-MM-DD');
+  var _BaseService$useBaseI = _api.BaseService.useBaseInfo(id, nowDate, nowDate),
+    todayWorkRes = _BaseService$useBaseI.todayWorkRes,
+    dataSource = _BaseService$useBaseI.dataSource;
+  var _BaseService$useConfi = _api.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: 20
+  }))), /*#__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"], {
+    formData: info
+  }))), /*#__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 _default = BaseInfo;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_moment","_antd","_useSettings2","_vmSubTitle","_vmInfoCollection","_Rules","_TodayWork","_CarWork","_api","obj","__esModule","BaseInfo","props","id","baseInfo","info","_useSettings","useSettings","theme","isDark","nowDate","moment","format","_BaseService$useBaseI","BaseService","useBaseInfo","todayWorkRes","dataSource","_BaseService$useConfi","useConfig","paramConfigsList","productTypes","React","createElement","className","concat","Row","gutter","Col","xxl","xl","lg","md","SubTitle","title","Base","data","horizontal","gap","TodayWork","Rules","formData","CarWork","_default","exports"],"sources":["vtx-cp-modal/components/BaseInfo/index.js"],"sourcesContent":["import React from 'react';\nimport moment from 'moment';\nimport { Row, Col } from 'antd';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport SubTitle from '../../../vm-sub-title';\nimport Base from '../../../vm-info-collection';\nimport Rules from './Rules';\nimport TodayWork from './TodayWork';\nimport CarWork from './CarWork';\nimport { BaseService } from '../../api';\nimport './index.less';\nconst BaseInfo = (props) => {\n    const { id, baseInfo, info } = props;\n    const { theme, isDark } = useSettings();\n    const nowDate = moment().format('YYYY-MM-DD');\n    const { todayWorkRes, dataSource } = BaseService.useBaseInfo(id, nowDate, nowDate);\n    const { paramConfigsList, productTypes } = BaseService.useConfig();\n    return (React.createElement(\"div\", { className: `cp-baseContent ${theme}` },\n        React.createElement(\"div\", { className: \"base-top\" },\n            React.createElement(Row, { gutter: [10, 10] },\n                React.createElement(Col, { xxl: 9, xl: 9, lg: 9, md: 12 },\n                    React.createElement(\"div\", { className: \"base-top-base\" },\n                        React.createElement(SubTitle, { title: \"\\u57FA\\u672C\\u4FE1\\u606F\" }),\n                        React.createElement(Base, { data: baseInfo, horizontal: true, gap: 20 }))),\n                React.createElement(Col, { xxl: 15, xl: 15, lg: 15, md: 12 },\n                    React.createElement(\"div\", { className: \"base-top-twork\" },\n                        React.createElement(SubTitle, { title: \"\\u4ECA\\u65E5\\u4F5C\\u4E1A\" }),\n                        React.createElement(TodayWork, { data: todayWorkRes, paramConfigsList: paramConfigsList, productTypes: productTypes }))),\n                React.createElement(Col, { xxl: 9, xl: 9, lg: 9, md: 12 },\n                    React.createElement(\"div\", { className: \"base-bottom-syrules\" },\n                        React.createElement(SubTitle, { title: \"\\u6536\\u8FD0\\u89C4\\u5219\" }),\n                        React.createElement(Rules, { formData: info }))),\n                React.createElement(Col, { xxl: 15, xl: 15, lg: 15, md: 12 },\n                    React.createElement(\"div\", { className: \"base-bottom-table\" },\n                        React.createElement(CarWork, { dataSource: dataSource, isDark: isDark, paramConfigsList: paramConfigsList })))))));\n};\nexport default BaseInfo;\n"],"mappings":"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"}

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

@@ -0,0 +1,208 @@
+@import '../../style/index.less';
+.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);
+        }
+        &-twork {
+            height: 280px;
+            padding: 20px;
+            background-color: var(--bg-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);
+            overflow-y: auto;
+            .syrules-item {
+                width: 100%;
+                height: 29px;
+                .flex-start();
+                background: var(--block-bg-color);
+                color: var(--info-color);
+                margin-bottom: 24px;
+
+                &--name {
+                    width: 70px;
+                    height: 100%;
+                    font-size: 14px;
+                    font-family: PingFangSC-Medium, PingFang SC;
+                    font-weight: 500;
+                    text-align: center;
+                    line-height: 30px;
+                    background-repeat: no-repeat;
+                    background-size: 100% 100%;
+                    color: #fff;
+                    &.qt {
+                        background-image: url('../../imgs/qt.png');
+                    }
+                    &.cy {
+                        background-image: url('../../imgs/cy.png');
+                    }
+                    &.yh {
+                        background-image: url('../../imgs/yh.png');
+                    }
+                    &.khsw {
+                        background-image: url('../../imgs/khsw.png');
+                    }
+                }
+                &--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);
+            padding: 10px;
+        }
+    }
+    .showRule {
+        width: 100%;
+        // height: 160px;
+        border-radius: 16px;
+        position: relative;
+        border: 1px solid #aec8de;
+        // background: linear-gradient(180deg, #dae8f4, #ffffff) no-repeat;
+        background-size: 100% 64px !important;
+        background-repeat: no-repeat !important;
+
+        padding: 10px 13px;
+        margin-bottom: 14px;
+    }
+
+    .line {
+        width: 4px;
+        height: 16px;
+        background: #1890ff;
+        display: inline-block;
+        margin-right: 10px;
+    }
+    .rowItemCheckbox {
+        margin-bottom: 6px;
+        // width: 132px;
+        // text-align: center;
+        // line-height:30px;
+        display: flex;
+        align-items: center;
+
+        font-family: PingFang SC;
+        font-weight: 500;
+        font-size: 16px;
+        // color: #0e4e90;
+    }
+    .title {
+        font-weight: 600;
+        display: flex;
+        align-items: center;
+        margin: 8px 0 10px 0;
+    }
+    .rowItem {
+        position: relative;
+        color: var(--label-color);
+        display: flex;
+        align-items: center;
+        line-height: 30px;
+
+        .rowItemSingle {
+            width: 50%;
+            display: flex;
+        }
+
+        .questionCircle {
+            position: absolute;
+            right: -5px;
+            top: 1px;
+        }
+        .minusItem {
+            color: red;
+            position: absolute;
+            right: 0px;
+        }
+        
+    }
+    .rowItemDGSD{
+        .rowItemSingle{
+            width: 100%;
+        }
+        .rowItemTitle,.rowItemSingle{
+            word-wrap: break-word;
+        }
+    }
+}