fix:精准投放table-header
This commit is contained in:
@@ -168,6 +168,7 @@ import { canPlanetPublish } from '@/Layouts/utils.js';
|
|||||||
import useEmitter from '@/composables/useEmitter';
|
import useEmitter from '@/composables/useEmitter';
|
||||||
import AccurateDetail from './AccurateDetail.vue';
|
import AccurateDetail from './AccurateDetail.vue';
|
||||||
import { QuestionCircleOutlined } from '@ant-design/icons-vue'; // 引入问号图标
|
import { QuestionCircleOutlined } from '@ant-design/icons-vue'; // 引入问号图标
|
||||||
|
import tableHeaderTip from "@/assets/img/accurate/header_tip.png"
|
||||||
|
|
||||||
import { debounce } from 'lodash-es';
|
import { debounce } from 'lodash-es';
|
||||||
|
|
||||||
@@ -222,7 +223,7 @@ const taskProgressList = ref([
|
|||||||
])
|
])
|
||||||
const fetching = ref(false);
|
const fetching = ref(false);
|
||||||
let lastFetchId = 0;
|
let lastFetchId = 0;
|
||||||
const taskheaderTip = ref('品牌会员小程序的"投放中"状态只代表伊调研平台创建投放需求成功,请及时联系小程序运营负责人进行后续配置');
|
const taskheaderTip = ref('品牌会员小程序的“投放中”状态只代表伊调研平台创建投放需求成功,请及时联系小程序运营负责人进行后续配置');
|
||||||
// 表头
|
// 表头
|
||||||
const columns = [
|
const columns = [
|
||||||
{
|
{
|
||||||
@@ -276,8 +277,12 @@ const columns = [
|
|||||||
h(Tooltip, {
|
h(Tooltip, {
|
||||||
title: taskheaderTip.value,
|
title: taskheaderTip.value,
|
||||||
placement: 'top',
|
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>
|
||||||
|
<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