1.整体样式修改

gaoluyang

23 小时以前 9effd6fe741ec09c870a6a12aec394a09179c77b

 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"
@@ -47,7 +47,7 @@
      :width="item.width"
    >
      <template #header="scope">
        <div class="pim-table-header-cell">
        <div class="pim-table-header-cell" :class="{ 'has-extra': item.headerSlot }">
          <div class="pim-table-header-title">
            {{ item.label }}
          </div>
@@ -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
@@ -333,6 +333,13 @@
    default: () => ({ width: "100%" }),
  },
});

const mergedHeaderCellStyle = computed(() => ({
  background: "var(--surface-soft)",
  color: "var(--text-secondary)",
  fontWeight: 600,
  ...props.headerCellStyle,
}));

// Data
const uploadRefs = ref([]);
@@ -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,8 @@
.pim-table-header-extra :deep(.el-select) {
  width: 100%;
}

.pim-table-header-title {
  font-weight: 600;
}
</style>