diff --git a/package-lock.json b/package-lock.json
index fa9d679..edaad30 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,8 @@
       "name": "vite-react-ts",
       "version": "0.0.0",
       "dependencies": {
+        "@ant-design/icons": "^5.0.1",
+        "antd": "^5.4.2",
         "react": "^18.2.0",
         "react-dom": "^18.2.0"
       },
@@ -32,6 +34,71 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/@ant-design/colors": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmmirror.com/@ant-design/colors/-/colors-7.0.0.tgz",
+      "integrity": "sha512-iVm/9PfGCbC0dSMBrz7oiEXZaaGH7ceU40OJEfKmyuzR9R5CRimJYPlRiFtMQGQcbNMea/ePcoIebi4ASGYXtg==",
+      "dependencies": {
+        "@ctrl/tinycolor": "^3.4.0"
+      }
+    },
+    "node_modules/@ant-design/cssinjs": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmmirror.com/@ant-design/cssinjs/-/cssinjs-1.9.0.tgz",
+      "integrity": "sha512-rOHIVPfYDJL4ZMh4GXMlO4kQbE7tu5uXITTeuCdu0uyNIlKtYcVE67FMttYiLTBqlZHkILqaT4qxe2eE2Dxbyg==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "@emotion/hash": "^0.8.0",
+        "@emotion/unitless": "^0.7.5",
+        "classnames": "^2.3.1",
+        "csstype": "^3.0.10",
+        "rc-util": "^5.27.0",
+        "stylis": "^4.0.13"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/@ant-design/icons": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/@ant-design/icons/-/icons-5.0.1.tgz",
+      "integrity": "sha512-ZyF4ksXCcdtwA/1PLlnFLcF/q8/MhwxXhKHh4oCHDA4Ip+ZzAHoICtyp4wZWfiCVDP0yuz3HsjyvuldHFb3wjA==",
+      "dependencies": {
+        "@ant-design/colors": "^7.0.0",
+        "@ant-design/icons-svg": "^4.2.1",
+        "@babel/runtime": "^7.11.2",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.9.4"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/@ant-design/icons-svg": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmmirror.com/@ant-design/icons-svg/-/icons-svg-4.2.1.tgz",
+      "integrity": "sha512-EB0iwlKDGpG93hW8f85CTJTs4SvMX7tt5ceupvhALp1IF44SeUFOMhKUOYqpsoYWQKAOuTRDMqn75rEaKDp0Xw=="
+    },
+    "node_modules/@ant-design/react-slick": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/@ant-design/react-slick/-/react-slick-1.0.0.tgz",
+      "integrity": "sha512-OKxZsn8TAf8fYxP79rDXgLs9zvKMTslK6dJ4iLhDXOujUqC5zJPBRszyrcEHXcMPOm1Sgk40JgyF3yiL/Swd7w==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.4",
+        "classnames": "^2.2.5",
+        "json2mq": "^0.2.0",
+        "resize-observer-polyfill": "^1.5.1",
+        "throttle-debounce": "^5.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0"
+      }
+    },
     "node_modules/@babel/code-frame": {
       "version": "7.21.4",
       "resolved": "https://registry.npmmirror.com/@babel/code-frame/-/code-frame-7.21.4.tgz",
@@ -369,6 +436,17 @@
         "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/@babel/runtime": {
+      "version": "7.21.0",
+      "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.21.0.tgz",
+      "integrity": "sha512-xwII0//EObnq89Ji5AKYQaRYiW/nZ3llSv29d49IuxPhKbtJoLP+9QUUZ4nVragQVtaVGeZrpB+ZtG/Pdy/POw==",
+      "dependencies": {
+        "regenerator-runtime": "^0.13.11"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@babel/template": {
       "version": "7.20.7",
       "resolved": "https://registry.npmmirror.com/@babel/template/-/template-7.20.7.tgz",
@@ -418,6 +496,24 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@ctrl/tinycolor": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmmirror.com/@ctrl/tinycolor/-/tinycolor-3.6.0.tgz",
+      "integrity": "sha512-/Z3l6pXthq0JvMYdUFyX9j0MaCltlIn6mfh9jLyQwg5aPKxkyNa0PTHtU1AlFXLNk55ZuAeJRcpvq+tmLfKmaQ==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@emotion/hash": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmmirror.com/@emotion/hash/-/hash-0.8.0.tgz",
+      "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow=="
+    },
+    "node_modules/@emotion/unitless": {
+      "version": "0.7.5",
+      "resolved": "https://registry.npmmirror.com/@emotion/unitless/-/unitless-0.7.5.tgz",
+      "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
+    },
     "node_modules/@esbuild/android-arm": {
       "version": "0.15.18",
       "resolved": "https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.15.18.tgz",
@@ -504,6 +600,104 @@
       "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
       "dev": true
     },
+    "node_modules/@rc-component/context": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/@rc-component/context/-/context-1.3.0.tgz",
+      "integrity": "sha512-6QdaCJ7Wn5UZLJs15IEfqy4Ru3OaL5ctqpQYWd5rlfV9wwzrzdt6+kgAQZV/qdB0MUPN4nhyBfRembQCIvBf+w==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/mini-decimal": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/@rc-component/mini-decimal/-/mini-decimal-1.0.1.tgz",
+      "integrity": "sha512-9N8nRk0oKj1qJzANKl+n9eNSMUGsZtjwNuDCiZ/KA+dt1fE3zq5x2XxclRcAbOIXnZcJ53ozP2Pa60gyELXagA==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      }
+    },
+    "node_modules/@rc-component/mutate-observer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/@rc-component/mutate-observer/-/mutate-observer-1.0.0.tgz",
+      "integrity": "sha512-okqRJSfNisXdI6CUeOLZC5ukBW/8kir2Ii4PJiKpUt+3+uS7dxwJUMxsUZquxA1rQuL8YcEmKVp/TCnR+yUdZA==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/portal": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/@rc-component/portal/-/portal-1.1.1.tgz",
+      "integrity": "sha512-m8w3dFXX0H6UkJ4wtfrSwhe2/6M08uz24HHrF8pWfAXPwA9hwCuTE5per/C86KwNLouRpwFGcr7LfpHaa1F38g==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/tour": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@rc-component/tour/-/tour-1.8.0.tgz",
+      "integrity": "sha512-rrRGioHTLQlGca27G2+lw7QpRb3uuMYCUIJjj31/B44VCJS0P2tqYhOgtzvWQmaLMlWH3ZlpzotkKX13NT4XEA==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "@rc-component/portal": "^1.0.0-9",
+        "@rc-component/trigger": "^1.3.6",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/trigger": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmmirror.com/@rc-component/trigger/-/trigger-1.10.0.tgz",
+      "integrity": "sha512-kDnsBBUIX+oCk1nhZ8vwCFiq15sIXqvYlRLTnSWXDTgec8SRjHxIA2T47FbWVlZ9PtlT1NIVWH8q3GbiSRKWUA==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@rc-component/portal": "^1.1.0",
+        "classnames": "^2.3.2",
+        "rc-align": "^4.0.0",
+        "rc-motion": "^2.0.0",
+        "rc-resize-observer": "^1.3.1",
+        "rc-util": "^5.29.2"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
     "node_modules/@types/prop-types": {
       "version": "15.7.5",
       "resolved": "https://registry.npmmirror.com/@types/prop-types/-/prop-types-15.7.5.tgz",
@@ -569,6 +763,75 @@
         "node": ">=4"
       }
     },
+    "node_modules/antd": {
+      "version": "5.4.2",
+      "resolved": "https://registry.npmmirror.com/antd/-/antd-5.4.2.tgz",
+      "integrity": "sha512-OxXZ7joFf6Um4zeXm07tyJ9WV6eMwUw1KUmewfM/BDceUFVtJVf7YbBTBfX3JTl+jOuSpMSb4naFhOCgVwtyFw==",
+      "dependencies": {
+        "@ant-design/colors": "^7.0.0",
+        "@ant-design/cssinjs": "^1.7.1",
+        "@ant-design/icons": "^5.0.0",
+        "@ant-design/react-slick": "~1.0.0",
+        "@babel/runtime": "^7.18.3",
+        "@ctrl/tinycolor": "^3.6.0",
+        "@rc-component/mutate-observer": "^1.0.0",
+        "@rc-component/tour": "~1.8.0",
+        "@rc-component/trigger": "^1.7.0",
+        "classnames": "^2.2.6",
+        "copy-to-clipboard": "^3.2.0",
+        "dayjs": "^1.11.1",
+        "qrcode.react": "^3.1.0",
+        "rc-cascader": "~3.10.0",
+        "rc-checkbox": "~3.0.0",
+        "rc-collapse": "~3.5.2",
+        "rc-dialog": "~9.1.0",
+        "rc-drawer": "~6.1.1",
+        "rc-dropdown": "~4.0.0",
+        "rc-field-form": "~1.29.0",
+        "rc-image": "~5.16.0",
+        "rc-input": "~1.0.4",
+        "rc-input-number": "~7.4.0",
+        "rc-mentions": "~2.2.0",
+        "rc-menu": "~9.8.3",
+        "rc-motion": "^2.6.1",
+        "rc-notification": "~5.0.0",
+        "rc-pagination": "~3.3.1",
+        "rc-picker": "~3.6.1",
+        "rc-progress": "~3.4.1",
+        "rc-rate": "~2.10.0",
+        "rc-resize-observer": "^1.2.0",
+        "rc-segmented": "~2.1.2",
+        "rc-select": "~14.4.3",
+        "rc-slider": "~10.1.0",
+        "rc-steps": "~6.0.0",
+        "rc-switch": "~4.0.0",
+        "rc-table": "~7.31.0",
+        "rc-tabs": "~12.5.6",
+        "rc-textarea": "~1.2.2",
+        "rc-tooltip": "~6.0.0",
+        "rc-tree": "~5.7.0",
+        "rc-tree-select": "~5.8.0",
+        "rc-trigger": "^5.3.4",
+        "rc-upload": "~4.3.0",
+        "rc-util": "^5.27.0",
+        "scroll-into-view-if-needed": "^3.0.3",
+        "throttle-debounce": "^5.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/array-tree-filter": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/array-tree-filter/-/array-tree-filter-2.1.0.tgz",
+      "integrity": "sha512-4ROwICNlNw/Hqa9v+rk5h22KjmzB1JGTMVKP2AKJBOCgb0yL0ASf0+YvCcLNNwquOHNX48jkeZIJ3a+oOQqKcw=="
+    },
+    "node_modules/async-validator": {
+      "version": "4.2.5",
+      "resolved": "https://registry.npmmirror.com/async-validator/-/async-validator-4.2.5.tgz",
+      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg=="
+    },
     "node_modules/browserslist": {
       "version": "4.21.5",
       "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-4.21.5.tgz",
@@ -607,6 +870,11 @@
         "node": ">=4"
       }
     },
+    "node_modules/classnames": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmmirror.com/classnames/-/classnames-2.3.2.tgz",
+      "integrity": "sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw=="
+    },
     "node_modules/color-convert": {
       "version": "1.9.3",
       "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-1.9.3.tgz",
@@ -622,17 +890,34 @@
       "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
       "dev": true
     },
+    "node_modules/compute-scroll-into-view": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmmirror.com/compute-scroll-into-view/-/compute-scroll-into-view-3.0.3.tgz",
+      "integrity": "sha512-nadqwNxghAGTamwIqQSG433W6OADZx2vCo3UXHNrzTRHK/htu+7+L0zhjEoaeaQVNAi3YgqWDv8+tzf0hRfR+A=="
+    },
     "node_modules/convert-source-map": {
       "version": "1.9.0",
       "resolved": "https://registry.npmmirror.com/convert-source-map/-/convert-source-map-1.9.0.tgz",
       "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
       "dev": true
     },
+    "node_modules/copy-to-clipboard": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmmirror.com/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
+      "integrity": "sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==",
+      "dependencies": {
+        "toggle-selection": "^1.0.6"
+      }
+    },
     "node_modules/csstype": {
       "version": "3.1.2",
       "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.1.2.tgz",
-      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==",
-      "dev": true
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.7",
+      "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.7.tgz",
+      "integrity": "sha512-+Yw9U6YO5TQohxLcIkrXBeY73WP3ejHWVvx8XCk3gxvQDCTEmS48ZrSZCKciI7Bhl/uCMyxYtE9UqRILmFphkQ=="
     },
     "node_modules/debug": {
       "version": "4.3.4",
@@ -651,6 +936,11 @@
         }
       }
     },
+    "node_modules/dom-align": {
+      "version": "1.12.4",
+      "resolved": "https://registry.npmmirror.com/dom-align/-/dom-align-1.12.4.tgz",
+      "integrity": "sha512-R8LUSEay/68zE5c8/3BDxiTEvgb4xZTF0RKmAHfiEVN3klfIpXfi2/QCoiWPccVQ0J/ZGdz9OjzL4uJEP/MRAw=="
+    },
     "node_modules/electron-to-chromium": {
       "version": "1.4.368",
       "resolved": "https://registry.npmmirror.com/electron-to-chromium/-/electron-to-chromium-1.4.368.tgz",
@@ -1117,6 +1407,14 @@
         "node": ">=4"
       }
     },
+    "node_modules/json2mq": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmmirror.com/json2mq/-/json2mq-0.2.0.tgz",
+      "integrity": "sha512-SzoRg7ux5DWTII9J2qkrZrqV1gt+rTaoufMxEzXbS26Uid0NwaJd123HcoB80TgubEppxxIGdNxCx50fEoEWQA==",
+      "dependencies": {
+        "string-convert": "^0.2.0"
+      }
+    },
     "node_modules/json5": {
       "version": "2.2.3",
       "resolved": "https://registry.npmmirror.com/json5/-/json5-2.2.3.tgz",
@@ -1211,6 +1509,616 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/qrcode.react": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/qrcode.react/-/qrcode.react-3.1.0.tgz",
+      "integrity": "sha512-oyF+Urr3oAMUG/OiOuONL3HXM+53wvuH3mtIWQrYmsXoAq0DkvZp2RYUWFSMFtbdOpuS++9v+WAkzNVkMlNW6Q==",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/rc-align": {
+      "version": "4.0.15",
+      "resolved": "https://registry.npmmirror.com/rc-align/-/rc-align-4.0.15.tgz",
+      "integrity": "sha512-wqJtVH60pka/nOX7/IspElA8gjPNQKIx/ZqJ6heATCkXpe1Zg4cPVrMD2vC96wjsFFL8WsmhPbx9tdMo1qqlIA==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "dom-align": "^1.7.0",
+        "rc-util": "^5.26.0",
+        "resize-observer-polyfill": "^1.5.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-cascader": {
+      "version": "3.10.2",
+      "resolved": "https://registry.npmmirror.com/rc-cascader/-/rc-cascader-3.10.2.tgz",
+      "integrity": "sha512-llKIxAAJZW10BkvhqdNsOSy2AOubj0xGEJFcdo/FP09DrhVI764skhCeBH9WfIhv4X40t9/goDwTsXE8Gul9zA==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "array-tree-filter": "^2.1.0",
+        "classnames": "^2.3.1",
+        "rc-select": "~14.4.0",
+        "rc-tree": "~5.7.0",
+        "rc-util": "^5.6.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-checkbox": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/rc-checkbox/-/rc-checkbox-3.0.0.tgz",
+      "integrity": "sha512-tOEs1+wWDUei7DuP2EsJCZfam5vxMjKTCGcZdXVgsiOcNszc41Esycbo31P0/jFwUAPmd5oPYFWkcnFUCTLZxA==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.25.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-collapse": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmmirror.com/rc-collapse/-/rc-collapse-3.5.2.tgz",
+      "integrity": "sha512-/TNiT3DW1t3sUCiVD/DPUYooJZ3BLA93/2rZsB3eM2bGJCCla2X9D2E4tgm7LGMQGy5Atb2lMUn2FQuvQNvavQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.3.4",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-dialog": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmmirror.com/rc-dialog/-/rc-dialog-9.1.0.tgz",
+      "integrity": "sha512-5ry+JABAWEbaKyYsmITtrJbZbJys8CtMyzV8Xn4LYuXMeUx5XVHNyJRoqLFE4AzBuXXzOWeaC49cg+XkxK6kHA==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/portal": "^1.0.0-8",
+        "classnames": "^2.2.6",
+        "rc-motion": "^2.3.0",
+        "rc-util": "^5.21.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-drawer": {
+      "version": "6.1.5",
+      "resolved": "https://registry.npmmirror.com/rc-drawer/-/rc-drawer-6.1.5.tgz",
+      "integrity": "sha512-MDRomQXFi+tvDuwsRAddJ2Oy2ayLCZ29weMzp3rJFO9UNEVLEVV7nuyx5lEgNJIdM//tE6wWQV95cTUiMVqD6w==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/portal": "^1.0.0-6",
+        "classnames": "^2.2.6",
+        "rc-motion": "^2.6.1",
+        "rc-util": "^5.21.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-dropdown": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmmirror.com/rc-dropdown/-/rc-dropdown-4.0.1.tgz",
+      "integrity": "sha512-OdpXuOcme1rm45cR0Jzgfl1otzmU4vuBVb+etXM8vcaULGokAKVpKlw8p6xzspG7jGd/XxShvq+N3VNEfk/l5g==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "classnames": "^2.2.6",
+        "rc-trigger": "^5.3.1",
+        "rc-util": "^5.17.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.11.0",
+        "react-dom": ">=16.11.0"
+      }
+    },
+    "node_modules/rc-field-form": {
+      "version": "1.29.2",
+      "resolved": "https://registry.npmmirror.com/rc-field-form/-/rc-field-form-1.29.2.tgz",
+      "integrity": "sha512-gXNkthHMUjJ7gDKYmD/lJWJrpMqAjiEPQE4QmlOuZoiHF51LybCL/y+iAmLXpdEjPfJ41WtZBH5hZMUEnEnHXA==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "async-validator": "^4.1.0",
+        "rc-util": "^5.8.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-image": {
+      "version": "5.16.0",
+      "resolved": "https://registry.npmmirror.com/rc-image/-/rc-image-5.16.0.tgz",
+      "integrity": "sha512-11DOye57IgTXh2yTsmxFNynZJG3tdx8RZnnaqb38eYWrBPPyhVHIuURxyiSZ8B68lEUAggR7SBA0Zb95KP/CyQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "@rc-component/portal": "^1.0.2",
+        "classnames": "^2.2.6",
+        "rc-dialog": "~9.1.0",
+        "rc-motion": "^2.6.2",
+        "rc-util": "^5.0.6"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-input": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmmirror.com/rc-input/-/rc-input-1.0.4.tgz",
+      "integrity": "sha512-clY4oneVHRtKHYf/HCxT/MO+4BGzCIywSNLosXWOm7fcQAS0jQW7n0an8Raa8JMB8kpxc8m28p7SNwFZmlMj6g==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.18.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/rc-input-number": {
+      "version": "7.4.2",
+      "resolved": "https://registry.npmmirror.com/rc-input-number/-/rc-input-number-7.4.2.tgz",
+      "integrity": "sha512-yGturTw7WGP+M1GbJ+UTAO7L4buxeW6oilhL9Sq3DezsRS8/9qec4UiXUbeoiX9bzvRXH11JvgskBtxSp4YSNg==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/mini-decimal": "^1.0.1",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.28.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-mentions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/rc-mentions/-/rc-mentions-2.2.0.tgz",
+      "integrity": "sha512-R7ncCldr02uKgJBBPlXdtnOGQIjZ9C3uoIMi4fabU3CPFdmefYlNF6QM4u2AzgcGt8V0KkoHTN5T6HPdUpet8g==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/trigger": "^1.5.0",
+        "classnames": "^2.2.6",
+        "rc-input": "~1.0.0",
+        "rc-menu": "~9.8.0",
+        "rc-textarea": "~1.2.0",
+        "rc-util": "^5.22.5"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-menu": {
+      "version": "9.8.4",
+      "resolved": "https://registry.npmmirror.com/rc-menu/-/rc-menu-9.8.4.tgz",
+      "integrity": "sha512-lmw2j8I2fhdIzHmC9ajfImfckt0WDb2KVJJBBRIsxPEw2kGkEfjLMUoB1NgiNT/Q5cC8PdjGOGQjHJIJMwyNMw==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.4.3",
+        "rc-overflow": "^1.2.8",
+        "rc-trigger": "^5.1.2",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-motion": {
+      "version": "2.7.3",
+      "resolved": "https://registry.npmmirror.com/rc-motion/-/rc-motion-2.7.3.tgz",
+      "integrity": "sha512-2xUvo8yGHdOHeQbdI8BtBsCIrWKchEmFEIskf0nmHtJsou+meLd/JE+vnvSX2JxcBrJtXY2LuBpxAOxrbY/wMQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.21.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-notification": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmmirror.com/rc-notification/-/rc-notification-5.0.3.tgz",
+      "integrity": "sha512-+wHbHu6RiTNtsZYx42WxWA+tC5m0qyKvJAauO4/6LIEyJspK8fRlFQz+OCFgFwGuNs3cOdo9tLs+cPfztSZwbQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.6.0",
+        "rc-util": "^5.20.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-overflow": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/rc-overflow/-/rc-overflow-1.3.0.tgz",
+      "integrity": "sha512-p2Qt4SWPTHAYl4oAao1THy669Fm5q8pYBDBHRaFOekCvcdcrgIx0ByXQMEkyPm8wUDX4BK6aARWecvCRc/7CTA==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.19.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-pagination": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmmirror.com/rc-pagination/-/rc-pagination-3.3.1.tgz",
+      "integrity": "sha512-eI4dSeB3OrFxll7KzWa3ZH63LV2tHxt0AUmZmDwuI6vc3CK5lZhaKUYq0fRowb5586hN+L26j5WZoSz9cwEfjg==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-picker": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmmirror.com/rc-picker/-/rc-picker-3.6.2.tgz",
+      "integrity": "sha512-acLNCi2WTNAuvTtcEzKp72mU15ni0sqrIKVlEcj04KgLZxhlVPMabCS+Sc8VuOCPJbOcW0XeOydbNnJbWTvzxg==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/trigger": "^1.5.0",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.27.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "date-fns": ">= 2.x",
+        "dayjs": ">= 1.x",
+        "luxon": ">= 3.x",
+        "moment": ">= 2.x",
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      },
+      "peerDependenciesMeta": {
+        "date-fns": {
+          "optional": true
+        },
+        "dayjs": {
+          "optional": true
+        },
+        "luxon": {
+          "optional": true
+        },
+        "moment": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/rc-progress": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmmirror.com/rc-progress/-/rc-progress-3.4.1.tgz",
+      "integrity": "sha512-eAFDHXlk8aWpoXl0llrenPMt9qKHQXphxcVsnKs0FHC6eCSk1ebJtyaVjJUzKe0233ogiLDeEFK1Uihz3s67hw==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.16.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-rate": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmmirror.com/rc-rate/-/rc-rate-2.10.0.tgz",
+      "integrity": "sha512-TCjEpKPeN1m0EnGDDbb1KyxjNTJRzoReiPdtbrBJEey4Ryf/UGOQ6vqmz2yC6DJdYVDVUoZPdoz043ryh0t/nQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-resize-observer": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmmirror.com/rc-resize-observer/-/rc-resize-observer-1.3.1.tgz",
+      "integrity": "sha512-iFUdt3NNhflbY3mwySv5CA1TC06zdJ+pfo0oc27xpf4PIOvfZwZGtD9Kz41wGYqC4SLio93RVAirSSpYlV/uYg==",
+      "dependencies": {
+        "@babel/runtime": "^7.20.7",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.27.0",
+        "resize-observer-polyfill": "^1.5.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-segmented": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmmirror.com/rc-segmented/-/rc-segmented-2.1.2.tgz",
+      "integrity": "sha512-qGo1bCr83ESXpXVOCXjFe1QJlCAQXyi9KCiy8eX3rIMYlTeJr/ftySIaTnYsitL18SvWf5ZEHsfqIWoX0EMfFQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-motion": "^2.4.4",
+        "rc-util": "^5.17.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/rc-select": {
+      "version": "14.4.3",
+      "resolved": "https://registry.npmmirror.com/rc-select/-/rc-select-14.4.3.tgz",
+      "integrity": "sha512-qoz4gNqm3SN+4dYKSCRiRkxKSEEdbS3jC6gdFYoYwEjDZ9sdQFo5jHlfQbF+hhai01HOoj1Hf8Gq6tpUvU+Gmw==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/trigger": "^1.5.0",
+        "classnames": "2.x",
+        "rc-motion": "^2.0.1",
+        "rc-overflow": "^1.0.0",
+        "rc-util": "^5.16.1",
+        "rc-virtual-list": "^3.4.13"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/rc-slider": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmmirror.com/rc-slider/-/rc-slider-10.1.1.tgz",
+      "integrity": "sha512-gn8oXazZISEhnmRinI89Z/JD/joAaM35jp+gDtIVSTD/JJMCCBqThqLk1SVJmvtfeiEF/kKaFY0+qt4SDHFUDw==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.27.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-steps": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmmirror.com/rc-steps/-/rc-steps-6.0.0.tgz",
+      "integrity": "sha512-+KfMZIty40mYCQSDvYbZ1jwnuObLauTiIskT1hL4FFOBHP6ZOr8LK0m143yD3kEN5XKHSEX1DIwCj3AYZpoeNQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.16.7",
+        "classnames": "^2.2.3",
+        "rc-util": "^5.16.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-switch": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/rc-switch/-/rc-switch-4.0.0.tgz",
+      "integrity": "sha512-IfrYC99vN0gKaTyjQdqYuADU0eH00SAFHg3jOp8HrmUpJruhV1SohJzrCbPqPraZeX/6X/QKkdLfkdnUub05WA==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.0.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-table": {
+      "version": "7.31.1",
+      "resolved": "https://registry.npmmirror.com/rc-table/-/rc-table-7.31.1.tgz",
+      "integrity": "sha512-KZPi35aGpv2VaL1Jbc58FBJo063HtKyVjhOFWX4AkBV7tjHHQokMdUoua5E+GPJh6QZUpK/a8PjKa9IZzPLIEA==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/context": "^1.3.0",
+        "classnames": "^2.2.5",
+        "rc-resize-observer": "^1.1.0",
+        "rc-util": "^5.27.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-tabs": {
+      "version": "12.5.10",
+      "resolved": "https://registry.npmmirror.com/rc-tabs/-/rc-tabs-12.5.10.tgz",
+      "integrity": "sha512-Ay0l0jtd4eXepFH9vWBvinBjqOpqzcsJTerBGwJy435P2S90Uu38q8U/mvc1sxUEVOXX5ZCFbxcWPnfG3dH+tQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "classnames": "2.x",
+        "rc-dropdown": "~4.0.0",
+        "rc-menu": "~9.8.0",
+        "rc-motion": "^2.6.2",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.16.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-textarea": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmmirror.com/rc-textarea/-/rc-textarea-1.2.2.tgz",
+      "integrity": "sha512-S9fkiek5VezfwJe2McEs/NH63xgnnZ4iDh6a8n01mIfzyNJj0HkS0Uz6boyR3/eONYjmKaqhrpuJJuEClRDEBw==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.1",
+        "rc-input": "~1.0.4",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-tooltip": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmmirror.com/rc-tooltip/-/rc-tooltip-6.0.1.tgz",
+      "integrity": "sha512-MdvPlsD1fDSxKp9+HjXrc/CxLmA/s11QYIh1R7aExxfodKP7CZA++DG1AjrW80F8IUdHYcR43HAm0Y2BYPelHA==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "@rc-component/trigger": "^1.0.4",
+        "classnames": "^2.3.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-tree": {
+      "version": "5.7.3",
+      "resolved": "https://registry.npmmirror.com/rc-tree/-/rc-tree-5.7.3.tgz",
+      "integrity": "sha512-Oql2S9+ZmT+mfTp5SNo1XM0QvkENjc0mPRFsHWRFSPuKird0OYMZZKmLznUJ+0aGDeFFWN42wiUZJtMFhrLgLw==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.0.1",
+        "rc-util": "^5.16.1",
+        "rc-virtual-list": "^3.4.8"
+      },
+      "engines": {
+        "node": ">=10.x"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/rc-tree-select": {
+      "version": "5.8.0",
+      "resolved": "https://registry.npmmirror.com/rc-tree-select/-/rc-tree-select-5.8.0.tgz",
+      "integrity": "sha512-NozrkVLR8k3cpx8R5/YFmJMptgOacR5zEQHZGMQg31bD6jEgGiJeOn2cGRI6x0Xdyvi1CSqCbUsIoqiej74wzw==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-select": "~14.4.0",
+        "rc-tree": "~5.7.0",
+        "rc-util": "^5.16.1"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/rc-trigger": {
+      "version": "5.3.4",
+      "resolved": "https://registry.npmmirror.com/rc-trigger/-/rc-trigger-5.3.4.tgz",
+      "integrity": "sha512-mQv+vas0TwKcjAO2izNPkqR4j86OemLRmvL2nOzdP9OWNWA1ivoTt5hzFqYNW9zACwmTezRiN8bttrC7cZzYSw==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "classnames": "^2.2.6",
+        "rc-align": "^4.0.0",
+        "rc-motion": "^2.0.0",
+        "rc-util": "^5.19.2"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-upload": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmmirror.com/rc-upload/-/rc-upload-4.3.4.tgz",
+      "integrity": "sha512-uVbtHFGNjHG/RyAfm9fluXB6pvArAGyAx8z7XzXXyorEgVIWj6mOlriuDm0XowDHYz4ycNK0nE0oP3cbFnzxiQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.2.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-util": {
+      "version": "5.30.0",
+      "resolved": "https://registry.npmmirror.com/rc-util/-/rc-util-5.30.0.tgz",
+      "integrity": "sha512-uaWpF/CZGyXuhQG71MWxkU+0bWkPEgqZUxEv251Cu7p3kpHDNm5+Ygu/U8ux0a/zbfGW8PsKcJL0XVBOMrlIZg==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "react-is": "^16.12.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-virtual-list": {
+      "version": "3.4.13",
+      "resolved": "https://registry.npmmirror.com/rc-virtual-list/-/rc-virtual-list-3.4.13.tgz",
+      "integrity": "sha512-cPOVDmcNM7rH6ANotanMDilW/55XnFPw0Jh/GQYtrzZSy3AmWvCnqVNyNC/pgg3lfVmX2994dlzAhuUrd4jG7w==",
+      "dependencies": {
+        "@babel/runtime": "^7.20.0",
+        "classnames": "^2.2.6",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.15.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
     "node_modules/react": {
       "version": "18.2.0",
       "resolved": "https://registry.npmmirror.com/react/-/react-18.2.0.tgz",
@@ -1234,6 +2142,11 @@
         "react": "^18.2.0"
       }
     },
+    "node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmmirror.com/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+    },
     "node_modules/react-refresh": {
       "version": "0.14.0",
       "resolved": "https://registry.npmmirror.com/react-refresh/-/react-refresh-0.14.0.tgz",
@@ -1243,6 +2156,16 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/regenerator-runtime": {
+      "version": "0.13.11",
+      "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
+    },
+    "node_modules/resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmmirror.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+    },
     "node_modules/resolve": {
       "version": "1.22.2",
       "resolved": "https://registry.npmmirror.com/resolve/-/resolve-1.22.2.tgz",
@@ -1280,6 +2203,14 @@
         "loose-envify": "^1.1.0"
       }
     },
+    "node_modules/scroll-into-view-if-needed": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmmirror.com/scroll-into-view-if-needed/-/scroll-into-view-if-needed-3.0.10.tgz",
+      "integrity": "sha512-t44QCeDKAPf1mtQH3fYpWz8IM/DyvHLjs8wUvvwMYxk5moOqCzrMSxK6HQVD0QVmVjXFavoFIPRVrMuJPKAvtg==",
+      "dependencies": {
+        "compute-scroll-into-view": "^3.0.2"
+      }
+    },
     "node_modules/semver": {
       "version": "6.3.0",
       "resolved": "https://registry.npmmirror.com/semver/-/semver-6.3.0.tgz",
@@ -1305,6 +2236,16 @@
       "deprecated": "Please use @jridgewell/sourcemap-codec instead",
       "dev": true
     },
+    "node_modules/string-convert": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/string-convert/-/string-convert-0.2.1.tgz",
+      "integrity": "sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A=="
+    },
+    "node_modules/stylis": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmmirror.com/stylis/-/stylis-4.1.3.tgz",
+      "integrity": "sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA=="
+    },
     "node_modules/supports-color": {
       "version": "5.5.0",
       "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-5.5.0.tgz",
@@ -1326,6 +2267,14 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/throttle-debounce": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/throttle-debounce/-/throttle-debounce-5.0.0.tgz",
+      "integrity": "sha512-2iQTSgkkc1Zyk0MeVrt/3BvuOXYPl/R8Z0U2xxo9rjwNciaHDG3R+Lm6dh4EeUci49DanvBnuqI6jshoQQRGEg==",
+      "engines": {
+        "node": ">=12.22"
+      }
+    },
     "node_modules/to-fast-properties": {
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
@@ -1335,6 +2284,11 @@
         "node": ">=4"
       }
     },
+    "node_modules/toggle-selection": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmmirror.com/toggle-selection/-/toggle-selection-1.0.6.tgz",
+      "integrity": "sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ=="
+    },
     "node_modules/typescript": {
       "version": "4.9.5",
       "resolved": "https://registry.npmmirror.com/typescript/-/typescript-4.9.5.tgz",
@@ -1431,6 +2385,57 @@
         "@jridgewell/trace-mapping": "^0.3.9"
       }
     },
+    "@ant-design/colors": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmmirror.com/@ant-design/colors/-/colors-7.0.0.tgz",
+      "integrity": "sha512-iVm/9PfGCbC0dSMBrz7oiEXZaaGH7ceU40OJEfKmyuzR9R5CRimJYPlRiFtMQGQcbNMea/ePcoIebi4ASGYXtg==",
+      "requires": {
+        "@ctrl/tinycolor": "^3.4.0"
+      }
+    },
+    "@ant-design/cssinjs": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmmirror.com/@ant-design/cssinjs/-/cssinjs-1.9.0.tgz",
+      "integrity": "sha512-rOHIVPfYDJL4ZMh4GXMlO4kQbE7tu5uXITTeuCdu0uyNIlKtYcVE67FMttYiLTBqlZHkILqaT4qxe2eE2Dxbyg==",
+      "requires": {
+        "@babel/runtime": "^7.11.1",
+        "@emotion/hash": "^0.8.0",
+        "@emotion/unitless": "^0.7.5",
+        "classnames": "^2.3.1",
+        "csstype": "^3.0.10",
+        "rc-util": "^5.27.0",
+        "stylis": "^4.0.13"
+      }
+    },
+    "@ant-design/icons": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/@ant-design/icons/-/icons-5.0.1.tgz",
+      "integrity": "sha512-ZyF4ksXCcdtwA/1PLlnFLcF/q8/MhwxXhKHh4oCHDA4Ip+ZzAHoICtyp4wZWfiCVDP0yuz3HsjyvuldHFb3wjA==",
+      "requires": {
+        "@ant-design/colors": "^7.0.0",
+        "@ant-design/icons-svg": "^4.2.1",
+        "@babel/runtime": "^7.11.2",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.9.4"
+      }
+    },
+    "@ant-design/icons-svg": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmmirror.com/@ant-design/icons-svg/-/icons-svg-4.2.1.tgz",
+      "integrity": "sha512-EB0iwlKDGpG93hW8f85CTJTs4SvMX7tt5ceupvhALp1IF44SeUFOMhKUOYqpsoYWQKAOuTRDMqn75rEaKDp0Xw=="
+    },
+    "@ant-design/react-slick": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/@ant-design/react-slick/-/react-slick-1.0.0.tgz",
+      "integrity": "sha512-OKxZsn8TAf8fYxP79rDXgLs9zvKMTslK6dJ4iLhDXOujUqC5zJPBRszyrcEHXcMPOm1Sgk40JgyF3yiL/Swd7w==",
+      "requires": {
+        "@babel/runtime": "^7.10.4",
+        "classnames": "^2.2.5",
+        "json2mq": "^0.2.0",
+        "resize-observer-polyfill": "^1.5.1",
+        "throttle-debounce": "^5.0.0"
+      }
+    },
     "@babel/code-frame": {
       "version": "7.21.4",
       "resolved": "https://registry.npmmirror.com/@babel/code-frame/-/code-frame-7.21.4.tgz",
@@ -1672,6 +2677,14 @@
         "@babel/helper-plugin-utils": "^7.19.0"
       }
     },
