Browse Source

fix: 表格表头样式统一修复

master
guoapeng 3 weeks ago
parent
commit
ac97a3a24f
  1. 7
      src/assets/styles/element.scss
  2. 2
      src/components/setting/History.vue
  3. 2
      src/components/setting/HistoryDetail.vue
  4. 2
      src/components/setting/User.vue
  5. 2
      src/views/audit/index.vue

7
src/assets/styles/element.scss

@ -36,3 +36,10 @@
.el-card__body{
padding: 0;
}
.el-table__header {
th {
background-color: rgba(0,0,0,0.02 ) !important;
color: rgba(0, 0, 0, 0.85)
}
}

2
src/components/setting/History.vue

@ -114,7 +114,7 @@ const onClose = () => {
/>
</div>
<div class="history-table">
<el-table :data="tableData" stripe style="width: 100%" @selection-change="handleSelectionChange">
<el-table :data="tableData" style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column prop="name" label="消毒日期" />
<el-table-column prop="detail" label="操作" width="100">

2
src/components/setting/HistoryDetail.vue

@ -48,7 +48,7 @@ const tableColumns = computed(() => {
<template>
<div class="data-table-container">
<el-table :data="tableData" stripe style="width: 100%">
<el-table :data="tableData" style="width: 100%">
<el-table-column
v-for="column in tableColumns"
:key="column.prop"

2
src/components/setting/User.vue

@ -94,7 +94,7 @@ const handleSelectionChange = (users: User.UserItem[]) => {
/>
</div>
<div class="user-table">
<el-table :data="tableData" stripe style="width: 100%" @selection-change="handleSelectionChange">
<el-table :data="tableData" style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column prop="name" label="用户名" />
<el-table-column prop="detail" label="操作" width="250" align="center">
<template #default="scoped">

2
src/views/audit/index.vue

@ -105,7 +105,7 @@ const handleSelectionChange = (users: Audit.AuditItem[]) => {
/>
</div>
<div class="audit-table">
<el-table :data="tableData" stripe style="width: 100%" @selection-change="handleSelectionChange">
<el-table :data="tableData" style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column prop="usrName" label="操作人" width="250" />
<el-table-column prop="behaviorinfo" label="操作内容" />

Loading…
Cancel
Save