fix: '角色部门站点选择器支持站点单选逻辑'

src/components/RolePmSite/index.jsx

@@ -16,7 +16,7 @@
 /* eslint-disable eqeqeq */
 /* eslint-disable no-plusplus */
 import React, { useState, useEffect, useRef } from 'react';
-import { Modal, Checkbox, Tabs, Input, Button, Pagination, Empty, Tag, Divider } from 'antd';
+import { Modal, Checkbox, Tabs, Input, Button, Pagination, Empty, Tag, Divider, Radio } from 'antd';
 import { CM_Event_LoadDepartmentAndRoles } from '@/services/standingBook/api';
 
 import styles from './index.less';
@@ -31,6 +31,7 @@ const RMSComponents = props => {
     groupName,
     chooseGroupName,
     dataType,
+    isRadio,
   } = props;
   const [checkedList, setCheckedList] = useState([]); // 选中复选框内容
   const [searchWord, setSearchWord] = useState(''); // 关键字
@@ -54,6 +55,18 @@ const RMSComponents = props => {
   const [indeterminate2, setIndeterminate2] = useState(false);
   const [checkAll2, setCheckAll2] = useState(false);
   const keepFiled = useRef({});
+  const [radioValue, setRadioValue] = useState();
+
+  const radioChange = e => {
+    setRadioValue(e.target.value);
+    let data = optionValue['站点'].find(i => i.value === e.target.value);
+    let cs = new Map();
+    cs.set(data.value, {
+      value: data.label,
+      type: 2,
+    });
+    setSelected(cs);
+  };
 
   const onSubmit = () => {
     let selectData = [];
@@ -62,7 +75,6 @@ const RMSComponents = props => {
       selectData.push(val.value);
       ids.push(key);
     });
-    console.log(ids, 'selected');
     callBackSubmit({
       str: selectData.join(','),
       pickItem,
@@ -161,8 +173,10 @@ const RMSComponents = props => {
           let datasiteId = Array.from(new Set(siteId));
           setCheckDataSite(datasiteId);
           checkArr[2] = datasiteId;
+          if (isRadio) {
+            setRadioValue(siteId[0]);
+          }
           setSaveCheckValue(checkArr);
-          console.log(checkArr, 'checkArr');
           setCheckedList(checkArr);
         }
       });
@@ -172,6 +186,9 @@ const RMSComponents = props => {
       setCurrentPage(1);
       setIndeterminate(false);
       setCheckAll(false);
+      setCheckedList([]);
+      setRadioValue();
+      setOptionValue([]);
     }
   }, [visible]);
 
@@ -293,7 +310,6 @@ const RMSComponents = props => {
     }).then(res => {
       if (res.msg === 'Ok') {
         setTotal(res.data.count);
-        console.log(groupArr(res.data, 'groupType'), 'groupType');
         setOptionValue(groupArr(res.data, 'groupType'));
         let aa = groupArr(res.data, 'groupType');
         let list = [];
@@ -615,6 +631,7 @@ const RMSComponents = props => {
 
   // 删除已选中列表
   const delSelected = value => {
+    setRadioValue('');
     let aa = selected.get(value).type;
     let list = [];
     let checkedListArr = saveCheckValue;
@@ -903,6 +920,14 @@ const RMSComponents = props => {
                       <div className={styles.checkContent}>
                         {emptyValue == 0 ? (
                           <div className={styles.check}>
+                            {isRadio ? (
+                              <Radio.Group onChange={radioChange} value={radioValue}>
+                                {optionValue['站点']?.map(i => {
+                                  return <Radio value={i.value}>{i.label}</Radio>;
+                                })}
+                              </Radio.Group>
+                            ) : (
+                              <>
                                 <Checkbox
                                   indeterminate={indeterminate2}
                                   onChange={onCheckAllChange2}
@@ -916,6 +941,8 @@ const RMSComponents = props => {
                                   value={checkedList[2]}
                                   onChange={onChangeListNew2}
                                 />
+                              </>
+                            )}
                           </div>
                         ) : (
                           <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description="暂无数据" />

src/components/RolePmSite/index.less

@@ -83,6 +83,19 @@
             text-overflow: ellipsis;
             white-space: nowrap;
           }
+
+          .ant-radio-wrapper {
+            width: 180px;
+            margin-bottom: 10px;
+            margin-left: 6px;
+          }
+
+          .ant-radio-wrapper span {
+            max-width: 160px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
         }
       }
 

src/pages/platformCenter/gis/schemeConfig/solutionConfig/solutionConfig.jsx

@@ -658,7 +658,10 @@ const VectorData = props => {
   return (
     <div className={styles.solutionContainer}>
       <Spin tip="loading..." spinning={checkLoading}>
-        <div className={styles.tableContainer} style={{ height: 'calc(100vh - 150px)', width: '100%', overflow: 'scroll' }}>
+        <div
+          className={styles.tableContainer}
+          style={{ height: 'calc(100vh - 150px)', width: '100%', overflow: 'scroll' }}
+        >
           <div className={styles.tableContent}>
             <Divider orientation="left">
               <div className={styles.divider}>
@@ -733,6 +736,7 @@ const VectorData = props => {
         groupName="站点" // 打开组件展示的分组名，用来首次获取数据
         chooseGroupName={['站点']} // 可选分组名
         dataType="id"
+        isRadio={true} // 站点单选
       />
       {/* <RoleModal
         selectValue={checkValue.toString()}