提交 1719a32a authored 作者: liuluyu's avatar liuluyu

更新问题清单样式

上级 739f93b2
<template> <template>
<div class="problem-check-page"> <div class="problem-check-page">
<BasicTable @register="registerTable" :rowSelection="rowSelection" class="styled-table"> <div class="styled-table">
<BasicTable @register="registerTable" :rowSelection="rowSelection" class="flat-table">
<template #tableTitle> <template #tableTitle>
<div class="table-toolbar">
<!-- <a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined">添加问题</a-button> --> <!-- <a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined">添加问题</a-button> -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <a-dropdown v-if="selectedRowKeys.length > 0">
<template #overlay> <template #overlay>
...@@ -17,11 +19,13 @@ ...@@ -17,11 +19,13 @@
<Icon icon="mdi:chevron-down" /> <Icon icon="mdi:chevron-down" />
</a-button> </a-button>
</a-dropdown> </a-dropdown>
</div>
</template> </template>
<template #action="{ record }"> <template #action="{ record }">
<TableAction :actions="getTableAction(record)" /> <TableAction :actions="getTableAction(record)" />
</template> </template>
</BasicTable> </BasicTable>
</div>
<StProblemCheckModal @register="registerModal" @success="handleSuccess" :centered="true" /> <StProblemCheckModal @register="registerModal" @success="handleSuccess" :centered="true" />
</div> </div>
</template> </template>
...@@ -158,18 +162,19 @@ ...@@ -158,18 +162,19 @@
background: var(--color-bg-white); background: var(--color-bg-white);
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
border-radius: var(--radius); border-radius: var(--radius);
}
.table-toolbar {
display: flex;
gap: 8px;
padding: 12px 0;
flex-wrap: wrap;
}
.flat-table {
:deep(.ant-table) { :deep(.ant-table) {
border-radius: 0; border-radius: 0;
font-size: 13px; font-size: 13px;
} }
:deep(.ant-table-title) {
padding: 12px 16px;
border-bottom: 1px solid var(--color-border);
background: var(--color-bg-section);
}
:deep(.ant-table-thead > tr > th) { :deep(.ant-table-thead > tr > th) {
background: var(--color-bg-section); background: var(--color-bg-section);
border-bottom: 1px solid var(--color-border-strong); border-bottom: 1px solid var(--color-border-strong);
...@@ -198,13 +203,6 @@ ...@@ -198,13 +203,6 @@
:deep(.ant-table-row-selected > td) { :deep(.ant-table-row-selected > td) {
background: var(--color-primary-light) !important; background: var(--color-primary-light) !important;
} }
/* 搜索表单区域 */
:deep(.ant-form) {
padding: 16px 16px 4px;
background: var(--color-bg-white);
border-bottom: 1px solid var(--color-border);
}
} }
/* ==================== 表单控件 ==================== */ /* ==================== 表单控件 ==================== */
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论