From c832bf2e80ac465e71b7a1c1f7a59d4252030989 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Tue, 05 Aug 2025 17:33:08 +0800
Subject: [PATCH] feat:事件工单滚动条
---
src/views/job/components/TaskAlgorithmBusiness.vue | 47 +++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 43 insertions(+), 4 deletions(-)
diff --git a/src/views/job/components/TaskAlgorithmBusiness.vue b/src/views/job/components/TaskAlgorithmBusiness.vue
index d341fff..8e9b992 100644
--- a/src/views/job/components/TaskAlgorithmBusiness.vue
+++ b/src/views/job/components/TaskAlgorithmBusiness.vue
@@ -2,8 +2,9 @@
<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
@@ -16,9 +17,9 @@
</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 +32,7 @@
<script setup>
import { getMultipleDictionary } from '@/api/job/task'
-// import { pxToRem } from '@/utils/rem'
+import { pxToRem } from '@/utils/rem';
// 接收父组件传参
const props = defineProps({
@@ -76,6 +77,15 @@
emit('businessChange', value)
}
+const clear = () => {
+ ai_types.value = [] // 清空算法选择
+ handleAlgorithmChange(ai_types.value)
+}
+
+defineExpose({
+ clear,
+})
+
onMounted(() => {
requestDictionary()
})
@@ -88,4 +98,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