修复less导入污染全局

This commit is contained in:
linxd
2025-06-23 08:33:14 +08:00
parent 0b2891a0e3
commit 8a121eff8a
23 changed files with 221 additions and 280 deletions

View File

@ -1,11 +1,11 @@
.supplier-task-manage-container {
.supplierTaskManageContainer {
// 使用公共容器样式不需要重复定义padding和background-color
.task-detail {
.taskDetail {
padding: 16px;
.detail-item {
.detailItem {
margin-bottom: 16px;
line-height: 22px;

View File

@ -24,7 +24,7 @@ import {
EyeOutlined,
} from '@ant-design/icons';
import { TaskStatus, TaskType, TaskStatusText, TaskStatusColor, TaskTypeText } from '@/dicts/supplierTaskDict';
import './supplierTaskManage.less';
import styles from './supplierTaskManage.less';
const { Option } = Select;
const { RangePicker } = DatePicker;
@ -375,77 +375,77 @@ const SupplierTaskManage: React.FC = () => {
if (!viewData) return null;
return (
<div className="task-detail">
<div className={styles.taskDetail}>
<Row gutter={[16, 16]}>
<Col span={12}>
<div className="detail-item">
<span className="label"></span>
<span className="content">{viewData.taskName}</span>
<div className={styles.detailItem}>
<span className={styles.label}></span>
<span className={styles.content}>{viewData.taskName}</span>
</div>
</Col>
<Col span={12}>
<div className="detail-item">
<span className="label"></span>
<span className="content">{viewData.taskCode}</span>
<div className={styles.detailItem}>
<span className={styles.label}></span>
<span className={styles.content}>{viewData.taskCode}</span>
</div>
</Col>
<Col span={12}>
<div className="detail-item">
<span className="label"></span>
<span className="content">
<div className={styles.detailItem}>
<span className={styles.label}></span>
<span className={styles.content}>
{TaskTypeText[viewData.taskType as keyof typeof TaskTypeText] || '未知类型'}
</span>
</div>
</Col>
<Col span={12}>
<div className="detail-item">
<span className="label">使</span>
<span className="content">{viewData.templateName}</span>
<div className={styles.detailItem}>
<span className={styles.label}>使</span>
<span className={styles.content}>{viewData.templateName}</span>
</div>
</Col>
<Col span={12}>
<div className="detail-item">
<span className="label"></span>
<span className="content">{getStatusTag(viewData.status)}</span>
<div className={styles.detailItem}>
<span className={styles.label}></span>
<span className={styles.content}>{getStatusTag(viewData.status)}</span>
</div>
</Col>
<Col span={12}>
<div className="detail-item">
<span className="label"></span>
<span className="content">{viewData.startTime}</span>
<div className={styles.detailItem}>
<span className={styles.label}></span>
<span className={styles.content}>{viewData.startTime}</span>
</div>
</Col>
<Col span={12}>
<div className="detail-item">
<span className="label"></span>
<span className="content">{viewData.endTime}</span>
<div className={styles.detailItem}>
<span className={styles.label}></span>
<span className={styles.content}>{viewData.endTime}</span>
</div>
</Col>
<Col span={12}>
<div className="detail-item">
<span className="label"></span>
<span className="content">{viewData.createBy}</span>
<div className={styles.detailItem}>
<span className={styles.label}></span>
<span className={styles.content}>{viewData.createBy}</span>
</div>
</Col>
<Col span={12}>
<div className="detail-item">
<span className="label"></span>
<span className="content">{viewData.createTime}</span>
<div className={styles.detailItem}>
<span className={styles.label}></span>
<span className={styles.content}>{viewData.createTime}</span>
</div>
</Col>
{viewData.updateBy && (
<Col span={12}>
<div className="detail-item">
<span className="label"></span>
<span className="content">{viewData.updateBy}</span>
<div className={styles.detailItem}>
<span className={styles.label}></span>
<span className={styles.content}>{viewData.updateBy}</span>
</div>
</Col>
)}
{viewData.updateTime && (
<Col span={12}>
<div className="detail-item">
<span className="label"></span>
<span className="content">{viewData.updateTime}</span>
<div className={styles.detailItem}>
<span className={styles.label}></span>
<span className={styles.content}>{viewData.updateTime}</span>
</div>
</Col>
)}
@ -522,7 +522,7 @@ const SupplierTaskManage: React.FC = () => {
};
return (
<div className="supplier-task-manage-container common-container">
<div className={`${styles.supplierTaskManageContainer} common-container`}>
<div className="filter-action-row">
<Form
form={form}