From 31bc616ad716daf2ba0ec7fa38352644b6293dfc Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 07 四月 2026 11:36:16 +0800
Subject: [PATCH] 1.整体样式修改
---
src/components/PIMTable/PIMTable.vue | 34 +++++++++++++++++++++++++++++-----
1 files changed, 29 insertions(+), 5 deletions(-)
diff --git a/src/components/PIMTable/PIMTable.vue b/src/components/PIMTable/PIMTable.vue
index eb0cf87..dffd515 100644
--- a/src/components/PIMTable/PIMTable.vue
+++ b/src/components/PIMTable/PIMTable.vue
@@ -4,7 +4,7 @@
v-loading="tableLoading"
:border="border"
:data="tableData"
- :header-cell-style="{ background: '#F0F1F5', color: '#333333' }"
+ :header-cell-style="mergedHeaderCellStyle"
:height="height"
:highlight-current-row="highlightCurrentRow"
:row-class-name="rowClassName"
@@ -226,7 +226,7 @@
<script setup>
import pagination from "./Pagination.vue";
-import { ref, inject, getCurrentInstance } from "vue";
+import { computed, ref, inject, getCurrentInstance } from "vue";
import { ElMessage } from "element-plus";
// 鑾峰彇鍏ㄥ眬鐨� uploadHeader
@@ -334,6 +334,13 @@
},
});
+const mergedHeaderCellStyle = computed(() => ({
+ background: "var(--surface-soft)",
+ color: "var(--text-secondary)",
+ fontWeight: 600,
+ ...props.headerCellStyle,
+}));
+
// Data
const uploadRefs = ref([]);
const currentFiles = ref({});
@@ -367,11 +374,11 @@
return format(val);
} else return val;
};
+const validTagTypes = ["primary", "success", "info", "warning", "danger"];
const formatType = (val, format) => {
- if (typeof format === "function") {
- return format(val);
- } else return "";
+ const type = typeof format === "function" ? format(val) : undefined;
+ return validTagTypes.includes(type) ? type : undefined;
};
const isOperationDisabled = (operation, row) => {
@@ -507,6 +514,12 @@
</script>
<style scoped lang="scss">
+.lims-table {
+ border: 1px solid var(--surface-border);
+ border-radius: 18px;
+ background: rgba(255, 255, 255, 0.9);
+}
+
.cell {
white-space: nowrap;
overflow: hidden;
@@ -519,4 +532,15 @@
.pim-table-header-extra :deep(.el-select) {
width: 100%;
}
+
+.pim-table-header-cell {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 10px;
+}
+
+.pim-table-header-title {
+ font-weight: 600;
+}
</style>
--
Gitblit v1.9.3