@vtx/modals2 5.0.9 → 5.0.10

package/lib/vtx-wr-modal/components/Build/index.less

@@ -0,0 +1,104 @@
+.wr-build-content {
+  width: 100%;
+  height: 100%;
+  border-radius: 8px;
+  .wr-build-title {
+    padding: 12px 16px;
+    font-size: 16px;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 25px;
+  }
+  .wr-build-inner {
+    width: 100%;
+    height: calc(100% - 100px);
+    overflow: hidden;
+    overflow-y: auto;
+  }
+  .wr-build-panel {
+    padding: 0 50px;
+    .wr-step-title {
+      display: flex;
+      gap: 12px;
+      align-items: center;
+      .wr-step-time {
+        width: 80px;
+      }
+      .wr-step-circle {
+        width: 14px;
+        height: 14px;
+        border-radius: 8px;
+        background: rgba(22, 119, 255, 0.2);
+        padding: 4px;
+        box-sizing: border-box;
+        .wr-circle-inner {
+          width: 100%;
+          height: 100%;
+          background: #1677ff;
+          border-radius: 100%;
+        }
+      }
+      .wr-step-text {
+        padding: 4px 20px 4px 12px;
+        color: #fff;
+        background: linear-gradient(270deg, #36a1ff 0%, #1677ff 100%);
+        border-radius: 0px 80px 80px 0px;
+      }
+    }
+    .wr-step-content {
+      width: calc(100% - 99px);
+      height: auto;
+      margin-left: 99px;
+      padding: 14px 19px;
+      display: flex;
+      flex-wrap: wrap;
+      .wr-step-line {
+        flex-shrink: 0;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+  }
+}
+
+.vm-modal-dark {
+  .wr-build-content {
+    color: #fff;
+    border: 1px solid #1064a7;
+    background: rgba(0, 155, 233, 0.1);
+    color: #fff;
+    .wr-build-title {
+      border-bottom: 1px solid rgba(12, 154, 255, 0.15);
+    }
+    .wr-step-time {
+      color: #fff;
+    }
+    .wr-step-content {
+      border-left: 1px solid rgba(255, 255, 255, 0.1);
+      .wr-step-label {
+        color: #2facff;
+      }
+    }
+  }
+}
+
+.vm-modal-light {
+  .wr-build-content {
+    background: #fff;
+    .wr-build-title {
+      border-bottom: 1px solid #f1f0f0;
+    }
+    .wr-step-time {
+      color: #5e6169;
+    }
+    .wr-step-content {
+      border-left: 1px solid rgba(0, 0, 0, 0.1);
+      .wr-step-label {
+        color: #8c8c8c;
+      }
+    }
+  }
+}

package/lib/vtx-wr-modal/components/File/index.js

@@ -0,0 +1,107 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { DownloadOutlined } from '@ant-design/icons';
+import { getVtxToken, request } from '@vtx/utils';
+import { Button } from 'antd';
+import uniq from 'lodash/uniq';
+import { useEffect, useState } from 'react';
+import { VmTable } from "../../../_components";
+import { renderFile } from "../Build";
+
+//公厕配置字段
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var changeFiles = function changeFiles(params) {
+  return request.get('/cloud/jcss-reborn/status/approval/facility/changeFiles', {
+    data: params
+  });
+};
+export default (function (props) {
+  var id = props.id;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    list = _useState2[0],
+    setList = _useState2[1];
+  useEffect(function () {
+    id && changeFiles({
+      jcssId: id
+    }).then(function (res) {
+      if ((res === null || res === void 0 ? void 0 : res.result) === 0) {
+        setList(res.data);
+      }
+    });
+  }, [id]);
+  var columns = [{
+    title: '序号',
+    dataIndex: 'orderIndex',
+    key: 'orderIndex',
+    width: 20
+  }, {
+    title: '附件名称',
+    dataIndex: 'typeName',
+    key: 'typeName',
+    width: 50,
+    ellipsis: true
+  }, {
+    title: '文件名',
+    dataIndex: 'files',
+    key: 'files',
+    width: 100,
+    render: function render(text) {
+      return text !== null && text !== void 0 && text.length ? renderFile(text) : '--';
+    },
+    ellipsis: true
+  }, {
+    title: '状态',
+    dataIndex: 'afterFacilityStatus',
+    key: 'afterFacilityStatus',
+    width: 20
+  }];
+  var tableProps = {
+    columns: columns,
+    height: 240,
+    isIndex: false,
+    pagination: false,
+    dataSource: list.map(function (item, index) {
+      return _objectSpread(_objectSpread({}, item), {}, {
+        orderIndex: index + 1
+      });
+    })
+  };
+  var downLoadFiles = function downLoadFiles() {
+    window.open("/cloud/jcss-reborn/status/approval/facility/downFiles?jcssId=".concat(id, "&ids=").concat(uniq(list.map(function (item) {
+      return item.recordId;
+    })).join(','), "&token=").concat(getVtxToken('token')));
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: "wr-file-content",
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "wr-file-title",
+      children: [/*#__PURE__*/_jsx("div", {
+        children: "\u6587\u6863\u5217\u8868"
+      }), !!list.length && /*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        shape: "round",
+        icon: /*#__PURE__*/_jsx(DownloadOutlined, {}),
+        onClick: function onClick() {
+          return downLoadFiles();
+        },
+        children: "\u4E0B\u8F7D\u5168\u90E8"
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      className: "wr-file-inner",
+      children: /*#__PURE__*/_jsx(VmTable, _objectSpread(_objectSpread({}, tableProps), {}, {
+        height: "460px"
+      }))
+    })]
+  });
+});

