aldehyde 0.2.479 → 0.2.481

package/src/aldehyde/welcome/HCWelcome.js

@@ -1,404 +1,404 @@
-import React, { useEffect, useState } from "react";
-import { Row, Col } from "antd";
-import { useParams } from "react-router-dom";
-import QuickEntrance from "./components/quick-entrance";
-import Workbench from "./components/workbench";
-import MenuCard from "./components/menu-card";
-import PageCard from "./components/page-card";
-import UserMenus from "./components/user-menus";
-import "./index.css";
-import Units from "../units";
-import withRouter from "../routable/withroute";
-import WelcomeBg from "./img/welcome.png";
-import welcomeBg2 from "./img/welcome2.png";
-import { getMenuConfig } from "../layout2/page";
-
-// interface HCWelcomeProps {}
-
-// interface HCWelcomeState {
-//   // //     selectedAuths:string[]
-//   openDrawer: boolean;
-// }
-
-// class HCWelcome extends React.Component {
-//   state = {
-//     openDrawer: false,
-//   };
-
-//   intervals = [];
-
-//   componentDidMount = async () => {
-//     var option;
-
-//     option = {
-//       title: {
-//         text: "Line",
-//       },
-//       tooltip: {
-//         trigger: "axis",
-//       },
-//       legend: {
-//         data: ["Email", "Union Ads", "Video Ads", "Direct", "Search Engine"],
-//       },
-//       grid: {
-//         left: "3%",
-//         right: "4%",
-//         bottom: "3%",
-//         containLabel: true,
-//       },
-//       toolbox: {
-//         feature: {
-//           saveAsImage: {},
-//         },
-//       },
-//       xAxis: {
-//         type: "category",
-//         boundaryGap: false,
-//         data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
-//       },
-//       yAxis: {
-//         type: "value",
-//       },
-//       series: [
-//         {
-//           name: "Email",
-//           type: "line",
-//           stack: "Total",
-//           data: [120, 132, 101, 134, 90, 230, 210],
-//         },
-//         {
-//           name: "Union Ads",
-//           type: "line",
-//           stack: "Total",
-//           data: [220, 182, 191, 234, 290, 330, 310],
-//         },
-//         {
-//           name: "Video Ads",
-//           type: "line",
-//           stack: "Total",
-//           data: [150, 232, 201, 154, 190, 330, 410],
-//         },
-//         {
-//           name: "Direct",
-//           type: "line",
-//           stack: "Total",
-//           data: [320, 332, 301, 334, 390, 330, 320],
-//         },
-//         {
-//           name: "Search Engine",
-//           type: "line",
-//           stack: "Total",
-//           data: [820, 932, 901, 934, 1290, 1330, 1320],
-//         },
-//       ],
-//     };
-
-//     // option && myChart.setOption(option);
-
-//     // var chartDom = document.getElementById('echart2');
-//     // var myChart = Echarts.init(chartDom);
-//     var option;
-
-//     option = {
-//       legend: {
-//         top: "bottom",
-//       },
-//       toolbox: {
-//         show: true,
-//         feature: {
-//           mark: { show: true },
-//           dataView: { show: true, readOnly: false },
-//           restore: { show: true },
-//           saveAsImage: { show: true },
-//         },
-//       },
-//       series: [
-//         {
-//           name: "Nightingale Chart",
-//           type: "pie",
-//           radius: [16, 80],
-//           center: ["50%", "50%"],
-//           roseType: "area",
-//           itemStyle: {
-//             borderRadius: 8,
-//           },
-//           data: [
-//             { value: 40, name: "rose 1" },
-//             { value: 38, name: "rose 2" },
-//             { value: 32, name: "rose 3" },
-//             { value: 30, name: "rose 4" },
-//             { value: 28, name: "rose 5" },
-//             { value: 26, name: "rose 6" },
-//             { value: 22, name: "rose 7" },
-//             { value: 18, name: "rose 8" },
-//           ],
-//         },
-//       ],
-//     };
-
-//     // option && myChart.setOption(option);
-//     //
-//     this.setState({
-//       openDrawer: false,
-//     });
-//   };
-
-//   componentWillUnmount() {
-//     if (this.intervals.length > 0) {
-//       for (let i of this.intervals) {
-//         clearInterval(i);
-//       }
-//     }
-//     this.intervals = [];
-//   }
-
-//   cardStyle = {
-//     height: "400px",
-//     // background: '#364d79',
-//   };
-//   carouselStyle = {
-//     background: "#fff",
-//     borderRadius: "6px",
-//   };
-
-//   render() {
-//     const { params } = this.props;
-//     const { openDrawer } = this.state;
-//     Units.setProgramCode4RoutePath(params);
-//     return (
-//       <>
-//         <Row className={"home-page"} gutter={{ xs: 4, sm: 8, md: 12, lg: 16 }}>
-//           <Col span={24}>
-//             <Row
-//               style={{ minHeight: "100px" }}
-//               gutter={{ xs: 4, sm: 8, md: 12, lg: 16 }}
-//             >
-//               <Col span={12} style={{ width: "100%" }}>
-//                 <Workbench className="hovercard"></Workbench>
-//               </Col>
-//               <Col span={12} style={{ width: "100%" }}>
-//                 <QuickEntrance className="hovercard"></QuickEntrance>
-//               </Col>
-//             </Row>
-//           </Col>
-//           <Col span={24}>
-//             <Row gutter={{ xs: 4, sm: 8, md: 12, lg: 16 }}>
-//               <Col style={{ width: "100%" }}>
-//                 <Card
-//                   className="hovercard"
-//                   title={<BarChartOutlined style={{ fontSize: 30 }} />}
-//                 >
-//                   <Row
-//                     gutter={[
-//                       { xs: 4, sm: 8, md: 12, lg: 16 },
-//                       { xs: 4, sm: 8, md: 12, lg: 16 },
-//                     ]}
-//                   >
-//                     {/*{this.state.piecharts}*/}
-//                     <Col
-//                       span={16}
-//                       style={{ height: "400px" }}
-//                       id={"echart1"}
-//                     ></Col>
-//                     <Col
-//                       span={8}
-//                       style={{ height: "400px" }}
-//                       id={"echart2"}
-//                     ></Col>
-//                     {/*{this.state.piecharts}*/}
-//                   </Row>
-//                 </Card>
-//               </Col>
-//             </Row>
-//           </Col>
-//           {/*<Col span={24}>*/}
-
-//           {/*        <LtmplTable serverKey={"carbonthinking"} title={'系统角色'} funcMode={'common'} collapsible={false} initCollapse={true}*/}
-//           {/*                    sourceId={"366426191421022215"}*/}
-//           {/*        ></LtmplTable>*/}
-//           {/*</Col>*/}
-
-//           {/*<Col span={24}>*/}
-
-//           {/*    <LtmplTable  title={<><FilterOutlined/>系统角色</>} funcMode={'common'} collapsible={true} initCollapse={false}*/}
-//           {/*                sourceId={"366426191421022215"}*/}
-//           {/*    ></LtmplTable>*/}
-//           {/*</Col>*/}
-//           {/*<Col>*/}
-//           {/*    <Card bodyStyle={{padding: '4px'}}>*/}
-//           {/*        <LtmplPage doCreate={(d)=>{*/}
-//           {/*            d();*/}
-//           {/*        }} title={<><UnorderedListOutlined style={{color:'#2f54eb'}} /> 列表管理</>} mainCode={'DGUYqE2lWO'} funcMode={'common'}*/}
-//           {/*                   sourceId={'231313748303873'}></LtmplPage>*/}
-//           {/*    </Card>*/}
-//           {/*</Col>*/}
-//           {/*<Col span={12}>*/}
-//           {/*    <Card bodyStyle={{padding: '4px'}}>*/}
-//           {/*        <LtmplPage collapsible={true} initCollapse={true}  doCreate={(d)=>{*/}
-//           {/*            d();*/}
-//           {/*        }} title={<><UnorderedListOutlined style={{color:'#2f54eb'}} /> 列表管理</>} mainCode={'DGUYqE2lWO'} funcMode={'common'}*/}
-//           {/*                   sourceId={'231313748303873'}></LtmplPage>*/}
-//           {/*    </Card>*/}
-//           {/*</Col>*/}
-
-//           {/*    <Col span={12}>*/}
-//           {/*        <Card bodyStyle={{padding: '4px'}}>*/}
-//           {/*            <LtmplTable collapsible={true} initCollapse={false}  doCreate={(d)=>{*/}
-//           {/*                d();*/}
-//           {/*            }} title={<>模板组合</>} mainCode={'DGUYqE2lWO'} funcMode={'common'}*/}
-//           {/*                       sourceId={'227679302098960'}></LtmplTable>*/}
-//           {/*        </Card>*/}
-//           {/*    </Col>*/}
-//         </Row>
-//         {/*<Row>*/}
-//         {/*    <Col span={24}>*/}
-//         {/*        <DtmplEditCard  code={'8999231441132377'} sourceId={'246909250609153'} ></DtmplEditCard>*/}
-//         {/*    </Col>*/}
-//         {/*</Row>*/}
-
-//         {/*<Row>*/}
-//         {/*    <Col>*/}
-//         {/*        <Button onClick={()=>{*/}
-//         {/*            this.setState({*/}
-//         {/*                openDrawer:!this.state.openDrawer*/}
-//         {/*            })*/}
-//         {/*        }*/}
-
-//         {/*        } >打开权限</Button>*/}
-//         {/*        /!*<BlockMenuAuthTree />*!/*/}
-//         {/*    </Col>*/}
-//         {/*</Row>*/}
-//         {/*<BlockMenuAuthTreeDrawer onCancel={ ()=>{*/}
-//         {/*    this.setState({*/}
-//         {/*        openDrawer:false*/}
-//         {/*    })*/}
-//         {/*}}  onOk={ ()=>{*/}
-//         {/*    this.setState({*/}
-//         {/*        openDrawer:false*/}
-//         {/*    })*/}
-//         {/*}} open={openDrawer} roleCode={'374901611447492611'}></BlockMenuAuthTreeDrawer>*/}
-//       </>
-//     );
-//   }
-// }
-
-// 处理菜单
-const handleMenu = (arr) => {
-  const temMenus = arr.filter(r => !r.disabled);
-  return temMenus.map(item => {
-    const newItem = {
-      ...item,
-      value: item.id,
-      title: item.label
-    };
-    if (item.children && Array.isArray(item.children) && item.children.length > 0) {
-      newItem.children = handleMenu(item.children);
-      newItem.url = newItem.children[0].url; // 存在子菜单时，url 为第一个子菜单的 url
-    }
-    return newItem;
-  });
-}
-
-// 获取菜单的所有子节点
-const getLeafNodes = (tree, result = []) => {
-  if (!tree || !Array.isArray(tree)) return result;
-  tree.forEach(node => {
-    if (!node.children || node.children.length === 0) {
-      result.push(node);
-    } else {
-      getLeafNodes(node.children, result);
-    }
-  });
-  return result;
-}
-
-// 处理图片地址
-const handleImgUrl = (basePath) => {
-  if (basePath.startsWith("http")) {
-    return basePath;
-  }
-  const url = encodeURI(Units.joinPath(
-    Units.joinPath(Units.api(), "/v3/files"),
-    basePath
-  )) +
-    `?@token=${Units.hydrocarbonToken()}&@programToken=${Units.programCode()}&@applicationToken=${Units.applicationCode()}`;
-  return url;
-}
-
-const HCWelcome = (props) => {
-  const { layoutRootPath, homeImg, showHomeImg = true, showFastMenu = true } = props;
-  const { programCode, applicationCode } = useParams();
-  if (programCode) Units.setProgramCode(programCode);
-  if (applicationCode) Units.setApplicationCode(applicationCode);
-  const [orgHomeImg, setOrgHomeImg] = useState();
-  const [menus, setMenus] = useState([]);
-  const [leafMenus, setLeafMenus] = useState([]);
-  const [themeConfig, setThemeConfig] = useState();
-
-  const initUserConfig = async () => {
-    let userInfo = await Units.getCurrentUserInfo();
-    if (!userInfo) {
-      userInfo = await Units.getUserInfo();
-    }
-    if (!userInfo?.homeImg) return;
-    try {
-      const basePath = JSON.parse(userInfo?.homeImg || "{}").base?.path;
-      const url = handleImgUrl(basePath);
-      setOrgHomeImg(url);
-    } catch {
-      setOrgHomeImg(userInfo?.homeImg);
-    }
-  };
-
-  const getThemeConfig = async () => {
-    const config = await Units.getThemeConfig();
-    setThemeConfig(config);
-  }
-
-  const getMenus = async () => {
-    const temData = await getMenuConfig(layoutRootPath || "v2");
-    const temMenus = handleMenu(temData?.menu || []);
-    const temLeafNodes = getLeafNodes(temMenus);
-    setMenus(temMenus);
-    setLeafMenus(temLeafNodes)
-  }
-
-  useEffect(() => {
-    initUserConfig();
-    getMenus();
-    getThemeConfig();
-  }, []);
-
-  return (
-    <>
-      {showFastMenu ? <div style={{ width: "100%", paddingTop: "12px" }} >
-        <Row gutter={[0]}>
-          <Col span={24}>
-            <Workbench layoutRootPath={layoutRootPath} menus={leafMenus || []} />
-          </Col>
-          <Col span={24}>
-            <Row gutter={16}>
-              <Col span={16}>
-                <Row gutter={[0, 16]}>
-                  {(themeConfig?.allowUserConfig || themeConfig?.allowUsermenu) ?
-                    <Col span={24}><UserMenus menus={menus} leafMenus={leafMenus} themeConfig={themeConfig} /></Col> : ""}
-                  <Col span={24}><QuickEntrance layoutRootPath={layoutRootPath} menus={menus[0]?.children || []} /></Col>
-                  <Col span={24}><MenuCard menus={menus} /></Col>
-                </Row>
-              </Col>
-              <Col span={8}>
-                <Row gutter={[16, 16]}>
-                  <Col span={24}><PageCard fastMenu="RightSidebar01" layoutRootPath={layoutRootPath} menus={menus} menuOrder={1} /></Col>
-                  <Col span={24}><PageCard fastMenu="RightSidebar02" layoutRootPath={layoutRootPath} menus={menus} menuOrder={2} /></Col>
-                </Row>
-              </Col>
-            </Row>
-          </Col>
-        </Row>
-      </div> : ""}
-      {showHomeImg ? <img src={orgHomeImg || homeImg || (!layoutRootPath || (["v2", "v5"].includes(layoutRootPath)) ? WelcomeBg : welcomeBg2)} alt="" width="100%" height="100%" style={{ borderRadius: "8px", margin: "0 10px", width: "calc(100% - 20px)" }} /> : ""}
-    </>
-  );
-};
-
-export default withRouter(HCWelcome);
+import React, { useEffect, useState } from "react";
+import { Row, Col } from "antd";
+import { useParams } from "react-router-dom";
+import QuickEntrance from "./components/quick-entrance";
+import Workbench from "./components/workbench";
+import MenuCard from "./components/menu-card";
+import PageCard from "./components/page-card";
+import UserMenus from "./components/user-menus";
+import "./index.css";
+import Units from "../units";
+import withRouter from "../routable/withroute";
+import WelcomeBg from "./img/welcome.png";
+import welcomeBg2 from "./img/welcome2.png";
+import { getMenuConfig } from "../layout2/page";
+
+// interface HCWelcomeProps {}
+
+// interface HCWelcomeState {
+//   // //     selectedAuths:string[]
+//   openDrawer: boolean;
+// }
+
+// class HCWelcome extends React.Component {
+//   state = {
+//     openDrawer: false,
+//   };
+
+//   intervals = [];
+
+//   componentDidMount = async () => {
+//     var option;
+
+//     option = {
+//       title: {
+//         text: "Line",
+//       },
+//       tooltip: {
+//         trigger: "axis",
+//       },
+//       legend: {
+//         data: ["Email", "Union Ads", "Video Ads", "Direct", "Search Engine"],
+//       },
+//       grid: {
+//         left: "3%",
+//         right: "4%",
+//         bottom: "3%",
+//         containLabel: true,
+//       },
+//       toolbox: {
+//         feature: {
+//           saveAsImage: {},
+//         },
+//       },
+//       xAxis: {
+//         type: "category",
+//         boundaryGap: false,
+//         data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
+//       },
+//       yAxis: {
+//         type: "value",
+//       },
+//       series: [
+//         {
+//           name: "Email",
+//           type: "line",
+//           stack: "Total",
+//           data: [120, 132, 101, 134, 90, 230, 210],
+//         },
+//         {
+//           name: "Union Ads",
+//           type: "line",
+//           stack: "Total",
+//           data: [220, 182, 191, 234, 290, 330, 310],
+//         },
+//         {
+//           name: "Video Ads",
+//           type: "line",
+//           stack: "Total",
+//           data: [150, 232, 201, 154, 190, 330, 410],
+//         },
+//         {
+//           name: "Direct",
+//           type: "line",
+//           stack: "Total",
+//           data: [320, 332, 301, 334, 390, 330, 320],
+//         },
+//         {
+//           name: "Search Engine",
+//           type: "line",
+//           stack: "Total",
+//           data: [820, 932, 901, 934, 1290, 1330, 1320],
+//         },
+//       ],
+//     };
+
+//     // option && myChart.setOption(option);
+
+//     // var chartDom = document.getElementById('echart2');
+//     // var myChart = Echarts.init(chartDom);
+//     var option;
+
+//     option = {
+//       legend: {
+//         top: "bottom",
+//       },
+//       toolbox: {
+//         show: true,
+//         feature: {
+//           mark: { show: true },
+//           dataView: { show: true, readOnly: false },
+//           restore: { show: true },
+//           saveAsImage: { show: true },
+//         },
+//       },
+//       series: [
+//         {
+//           name: "Nightingale Chart",
+//           type: "pie",
+//           radius: [16, 80],
+//           center: ["50%", "50%"],
+//           roseType: "area",
+//           itemStyle: {
+//             borderRadius: 8,
+//           },
+//           data: [
+//             { value: 40, name: "rose 1" },
+//             { value: 38, name: "rose 2" },
+//             { value: 32, name: "rose 3" },
+//             { value: 30, name: "rose 4" },
+//             { value: 28, name: "rose 5" },
+//             { value: 26, name: "rose 6" },
+//             { value: 22, name: "rose 7" },
+//             { value: 18, name: "rose 8" },
+//           ],
+//         },
+//       ],
+//     };
+
+//     // option && myChart.setOption(option);
+//     //
+//     this.setState({
+//       openDrawer: false,
+//     });
+//   };
+
+//   componentWillUnmount() {
+//     if (this.intervals.length > 0) {
+//       for (let i of this.intervals) {
+//         clearInterval(i);
+//       }
+//     }
+//     this.intervals = [];
+//   }
+
+//   cardStyle = {
+//     height: "400px",
+//     // background: '#364d79',
+//   };
+//   carouselStyle = {
+//     background: "#fff",
+//     borderRadius: "6px",
+//   };
+
+//   render() {
+//     const { params } = this.props;
+//     const { openDrawer } = this.state;
+//     Units.setProgramCode4RoutePath(params);
+//     return (
+//       <>
+//         <Row className={"home-page"} gutter={{ xs: 4, sm: 8, md: 12, lg: 16 }}>
+//           <Col span={24}>
+//             <Row
+//               style={{ minHeight: "100px" }}
+//               gutter={{ xs: 4, sm: 8, md: 12, lg: 16 }}
+//             >
+//               <Col span={12} style={{ width: "100%" }}>
+//                 <Workbench className="hovercard"></Workbench>
+//               </Col>
+//               <Col span={12} style={{ width: "100%" }}>
+//                 <QuickEntrance className="hovercard"></QuickEntrance>
+//               </Col>
+//             </Row>
+//           </Col>
+//           <Col span={24}>
+//             <Row gutter={{ xs: 4, sm: 8, md: 12, lg: 16 }}>
+//               <Col style={{ width: "100%" }}>
+//                 <Card
+//                   className="hovercard"
+//                   title={<BarChartOutlined style={{ fontSize: 30 }} />}
+//                 >
+//                   <Row
+//                     gutter={[
+//                       { xs: 4, sm: 8, md: 12, lg: 16 },
+//                       { xs: 4, sm: 8, md: 12, lg: 16 },
+//                     ]}
+//                   >
+//                     {/*{this.state.piecharts}*/}
+//                     <Col
+//                       span={16}
+//                       style={{ height: "400px" }}
+//                       id={"echart1"}
+//                     ></Col>
+//                     <Col
+//                       span={8}
+//                       style={{ height: "400px" }}
+//                       id={"echart2"}
+//                     ></Col>
+//                     {/*{this.state.piecharts}*/}
+//                   </Row>
+//                 </Card>
+//               </Col>
+//             </Row>
+//           </Col>
+//           {/*<Col span={24}>*/}
+
+//           {/*        <LtmplTable serverKey={"carbonthinking"} title={'系统角色'} funcMode={'common'} collapsible={false} initCollapse={true}*/}
+//           {/*                    sourceId={"366426191421022215"}*/}
+//           {/*        ></LtmplTable>*/}
+//           {/*</Col>*/}
+
+//           {/*<Col span={24}>*/}
+
+//           {/*    <LtmplTable  title={<><FilterOutlined/>系统角色</>} funcMode={'common'} collapsible={true} initCollapse={false}*/}
+//           {/*                sourceId={"366426191421022215"}*/}
+//           {/*    ></LtmplTable>*/}
+//           {/*</Col>*/}
+//           {/*<Col>*/}
+//           {/*    <Card bodyStyle={{padding: '4px'}}>*/}
+//           {/*        <LtmplPage doCreate={(d)=>{*/}
+//           {/*            d();*/}
+//           {/*        }} title={<><UnorderedListOutlined style={{color:'#2f54eb'}} /> 列表管理</>} mainCode={'DGUYqE2lWO'} funcMode={'common'}*/}
+//           {/*                   sourceId={'231313748303873'}></LtmplPage>*/}
+//           {/*    </Card>*/}
+//           {/*</Col>*/}
+//           {/*<Col span={12}>*/}
+//           {/*    <Card bodyStyle={{padding: '4px'}}>*/}
+//           {/*        <LtmplPage collapsible={true} initCollapse={true}  doCreate={(d)=>{*/}
+//           {/*            d();*/}
+//           {/*        }} title={<><UnorderedListOutlined style={{color:'#2f54eb'}} /> 列表管理</>} mainCode={'DGUYqE2lWO'} funcMode={'common'}*/}
+//           {/*                   sourceId={'231313748303873'}></LtmplPage>*/}
+//           {/*    </Card>*/}
+//           {/*</Col>*/}
+
+//           {/*    <Col span={12}>*/}
+//           {/*        <Card bodyStyle={{padding: '4px'}}>*/}
+//           {/*            <LtmplTable collapsible={true} initCollapse={false}  doCreate={(d)=>{*/}
+//           {/*                d();*/}
+//           {/*            }} title={<>模板组合</>} mainCode={'DGUYqE2lWO'} funcMode={'common'}*/}
+//           {/*                       sourceId={'227679302098960'}></LtmplTable>*/}
+//           {/*        </Card>*/}
+//           {/*    </Col>*/}
+//         </Row>
+//         {/*<Row>*/}
+//         {/*    <Col span={24}>*/}
+//         {/*        <DtmplEditCard  code={'8999231441132377'} sourceId={'246909250609153'} ></DtmplEditCard>*/}
+//         {/*    </Col>*/}
+//         {/*</Row>*/}
+
+//         {/*<Row>*/}
+//         {/*    <Col>*/}
+//         {/*        <Button onClick={()=>{*/}
+//         {/*            this.setState({*/}
+//         {/*                openDrawer:!this.state.openDrawer*/}
+//         {/*            })*/}
+//         {/*        }*/}
+
+//         {/*        } >打开权限</Button>*/}
+//         {/*        /!*<BlockMenuAuthTree />*!/*/}
+//         {/*    </Col>*/}
+//         {/*</Row>*/}
+//         {/*<BlockMenuAuthTreeDrawer onCancel={ ()=>{*/}
+//         {/*    this.setState({*/}
+//         {/*        openDrawer:false*/}
+//         {/*    })*/}
+//         {/*}}  onOk={ ()=>{*/}
+//         {/*    this.setState({*/}
+//         {/*        openDrawer:false*/}
+//         {/*    })*/}
+//         {/*}} open={openDrawer} roleCode={'374901611447492611'}></BlockMenuAuthTreeDrawer>*/}
+//       </>
+//     );
+//   }
+// }
+
+// 处理菜单
+const handleMenu = (arr) => {
+  const temMenus = arr.filter(r => !r.disabled);
+  return temMenus.map(item => {
+    const newItem = {
+      ...item,
+      value: item.id,
+      title: item.label
+    };
+    if (item.children && Array.isArray(item.children) && item.children.length > 0) {
+      newItem.children = handleMenu(item.children);
+      newItem.url = newItem.children[0].url; // 存在子菜单时，url 为第一个子菜单的 url
+    }
+    return newItem;
+  });
+}
+
+// 获取菜单的所有子节点
+const getLeafNodes = (tree, result = []) => {
+  if (!tree || !Array.isArray(tree)) return result;
+  tree.forEach(node => {
+    if (!node.children || node.children.length === 0) {
+      result.push(node);
+    } else {
+      getLeafNodes(node.children, result);
+    }
+  });
+  return result;
+}
+
+// 处理图片地址
+const handleImgUrl = (basePath) => {
+  if (basePath.startsWith("http")) {
+    return basePath;
+  }
+  const url = encodeURI(Units.joinPath(
+    Units.joinPath(Units.api(), "/v3/files"),
+    basePath
+  )) +
+    `?@token=${Units.hydrocarbonToken()}&@programToken=${Units.programCode()}&@applicationToken=${Units.applicationCode()}`;
+  return url;
+}
+
+const HCWelcome = (props) => {
+  const { layoutRootPath, homeImg, showHomeImg = true, showFastMenu = true } = props;
+  const { programCode, applicationCode } = useParams();
+  if (programCode) Units.setProgramCode(programCode);
+  if (applicationCode) Units.setApplicationCode(applicationCode);
+  const [orgHomeImg, setOrgHomeImg] = useState();
+  const [menus, setMenus] = useState([]);
+  const [leafMenus, setLeafMenus] = useState([]);
+  const [themeConfig, setThemeConfig] = useState();
+
+  const initUserConfig = async () => {
+    let userInfo = await Units.getCurrentUserInfo();
+    if (!userInfo) {
+      userInfo = await Units.getUserInfo();
+    }
+    if (!userInfo?.homeImg) return;
+    try {
+      const basePath = JSON.parse(userInfo?.homeImg || "{}").base?.path;
+      const url = handleImgUrl(basePath);
+      setOrgHomeImg(url);
+    } catch {
+      setOrgHomeImg(userInfo?.homeImg);
+    }
+  };
+
+  const getThemeConfig = async () => {
+    const config = await Units.getThemeConfig();
+    setThemeConfig(config);
+  }
+
+  const getMenus = async () => {
+    const temData = await getMenuConfig(layoutRootPath || "v2");
+    const temMenus = handleMenu(temData?.menu || []);
+    const temLeafNodes = getLeafNodes(temMenus);
+    setMenus(temMenus);
+    setLeafMenus(temLeafNodes)
+  }
+
+  useEffect(() => {
+    initUserConfig();
+    getMenus();
+    getThemeConfig();
+  }, []);
+
+  return (
+    <>
+      {showFastMenu ? <div style={{ width: "100%", paddingTop: "12px" }} >
+        <Row gutter={[0]}>
+          <Col span={24}>
+            <Workbench layoutRootPath={layoutRootPath} menus={leafMenus || []} />
+          </Col>
+          <Col span={24}>
+            <Row gutter={16}>
+              <Col span={16}>
+                <Row gutter={[0, 16]}>
+                  {(themeConfig?.allowUserConfig || themeConfig?.allowUsermenu) ?
+                    <Col span={24}><UserMenus menus={menus} leafMenus={leafMenus} themeConfig={themeConfig} /></Col> : ""}
+                  <Col span={24}><QuickEntrance layoutRootPath={layoutRootPath} menus={menus[0]?.children || []} /></Col>
+                  <Col span={24}><MenuCard menus={menus} /></Col>
+                </Row>
+              </Col>
+              <Col span={8}>
+                <Row gutter={[16, 16]}>
+                  <Col span={24}><PageCard fastMenu="RightSidebar01" layoutRootPath={layoutRootPath} menus={menus} menuOrder={1} /></Col>
+                  <Col span={24}><PageCard fastMenu="RightSidebar02" layoutRootPath={layoutRootPath} menus={menus} menuOrder={2} /></Col>
+                </Row>
+              </Col>
+            </Row>
+          </Col>
+        </Row>
+      </div> : ""}
+      {showHomeImg ? <img src={orgHomeImg || homeImg || (!layoutRootPath || (["v2", "v5"].includes(layoutRootPath)) ? WelcomeBg : welcomeBg2)} alt="" width="100%" height="100%" style={{ borderRadius: "8px", margin: "0 10px", width: "calc(100% - 20px)" }} /> : ""}
+    </>
+  );
+};
+
+export default withRouter(HCWelcome);