@vtx/modals2 3.3.10 → 3.3.12

package/lib/vm-case-modal/api.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseService = void 0;
+var _utils = require("@vtx/utils");
+var _ahooks = require("ahooks");
+var BaseService = {
+  useCaseDetail: function useCaseDetail(caseId) {
+    //机械化作业分析
+    var _useRequest = (0, _ahooks.useRequest)(function () {
+        return _utils.request.get('/cloud/zhxt/case/info/get', {
+          data: {
+            id: caseId
+          }
+        });
+      }, {
+        refreshDeps: [caseId]
+      }),
+      caseDetailRes = _useRequest.data;
+    return {
+      caseDetail: (caseDetailRes === null || caseDetailRes === void 0 ? void 0 : caseDetailRes.data) || {}
+    };
+  },
+  useCaseProcessData: function useCaseProcessData(caseId) {
+    var _useRequest2 = (0, _ahooks.useRequest)(function () {
+        return _utils.request.get('/cloud/zhxt/case/info/history/getOtherData', {
+          data: {
+            id: caseId
+          }
+        });
+      }, {
+        refreshDeps: [caseId]
+      }),
+      otherDataRes = _useRequest2.data;
+    return {
+      otherDetail: (otherDataRes === null || otherDataRes === void 0 ? void 0 : otherDataRes.data) || {}
+    };
+  }
+};
+exports.BaseService = BaseService;
+//# sourceMappingURL=api.js.map

