diff --git a/packages/base/src/__snapshots__/App.test.tsx.snap b/packages/base/src/__snapshots__/App.test.tsx.snap index ef75cb9e75..951794302a 100644 --- a/packages/base/src/__snapshots__/App.test.tsx.snap +++ b/packages/base/src/__snapshots__/App.test.tsx.snap @@ -3,7 +3,7 @@ exports[`App render App when "checkPageAction" is false 1`] = `
`; exports[`App render App when token is existed 1`] = `
@@ -176,7 +176,7 @@ exports[`test base/home/AIBanner should match snapshot and render metrics and ac
@@ -186,7 +186,7 @@ exports[`test base/home/AIBanner should match snapshot and render metrics and ac class="right-section" >
)} @@ -211,9 +222,9 @@ const AIBanner: React.FC = () => {
{bannerState.metrics.performanceOptimization.evaluation && ( - + {bannerState.metrics.performanceOptimization.evaluation} - + )}
)} @@ -221,21 +232,22 @@ const AIBanner: React.FC = () => { {/* 右侧:快捷行动按钮 */}
- {showPerformanceEngineButton && ( - - )} + {showPerformanceEngineButton && + checkPagePermission(PERMISSIONS.PAGES.SQLE.SQL_OPTIMIZATION) && ( + + + {t('dmsHome.aiBanner.aiPerformanceEngine')} + + + + )} {showSmartCorrectionButton && ( - + )}
diff --git a/packages/base/src/page/Home/AIBanner/style.ts b/packages/base/src/page/Home/AIBanner/style.ts index 3c7dad4939..b0463b251f 100644 --- a/packages/base/src/page/Home/AIBanner/style.ts +++ b/packages/base/src/page/Home/AIBanner/style.ts @@ -154,25 +154,22 @@ export const AIBannerStyleWrapper = styled('div')` font-size: 14px; &.primary-button { - background: linear-gradient(135deg, #722ed1 0%, #9254de 100%); + background: linear-gradient( + 135deg, + #722ed1 0%, + #9254de 100% + ) !important; border: none; - color: #fff; - - &:hover { - background: linear-gradient(135deg, #9254de 0%, #b37feb 100%); - color: #fff; - } - } - - &.secondary-button { - background: ${({ theme }) => theme.sharedTheme.uiToken.colorBgBase}; - border: 1px solid - ${({ theme }) => theme.sharedTheme.uiToken.colorBorder}; - color: ${({ theme }) => theme.sharedTheme.uiToken.colorText}; + color: ${({ theme }) => theme.sharedTheme.basic.colorWhite}; + box-shadow: none !important; &:hover { - border-color: #722ed1; - color: #722ed1; + background: linear-gradient( + 135deg, + #9254de 0%, + #b37feb 100% + ) !important; + color: ${({ theme }) => theme.sharedTheme.basic.colorWhite}; } } } diff --git a/packages/base/src/page/Home/__tests__/__snapshots__/index.ce.test.tsx.snap b/packages/base/src/page/Home/__tests__/__snapshots__/index.ce.test.tsx.snap index ee30eb452b..2d6a3b2303 100644 --- a/packages/base/src/page/Home/__tests__/__snapshots__/index.ce.test.tsx.snap +++ b/packages/base/src/page/Home/__tests__/__snapshots__/index.ce.test.tsx.snap @@ -4,7 +4,7 @@ exports[`test base/page/Home should match snapshot 1`] = `
{ } ); + useEffect(() => { + document.documentElement.style.setProperty( + '--notice-banner-height', + noticeStr ? '34px' : '0px' + ); + return () => { + document.documentElement.style.setProperty( + '--notice-banner-height', + '0px' + ); + }; + }, [noticeStr]); + useEffect(() => { const el = textRef.current; if (!el || !noticeStr) return; diff --git a/packages/base/src/page/Nav/CompanyNoticeBanner/style.ts b/packages/base/src/page/Nav/CompanyNoticeBanner/style.ts index 093be2c565..62c8a46370 100644 --- a/packages/base/src/page/Nav/CompanyNoticeBanner/style.ts +++ b/packages/base/src/page/Nav/CompanyNoticeBanner/style.ts @@ -1,15 +1,20 @@ import { styled } from '@mui/material/styles'; export const CompanyNoticeBannerStyleWrapper = styled('div')` + position: fixed; + top: 0; + left: ${({ theme }) => theme.sharedTheme.nav.width}px; + width: calc(100% - ${({ theme }) => theme.sharedTheme.nav.width}px); display: flex; align-items: center; height: 36px; flex-shrink: 0; background: linear-gradient( 90deg, - ${({ theme }) => theme.sharedTheme.uiToken.colorWarningBgHover} 0%, - ${({ theme }) => theme.sharedTheme.uiToken.colorWarningBgHover}cc 100% + ${({ theme }) => theme.sharedTheme.uiToken.colorWarningBgHover}e6 0%, + ${({ theme }) => theme.sharedTheme.uiToken.colorWarningBgHover}bf 100% ); + backdrop-filter: blur(6px); border-bottom: 1px solid ${({ theme }) => theme.sharedTheme.uiToken.colorWarning}66; padding: 0 16px; diff --git a/packages/base/src/page/Nav/SideMenu/UserMenu/Modal/CompanyNoticeModal/CompanyNoticeForm/index.tsx b/packages/base/src/page/Nav/SideMenu/UserMenu/Modal/CompanyNoticeModal/CompanyNoticeForm/index.tsx index 9351f6152b..aaa7815a86 100644 --- a/packages/base/src/page/Nav/SideMenu/UserMenu/Modal/CompanyNoticeModal/CompanyNoticeForm/index.tsx +++ b/packages/base/src/page/Nav/SideMenu/UserMenu/Modal/CompanyNoticeModal/CompanyNoticeForm/index.tsx @@ -80,14 +80,6 @@ export const CompanyNoticeForm: React.FC<{ { if (!value || !Array.isArray(value) || !value[0] || !value[1]) { diff --git a/packages/base/src/page/Nav/SideMenu/UserMenu/Modal/CompanyNoticeModal/__snapshots__/index.test.tsx.snap b/packages/base/src/page/Nav/SideMenu/UserMenu/Modal/CompanyNoticeModal/__snapshots__/index.test.tsx.snap index 6c4dde401d..71d997cae2 100644 --- a/packages/base/src/page/Nav/SideMenu/UserMenu/Modal/CompanyNoticeModal/__snapshots__/index.test.tsx.snap +++ b/packages/base/src/page/Nav/SideMenu/UserMenu/Modal/CompanyNoticeModal/__snapshots__/index.test.tsx.snap @@ -444,7 +444,7 @@ exports[`base/page/Nav/SideMenu/UserMenu/CompanyNoticeModal render snap when edi class="ant-col ant-form-item-label" >