| | |
| | | const getTypeData = () => { |
| | | getJobEventByStatus(params.value).then(res => { |
| | | const resList = res?.data?.data || []; |
| | | |
| | | resList.forEach(item => { |
| | | eventTypeList.value.forEach(item1 => { |
| | | if (item1.name === item.name) { |
| | |
| | | }); |
| | | }; |
| | | const refresh = () => { |
| | | params.value.date_enum = 'CURRENT_YEAR'; |
| | | checked.value = 'CURRENT_YEAR'; |
| | | dateSelect.value = 'CURRENT_YEAR'; |
| | | // params.value.date_enum = 'CURRENT_YEAR'; |
| | | // checked.value = 'CURRENT_YEAR'; |
| | | // dateSelect.value = 'CURRENT_YEAR'; |
| | | getTypeData(); |
| | | }; |
| | | |
| | |
| | | border-radius: 8px 8px 8px 8px; |
| | | padding: 4px 14px 0 15px; |
| | | background: #ffffff !important; |
| | | // height: 315px; |
| | | height: pxToVh(355); |
| | | |
| | | height: pxToVh(282); |
| | | margin-bottom: 10px; |
| | | .card-title { |
| | | display: flex; |
| | | margin-bottom: 10px; |
| | | margin-bottom: 4px; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | .cardtotal { |
| | |
| | | .status-grid { |
| | | display: grid; |
| | | grid-template-columns: repeat(2, 1fr); |
| | | // row-gap: 19px; |
| | | // gap: 10px; |
| | | |
| | | // padding-bottom: 5px; |
| | | |
| | | .status-item { |
| | | display: flex; |
| | | text-align: center; |
| | | justify-content: space-between; |
| | | // height: 97px; |
| | | height: pxToVh(107); |
| | | // max-width: 158px; |
| | | margin-bottom: 19px; |
| | | height: pxToVh(97); |
| | | margin-bottom: 10px; |
| | | margin-right: 14px; |
| | | width: 144px; |
| | | background: #f6f8fe; |
| | |
| | | } |
| | | |
| | | .statusCon { |
| | | box-sizing: border-box; |
| | | display: flex; |
| | | flex-direction: column; |
| | | // align-items: center; |
| | | padding: 5px 4px 9px 10px; |
| | | justify-content: space-between; |
| | | padding: 10px 4px 39px 10px; |
| | | text-align: left; |
| | | |
| | | .status-label { |
| | |
| | | font-size: 14px; |
| | | text-align: left; |
| | | color: #383838; |
| | | margin: 0; |
| | | } |
| | | |
| | | .ratio { |
| | |
| | | color: #363636; |
| | | white-space: nowrap; |
| | | text-align: left; |
| | | margin-top: 10px; |
| | | } |
| | | |
| | | .status-value { |
| | | font-family: 'Source Han Sans CN'; |
| | | font-weight: bold; |
| | | font-size: 30px; |
| | | font-size: 28px; |
| | | height: 28px; |
| | | color: #363636; |
| | | // margin: 5px 0; |
| | | // font-style: italic; |
| | | margin-top: -6px; |
| | | display: inline-block; |
| | | transform: skewX(-5deg); |
| | | |