修复less导入污染全局
This commit is contained in:
@ -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;
|
||||
|
||||
|
@ -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}
|
||||
|
Reference in New Issue
Block a user