@vtx/modals2 3.3.17 → 3.3.19

package/lib/vtx-housing-estate-modal/components/SPJK/index.js

@@ -0,0 +1,58 @@
+"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 _utils = require("@vtx/utils");
+var _vmSubTabs = require("../../../vm-sub-tabs");
+require("./index.less");
+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 SPJK = function SPJK(_ref) {
+  var _ref$classPrefix = _ref.classPrefix,
+    classPrefix = _ref$classPrefix === void 0 ? '' : _ref$classPrefix,
+    _ref$videoPlaceCode = _ref.videoPlaceCode,
+    videoPlaceCode = _ref$videoPlaceCode === void 0 ? '' : _ref$videoPlaceCode;
+  var prefix = "".concat(classPrefix, "-spjk");
+  var _useState = (0, _react.useState)('real'),
+    _useState2 = _slicedToArray(_useState, 2),
+    tab = _useState2[0],
+    setTab = _useState2[1];
+  var onTabChange = function onTabChange(tab) {
+    setTab(tab);
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabsLine, {
+    activeKey: tab,
+    onChange: onTabChange
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabPane, {
+    subKey: "real",
+    key: "real",
+    tab: "\u5B9E\u65F6\u89C6\u9891"
+  }, /*#__PURE__*/_react["default"].createElement("iframe", {
+    width: "100%",
+    height: "650px",
+    src: "".concat(window.location.origin, "/vis-reborn/#/realTimeVideo?videoPlaceCode=").concat(videoPlaceCode, "&tenantId=").concat((0, _utils.getUrlParam)('tenantId'), "&userId=").concat((0, _utils.getUrlParam)('userId'), "&token=").concat((0, _utils.getUrlParam)('token'), "&access_token=").concat((0, _utils.getUrlParam)('token'), "&systemCode=product_vis&theme=dark")
+  })), /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabPane, {
+    subKey: "history",
+    key: "history",
+    tab: "\u5386\u53F2\u89C6\u9891"
+  }, /*#__PURE__*/_react["default"].createElement("iframe", {
+    width: "100%",
+    height: "650px",
+    src: "".concat(window.location.origin, "/vis-reborn/#/historyVideo?videoPlaceCode=").concat(videoPlaceCode, "&tenantId=").concat((0, _utils.getUrlParam)('tenantId'), "&userId=").concat((0, _utils.getUrlParam)('userId'), "&token=").concat((0, _utils.getUrlParam)('token'), "&access_token=").concat((0, _utils.getUrlParam)('token'), "&systemCode=product_vis&theme=dark")
+  }))));
+};
+var _default = SPJK;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vtx-housing-estate-modal/components/SPJK/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["SPJK","classPrefix","videoPlaceCode","prefix","useState","tab","setTab","onTabChange","React","createElement","className","SubTabsLine","activeKey","onChange","SubTabPane","subKey","key","width","height","src","window","location","origin","getUrlParam"],"sources":["vtx-housing-estate-modal/components/SPJK/index.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { getUrlParam } from '@vtx/utils';\nimport { SubTabsLine, SubTabPane } from '../../../vm-sub-tabs';\nimport './index.less';\nconst SPJK = ({ classPrefix = '', videoPlaceCode = '' }) => {\n    const prefix = `${classPrefix}-spjk`;\n    const [tab, setTab] = useState('real');\n    const onTabChange = (tab) => {\n        setTab(tab);\n    };\n    return (React.createElement(\"div\", { className: prefix },\n        React.createElement(SubTabsLine, { activeKey: tab, onChange: onTabChange },\n            React.createElement(SubTabPane, { subKey: \"real\", key: \"real\", tab: \"\\u5B9E\\u65F6\\u89C6\\u9891\" },\n                React.createElement(\"iframe\", { width: \"100%\", height: \"650px\", src: `${window.location.origin}/vis-reborn/#/realTimeVideo?videoPlaceCode=${videoPlaceCode}&tenantId=${getUrlParam('tenantId')}&userId=${getUrlParam('userId')}&token=${getUrlParam('token')}&access_token=${getUrlParam('token')}&systemCode=product_vis&theme=dark` })),\n            React.createElement(SubTabPane, { subKey: \"history\", key: \"history\", tab: \"\\u5386\\u53F2\\u89C6\\u9891\" },\n                React.createElement(\"iframe\", { width: \"100%\", height: \"650px\", src: `${window.location.origin}/vis-reborn/#/historyVideo?videoPlaceCode=${videoPlaceCode}&tenantId=${getUrlParam('tenantId')}&userId=${getUrlParam('userId')}&token=${getUrlParam('token')}&access_token=${getUrlParam('token')}&systemCode=product_vis&theme=dark` })))));\n};\nexport default SPJK;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACtB,IAAMA,IAAI,GAAG,SAAPA,IAAI,OAAkD;EAAA,4BAA5CC,WAAW;IAAXA,WAAW,iCAAG,EAAE;IAAA,2BAAEC,cAAc;IAAdA,cAAc,oCAAG,EAAE;EACjD,IAAMC,MAAM,aAAMF,WAAW,UAAO;EACpC,gBAAsB,IAAAG,eAAQ,EAAC,MAAM,CAAC;IAAA;IAA/BC,GAAG;IAAEC,MAAM;EAClB,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIF,GAAG,EAAK;IACzBC,MAAM,CAACD,GAAG,CAAC;EACf,CAAC;EACD,oBAAQG,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAEP;EAAO,CAAC,eACpDK,iBAAK,CAACC,aAAa,CAACE,sBAAW,EAAE;IAAEC,SAAS,EAAEP,GAAG;IAAEQ,QAAQ,EAAEN;EAAY,CAAC,eACtEC,iBAAK,CAACC,aAAa,CAACK,qBAAU,EAAE;IAAEC,MAAM,EAAE,MAAM;IAAEC,GAAG,EAAE,MAAM;IAAEX,GAAG,EAAE;EAA2B,CAAC,eAC5FG,iBAAK,CAACC,aAAa,CAAC,QAAQ,EAAE;IAAEQ,KAAK,EAAE,MAAM;IAAEC,MAAM,EAAE,OAAO;IAAEC,GAAG,YAAKC,MAAM,CAACC,QAAQ,CAACC,MAAM,wDAA8CpB,cAAc,uBAAa,IAAAqB,kBAAW,EAAC,UAAU,CAAC,qBAAW,IAAAA,kBAAW,EAAC,QAAQ,CAAC,oBAAU,IAAAA,kBAAW,EAAC,OAAO,CAAC,2BAAiB,IAAAA,kBAAW,EAAC,OAAO,CAAC;EAAqC,CAAC,CAAC,CAAC,eAC7Uf,iBAAK,CAACC,aAAa,CAACK,qBAAU,EAAE;IAAEC,MAAM,EAAE,SAAS;IAAEC,GAAG,EAAE,SAAS;IAAEX,GAAG,EAAE;EAA2B,CAAC,eAClGG,iBAAK,CAACC,aAAa,CAAC,QAAQ,EAAE;IAAEQ,KAAK,EAAE,MAAM;IAAEC,MAAM,EAAE,OAAO;IAAEC,GAAG,YAAKC,MAAM,CAACC,QAAQ,CAACC,MAAM,uDAA6CpB,cAAc,uBAAa,IAAAqB,kBAAW,EAAC,UAAU,CAAC,qBAAW,IAAAA,kBAAW,EAAC,QAAQ,CAAC,oBAAU,IAAAA,kBAAW,EAAC,OAAO,CAAC,2BAAiB,IAAAA,kBAAW,EAAC,OAAO,CAAC;EAAqC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1V,CAAC;AAAC,eACavB,IAAI;AAAA"}

