From cbd44c0cf16a097587e19549268b89ba5f04b7ff Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Fri, 18 Apr 2025 11:39:38 +0800
Subject: [PATCH] feat: 下拉选择框样式修改，任务管理已完成修改为已执行
---
src/views/Home/HomeLeft/InspectionRaskDetails/InspectionRaskDetailsDialog.vue | 33 ++++++++++++++++++++++++++++++---
1 files changed, 30 insertions(+), 3 deletions(-)
diff --git a/src/views/Home/HomeLeft/InspectionRaskDetails/InspectionRaskDetailsDialog.vue b/src/views/Home/HomeLeft/InspectionRaskDetails/InspectionRaskDetailsDialog.vue
index 62c42e2..85d348f 100644
--- a/src/views/Home/HomeLeft/InspectionRaskDetails/InspectionRaskDetailsDialog.vue
+++ b/src/views/Home/HomeLeft/InspectionRaskDetails/InspectionRaskDetailsDialog.vue
@@ -20,19 +20,19 @@
<el-input class="ztzf-input" v-model="searchForm.key_word" placeholder="请输入任务/机巢名称" clearable />
</el-form-item>
<el-form-item label="关联算法">
- <el-select class="ztzf-select" v-model="searchForm.ai_types" placeholder="请选择">
+ <el-select :teleported="false" class="ztzf-select" v-model="searchForm.ai_types" placeholder="请选择">
<el-option v-for="item in taskAlgorithm" :key="item.id" :label="item.dictValue" :value="item.dictKey" />
</el-select>
</el-form-item>
<el-form-item label="任务状态">
- <el-select class="ztzf-select" v-model="searchForm.status" placeholder="请选择" clearable>
+ <el-select :teleported="false" class="ztzf-select" v-model="searchForm.status" placeholder="请选择" clearable>
<el-option v-for="item in statusOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
</div>
<div class="search-row">
<el-form-item label="选择机巢">
- <el-select class="ztzf-select" v-model="searchForm.device_sn" placeholder="请选择">
+ <el-select :teleported="false" class="ztzf-select" v-model="searchForm.device_sn" placeholder="请选择">
<el-option
v-for="item in deviceList"
:label="item.nickname"
@@ -293,7 +293,34 @@
getDeviceList()
})
</script>
+<style lang="scss">
+
+</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