@vtx/modals2 5.0.2 → 5.0.3

package/lib/vtx-qyry-modal/index.js

@@ -0,0 +1,119 @@
+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 _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 { useMemo } from 'react';
+import VmCustom from "../_components/vm-custom";
+import useGetConfig from "../_hooks/useGetConfig";
+import VtxBaseModal from "../vtx-base-modal";
+import { AlarmInfo, Attendance, BaseInfo, Calendar, Equipment } from "../vtx-staff-modal/components";
+import "../vtx-staff-modal/style";
+import { BaseService } from "./api";
+import { jsx as _jsx } from "react/jsx-runtime";
+var TABS_BASE = 'staff-base';
+var TABS_CALENDAR = 'staff-calender';
+var TABS_DETAIL = 'staff-detail';
+var TABS_ALARM = 'staff-alarm';
+var TABS_ATTENDANCE = 'staff-attendance';
+var TABS_EUQIPMENT = 'staff-equipment';
+var tabs = [{
+  key: TABS_BASE,
+  title: '总览信息'
+}, {
+  key: TABS_CALENDAR,
+  title: '作业日历'
+}, {
+  key: TABS_DETAIL,
+  title: '详细信息'
+}, {
+  key: TABS_ALARM,
+  title: '报警信息'
+}, {
+  key: TABS_ATTENDANCE,
+  title: '考勤信息'
+}, {
+  key: TABS_EUQIPMENT,
+  title: '设备信息'
+}];
+var VtxQyryModal = function VtxQyryModal(props) {
+  var _realInfo$info, _realInfo$info2;
+  var id = props.id,
+    title = props.title,
+    subTitle = props.subTitle,
+    theme = props.theme,
+    source = props.source,
+    visible = props.visible,
+    onCancel = props.onCancel,
+    _props$top = props.top,
+    top = _props$top === void 0 ? 50 : _props$top,
+    _props$frameParams = props.frameParams,
+    frameParams = _props$frameParams === void 0 ? {} : _props$frameParams,
+    _props$customMapInfo = props.customMapInfo,
+    customMapInfo = _props$customMapInfo === void 0 ? {} : _props$customMapInfo,
+    _props$tabChose = props.tabChose,
+    tabChose = _props$tabChose === void 0 ? '' : _props$tabChose;
+  var _useGetConfig = useGetConfig('qyry', tabs),
+    tabsData = _useGetConfig.tabsData;
+  var _BaseService$useBaseI = BaseService.useBaseInfo(id),
+    baseInfo = _BaseService$useBaseI.baseInfo;
+  var realInfo = BaseService.useMapInfo(id);
+  var tabsList = useMemo(function () {
+    var tabsList = tabsData;
+    return tabsList;
+  }, [JSON.stringify(tabsData)]);
+  var contents = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TABS_BASE, /*#__PURE__*/_jsx(BaseInfo, {
+    id: id,
+    baseInfo: baseInfo,
+    realInfo: realInfo,
+    customMapInfo: customMapInfo,
+    service: "rykq"
+  })), TABS_CALENDAR, /*#__PURE__*/_jsx(Calendar, {
+    id: id,
+    service: "rykq"
+  })), TABS_ALARM, /*#__PURE__*/_jsx(AlarmInfo, {
+    id: id,
+    service: "rykq"
+  })), TABS_ATTENDANCE, /*#__PURE__*/_jsx(Attendance, {
+    id: id,
+    service: "rykq"
+  })), TABS_EUQIPMENT, /*#__PURE__*/_jsx(Equipment, {
+    id: id,
+    realInfo: realInfo,
+    service: "rykq"
+  }));
+
+  // 自定义页签可配置多个，
+  if (tabsData !== null && tabsData !== void 0 && tabsData.length) {
+    tabsData.forEach(function (ele) {
+      if (ele.url) {
+        contents[ele.key] = /*#__PURE__*/_jsx(VmCustom, {
+          id: id,
+          url: ele === null || ele === void 0 ? void 0 : ele.url
+        });
+      }
+    });
+  }
+  return /*#__PURE__*/_jsx(VtxBaseModal, {
+    id: id,
+    type: "staff",
+    title: title,
+    subTitle: subTitle,
+    visible: visible,
+    source: source,
+    theme: theme,
+    onCancel: onCancel,
+    frameParams: frameParams,
+    tabChose: tabChose,
+    top: top,
+    tabs: tabsList,
+    tagList: [{
+      color: 'blue',
+      value: realInfo === null || realInfo === void 0 || (_realInfo$info = realInfo.info) === null || _realInfo$info === void 0 ? void 0 : _realInfo$info.workTypeName
+    }, {
+      color: 'green',
+      value: realInfo === null || realInfo === void 0 || (_realInfo$info2 = realInfo.info) === null || _realInfo$info2 === void 0 ? void 0 : _realInfo$info2.statusName
+    }],
+    contents: contents
+  });
+};
+export default VtxQyryModal;

