更新采购列表界面
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user