更新采购列表界面

This commit is contained in:
吴红兵
2026-03-14 23:12:22 +08:00
parent 65f99ff477
commit 1c49821117

View File

@@ -173,12 +173,12 @@
<span style="margin-left: 4px">需求部门</span>
</template>
</el-table-column>
<el-table-column prop="projectType" label="项目类别" min-width="100" align="left" show-overflow-tooltip>
<el-table-column prop="projectType" label="类别" width="80" align="left" show-overflow-tooltip>
<template #header>
<el-icon>
<Collection />
</el-icon>
<span style="margin-left: 4px">项目类别</span>
<span style="margin-left: 4px">类别</span>
</template>
<template #default="scope">
<div>
@@ -194,23 +194,23 @@
</div>
</template>
</el-table-column>
<el-table-column prop="budget" label="项目预算(元)" width="120" align="right">
<el-table-column prop="budget" label="预算(元)" width="90" align="right">
<template #header>
<el-icon>
<Money />
</el-icon>
<span style="margin-left: 4px">项目预算</span>
<span style="margin-left: 4px">预算</span>
</template>
<template #default="scope">
{{ scope.row.budget ? Number(scope.row.budget).toLocaleString() : '-' }}
</template>
</el-table-column>
<el-table-column prop="isSpecial" label="是否特殊" width="100" align="center">
<el-table-column prop="isSpecial" label="是否特殊" width="80" align="center">
<template #header>
<el-icon>
<Warning />
</el-icon>
<span style="margin-left: 4px">是否特殊</span>
<span style="margin-left: 4px">特殊</span>
</template>
<template #default="scope">
<el-tag v-if="String(scope.row.isSpecial) === '1'" type="warning">紧急</el-tag>
@@ -220,12 +220,12 @@
<span v-else>-</span>
</template>
</el-table-column>
<el-table-column prop="isCentralized" label="是否集采" width="100" align="center">
<el-table-column prop="isCentralized" label="集采" width="80" align="center">
<template #header>
<el-icon>
<CircleCheck />
</el-icon>
<span style="margin-left: 4px">是否集采</span>
<span style="margin-left: 4px">集采</span>
</template>
<template #default="scope">
<el-tag v-if="String(scope.row.isCentralized) === '1'" type="success"></el-tag>
@@ -364,11 +364,7 @@
<template #default="scope">
<template v-if="scope.row.status === '1'">
<el-tooltip v-if="scope.row.contractFlowStatus" content="点击查看合同详情" placement="top">
<el-tag
v-if="scope.row.contractFlowStatus === '-1'"
type="info"
class="status-tag-clickable"
@click="handleEditContract(scope.row)"
<el-tag v-if="scope.row.contractFlowStatus === '-1'" type="info" class="status-tag-clickable" @click="handleEditContract(scope.row)"
>已上传
</el-tag>
<el-tag
@@ -594,7 +590,7 @@ const PurchasingAcceptModal = defineAsyncComponent(() => import('./accept/Purcha
const FlowCommentTimeline = defineAsyncComponent(() => import('/@/views/jsonflow/comment/timeline.vue'));
const FileArchiveDialog = defineAsyncComponent(() => import('./FileArchiveDialog.vue'));
const UpdateFilesDialog = defineAsyncComponent(() => import('./UpdateFilesDialog.vue'));
const ContractDialog = defineAsyncComponent(() => import('./contract/ContractDialog.vue'));
const SupplementFilesDialog = defineAsyncComponent(() => import('./SupplementFilesDialog.vue'));
const SupplementViewDialog = defineAsyncComponent(() => import('./SupplementViewDialog.vue'));
const DocAuditViewDialog = defineAsyncComponent(() => import('./DocAuditViewDialog.vue'));
@@ -1403,38 +1399,46 @@ onMounted(() => {
cursor: pointer;
}
/* 柔和统一的标签配色方案 - 校园系统专用 */
:deep(.el-tag) {
border-radius: 4px;
font-weight: 500;
border: none;
}
/* 成功/完成状态 - 柔和青绿色 */
:deep(.el-tag--success) {
--el-tag-bg-color: #e8f5e9;
--el-tag-border-color: #c8e6c9;
--el-tag-text-color: #2e7d32;
--el-tag-bg-color: #e8f6f3;
--el-tag-border-color: #d1ebde;
--el-tag-text-color: #2a9d8f;
}
/* 警告/暂存状态 - 柔和琥珀色 */
:deep(.el-tag--warning) {
--el-tag-bg-color: #fff8e1;
--el-tag-border-color: #ffecb3;
--el-tag-text-color: #f57c00;
--el-tag-bg-color: #fef6e8;
--el-tag-border-color: #fce8c9;
--el-tag-text-color: #d48806;
}
/* 危险/作废状态 - 柔和玫瑰色 */
:deep(.el-tag--danger) {
--el-tag-bg-color: #ffebee;
--el-tag-border-color: #ffcdd2;
--el-tag-text-color: #c62828;
--el-tag-bg-color: #fef2f2;
--el-tag-border-color: #fde8e8;
--el-tag-text-color: #c75b5b;
}
/* 进行中/运行中 - 柔和天蓝色 */
:deep(.el-tag--primary) {
--el-tag-bg-color: #e3f2fd;
--el-tag-border-color: #bbdefb;
--el-tag-text-color: #1565c0;
--el-tag-bg-color: #eef6fc;
--el-tag-border-color: #d9ebf7;
--el-tag-text-color: #4a90a4;
}
/* 信息/中性状态 - 柔和灰色 */
:deep(.el-tag--info) {
--el-tag-bg-color: #f5f5f5;
--el-tag-border-color: #e0e0e0;
--el-tag-text-color: #616161;
--el-tag-bg-color: #f5f6f7;
--el-tag-border-color: #e8eaed;
--el-tag-text-color: #6b7280;
}
.purchase-no-cell {
@@ -1479,15 +1483,15 @@ onMounted(() => {
}
.supplement-done {
color: #67c23a;
color: #2a9d8f;
}
.supplement-running {
color: #e6a23c;
color: #d48806;
}
.supplement-pending {
color: #f56c6c;
color: #c75b5b;
}
}
</style>