diff --git a/index.html b/index.html index dde16aa..5703ab4 100644 --- a/index.html +++ b/index.html @@ -1,13 +1,21 @@ + - Vite + Vue + TS + 监控平台
- + \ No newline at end of file diff --git a/src/App.vue b/src/App.vue index c507eb8..366470c 100644 --- a/src/App.vue +++ b/src/App.vue @@ -4,14 +4,14 @@ - + - + diff --git a/src/assets/common/顶部标题.png b/src/assets/common/顶部标题.png new file mode 100644 index 0000000..5e0057c Binary files /dev/null and b/src/assets/common/顶部标题.png differ diff --git a/src/router/index.ts b/src/router/index.ts index c3b56b1..115a264 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -2,7 +2,7 @@ * @Author: donghao donghao@supervision.ltd * @Date: 2025-03-06 13:53:22 * @LastEditors: donghao donghao@supervision.ltd - * @LastEditTime: 2025-03-06 17:45:39 + * @LastEditTime: 2025-03-10 09:59:29 * @FilePath: \vite-ai\data-dashboard\src\router\index.ts * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE */ @@ -21,6 +21,7 @@ const router = createRouter({ meta: { keepAlive: false, requiresAuth: false, + isDashboard: false, }, }, { diff --git a/src/styles/common.scss b/src/styles/common.scss index 85aaa7a..de34a14 100644 --- a/src/styles/common.scss +++ b/src/styles/common.scss @@ -1,3 +1,5 @@ +@import url('./element-plus.scss'); + // 标题背景 .bg_title { background-size: contain; diff --git a/src/styles/element-plus.scss b/src/styles/element-plus.scss new file mode 100644 index 0000000..98d1638 --- /dev/null +++ b/src/styles/element-plus.scss @@ -0,0 +1,74 @@ +/* 表格 */ +.ds_table{ + position: relative; +} +/* 分页栏 */ +.pagination_wrap { +} +.fixed_pagination { + // width: calc(100% - 136px); + // background-color: white; + // z-index: 9; + position: relative; + display: flex; + align-items: center; + justify-content: flex-end; + right: 0; + bottom: 0; + padding: 20px 0 10px; +} +.noneFixed_pagination { + display: flex; + align-items: center; + justify-content: flex-end; + padding: 20px 0; +} + + +.custom-select { + min-width: 150px; + max-width: 300px; + .el-select__wrapper { + background: rgba(74, 126, 191, 0.1); /* 下拉框背景色 */ + border: 1px solid transparent; /* 边框 */ + color: white; /* 文字颜色 */ + height: 40px; + box-shadow: none; + &::placeholder { + color: rgba(255, 255, 255, 0.6); /* 占位符颜色 */ + } + } + .el-select__arrow { + color: rgba(255, 255, 255, 0.6); /* 下拉箭头颜色 */ + } + &:hover .el-select__inner { + border-color: transparent; /* 悬停边框颜色 */ + } +} + +.el-select__dropdown { + background: #002a5c; /* 下拉面板背景 */ + .el-select__item { + color: white; /* 下拉选项文字颜色 */ + &:hover { + background: rgba(74, 126, 191, 0.3); /* 选项悬停背景 */ + } + } +} + +/* table */ +.el-table{ + // background-color: transparent; +} +.table_action_box { + .el-button { + padding: 0; + } +} + +.el-table--border .el-table__inner-wrapper::after, +.el-table--border::after, +.el-table--border::before, +.el-table__inner-wrapper::before { + background-color: transparent !important; +} \ No newline at end of file diff --git a/src/views/dashboard/DeviceStatus.scss b/src/views/dashboard/DeviceStatus.scss new file mode 100644 index 0000000..af79877 --- /dev/null +++ b/src/views/dashboard/DeviceStatus.scss @@ -0,0 +1,33 @@ +.device-status-search-box { + display: flex; + align-items: center; + gap: 12px; + margin: 10px 0; + + + + + .query-btn { + background: linear-gradient( 180deg, #2589FF 0%, #46A9ED 100%); + border: 1px solid #42a5f5; + border-radius: 2px; + color: white; + padding: 8px 20px; + margin-left: 0; + } + + .reset-btn { + background: transparent; + border-radius: 2px; + border: 1px solid #088BD6; + color: white; + box-shadow: none; + margin-left: 0; + } +} + + + + .el-scrollbar__view{ + height: 650px !important; + } \ No newline at end of file diff --git a/src/views/dashboard/DeviceStatus.vue b/src/views/dashboard/DeviceStatus.vue index 95293df..3a24abe 100644 --- a/src/views/dashboard/DeviceStatus.vue +++ b/src/views/dashboard/DeviceStatus.vue @@ -2,16 +2,40 @@ * @Author: donghao donghao@supervision.ltd * @Date: 2025-03-06 15:15:47 * @LastEditors: donghao donghao@supervision.ltd - * @LastEditTime: 2025-03-07 15:22:33 + * @LastEditTime: 2025-03-07 17:35:35 * @FilePath: \vite-ai\data-dashboard\src\views\dashboard\DeviceStatus.vue * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE -->