@vtx/modals2 3.3.17 → 3.3.18

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"],"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;AAAC"}

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":["tabs","key","name","CaseInfo","props","_a","_b","_c","caseId","useState","currentTab","setCurrentTab","point","useSettings","theme","otherInfo","taskList","BaseService","useCaseDetail","caseDetail","geoLocationDTO","lngLats","split","lng","lat","parseFloat","id","taskNo","url","require","useCaseProcessData","otherDetail","Object","assign","map","item","mapProps","mapId","mapCenter","length","longitude","latitude","mapType","mapStyle","mapZoomLevel","mapPoints","React","createElement","className","VmSubTitle","title","onClick","detailFields","style","width","label","height","VmMap","src","operateType","reportTime","operateMan","suggestion","Empty"],"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;
+                }
+            }
+        }
+    }
+}

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

@@ -0,0 +1,111 @@
+.case-pic {
+  width: 100%;
+  height: 100%;
+  padding: 6px 10px;
+}
+.case-pic .tabs {
+  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: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.case-pic .tabs .tab {
+  width: 90px;
+  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-pic .tabs .active {
+  width: 90px;
+  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-pic h4 {
+  color: #fff;
+}
+.case-pic .piclist {
+  height: calc(100% - 70px);
+  width: 100%;
+  overflow: auto;
+}
+.case-pic .piclist .ant-empty-description {
+  color: #fff !important;
+}
+.case-pic .piclist .picItem {
+  height: 200px;
+  width: 80%;
+  padding-left: 50px;
+  position: relative;
+}
+.case-pic .piclist .picItem .slick-list {
+  width: 100%;
+  height: 100% !important;
+}
+.case-pic .piclist .picItem .slick-slider {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  text-align: center;
+  overflow: hidden;
+}
+.case-pic .piclist .picItem .slick-slide > div {
+  height: 100%;
+}
+.case-pic .piclist .picItem .slick-slide > div > div {
+  height: 100%;
+}
+.case-pic .piclist .picItem .slick-track {
+  width: 100%;
+  height: 100%;
+}
+.case-pic .piclist .picItem .slick-prev {
+  left: 15px !important;
+  top: 50%;
+  z-index: 400;
+  width: 30px;
+  height: 30px;
+}
+.case-pic .piclist .picItem .slick-next {
+  right: 15px !important;
+  top: 50%;
+  z-index: 400;
+  width: 30px;
+  height: 30px;
+}
+.case-pic .piclist .picItem .slick-prev:before,
+.case-pic .piclist .picItem .slick-next:before {
+  font-size: 30px;
+  -webkit-backdrop-filter: invert(20%);
+          backdrop-filter: invert(20%);
+}