f
This commit is contained in:
@@ -149,12 +149,12 @@ const router = createRouter({
|
|||||||
component: () => import('@/views/AgentServiceAgreement.vue'),
|
component: () => import('@/views/AgentServiceAgreement.vue'),
|
||||||
meta: { title: '信息技术服务合同' },
|
meta: { title: '信息技术服务合同' },
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
path: '/inquire/marriage',
|
// path: '/inquire/marriage',
|
||||||
name: 'inquire-marriage',
|
// name: 'inquire-marriage',
|
||||||
component: () => import('@/views/Maintenance.vue'),
|
// component: () => import('@/views/Maintenance.vue'),
|
||||||
meta: { title: '维护通知' },
|
// meta: { title: '维护通知' },
|
||||||
},
|
// },
|
||||||
{
|
{
|
||||||
path: '/inquire/:feature',
|
path: '/inquire/:feature',
|
||||||
name: 'inquire',
|
name: 'inquire',
|
||||||
|
|||||||
@@ -12,6 +12,11 @@ const featureData = ref({});
|
|||||||
onMounted(async () => {
|
onMounted(async () => {
|
||||||
isFinishPayment();
|
isFinishPayment();
|
||||||
await getProduct();
|
await getProduct();
|
||||||
|
|
||||||
|
// 检查是否为婚姻查询页面,如果是则显示升级通知
|
||||||
|
if (feature.value === 'marriage') {
|
||||||
|
showMarriageUpgradeNotice();
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
function isFinishPayment() {
|
function isFinishPayment() {
|
||||||
@@ -22,6 +27,98 @@ function isFinishPayment() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 婚姻查询升级通知弹窗
|
||||||
|
function showMarriageUpgradeNotice() {
|
||||||
|
// 创建自定义弹窗
|
||||||
|
const modal = document.createElement('div');
|
||||||
|
modal.style.position = 'fixed';
|
||||||
|
modal.style.top = '0';
|
||||||
|
modal.style.left = '0';
|
||||||
|
modal.style.width = '100%';
|
||||||
|
modal.style.height = '100%';
|
||||||
|
modal.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
|
||||||
|
modal.style.display = 'flex';
|
||||||
|
modal.style.justifyContent = 'center';
|
||||||
|
modal.style.alignItems = 'center';
|
||||||
|
modal.style.zIndex = '9999';
|
||||||
|
|
||||||
|
modal.innerHTML = `
|
||||||
|
<div style="
|
||||||
|
background: white;
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 24px;
|
||||||
|
margin: 20px;
|
||||||
|
max-width: 400px;
|
||||||
|
width: 90%;
|
||||||
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
|
||||||
|
position: relative;
|
||||||
|
overflow-y: auto;
|
||||||
|
max-height: 90vh;
|
||||||
|
">
|
||||||
|
<h3 style="
|
||||||
|
color: #333;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
font-size: 18px;
|
||||||
|
">亲爱的用户,您好!</h3>
|
||||||
|
|
||||||
|
<p style="
|
||||||
|
color: #666;
|
||||||
|
line-height: 1.6;
|
||||||
|
margin: 8px 0;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 14px;
|
||||||
|
">婚恋报告正在优化升级中,需要查询请前往天远查。</p>
|
||||||
|
|
||||||
|
|
||||||
|
<div style="display: flex; gap: 12px; margin-bottom: 16px;">
|
||||||
|
<button id="jumpNowBtn" style="
|
||||||
|
flex: 1;
|
||||||
|
background: linear-gradient(135deg, #ff6b6b, #ee5a24);
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
padding: 12px 0;
|
||||||
|
border-radius: 25px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
">是</button>
|
||||||
|
|
||||||
|
<button id="remindLaterBtn" style="
|
||||||
|
flex: 1;
|
||||||
|
background: #f8f9fa;
|
||||||
|
color: #666;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
padding: 12px 0;
|
||||||
|
border-radius: 25px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 14px;
|
||||||
|
">否</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
|
document.body.appendChild(modal);
|
||||||
|
|
||||||
|
// 绑定按钮事件
|
||||||
|
const jumpNowBtn = modal.querySelector('#jumpNowBtn');
|
||||||
|
const remindLaterBtn = modal.querySelector('#remindLaterBtn');
|
||||||
|
|
||||||
|
jumpNowBtn.addEventListener('click', () => {
|
||||||
|
// 跳转到新版首页
|
||||||
|
window.open('https://www.tianyuancha.cn/', '_blank');
|
||||||
|
document.body.removeChild(modal);
|
||||||
|
});
|
||||||
|
|
||||||
|
remindLaterBtn.addEventListener('click', () => {
|
||||||
|
// 跳转到指定网站
|
||||||
|
window.location.href = 'https://www.tianyuandb.com/';
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
async function getProduct() {
|
async function getProduct() {
|
||||||
const { data, error } = await useApiFetch(`/product/en/${feature.value}`)
|
const { data, error } = await useApiFetch(`/product/en/${feature.value}`)
|
||||||
.get()
|
.get()
|
||||||
|
|||||||
Reference in New Issue
Block a user