From b113eb9bf7eaccce853d8f7855986648034492e5 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Fri, 18 Apr 2025 18:00:10 +0800
Subject: [PATCH] feat: 时间选择下拉框样式调整
---
src/views/Home/HomeLeft/InspectionRaskDetails/InspectionRaskDetailsDialog.vue | 32 ++++++--------------------------
1 files changed, 6 insertions(+), 26 deletions(-)
diff --git a/src/views/Home/HomeLeft/InspectionRaskDetails/InspectionRaskDetailsDialog.vue b/src/views/Home/HomeLeft/InspectionRaskDetails/InspectionRaskDetailsDialog.vue
index 85d348f..67c4236 100644
--- a/src/views/Home/HomeLeft/InspectionRaskDetails/InspectionRaskDetailsDialog.vue
+++ b/src/views/Home/HomeLeft/InspectionRaskDetails/InspectionRaskDetailsDialog.vue
@@ -43,6 +43,7 @@
</el-form-item>
<el-form-item>
<el-date-picker
+ popper-class="custom-date-picker"
class="ztzf-date-picker"
v-model="dateRange"
type="daterange"
@@ -271,8 +272,6 @@
}
}
// 查看
- // 当前任务详情 1：待执行 2：执行中
- // 历史任务详情 3：已执行 5：执行失败
const isShowCurrentTaskDetails = ref(false)
const currentTaskDetailsId = ref(null)
const deviceJobDetailsShow = ref(false)
@@ -294,33 +293,14 @@
})
</script>
<style lang="scss">
+/* 修改日期单元格背景色 */
+.custom-date-picker .el-picker-panel__body {
+ background: #012350 !important;
+ color: #fff !important;
+}
</style>
<style scoped lang="scss">
-/* 修改整个日期面板的背景色 */
-.custom-date-picker {
- background: #1e2b3c !important;
- border: 1px solid #479DFF !important;
-}
-
-/* 修改头部背景色 */
-.custom-date-picker .el-picker-panel__header {
- background: #16202d !important;
-}
-
-/* 修改日期单元格背景色 */
-.custom-date-picker .el-picker-panel__body {
- background: #1e2b3c !important;
-}
-
-/* 修改日期单元格悬停/选中状态 */
-.custom-date-picker .el-date-table td:hover,
-.custom-date-picker .el-date-table td.current:not(.disabled) {
- background: #479DFF !important;
- color: white !important;
-}
-
-
.search-row {
display: flex;
justify-content: space-between;
--
Gitblit v1.9.3