服务商模块 编辑页面 小区设置禁止修改

src/pages/UserManagement/ServiceProviderManagement/Edit.tsx

 import React, { useState, useEffect, useRef } from 'react';
-import { Input, Button, Form, Spin, Modal, Checkbox } from 'antd';
+import { Input, Button, Form, Spin, Checkbox, Modal } from 'antd';
 
 import { connect, history } from 'umi';
 
 import { RA } from '@/utils/method';
-import { CheckboxValueType } from 'antd/lib/checkbox/Group';
+// import { CheckboxValueType } from 'antd/lib/checkbox/Group';
 import SelectOptions from '../../../components/SelectOptions/index';
+import ShowOptions from '@/components/ShowOptions/index';
 import TitleBack from '../../../components/TitleBack/TitleBack';
 import styles from './Edit.less';
+import type { CheckboxValueType } from 'antd/lib/checkbox/Group';
 
 const module = 'User';
 let options: Array<{ label: string; value: number }> = [];
@@ -18,9 +20,7 @@ let optionsList: {
 
 const Edit = (props: any) => {
   const { dispatch, CurData, SaveChooseData, CommunityList, DataServices } = props;
-
   const [CList, setCList] = useState(CommunityList);
-
   const [load, setload] = useState(false);
 
   const TosTosServiceProviderSave = (values: any) => {
@@ -33,14 +33,14 @@ const Edit = (props: any) => {
   const formRef = useRef(null as any);
 
   // 选择服务商事件
-  // const onSelectCheckBox = (checkedValue: CheckboxValueType[]) => {
-  //   if (checkedValue.indexOf('0') > -1 && checkedValue.indexOf('1') > -1) {
-  //     Modal.error({
-  //       title: 'Error',
-  //       content: <div>Accounting and security can only be selected singly.</div>,
-  //     });
-  //   }
-  // };
+  const onSelectCheckBox = (checkedValue: CheckboxValueType[]) => {
+    if (checkedValue.indexOf('0') > -1 && checkedValue.indexOf('1') > -1) {
+      Modal.error({
+        title: 'Error',
+        content: <div>Accounting and security can only be selected singly.</div>,
+      });
+    }
+  };
 
   // 拿取服务范围数据
   useEffect(() => {
@@ -111,8 +111,8 @@ const Edit = (props: any) => {
     val.updater = 'admin';
     if (SaveChooseData) {
       val.id = SaveChooseData.id;
-    }
       val.serviceScopeList = SaveChooseData.serviceScopeList;
+    }
     setload(true);
     TosTosServiceProviderSave(val);
   };
@@ -159,16 +159,23 @@ const Edit = (props: any) => {
 
           <div className={styles.line} />
 
+          {SaveChooseData !== null ? (
+            <ShowOptions list={SaveChooseData.serviceCommunityList} defaultValue="Close" />
+          ) : (
             <SelectOptions
               list={CommunityList ? CommunityList.sort() : []}
-            checklist={SaveChooseData != null ? SaveChooseData.serviceCommunityList : null}
+              // checklist={SaveChooseData != null ? SaveChooseData.serviceCommunityList : null}
               onSubmit={printContent}
             />
+          )}
 
           <div className={styles.box2}>
             <div className={styles.box2item1}>Services Available</div>
             <div className={styles.box2item2}>
-              {/* <Form.Item
+              {SaveChooseData !== null ? (
+                SaveChooseData?.serviceScope
+              ) : (
+                <Form.Item
                   name="serviceScopeList"
                   rules={[
                     {
@@ -176,9 +183,10 @@ const Edit = (props: any) => {
                       message: 'Please select at least one service available!',
                     },
                   ]}
-              > */}
-              {SaveChooseData?.serviceCommunityName}
-              {/* </Form.Item> */}
+                >
+                  <Checkbox.Group options={options} onChange={onSelectCheckBox} />
+                </Form.Item>
+              )}
             </div>
           </div>