Merge remote-tracking branch 'origin/master'
# Conflicts:
# src/views/Home/components/HomeLeft/OverviewNext.vue
| | |
| | | <style scoped lang="scss"> |
| | | .inspection-rask-details { |
| | | margin-left: 29px; |
| | | padding: hToV(16) 16px; |
| | | width: 390px; |
| | | height: 414px; |
| | | background: linear-gradient( 270deg, rgba(31,62,122,0) 0%, rgba(31,62,122,0.35) 21%, #1F3E7A 100%); |
| | |
| | | </div> |
| | | <div class="table-item" v-for="item in tableList"> |
| | | <div class="name"> |
| | | <img width="10" height="10" src="@/assets/images/table-zx.png" alt=""> |
| | | <img class="yjzx-img" width="10" height="10" src="@/assets/images/table-zx.png" alt=""> |
| | | <img width="13" height="15" src="@/assets/images/table-icon.png" alt=""> |
| | | {{item.name}} |
| | | </div> |
| | |
| | | </div> |
| | | </template> |
| | | <script setup> |
| | | import { Search } from '@element-plus/icons-vue'; |
| | | |
| | | const list = ref([ |
| | | { name: '执行中', value: 89, color: '#FFA768' }, |
| | |
| | | .overview-next { |
| | | font-family: YouSheBiaoTiHei, YouSheBiaoTiHei; |
| | | margin-left: 29px; |
| | | padding: hToV(16) 16px; |
| | | width: 390px; |
| | | height: 414px; |
| | | background: linear-gradient( 270deg, rgba(31,62,122,0) 0%, rgba(31,62,122,0.35) 21%, #1F3E7A 100%); |
| | |
| | | :deep(.el-input__wrapper) { |
| | | background-color: rgba(0, 112, 255, 0.1); |
| | | background: rgba(0,15,34,0.5); |
| | | box-shadow: 0 0 0 1px #0070FF inset; |
| | | } |
| | | |
| | | :deep(.el-input-group__append) { |
| | | background-color: #0070FF; |
| | | border-color: #0070FF; |
| | | background: rgba(0,112,255,0.38); |
| | | .el-button { |
| | | background-color: transparent; |
| | | border: none; |
| | | border: 1px solid #0070FF; |
| | | border-left: none; |
| | | color: #fff; |
| | | } |
| | | } |
| | |
| | | } |
| | | .table-list { |
| | | margin: 16px; |
| | | font-weight: 500; |
| | | font-size: 16px; |
| | | .table-header, .table-item { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | height: 36px; |
| | | line-height: 36px; |
| | | height: hToV(36); |
| | | line-height: hToV(36); |
| | | padding: 0 20px; |
| | | } |
| | | .table-item { |
| | | |
| | | position: relative; |
| | | .yjzx-img { |
| | | position: absolute; |
| | | top: hToV(16); |
| | | left: 10px; |
| | | } |
| | | .status { |
| | | color: #6FC3FF; |
| | | } |
| | | .atcive { |
| | | color: #04F020; |
| | | } |
| | | } |
| | | } |
| | | } |