package/lib/vm-case-modal/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","names":["_utils","require","_ahooks","BaseService","useCaseDetail","caseId","_useRequest","useRequest","request","get","data","id","refreshDeps","caseDetailRes","caseDetail","useCaseProcessData","_useRequest2","otherDataRes","otherDetail","exports"],"sources":["vm-case-modal/api.js"],"sourcesContent":["import { request } from '@vtx/utils';\nimport { useRequest } from 'ahooks';\nconst BaseService = {\n    useCaseDetail: (caseId) => {\n        //机械化作业分析\n        const { data: caseDetailRes } = useRequest(() => request.get('/cloud/zhxt/case/info/get', {\n            data: {\n                id: caseId,\n            },\n        }), { refreshDeps: [caseId] });\n        return {\n            caseDetail: (caseDetailRes === null || caseDetailRes === void 0 ? void 0 : caseDetailRes.data) || {},\n        };\n    },\n    useCaseProcessData: (caseId) => {\n        const { data: otherDataRes } = useRequest(() => request.get('/cloud/zhxt/case/info/history/getOtherData', {\n            data: {\n                id: caseId,\n            },\n        }), { refreshDeps: [caseId] });\n        return {\n            otherDetail: (otherDataRes === null || otherDataRes === void 0 ? void 0 : otherDataRes.data) || {},\n        };\n    },\n};\nexport { BaseService, };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAME,WAAW,GAAG;EAChBC,aAAa,EAAE,SAAAA,cAACC,MAAM,EAAK;IACvB;IACA,IAAAC,WAAA,GAAgC,IAAAC,kBAAU,EAAC;QAAA,OAAMC,cAAO,CAACC,GAAG,CAAC,2BAA2B,EAAE;UACtFC,IAAI,EAAE;YACFC,EAAE,EAAEN;UACR;QACJ,CAAC,CAAC;MAAA,GAAE;QAAEO,WAAW,EAAE,CAACP,MAAM;MAAE,CAAC,CAAC;MAJhBQ,aAAa,GAAAP,WAAA,CAAnBI,IAAI;IAKZ,OAAO;MACHI,UAAU,EAAE,CAACD,aAAa,KAAK,IAAI,IAAIA,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAACH,IAAI,KAAK,CAAC;IACvG,CAAC;EACL,CAAC;EACDK,kBAAkB,EAAE,SAAAA,mBAACV,MAAM,EAAK;IAC5B,IAAAW,YAAA,GAA+B,IAAAT,kBAAU,EAAC;QAAA,OAAMC,cAAO,CAACC,GAAG,CAAC,4CAA4C,EAAE;UACtGC,IAAI,EAAE;YACFC,EAAE,EAAEN;UACR;QACJ,CAAC,CAAC;MAAA,GAAE;QAAEO,WAAW,EAAE,CAACP,MAAM;MAAE,CAAC,CAAC;MAJhBY,YAAY,GAAAD,YAAA,CAAlBN,IAAI;IAKZ,OAAO;MACHQ,WAAW,EAAE,CAACD,YAAY,KAAK,IAAI,IAAIA,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,YAAY,CAACP,IAAI,KAAK,CAAC;IACrG,CAAC;EACL;AACJ,CAAC;AAACS,OAAA,CAAAhB,WAAA,GAAAA,WAAA"}

package/lib/vm-case-modal/components/BaseInfo/fields.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.detailFields = void 0;
+var detailFields = [{
+  key: 'taskNo',
+  label: '任务号'
+}, {
+  key: 'caseSourceStr',
+  label: '问题来源'
+},
+// {
+//     key: 'informMan',
+//     label: '问题类型',
+// },
+{
+  key: 'eventAndComponentManageName',
+  label: '案件类别'
+},
+// {
+//     key: 'largeClassName',
+//     label: '案件大类',
+// },
+// {
+//     key: 'subClassName',
+//     label: '案件小类',
+// },
+{
+  key: 'urgencyLevel',
+  label: '紧急程度'
+}, {
+  key: 'preCondition',
+  label: '立案条件'
+}, {
+  key: 'closeCondition',
+  label: '结案条件'
+}, {
+  key: 'componentName',
+  label: '部件'
+}, {
+  key: 'districtDivisionName',
+  label: '区域'
+}, {
+  key: 'streetDivisionName',
+  label: '街道'
+}, {
+  key: 'communityDivisionName',
+  label: '社区'
+}, {
+  key: 'gridName',
+  label: '网格'
+}, {
+  key: 'informMan',
+  label: '上报人'
+}, {
+  key: 'reportTime',
+  label: '上报时间'
+}, {
+  key: 'caseDesc',
+  label: '问题描述',
+  width: '100%'
+}, {
+  key: 'address',
+  label: '问题位置',
+  width: '100%'
+}
+// {
+//     key: '',
+//     label: '',
+// },
+// {
+//     key: '',
+//     label: '',
+// },
+// {
+//     key: '',
+//     label: '',
+// },
+];
+exports.detailFields = detailFields;
+//# sourceMappingURL=fields.js.map

package/lib/vm-case-modal/components/BaseInfo/fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields.js","names":["detailFields","key","label","width","exports"],"sources":["vm-case-modal/components/BaseInfo/fields.js"],"sourcesContent":["export const detailFields = [\n    {\n        key: 'taskNo',\n        label: '任务号',\n    },\n    {\n        key: 'caseSourceStr',\n        label: '问题来源',\n    },\n    // {\n    //     key: 'informMan',\n    //     label: '问题类型',\n    // },\n    {\n        key: 'eventAndComponentManageName',\n        label: '案件类别',\n    },\n    // {\n    //     key: 'largeClassName',\n    //     label: '案件大类',\n    // },\n    // {\n    //     key: 'subClassName',\n    //     label: '案件小类',\n    // },\n    {\n        key: 'urgencyLevel',\n        label: '紧急程度',\n    },\n    {\n        key: 'preCondition',\n        label: '立案条件',\n    },\n    {\n        key: 'closeCondition',\n        label: '结案条件',\n    },\n    {\n        key: 'componentName',\n        label: '部件',\n    },\n    {\n        key: 'districtDivisionName',\n        label: '区域',\n    },\n    {\n        key: 'streetDivisionName',\n        label: '街道',\n    },\n    {\n        key: 'communityDivisionName',\n        label: '社区',\n    },\n    {\n        key: 'gridName',\n        label: '网格',\n    },\n    {\n        key: 'informMan',\n        label: '上报人',\n    },\n    {\n        key: 'reportTime',\n        label: '上报时间',\n    },\n    {\n        key: 'caseDesc',\n        label: '问题描述',\n        width: '100%'\n    },\n    {\n        key: 'address',\n        label: '问题位置',\n        width: '100%'\n    },\n    // {\n    //     key: '',\n    //     label: '',\n    // },\n    // {\n    //     key: '',\n    //     label: '',\n    // },\n    // {\n    //     key: '',\n    //     label: '',\n    // },\n];\n"],"mappings":";;;;;;AAAO,IAAMA,YAAY,GAAG,CACxB;EACIC,GAAG,EAAE,QAAQ;EACbC,KAAK,EAAE;AACX,CAAC,EACD;EACID,GAAG,EAAE,eAAe;EACpBC,KAAK,EAAE;AACX,CAAC;AACD;AACA;AACA;AACA;AACA;EACID,GAAG,EAAE,6BAA6B;EAClCC,KAAK,EAAE;AACX,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACID,GAAG,EAAE,cAAc;EACnBC,KAAK,EAAE;AACX,CAAC,EACD;EACID,GAAG,EAAE,cAAc;EACnBC,KAAK,EAAE;AACX,CAAC,EACD;EACID,GAAG,EAAE,gBAAgB;EACrBC,KAAK,EAAE;AACX,CAAC,EACD;EACID,GAAG,EAAE,eAAe;EACpBC,KAAK,EAAE;AACX,CAAC,EACD;EACID,GAAG,EAAE,sBAAsB;EAC3BC,KAAK,EAAE;AACX,CAAC,EACD;EACID,GAAG,EAAE,oBAAoB;EACzBC,KAAK,EAAE;AACX,CAAC,EACD;EACID,GAAG,EAAE,uBAAuB;EAC5BC,KAAK,EAAE;AACX,CAAC,EACD;EACID,GAAG,EAAE,UAAU;EACfC,KAAK,EAAE;AACX,CAAC,EACD;EACID,GAAG,EAAE,WAAW;EAChBC,KAAK,EAAE;AACX,CAAC,EACD;EACID,GAAG,EAAE,YAAY;EACjBC,KAAK,EAAE;AACX,CAAC,EACD;EACID,GAAG,EAAE,UAAU;EACfC,KAAK,EAAE,MAAM;EACbC,KAAK,EAAE;AACX,CAAC,EACD;EACIF,GAAG,EAAE,SAAS;EACdC,KAAK,EAAE,MAAM;EACbC,KAAK,EAAE;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA,CACH;AAACC,OAAA,CAAAJ,YAAA,GAAAA,YAAA"}

package/lib/vm-case-modal/components/BaseInfo/index.css

@@ -0,0 +1,185 @@
+.case-base {
+  width: 100%;
+  height: 100%;
+  padding: 6px 10px;
+  overflow: auto;
+  position: relative;
+}
+.case-base .tabsPosition {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100%;
+  height: 52px;
+  line-height: 52px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.case-base .tabsPosition .tab {
+  width: 130px;
+  height: 26px;
+  line-height: 26px;
+  text-align: center;
+  margin-right: 12px;
+  background-image: url(../../imgs/tab_unsel.png);
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  font-size: 16px;
+  font-family: PingFang;
+  font-weight: 400;
+  color: #ffffff;
+  cursor: pointer;
+}
+.case-base .tabsPosition .active {
+  width: 130px;
+  height: 26px;
+  line-height: 26px;
+  text-align: center;
+  margin-right: 12px;
+  background-image: url(../../imgs/tab_selected.png);
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  font-size: 16px;
+  font-family: PingFang;
+  font-weight: 400;
+  color: #00FFEC;
+  cursor: pointer;
+}
+.case-base .infoList {
+  height: calc(100% - 70pxm);
+  margin-top: 20px;
+  width: 100%;
+  overflow: auto;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+}
+.case-base .infoList .infoItem {
+  width: 50%;
+  height: 30px;
+  line-height: 30px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  font-size: 16px;
+}
+.case-base .infoList .infoItem .label {
+  width: 110px;
+  text-align: right;
+  color: #fff;
+}
+.case-base .infoList .infoItem .value {
+  width: calc(100% - 110px);
+  color: #74BBF4;
+}
+.case-base .processList {
+  height: calc(100% - 70px);
+  margin-top: 20px;
+  width: 100%;
+  overflow: auto;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.case-base .processList .processItem {
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+.case-base .processList .processItem .dotLine {
+  width: 30px;
+  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-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.case-base .processList .processItem .dotLine img {
+  width: 20px;
+  height: 20px;
+}
+.case-base .processList .processItem .dotLine .line {
+  height: 100%;
+  border-left: 1px solid #44B7E9;
+}
+.case-base .processList .processItem .content {
+  width: calc(100% - 30px);
+  padding: 20px 10px;
+}
+.case-base .processList .processItem .content .top {
+  height: 30px;
+  line-height: 30px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.case-base .processList .processItem .content .top .type {
+  color: #44B7E9;
+  font-family: PingFang;
+  font-weight: bold;
+  background: -webkit-gradient(linear, left bottom, left top, from(#3DC6FF), to(#97E0FF));
+  background: linear-gradient(0deg, #3DC6FF 0%, #97E0FF 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  font-size: 16px;
+}
+.case-base .processList .processItem .content .top .time {
+  color: #fff;
+}
+.case-base .processList .processItem .content .details {
+  margin-top: 10px;
+  width: 100%;
+  background-image: url(../../imgs/bg.png);
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  padding: 10px;
+  color: #fff;
+}

package/lib/vm-case-modal/components/BaseInfo/index.js

@@ -0,0 +1,139 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _vmSubTitle = _interopRequireDefault(require("../../../vm-sub-title"));
+var _vmMap = _interopRequireDefault(require("../../../vm-map"));
+var _antd = require("antd");
+require("./index.less");
+var _fields = require("./fields");
+var _api = require("../../api");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var tabs = [{
+  key: 'detail',
+  name: '详细信息'
+}, {
+  key: 'process',
+  name: '办理经过'
+}];
+var CaseInfo = function CaseInfo(props) {
+  var _a, _b, _c;
+  var caseId = props.caseId;
+  var _useState = (0, _react.useState)('detail'),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentTab = _useState2[0],
+    setCurrentTab = _useState2[1];
+  var point = [];
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme;
+  var otherInfo = {
+    taskList: []
+  };
+  var _BaseService$useCaseD = _api.BaseService.useCaseDetail(caseId),
+    caseDetail = _BaseService$useCaseD.caseDetail;
+  if (caseDetail && caseDetail.geoLocationDTO) {
+    var _ref = ((_b = (_a = caseDetail.geoLocationDTO) === null || _a === void 0 ? void 0 : _a.lngLats) === null || _b === void 0 ? void 0 : _b.split(',')) || [],
+      _ref2 = _slicedToArray(_ref, 2),
+      lng = _ref2[0],
+      lat = _ref2[1];
+    point = [{
+      lng: parseFloat(lng),
+      lat: parseFloat(lat),
+      id: caseDetail.id,
+      name: caseDetail.taskNo,
+      url: require('../../imgs/point.png')
+    }];
+  }
+  var _BaseService$useCaseP = _api.BaseService.useCaseProcessData(caseId),
+    otherDetail = _BaseService$useCaseP.otherDetail;
+  if (otherDetail === null || otherDetail === void 0 ? void 0 : otherDetail.id) {
+    otherInfo = Object.assign(Object.assign({}, otherDetail), {
+      taskList: otherDetail === null || otherDetail === void 0 ? void 0 : otherDetail.taskList.map(function (item) {
+        return Object.assign(Object.assign({}, item), {
+          key: item.id
+        });
+      })
+    });
+  }
+  var mapProps = {
+    mapId: 'hwCarDriveAlarmDetailMap',
+    mapCenter: point.length > 0 ? [point[0].longitude, point[0].latitude] : [104.072314, 30.663401],
+    mapType: 'bmap',
+    mapStyle: 'midnight',
+    mapZoomLevel: 12,
+    mapPoints: point
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "case-base ".concat(theme)
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTitle["default"], {
+    title: "\u6848\u4EF6\u63CF\u8FF0"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tabsPosition"
+  }, tabs.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: item.key,
+      className: "tab ".concat(currentTab === item.key && 'active'),
+      onClick: function onClick() {
+        setCurrentTab(item.key);
+      }
+    }, item.name);
+  })), currentTab == 'detail' && /*#__PURE__*/_react["default"].createElement("div", {
+    className: 'infoList'
+  }, _fields.detailFields.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: 'infoItem',
+      key: item.key,
+      style: {
+        width: item.width ? item.width : '50%'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: 'label'
+    }, item.label, "\uFF1A"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: 'value'
+    }, (caseDetail === null || caseDetail === void 0 ? void 0 : caseDetail[item.key]) || '--'));
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      width: '100%',
+      height: '300px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_vmMap["default"], Object.assign({}, mapProps)))), currentTab == 'process' && /*#__PURE__*/_react["default"].createElement("div", {
+    className: 'processList'
+  }, ((_c = otherInfo === null || otherInfo === void 0 ? void 0 : otherInfo.taskList) === null || _c === void 0 ? void 0 : _c.length) > 0 ? otherInfo.taskList.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: 'processItem',
+      key: item.id
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: 'dotLine'
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: require('../../imgs/dot.png')
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: 'line'
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: 'content'
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: 'top'
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: 'type'
+    }, item.operateType), /*#__PURE__*/_react["default"].createElement("div", {
+      className: 'time'
+    }, item.reportTime)), /*#__PURE__*/_react["default"].createElement("div", {
+      className: 'details'
+    }, "\u3010", item.operateMan, "\u3011 ", item.suggestion)));
+  }) : /*#__PURE__*/_react["default"].createElement(_antd.Empty, null)));
+};
+var _default = CaseInfo;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vm-case-modal/components/BaseInfo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_useSettings2","_interopRequireDefault","_vmSubTitle","_vmMap","_antd","_fields","_api","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","tabs","CaseInfo","props","_a","_b","_c","caseId","_useState","useState","_useState2","currentTab","setCurrentTab","point","_useSettings","useSettings","theme","otherInfo","taskList","_BaseService$useCaseD","BaseService","useCaseDetail","caseDetail","geoLocationDTO","_ref","lngLats","split","_ref2","lng","lat","parseFloat","id","taskNo","url","_BaseService$useCaseP","useCaseProcessData","otherDetail","assign","map","item","mapProps","mapId","mapCenter","longitude","latitude","mapType","mapStyle","mapZoomLevel","mapPoints","React","createElement","className","concat","VmSubTitle","title","onClick","detailFields","style","width","label","height","VmMap","src","operateType","reportTime","operateMan","suggestion","Empty","_default","exports"],"sources":["vm-case-modal/components/BaseInfo/index.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport useSettings from '../../../vm-hooks/useSettings';\nimport VmSubTitle from '../../../vm-sub-title';\nimport VmMap from \"../../../vm-map\";\nimport { Empty } from 'antd';\nimport './index.less';\nimport { detailFields } from './fields';\nimport { BaseService } from '../../api';\nconst tabs = [\n    { key: 'detail', name: '详细信息' },\n    { key: 'process', name: '办理经过' },\n];\nconst CaseInfo = props => {\n    var _a, _b, _c;\n    const { caseId } = props;\n    const [currentTab, setCurrentTab] = useState('detail');\n    let point = [];\n    const { theme } = useSettings();\n    let otherInfo = {\n        taskList: [],\n    };\n    const { caseDetail } = BaseService.useCaseDetail(caseId);\n    if (caseDetail && caseDetail.geoLocationDTO) {\n        let [lng, lat] = ((_b = (_a = caseDetail.geoLocationDTO) === null || _a === void 0 ? void 0 : _a.lngLats) === null || _b === void 0 ? void 0 : _b.split(',')) || [];\n        point = [\n            {\n                lng: parseFloat(lng),\n                lat: parseFloat(lat),\n                id: caseDetail.id,\n                name: caseDetail.taskNo,\n                url: require('../../imgs/point.png')\n            }\n        ];\n    }\n    const { otherDetail } = BaseService.useCaseProcessData(caseId);\n    if (otherDetail === null || otherDetail === void 0 ? void 0 : otherDetail.id) {\n        otherInfo = Object.assign(Object.assign({}, otherDetail), { taskList: otherDetail === null || otherDetail === void 0 ? void 0 : otherDetail.taskList.map((item) => {\n                return Object.assign(Object.assign({}, item), { key: item.id });\n            }) });\n    }\n    const mapProps = {\n        mapId: 'hwCarDriveAlarmDetailMap',\n        mapCenter: point.length > 0 ? [point[0].longitude, point[0].latitude] : [104.072314, 30.663401],\n        mapType: 'bmap',\n        mapStyle: 'midnight',\n        mapZoomLevel: 12,\n        mapPoints: point\n    };\n    return (React.createElement(\"div\", { className: `case-base ${theme}` },\n        React.createElement(VmSubTitle, { title: \"\\u6848\\u4EF6\\u63CF\\u8FF0\" }),\n        React.createElement(\"div\", { className: \"tabsPosition\" }, tabs.map((item) => {\n            return (React.createElement(\"div\", { key: item.key, className: `tab ${currentTab === item.key && 'active'}`, onClick: () => {\n                    setCurrentTab(item.key);\n                } }, item.name));\n        })),\n        currentTab == 'detail' && React.createElement(\"div\", { className: 'infoList' },\n            detailFields.map(item => {\n                return (React.createElement(\"div\", { className: 'infoItem', key: item.key, style: { width: item.width ? item.width : '50%' } },\n                    React.createElement(\"div\", { className: 'label' },\n                        item.label,\n                        \"\\uFF1A\"),\n                    React.createElement(\"div\", { className: 'value' }, (caseDetail === null || caseDetail === void 0 ? void 0 : caseDetail[item.key]) || '--')));\n            }),\n            React.createElement(\"div\", { style: { width: '100%', height: '300px' } },\n                React.createElement(VmMap, Object.assign({}, mapProps)))),\n        currentTab == 'process' && React.createElement(\"div\", { className: 'processList' }, ((_c = otherInfo === null || otherInfo === void 0 ? void 0 : otherInfo.taskList) === null || _c === void 0 ? void 0 : _c.length) > 0 ? otherInfo.taskList.map((item) => {\n            return React.createElement(\"div\", { className: 'processItem', key: item.id },\n                React.createElement(\"div\", { className: 'dotLine' },\n                    React.createElement(\"img\", { src: require('../../imgs/dot.png') }),\n                    React.createElement(\"div\", { className: 'line' })),\n                React.createElement(\"div\", { className: 'content' },\n                    React.createElement(\"div\", { className: 'top' },\n                        React.createElement(\"div\", { className: 'type' }, item.operateType),\n                        React.createElement(\"div\", { className: 'time' }, item.reportTime)),\n                    React.createElement(\"div\", { className: 'details' },\n                        \"\\u3010\",\n                        item.operateMan,\n                        \"\\u3011 \",\n                        item.suggestion)));\n        }) :\n            React.createElement(Empty, null))));\n};\nexport default CaseInfo;\n"],"mappings":"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"}

