From 7c20fd15b7fbc2bd5756b39d5ab655cc849ffcc3 Mon Sep 17 00:00:00 2001 From: zhanghua <314079846@qq.com> Date: 星期三, 16 七月 2025 22:39:23 +0800 Subject: [PATCH] 添加时间筛选 --- src/components/Table/index.vue | 37 ++++++++++--------------------------- 1 files changed, 10 insertions(+), 27 deletions(-) diff --git a/src/components/Table/index.vue b/src/components/Table/index.vue index d1afdbc..173148a 100644 --- a/src/components/Table/index.vue +++ b/src/components/Table/index.vue @@ -1,9 +1,14 @@ <template> <div class="Table"> <div class="datatable"> - <el-table ref="multipleTable" :data="tableData" style="width: 100%" - :header-cell-style="{'font-size':'14px','font-weight':'650','line-height':'45px'}" + <el-table + border + stripe + ref="multipleTable" :data="tableData" style="width: 100%" + :header-cell-style="{'background':'#F5F5F5','font-size':'14px','font-weight':'650','line-height':'45px'}" :row-class-name="tableRowClassName"> + + <el-table-column type="selection" min-width="5"> </el-table-column> <el-table-column v-for="item in option.group" :key="item.prop" :label="item.label" :prop="item.prop" :min-width="item['min-width'] ? item['item.min-width']:'10'"> <template slot-scope="scope"> @@ -11,11 +16,11 @@ {{scope.row[item.prop]}} </div> <slot v-else-if="item.type === 'operation'" name="operation" :info="scope"> - + </slot> <slot name="status" v-else-if="item.type === 'status'" :info="scope"> </slot> - <slot name='time' v-else-if="item.type === 'time'" :timeobj="scope"> + <slot name='time' v-else-if="item.type === 'time'" :timeobj="scope"> </slot> </template> @@ -221,31 +226,9 @@ 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 { display: flex; @@ -255,4 +238,4 @@ background-color: #4b9bb7; } } -</style> \ No newline at end of file +</style> -- Gitblit v1.8.0