package/lib/vtx-qyry-modal/style/index.js

@@ -0,0 +1 @@
+import "../../vtx-staff-modal/style/index.less";

package/lib/vtx-road-modal/api.js

@@ -0,0 +1,219 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; }
+import { useRequest } from 'ahooks';
+import _ from 'lodash';
+import np from 'number-precision';
+import http from "../_util/http";
+var workTypeColors = ['blue', 'green', 'yellow', 'purple', 'orange'];
+export var BaseService = {
+  useBaseInfo: function useBaseInfo(id, hasRule) {
+    var _showConfig$data, _showConfig$data2, _ref;
+    var _useRequest = useRequest(function () {
+        return http.get("/cloud/zyqs-zqb/api/v1.5/road/".concat(id));
+      }, {
+        refreshDeps: [id, hasRule],
+        ready: hasRule
+      }),
+      baseInfoRes = _useRequest.data;
+    var _useRequest2 = useRequest(function () {
+        return http.getForTenantId('/cloud/jcss-reborn/facility/type/getByCode', {
+          body: {
+            code: 'tr',
+            tenantId: ''
+          }
+        });
+      }, {
+        refreshDeps: [id]
+      }),
+      showConfig = _useRequest2.data;
+    var info = baseInfoRes === null || baseInfoRes === void 0 ? void 0 : baseInfoRes.data;
+    var showbidSection = (showConfig === null || showConfig === void 0 || (_showConfig$data = showConfig.data) === null || _showConfig$data === void 0 ? void 0 : _showConfig$data.code) === 'tr' ? showConfig === null || showConfig === void 0 || (_showConfig$data2 = showConfig.data) === null || _showConfig$data2 === void 0 || (_showConfig$data2 = _showConfig$data2.fieldJson) === null || _showConfig$data2 === void 0 ? void 0 : _showConfig$data2.find(function (item) {
+      return item.key === 'tenderId' && item.enabled === true;
+    }) : true;
+    var baseInfo = (_ref = [{
+      label: '管理单位',
+      key: 'manageUnitName',
+      value: info === null || info === void 0 ? void 0 : info.manageUnitName
+    }, {
+      label: '路段长度',
+      key: 'roadSpace',
+      value: "".concat((info === null || info === void 0 ? void 0 : info.roadSpace) || '0', "m")
+    }, {
+      label: '行政区划',
+      key: 'divisionName',
+      value: info === null || info === void 0 ? void 0 : info.divisionName
+    }, {
+      label: '路段宽度(m)',
+      key: 'roadWidth',
+      value: "".concat((info === null || info === void 0 ? void 0 : info.roadWidth) || '0', "m")
+    }, showbidSection && {
+      label: '所属标段',
+      key: 'bidSectionName',
+      value: info === null || info === void 0 ? void 0 : info.bidSectionName
+    }, {
+      label: '作业单位',
+      key: 'companyName',
+      value: info === null || info === void 0 ? void 0 : info.companyName
+    }]) === null || _ref === void 0 ? void 0 : _ref.filter(Boolean);
+    var rules = (info === null || info === void 0 ? void 0 : info.rules) || [];
+    var workTypeColorMap = {};
+    _.uniqBy(rules, 'workTypeName').forEach(function (item, index) {
+      workTypeColorMap[item.workTypeName] = workTypeColors[index % workTypeColors.length];
+    });
+    return {
+      baseInfo: baseInfo,
+      rules: rules,
+      info: info,
+      workTypeColorMap: workTypeColorMap
+    };
+  },
+  useJcss: function useJcss(id) {
+    var _jcssInfo$dataJson;
+    var _useRequest3 = useRequest(function () {
+        return http.get('/cloud/jcss-reborn/facility/get', {
+          body: {
+            id: id,
+            coordType: 'wgs84'
+          }
+        });
+      }, {
+        refreshDeps: [id]
+      }),
+      jcssBaseInfoRes = _useRequest3.data;
+    var jcssInfo = jcssBaseInfoRes === null || jcssBaseInfoRes === void 0 ? void 0 : jcssBaseInfoRes.data;
+    var hasRule = (jcssInfo === null || jcssInfo === void 0 || (_jcssInfo$dataJson = jcssInfo.dataJson) === null || _jcssInfo$dataJson === void 0 || (_jcssInfo$dataJson = _jcssInfo$dataJson.roadWorkTypeId) === null || _jcssInfo$dataJson === void 0 ? void 0 : _jcssInfo$dataJson.indexOf('jxhbj')) > -1;
+    return {
+      jcssInfo: jcssInfo,
+      hasRule: hasRule
+    };
+  },
+  useRoadReport: function useRoadReport(roadId, startDate, endDate) {
+    var _useRequest4 = useRequest(function () {
+        return http.get("/cloud/zyqs-zqb/api/np/noshift/report/roadWorkDailyReport", {
+          body: {
+            roadId: roadId,
+            startDate: startDate,
+            endDate: endDate
+          }
+        });
+      }, {
+        refreshDeps: [roadId, startDate, endDate]
+      }),
+      roadReport = _useRequest4.data;
+    var groupByDate = _.groupBy((roadReport === null || roadReport === void 0 ? void 0 : roadReport.data) || [], 'workDate');
+    var obj = {};
+    Object.keys(groupByDate).forEach(function (date) {
+      var workMileage = groupByDate[date].reduce(function (acc, cur) {
+        return np.plus(acc, cur.workMileage);
+      }, 0);
+      var planMileage = groupByDate[date].reduce(function (acc, cur) {
+        return np.plus(acc, cur.planMileage);
+      }, 0);
+      var completePercent = planMileage ? (workMileage / planMileage * 100).toFixed(2) : 0;
+      obj[date] = {
+        workMileage: workMileage,
+        planMileage: planMileage,
+        completePercent: completePercent
+      };
+    });
+    return {
+      roadWorkInfo: obj
+    };
+  },
+  useSummaryInfo: function useSummaryInfo(id, startDate, endDate) {
+    var _useRequest5 = useRequest(function () {
+        return http.get("/cloud/zyqs-zqb/api/kanban/summaryStatistics", {
+          body: {
+            roadId: id,
+            startDate: startDate,
+            endDate: endDate
+          }
+        });
+      }, {
+        refreshDeps: [id, startDate, endDate]
+      }),
+      summaryInfoRes = _useRequest5.data;
+    var summaryInfo = summaryInfoRes === null || summaryInfoRes === void 0 ? void 0 : summaryInfoRes.data;
+
+    //完成率统计
+    var _useRequest6 = useRequest(function () {
+        return http.get("/cloud/zyqs-zqb/api/kanban/completionRateStatistics", {
+          body: {
+            roadId: id,
+            startDate: startDate,
+            endDate: endDate
+          }
+        });
+      }, {
+        refreshDeps: [id, startDate, endDate]
+      }),
+      completionRateRes = _useRequest6.data;
+    var completionRate = completionRateRes === null || completionRateRes === void 0 ? void 0 : completionRateRes.data;
+
+    // 作业里程分析
+    var _useRequest7 = useRequest(function () {
+        return http.get("/cloud/zyqs-zqb/api/kanban/workMileageAnalysis", {
+          body: {
+            roadId: id,
+            startDate: startDate,
+            endDate: endDate
+          }
+        });
+      }, {
+        refreshDeps: [id, startDate, endDate]
+      }),
+      mileAnalysisRes = _useRequest7.data;
+    var mileAnalysis = (mileAnalysisRes === null || mileAnalysisRes === void 0 ? void 0 : mileAnalysisRes.data) || [];
+    return {
+      summaryInfo: summaryInfo,
+      completionRate: completionRate,
+      mileAnalysis: mileAnalysis
+    };
+  },
+  useRecordService: function useRecordService(id, date) {
+    // 车辆作业信息
+    var _useRequest8 = useRequest(function () {
+        return http.get("/cloud/zyqs-zqb/api/kanban/getCarWorkInfoByRoadId", {
+          body: {
+            roadId: id,
+            date: date
+          }
+        });
+      }, {
+        refreshDeps: [id, date]
+      }),
+      carWorkRecordRes = _useRequest8.data;
+    var carWorkRecord = [];
+    var groupByCarCode = _.groupBy((carWorkRecordRes === null || carWorkRecordRes === void 0 ? void 0 : carWorkRecordRes.data) || [], 'carCode');
+    Object.keys(groupByCarCode).forEach(function (carCode) {
+      var list = groupByCarCode[carCode];
+      list[0].rowSpan = list.length;
+      carWorkRecord.push.apply(carWorkRecord, _toConsumableArray(list));
+    });
+    return {
+      carWorkRecord: carWorkRecord
+    };
+  },
+  useWorkOverview: function useWorkOverview(id, date) {
+    var _useRequest9 = useRequest(function () {
+        return http.get("/cloud/zyqs-zqb/api/kanban/workOverview", {
+          body: {
+            roadId: id,
+            date: date
+          }
+        });
+      }, {
+        refreshDeps: [id, date]
+      }),
+      workInfoRes = _useRequest9.data,
+      loading = _useRequest9.loading;
+    return {
+      workInfo: (workInfoRes === null || workInfoRes === void 0 ? void 0 : workInfoRes.data) || [],
+      loading: loading
+    };
+  }
+};