package/lib/vtx-housing-estate-modal/components/SPJK/index.less

@@ -0,0 +1,6 @@
+@import '../../style/index';
+
+.@{prefix-cls}-spjk {
+    height: 800px;
+    padding: 10px 20px;
+}

package/lib/vtx-housing-estate-modal/components/TFRD/index.css

@@ -0,0 +1,30 @@
+.estate-tfrd {
+  padding: 10px 30px;
+}
+.estate-tfrd-top {
+  margin-bottom: 10px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.estate-tfrd-top-summary {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  gap: 32px;
+}
+.estate-tfrd-top-search {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.estate-tfrd-summary {
+  padding: 10px;
+  height: 290px;
+}

package/lib/vtx-housing-estate-modal/components/TFRD/index.js

@@ -0,0 +1,301 @@
+"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 _moment = _interopRequireDefault(require("moment"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _ahooks = require("ahooks");
+var _vmTable = _interopRequireWildcard(require("../../../vm-table"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _vmFilter = require("../../../vm-filter");
+var _api = require("../../api");
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+require("./index.less");
+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; }
+function getBarOption(data) {
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartFontColor = _useSettings.chartFontColor,
+    chartColor = _useSettings.chartColor;
+  var total = 0;
+  if ((data === null || data === void 0 ? void 0 : data.length) > 0) {
+    total = data === null || data === void 0 ? void 0 : data.reduce(function (pre, next) {
+      return pre + ((next === null || next === void 0 ? void 0 : next.violationCount) || 0);
+    }, 0);
+  }
+  return {
+    color: chartColor,
+    backgroundColor: 'transparent',
+    tooltip: {
+      show: true,
+      trigger: 'item'
+    },
+    legend: {
+      orient: 'vertical',
+      type: 'scroll',
+      left: '50%',
+      top: 'center',
+      align: 'left',
+      itemGap: 8,
+      itemWidth: 10,
+      itemHeight: 10,
+      formatter: function formatter(name) {
+        var value = data.find(function (item) {
+          return item.garbageTypeName === name;
+        });
+        if (value) {
+          return "\t\t".concat(name, "\t\t").concat(value.violationCount, "\u6B21\t\t").concat(value.violationCount ? (value.violationCount / total * 100).toFixed(2) : 0, "%");
+        } else {
+          return '';
+        }
+      },
+      textStyle: {
+        color: chartFontColor
+      },
+      pageIconColor: chartFontColor,
+      pageIconInactiveColor: chartFontColor,
+      pageTextStyle: {
+        color: chartFontColor
+      }
+    },
+    series: [{
+      type: 'pie',
+      radius: ['50%', '70%'],
+      center: ['28%', '50%'],
+      hoverAnimation: true,
+      z: 10,
+      label: {
+        show: false
+      },
+      data: data === null || data === void 0 ? void 0 : data.map(function (item) {
+        return {
+          name: item.violationType,
+          value: item.violationCount
+        };
+      }),
+      labelLine: {
+        show: false
+      }
+    }]
+  };
+}
+var TFRD = function TFRD(_ref) {
+  var _ref$classPrefix = _ref.classPrefix,
+    classPrefix = _ref$classPrefix === void 0 ? '' : _ref$classPrefix,
+    id = _ref.id,
+    clickGraphic = _ref.clickGraphic;
+  var _a;
+  var prefix = "".concat(classPrefix, "-tfrd");
+  var _useState = (0, _react.useState)([(0, _moment["default"])(), (0, _moment["default"])()]),
+    _useState2 = _slicedToArray(_useState, 2),
+    times = _useState2[0],
+    setTimes = _useState2[1];
+  var _useState3 = (0, _react.useState)((0, _moment["default"])().format('YYYY-MM-DD')),
+    _useState4 = _slicedToArray(_useState3, 2),
+    date = _useState4[0],
+    setDate = _useState4[1];
+  var _useState5 = (0, _react.useState)('time,DESC'),
+    _useState6 = _slicedToArray(_useState5, 2),
+    sort = _useState6[0],
+    setSorter = _useState6[1];
+  var queryParams = {
+    housingEstateId: id,
+    startTime: times[0].format('YYYY-MM-DD 00:00:00'),
+    endTime: times[1].format('YYYY-MM-DD 23:59:59')
+  };
+  var summary = _api.throwRecordService.count(Object.assign(Object.assign({}, queryParams), {
+    date: date
+  }));
+  var getTableData = function getTableData(_ref2) {
+    var current = _ref2.current,
+      pageSize = _ref2.pageSize;
+    return (0, _api.queryPage)('/cloud/ljfljc/api/v101/violation/record/detail/page', Object.assign(Object.assign({
+      page: current - 1,
+      size: pageSize
+    }, queryParams), {
+      sort: sort
+    }));
+  };
+  var columns = [{
+    title: '用户卡号',
+    dataIndex: 'cardCode',
+    key: 'cardCode'
+  }, {
+    title: '用户姓名',
+    dataIndex: 'personName',
+    key: 'personName'
+  }, {
+    title: '门牌号',
+    dataIndex: 'houseName',
+    key: 'houseName'
+  }, {
+    title: '主体类型',
+    dataIndex: 'subjectTypeName',
+    key: 'subjectTypeName'
+  }, {
+    title: '主体名称',
+    dataIndex: 'subjectName',
+    key: 'subjectName'
+  }, {
+    title: '投放点名称',
+    dataIndex: 'throwPointName',
+    key: 'throwPointName',
+    render: function render(text, record) {
+      return /*#__PURE__*/_react["default"].createElement("a", {
+        onClick: function onClick() {
+          return clickGraphic && clickGraphic(record.throwPointId);
+        }
+      }, text);
+    }
+  }, {
+    title: '行政区划',
+    dataIndex: 'divisionName',
+    key: 'divisionName'
+  }, {
+    title: '违规类型',
+    dataIndex: 'violationTypeName',
+    key: 'violationTypeName'
+  }, {
+    title: '数据来源',
+    dataIndex: 'dataSourceName',
+    key: 'dataSourceName'
+  }, {
+    title: '违规时间',
+    dataIndex: 'time',
+    key: 'time',
+    sorter: true
+  }, {
+    title: '数据状态',
+    dataIndex: 'dateStatus',
+    key: 'dateStatus',
+    render: function render(text, record) {
+      return /*#__PURE__*/_react["default"].createElement("span", {
+        style: text == 'EFFECTIVE' ? {
+          color: '#FFCC66'
+        } : {}
+      }, record.dateStatusName);
+    }
+  }];
+  var _useAntdTable = (0, _ahooks.useAntdTable)(getTableData, {
+      defaultPageSize: 10,
+      refreshDeps: [id, times[0], times[1]]
+    }),
+    tableProps = _useAntdTable.tableProps;
+  var onDateChange = function onDateChange(data) {
+    var date = data.date,
+      value = data.value;
+    setDate(date);
+    var _date = [];
+    switch (value) {
+      case 'DAY':
+        _date = [(0, _moment["default"])(date), (0, _moment["default"])(date)];
+        break;
+      case 'MONTH':
+        _date = [(0, _moment["default"])("".concat(date, "-01")), (0, _moment["default"])((0, _moment["default"])(date).endOf('M'))];
+        break;
+      case 'YEAR':
+        _date = [(0, _moment["default"])("".concat(date, "-01-01")), (0, _moment["default"])((0, _moment["default"])(date).endOf('years'))];
+        break;
+      default:
+        break;
+    }
+    setTimes(_date);
+  };
+  var handleTableChange = function handleTableChange(sorter) {
+    setSorter("".concat(sorter.columnKey, ",").concat(sorter.order === 'ascend' ? 'ASC' : 'DESC'));
+  };
+  var onExport = function onExport() {
+    _api.throwRecordService["export"](Object.assign(Object.assign({}, queryParams), {
+      sort: sort,
+      columnJson: [{
+        title: '用户卡号',
+        field: 'cardCode'
+      }, {
+        title: '用户姓名',
+        field: 'personName'
+      }, {
+        title: '门牌号',
+        field: 'houseName'
+      }, {
+        title: '主体类型',
+        field: 'subjectTypeName'
+      }, {
+        title: '主体名称',
+        field: 'subjectName'
+      }, {
+        title: '投放点名称',
+        field: 'throwPointName'
+      }, {
+        title: '行政区划',
+        field: 'divisionName'
+      }, {
+        title: '违规类型',
+        field: 'violationTypeName'
+      }, {
+        title: '数据来源',
+        field: 'dataSourceName'
+      }, {
+        title: '违规时间',
+        field: 'time'
+      }, {
+        title: '数据状态',
+        field: 'dateStatus'
+      }]
+    }));
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-top")
+  }, /*#__PURE__*/_react["default"].createElement("div", null), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-top-search")
+  }, /*#__PURE__*/_react["default"].createElement(_vmFilter.VMChangeDatePicker, {
+    callBack: onDateChange
+  }), ' ', /*#__PURE__*/_react["default"].createElement(_vmTable.ExportBtn, {
+    onClick: onExport,
+    items: [{
+      label: '导出全部',
+      key: 'all'
+    }]
+  }))), !!(summary === null || summary === void 0 ? void 0 : summary.length) && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-summary")
+  }, /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: getBarOption(summary || []),
+    style: {
+      height: '100%',
+      width: '100%'
+    }
+  })), !((_a = tableProps === null || tableProps === void 0 ? void 0 : tableProps.dataSource) === null || _a === void 0 ? void 0 : _a.length) ? /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: 500,
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null)) :
+  /*#__PURE__*/
+  // @ts-ignore
+  _react["default"].createElement(_vmTable["default"], Object.assign({
+    height: 500,
+    columns: columns
+  }, tableProps, {
+    scroll: {
+      x: 1600
+    },
+    handleTableChange: handleTableChange
+  })));
+};
+var _default = TFRD;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vtx-housing-estate-modal/components/TFRD/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["getBarOption","data","useSettings","chartFontColor","chartColor","total","length","reduce","pre","next","violationCount","color","backgroundColor","tooltip","show","trigger","legend","orient","type","left","top","align","itemGap","itemWidth","itemHeight","formatter","name","value","find","item","garbageTypeName","toFixed","textStyle","pageIconColor","pageIconInactiveColor","pageTextStyle","series","radius","center","hoverAnimation","z","label","map","violationType","labelLine","TFRD","classPrefix","id","clickGraphic","_a","prefix","useState","moment","times","setTimes","format","date","setDate","sort","setSorter","queryParams","housingEstateId","startTime","endTime","summary","throwRecordService","count","Object","assign","getTableData","current","pageSize","queryPage","page","size","columns","title","dataIndex","key","render","text","record","React","createElement","onClick","throwPointId","sorter","style","dateStatusName","useAntdTable","defaultPageSize","refreshDeps","tableProps","onDateChange","_date","endOf","handleTableChange","columnKey","order","onExport","columnJson","field","className","VMChangeDatePicker","callBack","ExportBtn","items","ReactCharts","option","height","width","dataSource","display","justifyContent","alignItems","NoData","VmTable","scroll","x"],"sources":["vtx-housing-estate-modal/components/TFRD/index.js"],"sourcesContent":["import React, { useState } from 'react';\nimport moment from 'moment';\nimport ReactCharts from 'echarts-for-react';\nimport { useAntdTable } from 'ahooks';\nimport { ExportBtn } from '../../../vm-table';\nimport VmTable from '../../../vm-table';\nimport NoData from '../../../vm-nodata';\nimport { VMChangeDatePicker } from '../../../vm-filter';\nimport { throwRecordService, queryPage } from '../../api';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport './index.less';\nfunction getBarOption(data) {\n    const { chartFontColor, chartColor } = useSettings();\n    let total = 0;\n    if ((data === null || data === void 0 ? void 0 : data.length) > 0) {\n        total = data === null || data === void 0 ? void 0 : data.reduce((pre, next) => pre + ((next === null || next === void 0 ? void 0 : next.violationCount) || 0), 0);\n    }\n    return {\n        color: chartColor,\n        backgroundColor: 'transparent',\n        tooltip: {\n            show: true,\n            trigger: 'item',\n        },\n        legend: {\n            orient: 'vertical',\n            type: 'scroll',\n            left: '50%',\n            top: 'center',\n            align: 'left',\n            itemGap: 8,\n            itemWidth: 10,\n            itemHeight: 10,\n            formatter: function (name) {\n                const value = data.find((item) => item.garbageTypeName === name);\n                if (value) {\n                    return `\\t\\t${name}\\t\\t${value.violationCount}次\\t\\t${value.violationCount ? ((value.violationCount / total) * 100).toFixed(2) : 0}%`;\n                }\n                else {\n                    return '';\n                }\n            },\n            textStyle: {\n                color: chartFontColor,\n            },\n            pageIconColor: chartFontColor,\n            pageIconInactiveColor: chartFontColor,\n            pageTextStyle: {\n                color: chartFontColor,\n            },\n        },\n        series: [\n            {\n                type: 'pie',\n                radius: ['50%', '70%'],\n                center: ['28%', '50%'],\n                hoverAnimation: true,\n                z: 10,\n                label: {\n                    show: false,\n                },\n                data: data === null || data === void 0 ? void 0 : data.map(item => ({ name: item.violationType, value: item.violationCount })),\n                labelLine: {\n                    show: false,\n                },\n            },\n        ],\n    };\n}\nconst TFRD = ({ classPrefix = '', id, clickGraphic }) => {\n    var _a;\n    const prefix = `${classPrefix}-tfrd`;\n    const [times, setTimes] = useState([moment(), moment()]);\n    const [date, setDate] = useState(moment().format('YYYY-MM-DD'));\n    const [sort, setSorter] = useState('time,DESC');\n    const queryParams = {\n        housingEstateId: id,\n        startTime: times[0].format('YYYY-MM-DD 00:00:00'),\n        endTime: times[1].format('YYYY-MM-DD 23:59:59'),\n    };\n    const summary = throwRecordService.count(Object.assign(Object.assign({}, queryParams), { date }));\n    const getTableData = ({ current, pageSize }) => {\n        return queryPage('/cloud/ljfljc/api/v101/violation/record/detail/page', Object.assign(Object.assign({ page: current - 1, size: pageSize }, queryParams), { sort }));\n    };\n    const columns = [\n        {\n            title: '用户卡号',\n            dataIndex: 'cardCode',\n            key: 'cardCode',\n        },\n        {\n            title: '用户姓名',\n            dataIndex: 'personName',\n            key: 'personName',\n        },\n        {\n            title: '门牌号',\n            dataIndex: 'houseName',\n            key: 'houseName',\n        },\n        {\n            title: '主体类型',\n            dataIndex: 'subjectTypeName',\n            key: 'subjectTypeName',\n        },\n        {\n            title: '主体名称',\n            dataIndex: 'subjectName',\n            key: 'subjectName',\n        },\n        {\n            title: '投放点名称',\n            dataIndex: 'throwPointName',\n            key: 'throwPointName',\n            render: (text, record) => {\n                return React.createElement(\"a\", { onClick: () => clickGraphic && clickGraphic(record.throwPointId) }, text);\n            }\n        },\n        {\n            title: '行政区划',\n            dataIndex: 'divisionName',\n            key: 'divisionName',\n        },\n        {\n            title: '违规类型',\n            dataIndex: 'violationTypeName',\n            key: 'violationTypeName',\n        },\n        {\n            title: '数据来源',\n            dataIndex: 'dataSourceName',\n            key: 'dataSourceName',\n        },\n        {\n            title: '违规时间',\n            dataIndex: 'time',\n            key: 'time',\n            sorter: true,\n        },\n        {\n            title: '数据状态',\n            dataIndex: 'dateStatus',\n            key: 'dateStatus',\n            render: (text, record) => {\n                return React.createElement(\"span\", { style: text == 'EFFECTIVE' ? { color: '#FFCC66' } : {} }, record.dateStatusName);\n            }\n        },\n    ];\n    const { tableProps } = useAntdTable(getTableData, {\n        defaultPageSize: 10,\n        refreshDeps: [id, times[0], times[1]],\n    });\n    const onDateChange = (data) => {\n        const { date, value } = data;\n        setDate(date);\n        let _date = [];\n        switch (value) {\n            case 'DAY':\n                _date = [moment(date), moment(date)];\n                break;\n            case 'MONTH':\n                _date = [moment(`${date}-01`), moment(moment(date).endOf('M'))];\n                break;\n            case 'YEAR':\n                _date = [moment(`${date}-01-01`), moment(moment(date).endOf('years'))];\n                break;\n            default: break;\n        }\n        setTimes(_date);\n    };\n    const handleTableChange = (sorter) => {\n        setSorter(`${sorter.columnKey},${sorter.order === 'ascend' ? 'ASC' : 'DESC'}`);\n    };\n    const onExport = () => {\n        throwRecordService.export(Object.assign(Object.assign({}, queryParams), { sort, columnJson: [\n                {\n                    title: '用户卡号',\n                    field: 'cardCode',\n                },\n                {\n                    title: '用户姓名',\n                    field: 'personName',\n                },\n                {\n                    title: '门牌号',\n                    field: 'houseName',\n                },\n                {\n                    title: '主体类型',\n                    field: 'subjectTypeName',\n                },\n                {\n                    title: '主体名称',\n                    field: 'subjectName',\n                },\n                {\n                    title: '投放点名称',\n                    field: 'throwPointName',\n                },\n                {\n                    title: '行政区划',\n                    field: 'divisionName',\n                },\n                {\n                    title: '违规类型',\n                    field: 'violationTypeName',\n                },\n                {\n                    title: '数据来源',\n                    field: 'dataSourceName',\n                },\n                {\n                    title: '违规时间',\n                    field: 'time',\n                },\n                {\n                    title: '数据状态',\n                    field: 'dateStatus',\n                }\n            ] }));\n    };\n    return (React.createElement(\"div\", { className: prefix },\n        React.createElement(\"div\", { className: `${prefix}-top` },\n            React.createElement(\"div\", null),\n            React.createElement(\"div\", { className: `${prefix}-top-search` },\n                React.createElement(VMChangeDatePicker, { callBack: onDateChange }),\n                ' ',\n                React.createElement(ExportBtn, { onClick: onExport, items: [\n                        {\n                            label: '导出全部',\n                            key: 'all',\n                        },\n                    ] }))),\n        !!(summary === null || summary === void 0 ? void 0 : summary.length) && React.createElement(\"div\", { className: `${prefix}-summary` },\n            React.createElement(ReactCharts, { option: getBarOption(summary || []), style: { height: '100%', width: '100%' } })),\n        !((_a = tableProps === null || tableProps === void 0 ? void 0 : tableProps.dataSource) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement(\"div\", { style: {\n                height: 500,\n                display: 'flex',\n                justifyContent: 'center',\n                alignItems: 'center',\n            } },\n            React.createElement(NoData, null))) : (\n        // @ts-ignore\n        React.createElement(VmTable, Object.assign({ height: 500, columns: columns }, tableProps, { scroll: { x: 1600 }, handleTableChange: handleTableChange })))));\n};\nexport default TFRD;\n"],"mappings":"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"}

