feat: add backend pages

src/components/icon-font/index.tsx

@@ -2,7 +2,7 @@ import { createFromIconfontCN } from '@ant-design/icons';
 // import './iconfont/iconfont.js';
 
 const IconFont = createFromIconfontCN({
-  scriptUrl: '//at.alicdn.com/t/c/font_4613488_1ahssp5gmym.js'
+  scriptUrl: '//at.alicdn.com/t/c/font_4613488_wt33o3w25g.js'
 });
 
 export default IconFont;

src/components/page-tools/index.tsx

@@ -63,7 +63,7 @@ interface FilterBarProps {
   actionItems?: ActionItem[];
   selectOptions?: Global.BaseOption<string | number>[];
   showSelect?: boolean;
-  buttonText: string;
+  buttonText?: string;
   buttonIcon?: React.ReactNode;
   marginBottom?: number;
   marginTop?: number;
@@ -72,6 +72,8 @@ interface FilterBarProps {
   actionType?: 'dropdown' | 'button';
   showPrimaryButton?: boolean;
   showDeleteButton?: boolean;
+  right?: React.ReactNode;
+  left?: React.ReactNode;
   width?: {
     input?: number;
     select?: number;
@@ -98,6 +100,8 @@ export const FilterBar: React.FC<FilterBarProps> = (props) => {
     selectHolder,
     showPrimaryButton = true,
     showDeleteButton = true,
+    right,
+    left,
     width
   } = props;
   const intl = useIntl();
@@ -195,7 +199,7 @@ export const FilterBar: React.FC<FilterBarProps> = (props) => {
           ></Button>
         </Space>
       }
-      right={renderRight}
+      right={right || renderRight}
     ></PageTools>
   );
 };

src/components/templates/card.tsx

@@ -66,7 +66,7 @@ const Inner = styled.div.attrs({
   display: flex;
   width: 100%;
   flex-direction: column;
-  justify-content: center;
+  justify-content: flex-start;
   gap: 8px;
   height: 100%;
 `;