feat: 调整新建任务下拉框背景色

张含笑

2025-04-19 96065364c533d1c2563e6875c579b0f6f664a101

feat: 调整新建任务下拉框背景色

 src/views/TaskManage/TaskIntermediateContent/AddTask.vue

@@ -19,6 +19,7 @@
                    </div>
                    <div class="item">
                        <el-date-picker
                            popper-class="custom-date-picker"
                            class="ztzf-date-picker"
                            v-model="taskData"
                            type="daterange"
@@ -31,6 +32,7 @@
                    <div class="item">
                        <div class="itemchild">任务时间：</div>
                        <el-time-picker
                         popper-class="custom-time-picker"
                            class="ztzf-date-picker tasktimer"
                            v-model="timeSlot"
                            placeholder="请选择"
@@ -40,8 +42,9 @@
                    </div>
                    <div class="item">
                        <div class="itemchild">选择航线：</div>
						

                        <el-select
                            :teleported="false"
                            class="ztzf-select"
                            v-model="searchForm.file_id"
                            @change="getWayLineFile"
@@ -57,12 +60,10 @@
                        </el-select>
                    </div>
                    <div class="item">
						
                        <div class="itemchild">关联算法：</div>
                        <TaskAlgorithmBusiness  :setWidth="200" :showAlgorithm="true" @algorithmChange="algorithmChange" />
                        <TaskAlgorithmBusiness :setWidth="200" :showAlgorithm="true" @algorithmChange="algorithmChange" />
                    </div>
                    <div class="item">
						
                        <div class="itemchild">任务描述：</div>
                        <el-input class="ztzf-input" v-model="searchForm.remark" placeholder="请输入任务名称"></el-input>
                    </div>
@@ -84,7 +85,7 @@
                    />
                </div>
            </div>
            <div class="right ">
            <div class="right">
                <TaskTable
                    ref="taskTableRef"
                    :waylineId="waylineId"
@@ -94,9 +95,8 @@
                    @update:selected="handleSelected"
                />
                <div class="btn">
                    <img @click="cancel" style="margin-right:23px" src="@/assets/images/task/cancel.png" alt="">
                    <img @click="submitClick" src="@/assets/images/task/publish.png" alt="">
					
                    <img @click="cancel" style="margin-right: 23px" src="@/assets/images/task/cancel.png" alt="" />
                    <img @click="submitClick" src="@/assets/images/task/publish.png" alt="" />
                </div>
            </div>
        </div>
@@ -181,7 +181,7 @@
    waylineType.value = 0
    waylineId.value = val
    const currentRoute = routeOptions.value.find(item => item.wayline_id === val)
    wayLineFile.value = currentRoute?.object_key || '';
    wayLineFile.value = currentRoute?.object_key || ''
}

// 获取选中机场列表数据,并且发布
@@ -250,10 +250,10 @@
        })
        return
    }
	

    searchForm.begin_time = `${taskData.value[0]} 00:00:00`
    searchForm.end_time = `${taskData.value[1]} 23:59:59`
    searchForm.execute_time_arr = timeSlot.value ? [timeSlot.value] : [];
    searchForm.execute_time_arr = timeSlot.value ? [timeSlot.value] : []
    createTask(searchForm).then(res => {
        if (res.data.code === 0) {
            ElMessage.success('任务创建成功')
@@ -294,6 +294,12 @@
        padding: 20px;
    }
}
/* 修改日期单元格背景色 */
.custom-date-picker .el-picker-panel__body {
    background: #012350 !important;
    color: #fff !important;
}

</style>

<style lang="scss" scoped>
@@ -316,14 +322,13 @@
                font-size: 16px;
                color: #ffffff;
                .itemchild {
                width: 68px;
                 white-space: nowrap;
                margin-right: 5px;
                    width: 68px;
                    white-space: nowrap;
                    margin-right: 5px;
                }
                :deep(.el-date-editor.el-input__wrapper) {
                    width: 200px; // 调整日期选择器宽度
                }
				
            }
        }
    }
@@ -338,17 +343,15 @@
            justify-content: center;
            align-items: center;
            img {
            width: 137px;
            height: 32px;
            cursor: pointer;
                width: 137px;
                height: 32px;
                cursor: pointer;
            }
		
        }
    }
    :deep(.tasktimer .el-input__wrapper) {
        background: none !important;
        color: #8ac3fd !important;
		 
    }
    :deep(.el-input__inner) {
        color: #8ac3fd !important;
@@ -356,15 +359,15 @@
            color: #8ac3fd !important;
        }
    }
    :deep(.el-radio__inner){
    background: none !important;
    border: 1px solid #1B5D9A !important;
    :deep(.el-radio__inner) {
        background: none !important;
        border: 1px solid #1b5d9a !important;
    }
    :deep(.el-radio__label){
    color: #fff !important;
    :deep(.el-radio__label) {
        color: #fff !important;
    }
    :deep(.el-radio__inner:after ){
    background: #65B5FF !important;
    :deep(.el-radio__inner:after) {
        background: #65b5ff !important;
    }
}
</style>