调整部分前端布局和后端增删改逻辑
This commit is contained in:
焦龙言
@@ -0,0 +1,180 @@
|
||||
/* 三个业务菜单的统一工作区视觉与响应式规则 */
|
||||
.app-container.business-page,
|
||||
.app-container.master-page,
|
||||
.app-container.report-page {
|
||||
min-height: 100%;
|
||||
padding: 18px 20px 24px;
|
||||
background: #f5f7fb;
|
||||
}
|
||||
|
||||
.business-page .page-filter,
|
||||
.master-page .page-filter,
|
||||
.report-page .page-filter {
|
||||
margin: 0 0 14px;
|
||||
padding: 14px 16px 2px;
|
||||
border: 1px solid #e7ebf2;
|
||||
border-radius: 12px;
|
||||
background: #fff;
|
||||
box-shadow: 0 3px 14px rgba(31, 55, 88, 0.05);
|
||||
}
|
||||
|
||||
.business-page .page-filter .el-form-item,
|
||||
.master-page .page-filter .el-form-item,
|
||||
.report-page .page-filter .el-form-item {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.business-page .page-filter .el-input,
|
||||
.business-page .page-filter .el-select,
|
||||
.business-page .page-filter .el-input-number,
|
||||
.master-page .page-filter .el-input,
|
||||
.master-page .page-filter .el-select,
|
||||
.master-page .page-filter .el-input-number,
|
||||
.report-page .page-filter .el-input,
|
||||
.report-page .page-filter .el-select,
|
||||
.report-page .page-filter .el-input-number,
|
||||
.report-page .page-filter .el-date-editor {
|
||||
min-width: 190px;
|
||||
}
|
||||
|
||||
.business-page .page-toolbar,
|
||||
.master-page .page-toolbar,
|
||||
.report-page .page-toolbar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
min-height: 38px;
|
||||
margin: 0 0 12px;
|
||||
}
|
||||
|
||||
.business-page .page-toolbar .el-row,
|
||||
.master-page .page-toolbar .el-row,
|
||||
.report-page .page-toolbar .el-row {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.business-page .data-table,
|
||||
.master-page .data-table,
|
||||
.report-page .data-table {
|
||||
width: 100%;
|
||||
border: 1px solid #e7ebf2;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
box-shadow: 0 3px 14px rgba(31, 55, 88, 0.04);
|
||||
}
|
||||
|
||||
.business-page .data-table .el-table__header th,
|
||||
.master-page .data-table .el-table__header th,
|
||||
.report-page .data-table .el-table__header th {
|
||||
height: 46px !important;
|
||||
background: #f7f9fc !important;
|
||||
color: #344054;
|
||||
font-weight: 650;
|
||||
}
|
||||
|
||||
.business-page .data-table .el-table__body td,
|
||||
.master-page .data-table .el-table__body td,
|
||||
.report-page .data-table .el-table__body td {
|
||||
height: 52px;
|
||||
}
|
||||
|
||||
.business-page .data-table .el-table__body tr:nth-child(even) > td,
|
||||
.master-page .data-table .el-table__body tr:nth-child(even) > td,
|
||||
.report-page .data-table .el-table__body tr:nth-child(even) > td {
|
||||
background: #fbfcfe;
|
||||
}
|
||||
|
||||
.business-page .data-table .el-table__inner-wrapper::before,
|
||||
.master-page .data-table .el-table__inner-wrapper::before,
|
||||
.report-page .data-table .el-table__inner-wrapper::before {
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.business-page .el-alert,
|
||||
.master-page .el-alert,
|
||||
.report-page .el-alert {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.business-page .pagination-container,
|
||||
.master-page .pagination-container,
|
||||
.report-page .pagination-container {
|
||||
margin-top: 14px;
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
.business-page .operation-card {
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 3px 14px rgba(31, 55, 88, 0.05);
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.app-container.business-page,
|
||||
.app-container.master-page,
|
||||
.app-container.report-page {
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.business-page .page-filter,
|
||||
.master-page .page-filter,
|
||||
.report-page .page-filter {
|
||||
padding: 14px 14px 2px;
|
||||
}
|
||||
|
||||
.business-page .page-filter .el-form-item,
|
||||
.master-page .page-filter .el-form-item,
|
||||
.report-page .page-filter .el-form-item {
|
||||
display: block;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.business-page .page-filter .el-form-item__label,
|
||||
.master-page .page-filter .el-form-item__label,
|
||||
.report-page .page-filter .el-form-item__label {
|
||||
display: block;
|
||||
width: 100% !important;
|
||||
margin-bottom: 6px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.business-page .page-filter .el-form-item__content,
|
||||
.master-page .page-filter .el-form-item__content,
|
||||
.report-page .page-filter .el-form-item__content {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.business-page .page-filter .el-input,
|
||||
.business-page .page-filter .el-select,
|
||||
.business-page .page-filter .el-input-number,
|
||||
.master-page .page-filter .el-input,
|
||||
.master-page .page-filter .el-select,
|
||||
.master-page .page-filter .el-input-number,
|
||||
.report-page .page-filter .el-input,
|
||||
.report-page .page-filter .el-select,
|
||||
.report-page .page-filter .el-input-number,
|
||||
.report-page .page-filter .el-date-editor {
|
||||
width: 100% !important;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.business-page .page-toolbar,
|
||||
.master-page .page-toolbar,
|
||||
.report-page .page-toolbar {
|
||||
align-items: stretch;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.business-page .page-toolbar .el-button,
|
||||
.master-page .page-toolbar .el-button,
|
||||
.report-page .page-toolbar .el-button {
|
||||
min-height: 40px;
|
||||
}
|
||||
|
||||
.business-page .data-table,
|
||||
.master-page .data-table,
|
||||
.report-page .data-table {
|
||||
overflow-x: auto;
|
||||
}
|
||||
}
|
||||
@@ -5,6 +5,8 @@
|
||||
@use './btn.scss';
|
||||
@use './shierfeng.scss';
|
||||
|
||||
@use './data-pages.scss';
|
||||
|
||||
body {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
|
||||
Reference in New Issue
Block a user