package/lib/vm-case-modal/components/BaseInfo/index.less

@@ -0,0 +1,137 @@
+.case-base {
+    width: 100%;
+    height: 100%;
+    padding: 6px 10px;
+    overflow: auto;
+    position: relative;
+    .tabsPosition{
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: 100%;
+        height: 52px;
+        line-height: 52px;
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-end;        
+        align-items: center;
+        .tab{
+            width: 130px;
+            height:26px;
+            line-height: 26px;
+            text-align: center;
+            margin-right: 12px;
+            background-image: url(../../imgs/tab_unsel.png);
+            background-size: 100% 100%;
+            background-repeat: no-repeat;
+            font-size: 16px;
+            font-family: PingFang;
+            font-weight: 400;
+            color: #ffffff;
+            cursor: pointer;
+        }
+        .active{
+            width: 130px;
+            height:26px;
+            line-height: 26px;
+            text-align: center;
+            margin-right: 12px;
+            background-image: url(../../imgs/tab_selected.png);
+            background-size: 100% 100%;
+            background-repeat: no-repeat;
+            font-size: 16px;
+            font-family: PingFang;
+            font-weight: 400;
+            color: #00FFEC; 
+            cursor: pointer;
+        }
+    }
+    .infoList{
+        height: e('calc(100% - 70pxm)');
+        margin-top: 20px;
+        width: 100%;
+        overflow: auto;
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        .infoItem{
+            width: 50%;
+            height: 30px;
+            line-height: 30px;
+            display: flex;
+            flex-direction: row;
+            font-size: 16px;
+            .label{
+                width: 110px;
+                text-align: right;
+                color: #fff;
+            }
+            .value{
+                width: e('calc(100% - 110px)');
+                color:#74BBF4
+            }
+        }
+        
+    }
+    .processList{
+        height: e('calc(100% - 70px)');
+        margin-top: 20px;
+        width: 100%;
+        overflow: auto;
+        display: flex;
+        flex-direction: column;
+        .processItem{
+            width: 100%;
+            display: flex;
+            flex-direction: row;
+            justify-content: center;
+            .dotLine{
+                width: 30px;
+                display: flex;
+                flex-direction: column;
+                justify-content: center;
+                align-items: center;
+                img{
+                    width: 20px;
+                    height: 20px;
+                }
+                .line{
+                    height: 100%;
+                    border-left: 1px solid #44B7E9;
+                }
+            }
+            .content{
+                width: e('calc(100% - 30px)');
+                padding: 20px 10px;
+                .top{
+                    height: 30px;
+                    line-height: 30px;
+                    display: flex;
+                    flex-direction: row;
+                    justify-content: space-between;
+                    .type{
+                        color: #44B7E9;
+                        font-family: PingFang;
+                        font-weight: bold;
+                        background: linear-gradient(0deg, #3DC6FF 0%, #97E0FF 100%);
+                        -webkit-background-clip: text;
+                        -webkit-text-fill-color: transparent;
+                        font-size: 16px;
+                    }
+                    .time{
+                        color: #fff;
+                    }
+                }
+                .details{
+                    margin-top:10px;
+                    width: 100%;
+                    background-image: url(../../imgs/bg.png);
+                    background-size: 100% 100%;
+                    background-repeat: no-repeat;
+                    padding: 10px;
+                    color: #fff;
+                }
+            }
+        }
+    }
+}