package/lib/vtx-wr-modal/components/File/index.less

@@ -0,0 +1,41 @@
+.wr-file-content {
+  width: 100%;
+  height: 100%;
+  border-radius: 8px;
+  .wr-file-title {
+    padding: 12px 16px;
+    font-size: 16px;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 25px;
+  }
+  .wr-file-inner {
+    width: 100%;
+    height: calc(100% - 100px);
+    overflow: hidden;
+    overflow-y: auto;
+  }
+}
+
+.vm-modal-dark {
+  .wr-file-content {
+    color: #fff;
+    border: 1px solid #1064a7;
+    background: rgba(0, 155, 233, 0.1);
+    color: #fff;
+    .wr-file-title {
+      border-bottom: 1px solid rgba(12, 154, 255, 0.15);
+    }
+  }
+}
+
+.vm-modal-light {
+  .wr-file-content {
+    background: #fff;
+    .wr-file-title {
+      border-bottom: 1px solid #f1f0f0;
+    }
+  }
+}

package/lib/vtx-wr-modal/components/Score/index.js

@@ -4,38 +4,110 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { request } from '@vtx/utils';
+import { useSetState } from 'ahooks';
+import dayjs from 'dayjs';
+import { useEffect } from 'react';
+import { TagCloud } from 'react-tagcloud';
 import { VmTable } from "../../../_components";
 import { VMRangePicker } from "../../../_components/vm-filter";