+    "@babel/runtime": {
+      "version": "7.21.0",
+      "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.21.0.tgz",
+      "integrity": "sha512-xwII0//EObnq89Ji5AKYQaRYiW/nZ3llSv29d49IuxPhKbtJoLP+9QUUZ4nVragQVtaVGeZrpB+ZtG/Pdy/POw==",
+      "requires": {
+        "regenerator-runtime": "^0.13.11"
+      }
+    },
     "@babel/template": {
       "version": "7.20.7",
       "resolved": "https://registry.npmmirror.com/@babel/template/-/template-7.20.7.tgz",
@@ -1712,6 +2725,21 @@
         "to-fast-properties": "^2.0.0"
       }
     },
+    "@ctrl/tinycolor": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmmirror.com/@ctrl/tinycolor/-/tinycolor-3.6.0.tgz",
+      "integrity": "sha512-/Z3l6pXthq0JvMYdUFyX9j0MaCltlIn6mfh9jLyQwg5aPKxkyNa0PTHtU1AlFXLNk55ZuAeJRcpvq+tmLfKmaQ=="
+    },
+    "@emotion/hash": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmmirror.com/@emotion/hash/-/hash-0.8.0.tgz",
+      "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow=="
+    },
+    "@emotion/unitless": {
+      "version": "0.7.5",
+      "resolved": "https://registry.npmmirror.com/@emotion/unitless/-/unitless-0.7.5.tgz",
+      "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
+    },
     "@esbuild/android-arm": {
       "version": "0.15.18",
       "resolved": "https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.15.18.tgz",
@@ -1773,6 +2801,69 @@
         }
       }
     },
+    "@rc-component/context": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/@rc-component/context/-/context-1.3.0.tgz",
+      "integrity": "sha512-6QdaCJ7Wn5UZLJs15IEfqy4Ru3OaL5ctqpQYWd5rlfV9wwzrzdt6+kgAQZV/qdB0MUPN4nhyBfRembQCIvBf+w==",
+      "requires": {
+        "@babel/runtime": "^7.10.1",
+        "rc-util": "^5.27.0"
+      }
+    },
+    "@rc-component/mini-decimal": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/@rc-component/mini-decimal/-/mini-decimal-1.0.1.tgz",
+      "integrity": "sha512-9N8nRk0oKj1qJzANKl+n9eNSMUGsZtjwNuDCiZ/KA+dt1fE3zq5x2XxclRcAbOIXnZcJ53ozP2Pa60gyELXagA==",
+      "requires": {
+        "@babel/runtime": "^7.18.0"
+      }
+    },
+    "@rc-component/mutate-observer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/@rc-component/mutate-observer/-/mutate-observer-1.0.0.tgz",
+      "integrity": "sha512-okqRJSfNisXdI6CUeOLZC5ukBW/8kir2Ii4PJiKpUt+3+uS7dxwJUMxsUZquxA1rQuL8YcEmKVp/TCnR+yUdZA==",
+      "requires": {
+        "@babel/runtime": "^7.18.0",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      }
+    },
+    "@rc-component/portal": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/@rc-component/portal/-/portal-1.1.1.tgz",
+      "integrity": "sha512-m8w3dFXX0H6UkJ4wtfrSwhe2/6M08uz24HHrF8pWfAXPwA9hwCuTE5per/C86KwNLouRpwFGcr7LfpHaa1F38g==",
+      "requires": {
+        "@babel/runtime": "^7.18.0",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      }
+    },
+    "@rc-component/tour": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/@rc-component/tour/-/tour-1.8.0.tgz",
+      "integrity": "sha512-rrRGioHTLQlGca27G2+lw7QpRb3uuMYCUIJjj31/B44VCJS0P2tqYhOgtzvWQmaLMlWH3ZlpzotkKX13NT4XEA==",
+      "requires": {
+        "@babel/runtime": "^7.18.0",
+        "@rc-component/portal": "^1.0.0-9",
+        "@rc-component/trigger": "^1.3.6",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      }
+    },
+    "@rc-component/trigger": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmmirror.com/@rc-component/trigger/-/trigger-1.10.0.tgz",
+      "integrity": "sha512-kDnsBBUIX+oCk1nhZ8vwCFiq15sIXqvYlRLTnSWXDTgec8SRjHxIA2T47FbWVlZ9PtlT1NIVWH8q3GbiSRKWUA==",
+      "requires": {
+        "@babel/runtime": "^7.18.3",
+        "@rc-component/portal": "^1.1.0",
+        "classnames": "^2.3.2",
+        "rc-align": "^4.0.0",
+        "rc-motion": "^2.0.0",
+        "rc-resize-observer": "^1.3.1",
+        "rc-util": "^5.29.2"
+      }
+    },
     "@types/prop-types": {
       "version": "15.7.5",
       "resolved": "https://registry.npmmirror.com/@types/prop-types/-/prop-types-15.7.5.tgz",
@@ -1829,6 +2920,71 @@
         "color-convert": "^1.9.0"
       }
     },
+    "antd": {
+      "version": "5.4.2",
+      "resolved": "https://registry.npmmirror.com/antd/-/antd-5.4.2.tgz",
+      "integrity": "sha512-OxXZ7joFf6Um4zeXm07tyJ9WV6eMwUw1KUmewfM/BDceUFVtJVf7YbBTBfX3JTl+jOuSpMSb4naFhOCgVwtyFw==",
+      "requires": {
+        "@ant-design/colors": "^7.0.0",
+        "@ant-design/cssinjs": "^1.7.1",
+        "@ant-design/icons": "^5.0.0",
+        "@ant-design/react-slick": "~1.0.0",
+        "@babel/runtime": "^7.18.3",
+        "@ctrl/tinycolor": "^3.6.0",
+        "@rc-component/mutate-observer": "^1.0.0",
+        "@rc-component/tour": "~1.8.0",
+        "@rc-component/trigger": "^1.7.0",
+        "classnames": "^2.2.6",
+        "copy-to-clipboard": "^3.2.0",
+        "dayjs": "^1.11.1",
+        "qrcode.react": "^3.1.0",
+        "rc-cascader": "~3.10.0",
+        "rc-checkbox": "~3.0.0",
+        "rc-collapse": "~3.5.2",
+        "rc-dialog": "~9.1.0",
+        "rc-drawer": "~6.1.1",
+        "rc-dropdown": "~4.0.0",
+        "rc-field-form": "~1.29.0",
+        "rc-image": "~5.16.0",
+        "rc-input": "~1.0.4",
+        "rc-input-number": "~7.4.0",
+        "rc-mentions": "~2.2.0",
+        "rc-menu": "~9.8.3",
+        "rc-motion": "^2.6.1",
+        "rc-notification": "~5.0.0",
+        "rc-pagination": "~3.3.1",
+        "rc-picker": "~3.6.1",
+        "rc-progress": "~3.4.1",
+        "rc-rate": "~2.10.0",
+        "rc-resize-observer": "^1.2.0",
+        "rc-segmented": "~2.1.2",
+        "rc-select": "~14.4.3",
+        "rc-slider": "~10.1.0",
+        "rc-steps": "~6.0.0",
+        "rc-switch": "~4.0.0",
+        "rc-table": "~7.31.0",
+        "rc-tabs": "~12.5.6",
+        "rc-textarea": "~1.2.2",
+        "rc-tooltip": "~6.0.0",
+        "rc-tree": "~5.7.0",
+        "rc-tree-select": "~5.8.0",
+        "rc-trigger": "^5.3.4",
+        "rc-upload": "~4.3.0",
+        "rc-util": "^5.27.0",
+        "scroll-into-view-if-needed": "^3.0.3",
+        "throttle-debounce": "^5.0.0"
+      }
+    },
+    "array-tree-filter": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/array-tree-filter/-/array-tree-filter-2.1.0.tgz",
+      "integrity": "sha512-4ROwICNlNw/Hqa9v+rk5h22KjmzB1JGTMVKP2AKJBOCgb0yL0ASf0+YvCcLNNwquOHNX48jkeZIJ3a+oOQqKcw=="
+    },
+    "async-validator": {
+      "version": "4.2.5",
+      "resolved": "https://registry.npmmirror.com/async-validator/-/async-validator-4.2.5.tgz",
+      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg=="
+    },
     "browserslist": {
       "version": "4.21.5",
       "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-4.21.5.tgz",
@@ -1858,6 +3014,11 @@
         "supports-color": "^5.3.0"
       }
     },
+    "classnames": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmmirror.com/classnames/-/classnames-2.3.2.tgz",
+      "integrity": "sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw=="
+    },
     "color-convert": {
       "version": "1.9.3",
       "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-1.9.3.tgz",
@@ -1873,17 +3034,34 @@
       "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
       "dev": true
     },
+    "compute-scroll-into-view": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmmirror.com/compute-scroll-into-view/-/compute-scroll-into-view-3.0.3.tgz",
+      "integrity": "sha512-nadqwNxghAGTamwIqQSG433W6OADZx2vCo3UXHNrzTRHK/htu+7+L0zhjEoaeaQVNAi3YgqWDv8+tzf0hRfR+A=="
+    },
     "convert-source-map": {
       "version": "1.9.0",
       "resolved": "https://registry.npmmirror.com/convert-source-map/-/convert-source-map-1.9.0.tgz",
       "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
       "dev": true
     },
+    "copy-to-clipboard": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmmirror.com/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
+      "integrity": "sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==",
+      "requires": {
+        "toggle-selection": "^1.0.6"
+      }
+    },
     "csstype": {
       "version": "3.1.2",
       "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.1.2.tgz",
-      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==",
-      "dev": true
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+    },
+    "dayjs": {
+      "version": "1.11.7",
+      "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.7.tgz",
+      "integrity": "sha512-+Yw9U6YO5TQohxLcIkrXBeY73WP3ejHWVvx8XCk3gxvQDCTEmS48ZrSZCKciI7Bhl/uCMyxYtE9UqRILmFphkQ=="
     },
     "debug": {
       "version": "4.3.4",
@@ -1894,6 +3072,11 @@
         "ms": "2.1.2"
       }
     },
+    "dom-align": {
+      "version": "1.12.4",
+      "resolved": "https://registry.npmmirror.com/dom-align/-/dom-align-1.12.4.tgz",
+      "integrity": "sha512-R8LUSEay/68zE5c8/3BDxiTEvgb4xZTF0RKmAHfiEVN3klfIpXfi2/QCoiWPccVQ0J/ZGdz9OjzL4uJEP/MRAw=="
+    },
     "electron-to-chromium": {
       "version": "1.4.368",
       "resolved": "https://registry.npmmirror.com/electron-to-chromium/-/electron-to-chromium-1.4.368.tgz",
@@ -2142,6 +3325,14 @@
       "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
       "dev": true
     },
+    "json2mq": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmmirror.com/json2mq/-/json2mq-0.2.0.tgz",
+      "integrity": "sha512-SzoRg7ux5DWTII9J2qkrZrqV1gt+rTaoufMxEzXbS26Uid0NwaJd123HcoB80TgubEppxxIGdNxCx50fEoEWQA==",
+      "requires": {
+        "string-convert": "^0.2.0"
+      }
+    },
     "json5": {
       "version": "2.2.3",
       "resolved": "https://registry.npmmirror.com/json5/-/json5-2.2.3.tgz",
@@ -2215,6 +3406,416 @@
         "source-map-js": "^1.0.2"
       }
     },
+    "qrcode.react": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/qrcode.react/-/qrcode.react-3.1.0.tgz",
+      "integrity": "sha512-oyF+Urr3oAMUG/OiOuONL3HXM+53wvuH3mtIWQrYmsXoAq0DkvZp2RYUWFSMFtbdOpuS++9v+WAkzNVkMlNW6Q==",
+      "requires": {}
+    },
+    "rc-align": {
+      "version": "4.0.15",
+      "resolved": "https://registry.npmmirror.com/rc-align/-/rc-align-4.0.15.tgz",
+      "integrity": "sha512-wqJtVH60pka/nOX7/IspElA8gjPNQKIx/ZqJ6heATCkXpe1Zg4cPVrMD2vC96wjsFFL8WsmhPbx9tdMo1qqlIA==",
+      "requires": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "dom-align": "^1.7.0",
+        "rc-util": "^5.26.0",
+        "resize-observer-polyfill": "^1.5.1"
+      }
+    },
+    "rc-cascader": {
+      "version": "3.10.2",
+      "resolved": "https://registry.npmmirror.com/rc-cascader/-/rc-cascader-3.10.2.tgz",
+      "integrity": "sha512-llKIxAAJZW10BkvhqdNsOSy2AOubj0xGEJFcdo/FP09DrhVI764skhCeBH9WfIhv4X40t9/goDwTsXE8Gul9zA==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "array-tree-filter": "^2.1.0",
+        "classnames": "^2.3.1",
+        "rc-select": "~14.4.0",
+        "rc-tree": "~5.7.0",
+        "rc-util": "^5.6.1"
+      }
+    },
+    "rc-checkbox": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/rc-checkbox/-/rc-checkbox-3.0.0.tgz",
+      "integrity": "sha512-tOEs1+wWDUei7DuP2EsJCZfam5vxMjKTCGcZdXVgsiOcNszc41Esycbo31P0/jFwUAPmd5oPYFWkcnFUCTLZxA==",
+      "requires": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.25.2"
+      }
+    },
+    "rc-collapse": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmmirror.com/rc-collapse/-/rc-collapse-3.5.2.tgz",
+      "integrity": "sha512-/TNiT3DW1t3sUCiVD/DPUYooJZ3BLA93/2rZsB3eM2bGJCCla2X9D2E4tgm7LGMQGy5Atb2lMUn2FQuvQNvavQ==",
+      "requires": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.3.4",
+        "rc-util": "^5.27.0"
+      }
+    },
+    "rc-dialog": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmmirror.com/rc-dialog/-/rc-dialog-9.1.0.tgz",
+      "integrity": "sha512-5ry+JABAWEbaKyYsmITtrJbZbJys8CtMyzV8Xn4LYuXMeUx5XVHNyJRoqLFE4AzBuXXzOWeaC49cg+XkxK6kHA==",
+      "requires": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/portal": "^1.0.0-8",
+        "classnames": "^2.2.6",
+        "rc-motion": "^2.3.0",
+        "rc-util": "^5.21.0"
+      }
+    },
+    "rc-drawer": {
+      "version": "6.1.5",
+      "resolved": "https://registry.npmmirror.com/rc-drawer/-/rc-drawer-6.1.5.tgz",
+      "integrity": "sha512-MDRomQXFi+tvDuwsRAddJ2Oy2ayLCZ29weMzp3rJFO9UNEVLEVV7nuyx5lEgNJIdM//tE6wWQV95cTUiMVqD6w==",
+      "requires": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/portal": "^1.0.0-6",
+        "classnames": "^2.2.6",
+        "rc-motion": "^2.6.1",
+        "rc-util": "^5.21.2"
+      }
+    },
+    "rc-dropdown": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmmirror.com/rc-dropdown/-/rc-dropdown-4.0.1.tgz",
+      "integrity": "sha512-OdpXuOcme1rm45cR0Jzgfl1otzmU4vuBVb+etXM8vcaULGokAKVpKlw8p6xzspG7jGd/XxShvq+N3VNEfk/l5g==",
+      "requires": {
+        "@babel/runtime": "^7.18.3",
+        "classnames": "^2.2.6",
+        "rc-trigger": "^5.3.1",
+        "rc-util": "^5.17.0"
+      }
+    },
+    "rc-field-form": {
+      "version": "1.29.2",
+      "resolved": "https://registry.npmmirror.com/rc-field-form/-/rc-field-form-1.29.2.tgz",
+      "integrity": "sha512-gXNkthHMUjJ7gDKYmD/lJWJrpMqAjiEPQE4QmlOuZoiHF51LybCL/y+iAmLXpdEjPfJ41WtZBH5hZMUEnEnHXA==",
+      "requires": {
+        "@babel/runtime": "^7.18.0",
+        "async-validator": "^4.1.0",
+        "rc-util": "^5.8.0"
+      }
+    },
+    "rc-image": {
+      "version": "5.16.0",
+      "resolved": "https://registry.npmmirror.com/rc-image/-/rc-image-5.16.0.tgz",
+      "integrity": "sha512-11DOye57IgTXh2yTsmxFNynZJG3tdx8RZnnaqb38eYWrBPPyhVHIuURxyiSZ8B68lEUAggR7SBA0Zb95KP/CyQ==",
+      "requires": {
+        "@babel/runtime": "^7.11.2",
+        "@rc-component/portal": "^1.0.2",
+        "classnames": "^2.2.6",
+        "rc-dialog": "~9.1.0",
+        "rc-motion": "^2.6.2",
+        "rc-util": "^5.0.6"
+      }
+    },
+    "rc-input": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmmirror.com/rc-input/-/rc-input-1.0.4.tgz",
+      "integrity": "sha512-clY4oneVHRtKHYf/HCxT/MO+4BGzCIywSNLosXWOm7fcQAS0jQW7n0an8Raa8JMB8kpxc8m28p7SNwFZmlMj6g==",
+      "requires": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.18.1"
+      }
+    },
+    "rc-input-number": {
+      "version": "7.4.2",
+      "resolved": "https://registry.npmmirror.com/rc-input-number/-/rc-input-number-7.4.2.tgz",
+      "integrity": "sha512-yGturTw7WGP+M1GbJ+UTAO7L4buxeW6oilhL9Sq3DezsRS8/9qec4UiXUbeoiX9bzvRXH11JvgskBtxSp4YSNg==",
+      "requires": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/mini-decimal": "^1.0.1",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.28.0"
+      }
+    },
+    "rc-mentions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/rc-mentions/-/rc-mentions-2.2.0.tgz",
+      "integrity": "sha512-R7ncCldr02uKgJBBPlXdtnOGQIjZ9C3uoIMi4fabU3CPFdmefYlNF6QM4u2AzgcGt8V0KkoHTN5T6HPdUpet8g==",
+      "requires": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/trigger": "^1.5.0",
+        "classnames": "^2.2.6",
+        "rc-input": "~1.0.0",
+        "rc-menu": "~9.8.0",
+        "rc-textarea": "~1.2.0",
+        "rc-util": "^5.22.5"
+      }
+    },
+    "rc-menu": {
+      "version": "9.8.4",
+      "resolved": "https://registry.npmmirror.com/rc-menu/-/rc-menu-9.8.4.tgz",
+      "integrity": "sha512-lmw2j8I2fhdIzHmC9ajfImfckt0WDb2KVJJBBRIsxPEw2kGkEfjLMUoB1NgiNT/Q5cC8PdjGOGQjHJIJMwyNMw==",
+      "requires": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.4.3",
+        "rc-overflow": "^1.2.8",
+        "rc-trigger": "^5.1.2",
+        "rc-util": "^5.27.0"
+      }
+    },
+    "rc-motion": {
+      "version": "2.7.3",
+      "resolved": "https://registry.npmmirror.com/rc-motion/-/rc-motion-2.7.3.tgz",
+      "integrity": "sha512-2xUvo8yGHdOHeQbdI8BtBsCIrWKchEmFEIskf0nmHtJsou+meLd/JE+vnvSX2JxcBrJtXY2LuBpxAOxrbY/wMQ==",
+      "requires": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.21.0"
+      }
+    },
+    "rc-notification": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmmirror.com/rc-notification/-/rc-notification-5.0.3.tgz",
+      "integrity": "sha512-+wHbHu6RiTNtsZYx42WxWA+tC5m0qyKvJAauO4/6LIEyJspK8fRlFQz+OCFgFwGuNs3cOdo9tLs+cPfztSZwbQ==",
+      "requires": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.6.0",
+        "rc-util": "^5.20.1"
+      }
+    },
+    "rc-overflow": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/rc-overflow/-/rc-overflow-1.3.0.tgz",
+      "integrity": "sha512-p2Qt4SWPTHAYl4oAao1THy669Fm5q8pYBDBHRaFOekCvcdcrgIx0ByXQMEkyPm8wUDX4BK6aARWecvCRc/7CTA==",
+      "requires": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.19.2"
+      }
+    },
+    "rc-pagination": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmmirror.com/rc-pagination/-/rc-pagination-3.3.1.tgz",
+      "integrity": "sha512-eI4dSeB3OrFxll7KzWa3ZH63LV2tHxt0AUmZmDwuI6vc3CK5lZhaKUYq0fRowb5586hN+L26j5WZoSz9cwEfjg==",
+      "requires": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.1"
+      }
+    },
+    "rc-picker": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmmirror.com/rc-picker/-/rc-picker-3.6.2.tgz",
+      "integrity": "sha512-acLNCi2WTNAuvTtcEzKp72mU15ni0sqrIKVlEcj04KgLZxhlVPMabCS+Sc8VuOCPJbOcW0XeOydbNnJbWTvzxg==",
+      "requires": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/trigger": "^1.5.0",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.27.0"
+      }
+    },
+    "rc-progress": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmmirror.com/rc-progress/-/rc-progress-3.4.1.tgz",
+      "integrity": "sha512-eAFDHXlk8aWpoXl0llrenPMt9qKHQXphxcVsnKs0FHC6eCSk1ebJtyaVjJUzKe0233ogiLDeEFK1Uihz3s67hw==",
+      "requires": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.16.1"
+      }
+    },
+    "rc-rate": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmmirror.com/rc-rate/-/rc-rate-2.10.0.tgz",
+      "integrity": "sha512-TCjEpKPeN1m0EnGDDbb1KyxjNTJRzoReiPdtbrBJEey4Ryf/UGOQ6vqmz2yC6DJdYVDVUoZPdoz043ryh0t/nQ==",
+      "requires": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.0.1"
+      }
+    },
+    "rc-resize-observer": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmmirror.com/rc-resize-observer/-/rc-resize-observer-1.3.1.tgz",
+      "integrity": "sha512-iFUdt3NNhflbY3mwySv5CA1TC06zdJ+pfo0oc27xpf4PIOvfZwZGtD9Kz41wGYqC4SLio93RVAirSSpYlV/uYg==",
+      "requires": {
+        "@babel/runtime": "^7.20.7",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.27.0",
+        "resize-observer-polyfill": "^1.5.1"
+      }
+    },
+    "rc-segmented": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmmirror.com/rc-segmented/-/rc-segmented-2.1.2.tgz",
+      "integrity": "sha512-qGo1bCr83ESXpXVOCXjFe1QJlCAQXyi9KCiy8eX3rIMYlTeJr/ftySIaTnYsitL18SvWf5ZEHsfqIWoX0EMfFQ==",
+      "requires": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-motion": "^2.4.4",
+        "rc-util": "^5.17.0"
+      }
+    },
+    "rc-select": {
+      "version": "14.4.3",
+      "resolved": "https://registry.npmmirror.com/rc-select/-/rc-select-14.4.3.tgz",
+      "integrity": "sha512-qoz4gNqm3SN+4dYKSCRiRkxKSEEdbS3jC6gdFYoYwEjDZ9sdQFo5jHlfQbF+hhai01HOoj1Hf8Gq6tpUvU+Gmw==",
+      "requires": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/trigger": "^1.5.0",
+        "classnames": "2.x",
+        "rc-motion": "^2.0.1",
+        "rc-overflow": "^1.0.0",
+        "rc-util": "^5.16.1",
+        "rc-virtual-list": "^3.4.13"
+      }
+    },
+    "rc-slider": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmmirror.com/rc-slider/-/rc-slider-10.1.1.tgz",
+      "integrity": "sha512-gn8oXazZISEhnmRinI89Z/JD/joAaM35jp+gDtIVSTD/JJMCCBqThqLk1SVJmvtfeiEF/kKaFY0+qt4SDHFUDw==",
+      "requires": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.27.0"
+      }
+    },
+    "rc-steps": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmmirror.com/rc-steps/-/rc-steps-6.0.0.tgz",
+      "integrity": "sha512-+KfMZIty40mYCQSDvYbZ1jwnuObLauTiIskT1hL4FFOBHP6ZOr8LK0m143yD3kEN5XKHSEX1DIwCj3AYZpoeNQ==",
+      "requires": {
+        "@babel/runtime": "^7.16.7",
+        "classnames": "^2.2.3",
+        "rc-util": "^5.16.1"
+      }
+    },
+    "rc-switch": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/rc-switch/-/rc-switch-4.0.0.tgz",
+      "integrity": "sha512-IfrYC99vN0gKaTyjQdqYuADU0eH00SAFHg3jOp8HrmUpJruhV1SohJzrCbPqPraZeX/6X/QKkdLfkdnUub05WA==",
+      "requires": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.0.1"
+      }
+    },
+    "rc-table": {
+      "version": "7.31.1",
+      "resolved": "https://registry.npmmirror.com/rc-table/-/rc-table-7.31.1.tgz",
+      "integrity": "sha512-KZPi35aGpv2VaL1Jbc58FBJo063HtKyVjhOFWX4AkBV7tjHHQokMdUoua5E+GPJh6QZUpK/a8PjKa9IZzPLIEA==",
+      "requires": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/context": "^1.3.0",
+        "classnames": "^2.2.5",
+        "rc-resize-observer": "^1.1.0",
+        "rc-util": "^5.27.1"
+      }
+    },
+    "rc-tabs": {
+      "version": "12.5.10",
+      "resolved": "https://registry.npmmirror.com/rc-tabs/-/rc-tabs-12.5.10.tgz",
+      "integrity": "sha512-Ay0l0jtd4eXepFH9vWBvinBjqOpqzcsJTerBGwJy435P2S90Uu38q8U/mvc1sxUEVOXX5ZCFbxcWPnfG3dH+tQ==",
+      "requires": {
+        "@babel/runtime": "^7.11.2",
+        "classnames": "2.x",
+        "rc-dropdown": "~4.0.0",
+        "rc-menu": "~9.8.0",
+        "rc-motion": "^2.6.2",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.16.0"
+      }
+    },
+    "rc-textarea": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmmirror.com/rc-textarea/-/rc-textarea-1.2.2.tgz",
+      "integrity": "sha512-S9fkiek5VezfwJe2McEs/NH63xgnnZ4iDh6a8n01mIfzyNJj0HkS0Uz6boyR3/eONYjmKaqhrpuJJuEClRDEBw==",
+      "requires": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.1",
+        "rc-input": "~1.0.4",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.27.0"
+      }
+    },
+    "rc-tooltip": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmmirror.com/rc-tooltip/-/rc-tooltip-6.0.1.tgz",
+      "integrity": "sha512-MdvPlsD1fDSxKp9+HjXrc/CxLmA/s11QYIh1R7aExxfodKP7CZA++DG1AjrW80F8IUdHYcR43HAm0Y2BYPelHA==",
+      "requires": {
+        "@babel/runtime": "^7.11.2",
+        "@rc-component/trigger": "^1.0.4",
+        "classnames": "^2.3.1"
+      }
+    },
+    "rc-tree": {
+      "version": "5.7.3",
+      "resolved": "https://registry.npmmirror.com/rc-tree/-/rc-tree-5.7.3.tgz",
+      "integrity": "sha512-Oql2S9+ZmT+mfTp5SNo1XM0QvkENjc0mPRFsHWRFSPuKird0OYMZZKmLznUJ+0aGDeFFWN42wiUZJtMFhrLgLw==",
+      "requires": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.0.1",
+        "rc-util": "^5.16.1",
+        "rc-virtual-list": "^3.4.8"
+      }
+    },
+    "rc-tree-select": {
+      "version": "5.8.0",
+      "resolved": "https://registry.npmmirror.com/rc-tree-select/-/rc-tree-select-5.8.0.tgz",
+      "integrity": "sha512-NozrkVLR8k3cpx8R5/YFmJMptgOacR5zEQHZGMQg31bD6jEgGiJeOn2cGRI6x0Xdyvi1CSqCbUsIoqiej74wzw==",
+      "requires": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-select": "~14.4.0",
+        "rc-tree": "~5.7.0",
+        "rc-util": "^5.16.1"
+      }
+    },
+    "rc-trigger": {
+      "version": "5.3.4",
+      "resolved": "https://registry.npmmirror.com/rc-trigger/-/rc-trigger-5.3.4.tgz",
+      "integrity": "sha512-mQv+vas0TwKcjAO2izNPkqR4j86OemLRmvL2nOzdP9OWNWA1ivoTt5hzFqYNW9zACwmTezRiN8bttrC7cZzYSw==",
+      "requires": {
+        "@babel/runtime": "^7.18.3",
+        "classnames": "^2.2.6",
+        "rc-align": "^4.0.0",
+        "rc-motion": "^2.0.0",
+        "rc-util": "^5.19.2"
+      }
+    },
+    "rc-upload": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmmirror.com/rc-upload/-/rc-upload-4.3.4.tgz",
+      "integrity": "sha512-uVbtHFGNjHG/RyAfm9fluXB6pvArAGyAx8z7XzXXyorEgVIWj6mOlriuDm0XowDHYz4ycNK0nE0oP3cbFnzxiQ==",
+      "requires": {
+        "@babel/runtime": "^7.18.3",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.2.0"
+      }
+    },
+    "rc-util": {
+      "version": "5.30.0",
+      "resolved": "https://registry.npmmirror.com/rc-util/-/rc-util-5.30.0.tgz",
+      "integrity": "sha512-uaWpF/CZGyXuhQG71MWxkU+0bWkPEgqZUxEv251Cu7p3kpHDNm5+Ygu/U8ux0a/zbfGW8PsKcJL0XVBOMrlIZg==",
+      "requires": {
+        "@babel/runtime": "^7.18.3",
+        "react-is": "^16.12.0"
+      }
+    },
+    "rc-virtual-list": {
+      "version": "3.4.13",
+      "resolved": "https://registry.npmmirror.com/rc-virtual-list/-/rc-virtual-list-3.4.13.tgz",
+      "integrity": "sha512-cPOVDmcNM7rH6ANotanMDilW/55XnFPw0Jh/GQYtrzZSy3AmWvCnqVNyNC/pgg3lfVmX2994dlzAhuUrd4jG7w==",
+      "requires": {
+        "@babel/runtime": "^7.20.0",
+        "classnames": "^2.2.6",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.15.0"
+      }
+    },
     "react": {
       "version": "18.2.0",
       "resolved": "https://registry.npmmirror.com/react/-/react-18.2.0.tgz",
@@ -2232,12 +3833,27 @@
         "scheduler": "^0.23.0"
       }
     },
