@vtx/modals2 2.16.3 → 2.16.4

package/lib/vtx-jzlj-xnc-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-xnc-collection {
+  padding: 6px 16px 16px 16px;
+}
+.jzlj-xnc-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-xnc-collection-myTabs .ant-tabs-nav {
+  margin: 0 !important;
+}
+.jzlj-xnc-collection-mySearch {
+  margin-top: 16px;
+}
+.jzlj-xnc-collection-mySearch .vtx-search {
+  border-radius: 8px;
+}
+.jzlj-xnc-collection-container {
+  min-height: 400px;
+  margin-top: 16px;
+  padding: 20px 12px;
+  position: relative;
+}
+.jzlj-xnc-collection-container .num {
+  font-size: 18px;
+  color: #1677ff;
+  font-weight: 500;
+}
+.jzlj-xnc-collection-container .num .unit {
+  font-size: 12px;
+  font-weight: normal;
+  margin-left: 4px;
+}
+.jzlj-xnc-collection-container .name {
+  font-size: 14px;
+  color: var(--info-color);
+}
+.jzlj-xnc-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-xnc-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-xnc-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;
+}

package/lib/vtx-jzlj-xnc-modal/components/Collection/index.js

@@ -0,0 +1,292 @@
+"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"] = Collection;
+var _react = _interopRequireDefault(require("react"));
+var _vmSubTabs = _interopRequireWildcard(require("../../../vm-sub-tabs"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _ahooks = require("ahooks");
+require("./index.less");
+var _components = require("@vtx/components");
+var _vmFilter = require("../../../vm-filter");
+var _antd = require("antd");
+var _api = require("../../api");
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _vmIframeModal = _interopRequireDefault(require("../../../vm-iframe-modal"));
+var _moment = _interopRequireDefault(require("moment"));
+var _Chart = _interopRequireDefault(require("./Chart"));
+var _chart = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/chart.png"));
+var _chart_active = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/chart_active.png"));
+var _chart_active_light = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/chart_active_light.png"));
+var _list = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/list.png"));
+var _list_active = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/list_active.png"));
+var _list_active_light = _interopRequireDefault(require("../../../vm-appraisal-info/imgs/list_active_light.png"));
+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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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(r) { if (Array.isArray(r)) return r; }
+function Collection(_ref) {
+  var id = _ref.id;
+  var _a, _b;
+  var _Form$useForm = _antd.Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useSettings = (0, _useSettings2["default"])(),
+    isDark = _useSettings.isDark,
+    _useSettings$theme = _useSettings.theme,
+    theme = _useSettings$theme === void 0 ? 'light' : _useSettings$theme;
+  var isDeepTheme = isDark || theme === 'blue';
+  var _useSetState = (0, _ahooks.useSetState)({
+      tabKey: '1',
+      stepThreeOperateTimeLeft: (0, _moment["default"])().subtract(6, 'day'),
+      stepThreeOperateTimeRight: (0, _moment["default"])(),
+      chartData: {},
+      totalData: {
+        totalCount: 0,
+        totalWeight: 0
+      }
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var tabKey = state.tabKey,
+    stepThreeOperateTimeLeft = state.stepThreeOperateTimeLeft,
+    stepThreeOperateTimeRight = state.stepThreeOperateTimeRight,
+    chartData = state.chartData,
+    totalData = state.totalData;
+  var _useSetState3 = (0, _ahooks.useSetState)({
+      src: '',
+      visible: false,
+      title: ''
+    }),
+    _useSetState4 = _slicedToArray(_useSetState3, 2),
+    iframeModalInfo = _useSetState4[0],
+    setIframeModalInfo = _useSetState4[1];
+  var columns = [['联单编号', 'code', {
+    width: 120,
+    render: function render(text) {
+      return text ? /*#__PURE__*/_react["default"].createElement(_components.VtxEllipsisText, {
+        text: text
+      }) : '-';
+    }
+  }], ['核准编号', 'disposalCertificateInfoCode', {
+    width: 120,
+    render: function render(text) {
+      return text ? /*#__PURE__*/_react["default"].createElement(_components.VtxEllipsisText, {
+        text: text
+      }) : '-';
+    }
+  }], ['联单状态', 'jointOrderStatusName', {
+    width: 120
+  }], ['运输起点', 'startingPointName', {
+    width: 120,
+    render: function render(text) {
+      return text ? /*#__PURE__*/_react["default"].createElement(_components.VtxEllipsisText, {
+        text: text
+      }) : '-';
+    }
+  }], ['起点行政区划', 'startingPointDivisionName', {
+    width: 120,
+    render: function render(text) {
+      return text ? /*#__PURE__*/_react["default"].createElement(_components.VtxEllipsisText, {
+        text: text
+      }) : '-';
+    }
+  }], ['起运时间', 'stepOneOperateTime', {
+    width: 180
+  }], ['运输单位', 'transportUnitName', {
+    width: 120,
+    render: function render(text) {
+      return text ? /*#__PURE__*/_react["default"].createElement(_components.VtxEllipsisText, {
+        text: text
+      }) : '-';
+    }
+  }], ['车牌号', 'carCode', {
+    width: 120
+  }], ['接收时间', 'stepThreeOperateTime', {
+    width: 180
+  }], ['建筑垃圾类别', 'garbageTypeName', {
+    width: 120
+  }], ['运量(吨)', 'receivedWeight', {
+    width: 120
+  }], ['操作', 'action', {
+    width: 60,
+    render: function render(_, record) {
+      return /*#__PURE__*/_react["default"].createElement("a", {
+        onClick: function onClick() {
+          setIframeModalInfo({
+            visible: true,
+            title: '联单信息',
+            src: "/jzlj/#/constructionJointOrder?id=".concat(record.id)
+          });
+        }
+      }, "\u67E5\u770B");
+    }
+  }]].map(function (item) {
+    return Object.assign({
+      title: item[0],
+      dataIndex: item[1],
+      key: item[1]
+    }, item[2]);
+  });
+  var getTableData = function getTableData(_ref2, formData) {
+    var current = _ref2.current,
+      pageSize = _ref2.pageSize;
+    _api.CollectionService.jcssOrderAnalyse(id, (0, _moment["default"])(stepThreeOperateTimeLeft).format('YYYY-MM-DD'), (0, _moment["default"])(stepThreeOperateTimeRight).format('YYYY-MM-DD')).then(function (res) {
+      setState({
+        chartData: (res === null || res === void 0 ? void 0 : res.data) || {}
+      });
+    });
+    _api.CollectionService.total(id, (0, _moment["default"])(stepThreeOperateTimeLeft).format('YYYY-MM-DD 00:00:00'), (0, _moment["default"])(stepThreeOperateTimeRight).format('YYYY-MM-DD 23:59:59'), formData).then(function (res) {
+      setState({
+        totalData: (res === null || res === void 0 ? void 0 : res.data) || {}
+      });
+    });
+    return _api.CollectionService.page(Object.assign(Object.assign({}, formData), {
+      startingPointId: id,
+      stepThreeOperateTimeLeft: (0, _moment["default"])(stepThreeOperateTimeLeft).format('YYYY-MM-DD 00:00:00'),
+      stepThreeOperateTimeRight: (0, _moment["default"])(stepThreeOperateTimeRight).format('YYYY-MM-DD 23:59:59'),
+      page: current - 1,
+      size: pageSize
+    })).then(function (res) {
+      var _a, _b;
+      return {
+        total: ((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.total) || 0,
+        list: ((_b = res === null || res === void 0 ? void 0 : res.data) === null || _b === void 0 ? void 0 : _b.rows) || []
+      };
+    });
+  };
+  var _useAntdTable = (0, _ahooks.useAntdTable)(getTableData, {
+      defaultPageSize: 10,
+      form: form
+    }),
+    tableProps = _useAntdTable.tableProps,
+    search = _useAntdTable.search;
+  var submit = search.submit,
+    reset = search.reset;
+  var myTableProps = Object.assign(Object.assign({}, tableProps), {
+    rowKey: 'id',
+    columns: columns,
+    height: 350
+  });
+  var searchList = [{
+    title: '处置证编号',
+    weight: 1,
+    dom: (/*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+      name: "disposalCertificateInfoCode"
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+      placeholder: "\u8BF7\u8F93\u5165"
+    })))
+  }, {
+    title: '联单编号',
+    weight: 1,
+    dom: (/*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+      name: "code"
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+      placeholder: "\u8BF7\u8F93\u5165"
+    })))
+  }, {
+    title: '运输起点',
+    weight: 1,
+    dom: (/*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+      name: "startingPointName"
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+      placeholder: "\u8BF7\u8F93\u5165"
+    })))
+  }];
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "jzlj-xnc-collection"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "jzlj-card jzlj-xnc-collection-myTabs"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTabs["default"], {
+    onChange: function onChange(key) {
+      setState({
+        tabKey: key
+      });
+    },
+    activeKey: tabKey
+  }, [{
+    name: (/*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
+      src: tabKey === '1' ? isDeepTheme ? _chart_active["default"] : _chart_active_light["default"] : _chart["default"]
+    }), "\u56FE\u8868")),
+    key: '1'
+  }, {
+    name: (/*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
+      src: tabKey === '2' ? isDeepTheme ? _list_active["default"] : _list_active_light["default"] : _list["default"]
+    }), "\u5217\u8868")),
+    key: '2'
+  }].map(function (ele) {
+    return /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabPane, {
+      subKey: ele.key,
+      key: ele.key,
+      tab: ele.name
+    });
+  })), /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("span", {
+    style: {
+      marginRight: 8
+    }
+  }, "\u65E5\u671F"), /*#__PURE__*/_react["default"].createElement(_vmFilter.VMRangePicker, {
+    allowClear: false,
+    value: [stepThreeOperateTimeLeft, stepThreeOperateTimeRight],
+    onChange: function onChange(date) {
+      setState({
+        stepThreeOperateTimeLeft: date[0],
+        stepThreeOperateTimeRight: date[1]
+      });
+      submit();
+    }
+  }))), tabKey === '2' && (/*#__PURE__*/_react["default"].createElement("div", {
+    className: "jzlj-card jzlj-xnc-collection-mySearch"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Form, {
+    form: form,
+    name: "query-form"
+  }, /*#__PURE__*/_react["default"].createElement(_components.VtxSearch, {
+    titles: searchList.map(function (item) {
+      return item.title;
+    }),
+    gridWeight: searchList.map(function (item) {
+      return item.weight;
+    }),
+    onConfirm: submit,
+    onClear: reset
+  }, searchList.map(function (item) {
+    return item.dom;
+  }))))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "jzlj-card jzlj-xnc-collection-container"
+  }, tabKey === '1' && /*#__PURE__*/_react["default"].createElement(_Chart["default"], {
+    theme: theme,
+    chartData: chartData
+  }), tabKey === '2' && (/*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "flex_center_around",
+    style: {
+      paddingBottom: 10
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "name"
+  }, "\u603B\u8F66\u6B21"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "num"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (_a = totalData === null || totalData === void 0 ? void 0 : totalData.totalCount) !== null && _a !== void 0 ? _a : 0), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "unit"
+  }, "\u6B21"))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "name"
+  }, "\u603B\u63A5\u6536\u91CF"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "num"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (_b = totalData === null || totalData === void 0 ? void 0 : totalData.totalWeight) !== null && _b !== void 0 ? _b : 0), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "unit"
+  }, "\u5428")))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({}, myTableProps)))))), /*#__PURE__*/_react["default"].createElement(_vmIframeModal["default"], Object.assign({}, iframeModalInfo, {
+    theme: theme,
+    onCancel: function onCancel() {
+      return setIframeModalInfo({
+        visible: false
+      });
+    }
+  })));
+}
+//# sourceMappingURL=index.js.map