+
+//公厕详情
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var getDetail = function getDetail(params) {
+  return request.get('/cloud/zhgc-reborn/api/v101/evaluate/score/getByGcId', {
+    data: params
+  });
+};
+
+//表格
+var getList = function getList(params) {
+  return request.get('/cloud/zhgc-reborn/api/v101/evaluate/month/score/list', {
+    data: params
+  });
+};
 export default (function (props) {
-  var theme = props.theme;
+  var _detail$score, _detail$evaluateCount;
+  var id = props.id,
+    theme = props.theme;
+  var _useSetState = useSetState({
+      detail: {
+        evaluateLabelCountList: [{}]
+      },
+      startDate: '',
+      endDate: '',
+      tableData: []
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var detail = state.detail,
+    startDate = state.startDate,
+    endDate = state.endDate,
+    tableData = state.tableData;
+  useEffect(function () {
+    id && getDetail({
+      id: id
+    }).then(function (res) {
+      if ((res === null || res === void 0 ? void 0 : res.result) === 0) {
+        setState({
+          detail: res.data
+        });
+      }
+    });
+  }, [id]);
+  useEffect(function () {
+    id && getList({
+      gcId: id,
+      startMonth: startDate,
+      endMonth: endDate
+    }).then(function (res) {
+      if ((res === null || res === void 0 ? void 0 : res.result) === 0) {
+        setState({
+          tableData: res.data || []
+        });
+      }
+    });
+  }, [id, startDate, endDate]);
   var columns = [{
-    title: '监测指标',
-    dataIndex: 'shiftDate',
-    key: 'shiftDate',
-    width: 100
-  }, {
-    title: '报警等级',
-    dataIndex: 'shiftDate',
-    key: 'shiftDate',
+    title: '序号',
+    dataIndex: 'orderIndex',
+    key: 'orderIndex',
     width: 100
   }, {
-    title: '监测开始时间',
-    dataIndex: 'shiftDate',
-    key: 'shiftDate',
+    title: '统计月份',
+    dataIndex: 'month',
+    key: 'month',
     width: 100
   }, {
-    title: '监测结束时间',
-    dataIndex: 'shiftDate',
-    key: 'shiftDate',
+    title: '分数',
+    dataIndex: 'score',
+    key: 'score',
     width: 100
   }];
   var tableProps = {
     columns: columns,
     height: 240,
     isIndex: false,
-    pagination: false
+    pagination: false,
+    dataSource: tableData.map(function (item, index) {
+      return _objectSpread(_objectSpread({}, item), {}, {
+        orderIndex: index + 1
+      });
+    })
   };
+  var data = (detail.evaluateLabelCountList || []).map(function (item) {
+    return {
+      value: "".concat(item.name, " ").concat(item.count),
+      count: item.count
+    };
+  });
   return /*#__PURE__*/_jsxs("div", {
     className: "wr-score-content",
     children: [/*#__PURE__*/_jsxs("div", {
@@ -43,11 +115,11 @@ export default (function (props) {
       style: {
         height: '290px'
       },
-      children: [/*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsx("div", {
         className: "wr-score-title",
-        children: [/*#__PURE__*/_jsx("div", {
+        children: /*#__PURE__*/_jsx("div", {
           children: "\u5F97\u5206\u60C5\u51B5"
-        }), /*#__PURE__*/_jsx(VMRangePicker, {})]
+        })
       }), /*#__PURE__*/_jsxs("div", {
         className: "wr-score-content",
         children: [/*#__PURE__*/_jsx("div", {
@@ -67,8 +139,8 @@ export default (function (props) {
                     style: {
                       fontSize: '20px'
                     },
-                    children: "200"
-                  }), "\xA0\u6B21"]
+                    children: (_detail$score = detail.score) !== null && _detail$score !== void 0 ? _detail$score : 0
+                  }), "\xA0\u5206"]
                 })]
               })]
             }), /*#__PURE__*/_jsxs("div", {
@@ -84,14 +156,22 @@ export default (function (props) {
                     style: {
                       fontSize: '20px'
                     },
-                    children: "200"
-                  }), "\xA0\u5206"]
+                    children: (_detail$evaluateCount = detail.evaluateCount) !== null && _detail$evaluateCount !== void 0 ? _detail$evaluateCount : 0
+                  }), "\xA0\u4EBA"]
                 })]
               })]
             })]
           })
         }), /*#__PURE__*/_jsx("div", {
-          className: "score-text"
+          className: "score-text",
+          children: !!data.length && /*#__PURE__*/_jsx(TagCloud, {
+            tags: data,
+            minSize: 25,
+            maxSize: 50,
+            colorOptions: {
+              colors: ['red', 'orange', 'yellow', 'green', 'blue', 'purple']
+            }
+          })
         })]
       })]
     }), /*#__PURE__*/_jsxs("div", {
@@ -100,12 +180,26 @@ export default (function (props) {
         height: '310px',
         marginTop: '10px'
       },
-      children: [/*#__PURE__*/_jsx("div", {
+      children: [/*#__PURE__*/_jsxs("div", {
         className: "wr-score-title",
-        children: /*#__PURE__*/_jsx("div", {
+        children: [/*#__PURE__*/_jsx("div", {
           children: "\u8BC4\u4EF7\u8BB0\u5F55"
-        })
-      }), /*#__PURE__*/_jsx(VmTable, _objectSpread({}, tableProps))]
+        }), /*#__PURE__*/_jsx(VMRangePicker, {
+          picker: "month",
+          value: startDate ? [dayjs(startDate), dayjs(endDate)] : null,
+          disabledDate: function disabledDate(current) {
+            return current && current > dayjs().endOf('month');
+          },
+          onChange: function onChange(_, dateStr) {
+            return setState({
+              startDate: dateStr[0],
+              endDate: dateStr[1]
+            });
+          }
+        })]
+      }), /*#__PURE__*/_jsx(VmTable, _objectSpread(_objectSpread({}, tableProps), {}, {
+        height: "200px"
+      }))]
     })]
   });
 });

package/lib/vtx-wr-modal/components/Score/index.less