package/lib/vtx-housing-estate-modal/components/TFRD/index.less

@@ -0,0 +1,22 @@
+@import '../../style/index';
+
+.@{prefix-cls}-tfrd {
+    padding: 10px 30px;
+    &-top {
+        margin-bottom: 10px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        &-summary {
+            display: flex;
+            gap: 32px;
+        }
+        &-search {
+            display: flex;
+        }
+    }
+    &-summary {
+        padding: 10px;
+        height: 290px;
+    }
+}

package/lib/vtx-housing-estate-modal/components/WGGS/Content.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _components = require("@vtx/components");
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _api = require("../../api");
+require("./index.less");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var WGGSContent = function WGGSContent(_ref) {
+  var _ref$classPrefix = _ref.classPrefix,
+    classPrefix = _ref$classPrefix === void 0 ? '' : _ref$classPrefix,
+    id = _ref.id,
+    startTime = _ref.startTime,
+    endTime = _ref.endTime,
+    _ref$throwPointId = _ref.throwPointId,
+    throwPointId = _ref$throwPointId === void 0 ? '' : _ref$throwPointId;
+  var data = _api.throwFailPersonService.list({
+    housingEstateId: id,
+    beginTime: startTime,
+    endTime: endTime,
+    throwPointId: throwPointId
+  });
+  var _ref2 = data || {},
+    _ref2$rows = _ref2.rows,
+    rows = _ref2$rows === void 0 ? [] : _ref2$rows;
+  return !rows.length ? /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: 500,
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null)) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(classPrefix, "-content")
+  }, rows.map(function (item) {
+    var _a, _b;
+    var photoId = (_a = JSON.parse(item.personPhoto2 || '[]')[0]) === null || _a === void 0 ? void 0 : _a.id;
+    var tempDetectObjects = JSON.parse(item.detectObjects || '[]');
+    var photoAfterArr = (_b = tempDetectObjects.find(function (item) {
+      return item.pic === 'dropPic2';
+    })) === null || _b === void 0 ? void 0 : _b.info;
+    var str = "/cloud/sdyd/markBox?fileId=".concat(photoId, "&detectObjects=").concat(photoAfterArr ? JSON.stringify(photoAfterArr) : '');
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: item.throwFailId,
+      className: "".concat(classPrefix, "-content-item")
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(classPrefix, "-content-item-img")
+    }, /*#__PURE__*/_react["default"].createElement(_components.VtxImage, {
+      src: str
+    })), /*#__PURE__*/_react["default"].createElement("p", null, item.throwPointName));
+  }));
+};
+var _default = WGGSContent;
+exports["default"] = _default;
+//# sourceMappingURL=Content.js.map

package/lib/vtx-housing-estate-modal/components/WGGS/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","names":["WGGSContent","classPrefix","id","startTime","endTime","throwPointId","data","throwFailPersonService","list","housingEstateId","beginTime","rows","length","React","createElement","style","height","display","justifyContent","alignItems","NoData","className","map","item","_a","_b","photoId","JSON","parse","personPhoto2","tempDetectObjects","detectObjects","photoAfterArr","find","pic","info","str","stringify","key","throwFailId","VtxImage","src","throwPointName"],"sources":["vtx-housing-estate-modal/components/WGGS/Content.js"],"sourcesContent":["import React from 'react';\nimport { VtxImage } from '@vtx/components';\nimport NoData from '../../../vm-nodata';\nimport { throwFailPersonService } from '../../api';\nimport './index.less';\nconst WGGSContent = ({ classPrefix = '', id, startTime, endTime, throwPointId = '', }) => {\n    const data = throwFailPersonService.list({\n        housingEstateId: id,\n        beginTime: startTime,\n        endTime,\n        throwPointId,\n    });\n    const { rows = [] } = data || {};\n    return !rows.length ? (React.createElement(\"div\", { style: { height: 500, display: 'flex', justifyContent: 'center', alignItems: 'center' } },\n        React.createElement(NoData, null))) : (React.createElement(\"div\", { className: `${classPrefix}-content` }, rows.map(item => {\n        var _a, _b;\n        const photoId = (_a = JSON.parse(item.personPhoto2 || '[]')[0]) === null || _a === void 0 ? void 0 : _a.id;\n        const tempDetectObjects = JSON.parse(item.detectObjects || '[]');\n        const photoAfterArr = (_b = tempDetectObjects.find((item) => item.pic === 'dropPic2')) === null || _b === void 0 ? void 0 : _b.info;\n        const str = `/cloud/sdyd/markBox?fileId=${photoId}&detectObjects=${photoAfterArr ? JSON.stringify(photoAfterArr) : ''}`;\n        return (React.createElement(\"div\", { key: item.throwFailId, className: `${classPrefix}-content-item` },\n            React.createElement(\"div\", { className: `${classPrefix}-content-item-img` },\n                React.createElement(VtxImage, { src: str })),\n            React.createElement(\"p\", null, item.throwPointName)));\n    })));\n};\nexport default WGGSContent;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AAAsB;AACtB,IAAMA,WAAW,GAAG,SAAdA,WAAW,OAAyE;EAAA,4BAAnEC,WAAW;IAAXA,WAAW,iCAAG,EAAE;IAAEC,EAAE,QAAFA,EAAE;IAAEC,SAAS,QAATA,SAAS;IAAEC,OAAO,QAAPA,OAAO;IAAA,yBAAEC,YAAY;IAAZA,YAAY,kCAAG,EAAE;EAC9E,IAAMC,IAAI,GAAGC,2BAAsB,CAACC,IAAI,CAAC;IACrCC,eAAe,EAAEP,EAAE;IACnBQ,SAAS,EAAEP,SAAS;IACpBC,OAAO,EAAPA,OAAO;IACPC,YAAY,EAAZA;EACJ,CAAC,CAAC;EACF,YAAsBC,IAAI,IAAI,CAAC,CAAC;IAAA,mBAAxBK,IAAI;IAAJA,IAAI,2BAAG,EAAE;EACjB,OAAO,CAACA,IAAI,CAACC,MAAM,gBAAIC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,KAAK,EAAE;MAAEC,MAAM,EAAE,GAAG;MAAEC,OAAO,EAAE,MAAM;MAAEC,cAAc,EAAE,QAAQ;MAAEC,UAAU,EAAE;IAAS;EAAE,CAAC,eACzIN,iBAAK,CAACC,aAAa,CAACM,oBAAM,EAAE,IAAI,CAAC,CAAC,gBAAKP,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEO,SAAS,YAAKpB,WAAW;EAAW,CAAC,EAAEU,IAAI,CAACW,GAAG,CAAC,UAAAC,IAAI,EAAI;IAC5H,IAAIC,EAAE,EAAEC,EAAE;IACV,IAAMC,OAAO,GAAG,CAACF,EAAE,GAAGG,IAAI,CAACC,KAAK,CAACL,IAAI,CAACM,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,IAAIL,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACtB,EAAE;IAC1G,IAAM4B,iBAAiB,GAAGH,IAAI,CAACC,KAAK,CAACL,IAAI,CAACQ,aAAa,IAAI,IAAI,CAAC;IAChE,IAAMC,aAAa,GAAG,CAACP,EAAE,GAAGK,iBAAiB,CAACG,IAAI,CAAC,UAACV,IAAI;MAAA,OAAKA,IAAI,CAACW,GAAG,KAAK,UAAU;IAAA,EAAC,MAAM,IAAI,IAAIT,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACU,IAAI;IACnI,IAAMC,GAAG,wCAAiCV,OAAO,4BAAkBM,aAAa,GAAGL,IAAI,CAACU,SAAS,CAACL,aAAa,CAAC,GAAG,EAAE,CAAE;IACvH,oBAAQnB,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEwB,GAAG,EAAEf,IAAI,CAACgB,WAAW;MAAElB,SAAS,YAAKpB,WAAW;IAAgB,CAAC,eAClGY,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEO,SAAS,YAAKpB,WAAW;IAAoB,CAAC,eACvEY,iBAAK,CAACC,aAAa,CAAC0B,oBAAQ,EAAE;MAAEC,GAAG,EAAEL;IAAI,CAAC,CAAC,CAAC,eAChDvB,iBAAK,CAACC,aAAa,CAAC,GAAG,EAAE,IAAI,EAAES,IAAI,CAACmB,cAAc,CAAC,CAAC;EAC5D,CAAC,CAAC,CAAE;AACR,CAAC;AAAC,eACa1C,WAAW;AAAA"}

package/lib/vtx-housing-estate-modal/components/WGGS/index.css

@@ -0,0 +1,43 @@
+.estate-wggs {
+  padding: 10px;
+}
+.estate-wggs-content {
+  max-height: 580px;
+  padding: 10px 20px;
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  gap: 32px;
+  overflow: auto;
+}
+.estate-wggs-content-item {
+  padding: 10px;
+  padding-bottom: 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 263px;
+  background: rgba(255, 255, 255, 0.05);
+  border: 1px solid #364e60;
+  border-radius: 6px;
+}
+.estate-wggs-content-item-img {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+.estate-wggs-content-item-img img {
+  width: 100%;
+  height: 100%;
+}
+.estate-wggs-content-item > p {
+  height: 30px;
+  line-height: 30px;
+  color: var(--info-color);
+}
+.estate-wggs-content-item--active {
+  border: 1px solid #55fff5;
+}