fix:精准投放table-header

This commit is contained in:
liu.huiying@ebiz-digits.com
2025-03-19 17:03:27 +08:00
parent 537c582d15
commit df62c45b93

View File

@@ -168,6 +168,7 @@ import { canPlanetPublish } from '@/Layouts/utils.js';
import useEmitter from '@/composables/useEmitter';
import AccurateDetail from './AccurateDetail.vue';
import { QuestionCircleOutlined } from '@ant-design/icons-vue'; // 引入问号图标
import tableHeaderTip from "@/assets/img/accurate/header_tip.png"
import { debounce } from 'lodash-es';
@@ -222,7 +223,7 @@ const taskProgressList = ref([
])
const fetching = ref(false);
let lastFetchId = 0;
const taskheaderTip = ref('品牌会员小程序的"投放中"状态只代表伊调研平台创建投放需求成功,请及时联系小程序运营负责人进行后续配置');
const taskheaderTip = ref('品牌会员小程序的投放中状态只代表伊调研平台创建投放需求成功,请及时联系小程序运营负责人进行后续配置');
// 表头
const columns = [
{
@@ -276,8 +277,12 @@ const columns = [
h(Tooltip, {
title: taskheaderTip.value,
placement: 'top',
overlayClassName: "custom-tooltip",
}, () => [
h(QuestionCircleOutlined, { style: 'margin-left: 4px' })
h('img', {
src: tableHeaderTip,
style: 'margin-left: 3px; width: 18px; height: 18px; margin-top:-3px;'
})
])
])
},
@@ -896,3 +901,17 @@ a.disabled {
}
}
</style>
<style lang="scss">
.custom-tooltip {
display: inline-block;
min-width: 395px !important;
.ant-tooltip-inner {
padding: 8px 12px;
line-height: 1.5;
font-size: 14px;
word-break: break-word;
color: #fff;
background-color: rgba(0, 0, 0, 0.85);
}
}
</style>