更新采购列表界面

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