package/lib/vtx-road-modal/components/BaseInfo/Rules.js

@@ -0,0 +1,48 @@
+import classnames from 'classnames';
+import { isEmpty } from 'lodash';
+import { VmEmpty } from "../../../_components";
+import useSettings from "../../../_hooks/useSettings";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var Rules = function Rules(_ref) {
+  var rules = _ref.rules,
+    workTypeColorMap = _ref.workTypeColorMap;
+  var _useSettings = useSettings(),
+    isDark = _useSettings.isDark;
+  return /*#__PURE__*/_jsx("div", {
+    className: classnames('vtx-road-rule-wrap', {
+      'vtx-road-rule-wrap-dark': isDark
+    }),
+    children: Array.isArray(rules) && !isEmpty(rules) ? rules.filter(function (item) {
+      return item.beenLaunch;
+    }).map(function (item, index) {
+      return /*#__PURE__*/_jsxs("div", {
+        className: "vtx-road-rule-wrap-item-wrap",
+        children: [/*#__PURE__*/_jsx("div", {
+          className: classnames('vtx-road-rule-wrap-work', workTypeColorMap[item.workTypeName]),
+          children: item.workTypeName || '--'
+        }), /*#__PURE__*/_jsxs("div", {
+          children: [/*#__PURE__*/_jsx("span", {
+            className: classnames('vtx-road-rule-wrap-number', workTypeColorMap[item.workTypeName], {
+              dark: isDark
+            }),
+            children: item.workCount || '--'
+          }), /*#__PURE__*/_jsx("span", {
+            className: classnames('vtx-road-rule-wrap-unit', workTypeColorMap[item.workTypeName], {
+              dark: isDark
+            }),
+            children: "\u8D9F"
+          })]
+        }), /*#__PURE__*/_jsx("div", {
+          className: 'vtx-road-rule-wrap-time',
+          children: "".concat(item.workStartTime, "-").concat(item.workEndTime)
+        })]
+      }, index);
+    }) : /*#__PURE__*/_jsx(VmEmpty, {
+      imgStyle: {
+        marginLeft: 0,
+        transform: 'translateX(0%)'
+      }
+    })
+  });
+};
+export default Rules;