style: rename folder name to lowercase

src/pages/userCenter/roleManage/AddModal.jsx

+import React, { useState } from 'react';
+import { Form, Input, notification } from 'antd';
+import SiteModal from '@/components/Modal/SiteModa';
+import { addStation } from '@/services/userCenter/siteManage/api';
+const { Item } = Form;
+const AddModal = props => {
+  const [form] = Form.useForm();
+  const [formLayout, setFormLayout] = useState('horizontal');
+  const [loading, setLoading] = useState(false);
+  const { confirmModal } = props;
+  const onSubmit = () => {
+    form
+      .validateFields()
+      .then(res => {
+        console.log(res, 'res');
+        setLoading(true);
+        addStation({
+          stationName: res.stationName,
+          description: res.description,
+          _version: 9999,
+          _dc: new Date().getTime(),
+        })
+          .then(res => {
+            setLoading(false);
+            if (res.success) {
+              form.resetFields();
+              notification.success({
+                message: '通知',
+                duration: 3,
+                description: '新增成功',
+              });
+              confirmModal();
+            } else {
+              notification.error({
+                message: '提示',
+                duration: 3,
+                description: res.message,
+              });
+            }
+          })
+          .catch(err => {
+            setLoading(false);
+            notification.error({
+              message: '提示',
+              duration: 3,
+              description: err,
+            });
+          });
+      })
+      .catch(err => {
+        console.error(err);
+      });
+  };
+
+  const onFinish = value => {};
+  return (
+    <SiteModal
+      {...props}
+      title="新增角色"
+      bodyStyle={{ width: '100%', minHeight: '100px' }}
+      style={{ top: 200, borderRadius: '20px' }}
+      width="600px"
+      destroyOnClose
+      cancelText="取消"
+      okText="确认选择"
+      onOk={() => onSubmit()}
+      confirmLoading={loading}
+    >
+      <Form form={form} layout={formLayout} onFinish={onFinish}>
+        <Item
+          label="角色名称"
+          name="stationName"
+          rules={[
+            {
+              required: true,
+              message: '请输入角色名称',
+            },
+          ]}
+        >
+          <Input placeholder="请输入角色名称" />
+        </Item>
+        <Item label="角色类别">all</Item>
+        <Item label="角色描述" name="description">
+          <Input placeholder="请输入角色描述" />
+        </Item>
+      </Form>
+    </SiteModal>
+  );
+};
+
+export default AddModal;

src/pages/userCenter/roleManage/DelModal.jsx

+import React, { useState } from 'react';
+import { notification } from 'antd';
+import SiteModal from '@/components/Modal/SiteModa';
+import { deleteStation } from '@/services/userCenter/siteManage/api';
+const DelModal = props => {
+  const { confirmModal, stationId } = props;
+  const [loading, setLoading] = useState(false);
+  const onSubmit = props => {
+    setLoading(true);
+    deleteStation({
+      stationID: stationId,
+      _version: 9999,
+      _dc: new Date().getTime(),
+    })
+      .then(res => {
+        setLoading(false);
+        if (res.success) {
+          notification.success({
+            message: '通知',
+            duration: 3,
+            description: '删除成功',
+          });
+          confirmModal();
+        } else {
+          notification.error({
+            message: '提示',
+            duration: 3,
+            description: res.message,
+          });
+        }
+      })
+      .catch(err => {
+        setLoading(false);
+        notification.error({
+          message: '提示',
+          duration: 3,
+          description: err,
+        });
+      });
+  };
+  return (
+    <SiteModal
+      {...props}
+      title="删除角色"
+      bodyStyle={{ width: '100%', minHeight: '50px' }}
+      style={{ top: 200 }}
+      width="400px"
+      destroyOnClose
+      cancelText="取消"
+      okText="确认删除"
+      onOk={() => onSubmit()}
+      confirmLoading={loading}
+    >
+      是否删除该角色?
+    </SiteModal>
+  );
+};
+
+export default DelModal;

src/pages/userCenter/roleManage/EditModal.jsx

