From 7bcfc0507043dc878c801a259aa7d058f4982551 Mon Sep 17 00:00:00 2001 From: Ben Lin <maobin001@msn.com> Date: 星期四, 09 一月 2025 00:42:21 +0800 Subject: [PATCH] 工单管理优化 --- src/components/Application/src/search/AppSearchModal.vue | 25 +++++++++++++++++++------ 1 files changed, 19 insertions(+), 6 deletions(-) diff --git a/src/components/Application/src/search/AppSearchModal.vue b/src/components/Application/src/search/AppSearchModal.vue index 612b372..f713a47 100644 --- a/src/components/Application/src/search/AppSearchModal.vue +++ b/src/components/Application/src/search/AppSearchModal.vue @@ -43,7 +43,14 @@ <Icon :icon="item.icon || 'mdi:form-select'" :size="20" /> </div> <div :class="`${prefixCls}-list__item-text`"> - {{ item.name }} + <!-- 鎼滅储缁撴灉鍖呭惈鐨勫瓧绗︾潃鑹� --> + <span + v-for="(each, i) in item.chars" + :key="i" + :class="{ highlight: each.highlight }" + > + {{ each.char }} + </span> </div> <div :class="`${prefixCls}-list__item-enter`"> <Icon icon="ant-design:enter-outlined" :size="20" /> @@ -62,13 +69,12 @@ import { SearchOutlined } from '@ant-design/icons-vue'; import AppSearchFooter from './AppSearchFooter.vue'; import Icon from '@/components/Icon/Icon.vue'; - // @ts-ignore - import vClickOutside from '/@/directives/clickOutside'; - import { useDesign } from '/@/hooks/web/useDesign'; + import vClickOutside from '@/directives/clickOutside'; + import { useDesign } from '@/hooks/web/useDesign'; import { useRefs } from '@vben/hooks'; import { useMenuSearch } from './useMenuSearch'; - import { useI18n } from '/@/hooks/web/useI18n'; - import { useAppInject } from '/@/hooks/web/useAppInject'; + import { useI18n } from '@/hooks/web/useI18n'; + import { useAppInject } from '@/hooks/web/useAppInject'; const props = defineProps({ visible: { type: Boolean }, @@ -255,6 +261,13 @@ &-text { flex: 1; + + // 鎼滅储缁撴灉鍖呭惈鐨勫瓧绗︾潃鑹� + & > span { + &.highlight { + color: lighten(@primary-color, 20%); + } + } } &-enter { -- Gitblit v1.9.3