diff --git a/src/assets/main.css b/src/assets/main.css index b529b8b..55a5f7a 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -1,245 +1,246 @@ #app { - font-weight: normal; + font-weight: normal; } a, .green { - text-decoration: none; - color: hsla(160, 100%, 37%, 1); - transition: 0.4s; + text-decoration: none; + color: hsla(160, 100%, 37%, 1); + transition: 0.4s; } @media (hover: hover) { - a:hover { - background-color: hsla(160, 100%, 37%, 0.2); - } + a:hover { + background-color: hsla(160, 100%, 37%, 0.2); + } } .AppSelect .el-input__inner { - background: linear-gradient(180deg, rgba(12, 53, 111, 0) 0%, #0C356F 100%); - border: 1px solid #1760AE; - border-radius: 0; - color: #fff; + background: linear-gradient(180deg, rgba(12, 53, 111, 0) 0%, #0C356F 100%); + border: 1px solid #1760AE; + border-radius: 0; + color: #fff; } .el-table:before, .el-table:after { - background: transparent; + background: transparent; } .el-table .gutter { - background-color: transparent !important; - border-color: transparent !important; + background-color: transparent !important; + border-color: transparent !important; } .flex { - display: flex; + display: flex; } .fill { - flex: 1; - min-height: 0; - min-width: 0; + flex: 1; + min-height: 0; + min-width: 0; } .pointer { - cursor: pointer; + cursor: pointer; } .grid { - display: grid; - grid-template-columns: repeat(4, 1fr); + display: grid; + grid-template-columns: repeat(4, 1fr); } .mb-8 { - margin-bottom: 8px; + margin-bottom: 8px; } .mr-8 { - margin-right: 8px; + margin-right: 8px; } .dv-scroll-board { - overflow: hidden; + overflow: hidden; } .dv-scroll-board .header { - align-items: center; - padding: 6px 0; + align-items: center; + padding: 6px 0; } .dv-scroll-board .header-item, .tableHead .item { - height: initial !important; - line-height: 17px !important; - font-weight: bold; + height: initial !important; + line-height: 17px !important; + font-weight: bold; } .dv-scroll-board .ceil { - padding: 6px 10px !important; + padding: 6px 10px !important; } .dv-scroll-board .row-item { - overflow: hidden; + overflow: hidden; } .dv-scroll-board .ceil, .dv-scroll-board .header-item { - text-wrap: unset !important; - word-break: break-all; - font-size: 12px; - line-height: 17px + text-wrap: unset !important; + word-break: break-all; + font-size: 12px; + line-height: 17px } .summary { - height: 30px; - align-items: center; - color: #66FFFF; - background-image: linear-gradient(90deg, rgba(1, 196, 236, 0.5) 0%, rgba(1, 196, 236, 0.01) 100%); + height: 30px; + align-items: center; + color: #66FFFF; + background-image: linear-gradient(90deg, rgba(1, 196, 236, 0.5) 0%, rgba(1, 196, 236, 0.01) 100%); } .tableHead { - height: 30px; - align-items: center; - background-color: rgba(13, 48, 99, 0.6); + height: 30px; + align-items: center; + background-color: rgba(13, 48, 99, 0.6); } .summary .item, .tableHead .item { - font-size: 12px; - font-weight: bold; - padding: 0 6px; - align-items: center; - box-sizing: border-box; - line-height: 17px; - flex-shrink: 0; + font-size: 12px; + font-weight: bold; + padding: 0 6px; + align-items: center; + box-sizing: border-box; + line-height: 17px; + flex-shrink: 0; } .summary .item { - white-space: wrap; - word-break: break-all; + white-space: wrap; + word-break: break-all; } .dialogTable { - position: fixed !important; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - width: 600px !important; - height: 300px; - z-index: 9999; - background-color: #07193D; - box-shadow: #66FFFF 0 0 20px; + position: fixed !important; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + width: 600px !important; + height: 300px; + z-index: 9999; + background-color: #07193D; + box-shadow: #66FFFF 0 0 20px; } .scrollTable { - color: #fff; - box-sizing: border-box; - background: transparent !important; - border-color: transparent; + color: #fff; + box-sizing: border-box; + background: transparent !important; + border-color: transparent; } .scrollTable .tableHeader { - background: rgba(13, 48, 99, 0.6) !important; - color: #fff; - border-color: transparent !important; + background: rgba(13, 48, 99, 0.6) !important; + color: #fff; + border-color: transparent !important; } .scrollTable tr { - background-color: transparent !important; + background-color: transparent !important; } .scrollTable .el-table__footer-wrapper tr { - background: linear-gradient(90deg, rgba(1, 196, 236, 0.5) 0%, rgba(1, 196, 236, 0.01) 100%); + background: linear-gradient(90deg, rgba(1, 196, 236, 0.5) 0%, rgba(1, 196, 236, 0.01) 100%); } .scrollTable .el-table__footer-wrapper .is-leaf { - color: #66FFFF; - background: transparent; - border-color: transparent; + color: #66FFFF; + background: transparent; + border-color: transparent; } .scrollTable:before { - background: transparent !important; + background: transparent !important; } .scrollTable .el-table__cell.gutter, .scrollTable [name=gutter] { - display: none; + display: none; } .scrollTable .simplebar-scrollbar:before { - background: #ddd; + background: #ddd; } .scrollTable .el-table__body { - width: 100% !important; + width: 100% !important; } .scrollTable .el-table__body-wrapper { - overflow-x: hidden !important; + overflow-x: hidden !important; } .scrollTable .tableCell { - color: #fff; - border-color: transparent !important; + color: #fff; + border-color: transparent !important; } .scrollTable .cell { - text-wrap: unset !important; - word-break: break-all; - font-size: 12px; - padding-left: 6px !important; - padding-right: 6px !important; + text-wrap: unset !important; + word-break: break-all; + font-size: 12px; + padding-left: 6px !important; + padding-right: 6px !important; } .scrollTable .el-table__cell { - padding: 3px 0 !important; + padding: 3px 0 !important; } .scrollTable tr.el-table__row--striped { - --odd-bg: #09265B; - background-color: #081F48; - background-image: linear-gradient( - -45deg, var(--odd-bg) 0, var(--odd-bg) 10%, transparent 10%, transparent 50%, - var(--odd-bg) 50%, var(--odd-bg) 60%, transparent 60%, transparent); - background-size: 10px 10px; + --odd-bg: #09265B; + background-color: #081F48; + background-image: linear-gradient( + -45deg, var(--odd-bg) 0, var(--odd-bg) 10%, transparent 10%, transparent 50%, + var(--odd-bg) 50%, var(--odd-bg) 60%, transparent 60%, transparent); + background-size: 10px 10px; } .scrollTable tr.el-table__row--striped .tableCell { - background-color: transparent !important; + background-color: transparent !important; } .scrollTable tr:hover > .tableCell { - background-color: rgba(255, 255, 255, .1) !important; + background-color: rgba(255, 255, 255, .1) !important; } .AppSubTitle { - height: 48px; - padding: 8px 0 8px 38px; - margin-bottom: 24px; - box-sizing: border-box; - line-height: 32px; - background-image: url("http://10.0.97.209/img/kengee/kengee4.png"); - background-repeat: no-repeat; - background-size: 100% 100%; - color: #fff; - max-width: 400px; - display: flex; - align-items: center; - gap: 16px; - position: relative; + height: 48px; + padding: 8px 0 8px 38px; + margin-bottom: 12px; + box-sizing: border-box; + line-height: 32px; + background-image: url("http://10.0.97.209/img/kengee/kengee4.png"); + background-repeat: no-repeat; + background-size: 400px 100%; + color: #fff; + max-width: 100%; + min-width: 400px; + display: flex; + align-items: center; + gap: 16px; + position: relative; } .AppSubTitle span { - font-size: 12px; - color: #215A8E; + font-size: 12px; + color: #215A8E; } .AppSubTitle > .right { - position: absolute; - right: -30px; - top: 50%; - transform: translateY(-50%); + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); } .AppSubTitle .el-select { - width: 120px; + width: 120px; } diff --git a/src/views/AppKeyGoods.vue b/src/views/AppKeyGoods.vue index d159070..689bff8 100644 --- a/src/views/AppKeyGoods.vue +++ b/src/views/AppKeyGoods.vue @@ -1,9 +1,6 @@