+import React, { useState, useEffect, useRef } from 'react';
+import { Form, Input, notification } from 'antd';
+import SiteModal from '@/components/Modal/SiteModa';
+import { editStation } from '@/services/userCenter/siteManage/api';
+const { Item } = Form;
+const EditModal = props => {
+  const [form] = Form.useForm();
+  const [formLayout, setFormLayout] = useState('horizontal');
+  const [loading, setLoading] = useState(false);
+  const flag = useRef();
+  const { confirmModal, stationObj } = props;
+  const onSubmit = () => {
+    form
+      .validateFields()
+      .then(res => {
+        setLoading(true);
+        flag.current = res;
+        editStation({
+          stationName: res.stationName,
+          description: res.description,
+          stationID: stationObj.stationID,
+          _version: 9999,
+          _dc: new Date().getTime(),
+        })
+          .then(res => {
+            setLoading(false);
+            if (res.success) {
+              form.resetFields();
+              notification.success({
+                message: '通知',
+                duration: 3,
+                description: '编辑成功',
+              });
+              confirmModal();
+            } else {
+              notification.error({
+                message: '提示',
+                duration: 3,
+                description: res.message,
+              });
+            }
+          })
+          .catch(err => {
+            setLoading(false);
+            notification.error({
+              message: '提示',
+              duration: 3,
+              description: err,
+            });
+          });
+      })
+      .catch(err => {
+        console.error(err);
+      });
+  };
+  useEffect(() => {
+    form.setFieldsValue({
+      stationName: stationObj.text,
+      description: stationObj.description,
+    });
+  }, [stationObj]);
+  return (
+    <SiteModal
+      {...props}
+      title="编辑角色"
+      bodyStyle={{ width: '100%', minHeight: '100px' }}
+      style={{ top: 200, borderRadius: '20px' }}
+      width="600px"
+      destroyOnClose
+      cancelText="取消"
+      okText="确认编辑"
+      onOk={() => onSubmit()}
+      confirmLoading={loading}
+    >
+      <Form form={form} layout={formLayout}>
+        <Item
+          label="角色名称"
+          name="stationName"
+          rules={[
+            {
+              required: true,
+              message: '请输入角色名称',
+            },
+          ]}
+        >
+          <Input placeholder="请输入角色名称" />
+        </Item>
+        <Item label="角色类别">all</Item>
+        <Item label="角色描述" name="description">
+          <Input placeholder="请输入角色描述" />
+        </Item>
+      </Form>
+    </SiteModal>
+  );
+};
+
+export default EditModal;

src/pages/userCenter/roleManage/RoleManage.jsx

