feat:事件工单滚动条

张含笑

2025-08-05 c832bf2e80ac465e71b7a1c1f7a59d4252030989

 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>