feat: 下拉选择框样式修改，任务管理已完成修改为已执行

张含笑

2025-04-18 cbd44c0cf16a097587e19549268b89ba5f04b7ff

 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;