+import React, { useState, useEffect } from 'react';
+import { Row, Col, Tree, Card, Input, Tooltip, Button } from 'antd';
+import { FileAddTwoTone, EditTwoTone, DeleteTwoTone } from '@ant-design/icons';
+import { PageContainer, GridContent } from '@ant-design/pro-layout';
+import { getWebModuleTree } from '@/services/userCenter/roleManage/api';
+import ListCard from '@/pages/orgnazation/ListCard';
+import styles from '@/pages/userCenter/roleManage/RoleManage.less';
+import AddModal from './AddModal';
+import DelModal from './DelModal';
+import EditModal from './EditModal';
+const { Search } = Input;
+const placeholder = '请输入人员姓名';
+const SiteManage = () => {
+  const [treeData, setTreeData] = useState([]);
+  const [searchWord, setSearchWord] = useState('');
+  const [ouid, setOuid] = useState('');
+  const [saveTreeId, setSaveTreeId] = useState(''); // 保存点击回调的ird
+  const [modalVisible, setModalVisible] = useState(false); // 新增弹窗
+  const [flag, setFlag] = useState(1);
+  const [stationId, setStationId] = useState(''); // 选择的站点
+  const [stationObj, setStationObj] = useState({}); // 选择的站点
+  const [delVisible, setDelVisible] = useState(false); // 删除弹窗
+  const [editVisible, setEditVisible] = useState(false); // 修改弹窗
+  // 点击树的回调
+  const handleTreeSelect = e => {
+    console.log(e);
+    let id = e[0];
+    if (id) {
+      setSaveTreeId(id);
+      setOuid(id);
+    } else {
+      setOuid(saveTreeId);
+    }
+  };
+  useEffect(() => {
+    getWebModuleTree({
+      userMode: 'super',
+      select: '',
+      _version: 9999,
+      _dc: Date.now(),
+      node: -2,
+    })
+      .then(res => {
+        let arr = [];
+        if (res) {
+          arr.push(res.find(item => item.id === 'Web4StationRoot'));
+          console.log(arr, 'arr');
+        }
+        let arr2 = transTree(arr);
+        setTreeData(arr2);
+      })
+      .catch(err => {
+        console.error(err);
+      });
+  }, [flag]);
+  const Title = props => {
+    const { text } = props;
+    console.log(props);
+    return (
+      <div className={styles.treeTitle}>
+        {text}
+        <div className={styles.titleBox}>
+          <Tooltip title="新增角色">
+            <FileAddTwoTone
+              onClick={() => {
+                handleAdd(props);
+              }}
+            />
+          </Tooltip>
+          <Tooltip title="编辑角色">
+            <EditTwoTone
+              onClick={() => {
+                handleEdit(props);
+              }}
+            />
+          </Tooltip>
+          <Tooltip title="删除角色">
+            <DeleteTwoTone
+              onClick={() => {
+                handleDel(props);
+              }}
+            />
+          </Tooltip>
+        </div>
+      </div>
+    );
+  };
+  const handleAdd = e => {
+    console.log(e);
+    setModalVisible(true);
+  };
+  // 站点删除
+  const handleDel = e => {
+    setStationId(e.stationID);
+    setDelVisible(true);
+  };
+  // 编辑站点
+  const handleEdit = e => {
+    setStationObj(e);
+    setEditVisible(true);
+  };
+  // 树形数据转换
+  const transTree = val => {
+    console.log(val);
+    let arr = val;
+    return arr.map((item, index) => {
+      item.title = Title(item) || item.text;
+      item.key = item.stationID || '';
+      let obj = {};
+      if (Array.isArray(item.children) && item.children.length > 0) {
+        transTree(item.children);
+        obj = item;
+        return obj;
+      }
+      return item;
+    });
+  };
+  // 获取搜索框的值
+  const handleSearch = value => {
+    setSearchWord(value);
+  };
+  const confirmModal = e => {
+    setModalVisible(false);
+    setFlag(flag + 1);
+  };
+  const delModal = () => {
+    setDelVisible(false);
+    setFlag(flag + 1);
+  };
+  const editModal = () => {
+    setEditVisible(false);
+    setFlag(flag + 1);
+  };
+  const valueCallback = props => {
+    console.log(props);
+  };
+  return (
+    <PageContainer>
+      <GridContent>
+        <Row gutter={12}>
+          <Col lg={6} md={24}>
+            <Card className={styles.cardBox}>
+              <Tree
+                showLine={{ showLeafIcon: false }}
+                showIcon
+                onSelect={e => handleTreeSelect(e)}
+                treeData={treeData}
+              />
+              <AddModal
+                visible={modalVisible}
+                onCancel={() => setModalVisible(false)}
+                confirmModal={confirmModal}
+              />
+              <DelModal
+                visible={delVisible}
+                stationId={stationId}
+                onCancel={() => setDelVisible(false)}
+                confirmModal={delModal}
+              />
+              <EditModal
+                visible={editVisible}
+                stationObj={stationObj}
+                onCancel={() => setEditVisible(false)}
+                confirmModal={editModal}
+              />
+            </Card>
+          </Col>
+          <Col lg={18} md={24}>
+            <Card className={styles.cardBox}>
+              <Row align="middle">
+                <Col span={1}>搜索</Col>
+                <Col span={8}>
+                  <Search
+                    allowClear
+                    placeholder={placeholder}
+                    onSearch={handleSearch}
+                    enterButton
+                  />
+                </Col>
+              </Row>
+              {ouid && (
+                <ListCard
+                  ouid={ouid}
+                  searchWord={searchWord}
+                  valueCallback={valueCallback}
+                />
+              )}
+            </Card>
+          </Col>
+        </Row>
+      </GridContent>
+    </PageContainer>
+  );
+};
+
+export default SiteManage;

src/pages/userCenter/roleManage/RoleManage.less

+.cardBox{
+  min-height: calc(100vh - 200px);
+}
+.ant-tree-node-content-wrapper-open{
+  display: flex;
+  align-items: center;
+}
+.treeTitle {
+  display: flex;
+  span {
+      display: none;
+  }
+}
+.treeTitle:hover {
+  span {
+      margin-left: 20px;
+      display: block;
+  }
+}
+.titleBox{
+  display: flex;
+  // flex-wrap: wrap;
+  justify-content: space-around;
+  align-items: center;
+}
\ No newline at end of file