From 20c197e5f67ee0ddd542065f53728033460aac21 Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Wed, 10 Dec 2025 09:39:34 +0800
Subject: [PATCH] feat:更新历史任务详情功能
---
src/views/job/components/TaskAlgorithmBusiness.vue | 48 ++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 44 insertions(+), 4 deletions(-)
diff --git a/src/views/job/components/TaskAlgorithmBusiness.vue b/src/views/job/components/TaskAlgorithmBusiness.vue
index d341fff..fbfe8d3 100644
--- a/src/views/job/components/TaskAlgorithmBusiness.vue
+++ b/src/views/job/components/TaskAlgorithmBusiness.vue
@@ -2,23 +2,25 @@
<template>
<div class="task-algorithm" v-if="showAlgorithm">
<el-select
+ class="ztzf-select"
:teleported="false"
- :style="{ width: setWidth }"
+ :style="{ width: pxToRem(setWidth) }"
v-model="ai_types"
multiple
collapse-tags
collapse-tags-tooltip
placeholder="支持多项选择"
clearable
+ @clear="handleClear"
@change="handleAlgorithmChange"
>
<el-option v-for="item in taskAlgorithm" :key="item.id" :label="item.dictValue" :value="item.dictKey" />
</el-select>
</div>
<div class="task-business" v-if="showBusiness">
- <el-select
+ <el-select class="ztzf-select"
:teleported="false"
- :style="{ width: setWidth }"
+ :style="{ width: pxToRem(setWidth) }"
v-model="industry_type"
placeholder="请选择类型"
clearable
@@ -31,7 +33,7 @@
<script setup>
import { getMultipleDictionary } from '@/api/job/task'
-// import { pxToRem } from '@/utils/rem'
+import { pxToRem } from '@/utils/rem';
// 接收父组件传参
const props = defineProps({
@@ -76,6 +78,15 @@
emit('businessChange', value)
}
+function handleClear() {
+ ai_types.value = []
+ emit('algorithmChange', [])
+}
+
+defineExpose({
+ handleClear,
+})
+
onMounted(() => {
requestDictionary()
})
@@ -88,4 +99,33 @@
// --el-tag-hover-color: none !important;
// color: #fff !important;
// }
+::v-deep(.ztzf-select) {
+ .el-select__wrapper {
+ z-index: 1111;
+
+ /* 修改 Tooltip 面板样式 */
+ .el-popper.is-light {
+ background: #fff !important;
+ // box-shadow: none !important;
+ // border: none !important;
+ border-radius: 4px !important;
+
+ .el-select__selection {
+ max-width: 240px !important;
+
+ .el-select__selected-item {
+ .el-tag {
+ // background: #fff !important;
+ // color: #000;
+ }
+ }
+ }
+
+ .el-popper__arrow::before {
+ // background: #fff !important;
+ // border: 1px solid #8d8b8b !important;
+ }
+ }
+ }
+}
</style>
--
Gitblit v1.9.3