无人机管理后台前端(已迁走)
张含笑
2025-07-16 d0b0fc600751f0e161ae55c7b9c6fde452e85207
src/views/job/components/TaskAlgorithmBusiness.vue
@@ -2,6 +2,7 @@
<template>
   <div class="task-algorithm" v-if="showAlgorithm">
      <el-select
      class="ztzf-select"
         :teleported="false"
         :style="{ width: pxToRem(setWidth) }"
         v-model="ai_types"
@@ -16,7 +17,7 @@
      </el-select>
   </div>
   <div class="task-business" v-if="showBusiness">
      <el-select
      <el-select class="ztzf-select"
         :teleported="false"
         :style="{ width: pxToRem(setWidth) }"
         v-model="industry_type"
@@ -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({
@@ -88,4 +89,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>