+    "react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmmirror.com/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+    },
     "react-refresh": {
       "version": "0.14.0",
       "resolved": "https://registry.npmmirror.com/react-refresh/-/react-refresh-0.14.0.tgz",
       "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==",
       "dev": true
     },
+    "regenerator-runtime": {
+      "version": "0.13.11",
+      "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
+    },
+    "resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmmirror.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+    },
     "resolve": {
       "version": "1.22.2",
       "resolved": "https://registry.npmmirror.com/resolve/-/resolve-1.22.2.tgz",
@@ -2266,6 +3882,14 @@
         "loose-envify": "^1.1.0"
       }
     },
+    "scroll-into-view-if-needed": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmmirror.com/scroll-into-view-if-needed/-/scroll-into-view-if-needed-3.0.10.tgz",
+      "integrity": "sha512-t44QCeDKAPf1mtQH3fYpWz8IM/DyvHLjs8wUvvwMYxk5moOqCzrMSxK6HQVD0QVmVjXFavoFIPRVrMuJPKAvtg==",
+      "requires": {
+        "compute-scroll-into-view": "^3.0.2"
+      }
+    },
     "semver": {
       "version": "6.3.0",
       "resolved": "https://registry.npmmirror.com/semver/-/semver-6.3.0.tgz",
@@ -2284,6 +3908,16 @@
       "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
       "dev": true
     },
+    "string-convert": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmmirror.com/string-convert/-/string-convert-0.2.1.tgz",
+      "integrity": "sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A=="
+    },
+    "stylis": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmmirror.com/stylis/-/stylis-4.1.3.tgz",
+      "integrity": "sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA=="
+    },
     "supports-color": {
       "version": "5.5.0",
       "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-5.5.0.tgz",
@@ -2299,12 +3933,22 @@
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
       "dev": true
     },
+    "throttle-debounce": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/throttle-debounce/-/throttle-debounce-5.0.0.tgz",
+      "integrity": "sha512-2iQTSgkkc1Zyk0MeVrt/3BvuOXYPl/R8Z0U2xxo9rjwNciaHDG3R+Lm6dh4EeUci49DanvBnuqI6jshoQQRGEg=="
+    },
     "to-fast-properties": {
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
       "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
       "dev": true
     },
