c-chenxs1/zhgh_zjnu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 疗休养优化

Browse Source
This commit is contained in:
c-chenxs1
2026-11-04 17:11:14 +08:00
parent 894c720bb8
commit 060e8d5bc7
20 changed files with 730 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/static/assets/staffbenefit/therapyRecuperation/component.js
+4 -4
View File
@@ -1,9 +1,9 @@
Vue.component('vi-title', {
props: ['title'],
template: `
<div style="display: flex;flex-direction:row;color: var(--color-primary);font-weight: bolder;margin-bottom: 20px">
<div style="width: 5px;height: 24px;background-color: var(--color-primary);border-radius: 2px"></div>
<div style="margin-left: 20px;line-height: 24px;font-size: 15px;letter-spacing: 1px">
<div class="therapy-title" style="display: flex;flex-direction:row;color: var(--color-primary);font-weight: bolder;margin-bottom: 20px">
<div class="therapy-title-marker" style="width: 5px;height: 24px;background-color: var(--color-primary);border-radius: 2px"></div>
<div class="therapy-title-text" style="margin-left: 20px;line-height: 24px;font-size: 15px;letter-spacing: 1px">
{{ title }}
</div>
</div>
@@ -79,7 +79,7 @@ Vue.component('table-tool', {
this.getColumns()
},
template: `
<el-row type="flex" justify="space-between" align="middle" style="margin-bottom: 15px">
<el-row class="therapy-table-tool" type="flex" justify="space-between" align="middle" style="margin-bottom: 15px">
<div style="display: flex;justify-content: center;align-items: center">
<vi-title :title="label" style="margin-bottom: 0"></vi-title><slot name="label_end"></slot>
src/main/resources/static/assets/staffbenefit/therapyRecuperation/css/desktop.css
+189
View File
@@ -0,0 +1,189 @@
.therapy-desktop {
font-family: "Helvetica Neue", "Microsoft YaHei", Arial, sans-serif;
font-size: 14px;
color: #303133;
}
.therapy-desktop #app {
height: auto;
min-height: 100%;
overflow: visible;
background: transparent;
}
.therapy-desktop #app .el-card__header {
padding: 16px 20px;
color: #303133;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.therapy-desktop #app .el-form-item__label {
color: #606266;
font-weight: 400;
}
.therapy-desktop #app .search {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px 24px;
margin: 0;
}
.therapy-desktop #app .search .search-item {
width: auto;
min-width: 0;
margin: 0;
padding: 0;
overflow: visible;
}
.therapy-desktop #app .search .search-item-label {
flex: 0 0 90px;
width: 90px;
min-width: 0;
margin-right: 12px;
color: #606266;
text-align: right;
line-height: 20px;
overflow: visible;
}
.therapy-desktop #app .search .search-item-option {
flex: 1;
width: 0;
min-width: 0;
overflow: visible;
}
.therapy-desktop #app .search-item-option > .el-input,
.therapy-desktop #app .search-item-option > .el-select,
.therapy-desktop #app .search-item-option > .el-date-editor {
width: 100%;
max-width: 100%;
}
.therapy-desktop #app .search-item-option > .el-radio-group {
display: flex;
flex-wrap: wrap;
gap: 4px 0;
}
.therapy-desktop #app .search .search-query {
display: flex;
align-items: center;
gap: 10px;
width: auto;
margin: 0;
padding-left: 102px;
overflow: visible;
}
.therapy-desktop #app .query-row {
height: auto;
min-height: 56px;
padding: 12px 0;
}
.therapy-desktop #app .query-row > .query-row-title:empty {
display: none;
}
.therapy-desktop #app .query-row .el-col {
min-width: 0;
overflow: visible;
}
.therapy-desktop #app .query-row-content {
flex: 1;
}
.therapy-desktop #app .query-row-content > .el-row {
display: flex;
flex-wrap: wrap;
row-gap: 12px;
}
.therapy-desktop #app .query-row-content > .el-row > .el-col {
display: flex;
align-items: center;
gap: 12px;
padding-right: 24px;
}
.therapy-desktop #app .query-row-content > .el-row > .el-col > span:first-child {
flex: 0 0 90px;
color: #606266;
text-align: right;
}
.therapy-desktop #app .query-row-content > .el-row > .el-col > .el-input,
.therapy-desktop #app .query-row-content > .el-row > .el-col > .el-select {
flex: 1;
width: 0 !important;
min-width: 0;
}
.therapy-desktop .therapy-table-tool {
flex-wrap: wrap;
gap: 12px;
}
.therapy-desktop .therapy-table-tool > div {
min-width: 0;
max-width: 100%;
flex-wrap: wrap;
gap: 10px;
}
.therapy-desktop .therapy-title {
display: flex;
align-items: center;
min-width: 0;
margin-bottom: 16px;
color: #303133 !important;
font-size: 16px;
font-weight: 600 !important;
line-height: 24px;
overflow-wrap: anywhere;
}
.therapy-desktop .therapy-title .therapy-title-marker {
flex: 0 0 3px;
height: 16px !important;
}
.therapy-desktop .therapy-title .therapy-title-text {
margin-left: 10px !important;
font-size: 16px !important;
letter-spacing: normal !important;
}
.therapy-desktop #app .chart-title,
.therapy-desktop #app .col-title {
color: #303133;
font-size: 16px;
font-weight: 600;
}
@media (max-width: 1199px) {
.therapy-desktop #app .search {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.therapy-desktop #app .search {
grid-template-columns: minmax(0, 1fr);
}
.therapy-desktop #app .query-row-content > .el-row > .el-col {
width: 100%;
padding-right: 0;
}
.therapy-desktop .therapy-table-tool > div {
width: 100%;
}
}