{{ formatDict(userStore.sysLoginParam.loginYLJG, 'HOS') }}
{{ statsTitle }}
-
@@ -452,31 +451,69 @@ onMounted(() => {
display: flex;
flex-direction: column;
overflow: auto;
- background-color: #eee;
+ background-color: #d5d5d5;
}
.stats-form {
- margin-bottom: 6px;
+ margin-bottom: 0;
+}
+
+.unified-panel {
+ background: #e6f7fa;
+ border-right: 1px solid #d9e8fb;
+ border-bottom: 1px solid #d9e8fb;
+ border-left: 1px solid #d9e8fb;
+ border-radius: 0 0 8px 8px;
+ box-sizing: border-box;
+ overflow: hidden;
+ box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
+ margin-top: -10px;
+}
+
+.btn-bar {
+ padding: 8px 12px 8px 12px;
+}
+
+.divider-h {
+ height: 3px;
+ background: #f8fbff;
+ border-top: 1px solid #a0b8d0;
+ border-bottom: 1px solid #fff;
+ margin: 0 12px;
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
}
.stats-form-row {
align-items: stretch;
}
-.form-panel {
- height: 100%;
- padding: 5px 12px;
- background: #f8fbff;
- border: 1px solid #d9e8fb;
- border-radius: 8px;
+.panel-section {
+ padding: 8px 12px;
box-sizing: border-box;
}
+.panel-section + .panel-section {
+ position: relative;
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 8px;
+ bottom: 8px;
+ width: 3px;
+ background: #f8fbff;
+ border-left: 1px solid #a0b8d0;
+ border-right: 1px solid #fff;
+ box-shadow: inset 1px 0 2px rgba(0, 0, 0, 0.08);
+ }
+}
+
.panel-content {
- display: flex;
- flex-wrap: wrap;
- align-items: flex-start;
- gap: 4px 12px;
+ display: grid !important;
+ grid-template-columns: repeat(auto-fill, 230px);
+ gap: 4px 6px;
+ align-items: start;
}
.panel-content-left {
@@ -485,16 +522,35 @@ onMounted(() => {
.panel-content-right {
min-height: 0;
+ display: flex !important;
+}
+
+.panel-content-right .stats-items-form-item {
+ width: 100% !important;
}
.stats-form :deep(.el-form-item) {
- margin-right: 0;
- margin-bottom: 2px;
+ display: flex !important;
+ width: 100% !important;
+ margin-right: 0 !important;
+ margin-bottom: 0 !important;
}
.stats-form :deep(.el-form-item__label) {
- padding-right: 8px;
+ padding-right: 4px !important;
color: #4b5563;
+ text-align: left;
+ flex-shrink: 0;
+}
+
+.stats-form :deep(.el-form-item__content) {
+ flex: 1;
+ min-width: 0;
+}
+
+.stats-form :deep(.checkbox-form-item .el-form-item__content) {
+ display: flex;
+ justify-content: center;
}
@@ -517,6 +573,7 @@ onMounted(() => {
font-size: 20px;
text-align: center;
font-weight: 600;
+ font-family: SimSun, "宋体", serif;
}
.content {
@@ -524,18 +581,21 @@ onMounted(() => {
text-align: center;
margin-top: 10px;
font-weight: 600;
+ font-family: SimSun, "宋体", serif;
}
.print_box {
flex: 1;
display: flex;
justify-content: center;
+ margin-top: 12px;
.print_content {
width: 70%;
height: 100%;
background-color: #fff;
+ box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}
}
@@ -544,6 +604,48 @@ onMounted(() => {
min-height: 0;
}
+.table-container :deep(.vxe-table) {
+ --vxe-table-row-height: 24px !important;
+ --vxe-table-header-row-height: 28px !important;
+ --vxe-table-footer-row-height: 24px !important;
+}
+
+.table-container :deep(.vxe-body--row),
+.table-container :deep(.vxe-header--row),
+.table-container :deep(.vxe-footer--row),
+.table-container :deep(tr) {
+ height: 24px !important;
+ min-height: 24px !important;
+ max-height: 24px !important;
+ line-height: 24px !important;
+}
+
+.table-container :deep(.vxe-header--row),
+.table-container :deep(thead tr) {
+ height: 28px !important;
+ min-height: 28px !important;
+ max-height: 28px !important;
+}
+
+.table-container :deep(.vxe-cell),
+.table-container :deep(td),
+.table-container :deep(.vxe-body--column .vxe-cell),
+.table-container :deep(th) {
+ padding: 0 4px !important;
+ line-height: 24px !important;
+ height: 24px !important;
+ font-family: SimSun, "宋体", serif;
+}
+
+.table-container :deep(thead th) {
+ height: 28px !important;
+ line-height: 28px !important;
+}
+
+.table-container :deep(.vxe-header--column .vxe-cell) {
+ font-weight: 600;
+}
+
.tips {
font-size: 15px;
font-weight: 600;
@@ -566,8 +668,8 @@ onMounted(() => {
@media (max-width: 1400px) {
- .checkbox-form-item {
- min-width: 180px;
+ .panel-content {
+ grid-template-columns: repeat(auto-fill, 215px);
}
.stats-checkbox-group :deep(.el-checkbox) {