+    "toggle-selection": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmmirror.com/toggle-selection/-/toggle-selection-1.0.6.tgz",
+      "integrity": "sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ=="
+    },
     "typescript": {
       "version": "4.9.5",
       "resolved": "https://registry.npmmirror.com/typescript/-/typescript-4.9.5.tgz",
diff --git a/package.json b/package.json
index 7f17529..1170f55 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@ant-design/icons": "^5.0.1",
+    "antd": "^5.4.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
diff --git a/src/components/Yidian/Frame427319538/Frame427319538.module.css b/src/components/Yidian/Frame427319538/Frame427319538.module.css
index a10af4a..f1bed5c 100644
--- a/src/components/Yidian/Frame427319538/Frame427319538.module.css
+++ b/src/components/Yidian/Frame427319538/Frame427319538.module.css
@@ -51,6 +51,7 @@
   flex-direction: column;
 }
 .frame427319537 {
+  cursor: pointer;
   width: min-content;
   height: min-content;
   align-items: center;
diff --git a/src/components/Yidian/Frame427319538/Frame427319538.tsx b/src/components/Yidian/Frame427319538/Frame427319538.tsx
index d009f7c..d26ae2d 100644
--- a/src/components/Yidian/Frame427319538/Frame427319538.tsx
+++ b/src/components/Yidian/Frame427319538/Frame427319538.tsx
@@ -1,9 +1,11 @@
-import { memo } from 'react';
-import type { FC } from 'react';
+import { memo } from "react";
+import type { FC } from "react";
 
-import resets from '../../_resets.module.css';
-import { Frame2 } from '../Frame2/Frame2';
-import classes from './Frame427319538.module.css';
+import resets from "../../_resets.module.css";
+import { Frame2 } from "../Frame2/Frame2";
+import classes from "./Frame427319538.module.css";
+import { Popover } from "antd";
+import { RiskContent } from "../RiskContent";
 
 interface Props {
   className?: string;
@@ -12,23 +14,31 @@ interface Props {
   };
 }
 /* @figmaId 5628:6390 */
-export const Frame427319538: FC<Props> = memo(function Frame427319538(props = {}) {
+export const Frame427319538: FC<Props> = memo(function Frame427319538(
+  props = {}
+) {
   return (
-    <div className={`${resets.storybrainResets} ${props.classes?.root || ''} ${props.className || ''} ${classes.root}`}>
+    <div
+      className={`${resets.storybrainResets} ${props.classes?.root || ""} ${
+        props.className || ""
+      } ${classes.root}`}
+    >
       <div className={classes.frame427319539}>
         <div className={classes.frame427319542}>
           <div className={classes.frame427319541}>
             <Frame2 classes={{ vector: classes.vector }} />
             <div className={classes.unnamed}>上海市大数据中心</div>
           </div>
-          <div className={classes.frame427319537}>
-            <div className={classes.unnamed2}>风险点</div>
-            <div className={classes.line62}></div>
-            <div className={classes.frame427319536}>
-              <div className={classes._2}>2</div>
-              <div className={classes.unnamed3}>个</div>
+          <Popover content={<RiskContent></RiskContent>}>
+            <div className={classes.frame427319537}>
+              <div className={classes.unnamed2}>风险点</div>
+              <div className={classes.line62}></div>
+              <div className={classes.frame427319536}>
+                <div className={classes._2}>2</div>
+                <div className={classes.unnamed3}>个</div>
+              </div>
             </div>
-          </div>
+          </Popover>
         </div>
         <div className={classes.frame427319534}>
           <div className={classes._22}>
diff --git a/src/components/Yidian/RiskContent.tsx b/src/components/Yidian/RiskContent.tsx
new file mode 100644
index 0000000..c913160
--- /dev/null
+++ b/src/components/Yidian/RiskContent.tsx
@@ -0,0 +1,36 @@
+import { FC } from "react";
+import classes from "./Yidian.module.css";
+
+export const RiskContent: FC<{}> = () => {
+  return (
+    <div className={classes.riskContent}>
+      <div className={classes.riskItemRed}>
+        <div className={classes.riskItemContent}>
+          <div className={classes.title2}>2022年标准化考点建设项目 有欠款</div>
+          <div className={classes.detail}>
+            <div className={classes.date}>2023-03-26 截止</div>
+            <div className={classes.name}>古丽-zhuk</div>
+          </div>
+        </div>
+      </div>
+      <div className={classes.riskItemYellow}>
+        <div className={classes.frame4273194633}>
+          <div className={classes.unnamed158}>合同到期请查看</div>
+          <div className={classes.frame4273194623}>
+            <div className={classes._20233263}>2023-03-26 截止</div>
+            <div className={classes.Zhuk3}>古丽-zhuk</div>
+          </div>
+        </div>
+      </div>
+      <div className={classes.riskItemYellow2}>
+        <div className={classes.frame4273194634}>
+          <div className={classes.unnamed159}>合同到期请查看</div>
+          <div className={classes.frame4273194624}>
+            <div className={classes._20233264}>2023-03-26 截止</div>
+            <div className={classes.Zhuk4}>古丽-zhuk</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
diff --git a/src/components/Yidian/SelectPride.tsx b/src/components/Yidian/SelectPride.tsx
new file mode 100644
index 0000000..da45398
--- /dev/null
+++ b/src/components/Yidian/SelectPride.tsx
@@ -0,0 +1,16 @@
+import { Select } from "antd";
+import { FC } from "react";
+
+export const SelectPride: FC<{}> = () => {
+  return (
+    <Select
+      defaultValue="jack"
+      style={{ width: 120 }}
+      disabled={false}
+      options={[
+        { value: "jack", label: "优秀项目" },
+        { value: "lucy", label: "标杆项目" },
+      ]}
+    />
+  );
+};
diff --git a/src/components/Yidian/SelectRank.tsx b/src/components/Yidian/SelectRank.tsx
new file mode 100644
index 0000000..4d205b7
--- /dev/null
+++ b/src/components/Yidian/SelectRank.tsx
@@ -0,0 +1,17 @@
+import { Select } from "antd";
+import { FC } from "react";
+
+export const SelectRank: FC<{}> = () => {
+  return (
+    <Select
+      defaultValue="jack"
+      style={{ width: 120 }}
+      disabled={false}
+      options={[
+        { value: "jack", label: "A级项目" },
+        { value: "lucy", label: "B级项目" },
+        { value: "Yiminghe", label: "C级项目" },
+      ]}
+    />
+  );
+};
diff --git a/src/components/Yidian/Yidian.module.css b/src/components/Yidian/Yidian.module.css
index 2f173b9..f877be9 100644
--- a/src/components/Yidian/Yidian.module.css
+++ b/src/components/Yidian/Yidian.module.css
@@ -2663,6 +2663,7 @@
   background-color: #fff;
 }
 .frame427319500 {
+  cursor: pointer;
   width: min-content;
   height: min-content;
   align-items: center;
@@ -2962,6 +2963,7 @@
   flex-direction: column;
 }
 .unnamed93 {
+  cursor: pointer;
   color: #4e5969;
   font-size: 14px;
   line-height: 20px;
@@ -3983,6 +3985,7 @@
   flex-direction: column;
 }
 .frame9114 {
+  cursor: pointer;
   width: min-content;
   height: min-content;
   align-items: center;
@@ -6623,11 +6626,15 @@
   flex-direction: column;
 }
 .frame91115 {
+  cursor: pointer;
   width: min-content;
   height: min-content;
   align-items: center;
   gap: 4px;
 }
+.frame91115:hover{
+  opacity: 0.9;
+}
 .text31 {
   color: #86909c;
   font-size: 14px;
@@ -6841,6 +6848,7 @@
   flex-direction: column;
 }
 .frame91116 {
+  cursor: pointer;
   width: min-content;
   height: min-content;
   align-items: center;
diff --git a/src/components/Yidian/Yidian.tsx b/src/components/Yidian/Yidian.tsx
index b615e8a..753ef4c 100644
--- a/src/components/Yidian/Yidian.tsx
+++ b/src/components/Yidian/Yidian.tsx
@@ -1,6 +1,8 @@
-import { memo } from "react";
+import { memo, useState } from "react";
 import type { FC } from "react";
 
+import { AutoComplete, Button, Input, Menu, Modal, Tabs } from "antd";
+
 import resets from "../_resets.module.css";
 import { _2_Off } from "./_2_Off/_2_Off";
 import { _2_On } from "./_2_On/_2_On";
@@ -145,6 +147,17 @@ import { VectorStrokeIcon } from "./VectorStrokeIcon.js";
 import { ViewList2 } from "./ViewList2/ViewList2";
 import { ViewList } from "./ViewList/ViewList";
 import classes from "./Yidian.module.css";
+import { SelectRank } from "./SelectRank";
+import { SelectPride } from "./SelectPride";
+import Search from "antd/es/input/Search";
+import Title from "antd/es/skeleton/Title";
+import {
+  BookOutlined,
+  ContactsOutlined,
+  FundOutlined,
+  FundProjectionScreenOutlined,
+  HomeOutlined,
+} from "@ant-design/icons";
 
 interface Props {
   className?: string;
@@ -184,8 +197,18 @@ interface Props {
     iconBasicDropdownChevronDown2?: boolean;
   };
 }
+
+export type PageName = "project" | "customer" | "dashboard" | "bigscreen";
+
 /* @figmaId 5711:168021 */
 export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
+  const [currentPage, setCurrentPage] = useState<PageName>("dashboard");
+
+  const [options, setOptions] = useState<{ value: string }[]>([]);
+  const [riskModalOpen, setRiskModalOpen] = useState<boolean>(false);
+  const [importantCustomerModalOpen, setImportantCustomerModalOpen] =
+    useState<boolean>(false);
+
   return (
     <div className={`${resets.storybrainResets} ${classes.root}`}>
       <div className={classes.navigation}>
@@ -193,7 +216,48 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
           <div className={classes.logo2}>logo</div>
         </div>
         <div className={classes.nav}>
-          <_OnSelected
+          <Menu
+            className={classes.nav}
+            style={{ width: "225px" }}
+            mode="vertical"
+            onSelect={(info) => {
+              console.log(info);
+              setCurrentPage(info.key as PageName);
+            }}
+            selectedKeys={[currentPage]}
+            items={[
+              {
+                key: "dashboard",
+                label: "工作台",
+                icon: <HomeOutlined />,
+                style: {
+                  paddingLeft: "50px",
+                  // color: "#06f"
+                },
+                // className: classes.homeTwo
+              },
+              {
+                key: "project",
+                label: "项目信息",
+                icon: <BookOutlined />,
+                style: { paddingLeft: "50px" },
+              },
+              {
+                key: "bigscreen",
+                label: "驾驶舱",
+                icon: <FundProjectionScreenOutlined />,
+                style: { paddingLeft: "50px" },
+              },
+              {
+                key: "customer",
+                label: "客户信息",
+                icon: <ContactsOutlined />,
+                style: { paddingLeft: "50px" },
+              },
+            ]}
+          ></Menu>
+          {/* <_OnSelected
+            onClick={() => setCurrentPage("dashboard")}
             swap={{
               notebookOne: (
                 <HomeTwo
@@ -215,19 +279,27 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
             }}
           />
           <_OffSelected
+            onClick={() => setCurrentPage("dashboard")}
             text={{
               normal: <div className={classes.normal2}>工作台</div>,
             }}
           />
+          <_OffSelected
+            onClick={() => setCurrentPage("project")}
+            text={{
+              normal: <div className={classes.normal2}>项目信息</div>,
+            }}
+          />
           <_OffRegular
+            onClick={() => setCurrentPage("bigscreen")}
             hide={{
               point: true,
             }}
             text={{
               normal: <div className={classes.normal3}>驾驶舱</div>,
             }}
-          />
-          <_OnRegular
+          /> */}
+          {/* <_OnRegular
             swap={{
               notebookOne: (
                 <MessageSecurity
@@ -276,8 +348,9 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
             text={{
               normal: <div className={classes.normal8}>项目支持记录单表</div>,
             }}
-          />
-          <_OnRegular
+          /> */}
+          {/* <_OnRegular
+            onClick={() => setCurrentPage("customer")}
             swap={{
               notebookOne: (
                 <ViewList
@@ -299,16 +372,16 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
             text={{
               normal: <div className={classes.normal9}>客户信息</div>,
             }}
-          />
-          <_OnRegular
+          /> */}
+          {/* <_OnRegular
             hide={{
               keyboard_arrow_down: true,
             }}
             text={{
               normal: <div className={classes.normal10}>供应商信息</div>,
             }}
-          />
-          <_OnRegular
+          /> */}
+          {/* <_OnRegular
             swap={{
               notebookOne: (
                 <Me
@@ -384,462 +457,488 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
             text={{
               normal: <div className={classes.normal17}>推送管理</div>,
             }}
-          />
+          /> */}
         </div>
       </div>
       <div className={classes.right18}>
         <div className={classes.content}>
-          <div className={classes.project}>
-            <div className={classes.frame427319481}>
-              <div className={classes.frame427319500}>
-                <Frame
-                  classes={{ vector: classes.vector }}
-                  swap={{
-                    vector: <VectorIcon className={classes.icon12} />,
-                  }}
-                />
-                <div className={classes._2022}>2022年标准化考点建设</div>
-                <DownOne1 />
-              </div>
-              <div className={classes.frame427319501}>
-                <Button_PrimaryDefaultRegular
-                  text={{
-                    text: <div className={classes.text}>快速上报</div>,
-                  }}
-                />
-                <Button_TertiaryDefaultRegular
-                  text={{
-                    text: (
-                      <div className={classes.text2}>
-                        项目状况报告(商机落地前）
-                      </div>
-                    ),
-                  }}
-                />
-                <Button_TertiaryDefaultRegular
-                  text={{
-                    text: <div className={classes.text3}>合同信息登记表</div>,
-                  }}
-                />
-                <Button_TertiaryDefaultRegular
-                  text={{
-                    text: (
-                      <div className={classes.text4}>
-                        项目状况报告(项目实施阶段)
-                      </div>
-                    ),
-                  }}
-                />
-                <Button_TertiaryDefaultRegular
-                  text={{
-                    text: <div className={classes.text5}>项目支持记录表</div>,
-                  }}
-                />
-                <Button_TertiaryDefaultRegular
-                  text={{
-                    text: (
-                      <div className={classes.text6}>
-                        项目紧急状况报告(商机落地前)
-                      </div>
-                    ),
-                  }}
-                />
-                <Button_TertiaryDefaultRegular
-                  text={{
-                    text: <div className={classes.text7}>项目采购单</div>,
-                  }}
-                />
-              </div>
-            </div>
-            <div className={classes.frame427319499}>
-              <div className={classes.frame427319490}>
-                <div className={classes.frame9122}>
-                  <div className={classes.unnamed83}>项目基础信息</div>
-                  <div className={classes.frame911}>
-                    <div className={classes.text15}>查看详情</div>
-                    <Right
-                      className={classes.right}
-                      swap={{
-                        vectorStroke: (
-                          <VectorStrokeIcon className={classes.icon13} />
-                        ),
-                      }}
-                    />
-                  </div>
+          {currentPage == "project" && (
+            <div className={classes.project}>
+              <div className={classes.frame427319481}>
+                <div
+                  className={classes.frame42731950frame4273195000}
+                  // href="_blank"
+                  // target="_blank"
+                  onClick={() => window.open("http://link-to-pmo.link")}
+                >
+                  <Frame
+                    classes={{ vector: classes.vector }}
+                    swap={{
+                      vector: <VectorIcon className={classes.icon12} />,
+                    }}
+                  />
+                  <div className={classes._2022}>2022年标准化考点建设</div>
+                  <DownOne1 />
                 </div>
-                <div className={classes.frame427319491}>
-                  <div className={classes.frame427319545}>
-                    <div className={classes.frame4273194902}>
-                      <div className={classes.unnamed84}>项目等级</div>
-                      <div className={classes.unnamed85}>
-                        <div className={classes._111}>A</div>
-                        <div className={classes.unnamed86}>级</div>
-                      </div>
-                    </div>
-                    <div className={classes.frame4273194912}>
-                      <div className={classes.frame427319546}>
-                        <div className={classes.unnamed87}>评分</div>
-                        <div className={classes.unnamed88}>优秀</div>
-                      </div>
-                      <div className={classes.unnamed89}>
-                        <div className={classes._112}>80</div>
-                        <div className={classes.unnamed90}>分</div>
-                      </div>
-                    </div>
-                  </div>
-                  <div className={classes.line58}></div>
-                  <div className={classes.frame427319489}>
-                    <div className={classes.frame427319484}>
-                      <_
-                        className={classes.unnamed2}
-                        swap={{
-                          Unnamed: <Icon className={classes.icon14} />,
-                        }}
-                        hide={{
-                          Unnamed: true,
-                        }}
-                        text={{
-                          Unnamed: (
-                            <div className={classes.unnamed}>商机登记</div>
-                          ),
-                        }}
-                      />
-                      <_3
-                        className={classes.unnamed4}
-                        swap={{
-                          Unnamed: <Icon2 className={classes.icon15} />,
-                          Unnamed2: <Icon3 className={classes.icon16} />,
-                        }}
-                        hide={{
-                          Unnamed: true,
-                        }}
-                        text={{
-                          Unnamed: (
-                            <div className={classes.unnamed3}>合同签订</div>
-                          ),
-                        }}
-                      />
-                      <_4
-                        className={classes.unnamed6}
-                        swap={{
-                          Unnamed: <Icon4 className={classes.icon17} />,
-                          Unnamed2: <Icon5 className={classes.icon18} />,
-                          Unnamed3: <Icon6 className={classes.icon19} />,
-                        }}
-                        hide={{
-                          Unnamed: true,
-                        }}
-                        text={{
-                          Unnamed: (
-                            <div className={classes.unnamed5}>合同履约追踪</div>
-                          ),
-                        }}
-                      />
-                      <_4
-                        className={classes.unnamed8}
-                        swap={{
-                          Unnamed: <Icon7 className={classes.icon20} />,
-                          Unnamed2: <Icon8 className={classes.icon21} />,
-                          Unnamed3: <Icon9 className={classes.icon22} />,
-                        }}
-                        hide={{
-                          Unnamed: true,
-                        }}
-                        text={{
-                          Unnamed: (
-                            <div className={classes.unnamed7}>跟踪推进</div>
-                          ),
-                        }}
-                      />
-                      <_4
-                        className={classes.unnamed11}
-                        swap={{
-                          Unnamed: <Icon10 className={classes.icon23} />,
-                          Unnamed2: <Icon11 className={classes.icon24} />,
-                          Unnamed3: <Icon12 className={classes.icon25} />,
-                        }}
-                        text={{
-                          Unnamed: (
-                            <div className={classes.unnamed9}>项目节点</div>
-                          ),
-                          Unnamed2: (
-                            <div className={classes.unnamed10}>未开始</div>
-                          ),
-                        }}
-                      />
-                      <_5
-                        className={classes.unnamed13}
-                        swap={{
-                          Unnamed: <Icon13 className={classes.icon26} />,
-                          Unnamed2: <Icon14 className={classes.icon27} />,
-                        }}
-                        hide={{
-                          Unnamed: true,
-                        }}
-                        text={{
-                          Unnamed: (
-                            <div className={classes.unnamed12}>项目结束</div>
-                          ),
-                        }}
-                      />
-                    </div>
-                    <div className={classes.frame427319488}>
-                      <div className={classes.frame427319487}>
-                        <div className={classes.unnamed91}>当前阶段</div>
-                      </div>
-                      <div className={classes.polygon2}>
-                        <Polygon2Icon className={classes.icon70} />
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div className={classes.frame427319492}>
-                  <div className={classes.frame427319498}>
-                    <div className={classes._29}>
-                      <div className={classes.unnamed92}>项目单位：</div>
-                      <div className={classes.unnamed93}>仪电鑫森</div>
-                    </div>
-                    <div className={classes._210}>
-                      <div className={classes.unnamed94}>项目编号：</div>
-                      <div className={classes._93}>云赛智联-仪电鑫森-093</div>
-                    </div>
-                    <div className={classes._211}>
-                      <div className={classes.unnamed95}>商机板块：</div>
-                      <div className={classes.unnamed96}>智慧教卫</div>
-                    </div>
-                    <div className={classes._212}>
-                      <div className={classes.unnamed97}>填报人：</div>
-                      <div className={classes.unnamed98}>刘俊</div>
-                    </div>
-                  </div>
-                  <div className={classes._213}>
-                    <div className={classes.unnamed99}>客户单位名称：</div>
-                    <div className={classes.unnamed100}>
-                      上海市浦东新区招生办公室(上海市浦东新区教育招生考试中心)
-                    </div>
-                  </div>
+                <div className={classes.frame427319501}>
+                  <Button_PrimaryDefaultRegular
+                    text={{
+                      text: <div className={classes.text}>快速上报</div>,
+                    }}
+                  />
+                  <Button_TertiaryDefaultRegular
+                    text={{
+                      text: (
+                        <div className={classes.text2}>
+                          项目状况报告(商机落地前）
+                        </div>
+                      ),
+                    }}
+                  />
+                  <Button_TertiaryDefaultRegular
+                    text={{
+                      text: <div className={classes.text3}>合同信息登记表</div>,
+                    }}
+                  />
+                  <Button_TertiaryDefaultRegular
+                    text={{
+                      text: (
+                        <div className={classes.text4}>
+                          项目状况报告(项目实施阶段)
+                        </div>
+                      ),
+                    }}
+                  />
+                  <Button_TertiaryDefaultRegular
+                    text={{
+                      text: <div className={classes.text5}>项目支持记录表</div>,
+                    }}
+                  />
+                  <Button_TertiaryDefaultRegular
+                    text={{
+                      text: (
+                        <div className={classes.text6}>
+                          项目紧急状况报告(商机落地前)
+                        </div>
+                      ),
+                    }}
+                  />
+                  <Button_TertiaryDefaultRegular
+                    text={{
+                      text: <div className={classes.text7}>项目采购单</div>,
+                    }}
+                  />
                 </div>
               </div>
-              <div className={classes.frame427319496}>
-                <div className={classes.frame427319493}>
-                  <div className={classes.frame9123}>
-                    <div className={classes.unnamed101}>商机初步分析</div>
-                    <div className={classes.frame9112}>
-                      <div className={classes.text16}>查看详情</div>
+              <div className={classes.frame427319499}>
+                <div className={classes.frame427319490}>
+                  <div className={classes.frame9122}>
+                    <div className={classes.unnamed83}>项目基础信息</div>
+                    <div className={classes.frame911}>
+                      <div className={classes.text15}>查看详情</div>
                       <Right
-                        className={classes.right2}
+                        className={classes.right}
                         swap={{
                           vectorStroke: (
-                            <VectorStrokeIcon2 className={classes.icon28} />
+                            <VectorStrokeIcon className={classes.icon13} />
                           ),
                         }}
                       />
                     </div>
                   </div>
-                  <div className={classes._214}>
-                    <div className={classes.unnamed102}>
-                      项目商机登记表审批流程：
-                    </div>
-                    <div className={classes._20222}>2022年标准化考点建设</div>
-                  </div>
-                  <div className={classes.frame4273194932}>
-                    <div className={classes.frame427319485}>
-                      <div className={classes.unnamed103}>项目合同金额预估</div>
-                      <div className={classes.unnamed104}>
-                        <div className={classes._113}>3315.0000</div>
-                        <div className={classes.unnamed105}>万元</div>
-                      </div>
-                    </div>
-                    <div className={classes.line56}></div>
-                    <div className={classes.frame427319486}>
-                      <div className={classes.unnamed106}>项目毛利率预估</div>
-                      <div className={classes.unnamed107}>
-                        <div className={classes._114}>10.00</div>
-                        <div className={classes.unnamed108}>%</div>
-                      </div>
-                    </div>
-                    <div className={classes.line582}></div>
-                  </div>
-                  <div className={classes.frame4273194922}>
-                    <div className={classes.frame427319503}>
-                      <div className={classes._215}>
-                        <div className={classes.unnamed109}>
-                          招标公告发布的实际日期：
+                  <div className={classes.frame427319491}>
+                    <div className={classes.frame427319545}>
+                      <div className={classes.frame4273194902}>
+                        <div className={classes.unnamed84}>项目等级</div>
+                        <div className={classes.unnamed85}>
+                          <div className={classes._111}>A</div>
+                          <div className={classes.unnamed86}>级</div>
                         </div>
-                        <div className={classes._202331}>2023-03-01</div>
                       </div>
-                      <div className={classes._216}>
-                        <div className={classes.unnamed110}>
-                          招标文件中要求的投标日期：
+                      <div className={classes.frame4273194912}>
+                        <div className={classes.frame427319546}>
+                          <div className={classes.unnamed87}>评分</div>
+                          <div className={classes.unnamed88}>优秀</div>
+                        </div>
+                        <div className={classes.unnamed89}>
+                          <div className={classes._112}>80</div>
+                          <div className={classes.unnamed90}>分</div>
                         </div>
-                        <div className={classes._2023315}>2023-03-15</div>
                       </div>
                     </div>
-                    <div className={classes._217}>
-                      <div className={classes.unnamed111}>
-                        项目工作范围简述：
+                    <div className={classes.line58}></div>
+                    <div className={classes.frame427319489}>
+                      <div className={classes.frame427319484}>
+                        <_
+                          className={classes.unnamed2}
+                          swap={{
+                            Unnamed: <Icon className={classes.icon14} />,
+                          }}
+                          hide={{
+                            Unnamed: true,
+                          }}
+                          text={{
+                            Unnamed: (
+                              <div className={classes.unnamed}>商机登记</div>
+                            ),
+                          }}
+                        />
+                        <_3
+                          className={classes.unnamed4}
+                          swap={{
+                            Unnamed: <Icon2 className={classes.icon15} />,
+                            Unnamed2: <Icon3 className={classes.icon16} />,
+                          }}
+                          hide={{
+                            Unnamed: true,
+                          }}
+                          text={{
+                            Unnamed: (
+                              <div className={classes.unnamed3}>合同签订</div>
+                            ),
+                          }}
+                        />
+                        <_4
+                          className={classes.unnamed6}
+                          swap={{
+                            Unnamed: <Icon4 className={classes.icon17} />,
+                            Unnamed2: <Icon5 className={classes.icon18} />,
+                            Unnamed3: <Icon6 className={classes.icon19} />,
+                          }}
+                          hide={{
+                            Unnamed: true,
+                          }}
+                          text={{
+                            Unnamed: (
+                              <div className={classes.unnamed5}>
+                                合同履约追踪
+                              </div>
+                            ),
+                          }}
+                        />
+                        <_4
+                          className={classes.unnamed8}
+                          swap={{
+                            Unnamed: <Icon7 className={classes.icon20} />,
+                            Unnamed2: <Icon8 className={classes.icon21} />,
+                            Unnamed3: <Icon9 className={classes.icon22} />,
+                          }}
+                          hide={{
+                            Unnamed: true,
+                          }}
+                          text={{
+                            Unnamed: (
+                              <div className={classes.unnamed7}>跟踪推进</div>
+                            ),
+                          }}
+                        />
+                        <_4
+                          className={classes.unnamed11}
+                          swap={{
+                            Unnamed: <Icon10 className={classes.icon23} />,
+                            Unnamed2: <Icon11 className={classes.icon24} />,
+                            Unnamed3: <Icon12 className={classes.icon25} />,
+                          }}
+                          text={{
+                            Unnamed: (
+                              <div className={classes.unnamed9}>项目节点</div>
+                            ),
+                            Unnamed2: (
+                              <div className={classes.unnamed10}>未开始</div>
+                            ),
+                          }}
+                        />
+                        <_5
+                          className={classes.unnamed13}
+                          swap={{
+                            Unnamed: <Icon13 className={classes.icon26} />,
+                            Unnamed2: <Icon14 className={classes.icon27} />,
+                          }}
+                          hide={{
+                            Unnamed: true,
+                          }}
+                          text={{
+                            Unnamed: (
+                              <div className={classes.unnamed12}>项目结束</div>
+                            ),
+                          }}
+                        />
                       </div>
-                      <div className={classes._151396281482}>
-                        新建化考点 15 所，临港指挥分中心 1个。其中笔纸考场 396
-                        间,外语听说考场 28
-                        间，标化考场建设需配置网上巡查、应急指挥、考务兵系统、信号屏蔽和金属探测等系统设备。新建高考标准化考点
-                        1 所，其中笔纸考场 48 间，外语听说考场 2 间。
+                      <div className={classes.frame427319488}>
+                        <div className={classes.frame427319487}>
+                          <div className={classes.unnamed91}>当前阶段</div>
+                        </div>
+                        <div className={classes.polygon2}>
+                          <Polygon2Icon className={classes.icon70} />
+                        </div>
                       </div>
                     </div>
-                    <div className={classes._218}>
-                      <div className={classes.unnamed112}>
-                        商机优势和劣势分析：
+                  </div>
+                  <div className={classes.frame427319492}>
+                    <div className={classes.frame427319498}>
+                      <div className={classes._29}>
+                        <div className={classes.unnamed92}>项目单位：</div>
+                        <div
+                          className={classes.unnamed93}
+                          onClick={() => setCurrentPage("customer")}
+                        >
+                          上海光明食品有限公司
+                        </div>
+                      </div>
+                      <div className={classes._210}>
+                        <div className={classes.unnamed94}>项目编号：</div>
+                        <div className={classes._93}>云赛智联-仪电鑫森-093</div>
+                      </div>
+                      <div className={classes._211}>
+                        <div className={classes.unnamed95}>商机板块：</div>
+                        <div className={classes.unnamed96}>智慧教卫</div>
+                      </div>
+                      <div className={classes._212}>
+                        <div className={classes.unnamed97}>填报人：</div>
+                        <div className={classes.unnamed98}>刘俊</div>
+                      </div>
+                    </div>
+                    <div className={classes._213}>
+                      <div className={classes.unnamed99}>客户单位名称：</div>
+                      <div className={classes.unnamed100}>
+                        上海市浦东新区招生办公室(上海市浦东新区教育招生考试中心)
                       </div>
-                      <div className={classes.unnamed113}>/</div>
                     </div>
                   </div>
                 </div>
-              </div>
-              <div className={classes.frame427319495}>
-                <div className={classes.frame4273194952}>
-                  <div className={classes.frame4273194933}>
-                    <div className={classes.frame9124}>
-                      <div className={classes.unnamed114}>项目合同信息</div>
-                      <div className={classes.frame9113}>
-                        <div className={classes.text17}>查看详情</div>
+                <div className={classes.frame427319496}>
+                  <div className={classes.frame427319493}>
+                    <div className={classes.frame9123}>
+                      <div className={classes.unnamed101}>商机初步分析</div>
+                      <div className={classes.frame9112}>
+                        <div className={classes.text16}>查看详情</div>
                         <Right
-                          className={classes.right3}
+                          className={classes.right2}
                           swap={{
                             vectorStroke: (
-                              <VectorStrokeIcon3 className={classes.icon29} />
+                              <VectorStrokeIcon2 className={classes.icon28} />
                             ),
                           }}
                         />
                       </div>
                     </div>
-                    <div className={classes.frame427319506}>
-                      <div className={classes.frame427319507}>
-                        <div className={classes.frame427319505}>
-                          <div className={classes._219}>
-                            <div className={classes.unnamed115}>
-                              甲方单位名称：
-                            </div>
-                            <div className={classes.unnamed116}>
-                              上海市浦东新区招生办公室(上海市浦东新区教育招生考试中心)
-                            </div>
-                          </div>
-                          <div className={classes.frame427319504}>
-                            <div className={classes._220}>
-                              <div className={classes.unnamed117}>
-                                合同信息登记表审批流程：
-                              </div>
-                              <div className={classes.unnamed118}>
-                                合同信息登记表
-                              </div>
-                            </div>
-                            <div className={classes._221}>
-                              <div className={classes.unnamed119}>
-                                合同总金额(万元)：
-                              </div>
-                              <div className={classes._33036170}>3303.6170</div>
-                            </div>
-                            <div className={classes._222}>
-                              <div className={classes.unnamed120}>
-                                项目毛利率：
-                              </div>
-                              <div className={classes._1005}>10.00%</div>
-                            </div>
-                          </div>
+                    <div className={classes._214}>
+                      <div className={classes.unnamed102}>
+                        项目商机登记表审批流程：
+                      </div>
+                      <div className={classes._20222}>2022年标准化考点建设</div>
+                    </div>
+                    <div className={classes.frame4273194932}>
+                      <div className={classes.frame427319485}>
+                        <div className={classes.unnamed103}>
+                          项目合同金额预估
+                        </div>
+                        <div className={classes.unnamed104}>
+                          <div className={classes._113}>3315.0000</div>
+                          <div className={classes.unnamed105}>万元</div>
                         </div>
                       </div>
-                      <div className={classes.frame4273194923}>
-                        <div className={classes.frame4273195032}>
-                          <div className={classes._223}>
-                            <div className={classes.unnamed121}>
-                              合同信息登记表发送日期：
-                            </div>
-                            <div className={classes._2023312}>2023-03-01</div>
-                          </div>
-                          <div className={classes._224}>
-                            <div className={classes.unnamed122}>合同编号：</div>
-                            <div className={classes._11N76470572120231}>
-                              11N76470572120231
-                            </div>
-                          </div>
-                          <div className={classes._225}>
-                            <div className={classes.unnamed123}>
-                              合同到达总部日期：
-                            </div>
-                            <div className={classes._2023316}>2023-03-16</div>
-                          </div>
-                          <div className={classes._226}>
-                            <div className={classes.unnamed124}>
-                              合同签署日期：
-                            </div>
-                            <div className={classes._2023313}>2023-03-01</div>
-                          </div>
+                      <div className={classes.line56}></div>
+                      <div className={classes.frame427319486}>
+                        <div className={classes.unnamed106}>项目毛利率预估</div>
+                        <div className={classes.unnamed107}>
+                          <div className={classes._114}>10.00</div>
+                          <div className={classes.unnamed108}>%</div>
                         </div>
-                        <div className={classes.frame4273195042}>
-                          <div className={classes._227}>
-                            <div className={classes.unnamed125}>
-                              合同到达总部日期：
-                            </div>
-                            <div className={classes._20233162}>2023-03-16</div>
-                          </div>
-                          <div className={classes._228}>
-                            <div className={classes.unnamed126}>
-                              项目开工的实际日期：
-                            </div>
-                            <div className={classes._20233163}>2023-03-16</div>
+                      </div>
+                      <div className={classes.line582}></div>
+                    </div>
+                    <div className={classes.frame4273194922}>
+                      <div className={classes.frame427319503}>
+                        <div className={classes._215}>
+                          <div className={classes.unnamed109}>
+                            招标公告发布的实际日期：
                           </div>
+                          <div className={classes._202331}>2023-03-01</div>
                         </div>
-                        <div className={classes.frame427319513}>
-                          <div className={classes.frame427319512}>
-                            <div className={classes.unnamed127}>
-                              中标通知书复印件：
+                        <div className={classes._216}>
+                          <div className={classes.unnamed110}>
+                            招标文件中要求的投标日期：
+                          </div>
+                          <div className={classes._2023315}>2023-03-15</div>
+                        </div>
+                      </div>
+                      <div className={classes._217}>
+                        <div className={classes.unnamed111}>
+                          项目工作范围简述：
+                        </div>
+                        <div className={classes._151396281482}>
+                          新建化考点 15 所，临港指挥分中心 1个。其中笔纸考场 396
+                          间,外语听说考场 28
+                          间，标化考场建设需配置网上巡查、应急指挥、考务兵系统、信号屏蔽和金属探测等系统设备。新建高考标准化考点
+                          1 所，其中笔纸考场 48 间，外语听说考场 2 间。
+                        </div>
+                      </div>
+                      <div className={classes._218}>
+                        <div className={classes.unnamed112}>
+                          商机优势和劣势分析：
+                        </div>
+                        <div className={classes.unnamed113}>/</div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div className={classes.frame427319495}>
+                  <div className={classes.frame4273194952}>
+                    <div className={classes.frame4273194933}>
+                      <div className={classes.frame9124}>
+                        <div className={classes.unnamed114}>项目合同信息</div>
+                        <div className={classes.frame9113}>
+                          <div className={classes.text17}>查看详情</div>
+                          <Right
+                            className={classes.right3}
+                            swap={{
+                              vectorStroke: (
+                                <VectorStrokeIcon3 className={classes.icon29} />
+                              ),
+                            }}
+                          />
+                        </div>
+                      </div>
+                      <div className={classes.frame427319506}>
+                        <div className={classes.frame427319507}>
+                          <div className={classes.frame427319505}>
+                            <div className={classes._219}>
+                              <div className={classes.unnamed115}>
+                                甲方单位名称：
+                              </div>
+                              <div className={classes.unnamed116}>
+                                上海市浦东新区招生办公室(上海市浦东新区教育招生考试中心)
+                              </div>
                             </div>
-                            <div className={classes.frame427319510}>
-                              <Group1085
-                                className={classes.group1085}
-                                classes={{ group761: classes.group761 }}
-                                swap={{
-                                  group761: (
-                                    <div className={classes.group761}>
-                                      <Group761Icon
-                                        className={classes.icon30}
-                                      />
-                                    </div>
-                                  ),
-                                  pDF: <PdfIcon className={classes.icon31} />,
-                                }}
-                              />
-                              <div className={classes.frame427319509}>
-                                <div className={classes._2022Pdf}>
-                                  2022年标准化考点建设中标通知书.pdf
+                            <div className={classes.frame427319504}>
+                              <div className={classes._220}>
+                                <div className={classes.unnamed117}>
+                                  合同信息登记表审批流程：
                                 </div>
-                                <div className={classes._88k}>88k</div>
+                                <div className={classes.unnamed118}>
+                                  合同信息登记表
+                                </div>
+                              </div>
+                              <div className={classes._221}>
+                                <div className={classes.unnamed119}>
+                                  合同总金额(万元)：
+                                </div>
+                                <div className={classes._33036170}>
+                                  3303.6170
+                                </div>
+                              </div>
+                              <div className={classes._222}>
+                                <div className={classes.unnamed120}>
+                                  项目毛利率：
+                                </div>
+                                <div className={classes._1005}>10.00%</div>
                               </div>
                             </div>
                           </div>
-                          <div className={classes.frame427319514}>
-                            <div className={classes.unnamed128}>
-                              中标通知书复印件：
+                        </div>
+                        <div className={classes.frame4273194923}>
+                          <div className={classes.frame4273195032}>
+                            <div className={classes._223}>
+                              <div className={classes.unnamed121}>
+                                合同信息登记表发送日期：
+                              </div>
+                              <div className={classes._2023312}>2023-03-01</div>
                             </div>
-                            <div className={classes.frame4273195102}>
-                              <Group1085
-                                className={classes.group10852}
-                                classes={{ group761: classes.group7612 }}
-                                swap={{
-                                  group761: (
-                                    <div className={classes.group7612}>
-                                      <Group761Icon2
-                                        className={classes.icon32}
-                                      />
-                                    </div>
-                                  ),
-                                  pDF: <PdfIcon2 className={classes.icon33} />,
-                                }}
-                              />
-                              <div className={classes.frame4273195092}>
-                                <div className={classes._2022Pdf2}>
-                                  2022年标准化考点建设中标通知书.pdf
+                            <div className={classes._224}>
+                              <div className={classes.unnamed122}>
+                                合同编号：
+                              </div>
+                              <div className={classes._11N76470572120231}>
+                                11N76470572120231
+                              </div>
+                            </div>
+                            <div className={classes._225}>
+                              <div className={classes.unnamed123}>
+                                合同到达总部日期：
+                              </div>
+                              <div className={classes._2023316}>2023-03-16</div>
+                            </div>
+                            <div className={classes._226}>
+                              <div className={classes.unnamed124}>
+                                合同签署日期：
+                              </div>
+                              <div className={classes._2023313}>2023-03-01</div>
+                            </div>
+                          </div>
+                          <div className={classes.frame4273195042}>
+                            <div className={classes._227}>
+                              <div className={classes.unnamed125}>
+                                合同到达总部日期：
+                              </div>
+                              <div className={classes._20233162}>
+                                2023-03-16
+                              </div>
+                            </div>
+                            <div className={classes._228}>
+                              <div className={classes.unnamed126}>
+                                项目开工的实际日期：
+                              </div>
+                              <div className={classes._20233163}>
+                                2023-03-16
+                              </div>
+                            </div>
+                          </div>
+                          <div className={classes.frame427319513}>
+                            <div className={classes.frame427319512}>
+                              <div className={classes.unnamed127}>
+                                中标通知书复印件：
+                              </div>
+                              <div className={classes.frame427319510}>
+                                <Group1085
+                                  className={classes.group1085}
+                                  classes={{ group761: classes.group761 }}
+                                  swap={{
+                                    group761: (
+                                      <div className={classes.group761}>
+                                        <Group761Icon
+                                          className={classes.icon30}
+                                        />
+                                      </div>
+                                    ),
+                                    pDF: <PdfIcon className={classes.icon31} />,
+                                  }}
+                                />
+                                <div className={classes.frame427319509}>
+                                  <div className={classes._2022Pdf}>
+                                    2022年标准化考点建设中标通知书.pdf
+                                  </div>
+                                  <div className={classes._88k}>88k</div>
+                                </div>
+                              </div>
+                            </div>
+                            <div className={classes.frame427319514}>
+                              <div className={classes.unnamed128}>
+                                中标通知书复印件：
+                              </div>
+                              <div className={classes.frame4273195102}>
+                                <Group1085
+                                  className={classes.group10852}
+                                  classes={{ group761: classes.group7612 }}
+                                  swap={{
+                                    group761: (
+                                      <div className={classes.group7612}>
+                                        <Group761Icon2
+                                          className={classes.icon32}
+                                        />
+                                      </div>
+                                    ),
+                                    pDF: (
+                                      <PdfIcon2 className={classes.icon33} />
+                                    ),
+                                  }}
+                                />
+                                <div className={classes.frame4273195092}>
+                                  <div className={classes._2022Pdf2}>
+                                    2022年标准化考点建设中标通知书.pdf
+                                  </div>
+                                  <div className={classes._88k2}>88k</div>
                                 </div>
-                                <div className={classes._88k2}>88k</div>
                               </div>
                             </div>
                           </div>
@@ -849,1668 +948,1838 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
                   </div>
                 </div>
               </div>
-            </div>
-            <div className={classes.frame427319502}>
-              <div className={classes.frame4273194842}>
-                <div className={classes.frame9125}>
-                  <div className={classes.frame4273195332}>
-                    <div className={classes.unnamed129}>风险点</div>
-                    <div className={classes.frame4273195323}>
-                      <div className={classes.unnamed130}>3</div>
-                    </div>
-                  </div>
-                  <div className={classes.frame9114}>
-                    <div className={classes.text18}>查看详情</div>
-                    <Right
-                      className={classes.right4}
-                      swap={{
-                        vectorStroke: (
-                          <VectorStrokeIcon4 className={classes.icon34} />
-                        ),
-                      }}
-                    />
-                  </div>
-                </div>
-                <div className={classes.frame427319515}>
-                  <div className={classes.frame427319483}>
-                    <div className={classes.frame427319463}>
-                      <div className={classes.unnamed131}>回款风险</div>
-                      <div className={classes.frame427319462}>
-                        <div className={classes._2023326}>2023-03-26 截止</div>
-                        <div className={classes.Zhuk}>古丽-zhuk</div>
+              <div className={classes.frame427319502}>
+                <div className={classes.frame4273194842}>
+                  <div className={classes.frame9125}>
+                    <div className={classes.frame4273195332}>
+                      <div className={classes.unnamed129}>风险点</div>
+                      <div className={classes.frame4273195323}>
+                        <div className={classes.unnamed130}>3</div>
                       </div>
                     </div>
-                  </div>
-                  <div className={classes.frame4273194843}>
-                    <div className={classes.frame4273194632}>
-                      <div className={classes.unnamed132}>人员变动风险</div>
-                      <div className={classes.frame4273194622}>
-                        <div className={classes._20233262}>2023-03-26 截止</div>
-                        <div className={classes.Zhuk2}>古丽-zhuk</div>
+                    <div className={classes.frame9114}>
+                      <div
+                        className={classes.text18}
+                        onClick={() => setRiskModalOpen(true)}
+                      >
+                        查看详情
                       </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div className={classes.frame427319494}>
-                <div className={classes.unnamed133}>项目后评价</div>
-                <Frame427319464
-                  text={{
-                    license: (
-                      <div className={classes.license}>项目后评价报告</div>
-                    ),
-                  }}
-                />
-                <Frame427319464
-                  text={{
-                    license: (
-                      <div className={classes.license2}>项目后评价报告</div>
-                    ),
-                  }}
-                />
-              </div>
-              <div className={classes.frame4273194953}>
-                <div className={classes.frame9126}>
-                  <div className={classes.unnamed134}>项目工作进展</div>
-                  <div className={classes.frame9115}>
-                    <div className={classes.text19}>查看详情</div>
-                    <Right
-                      className={classes.right5}
-                      swap={{
-                        vectorStroke: (
-                          <VectorStrokeIcon5 className={classes.icon35} />
-                        ),
-                      }}
-                    />
-                  </div>
-                </div>
-                <div className={classes.frame4273194962}>
-                  <Frame427319482
-                    text={{
-                      _1: <div className={classes._1}>工作进展</div>,
-                    }}
-                  />
-                  <div className={classes.line59}></div>
-                  <Frame427319482
-                    text={{
-                      _12: <div className={classes._12}>2</div>,
-                      _1: <div className={classes._13}>工作进展</div>,
-                    }}
-                  />
-                  <div className={classes.line60}></div>
-                  <Frame427319482
-                    text={{
-                      _12: <div className={classes._14}>3</div>,
-                      _1: <div className={classes._15}>工作进展</div>,
-                    }}
-                  />
-                </div>
-              </div>
-            </div>
-            <div className={classes.breadcrumbs}>
-              <div className={classes.unnamed135}>项目库</div>
-              <div className={classes.unnamed136}>/</div>
-              <div className={classes.unnamed137}>项目详情</div>
-            </div>
-          </div>
-          <div className={classes.customer}>
-            <div className={classes.frame427319555}>
-              <div className={classes.frame902}>
-                <div className={classes.frame903}>
-                  <div className={classes.unnamed138}>业务数据概览</div>
-                  <div className={classes.frame9116}>
-                    <div className={classes.text20}>刷新</div>
-                    <Refresh
-                      className={classes.refresh}
-                      classes={{ union: classes.union4 }}
-                      swap={{
-                        union: (
-                          <div className={classes.union4}>
-                            <UnionIcon12 className={classes.icon36} />
-                          </div>
-                        ),
-                      }}
-                    />
-                  </div>
-                </div>
-                <div className={classes.frame427319461}>
-                  <_2_On
-                    hide={{
-                      _2: false,
-                    }}
-                    text={{
-                      Unnamed: <div className={classes.unnamed14}>全部</div>,
-                      _2: !props.hide?._2 && (
-                        <div className={classes._2}>(1340)</div>
-                      ),
-                    }}
-                  />
-                  <_2_Off
-                    hide={{
-                      _2: false,
-                    }}
-                    text={{
-                      Unnamed: <div className={classes.unnamed15}>A级项目</div>,
-                      _2: !props.hide?._22 && (
-                        <div className={classes._22}>(600)</div>
-                      ),
-                    }}
-                  />
-                  <_2_Off
-                    hide={{
-                      _2: false,
-                    }}
-                    text={{
-                      Unnamed: <div className={classes.unnamed16}>B级项目</div>,
-                      _2: !props.hide?._23 && (
-                        <div className={classes._23}>(200)</div>
-                      ),
-                    }}
-                  />
-                  <_2_Off
-                    hide={{
-                      _2: false,
-                    }}
-                    text={{
-                      Unnamed: <div className={classes.unnamed17}>C级项目</div>,
-                      _2: !props.hide?._24 && (
-                        <div className={classes._24}>(640)</div>
-                      ),
-                    }}
-                  />
-                </div>
-                <div className={classes.frame986}>
-                  <div className={classes.frame978}>
-                    <_22
-                      text={{
-                        Unnamed: (
-                          <div className={classes.unnamed18}>合同额</div>
-                        ),
-                        _323: <div className={classes._323}>2,000</div>,
-                        Unnamed2: <div className={classes.unnamed19}>万元</div>,
-                        Unnamed3: (
-                          <div className={classes.unnamed20}>较上月</div>
-                        ),
-                        Unnamed4: <div className={classes.unnamed21}>2%</div>,
-                      }}
-                    />
-                    <LineGraph
-                      className={classes.lineGraph}
-                      swap={{
-                        area: <AreaIcon className={classes.icon37} />,
-                        line: <LineIcon className={classes.icon38} />,
-                      }}
-                    />
-                  </div>
-                  <div className={classes.frame983}>
-                    <_22
-                      text={{
-                        Unnamed: (
-                          <div className={classes.unnamed22}>利润额</div>
-                        ),
-                        _323: <div className={classes._3232}>1,400</div>,
-                        Unnamed2: <div className={classes.unnamed23}>万元</div>,
-                        Unnamed3: (
-                          <div className={classes.unnamed24}>较上月</div>
-                        ),
-                        Unnamed4: <div className={classes.unnamed25}>2%</div>,
-                      }}
-                    />
-                    <LineGraph2
-                      className={classes.lineGraph2}
-                      swap={{
-                        area: <AreaIcon2 className={classes.icon39} />,
-                        line: <LineIcon2 className={classes.icon40} />,
-                      }}
-                    />
-                  </div>
-                  <div className={classes.frame984}>
-                    <_22
-                      text={{
-                        Unnamed: <div className={classes.unnamed26}>回款</div>,
-                        _323: <div className={classes._3233}>1,400</div>,
-                        Unnamed2: <div className={classes.unnamed27}>万元</div>,
-                        Unnamed3: (
-                          <div className={classes.unnamed28}>较上月</div>
-                        ),
-                        Unnamed4: <div className={classes.unnamed29}>2%</div>,
-                      }}
-                    />
-                    <LineGraph3
-                      className={classes.lineGraph3}
-                      swap={{
-                        area: <AreaIcon3 className={classes.icon41} />,
-                        line: <LineIcon3 className={classes.icon42} />,
-                      }}
-                    />
-                  </div>
-                </div>
-              </div>
-              <div className={classes.frame427319548}>
-                <div className={classes.frame916}>
-                  <div className={classes.frame9127}>
-                    <div className={classes.unnamed139}>涉及板块分析</div>
-                    <div className={classes.frame9117}>
-                      <div className={classes.text21}>查看详情</div>
                       <Right
-                        className={classes.right6}
+                        className={classes.right4}
                         swap={{
                           vectorStroke: (
-                            <VectorStrokeIcon6 className={classes.icon43} />
+                            <VectorStrokeIcon4 className={classes.icon34} />
                           ),
                         }}
                       />
                     </div>
                   </div>
-                  <div className={classes.frame51}>
-                    <div className={classes.frame32}>
-                      <div className={classes.ellipse6}>
-                        <Ellipse6Icon className={classes.icon71} />
-                      </div>
-                      <div className={classes.ellipse11}>
-                        <Ellipse11Icon className={classes.icon72} />
-                      </div>
-                      <div className={classes.ellipse10}>
-                        <Ellipse10Icon className={classes.icon73} />
-                      </div>
-                      <div className={classes.ellipse9}>
-                        <Ellipse9Icon className={classes.icon74} />
-                      </div>
-                      <div className={classes.ellipse8}>
-                        <Ellipse8Icon className={classes.icon75} />
-                      </div>
-                      <div className={classes.ellipse7}>
-                        <Ellipse7Icon className={classes.icon76} />
-                      </div>
-                      <div className={classes.frame33}>
-                        <div className={classes.a}>A级</div>
-                        <div className={classes._45}>45%</div>
+                  <div className={classes.frame427319515}>
+                    <div className={classes.frame427319483}>
+                      <div className={classes.frame427319463}>
+                        <div className={classes.unnamed131}>回款风险</div>
+                        <div className={classes.frame427319462}>
+                          <div className={classes._2023326}>
+                            2023-03-26 截止
+                          </div>
+                          <div className={classes.Zhuk}>古丽-zhuk</div>
+                        </div>
                       </div>
                     </div>
-                    <div className={classes.frame892}>
-                      <div className={classes.frame889}>
-                        <div className={classes.frame888}>
+                    <div className={classes.frame4273194843}>
+                      <div className={classes.frame4273194632}>
+                        <div className={classes.unnamed132}>人员变动风险</div>
+                        <div className={classes.frame4273194622}>
+                          <div className={classes._20233262}>
+                            2023-03-26 截止
+                          </div>
+                          <div className={classes.Zhuk2}>古丽-zhuk</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div className={classes.frame427319494}>
+                  <div className={classes.unnamed133}>项目后评价</div>
+                  <Frame427319464
+                    text={{
+                      license: (
+                        <div className={classes.license}>项目后评价报告</div>
+                      ),
+                    }}
+                  />
+                  <Frame427319464
+                    text={{
+                      license: (
+                        <div className={classes.license2}>项目后评价报告</div>
+                      ),
+                    }}
+                  />
+                </div>
+                <div className={classes.frame4273194953}>
+                  <div className={classes.frame9126}>
+                    <div className={classes.unnamed134}>项目工作进展</div>
+                    <div className={classes.frame9115}>
+                      <div className={classes.text19}>查看详情</div>
+                      <Right
+                        className={classes.right5}
+                        swap={{
+                          vectorStroke: (
+                            <VectorStrokeIcon5 className={classes.icon35} />
+                          ),
+                        }}
+                      />
+                    </div>
+                  </div>
+                  <div className={classes.frame4273194962}>
+                    <Frame427319482
+                      text={{
+                        _1: <div className={classes._1}>工作进展</div>,
+                      }}
+                    />
+                    <div className={classes.line59}></div>
+                    <Frame427319482
+                      text={{
+                        _12: <div className={classes._12}>2</div>,
+                        _1: <div className={classes._13}>工作进展</div>,
+                      }}
+                    />
+                    <div className={classes.line60}></div>
+                    <Frame427319482
+                      text={{
+                        _12: <div className={classes._14}>3</div>,
+                        _1: <div className={classes._15}>工作进展</div>,
+                      }}
+                    />
+                  </div>
+                </div>
+              </div>
+              <div className={classes.breadcrumbs}>
+                <div className={classes.unnamed135}>项目库</div>
+                <div className={classes.unnamed136}>/</div>
+                <div className={classes.unnamed137}>项目详情</div>
+              </div>
+            </div>
+          )}
+          {currentPage == "customer" && (
+            <div className={classes.customer}>
+              <div className={classes.frame427319555}>
+                <div className={classes.frame902}>
+                  <div className={classes.frame903}>
+                    <div className={classes.unnamed138}>业务数据概览</div>
+                    <div className={classes.frame9116}>
+                      <div className={classes.text20}>刷新</div>
+                      <Refresh
+                        className={classes.refresh}
+                        classes={{ union: classes.union4 }}
+                        swap={{
+                          union: (
+                            <div className={classes.union4}>
+                              <UnionIcon12 className={classes.icon36} />
+                            </div>
+                          ),
+                        }}
+                      />
+                    </div>
+                  </div>
+                  <div className={classes.frame427319461}>
+                    <Tabs
+                      className={classes.frame427319461}
+                      items={[
+                        "全部(1340)",
+                        "A级项目(600)",
+                        "B级项目(200)",
+                        "C级项目(640)",
+                      ].map((item) => {
+                        return {
+                          label: <span>{item}</span>,
+                          key: item,
+                        };
+                      })}
+                    />
+                    {/* <_2_On
+                      hide={{
+                        _2: false,
+                      }}
+                      text={{
+                        Unnamed: <div className={classes.unnamed14}>全部</div>,
+                        _2: !props.hide?._2 && (
+                          <div className={classes._2}>(1340)</div>
+                        ),
+                      }}
+                    />
+                    <_2_Off
+                      hide={{
+                        _2: false,
+                      }}
+                      text={{
+                        Unnamed: (
+                          <div className={classes.unnamed15}>A级项目</div>
+                        ),
+                        _2: !props.hide?._22 && (
+                          <div className={classes._22}>(600)</div>
+                        ),
+                      }}
+                    />
+                    <_2_Off
+                      hide={{
+                        _2: false,
+                      }}
+                      text={{
+                        Unnamed: (
+                          <div className={classes.unnamed16}>B级项目</div>
+                        ),
+                        _2: !props.hide?._23 && (
+                          <div className={classes._23}>(200)</div>
+                        ),
+                      }}
+                    />
+                    <_2_Off
+                      hide={{
+                        _2: false,
+                      }}
+                      text={{
+                        Unnamed: (
+                          <div className={classes.unnamed17}>C级项目</div>
+                        ),
+                        _2: !props.hide?._24 && (
+                          <div className={classes._24}>(640)</div>
+                        ),
+                      }}
+                    /> */}
+                  </div>
+                  <div className={classes.frame986}>
+                    <div className={classes.frame978}>
+                      <_22
+                        text={{
+                          Unnamed: (
+                            <div className={classes.unnamed18}>合同额</div>
+                          ),
+                          _323: <div className={classes._323}>2,000</div>,
+                          Unnamed2: (
+                            <div className={classes.unnamed19}>万元</div>
+                          ),
+                          Unnamed3: (
+                            <div className={classes.unnamed20}>较上月</div>
+                          ),
+                          Unnamed4: <div className={classes.unnamed21}>2%</div>,
+                        }}
+                      />
+                      <LineGraph
+                        className={classes.lineGraph}
+                        swap={{
+                          area: <AreaIcon className={classes.icon37} />,
+                          line: <LineIcon className={classes.icon38} />,
+                        }}
+                      />
+                    </div>
+                    <div className={classes.frame983}>
+                      <_22
+                        text={{
+                          Unnamed: (
+                            <div className={classes.unnamed22}>利润额</div>
+                          ),
+                          _323: <div className={classes._3232}>1,400</div>,
+                          Unnamed2: (
+                            <div className={classes.unnamed23}>万元</div>
+                          ),
+                          Unnamed3: (
+                            <div className={classes.unnamed24}>较上月</div>
+                          ),
+                          Unnamed4: <div className={classes.unnamed25}>2%</div>,
+                        }}
+                      />
+                      <LineGraph2
+                        className={classes.lineGraph2}
+                        swap={{
+                          area: <AreaIcon2 className={classes.icon39} />,
+                          line: <LineIcon2 className={classes.icon40} />,
+                        }}
+                      />
+                    </div>
+                    <div className={classes.frame984}>
+                      <_22
+                        text={{
+                          Unnamed: (
+                            <div className={classes.unnamed26}>回款</div>
+                          ),
+                          _323: <div className={classes._3233}>1,400</div>,
+                          Unnamed2: (
+                            <div className={classes.unnamed27}>万元</div>
+                          ),
+                          Unnamed3: (
+                            <div className={classes.unnamed28}>较上月</div>
+                          ),
+                          Unnamed4: <div className={classes.unnamed29}>2%</div>,
+                        }}
+                      />
+                      <LineGraph3
+                        className={classes.lineGraph3}
+                        swap={{
+                          area: <AreaIcon3 className={classes.icon41} />,
+                          line: <LineIcon3 className={classes.icon42} />,
+                        }}
+                      />
+                    </div>
+                  </div>
+                </div>
+                <div className={classes.frame427319548}>
+                  <div className={classes.frame916}>
+                    <div className={classes.frame9127}>
+                      <div className={classes.unnamed139}>涉及板块分析</div>
+                      <div className={classes.frame9117}>
+                        <div className={classes.text21}>查看详情</div>
+                        <Right
+                          className={classes.right6}
+                          swap={{
+                            vectorStroke: (
+                              <VectorStrokeIcon6 className={classes.icon43} />
+                            ),
+                          }}
+                        />
+                      </div>
+                    </div>
+                    <div className={classes.frame51}>
+                      <div className={classes.frame32}>
+                        <div className={classes.ellipse6}>
+                          <Ellipse6Icon className={classes.icon71} />
+                        </div>
+                        <div className={classes.ellipse11}>
+                          <Ellipse11Icon className={classes.icon72} />
+                        </div>
+                        <div className={classes.ellipse10}>
+                          <Ellipse10Icon className={classes.icon73} />
+                        </div>
+                        <div className={classes.ellipse9}>
+                          <Ellipse9Icon className={classes.icon74} />
+                        </div>
+                        <div className={classes.ellipse8}>
+                          <Ellipse8Icon className={classes.icon75} />
+                        </div>
+                        <div className={classes.ellipse7}>
+                          <Ellipse7Icon className={classes.icon76} />
+                        </div>
+                        <div className={classes.frame33}>
+                          <div className={classes.a}>A级</div>
+                          <div className={classes._45}>45%</div>
+                        </div>
+                      </div>
+                      <div className={classes.frame892}>
+                        <div className={classes.frame889}>
+                          <div className={classes.frame888}>
+                            <_Property1
+                              text={{
+                                label: (
+                                  <div className={classes.label}>
+                                    云服务大数据
+                                  </div>
+                                ),
+                              }}
+                            />
+                            <div className={classes.line43}></div>
+                            <div className={classes._64}>64.0%</div>
+                          </div>
+                          <div className={classes._120}>120</div>
+                        </div>
+                        <div className={classes.frame890}>
+                          <div className={classes.frame8882}>
+                            <_Property1
+                              classes={{ square: classes.square }}
+                              text={{
+                                label: (
+                                  <div className={classes.label2}>智慧照明</div>
+                                ),
+                              }}
+                            />
+                            <div className={classes.line432}></div>
+                            <div className={classes._162}>16.0%</div>
+                          </div>
+                          <div className={classes._30}>30</div>
+                        </div>
+                        <div className={classes.frame891}>
+                          <div className={classes.frame8883}>
+                            <_Property1
+                              classes={{ square: classes.square2 }}
+                              text={{
+                                label: (
+                                  <div className={classes.label3}>智慧教卫</div>
+                                ),
+                              }}
+                            />
+                            <div className={classes.line433}></div>
+                            <div className={classes._642}>6.4%</div>
+                          </div>
+                          <div className={classes._122}>12</div>
+                        </div>
+                        <div className={classes.frame8922}>
+                          <div className={classes.frame8884}>
+                            <_Property1
+                              classes={{ square: classes.square3 }}
+                              text={{
+                                label: (
+                                  <div className={classes.label4}>智慧交通</div>
+                                ),
+                              }}
+                            />
+                            <div className={classes.line434}></div>
+                            <div className={classes._643}>6.4%</div>
+                          </div>
+                          <div className={classes._123}>12</div>
+                        </div>
+                        <div className={classes.frame893}>
+                          <div className={classes.frame8885}>
+                            <_Property1
+                              classes={{ square: classes.square4 }}
+                              text={{
+                                label: (
+                                  <div className={classes.label5}>智能安防</div>
+                                ),
+                              }}
+                            />
+                            <div className={classes.line435}></div>
+                            <div className={classes._644}>6.4%</div>
+                          </div>
+                          <div className={classes._124}>12</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div className={classes.frame4273194832}>
+                    <div className={classes.frame9128}>
+                      <div className={classes.unnamed140}>重点项目排名</div>
+                      <div className={classes.frame9118}>
+                        <div className={classes.text22}>查看详情</div>
+                        <Right
+                          className={classes.right7}
+                          swap={{
+                            vectorStroke: (
+                              <VectorStrokeIcon7 className={classes.icon44} />
+                            ),
+                          }}
+                        />
+                      </div>
+                    </div>
+                    <div className={classes.frame883}>
+                      <Frame876_Property1Variant2
+                        className={classes.frame912}
+                        text={{
+                          Unnamed: (
+                            <div className={classes.unnamed30}>
+                              2022年标准化考点建设
+                            </div>
+                          ),
+                          _100: <div className={classes._100}>24</div>,
+                        }}
+                      />
+                      <Frame876_Property1Variant2
+                        className={classes.frame913}
+                        classes={{ rectangle678: classes.rectangle678 }}
+                        text={{
+                          Unnamed: (
+                            <div className={classes.unnamed31}>
+                              2022年标准化考点建设
+                            </div>
+                          ),
+                          _100: <div className={classes._1002}>24</div>,
+                        }}
+                      />
+                      <Frame876_Property1Variant2
+                        className={classes.frame914}
+                        classes={{ rectangle678: classes.rectangle6782 }}
+                        text={{
+                          Unnamed: (
+                            <div className={classes.unnamed32}>
+                              2022年标准化考点建设
+                            </div>
+                          ),
+                          _100: <div className={classes._1003}>24</div>,
+                        }}
+                      />
+                      <Frame876_Property1Variant2
+                        className={classes.frame915}
+                        classes={{ rectangle678: classes.rectangle6783 }}
+                        text={{
+                          Unnamed: (
+                            <div className={classes.unnamed33}>
+                              2022年标准化考点建设
+                            </div>
+                          ),
+                          _100: <div className={classes._1004}>24</div>,
+                        }}
+                      />
+                    </div>
+                  </div>
+                </div>
+                <div className={classes.frame4273194844}>
+                  <div className={classes.frame9032}>
+                    <div className={classes.unnamed141}>项目合作情况</div>
+                    <div className={classes.frame9129}>
+                      <div className={classes.text23}>查看详情</div>
+                      <Right
+                        className={classes.right8}
+                        swap={{
+                          vectorStroke: (
+                            <VectorStrokeIcon8 className={classes.icon45} />
+                          ),
+                        }}
+                      />
+                    </div>
+                  </div>
+                  <div className={classes.frame427319553}>
+                    <div className={classes.frame427319552}>
+                      <_Fill
+                        className={classes.unnamed34}
+                        text={{
+                          text: <div className={classes.text8}>A级项目</div>,
+                        }}
+                      />
+                      <_Fill
+                        className={classes.unnamed35}
+                        text={{
+                          text: <div className={classes.text9}>优秀项目</div>,
+                        }}
+                      />
+                      <_Fill
+                        className={classes.unnamed36}
+                        text={{
+                          text: <div className={classes.text10}>项目阶段</div>,
+                        }}
+                      />
+                    </div>
+                    <Unnamed6 className={classes.unnamed37} />
+                  </div>
+                  <div className={classes.frame4273195313}>
+                    <Frame427319527 className={classes.frame427319527} />
+                    <Frame427319527 className={classes.frame427319529} />
+                    <Frame427319527 className={classes.frame427319530} />
+                    <Frame427319527 className={classes.frame427319531} />
+                    <Frame427319527 className={classes.frame427319532} />
+                  </div>
+                  <Unnamed10 className={classes.unnamed38} />
+                </div>
+              </div>
+              <div className={classes.frame427319556}>
+                <div className={classes.frame4273194812}>
+                  <div className={classes.frame427319518}>
+                    <div className={classes._202332621561}></div>
+                    <div className={classes.frame427319516}>
+                      <div className={classes.unnamed142}>
+                        上海光明食品有限公司
+                      </div>
+                      <div className={classes.frame427319517}>
+                        <div className={classes._229}>
+                          <div className={classes.unnamed143}>地址：</div>
+                          <div className={classes._2637}>
+                            上海市华山路263弄7号
+                          </div>
+                        </div>
+                        <div className={classes._230}>
+                          <div className={classes.unnamed144}>网址：</div>
+                          <div className={classes.httpWwwBrightfoodComCn}>
+                            <a
+                              href="http://www.brightfood.com/cn"
+                              style={{ color: "inherit" }}
+                            >
+                              http://www.brightfood.com/cn
+                            </a>
+                          </div>
+                        </div>
+                        <div className={classes.frame427319522}>
+                          <_Small
+                            text={{
+                              Unnamed: (
+                                <div className={classes.unnamed39}>
+                                  战略客户
+                                </div>
+                              ),
+                            }}
+                          />
+                          <_Small2
+                            text={{
+                              Unnamed: (
+                                <div className={classes.unnamed40}>食品</div>
+                              ),
+                            }}
+                          />
+                          <_Small2
+                            text={{
+                              Unnamed: (
+                                <div className={classes.unnamed41}>销售</div>
+                              ),
+                            }}
+                          />
+                          <_Small2
+                            text={{
+                              Unnamed: (
+                                <div className={classes.unnamed42}>零售</div>
+                              ),
+                            }}
+                          />
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div className={classes.line562}></div>
+                  <div className={classes.frame427319519}>
+                    <Frame427319520 className={classes.frame427319520} />
+                    <div className={classes.line563}></div>
+                    <Frame427319520
+                      className={classes.frame427319521}
+                      text={{
+                        Unnamed: (
+                          <div className={classes.unnamed43}>是否上市</div>
+                        ),
+                        _1995526: <div className={classes._1995526}>是</div>,
+                      }}
+                    />
+                  </div>
+                  <div className={classes.frame4273195203}>
+                    <Frame427319520
+                      className={classes.frame4273195202}
+                      text={{
+                        Unnamed: (
+                          <div className={classes.unnamed44}>注册资本</div>
+                        ),
+                        _1995526: (
+                          <div className={classes._19955262}>
+                            496585.7098万元人民币
+                          </div>
+                        ),
+                      }}
+                    />
+                    <div className={classes.line564}></div>
+                    <Frame427319520
+                      className={classes.frame4273195212}
+                      text={{
+                        Unnamed: (
+                          <div className={classes.unnamed45}>实缴资本</div>
+                        ),
+                        _1995526: (
+                          <div className={classes._19955263}>
+                            496585.7098万元人民币
+                          </div>
+                        ),
+                      }}
+                    />
+                  </div>
+                  <div className={classes.line57}></div>
+                  <div className={classes.frame427319523}>
+                    <div className={classes.frame427319465}>
+                      <_Property1Property2
+                        text={{
+                          Unnamed: (
+                            <div className={classes.unnamed46}>公司介绍</div>
+                          ),
+                        }}
+                      />
+                      <_Property1Property22
+                        text={{
+                          Unnamed: (
+                            <div className={classes.unnamed47}>经营范围</div>
+                          ),
+                        }}
+                      />
+                      <_Property1Property22
+                        text={{
+                          Unnamed: (
+                            <div className={classes.unnamed48}>主营业务</div>
+                          ),
+                        }}
+                      />
+                    </div>
+                    <div className={classes._365968583300}>
+                      <p className={classes.labelWrapper}>
+                        <span className={classes.label14}>
+                          光明食品集团是一家以
+                        </span>
+                        <a
+                          className={classes.label15}
+                          href="https://baike.baidu.com/item/%E9%A3%9F%E5%93%81%E4%BA%A7%E4%B8%9A%E9%93%BE/8830832?fromModule=lemma_inlink"
+                          target="_blank"
+                          rel="noreferrer"
+                        >
+                          食品产业链
+                        </a>
+                        <span className={classes.label16}>
+                          为核心的现代都市产业集团。重点发展以种源、生态、装备和标准农业为核心的现代都市农业，包括乳业、大米、
+                        </span>
+                        <a
+                          className={classes.label17}
+                          href="https://baike.baidu.com/item/%E7%8C%AA%E8%82%89/486463?fromModule=lemma_inlink"
+                          target="_blank"
+                          rel="noreferrer"
+                        >
+                          猪肉
+                        </a>
+                        <span className={classes.label18}>
+                          、蔬菜、鲜花、生态森林等；以食品和
+                        </span>
+                        <a
+                          className={classes.label19}
+                          href="https://baike.baidu.com/item/%E5%86%9C%E4%BA%A7%E5%93%81%E6%B7%B1%E5%8A%A0%E5%B7%A5/8913494?fromModule=lemma_inlink"
+                          target="_blank"
+                          rel="noreferrer"
+                        >
+                          农产品深加工
+                        </a>
+                        <span className={classes.label20}>
+                          为核心的现代都市工业，包括冷饮、罐头、
+                        </span>
+                        <a
+                          className={classes.label21}
+                          href="https://baike.baidu.com/item/%E9%A3%9F%E7%B3%96/9865646?fromModule=lemma_inlink"
+                          target="_blank"
+                          rel="noreferrer"
+                        >
+                          食糖
+                        </a>
+                        <span className={classes.label22}>和</span>
+                        <a
+                          className={classes.label23}
+                          href="https://baike.baidu.com/item/%E7%B3%96%E6%9E%9C/6189?fromModule=lemma_inlink"
+                          target="_blank"
+                          rel="noreferrer"
+                        >
+                          糖果
+                        </a>
+                        <span className={classes.label24}>、蜂蜜、</span>
+                        <a
+                          className={classes.label25}
+                          href="https://baike.baidu.com/item/%E9%BB%84%E9%85%92/519594?fromModule=lemma_inlink"
+                          target="_blank"
+                          rel="noreferrer"
+                        >
+                          黄酒
+                        </a>
+                        <span className={classes.label26}>
+                          、饮料、休闲食品等；以商业流通和物流配送为核心的
+                        </span>
+                        <a
+                          className={classes.label27}
+                          href="https://baike.baidu.com/item/%E7%8E%B0%E4%BB%A3%E6%9C%8D%E5%8A%A1%E4%B8%9A/8089542?fromModule=lemma_inlink"
+                          target="_blank"
+                          rel="noreferrer"
+                        >
+                          现代服务业
+                        </a>
+                        <span className={classes.label28}>，包括农工商、</span>
+                        <a
+                          className={classes.label29}
+                          href="https://baike.baidu.com/item/%E5%A5%BD%E5%BE%B7/18784669?fromModule=lemma_inlink"
+                          target="_blank"
+                          rel="noreferrer"
+                        >
+                          好德
+                        </a>
+                        <span className={classes.label30}>
+                          、伍缘、可的、光明、捷强、
+                        </span>
+                        <span className={classes.label31}>第一食品</span>
+                        <span className={classes.label32}>
+                          商店、易购365和96858电子商务网络等
+                        </span>
+                        <a
+                          className={classes.label33}
+                          href="https://baike.baidu.com/item/%E8%BF%9E%E9%94%81%E9%97%A8%E5%BA%97/7258720?fromModule=lemma_inlink"
+                          target="_blank"
+                          rel="noreferrer"
+                        >
+                          连锁门店
+                        </a>
+                        <span className={classes.label34}>
+                          近3300家，以及都市
+                        </span>
+                        <a
+                          className={classes.label35}
+                          href="https://baike.baidu.com/item/%E6%88%BF%E5%9C%B0%E4%BA%A7%E4%B8%9A/634503?fromModule=lemma_inlink"
+                          target="_blank"
+                          rel="noreferrer"
+                        >
+                          房地产业
+                        </a>
+                        <span className={classes.label36}>、</span>
+                        <a
+                          className={classes.label37}
+                          href="https://baike.baidu.com/item/%E5%87%BA%E7%A7%9F%E6%B1%BD%E8%BD%A6/692393?fromModule=lemma_inlink"
+                          target="_blank"
+                          rel="noreferrer"
+                        >
+                          出租汽车
+                        </a>
+                        <span className={classes.label38}>
+                          和物流业、品牌代理服务。
+                        </span>
+                      </p>
+                    </div>
+                  </div>
+                  <div className={classes.line583}></div>
+                  <div className={classes.frame427319524}>
+                    <div className={classes.unnamed145}>注册商标</div>
+                    <div className={classes._160}>
+                      <p className={classes.labelWrapper2}>
+                        <span className={classes.label39}>
+                          光明食品集团拥有光明、
+                        </span>
+                        <a
+                          className={classes.label40}
+                          href="https://baike.baidu.com/item/%E5%A4%A7%E7%99%BD%E5%85%94/3366408?fromModule=lemma_inlink"
+                          target="_blank"
+                          rel="noreferrer"
+                        >
+                          大白兔
+                        </a>
+                        <span className={classes.label41}>、</span>
+                        <a
+                          className={classes.label42}
+                          href="https://baike.baidu.com/item/%E5%86%A0%E7%94%9F%E5%9B%AD/805143?fromModule=lemma_inlink"
+                          target="_blank"
+                          rel="noreferrer"
+                        >
+                          冠生园
+                        </a>
+                        <span className={classes.label43}>、</span>
+                        <a
+                          className={classes.label44}
+                          href="https://baike.baidu.com/item/%E6%A2%85%E6%9E%97/2369251?fromModule=lemma_inlink"
+                          target="_blank"
+                          rel="noreferrer"
+                        >
+                          梅林
+                        </a>
+                        <span className={classes.label45}>
+                          、正广和、一只鼎、海丰、爱森、大瀛、石库门
+                          、金枫、和酒、玉棠、天喔、佛手等众多
+                        </span>
+                        <a
+                          className={classes.label46}
+                          href="https://baike.baidu.com/item/%E4%B8%AD%E5%9B%BD%E9%A9%B0%E5%90%8D%E5%95%86%E6%A0%87/9999062?fromModule=lemma_inlink"
+                          target="_blank"
+                          rel="noreferrer"
+                        >
+                          中国驰名商标
+                        </a>
+                        <span className={classes.label47}>、中国</span>
+                        <a
+                          className={classes.label48}
+                          href="https://baike.baidu.com/item/%E5%90%8D%E7%89%8C%E4%BA%A7%E5%93%81/6758199?fromModule=lemma_inlink"
+                          target="_blank"
+                          rel="noreferrer"
+                        >
+                          名牌产品
+                        </a>
+                        <span className={classes.label49}>和上海市</span>
+                        <a
+                          className={classes.label50}
+                          href="https://baike.baidu.com/item/%E8%91%97%E5%90%8D%E5%95%86%E6%A0%87/9286509?fromModule=lemma_inlink"
+                          target="_blank"
+                          rel="noreferrer"
+                        >
+                          著名商标
+                        </a>
+                        <span className={classes.label51}>
+                          、上海市名牌产品。
+                        </span>
+                      </p>
+                      <div className={classes.textBlock}>
+                        <p className={classes.labelWrapper3}>
+                          <span className={classes.label52}>
+                            光明食品集团业务网络覆盖全国，与160多个
+                          </span>
+                          <a
+                            className={classes.label53}
+                            href="https://baike.baidu.com/item/%E5%9B%BD%E5%AE%B6%E5%92%8C%E5%9C%B0%E5%8C%BA/52039732?fromModule=lemma_inlink"
+                            target="_blank"
+                            rel="noreferrer"
+                          >
+                            国家和地区
+                          </a>
+                          <span className={classes.label54}>
+                            的上万家客户建有稳定的贸易关系，并与
+                          </span>
+                          <a
+                            className={classes.label55}
+                            href="https://baike.baidu.com/item/%E5%8F%AF%E5%8F%A3%E5%8F%AF%E4%B9%90/182363?fromModule=lemma_inlink"
+                            target="_blank"
+                            rel="noreferrer"
+                          >
+                            可口可乐
+                          </a>
+                          <span className={classes.label56}>、</span>
+                          <a
+                            className={classes.label57}
+                            href="https://baike.baidu.com/item/%E7%99%BE%E4%BA%8B%E5%8F%AF%E4%B9%90/184081?fromModule=lemma_inlink"
+                            target="_blank"
+                            rel="noreferrer"
+                          >
+                            百事可乐
+                          </a>
+                          <span className={classes.label58}>、</span>
+                          <a
+                            className={classes.label59}
+                            href="https://baike.baidu.com/item/%E9%9B%80%E5%B7%A2/466166?fromModule=lemma_inlink"
+                            target="_blank"
+                            rel="noreferrer"
+                          >
+                            雀巢
+                          </a>
+                          <span className={classes.label60}>、</span>
+                          <a
+                            className={classes.label61}
+                            href="https://baike.baidu.com/item/%E8%BE%BE%E8%83%BD/1096752?fromModule=lemma_inlink"
+                            target="_blank"
+                            rel="noreferrer"
+                          >
+                            达能
+                          </a>
+                          <span className={classes.label62}>、</span>
+                          <a
+                            className={classes.label63}
+                            href="https://baike.baidu.com/item/%E4%B8%89%E5%BE%97%E5%88%A9/3582932?fromModule=lemma_inlink"
+                            target="_blank"
+                            rel="noreferrer"
+                          >
+                            三得利
+                          </a>
+                          <span className={classes.label64}>
+                            、麒麟、统一、谢赫、
+                          </span>
+                          <a
+                            className={classes.label65}
+                            href="https://baike.baidu.com/item/%E5%A4%A7%E9%87%91/6745283?fromModule=lemma_inlink"
+                            target="_blank"
+                            rel="noreferrer"
+                          >
+                            大金
+                          </a>
+                          <span className={classes.label66}>
+                            等国际著名公司开展了广泛的合资合作。
+                          </span>
+                        </p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div className={classes.frame9162}>
+                  <div className={classes.frame91210}>
+                    <div className={classes.unnamed146}>来访会议纪要</div>
+                    <div className={classes.frame9119}>
+                      <div className={classes.text24}>查看详情</div>
+                      <Right
+                        className={classes.right9}
+                        swap={{
+                          vectorStroke: (
+                            <VectorStrokeIcon9 className={classes.icon46} />
+                          ),
+                        }}
+                      />
+                    </div>
+                  </div>
+                  <Unnamed11 className={classes.unnamed49} />
+                  <Frame427319483 />
+                  <div className={classes.line592}></div>
+                  <Frame427319483
+                    text={{
+                      _1: <div className={classes._16}>2</div>,
+                    }}
+                  />
+                </div>
+              </div>
+              <div className={classes.breadcrumbs2}>
+                <div className={classes.unnamed147}>项目库</div>
+                <div className={classes.unnamed148}>/</div>
+                <div className={classes.unnamed149}>项目详情</div>
+              </div>
+            </div>
+          )}
+          {currentPage == "dashboard" && (
+            <div className={classes.dashboard}>
+              <div className={classes.dashBoardRight}>
+                <div className={classes.searchBox}>
+                  <div className={classes.searchTitleBox}>
+                    <div className={classes.unnamed150}>查找</div>
+                  </div>
+                  <div className={classes.searchContentBox}>
+                    {/* <Input
+                      className={classes.input}
+                      placeholder="请输入您想要查找的内容"
+                    ></Input> */}
+                    <AutoComplete
+                      className={classes.input}
+                      placeholder="请输入您想要查找的内容"
+                      options={options}
+                      onSelect={(text) => {
+                        if (text.indexOf("光") > -1) {
+                          setCurrentPage("customer");
+                        } else if (text.indexOf("2") > -1) {
+                          setCurrentPage("project");
+                        }
+                      }}
+                      onSearch={(text) => {
+                        let newoptions = [
+                          { value: "上海光明食品有限公司" },
+                          { value: "2022年标准化考点建设" },
+                        ];
+                        if (text.indexOf("光") > -1) {
+                          newoptions = [{ value: "上海光明食品有限公司" }];
+                        }
+                        if (text.indexOf("2") > -1) {
+                          newoptions = [{ value: "2022年标准化考点建设" }];
+                        }
+                        setOptions(newoptions);
+                      }}
+                    ></AutoComplete>
+                    <Button
+                      type="primary"
+                      onClick={() => setCurrentPage("customer")}
+                    >
+                      确定
+                    </Button>
+                    {/* <_Property1LargeProperty2Regula
+                      className={classes.input}
+                      text={{
+                        text: (
+                          <input
+                            className={classes.text11}
+                            placeholder="请输入您想要查找的内容"
+                          ></input>
+
+                          // <div className={classes.text11}>
+                          //   请输入您想要查找的内容
+                          // </div>
+                        ),
+                      }}
+                    /> */}
+                    {/* <Button_PrimaryLargeRegular
+                      text={{
+                        text: (
+                          <div
+                            className={classes.text12}
+                            onClick={() => setCurrentPage("customer")}
+                          >
+                            确定
+                          </div>
+                        ),
+                      }}
+                    /> */}
+                  </div>
+                </div>
+                <div className={classes.quickEntry}>
+                  <div className={classes.frame91211}>
+                    <div className={classes.unnamed151}>快捷入口</div>
+                    <div className={classes.frame91110}>
+                      <div className={classes.text25}>查看详情</div>
+                      <Right
+                        className={classes.right10}
+                        swap={{
+                          vectorStroke: (
+                            <VectorStrokeIcon10 className={classes.icon47} />
+                          ),
+                        }}
+                      />
+                    </div>
+                  </div>
+                  <div className={classes.frame427319476}>
+                    <Frame427319471
+                      swap={{
+                        vector: <VectorIcon2 className={classes.icon48} />,
+                      }}
+                    />
+                    <Frame427319471
+                      swap={{
+                        frame: (
+                          <Frame
+                            className={classes.frame}
+                            classes={{ vector: classes.vector2 }}
+                            swap={{
+                              vector: (
+                                <VectorIcon3 className={classes.icon49} />
+                              ),
+                            }}
+                          />
+                        ),
+                      }}
+                      text={{
+                        Unnamed: (
+                          <div className={classes.unnamed50}>
+                            项目支持记录单
+                          </div>
+                        ),
+                      }}
+                    />
+                    <Frame427319471
+                      swap={{
+                        frame: (
+                          <Frame7
+                            className={classes.frame2}
+                            classes={{ vector: classes.vector3 }}
+                            swap={{
+                              vector: (
+                                <VectorIcon4 className={classes.icon50} />
+                              ),
+                            }}
+                          />
+                        ),
+                      }}
+                      text={{
+                        Unnamed: (
+                          <div className={classes.unnamed51}>
+                            合同信息登记表
+                          </div>
+                        ),
+                      }}
+                    />
+                    <Frame427319471
+                      swap={{
+                        frame: (
+                          <Frame8
+                            className={classes.frame3}
+                            classes={{ vector: classes.vector4 }}
+                            swap={{
+                              vector: (
+                                <VectorIcon5 className={classes.icon51} />
+                              ),
+                            }}
+                          />
+                        ),
+                      }}
+                      text={{
+                        Unnamed: (
+                          <div className={classes.unnamed52}>项目采购单</div>
+                        ),
+                      }}
+                    />
+                  </div>
+                </div>
+                <div className={classes.zoneAnalyze}>
+                  <div className={classes.frame91212}>
+                    <div className={classes.unnamed152}>涉及板块分析</div>
+                    <div className={classes.frame91111}>
+                      <div className={classes.text26}>查看详情</div>
+                      <Right
+                        className={classes.right11}
+                        swap={{
+                          vectorStroke: (
+                            <VectorStrokeIcon11 className={classes.icon52} />
+                          ),
+                        }}
+                      />
+                    </div>
+                  </div>
+                  <div className={classes.frame512}>
+                    <div className={classes.frame322}>
+                      <div className={classes.ellipse62}>
+                        <Ellipse6Icon2 className={classes.icon77} />
+                      </div>
+                      <div className={classes.ellipse112}>
+                        <Ellipse11Icon2 className={classes.icon78} />
+                      </div>
+                      <div className={classes.ellipse102}>
+                        <Ellipse10Icon2 className={classes.icon79} />
+                      </div>
+                      <div className={classes.ellipse92}>
+                        <Ellipse9Icon2 className={classes.icon80} />
+                      </div>
+                      <div className={classes.ellipse82}>
+                        <Ellipse8Icon2 className={classes.icon81} />
+                      </div>
+                      <div className={classes.ellipse72}>
+                        <Ellipse7Icon2 className={classes.icon82} />
+                      </div>
+                      <div className={classes.frame332}>
+                        <div className={classes.a2}>A级</div>
+                        <div className={classes._452}>45%</div>
+                      </div>
+                    </div>
+                    <div className={classes.frame8923}>
+                      <div className={classes.frame8892}>
+                        <div className={classes.frame8886}>
                           <_Property1
                             text={{
                               label: (
-                                <div className={classes.label}>
+                                <div className={classes.label6}>
                                   云服务大数据
                                 </div>
                               ),
                             }}
                           />
-                          <div className={classes.line43}></div>
-                          <div className={classes._64}>64.0%</div>
+                          <div className={classes.line436}></div>
+                          <div className={classes._645}>64.0%</div>
                         </div>
-                        <div className={classes._120}>120</div>
+                        <div className={classes._1202}>120</div>
                       </div>
-                      <div className={classes.frame890}>
-                        <div className={classes.frame8882}>
+                      <div className={classes.frame8902}>
+                        <div className={classes.frame8887}>
                           <_Property1
-                            classes={{ square: classes.square }}
+                            classes={{ square: classes.square5 }}
                             text={{
                               label: (
-                                <div className={classes.label2}>智慧照明</div>
+                                <div className={classes.label7}>智慧照明</div>
                               ),
                             }}
                           />
-                          <div className={classes.line432}></div>
-                          <div className={classes._162}>16.0%</div>
+                          <div className={classes.line437}></div>
+                          <div className={classes._163}>16.0%</div>
                         </div>
-                        <div className={classes._30}>30</div>
+                        <div className={classes._302}>30</div>
                       </div>
-                      <div className={classes.frame891}>
-                        <div className={classes.frame8883}>
+                      <div className={classes.frame8912}>
+                        <div className={classes.frame8888}>
                           <_Property1
-                            classes={{ square: classes.square2 }}
+                            classes={{ square: classes.square6 }}
                             text={{
                               label: (
-                                <div className={classes.label3}>智慧教卫</div>
+                                <div className={classes.label8}>智慧教卫</div>
                               ),
                             }}
                           />
-                          <div className={classes.line433}></div>
-                          <div className={classes._642}>6.4%</div>
+                          <div className={classes.line438}></div>
+                          <div className={classes._646}>6.4%</div>
                         </div>
-                        <div className={classes._122}>12</div>
+                        <div className={classes._125}>12</div>
                       </div>
-                      <div className={classes.frame8922}>
-                        <div className={classes.frame8884}>
+                      <div className={classes.frame8924}>
+                        <div className={classes.frame8889}>
                           <_Property1
-                            classes={{ square: classes.square3 }}
+                            classes={{ square: classes.square7 }}
                             text={{
                               label: (
-                                <div className={classes.label4}>智慧交通</div>
+                                <div className={classes.label9}>智慧交通</div>
                               ),
                             }}
                           />
-                          <div className={classes.line434}></div>
-                          <div className={classes._643}>6.4%</div>
+                          <div className={classes.line439}></div>
+                          <div className={classes._647}>6.4%</div>
                         </div>
-                        <div className={classes._123}>12</div>
+                        <div className={classes._126}>12</div>
                       </div>
-                      <div className={classes.frame893}>
-                        <div className={classes.frame8885}>
+                      <div className={classes.frame8932}>
+                        <div className={classes.frame88810}>
                           <_Property1
-                            classes={{ square: classes.square4 }}
+                            classes={{ square: classes.square8 }}
                             text={{
                               label: (
-                                <div className={classes.label5}>智能安防</div>
+                                <div className={classes.label10}>智能安防</div>
                               ),
                             }}
                           />
-                          <div className={classes.line435}></div>
-                          <div className={classes._644}>6.4%</div>
+                          <div className={classes.line4310}></div>
+                          <div className={classes._648}>6.4%</div>
                         </div>
-                        <div className={classes._124}>12</div>
+                        <div className={classes._127}>12</div>
                       </div>
                     </div>
                   </div>
                 </div>
-                <div className={classes.frame4273194832}>
-                  <div className={classes.frame9128}>
-                    <div className={classes.unnamed140}>重点项目排名</div>
-                    <div className={classes.frame9118}>
-                      <div className={classes.text22}>查看详情</div>
+                <div className={classes.receptionDetial}>
+                  <div className={classes.frame91213}>
+                    <div className={classes.unnamed153}>接待详情</div>
+                    <div className={classes.frame91112}>
+                      <div className={classes.text27}>查看详情</div>
                       <Right
-                        className={classes.right7}
+                        className={classes.right12}
                         swap={{
                           vectorStroke: (
-                            <VectorStrokeIcon7 className={classes.icon44} />
+                            <VectorStrokeIcon12 className={classes.icon53} />
                           ),
                         }}
                       />
                     </div>
                   </div>
-                  <div className={classes.frame883}>
-                    <Frame876_Property1Variant2
-                      className={classes.frame912}
+                  <Tabs
+                    items={["全部", "近3天", "近一周", "近一月", "近3月"].map(
+                      (item) => {
+                        return {
+                          label: <span>{item}</span>,
+                          key: item,
+                        };
+                      }
+                    )}
+                  ></Tabs>
+                  {/* <div className={classes.frame4273194612}>
+                    <_2_On
+                      text={{
+                        Unnamed: <div className={classes.unnamed53}>全部</div>,
+                      }}
+                    />
+                    <_2_Off
+                      text={{
+                        Unnamed: <div className={classes.unnamed54}>近3天</div>,
+                      }}
+                    />
+                    <_2_Off
                       text={{
                         Unnamed: (
-                          <div className={classes.unnamed30}>
-                            2022年标准化考点建设
-                          </div>
+                          <div className={classes.unnamed55}>近一周</div>
                         ),
-                        _100: <div className={classes._100}>24</div>,
                       }}
                     />
-                    <Frame876_Property1Variant2
-                      className={classes.frame913}
-                      classes={{ rectangle678: classes.rectangle678 }}
+                    <_2_Off
                       text={{
                         Unnamed: (
-                          <div className={classes.unnamed31}>
-                            2022年标准化考点建设
-                          </div>
+                          <div className={classes.unnamed56}>近一月</div>
                         ),
-                        _100: <div className={classes._1002}>24</div>,
                       }}
                     />
-                    <Frame876_Property1Variant2
-                      className={classes.frame914}
-                      classes={{ rectangle678: classes.rectangle6782 }}
+                    <_2_Off
                       text={{
                         Unnamed: (
-                          <div className={classes.unnamed32}>
-                            2022年标准化考点建设
-                          </div>
-                        ),
-                        _100: <div className={classes._1003}>24</div>,
-                      }}
-                    />
-                    <Frame876_Property1Variant2
-                      className={classes.frame915}
-                      classes={{ rectangle678: classes.rectangle6783 }}
-                      text={{
-                        Unnamed: (
-                          <div className={classes.unnamed33}>
-                            2022年标准化考点建设
-                          </div>
-                        ),
-                        _100: <div className={classes._1004}>24</div>,
-                      }}
-                    />
-                  </div>
-                </div>
-              </div>
-              <div className={classes.frame4273194844}>
-                <div className={classes.frame9032}>
-                  <div className={classes.unnamed141}>项目合作情况</div>
-                  <div className={classes.frame9129}>
-                    <div className={classes.text23}>查看详情</div>
-                    <Right
-                      className={classes.right8}
-                      swap={{
-                        vectorStroke: (
-                          <VectorStrokeIcon8 className={classes.icon45} />
+                          <div className={classes.unnamed57}>近3月 </div>
                         ),
                       }}
                     />
-                  </div>
-                </div>
-                <div className={classes.frame427319553}>
-                  <div className={classes.frame427319552}>
-                    <_Fill
-                      className={classes.unnamed34}
-                      text={{
-                        text: <div className={classes.text8}>A级项目</div>,
-                      }}
-                    />
-                    <_Fill
-                      className={classes.unnamed35}
-                      text={{
-                        text: <div className={classes.text9}>优秀项目</div>,
-                      }}
-                    />
-                    <_Fill
-                      className={classes.unnamed36}
-                      text={{
-                        text: <div className={classes.text10}>项目阶段</div>,
-                      }}
-                    />
-                  </div>
-                  <Unnamed6 className={classes.unnamed37} />
-                </div>
-                <div className={classes.frame4273195313}>
-                  <Frame427319527 className={classes.frame427319527} />
-                  <Frame427319527 className={classes.frame427319529} />
-                  <Frame427319527 className={classes.frame427319530} />
-                  <Frame427319527 className={classes.frame427319531} />
-                  <Frame427319527 className={classes.frame427319532} />
-                </div>
-                <Unnamed10 className={classes.unnamed38} />
-              </div>
-            </div>
-            <div className={classes.frame427319556}>
-              <div className={classes.frame4273194812}>
-                <div className={classes.frame427319518}>
-                  <div className={classes._202332621561}></div>
-                  <div className={classes.frame427319516}>
-                    <div className={classes.unnamed142}>
-                      上海光明食品有限公司
-                    </div>
-                    <div className={classes.frame427319517}>
-                      <div className={classes._229}>
-                        <div className={classes.unnamed143}>地址：</div>
-                        <div className={classes._2637}>
-                          上海市华山路263弄7号
-                        </div>
-                      </div>
-                      <div className={classes._230}>
-                        <div className={classes.unnamed144}>网址：</div>
-                        <div className={classes.httpWwwBrightfoodComCn}>
-                          http://www.brightfood.com/cn
-                        </div>
-                      </div>
-                      <div className={classes.frame427319522}>
-                        <_Small
-                          text={{
-                            Unnamed: (
-                              <div className={classes.unnamed39}>战略客户</div>
-                            ),
-                          }}
-                        />
-                        <_Small2
-                          text={{
-                            Unnamed: (
-                              <div className={classes.unnamed40}>食品</div>
-                            ),
-                          }}
-                        />
-                        <_Small2
-                          text={{
-                            Unnamed: (
-                              <div className={classes.unnamed41}>销售</div>
-                            ),
-                          }}
-                        />
-                        <_Small2
-                          text={{
-                            Unnamed: (
-                              <div className={classes.unnamed42}>零售</div>
-                            ),
-                          }}
-                        />
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div className={classes.line562}></div>
-                <div className={classes.frame427319519}>
-                  <Frame427319520 className={classes.frame427319520} />
-                  <div className={classes.line563}></div>
-                  <Frame427319520
-                    className={classes.frame427319521}
+                  </div> */}
+                  <Unnamed13
+                    className={classes.unnamed58}
                     text={{
-                      Unnamed: (
-                        <div className={classes.unnamed43}>是否上市</div>
+                      _2022613: (
+                        <div className={classes._2022613}>2023-04-17</div>
                       ),
-                      _1995526: <div className={classes._1995526}>是</div>,
                     }}
                   />
-                </div>
-                <div className={classes.frame4273195203}>
-                  <Frame427319520
-                    className={classes.frame4273195202}
+                  <Unnamed13
+                    className={classes.unnamed61}
                     text={{
-                      Unnamed: (
-                        <div className={classes.unnamed44}>注册资本</div>
+                      _2022613: (
+                        <div className={classes._20226132}>2023-04-16</div>
                       ),
-                      _1995526: (
-                        <div className={classes._19955262}>
-                          496585.7098万元人民币
+                      unnamed: (
+                        <div className={classes.unnamed59}>
+                          接待河北中拓网络
+                        </div>
+                      ),
+                      unnamed2: <div className={classes.unnamed60}>其他</div>,
+                    }}
+                  />
+                  <Unnamed13
+                    className={classes.unnamed63}
+                    text={{
+                      _2022613: (
+                        <div className={classes._20226133}>2023-04-13</div>
+                      ),
+                      unnamed: (
+                        <div className={classes.unnamed62}>
+                          参加上海教字化转型体验周专额会议
                         </div>
                       ),
                     }}
                   />
-                  <div className={classes.line564}></div>
-                  <Frame427319520
-                    className={classes.frame4273195212}
+                  <Unnamed13
+                    className={classes.unnamed65}
                     text={{
-                      Unnamed: (
-                        <div className={classes.unnamed45}>实缴资本</div>
+                      _2022613: (
+                        <div className={classes._20226134}>2023-04-17</div>
                       ),
-                      _1995526: (
-                        <div className={classes._19955263}>
-                          496585.7098万元人民币
+                      unnamed: (
+                        <div className={classes.unnamed64}>
+                          拜访上海激集建设发展有限公司
+                        </div>
+                      ),
+                    }}
+                  />
+                  <Unnamed13
+                    className={classes.unnamed67}
+                    text={{
+                      _2022613: (
+                        <div className={classes._20226135}>2023-04-12</div>
+                      ),
+                      unnamed: (
+                        <div className={classes.unnamed66}>
+                          参加智慧馨城专员会议
                         </div>
                       ),
                     }}
                   />
                 </div>
-                <div className={classes.line57}></div>
-                <div className={classes.frame427319523}>
-                  <div className={classes.frame427319465}>
-                    <_Property1Property2
-                      text={{
-                        Unnamed: (
-                          <div className={classes.unnamed46}>公司介绍</div>
-                        ),
-                      }}
-                    />
-                    <_Property1Property22
-                      text={{
-                        Unnamed: (
-                          <div className={classes.unnamed47}>经营范围</div>
-                        ),
-                      }}
-                    />
-                    <_Property1Property22
-                      text={{
-                        Unnamed: (
-                          <div className={classes.unnamed48}>主营业务</div>
-                        ),
-                      }}
-                    />
+                <div className={classes.missPie}>
+                  <div className={classes.frame91214}>
+                    <div className={classes.unnamed154}>各单位漏报情况</div>
+                    <div className={classes.frame91113}>
+                      <div className={classes.text28}>查看详情</div>
+                      <Right
+                        className={classes.right13}
+                        swap={{
+                          vectorStroke: (
+                            <VectorStrokeIcon13 className={classes.icon54} />
+                          ),
+                        }}
+                      />
+                    </div>
                   </div>
-                  <div className={classes._365968583300}>
-                    <p className={classes.labelWrapper}>
-                      <span className={classes.label14}>
-                        光明食品集团是一家以
-                      </span>
-                      <a
-                        className={classes.label15}
-                        href="https://baike.baidu.com/item/%E9%A3%9F%E5%93%81%E4%BA%A7%E4%B8%9A%E9%93%BE/8830832?fromModule=lemma_inlink"
-                        target="_blank"
-                        rel="noreferrer"
-                      >
-                        食品产业链
-                      </a>
-                      <span className={classes.label16}>
-                        为核心的现代都市产业集团。重点发展以种源、生态、装备和标准农业为核心的现代都市农业，包括乳业、大米、
-                      </span>
-                      <a
-                        className={classes.label17}
-                        href="https://baike.baidu.com/item/%E7%8C%AA%E8%82%89/486463?fromModule=lemma_inlink"
-                        target="_blank"
-                        rel="noreferrer"
-                      >
-                        猪肉
-                      </a>
-                      <span className={classes.label18}>
-                        、蔬菜、鲜花、生态森林等；以食品和
-                      </span>
-                      <a
-                        className={classes.label19}
-                        href="https://baike.baidu.com/item/%E5%86%9C%E4%BA%A7%E5%93%81%E6%B7%B1%E5%8A%A0%E5%B7%A5/8913494?fromModule=lemma_inlink"
-                        target="_blank"
-                        rel="noreferrer"
-                      >
-                        农产品深加工
-                      </a>
-                      <span className={classes.label20}>
-                        为核心的现代都市工业，包括冷饮、罐头、
-                      </span>
-                      <a
-                        className={classes.label21}
-                        href="https://baike.baidu.com/item/%E9%A3%9F%E7%B3%96/9865646?fromModule=lemma_inlink"
-                        target="_blank"
-                        rel="noreferrer"
-                      >
-                        食糖
-                      </a>
-                      <span className={classes.label22}>和</span>
-                      <a
-                        className={classes.label23}
-                        href="https://baike.baidu.com/item/%E7%B3%96%E6%9E%9C/6189?fromModule=lemma_inlink"
-                        target="_blank"
-                        rel="noreferrer"
-                      >
-                        糖果
-                      </a>
-                      <span className={classes.label24}>、蜂蜜、</span>
-                      <a
-                        className={classes.label25}
-                        href="https://baike.baidu.com/item/%E9%BB%84%E9%85%92/519594?fromModule=lemma_inlink"
-                        target="_blank"
-                        rel="noreferrer"
-                      >
-                        黄酒
-                      </a>
-                      <span className={classes.label26}>
-                        、饮料、休闲食品等；以商业流通和物流配送为核心的
-                      </span>
-                      <a
-                        className={classes.label27}
-                        href="https://baike.baidu.com/item/%E7%8E%B0%E4%BB%A3%E6%9C%8D%E5%8A%A1%E4%B8%9A/8089542?fromModule=lemma_inlink"
-                        target="_blank"
-                        rel="noreferrer"
-                      >
-                        现代服务业
-                      </a>
-                      <span className={classes.label28}>，包括农工商、</span>
-                      <a
-                        className={classes.label29}
-                        href="https://baike.baidu.com/item/%E5%A5%BD%E5%BE%B7/18784669?fromModule=lemma_inlink"
-                        target="_blank"
-                        rel="noreferrer"
-                      >
-                        好德
-                      </a>
-                      <span className={classes.label30}>
-                        、伍缘、可的、光明、捷强、
-                      </span>
-                      <span className={classes.label31}>第一食品</span>
-                      <span className={classes.label32}>
-                        商店、易购365和96858电子商务网络等
-                      </span>
-                      <a
-                        className={classes.label33}
-                        href="https://baike.baidu.com/item/%E8%BF%9E%E9%94%81%E9%97%A8%E5%BA%97/7258720?fromModule=lemma_inlink"
-                        target="_blank"
-                        rel="noreferrer"
-                      >
-                        连锁门店
-                      </a>
-                      <span className={classes.label34}>
-                        近3300家，以及都市
-                      </span>
-                      <a
-                        className={classes.label35}
-                        href="https://baike.baidu.com/item/%E6%88%BF%E5%9C%B0%E4%BA%A7%E4%B8%9A/634503?fromModule=lemma_inlink"
-                        target="_blank"
-                        rel="noreferrer"
-                      >
-                        房地产业
-                      </a>
-                      <span className={classes.label36}>、</span>
-                      <a
-                        className={classes.label37}
-                        href="https://baike.baidu.com/item/%E5%87%BA%E7%A7%9F%E6%B1%BD%E8%BD%A6/692393?fromModule=lemma_inlink"
-                        target="_blank"
-                        rel="noreferrer"
-                      >
-                        出租汽车
-                      </a>
-                      <span className={classes.label38}>
-                        和物流业、品牌代理服务。
-                      </span>
-                    </p>
-                  </div>
-                </div>
-                <div className={classes.line583}></div>
-                <div className={classes.frame427319524}>
-                  <div className={classes.unnamed145}>注册商标</div>
-                  <div className={classes._160}>
-                    <p className={classes.labelWrapper2}>
-                      <span className={classes.label39}>
-                        光明食品集团拥有光明、
-                      </span>
-                      <a
-                        className={classes.label40}
-                        href="https://baike.baidu.com/item/%E5%A4%A7%E7%99%BD%E5%85%94/3366408?fromModule=lemma_inlink"
-                        target="_blank"
-                        rel="noreferrer"
-                      >
-                        大白兔
-                      </a>
-                      <span className={classes.label41}>、</span>
-                      <a
-                        className={classes.label42}
-                        href="https://baike.baidu.com/item/%E5%86%A0%E7%94%9F%E5%9B%AD/805143?fromModule=lemma_inlink"
-                        target="_blank"
-                        rel="noreferrer"
-                      >
-                        冠生园
-                      </a>
-                      <span className={classes.label43}>、</span>
-                      <a
-                        className={classes.label44}
-                        href="https://baike.baidu.com/item/%E6%A2%85%E6%9E%97/2369251?fromModule=lemma_inlink"
-                        target="_blank"
-                        rel="noreferrer"
-                      >
-                        梅林
-                      </a>
-                      <span className={classes.label45}>
-                        、正广和、一只鼎、海丰、爱森、大瀛、石库门
-                        、金枫、和酒、玉棠、天喔、佛手等众多
-                      </span>
-                      <a
-                        className={classes.label46}
-                        href="https://baike.baidu.com/item/%E4%B8%AD%E5%9B%BD%E9%A9%B0%E5%90%8D%E5%95%86%E6%A0%87/9999062?fromModule=lemma_inlink"
-                        target="_blank"
-                        rel="noreferrer"
-                      >
-                        中国驰名商标
-                      </a>
-                      <span className={classes.label47}>、中国</span>
-                      <a
-                        className={classes.label48}
-                        href="https://baike.baidu.com/item/%E5%90%8D%E7%89%8C%E4%BA%A7%E5%93%81/6758199?fromModule=lemma_inlink"
-                        target="_blank"
-                        rel="noreferrer"
-                      >
-                        名牌产品
-                      </a>
-                      <span className={classes.label49}>和上海市</span>
-                      <a
-                        className={classes.label50}
-                        href="https://baike.baidu.com/item/%E8%91%97%E5%90%8D%E5%95%86%E6%A0%87/9286509?fromModule=lemma_inlink"
-                        target="_blank"
-                        rel="noreferrer"
-                      >
-                        著名商标
-                      </a>
-                      <span className={classes.label51}>
-                        、上海市名牌产品。
-                      </span>
-                    </p>
-                    <div className={classes.textBlock}>
-                      <p className={classes.labelWrapper3}>
-                        <span className={classes.label52}>
-                          光明食品集团业务网络覆盖全国，与160多个
-                        </span>
-                        <a
-                          className={classes.label53}
-                          href="https://baike.baidu.com/item/%E5%9B%BD%E5%AE%B6%E5%92%8C%E5%9C%B0%E5%8C%BA/52039732?fromModule=lemma_inlink"
-                          target="_blank"
-                          rel="noreferrer"
-                        >
-                          国家和地区
-                        </a>
-                        <span className={classes.label54}>
-                          的上万家客户建有稳定的贸易关系，并与
-                        </span>
-                        <a
-                          className={classes.label55}
-                          href="https://baike.baidu.com/item/%E5%8F%AF%E5%8F%A3%E5%8F%AF%E4%B9%90/182363?fromModule=lemma_inlink"
-                          target="_blank"
-                          rel="noreferrer"
-                        >
-                          可口可乐
-                        </a>
-                        <span className={classes.label56}>、</span>
-                        <a
-                          className={classes.label57}
-                          href="https://baike.baidu.com/item/%E7%99%BE%E4%BA%8B%E5%8F%AF%E4%B9%90/184081?fromModule=lemma_inlink"
-                          target="_blank"
-                          rel="noreferrer"
-                        >
-                          百事可乐
-                        </a>
-                        <span className={classes.label58}>、</span>
-                        <a
-                          className={classes.label59}
-                          href="https://baike.baidu.com/item/%E9%9B%80%E5%B7%A2/466166?fromModule=lemma_inlink"
-                          target="_blank"
-                          rel="noreferrer"
-                        >
-                          雀巢
-                        </a>
-                        <span className={classes.label60}>、</span>
-                        <a
-                          className={classes.label61}
-                          href="https://baike.baidu.com/item/%E8%BE%BE%E8%83%BD/1096752?fromModule=lemma_inlink"
-                          target="_blank"
-                          rel="noreferrer"
-                        >
-                          达能
-                        </a>
-                        <span className={classes.label62}>、</span>
-                        <a
-                          className={classes.label63}
-                          href="https://baike.baidu.com/item/%E4%B8%89%E5%BE%97%E5%88%A9/3582932?fromModule=lemma_inlink"
-                          target="_blank"
-                          rel="noreferrer"
-                        >
-                          三得利
-                        </a>
-                        <span className={classes.label64}>
-                          、麒麟、统一、谢赫、
-                        </span>
-                        <a
-                          className={classes.label65}
-                          href="https://baike.baidu.com/item/%E5%A4%A7%E9%87%91/6745283?fromModule=lemma_inlink"
-                          target="_blank"
-                          rel="noreferrer"
-                        >
-                          大金
-                        </a>
-                        <span className={classes.label66}>
-                          等国际著名公司开展了广泛的合资合作。
-                        </span>
-                      </p>
+                  <div className={classes.frame513}>
+                    <div className={classes.frame323}>
+                      <div className={classes.ellipse63}>
+                        <Ellipse6Icon3 className={classes.icon83} />
+                      </div>
+                      <div className={classes.ellipse93}>
+                        <Ellipse9Icon3 className={classes.icon84} />
+                      </div>
+                      <div className={classes.ellipse83}>
+                        <Ellipse8Icon3 className={classes.icon85} />
+                      </div>
+                      <div className={classes.ellipse73}>
+                        <Ellipse7Icon3 className={classes.icon86} />
+                      </div>
+                      <div className={classes.frame333}>
+                        <div className={classes.a3}>A级</div>
+                        <div className={classes._453}>45%</div>
+                      </div>
+                    </div>
+                    <div className={classes.frame8925}>
+                      <div className={classes.frame8893}>
+                        <div className={classes.frame88811}>
+                          <_Property1
+                            text={{
+                              label: (
+                                <div className={classes.label11}>A级项目</div>
+                              ),
+                            }}
+                          />
+                          <div className={classes.line4311}></div>
+                          <div className={classes._649}>64.0%</div>
+                        </div>
+                        <div className={classes._1203}>120</div>
+                      </div>
+                      <div className={classes.frame8903}>
+                        <div className={classes.frame88812}>
+                          <_Property1
+                            classes={{ square: classes.square9 }}
+                            text={{
+                              label: (
+                                <div className={classes.label12}>B级项目</div>
+                              ),
+                            }}
+                          />
+                          <div className={classes.line4312}></div>
+                          <div className={classes._164}>16.0%</div>
+                        </div>
+                        <div className={classes._303}>30</div>
+                      </div>
+                      <div className={classes.frame8913}>
+                        <div className={classes.frame88813}>
+                          <_Property1
+                            classes={{ square: classes.square10 }}
+                            text={{
+                              label: (
+                                <div className={classes.label13}>C级项目</div>
+                              ),
+                            }}
+                          />
+                          <div className={classes.line4313}></div>
+                          <div className={classes._6410}>6.4%</div>
+                        </div>
+                        <div className={classes._128}>12</div>
+                      </div>
                     </div>
                   </div>
                 </div>
-              </div>
-              <div className={classes.frame9162}>
-                <div className={classes.frame91210}>
-                  <div className={classes.unnamed146}>来访会议纪要</div>
-                  <div className={classes.frame9119}>
-                    <div className={classes.text24}>查看详情</div>
-                    <Right
-                      className={classes.right9}
-                      swap={{
-                        vectorStroke: (
-                          <VectorStrokeIcon9 className={classes.icon46} />
-                        ),
-                      }}
-                    />
+                <div className={classes.departmentDocument}>
+                  <div className={classes.frame91215}>
+                    <div className={classes.unnamed155}>部门文档</div>
+                    <div className={classes.frame91114}>
+                      <div className={classes.text29}>查看详情</div>
+                      <Right
+                        className={classes.right14}
+                        swap={{
+                          vectorStroke: (
+                            <VectorStrokeIcon14 className={classes.icon55} />
+                          ),
+                        }}
+                      />
+                    </div>
                   </div>
-                </div>
-                <Unnamed11 className={classes.unnamed49} />
-                <Frame427319483 />
-                <div className={classes.line592}></div>
-                <Frame427319483
-                  text={{
-                    _1: <div className={classes._16}>2</div>,
-                  }}
-                />
-              </div>
-            </div>
-            <div className={classes.breadcrumbs2}>
-              <div className={classes.unnamed147}>项目库</div>
-              <div className={classes.unnamed148}>/</div>
-              <div className={classes.unnamed149}>项目详情</div>
-            </div>
-          </div>
-          <div className={classes.dashboard}>
-            <div className={classes.dashBoardRight}>
-              <div className={classes.searchBox}>
-                <div className={classes.searchTitleBox}>
-                  <div className={classes.unnamed150}>查找</div>
-                </div>
-                <div className={classes.searchContentBox}>
-                  <_Property1LargeProperty2Regula
-                    className={classes.input}
+                  <Frame427319454
+                    className={classes.frame427319454}
                     text={{
-                      text: (
-                        <div className={classes.text11}>
-                          请输入您想要查找的内容
+                      _2022613: (
+                        <div className={classes._20226136}>
+                          战略合作协议汇总及执行情况表
                         </div>
                       ),
                     }}
                   />
-                  <Button_PrimaryLargeRegular
+                  <Frame427319454
+                    className={classes.frame427319456}
                     text={{
-                      text: <div className={classes.text12}>确定</div>,
+                      _2022613: (
+                        <div className={classes._20226137}>
+                          上海仪电集团统建应用系统安全访问用户手册
+                        </div>
+                      ),
+                    }}
+                  />
+                  <Frame427319454
+                    className={classes.frame427319457}
+                    text={{
+                      _2022613: (
+                        <div className={classes._20226138}>
+                          2022年上海市重大建设项目投资计划表
+                        </div>
+                      ),
+                    }}
+                  />
+                  <Frame427319454
+                    className={classes.frame427319458}
+                    text={{
+                      _2022613: (
+                        <div className={classes._20226139}>
+                          仪电集团《项目管理系统》用户提作手册(20211228)
+                        </div>
+                      ),
+                    }}
+                  />
+                  <Frame427319454
+                    className={classes.frame427319459}
+                    text={{
+                      _2022613: (
+                        <div className={classes._202261310}>
+                          2021年仪电集团及子公司展会计划
+                        </div>
+                      ),
+                    }}
+                  />
+                  <Frame427319454
+                    className={classes.frame427319460}
+                    text={{
+                      _2022613: (
+                        <div className={classes._202261311}>
+                          2022年上海市重大建设项目投资计划表
+                        </div>
+                      ),
                     }}
                   />
                 </div>
               </div>
-              <div className={classes.quickEntry}>
-                <div className={classes.frame91211}>
-                  <div className={classes.unnamed151}>快捷入口</div>
-                  <div className={classes.frame91110}>
-                    <div className={classes.text25}>查看详情</div>
-                    <Right
-                      className={classes.right10}
+              <div className={classes.dashBoardLeft}>
+                <div className={classes.dayData}>
+                  <div className={classes.titleBox}>
+                    <div className={classes.title}>今日数据</div>
+                    <div className={classes.refresh3}>
+                      <div className={classes.text30}>刷新</div>
+                      <Refresh
+                        className={classes.refresh2}
+                        classes={{ union: classes.union5 }}
+                        swap={{
+                          union: (
+                            <div className={classes.union5}>
+                              <UnionIcon13 className={classes.icon56} />
+                            </div>
+                          ),
+                        }}
+                      />
+                    </div>
+                  </div>
+                  <div className={classes.tab}>
+                    <Tabs
+                      className={classes.frame427319461}
+                      items={[
+                        "全部(1340)",
+                        "优秀项目(600)",
+                        "标杆项目(200)",
+                        "一般项目(640)",
+                      ].map((item) => {
+                        return {
+                          label: <span>{item}</span>,
+                          key: item,
+                        };
+                      })}
+                    />
+                    {/* <_2_On
+                      hide={{
+                        _2: false,
+                      }}
+                      text={{
+                        Unnamed: <div className={classes.unnamed68}>全部</div>,
+                        _2: !props.hide?._25 && (
+                          <div className={classes._25}>(1340)</div>
+                        ),
+                      }}
+                    />
+                    <_2_Off
+                      hide={{
+                        _2: false,
+                      }}
+                      text={{
+                        Unnamed: (
+                          <div className={classes.unnamed69}>优秀项目</div>
+                        ),
+                        _2: !props.hide?._26 && (
+                          <div className={classes._26}>(600)</div>
+                        ),
+                      }}
+                    />
+                    <_2_Off
+                      hide={{
+                        _2: false,
+                      }}
+                      text={{
+                        Unnamed: (
+                          <div className={classes.unnamed70}>标杆项目</div>
+                        ),
+                        _2: !props.hide?._27 && (
+                          <div className={classes._27}>(200)</div>
+                        ),
+                      }}
+                    />
+                    <_2_Off
+                      hide={{
+                        _2: false,
+                      }}
+                      text={{
+                        Unnamed: (
+                          <div className={classes.unnamed71}>一般项目</div>
+                        ),
+                        _2: !props.hide?._28 && (
+                          <div className={classes._28}>(640)</div>
+                        ),
+                      }}
+                    /> */}
+                  </div>
+                  <div className={classes.tabContetBox}>
+                    <Unnamed14
+                      className={classes.content1}
                       swap={{
-                        vectorStroke: (
-                          <VectorStrokeIcon10 className={classes.icon47} />
+                        ninePointsConnected: (
+                          <ViewList2
+                            swap={{
+                              union: <UnionIcon14 className={classes.icon57} />,
+                            }}
+                          />
+                        ),
+                      }}
+                      hide={{
+                        projectorTwo: true,
+                      }}
+                      text={{
+                        unnamed: (
+                          <div className={classes.unnamed72}>项目总数</div>
+                        ),
+                        _1: <div className={classes._17}>1340</div>,
+                        unnamed2: (
+                          <div className={classes.unnamed73}>较上月</div>
+                        ),
+                      }}
+                    />
+                    <Unnamed14
+                      className={classes.content2}
+                      swap={{
+                        ninePointsConnected: (
+                          <ViewList2
+                            swap={{
+                              union: <UnionIcon15 className={classes.icon58} />,
+                            }}
+                          />
+                        ),
+                      }}
+                      hide={{
+                        projectorTwo: true,
+                      }}
+                      text={{
+                        unnamed: (
+                          <div className={classes.unnamed74}>合同金额预估</div>
+                        ),
+                        _1: <div className={classes._18}>130</div>,
+                        unnamed3: <div className={classes.unnamed75}>亿</div>,
+                        unnamed2: (
+                          <div className={classes.unnamed76}>较上月</div>
+                        ),
+                        unnamed4: <div className={classes.unnamed77}>12</div>,
+                      }}
+                    />
+                    <Unnamed14
+                      className={classes.content3}
+                      swap={{
+                        ninePointsConnected: (
+                          <Bill
+                            swap={{
+                              union: <UnionIcon16 className={classes.icon59} />,
+                            }}
+                          />
+                        ),
+                      }}
+                      hide={{
+                        projectorTwo: true,
+                      }}
+                      text={{
+                        unnamed: (
+                          <div className={classes.unnamed78}>待办事宜</div>
+                        ),
+                        _1: <div className={classes._19}>8</div>,
+                        unnamed2: (
+                          <div className={classes.unnamed79}>较上月</div>
+                        ),
+                      }}
+                    />
+                    <Unnamed14
+                      className={classes.content4}
+                      swap={{
+                        ninePointsConnected: (
+                          <Bill
+                            swap={{
+                              union: <UnionIcon17 className={classes.icon60} />,
+                            }}
+                          />
+                        ),
+                      }}
+                      hide={{
+                        projectorTwo: true,
+                      }}
+                      text={{
+                        unnamed: (
+                          <div className={classes.unnamed80}>已办事宜</div>
+                        ),
+                        _1: <div className={classes._110}>123</div>,
+                        unnamed2: (
+                          <div className={classes.unnamed81}>较上月</div>
                         ),
                       }}
                     />
                   </div>
                 </div>
-                <div className={classes.frame427319476}>
-                  <Frame427319471
-                    swap={{
-                      vector: <VectorIcon2 className={classes.icon48} />,
-                    }}
-                  />
-                  <Frame427319471
-                    swap={{
-                      frame: (
-                        <Frame
-                          className={classes.frame}
-                          classes={{ vector: classes.vector2 }}
-                          swap={{
-                            vector: <VectorIcon3 className={classes.icon49} />,
-                          }}
-                        />
-                      ),
-                    }}
-                    text={{
-                      Unnamed: (
-                        <div className={classes.unnamed50}>项目支持记录单</div>
-                      ),
-                    }}
-                  />
-                  <Frame427319471
-                    swap={{
-                      frame: (
-                        <Frame7
-                          className={classes.frame2}
-                          classes={{ vector: classes.vector3 }}
-                          swap={{
-                            vector: <VectorIcon4 className={classes.icon50} />,
-                          }}
-                        />
-                      ),
-                    }}
-                    text={{
-                      Unnamed: (
-                        <div className={classes.unnamed51}>合同信息登记表</div>
-                      ),
-                    }}
-                  />
-                  <Frame427319471
-                    swap={{
-                      frame: (
-                        <Frame8
-                          className={classes.frame3}
-                          classes={{ vector: classes.vector4 }}
-                          swap={{
-                            vector: <VectorIcon5 className={classes.icon51} />,
-                          }}
-                        />
-                      ),
-                    }}
-                    text={{
-                      Unnamed: (
-                        <div className={classes.unnamed52}>项目采购单</div>
-                      ),
-                    }}
-                  />
-                </div>
-              </div>
-              <div className={classes.zoneAnalyze}>
-                <div className={classes.frame91212}>
-                  <div className={classes.unnamed152}>涉及板块分析</div>
-                  <div className={classes.frame91111}>
-                    <div className={classes.text26}>查看详情</div>
-                    <Right
-                      className={classes.right11}
-                      swap={{
-                        vectorStroke: (
-                          <VectorStrokeIcon11 className={classes.icon52} />
-                        ),
-                      }}
-                    />
-                  </div>
-                </div>
-                <div className={classes.frame512}>
-                  <div className={classes.frame322}>
-                    <div className={classes.ellipse62}>
-                      <Ellipse6Icon2 className={classes.icon77} />
+                <div className={classes.riskBox}>
+                  <div className={classes.riskTitle}>
+                    <div className={classes.frame4273195333}>
+                      <div className={classes.unnamed156}>风险点</div>
+                      <div className={classes.frame4273195324}>
+                        <div className={classes.unnamed157}>3</div>
+                      </div>
                     </div>
-                    <div className={classes.ellipse112}>
-                      <Ellipse11Icon2 className={classes.icon78} />
-                    </div>
-                    <div className={classes.ellipse102}>
-                      <Ellipse10Icon2 className={classes.icon79} />
-                    </div>
-                    <div className={classes.ellipse92}>
-                      <Ellipse9Icon2 className={classes.icon80} />
-                    </div>
-                    <div className={classes.ellipse82}>
-                      <Ellipse8Icon2 className={classes.icon81} />
-                    </div>
-                    <div className={classes.ellipse72}>
-                      <Ellipse7Icon2 className={classes.icon82} />
-                    </div>
-                    <div className={classes.frame332}>
-                      <div className={classes.a2}>A级</div>
-                      <div className={classes._452}>45%</div>
+                    <div className={classes.frame91115}>
+                      <div
+                        className={classes.text31}
+                        onClick={() => setRiskModalOpen(true)}
+                      >
+                        查看详情
+                      </div>
+                      <Right
+                        className={classes.right15}
+                        swap={{
+                          vectorStroke: (
+                            <VectorStrokeIcon15 className={classes.icon61} />
+                          ),
+                        }}
+                      />
                     </div>
                   </div>
-                  <div className={classes.frame8923}>
-                    <div className={classes.frame8892}>
-                      <div className={classes.frame8886}>
-                        <_Property1
-                          text={{
-                            label: (
-                              <div className={classes.label6}>云服务大数据</div>
-                            ),
-                          }}
-                        />
-                        <div className={classes.line436}></div>
-                        <div className={classes._645}>64.0%</div>
+                  <div className={classes.riskContent}>
+                    <div className={classes.riskItemRed}>
+                      <div className={classes.riskItemContent}>
+                        <div className={classes.title2}>
+                          2022年标准化考点建设项目 有欠款
+                        </div>
+                        <div className={classes.detail}>
+                          <div className={classes.date}>2023-03-26 截止</div>
+                          <div className={classes.name}>古丽-zhuk</div>
+                        </div>
                       </div>
-                      <div className={classes._1202}>120</div>
                     </div>
-                    <div className={classes.frame8902}>
-                      <div className={classes.frame8887}>
-                        <_Property1
-                          classes={{ square: classes.square5 }}
-                          text={{
-                            label: (
-                              <div className={classes.label7}>智慧照明</div>
-                            ),
-                          }}
-                        />
-                        <div className={classes.line437}></div>
-                        <div className={classes._163}>16.0%</div>
-                      </div>
-                      <div className={classes._302}>30</div>
-                    </div>
-                    <div className={classes.frame8912}>
-                      <div className={classes.frame8888}>
-                        <_Property1
-                          classes={{ square: classes.square6 }}
-                          text={{
-                            label: (
-                              <div className={classes.label8}>智慧教卫</div>
-                            ),
-                          }}
-                        />
-                        <div className={classes.line438}></div>
-                        <div className={classes._646}>6.4%</div>
-                      </div>
-                      <div className={classes._125}>12</div>
-                    </div>
-                    <div className={classes.frame8924}>
-                      <div className={classes.frame8889}>
-                        <_Property1
-                          classes={{ square: classes.square7 }}
-                          text={{
-                            label: (
-                              <div className={classes.label9}>智慧交通</div>
-                            ),
-                          }}
-                        />
-                        <div className={classes.line439}></div>
-                        <div className={classes._647}>6.4%</div>
-                      </div>
-                      <div className={classes._126}>12</div>
-                    </div>
-                    <div className={classes.frame8932}>
-                      <div className={classes.frame88810}>
-                        <_Property1
-                          classes={{ square: classes.square8 }}
-                          text={{
-                            label: (
-                              <div className={classes.label10}>智能安防</div>
-                            ),
-                          }}
-                        />
-                        <div className={classes.line4310}></div>
-                        <div className={classes._648}>6.4%</div>
-                      </div>
-                      <div className={classes._127}>12</div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div className={classes.receptionDetial}>
-                <div className={classes.frame91213}>
-                  <div className={classes.unnamed153}>接待详情</div>
-                  <div className={classes.frame91112}>
-                    <div className={classes.text27}>查看详情</div>
-                    <Right
-                      className={classes.right12}
-                      swap={{
-                        vectorStroke: (
-                          <VectorStrokeIcon12 className={classes.icon53} />
-                        ),
-                      }}
-                    />
-                  </div>
-                </div>
-                <div className={classes.frame4273194612}>
-                  <_2_On
-                    text={{
-                      Unnamed: <div className={classes.unnamed53}>全部</div>,
-                    }}
-                  />
-                  <_2_Off
-                    text={{
-                      Unnamed: <div className={classes.unnamed54}>近3天</div>,
-                    }}
-                  />
-                  <_2_Off
-                    text={{
-                      Unnamed: <div className={classes.unnamed55}>近一周</div>,
-                    }}
-                  />
-                  <_2_Off
-                    text={{
-                      Unnamed: <div className={classes.unnamed56}>近一月</div>,
-                    }}
-                  />
-                  <_2_Off
-                    text={{
-                      Unnamed: <div className={classes.unnamed57}>近3月 </div>,
-                    }}
-                  />
-                </div>
-                <Unnamed13
-                  className={classes.unnamed58}
-                  text={{
-                    _2022613: (
-                      <div className={classes._2022613}>2023-04-17</div>
-                    ),
-                  }}
-                />
-                <Unnamed13
-                  className={classes.unnamed61}
-                  text={{
-                    _2022613: (
-                      <div className={classes._20226132}>2023-04-16</div>
-                    ),
-                    Unnamed: (
-                      <div className={classes.unnamed59}>接待河北中拓网络</div>
-                    ),
-                    Unnamed2: <div className={classes.unnamed60}>其他</div>,
-                  }}
-                />
-                <Unnamed13
-                  className={classes.unnamed63}
-                  text={{
-                    _2022613: (
-                      <div className={classes._20226133}>2023-04-13</div>
-                    ),
-                    Unnamed: (
-                      <div className={classes.unnamed62}>
-                        参加上海教字化转型体验周专额会议
-                      </div>
-                    ),
-                  }}
-                />
-                <Unnamed13
-                  className={classes.unnamed65}
-                  text={{
-                    _2022613: (
-                      <div className={classes._20226134}>2023-04-17</div>
-                    ),
-                    Unnamed: (
-                      <div className={classes.unnamed64}>
-                        拜访上海激集建设发展有限公司
-                      </div>
-                    ),
-                  }}
-                />
-                <Unnamed13
-                  className={classes.unnamed67}
-                  text={{
-                    _2022613: (
-                      <div className={classes._20226135}>2023-04-12</div>
-                    ),
-                    Unnamed: (
-                      <div className={classes.unnamed66}>
-                        参加智慧馨城专员会议
-                      </div>
-                    ),
-                  }}
-                />
-              </div>
-              <div className={classes.missPie}>
-                <div className={classes.frame91214}>
-                  <div className={classes.unnamed154}>各单位漏报情况</div>
-                  <div className={classes.frame91113}>
-                    <div className={classes.text28}>查看详情</div>
-                    <Right
-                      className={classes.right13}
-                      swap={{
-                        vectorStroke: (
-                          <VectorStrokeIcon13 className={classes.icon54} />
-                        ),
-                      }}
-                    />
-                  </div>
-                </div>
-                <div className={classes.frame513}>
-                  <div className={classes.frame323}>
-                    <div className={classes.ellipse63}>
-                      <Ellipse6Icon3 className={classes.icon83} />
-                    </div>
-                    <div className={classes.ellipse93}>
-                      <Ellipse9Icon3 className={classes.icon84} />
-                    </div>
-                    <div className={classes.ellipse83}>
-                      <Ellipse8Icon3 className={classes.icon85} />
-                    </div>
-                    <div className={classes.ellipse73}>
-                      <Ellipse7Icon3 className={classes.icon86} />
-                    </div>
-                    <div className={classes.frame333}>
-                      <div className={classes.a3}>A级</div>
-                      <div className={classes._453}>45%</div>
-                    </div>
-                  </div>
-                  <div className={classes.frame8925}>
-                    <div className={classes.frame8893}>
-                      <div className={classes.frame88811}>
-                        <_Property1
-                          text={{
-                            label: (
-                              <div className={classes.label11}>A级项目</div>
-                            ),
-                          }}
-                        />
-                        <div className={classes.line4311}></div>
-                        <div className={classes._649}>64.0%</div>
-                      </div>
-                      <div className={classes._1203}>120</div>
-                    </div>
-                    <div className={classes.frame8903}>
-                      <div className={classes.frame88812}>
-                        <_Property1
-                          classes={{ square: classes.square9 }}
-                          text={{
-                            label: (
-                              <div className={classes.label12}>B级项目</div>
-                            ),
-                          }}
-                        />
-                        <div className={classes.line4312}></div>
-                        <div className={classes._164}>16.0%</div>
-                      </div>
-                      <div className={classes._303}>30</div>
-                    </div>
-                    <div className={classes.frame8913}>
-                      <div className={classes.frame88813}>
-                        <_Property1
-                          classes={{ square: classes.square10 }}
-                          text={{
-                            label: (
-                              <div className={classes.label13}>C级项目</div>
-                            ),
-                          }}
-                        />
-                        <div className={classes.line4313}></div>
-                        <div className={classes._6410}>6.4%</div>
-                      </div>
-                      <div className={classes._128}>12</div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div className={classes.departmentDocument}>
-                <div className={classes.frame91215}>
-                  <div className={classes.unnamed155}>部门文档</div>
-                  <div className={classes.frame91114}>
-                    <div className={classes.text29}>查看详情</div>
-                    <Right
-                      className={classes.right14}
-                      swap={{
-                        vectorStroke: (
-                          <VectorStrokeIcon14 className={classes.icon55} />
-                        ),
-                      }}
-                    />
-                  </div>
-                </div>
-                <Frame427319454
-                  className={classes.frame427319454}
-                  text={{
-                    _2022613: (
-                      <div className={classes._20226136}>
-                        战略合作协议汇总及执行情况表
-                      </div>
-                    ),
-                  }}
-                />
-                <Frame427319454
-                  className={classes.frame427319456}
-                  text={{
-                    _2022613: (
-                      <div className={classes._20226137}>
-                        上海仪电集团统建应用系统安全访问用户手册
-                      </div>
-                    ),
-                  }}
-                />
-                <Frame427319454
-                  className={classes.frame427319457}
-                  text={{
-                    _2022613: (
-                      <div className={classes._20226138}>
-                        2022年上海市重大建设项目投资计划表
-                      </div>
-                    ),
-                  }}
-                />
-                <Frame427319454
-                  className={classes.frame427319458}
-                  text={{
-                    _2022613: (
-                      <div className={classes._20226139}>
-                        仪电集团《项目管理系统》用户提作手册(20211228)
-                      </div>
-                    ),
-                  }}
-                />
-                <Frame427319454
-                  className={classes.frame427319459}
-                  text={{
-                    _2022613: (
-                      <div className={classes._202261310}>
-                        2021年仪电集团及子公司展会计划
-                      </div>
-                    ),
-                  }}
-                />
-                <Frame427319454
-                  className={classes.frame427319460}
-                  text={{
-                    _2022613: (
-                      <div className={classes._202261311}>
-                        2022年上海市重大建设项目投资计划表
-                      </div>
-                    ),
-                  }}
-                />
-              </div>
-            </div>
-            <div className={classes.dashBoardLeft}>
-              <div className={classes.dayData}>
-                <div className={classes.titleBox}>
-                  <div className={classes.title}>今日数据</div>
-                  <div className={classes.refresh3}>
-                    <div className={classes.text30}>刷新</div>
-                    <Refresh
-                      className={classes.refresh2}
-                      classes={{ union: classes.union5 }}
-                      swap={{
-                        union: (
-                          <div className={classes.union5}>
-                            <UnionIcon13 className={classes.icon56} />
+                    <div className={classes.riskItemYellow}>
+                      <div className={classes.frame4273194633}>
+                        <div className={classes.unnamed158}>合同到期请查看</div>
+                        <div className={classes.frame4273194623}>
+                          <div className={classes._20233263}>
+                            2023-03-26 截止
                           </div>
-                        ),
-                      }}
-                    />
-                  </div>
-                </div>
-                <div className={classes.tab}>
-                  <_2_On
-                    hide={{
-                      _2: false,
-                    }}
-                    text={{
-                      Unnamed: <div className={classes.unnamed68}>全部</div>,
-                      _2: !props.hide?._25 && (
-                        <div className={classes._25}>(1340)</div>
-                      ),
-                    }}
-                  />
-                  <_2_Off
-                    hide={{
-                      _2: false,
-                    }}
-                    text={{
-                      Unnamed: (
-                        <div className={classes.unnamed69}>优秀项目</div>
-                      ),
-                      _2: !props.hide?._26 && (
-                        <div className={classes._26}>(600)</div>
-                      ),
-                    }}
-                  />
-                  <_2_Off
-                    hide={{
-                      _2: false,
-                    }}
-                    text={{
-                      Unnamed: (
-                        <div className={classes.unnamed70}>标杆项目</div>
-                      ),
-                      _2: !props.hide?._27 && (
-                        <div className={classes._27}>(200)</div>
-                      ),
-                    }}
-                  />
-                  <_2_Off
-                    hide={{
-                      _2: false,
-                    }}
-                    text={{
-                      Unnamed: (
-                        <div className={classes.unnamed71}>一般项目</div>
-                      ),
-                      _2: !props.hide?._28 && (
-                        <div className={classes._28}>(640)</div>
-                      ),
-                    }}
-                  />
-                </div>
-                <div className={classes.tabContetBox}>
-                  <Unnamed14
-                    className={classes.content1}
-                    swap={{
-                      ninePointsConnected: (
-                        <ViewList2
-                          swap={{
-                            union: <UnionIcon14 className={classes.icon57} />,
-                          }}
-                        />
-                      ),
-                    }}
-                    hide={{
-                      projectorTwo: true,
-                    }}
-                    text={{
-                      Unnamed: (
-                        <div className={classes.unnamed72}>项目总数</div>
-                      ),
-                      _1: <div className={classes._17}>1340</div>,
-                      Unnamed2: <div className={classes.unnamed73}>较上月</div>,
-                    }}
-                  />
-                  <Unnamed14
-                    className={classes.content2}
-                    swap={{
-                      ninePointsConnected: (
-                        <ViewList2
-                          swap={{
-                            union: <UnionIcon15 className={classes.icon58} />,
-                          }}
-                        />
-                      ),
-                    }}
-                    hide={{
-                      projectorTwo: true,
-                    }}
-                    text={{
-                      Unnamed: (
-                        <div className={classes.unnamed74}>合同金额预估</div>
-                      ),
-                      _1: <div className={classes._18}>130</div>,
-                      Unnamed3: <div className={classes.unnamed75}>亿</div>,
-                      Unnamed2: <div className={classes.unnamed76}>较上月</div>,
-                      Unnamed4: <div className={classes.unnamed77}>12</div>,
-                    }}
-                  />
-                  <Unnamed14
-                    className={classes.content3}
-                    swap={{
-                      ninePointsConnected: (
-                        <Bill
-                          swap={{
-                            union: <UnionIcon16 className={classes.icon59} />,
-                          }}
-                        />
-                      ),
-                    }}
-                    hide={{
-                      projectorTwo: true,
-                    }}
-                    text={{
-                      Unnamed: (
-                        <div className={classes.unnamed78}>待办事宜</div>
-                      ),
-                      _1: <div className={classes._19}>8</div>,
-                      Unnamed2: <div className={classes.unnamed79}>较上月</div>,
-                    }}
-                  />
-                  <Unnamed14
-                    className={classes.content4}
-                    swap={{
-                      ninePointsConnected: (
-                        <Bill
-                          swap={{
-                            union: <UnionIcon17 className={classes.icon60} />,
-                          }}
-                        />
-                      ),
-                    }}
-                    hide={{
-                      projectorTwo: true,
-                    }}
-                    text={{
-                      Unnamed: (
-                        <div className={classes.unnamed80}>已办事宜</div>
-                      ),
-                      _1: <div className={classes._110}>123</div>,
-                      Unnamed2: <div className={classes.unnamed81}>较上月</div>,
-                    }}
-                  />
-                </div>
-              </div>
-              <div className={classes.riskBox}>
-                <div className={classes.riskTitle}>
-                  <div className={classes.frame4273195333}>
-                    <div className={classes.unnamed156}>风险点</div>
-                    <div className={classes.frame4273195324}>
-                      <div className={classes.unnamed157}>3</div>
-                    </div>
-                  </div>
-                  <div className={classes.frame91115}>
-                    <div className={classes.text31}>查看详情</div>
-                    <Right
-                      className={classes.right15}
-                      swap={{
-                        vectorStroke: (
-                          <VectorStrokeIcon15 className={classes.icon61} />
-                        ),
-                      }}
-                    />
-                  </div>
-                </div>
-                <div className={classes.riskContent}>
-                  <div className={classes.riskItemRed}>
-                    <div className={classes.riskItemContent}>
-                      <div className={classes.title2}>
-                        2022年标准化考点建设项目 有欠款
-                      </div>
-                      <div className={classes.detail}>
-                        <div className={classes.date}>2023-03-26 截止</div>
-                        <div className={classes.name}>古丽-zhuk</div>
+                          <div className={classes.Zhuk3}>古丽-zhuk</div>
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <div className={classes.riskItemYellow}>
-                    <div className={classes.frame4273194633}>
-                      <div className={classes.unnamed158}>合同到期请查看</div>
-                      <div className={classes.frame4273194623}>
-                        <div className={classes._20233263}>2023-03-26 截止</div>
-                        <div className={classes.Zhuk3}>古丽-zhuk</div>
-                      </div>
-                    </div>
-                  </div>
-                  <div className={classes.riskItemYellow2}>
-                    <div className={classes.frame4273194634}>
-                      <div className={classes.unnamed159}>合同到期请查看</div>
-                      <div className={classes.frame4273194624}>
-                        <div className={classes._20233264}>2023-03-26 截止</div>
-                        <div className={classes.Zhuk4}>古丽-zhuk</div>
+                    <div className={classes.riskItemYellow2}>
+                      <div className={classes.frame4273194634}>
+                        <div className={classes.unnamed159}>合同到期请查看</div>
+                        <div className={classes.frame4273194624}>
+                          <div className={classes._20233264}>
+                            2023-03-26 截止
+                          </div>
+                          <div className={classes.Zhuk4}>古丽-zhuk</div>
+                        </div>
                       </div>
                     </div>
                   </div>
                 </div>
-              </div>
-              <div className={classes.importantCustomer}>
-                <div className={classes.title3}>
-                  <div className={classes.unnamed160}>重点客户</div>
-                  <div className={classes.frame91116}>
-                    <div className={classes.text32}>查看更多</div>
-                    <Right
-                      className={classes.right16}
-                      swap={{
-                        vectorStroke: (
-                          <VectorStrokeIcon16 className={classes.icon62} />
-                        ),
-                      }}
-                    />
+                <div className={classes.importantCustomer}>
+                  <div className={classes.title3}>
+                    <div className={classes.unnamed160}>重点客户</div>
+                    <div
+                      className={classes.frame91116}
+                      onClick={() => setImportantCustomerModalOpen(true)}
+                    >
+                      <div className={classes.text32}>查看更多</div>
+                      <Right
+                        className={classes.right16}
+                        swap={{
+                          vectorStroke: (
+                            <VectorStrokeIcon16 className={classes.icon62} />
+                          ),
+                        }}
+                      />
+                    </div>
+                  </div>
+                  <div className={classes.content5}>
+                    <Frame427319538 className={classes.customItem} />
+                    <Frame427319538 className={classes.customItem2} />
+                    <Frame427319538 className={classes.customItem3} />
+                    <Frame427319538 className={classes.customItem4} />
+                    <Frame427319538 className={classes.customItem5} />
+                    <Frame427319538 className={classes.customItem6} />
                   </div>
                 </div>
-                <div className={classes.content5}>
-                  <Frame427319538 className={classes.customItem} />
-                  <Frame427319538 className={classes.customItem2} />
-                  <Frame427319538 className={classes.customItem3} />
-                  <Frame427319538 className={classes.customItem4} />
-                  <Frame427319538 className={classes.customItem5} />
-                  <Frame427319538 className={classes.customItem6} />
-                </div>
-              </div>
-              <div className={classes.importantProject}>
-                <div className={classes.titleBox2}>
-                  <div className={classes.title4}>重点项目</div>
-                  <div className={classes.more}>
-                    <div className={classes.text33}>查看更多</div>
-                    <Right
-                      className={classes.right17}
-                      swap={{
-                        vectorStroke: (
-                          <VectorStrokeIcon17 className={classes.icon63} />
-                        ),
-                      }}
-                    />
+                <div className={classes.importantProject}>
+                  <div className={classes.titleBox2}>
+                    <div className={classes.title4}>重点项目</div>
+                    <div className={classes.more}>
+                      <div className={classes.text33}>查看更多</div>
+                      <Right
+                        className={classes.right17}
+                        swap={{
+                          vectorStroke: (
+                            <VectorStrokeIcon17 className={classes.icon63} />
+                          ),
+                        }}
+                      />
+                    </div>
                   </div>
-                </div>
-                <div className={classes.filterBox}>
-                  <div className={classes.filters}>
-                    <_Fill
-                      className={classes.rankPicker}
-                      text={{
-                        text: <div className={classes.text13}>A级项目</div>,
-                      }}
-                    />
-                    <_Fill
-                      className={classes.prizePicker}
-                      text={{
-                        text: <div className={classes.text14}>优秀项目</div>,
-                      }}
+
+                  <div className={classes.filterBox}>
+                    <div className={classes.filters}>
+                      <SelectRank></SelectRank>
+                      {/* <_Fill
+                        className={classes.rankPicker}
+                        text={{
+                          text: <div className={classes.text13}>A级项目</div>,
+                        }}
+                      /> */}
+                      <SelectPride></SelectPride>
+                      {/* <_Fill
+                        className={classes.prizePicker}
+                        text={{
+                          text: <div className={classes.text14}>优秀项目</div>,
+                        }}
+                      /> */}
+                    </div>
+                    <Search
+                      // className={classes.search}
+                      placeholder="搜索"
+                      allowClear
+                      onSearch={() => {}}
+                      style={{ width: 300 }}
                     />
+                    {/* <Unnamed6 className={classes.search} /> */}
                   </div>
-                  <Unnamed6 className={classes.search} />
+                  <div className={classes.list}>
+                    <Frame427319527 className={classes.listItem} />
+                    <Frame427319527 className={classes.frame427319528} />
+                    <Frame427319527 className={classes.frame4273195292} />
+                    <Frame427319527 className={classes.frame4273195302} />
+                    <Frame427319527 className={classes.frame4273195322} />
+                    <Frame427319527 className={classes.frame427319533} />
+                    <Frame427319527 className={classes.frame4273195312} />
+                  </div>
+                  <Unnamed10 />
                 </div>
-                <div className={classes.list}>
-                  <Frame427319527 className={classes.listItem} />
-                  <Frame427319527 className={classes.frame427319528} />
-                  <Frame427319527 className={classes.frame4273195292} />
-                  <Frame427319527 className={classes.frame4273195302} />
-                  <Frame427319527 className={classes.frame4273195322} />
-                  <Frame427319527 className={classes.frame427319533} />
-                  <Frame427319527 className={classes.frame4273195312} />
-                </div>
-                <Unnamed10 />
               </div>
             </div>
-          </div>
+          )}
+          {currentPage == "bigscreen" && <div> 驾驶舱 </div>}
         </div>
         <div className={classes.header}>
           <div className={classes.headerFrame}></div>
@@ -2577,6 +2846,70 @@ export const Yidian: FC<Props> = memo(function Yidian(props = {}) {
           </div>
           <div className={classes.datetime}>2023年2月24日 星期五</div>
         </div>
+        <Modal
+          open={riskModalOpen}
+          onCancel={() => setRiskModalOpen(false)}
+          onOk={() => setRiskModalOpen(false)}
+          okText="确定"
+          cancelText="取消"
+        >
+          <div className={classes.riskContent}>
+            <div className={classes.riskItemRed}>
+              <div className={classes.riskItemContent}>
+                <div className={classes.title2}>
+                  2022年标准化考点建设项目 有欠款
+                </div>
+                <div className={classes.detail}>
+                  <div className={classes.date}>2023-03-26 截止</div>
+                  <div className={classes.name}>古丽-zhuk</div>
+                </div>
+              </div>
+            </div>
+            <div className={classes.riskItemYellow}>
+              <div className={classes.frame4273194633}>
+                <div className={classes.unnamed158}>合同到期请查看</div>
+                <div className={classes.frame4273194623}>
+                  <div className={classes._20233263}>2023-03-26 截止</div>
+                  <div className={classes.Zhuk3}>古丽-zhuk</div>
+                </div>
+              </div>
+            </div>
+            <div className={classes.riskItemYellow2}>
+              <div className={classes.frame4273194634}>
+                <div className={classes.unnamed159}>合同到期请查看</div>
+                <div className={classes.frame4273194624}>
+                  <div className={classes._20233264}>2023-03-26 截止</div>
+                  <div className={classes.Zhuk4}>古丽-zhuk</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </Modal>
+        <Modal
+          width={1100}
+          open={importantCustomerModalOpen}
+          onCancel={() => setImportantCustomerModalOpen(false)}
+          onOk={() => setImportantCustomerModalOpen(false)}
+          okText="确定"
+          cancelText="取消"
+        >
+          <div className={classes.content5}>
+            <Frame427319538 className={classes.customItem} />
+            <Frame427319538 className={classes.customItem2} />
+            <Frame427319538 className={classes.customItem3} />
+            <Frame427319538 className={classes.customItem4} />
+            <Frame427319538 className={classes.customItem5} />
+            <Frame427319538 className={classes.customItem6} />
+          </div>
+          <div className={classes.content5}>
+            <Frame427319538 className={classes.customItem} />
+            <Frame427319538 className={classes.customItem2} />
+            <Frame427319538 className={classes.customItem3} />
+            <Frame427319538 className={classes.customItem4} />
+            <Frame427319538 className={classes.customItem5} />
+            <Frame427319538 className={classes.customItem6} />
+          </div>
+        </Modal>
       </div>
     </div>
   );
diff --git a/src/components/Yidian/_OffRegular/_OffRegular.module.css b/src/components/Yidian/_OffRegular/_OffRegular.module.css
index 298e863..44ef68d 100644
--- a/src/components/Yidian/_OffRegular/_OffRegular.module.css
+++ b/src/components/Yidian/_OffRegular/_OffRegular.module.css
@@ -11,6 +11,7 @@
   width: 225px;
   height: 48px;
   align-items: flex-start;
+  cursor: pointer;
 }
 .frame681 {
   position: absolute;
diff --git a/src/components/Yidian/_OffRegular/_OffRegular.tsx b/src/components/Yidian/_OffRegular/_OffRegular.tsx
index f214251..bb98c0c 100644
--- a/src/components/Yidian/_OffRegular/_OffRegular.tsx
+++ b/src/components/Yidian/_OffRegular/_OffRegular.tsx
@@ -1,14 +1,14 @@
-import { memo } from 'react';
-import type { FC, ReactNode } from 'react';
+import { DOMAttributes, memo } from "react";
+import type { FC, ReactNode } from "react";
 
-import resets from '../../_resets.module.css';
-import { Checkbox_Property1WithoutLabel } from '../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel';
-import { Keyboard_arrow_down } from '../Keyboard_arrow_down/Keyboard_arrow_down';
-import { Point } from '../Point/Point';
-import classes from './_OffRegular.module.css';
-import { Ellipse1Icon } from './Ellipse1Icon.js';
+import resets from "../../_resets.module.css";
+import { Checkbox_Property1WithoutLabel } from "../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel";
+import { Keyboard_arrow_down } from "../Keyboard_arrow_down/Keyboard_arrow_down";
+import { Point } from "../Point/Point";
+import classes from "./_OffRegular.module.css";
+import { Ellipse1Icon } from "./Ellipse1Icon.js";
 
-interface Props {
+type Props = {
   className?: string;
   hide?: {
     point?: boolean;
@@ -16,14 +16,21 @@ interface Props {
   text?: {
     normal?: ReactNode;
   };
-}
+} & DOMAttributes<Element>;
 /* @figmaId 5401:45189 */
 export const _OffRegular: FC<Props> = memo(function _OffRegular(props = {}) {
   return (
-    <div className={`${resets.storybrainResets} ${classes.root}`}>
+    <div
+      className={`${resets.storybrainResets} ${classes.root}`}
+      onClick={props.onClick}
+    >
       <div className={classes.frame681}>
         <div className={classes.frame680}>
-          {props.text?.normal != null ? props.text?.normal : <div className={classes.normal}>item</div>}
+          {props.text?.normal != null ? (
+            props.text?.normal
+          ) : (
+            <div className={classes.normal}>item</div>
+          )}
         </div>
         {!props.hide?.point && (
           <Point
diff --git a/src/components/Yidian/_OffSelected/_OffSelected.module.css b/src/components/Yidian/_OffSelected/_OffSelected.module.css
index f738cbd..c36d87d 100644
--- a/src/components/Yidian/_OffSelected/_OffSelected.module.css
+++ b/src/components/Yidian/_OffSelected/_OffSelected.module.css
@@ -4,6 +4,7 @@
   height: 48px;
   align-items: flex-start;
   background-color: #0066ff1a;
+  cursor: pointer;
 }
 .frame681 {
   position: absolute;
diff --git a/src/components/Yidian/_OffSelected/_OffSelected.tsx b/src/components/Yidian/_OffSelected/_OffSelected.tsx
index 5cb6e54..d67d299 100644
--- a/src/components/Yidian/_OffSelected/_OffSelected.tsx
+++ b/src/components/Yidian/_OffSelected/_OffSelected.tsx
@@ -1,26 +1,33 @@
-import { memo } from 'react';
-import type { FC, ReactNode } from 'react';
+import { DOMAttributes, memo } from "react";
+import type { FC, ReactNode } from "react";
 
-import resets from '../../_resets.module.css';
-import { Checkbox_Property1WithoutLabel } from '../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel';
-import { Keyboard_arrow_down } from '../Keyboard_arrow_down/Keyboard_arrow_down';
-import { Point2 } from '../Point2/Point2';
-import classes from './_OffSelected.module.css';
-import { Rectangle295Icon } from './Rectangle295Icon.js';
+import resets from "../../_resets.module.css";
+import { Checkbox_Property1WithoutLabel } from "../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel";
+import { Keyboard_arrow_down } from "../Keyboard_arrow_down/Keyboard_arrow_down";
+import { Point2 } from "../Point2/Point2";
+import classes from "./_OffSelected.module.css";
+import { Rectangle295Icon } from "./Rectangle295Icon.js";
 
-interface Props {
+type Props = {
   className?: string;
   text?: {
     normal?: ReactNode;
   };
-}
+} & DOMAttributes<Element>;
 /* @figmaId 5401:45205 */
 export const _OffSelected: FC<Props> = memo(function _OffSelected(props = {}) {
   return (
-    <div className={`${resets.storybrainResets} ${classes.root}`}>
+    <div
+      className={`${resets.storybrainResets} ${classes.root}`}
+      onClick={props.onClick}
+    >
       <div className={classes.frame681}>
         <div className={classes.frame680}>
-          {props.text?.normal != null ? props.text?.normal : <div className={classes.normal}>item</div>}
+          {props.text?.normal != null ? (
+            props.text?.normal
+          ) : (
+            <div className={classes.normal}>item</div>
+          )}
         </div>
       </div>
       <div className={classes.rectangle295}>
diff --git a/src/components/Yidian/_OnRegular/_OnRegular.tsx b/src/components/Yidian/_OnRegular/_OnRegular.tsx
index c506cac..cb7b6f8 100644
--- a/src/components/Yidian/_OnRegular/_OnRegular.tsx
+++ b/src/components/Yidian/_OnRegular/_OnRegular.tsx
@@ -1,20 +1,20 @@
-import { memo } from 'react';
-import type { FC, ReactNode } from 'react';
+import { DOMAttributes, memo } from "react";
+import type { FC, ReactNode } from "react";
 
-import resets from '../../_resets.module.css';
-import { Checkbox_Property1WithoutLabel } from '../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel';
-import { Keyboard_arrow_down } from '../Keyboard_arrow_down/Keyboard_arrow_down';
-import { NotebookOne } from '../NotebookOne/NotebookOne';
-import classes from './_OnRegular.module.css';
-import { UnionIcon2 } from './UnionIcon2.js';
-import { UnionIcon3 } from './UnionIcon3.js';
-import { UnionIcon4 } from './UnionIcon4.js';
-import { UnionIcon5 } from './UnionIcon5.js';
-import { UnionIcon6 } from './UnionIcon6.js';
-import { UnionIcon } from './UnionIcon.js';
-import { VectorIcon } from './VectorIcon.js';
+import resets from "../../_resets.module.css";
+import { Checkbox_Property1WithoutLabel } from "../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel";
+import { Keyboard_arrow_down } from "../Keyboard_arrow_down/Keyboard_arrow_down";
+import { NotebookOne } from "../NotebookOne/NotebookOne";
+import classes from "./_OnRegular.module.css";
+import { UnionIcon2 } from "./UnionIcon2.js";
+import { UnionIcon3 } from "./UnionIcon3.js";
+import { UnionIcon4 } from "./UnionIcon4.js";
+import { UnionIcon5 } from "./UnionIcon5.js";
+import { UnionIcon6 } from "./UnionIcon6.js";
+import { UnionIcon } from "./UnionIcon.js";
+import { VectorIcon } from "./VectorIcon.js";
 
-interface Props {
+type Props = {
   className?: string;
   swap?: {
     notebookOne?: ReactNode;
@@ -25,14 +25,21 @@ interface Props {
   text?: {
     normal?: ReactNode;
   };
-}
+} & DOMAttributes<Element>;
 /* @figmaId 5401:45181 */
 export const _OnRegular: FC<Props> = memo(function _OnRegular(props = {}) {
   return (
-    <div className={`${resets.storybrainResets} ${classes.root}`}>
+    <div
+      className={`${resets.storybrainResets} ${classes.root}`}
+      onClick={props.onClick}
+    >
       <div className={classes.frame681}>
         <div className={classes.frame680}>
-          {props.text?.normal != null ? props.text?.normal : <div className={classes.normal}>item</div>}
+          {props.text?.normal != null ? (
+            props.text?.normal
+          ) : (
+            <div className={classes.normal}>item</div>
+          )}
         </div>
         {props.swap?.notebookOne || (
           <NotebookOne
diff --git a/src/components/Yidian/_OnSelected/_OnSelected.tsx b/src/components/Yidian/_OnSelected/_OnSelected.tsx
index 237d067..b6bfaf4 100644
--- a/src/components/Yidian/_OnSelected/_OnSelected.tsx
+++ b/src/components/Yidian/_OnSelected/_OnSelected.tsx
@@ -1,20 +1,21 @@
-import { memo } from 'react';
-import type { FC, ReactNode } from 'react';
+import { DOMAttributes, memo } from "react";
+import type { FC, ReactNode } from "react";
 
-import resets from '../../_resets.module.css';
-import { Checkbox_Property1WithoutLabel } from '../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel';
-import { Keyboard_arrow_up } from '../Keyboard_arrow_up/Keyboard_arrow_up';
-import { NotebookOne } from '../NotebookOne/NotebookOne';
-import classes from './_OnSelected.module.css';
-import { UnionIcon2 } from './UnionIcon2.js';
-import { UnionIcon3 } from './UnionIcon3.js';
-import { UnionIcon4 } from './UnionIcon4.js';
-import { UnionIcon5 } from './UnionIcon5.js';
-import { UnionIcon6 } from './UnionIcon6.js';
-import { UnionIcon } from './UnionIcon.js';
-import { VectorIcon } from './VectorIcon.js';
+import resets from "../../_resets.module.css";
+import { Checkbox_Property1WithoutLabel } from "../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel";
+import { Keyboard_arrow_up } from "../Keyboard_arrow_up/Keyboard_arrow_up";
+import { NotebookOne } from "../NotebookOne/NotebookOne";
+import classes from "./_OnSelected.module.css";
+import { UnionIcon2 } from "./UnionIcon2.js";
+import { UnionIcon3 } from "./UnionIcon3.js";
+import { UnionIcon4 } from "./UnionIcon4.js";
+import { UnionIcon5 } from "./UnionIcon5.js";
+import { UnionIcon6 } from "./UnionIcon6.js";
+import { UnionIcon } from "./UnionIcon.js";
+import { VectorIcon } from "./VectorIcon.js";
+import { PageName } from "../Yidian";
 
-interface Props {
+type Props = {
   className?: string;
   swap?: {
     notebookOne?: ReactNode;
@@ -22,14 +23,21 @@ interface Props {
   text?: {
     normal?: ReactNode;
   };
-}
+} & DOMAttributes<Element>;
 /* @figmaId 5401:45221 */
 export const _OnSelected: FC<Props> = memo(function _OnSelected(props = {}) {
   return (
-    <div className={`${resets.storybrainResets} ${classes.root}`}>
+    <div
+      className={`${resets.storybrainResets} ${classes.root}`}
+      onClick={props.onClick}
+    >
       <div className={classes.frame681}>
         <div className={classes.frame680}>
-          {props.text?.normal != null ? props.text?.normal : <div className={classes.normal}>item</div>}
+          {props.text?.normal != null ? (
+            props.text?.normal
+          ) : (
+            <div className={classes.normal}>item</div>
+          )}
         </div>
         {props.swap?.notebookOne || (
           <NotebookOne
diff --git a/src/components/Yidian/unnamed13/unnamed13.tsx b/src/components/Yidian/unnamed13/unnamed13.tsx
index 4bbb3ad..bc24edb 100644
--- a/src/components/Yidian/unnamed13/unnamed13.tsx
+++ b/src/components/Yidian/unnamed13/unnamed13.tsx
@@ -12,8 +12,8 @@ interface Props {
   };
   text?: {
     _2022613?: ReactNode;
-    Unnamed?: ReactNode;
-    Unnamed2?: ReactNode;
+    unnamed?: ReactNode;
+    unnamed2?: ReactNode;
   };
 }
 /* @figmaId 5633:6850 */
diff --git a/src/components/Yidian/unnamed14/unnamed14.tsx b/src/components/Yidian/unnamed14/unnamed14.tsx
index 3abc85b..ff2fbad 100644
--- a/src/components/Yidian/unnamed14/unnamed14.tsx
+++ b/src/components/Yidian/unnamed14/unnamed14.tsx
@@ -24,11 +24,11 @@ interface Props {
     projectorTwo?: boolean;
   };
   text?: {
-    Unnamed?: ReactNode;
+    unnamed?: ReactNode;
     _1?: ReactNode;
-    Unnamed2?: ReactNode;
-    Unnamed3?: ReactNode;
-    Unnamed4?: ReactNode;
+    unnamed2?: ReactNode;
+    unnamed3?: ReactNode;
+    unnamed4?: ReactNode;
   };
 }
 /* @figmaId 5404:5460 */