From 7c20fd15b7fbc2bd5756b39d5ab655cc849ffcc3 Mon Sep 17 00:00:00 2001 From: zhanghua <314079846@qq.com> Date: 星期三, 16 七月 2025 22:39:23 +0800 Subject: [PATCH] 添加时间筛选 --- src/views/systemSetting/device/handheldTerminal/index.vue | 96 +++++++++++++---------------------------------- 1 files changed, 27 insertions(+), 69 deletions(-) diff --git a/src/views/systemSetting/device/handheldTerminal/index.vue b/src/views/systemSetting/device/handheldTerminal/index.vue index f5fd3bb..8c2a2cf 100644 --- a/src/views/systemSetting/device/handheldTerminal/index.vue +++ b/src/views/systemSetting/device/handheldTerminal/index.vue @@ -18,22 +18,26 @@ </el-option> </el-select> </div> + + <div class="main-title"> + <el-button + class="el-icon-plus button-addition" + type="primary" + @click="handleAdd" + >娣诲姞</el-button + > + </div> </div> </header> <main> <div class="main-content"> - <div class="main-title"> - <el-button class="el-icon-plus button-addition" type="primary" @click="handleAdd" - >娣诲姞</el-button - > - </div> <!-- 鏁版嵁灞曠ず --> <el-table + border + stripe ref="multipleTable" :header-cell-style="{ - background: '#06122c', - 'font-size': '12px', - color: '#4b9bb7', + background: '#F5F5F5', 'font-weight': '650', 'line-height': '45px', }" @@ -96,7 +100,7 @@ <footer> <!-- 娣诲姞闊虫煴 --> <el-dialog - title="娣诲姞闊虫煴" + title="娣诲姞鎵嬫寔璁惧" :visible.sync="dialogCreate" v-if="dialogCreate" width="60%" @@ -236,15 +240,12 @@ <style lang="scss" scoped> .list { text-align: left; - margin: 10px 20px; - color: #4b9bb7; - + padding: 10px 20px; + // color: #4b9bb7; + border: 1px solid #ccc; header { - background-color: white; - border: 1pox solid #fff; - .header-content { - padding: 0 40px; + padding: 0; display: flex; line-height: 100px; justify-content: space-between; @@ -260,27 +261,18 @@ .el-input { flex: 2; - color: #1d3f57; - - &::v-deep .el-input__inner { - background-color: #09152f; - border: 1px solid #17324c; - } } + } + + .main-title { + line-height: 60px; + padding: 0px; } } } main { - background-color: #09152f; - margin-top: 20px; padding-bottom: 50px; - border: 1pox solid #fff; - - .main-title { - line-height: 60px; - padding: 10px 20px; - } .tools { display: flex; @@ -295,7 +287,7 @@ line-height: 28px; display: flex; align-items: center; - border: 1px solid #17324c; + // border: 1px solid #17324c; border-radius: 4px; font-size: 12px; margin-left: 10px; @@ -308,19 +300,6 @@ .el-select { width: 120px; } - - &::v-deep .el-input__inner { - border: none; - background-color: #09152f; - } - - &:hover { - border: 1px solid #4b9bb7; - } - - &:hover .el-checkbox { - color: #4b9bb7; - } } } @@ -329,28 +308,7 @@ display: flex; line-height: 50px; justify-content: center; - - .el-pagination { - &::v-deep li, - &::v-deep .btn-prev, - &::v-deep .btn-next { - background-color: #071f39; - color: #4b9bb7; - } - - &::v-deep .active { - background-color: #409eff; - color: #fff; - } - } } - } - &::v-deep .warning-row { - background-color: #06122c; - } - - &::v-deep .success-row { - background-color: #071f39; } .operationBox { @@ -361,11 +319,11 @@ background-color: #4b9bb7; } .el-table { - color: #4b9bb7; - font-size: 10px; + // color: #4b9bb7; + // font-size: 10px; .operation { display: flex; - + color: var(--operation-color); .line { padding: 0 5px; } @@ -377,4 +335,4 @@ } } } -</style> \ No newline at end of file +</style> -- Gitblit v1.8.0