@@ -1,47 +1,47 @@
-.vm-modal-dark,
-.vm-modal-light {
-  .wr-score-content {
+.wr-score-content {
+  width: 100%;
+  height: calc(100% - 60px);
+  .wr-score-title {
+    padding: 12px 16px;
+    font-size: 16px;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .wr-score-panel {
     width: 100%;
-    height: calc(100% - 60px);
-    .wr-score-title {
-      padding: 12px 16px;
-      font-size: 16px;
-      box-sizing: border-box;
+    border-radius: 8px;
+    .wr-score-content {
       display: flex;
-      justify-content: space-between;
-      align-items: center;
-    }
-    .wr-score-panel {
-      width: 100%;
-      border-radius: 8px;
-      .wr-score-content {
-        display: flex;
-        gap: 60px;
-        justify-content: center;
-        .score-chart {
-          width: 580px;
+      gap: 60px;
+      justify-content: center;
+      .score-chart {
+        width: 480px;
+        height: 100%;
+        box-sizing: border-box;
+        .score-summary {
           height: 100%;
-          box-sizing: border-box;
-          .score-summary {
-            height: 100%;
+          display: flex;
+          justify-content: center;
+          gap: 80px;
+          align-items: center;
+          .score-summary-item {
             display: flex;
-            justify-content: center;
-            gap: 80px;
             align-items: center;
-            .score-summary-item {
-              display: flex;
-              align-items: center;
-              img {
-                width: 44px;
-                height: 44px;
-                margin-right: 16px;
-              }
+            img {
+              width: 44px;
+              height: 44px;
+              margin-right: 16px;
             }
           }
         }
-        .score-text {
-          width: 380px;
-        }
+      }
+      .score-text {
+        width: 480px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
       }
     }
   }

package/lib/vtx-wr-modal/components/index.js

@@ -1,4 +1,6 @@
 import Appraise from "./Appraise";
 import Base from "./Base";
+import Build from "./Build";
+import File from "./File";
 import Score from "./Score";
-export { Appraise, Base, Score };
+export { Appraise, Base, Build, File, Score };

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

@@ -4,26 +4,74 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { request } from '@vtx/utils';
+import { useEffect, useState } from 'react';
 import VtxBaseModal from "../vtx-base-modal";
-import { Appraise, Base, Score } from "./components";
+import { Appraise, Base, Build, File, Score } from "./components";
+import "./style";
+
+//弹窗配置
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+var getByCode = function getByCode(params) {
+  return request.get('/cloud/jcss-reborn/facility/type/config/getByCode', {
+    data: params
+  });
+};
+//公厕详情
+var smallPop = function smallPop(params) {
+  return request.get('/cloud/zhgc-reborn/api/gis/pop/smallPop', {
+    data: params
+  });
+};
 export default (function (props) {
+  var _config$;
   var visible = props.visible,
     theme = props.theme,
     title = props.title,
     id = props.id,
-    onCancel = props.onCancel;
-  var tabList = [{
-    key: 'wr-base',
-    title: '总览信息'
-  }, {
-    key: 'wr-appraise',
-    title: '评价分析'
-  }, {
-    key: 'wr-score',
-    title: '公厕得分'
-  }];
-  var contentList = _defineProperty(_defineProperty(_defineProperty({}, 'wr-base', /*#__PURE__*/_jsx(Base, _objectSpread({}, props))), 'wr-appraise', /*#__PURE__*/_jsx(Appraise, _objectSpread({}, props))), 'wr-score', /*#__PURE__*/_jsx(Score, _objectSpread({}, props)));
+    onCancel = props.onCancel,
+    _props$modalShow = props.modalShow,
+    modalShow = _props$modalShow === void 0 ? true : _props$modalShow;
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    detail = _useState2[0],
+    setDetail = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    config = _useState4[0],
+    setConfig = _useState4[1];
+  useEffect(function () {
+    getByCode({
+      code: 'wr'
+    }).then(function (res) {
+      if ((res === null || res === void 0 ? void 0 : res.result) === 0) {
+        setConfig((res.data.popupConfigJson || []).filter(function (item) {
+          return item.display;
+        }).map(function (item) {
+          return {
+            key: item.code,
+            title: item.name
+          };
+        }));
+      }
+    });
+  }, []);
+  useEffect(function () {
+    id && smallPop({
+      id: id
+    }).then(function (res) {
+      if ((res === null || res === void 0 ? void 0 : res.result) === 0) {
+        setDetail(res.data || {});
+      }
+    });
+  }, [id]);
+  var contentList = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, 'wr-base', /*#__PURE__*/_jsx(Base, _objectSpread({}, props))), 'wr-appraise', /*#__PURE__*/_jsx(Appraise, _objectSpread({}, props))), 'wr-score', /*#__PURE__*/_jsx(Score, _objectSpread({}, props))), 'wr-build', /*#__PURE__*/_jsx(Build, _objectSpread({}, props))), 'wr-file', /*#__PURE__*/_jsx(File, _objectSpread({}, props)));
   return /*#__PURE__*/_jsx(_Fragment, {
     children: visible && /*#__PURE__*/_jsx(VtxBaseModal, {
       type: "wr",
@@ -32,9 +80,25 @@ export default (function (props) {
       title: title,
       id: id,
       onCancel: onCancel,
-      tabs: tabList,
+      tabs: config,
       contents: contentList,
-      tabChose: "wr-score"
+      tabChose: (_config$ = config[0]) === null || _config$ === void 0 ? void 0 : _config$.key,
+      modalShow: modalShow,
+      tagList: [detail.withFacilityClass && {
+        color: 'blue',
+        value: detail.facilityClassName
+      }, detail.withFacilityStatus && {
+        color: 'green',
+        value: detail.facilityStatusName
+      }, detail.withDevice && {
+        color: 'green',
+        value: '已绑定设备'
+      }, !!detail.alarmNum && {
+        color: 'red',
+        value: "\u6B63\u5728\u62A5\u8B66 ".concat(detail.alarmNum)
+      }].filter(function (item) {
+        return !!item;
+      })
     })
   });
 });