feat: 1111

src/pages/workbench/Dashboard/index.jsx

@@ -16,6 +16,7 @@ import PermSelect from '@/pages/Customer/Company/components/PermSelect'
 const Dashboard = () => {
   const timer = useRef(null)
   const [state, setState] = useState({
+    disabled: true,
     loading: true,
     staffIds: null,
     immediate: false,
@@ -44,9 +45,6 @@ const Dashboard = () => {
   // 展示卡片详情
   const handleRatioCard = dataType => {
     setModalProps({
-      zIndex: '1100',
-      closable: true,
-      onClose: () => toggleModal(),
       width: '90vw',
       modalRender: () => (
         <RatioPanels
@@ -54,12 +52,14 @@ const Dashboard = () => {
           retioCyclical={state.params.cyclical}
           dataPermission={state.params.dataPermission}
         />
-      )
+      ),
+      onCancel: () => toggleModal()
     })
     toggleModal()
   }
   const initData = async payload => {
     if (timer.current) clearTimeout(timer.current)
+    setState({ ...state, disabled: true })
     const {
       code = -1,
       data: {
@@ -88,6 +88,7 @@ const Dashboard = () => {
           businessChainRatio,
           serviceLogChainRatio,
           aggregation,
+          disabled: false,
           businessChar
         })
         return
@@ -104,6 +105,7 @@ const Dashboard = () => {
           businessChainRatio,
           serviceLogChainRatio,
           aggregation,
+          disabled: false,
           businessChar
         })
       }, 1000)
@@ -225,18 +227,15 @@ const Dashboard = () => {
         />
       </div>
       <div className="mt-4">
-        <PermSelect loading={state.loading} onConfirm={handlePermChange} dataType="workbench" />
-        {/* <Select
+        <PermSelect
           loading={state.loading}
-          options={permData?.workbench || []}
-          dropdownMatchSelectWidth={false}
-          defaultValue="oneself"
-          onChange={e =>
-            setState({ ...state, immediate: true, params: { ...state.params, dataPermission: e } })
-          }
-        /> */}
+          disabled={state.disabled}
+          onConfirm={handlePermChange}
+          dataType="workbench"
+        />
         <span className="ml-4">
           <Select
+            disabled={state.disabled}
             loading={state.loading}
             options={cyclicalOp}
             dropdownMatchSelectWidth={false}