diff --git a/ruoyi-admin/src/main/resources/templates/tyre/tyre/typreDetill2.html b/ruoyi-admin/src/main/resources/templates/tyre/tyre/typreDetill2.html index e5e58b72..a57ffdf3 100644 --- a/ruoyi-admin/src/main/resources/templates/tyre/tyre/typreDetill2.html +++ b/ruoyi-admin/src/main/resources/templates/tyre/tyre/typreDetill2.html @@ -178,6 +178,11 @@ background: #ed5565; } + .life-item.is-maintenance .life-dot { + border-color: #fde6c8; + background: #f8ac59; + } + .life-title-row { display: flex; justify-content: space-between; @@ -210,6 +215,33 @@ color: #8a6d3b; } + .tire-detail-list { + grid-column: 1 / -1; + margin-top: 8px; + padding: 8px 10px; + background: #fbfbfb; + border: 1px solid #edf1f2; + border-radius: 4px; + } + + .tire-detail-title { + margin-bottom: 6px; + color: #2f4050; + font-weight: 600; + } + + .tire-detail-row { + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 6px 10px; + padding: 7px 0; + border-top: 1px dashed #e7eaec; + } + + .tire-detail-row:first-of-type { + border-top: 0; + } + .empty-life { padding: 48px 16px; color: #999; @@ -227,7 +259,8 @@ } .info-grid, - .life-meta { + .life-meta, + .tire-detail-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } @@ -245,7 +278,9 @@