feat: 任务列表样式修改

src/views/Project/ProjectSetting/BaseInfo/index.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-26 20:39:32
+ * @LastEditTime: 2022-07-28 18:32:03
  * @FilePath: /bkunyun/src/views/Project/ProjectSetting/index.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -318,7 +318,8 @@ const BaseInfo = observer(() => {
 					>
 						项目名称
 					</div>
-					<TextField
+
+					<MyInput
 						required
 						error={nameCheck.error}
 						id="name"
@@ -326,21 +327,8 @@ const BaseInfo = observer(() => {
 						value={projectInfo.name}
 						onChange={nameChange}
 						helperText={nameCheck.help}
-						size="small"
-						sx={{
-							width: "560px",
-							"& .MuiOutlinedInput-root": {
-								height: "36px",
-							},
-						}}
+						style={{ width: "560px" }}
 					/>
-					{/* <input
-            value={projectInfo.name}
-            className={style.projectInfoListLiValue}
-            onChange={nameChange}
-            maxLength={30}
-            placeholder="请输入项目名称"
-          ></input> */}
 				</div>
 				<div className={style.projectInfoListLi}>
 					<div className={style.projectInfoListLiLabel}>项目描述</div>
@@ -354,6 +342,13 @@ const BaseInfo = observer(() => {
 						placeholder="项目描述限制100字以内"
 						maxLength={100}
 					></textarea>
+					{/* <MyInput
+						value={projectInfo.desc}
+						multiline
+						rows={4}
+						placeholder="项目描述限制100字以内"
+						onChange={descChange}
+					/> */}
 				</div>
 				<div className={style.projectInfoListLi}>
 					<div className={style.projectInfoListLiLabel}>计算区</div>
@@ -375,42 +370,26 @@ const BaseInfo = observer(() => {
 				</div>
 				<div className={style.projectInfoListLi}>
 					<div className={style.projectInfoListLiLabel}>创建人</div>
-					<input
+					<MyInput
 						value={projectInfo.owner}
 						disabled
-						className={classnames({
-							[style.projectInfoListLiValue]: true,
-							[style.disable]: true,
-						})}
-					></input>
+						style={{ width: "560px" }}
+					/>
 				</div>
 				<div className={style.projectInfoListLi}>
 					<div className={style.projectInfoListLiLabel}>项目预算</div>
-					{/* <MyInput
-						sx={{
-							width: "560px",
-							'& .MuiOutlinedInput-root': {
-								height: '36px'
-							}
-						}}
-					/> */}
-					<TextField
+					<MyInput
 						required
 						error={budgetCheck.error}
 						disabled={currentUserName !== projectInfo.tenantUser}
-						id="projectBudget"
+						// id="projectBudget"
 						variant="outlined"
 						value={projectInfo.projectBudget}
 						onChange={budgetChange}
 						onBlur={budgetBlur}
 						helperText={budgetCheck.help}
-						size="small"
-						sx={{
-							width: "560px",
-							"& .MuiOutlinedInput-root": {
-								height: "36px",
-							},
-						}}
+						// size="small"
+						style={{ width: "560px" }}
 						InputProps={{
 							startAdornment: (
 								<InputAdornment position="start">¥</InputAdornment>
@@ -420,14 +399,11 @@ const BaseInfo = observer(() => {
 				</div>
 				<div className={style.projectInfoListLi}>
 					<div className={style.projectInfoListLiLabel}>扣费账号</div>
-					<input
+					<MyInput
 						value={projectInfo.tenantUser}
 						disabled
-						className={classnames({
-							[style.projectInfoListLiValue]: true,
-							[style.disable]: true,
-						})}
-					></input>
+						style={{ width: "560px" }}
+					/>
 				</div>
 				<div className={style.projectInfoListLi}>
 					<LoadingButton

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

@@ -2,23 +2,24 @@
  * @Author: 吴永生#A02208 yongsheng.wu@wholion.com
  * @Date: 2022-05-31 10:18:13
  * @LastEditors: 吴永生 15770852798@163.com
- * @LastEditTime: 2022-07-26 11:13:10
+ * @LastEditTime: 2022-07-28 18:10:42
  * @FilePath: /bkunyun/src/views/Project/ProjectSetting/index.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
 import { toJS } from "mobx";
 import { observer } from "mobx-react-lite";
 import _ from "lodash";
-
-import Dialog from "@/components/mui/MyDialog";
 import { memo, useCallback, useEffect, useMemo, useState } from "react";
 import { Box, OutlinedInput } from "@mui/material";
-import SearchIcon from "@mui/icons-material/Search";
+
+import Dialog from "@/components/mui/MyDialog";
 import { IResponse, useHttp } from "@/api/http";
 import { useStores } from "@/store";
 import { useMessage } from "@/components/MySnackbar";
 import MySelect, { IOption } from "@/components/mui/MySelect";
 import MyTable from "@/components/mui/MyTable";
+import SearchInput from "@/components/BusinessComponents/SearchInput";
+
 interface IProps {
 	setAddMemberDialog: (val: boolean) => void;
 	addMemberDialog: boolean;
@@ -158,19 +159,15 @@ const AddMember = observer((props: IProps) => {
 				title="添加成员"
 			>
 				<Box>
-					<Box sx={{ mb: 2 }}>
-						<OutlinedInput
-							onChange={(e: any) => {
-								_.debounce(() => {
+					<SearchInput
+						onKeyUp={(e: any) => {
+							if (e.keyCode === 13) {
 								setProjectMember(e.target.value);
-								}, 200)();
+							}
 						}}
 						placeholder="搜索项目成员"
-							size="small"
-							sx={{ width: "100%", height: 32 }}
-							endAdornment={<SearchIcon style={{ color: "#8A9099" }} />}
+						sx={{ mb: 2 }}
 					/>
-					</Box>
 					<div style={{ overflowY: "scroll", maxHeight: 400 }}>
 						<MyTable
 							checkboxData={(val: string[]) => setCheckData(val)}

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

-import style from "./index.module.css";
 import { MenuItem } from "@mui/material";
+import React, { useState, useEffect } from "react";
+
 import MyInput from "@/components/mui/MyInput";
 import MyDialog from "@/components/mui/MyDialog";
-import React, { useState, useEffect } from "react";
 import useMyRequest from "@/hooks/useMyRequest";
 import { hpczone, addProject } from "@/api/project_api";
 import { useMessage } from "@/components/MySnackbar";
@@ -14,6 +14,8 @@ import {
 	getFiletokenAccordingToId,
 } from "@/views/Project/project";
 
+import style from "./index.module.css";
+
 type zoneIdOption = {
 	id: string;
 	name: string;