fix:精准投放table-header
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user