feat: 项目概览样式修改

src/components/BusinessComponents/SearchInput/index.tsx

+/*
+ * @Author: 吴永生 15770852798@163.com
+ * @Date: 2022-08-02 11:43:28
+ * @LastEditors: 吴永生 15770852798@163.com
+ * @LastEditTime: 2022-08-03 14:07:23
+ * @FilePath: /bkunyun/src/components/BusinessComponents/SearchInput/index.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
 import OutlinedInput, { OutlinedInputProps } from "@mui/material/OutlinedInput";
 import { ThemeProvider, createTheme } from "@mui/material/styles";
 import SearchIcon from "@mui/icons-material/Search";
@@ -30,6 +38,9 @@ const SearchInput = (props: SearchInputProps) => {
                         height: "32px",
                         fontSize: "14px",
                         paddingRight: "8px",
+                        "& .MuiOutlinedInput-notchedOutline": {
+							borderColor: '#DDE1E6',
+						},
                         ":hover": {
                             "& .MuiOutlinedInput-notchedOutline": {
                                 borderColor: "#1370ff",

src/components/MySnackbar/MySnackbarProvider.tsx

@@ -93,22 +93,13 @@ const MySnackbarProvider = ({
 
   const theme = createTheme({
 		components: {
-      MuiSvgIcon: {
-        styleOverrides: {
-          root: {
-            color: getColorStyle
-          }
-        }
-      },
 			MuiAlert: {
 				styleOverrides: {
-          icon: {
           root: {
+            color: getColorStyle,
+            "& .MuiAlert-icon": {
               color: getColorStyle
-            }
              },
-          root: {
-            color: getColorStyle
           }
 				},
 			},

src/components/mui/MyInput.tsx

 /*
  * @Author: 吴永生#A02208 yongsheng.wu@wholion.com
  * @Date: 2022-07-05 14:00:37
- * @LastEditors: 吴永生#A02208 yongsheng.wu@wholion.com
- * @LastEditTime: 2022-07-21 17:33:59
+ * @LastEditors: 吴永生 15770852798@163.com
+ * @LastEditTime: 2022-08-03 14:05:58
  * @FilePath: /bkunyun/src/components/mui/MyInput.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -67,6 +67,9 @@ const MyInput = (props: MyInputProps) => {
 						"&.Mui-focused .MuiOutlinedInput-notchedOutline": {
 							borderWidth: "1px",
 						},
+						"& .MuiOutlinedInput-notchedOutline": {
+							borderColor: '#DDE1E6',
+						},
 						":hover": {
 							"& .MuiOutlinedInput-notchedOutline": error
 								? {}

src/views/ConsoleLayout/index.module.css

@@ -23,7 +23,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  margin-right: 10px;
+  margin-right: 16px;
 }
 
 .uploadIconBox:hover{

src/views/Project/ProjectOverview/TaskCard/index.module.css

@@ -37,6 +37,7 @@
 
 .taskName {
     font-size: 14px;
+    line-height: 22px;
     font-weight: 500;
     cursor: pointer;
 }
@@ -59,12 +60,13 @@
 
 .taskCreator {
     font-size: 12px;
+    line-height: 20px;
     color: #1E2633;
-    margin-top: 5px;
+    margin-top: 4px;
 }
 
 .taskProgress {
-    height: 40px;
+    height: 32px;
     margin: 12px 0;
 }
 

src/views/Project/ProjectOverview/index.module.css

 .basicInformation {
     display: flex;
     justify-content: space-between;
-    margin: 28px 24px 0 24px;
+    margin: 24px 24px 0 24px;
     padding-bottom: 20px;
     border-bottom: 1px solid #F0F2F5;
 }
@@ -14,12 +14,13 @@
 
 .titleBox {
     display: flex;
-    align-items: center;
+    align-items: flex-end;
 }
 
 .projectName {
     margin-left: 12px;
     font-size: 18px;
+    line-height: 26px;
     font-weight: 600;
 }
 
@@ -39,6 +40,8 @@
 }
 
 .otherInformationBoxRight{
+    line-height: 22px;
+    margin-bottom: 4px;
     color: #565C66;
 }
 
@@ -52,14 +55,14 @@
 .verticalLine {
     height: 32px;
     border-right: 1px solid #EBEDF0;
-    margin-left: 20px;
-    margin-right: 20px;
+    margin-left: 28px;
+    margin-right: 28px;
 }
 
 .searchBox {
     display: flex;
     justify-content: space-between;
-    margin: 28px 24px 0 24px;
+    margin: 24px 24px 0 24px;
 }
 
 .searchLineLeft {

src/views/Project/ProjectSetting/ProjectMembers/components/AddMember.tsx

@@ -2,7 +2,7 @@
  * @Author: 吴永生#A02208 yongsheng.wu@wholion.com
  * @Date: 2022-05-31 10:18:13
  * @LastEditors: 吴永生 15770852798@163.com
- * @LastEditTime: 2022-07-28 18:10:42
+ * @LastEditTime: 2022-08-03 14:29:19
  * @FilePath: /bkunyun/src/views/Project/ProjectSetting/index.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -146,7 +146,7 @@ const AddMember = observer((props: IProps) => {
 					}
 				});
 		} else {
-			Message.warning("请先选择项目成员！");
+			Message.info("请先选择项目成员！");
 		}
 	};
 

src/views/Project/components/Flow/index.module.css

+.reactFlowBox>div:last-child {
+  display: none;
+}
\ No newline at end of file

src/views/Project/components/Flow/index.tsx

@@ -18,6 +18,8 @@ import FlowNode from "./components/FlowNode";
 import { getCustomTemplateParameterCheckResult } from "@/views/WorkFlowEdit/util";
 import { useMessage } from "@/components/MySnackbar";
 
+import styles from './index.module.css'
+
 /*
  * @Author: 吴永生#A02208 yongsheng.wu@wholion.com
  * @Date: 2022-06-22 10:15:22
@@ -528,6 +530,7 @@ const Flow = (props: IProps) => {
 
 	return (
 		<ReactFlow
+			className={styles.reactFlowBox}
 			nodes={nodes}
 			edges={edges}
 			fitView={flowType === "default" ? true : false}