Compare commits

..

2 Commits

View File

@@ -65,25 +65,38 @@ const { t } = useI18n()
const previewVisible = ref(false)
const programs = [
{ page: 2, label: 'LW', image: 'https://static.gwvkyk.com/media/39bea8462f7961673f860.gif' },
{ page: 5, label: 'GE', image: 'https://static.gwvkyk.com/media/989cd0562f796ef90eb9d.gif' },
{ page: 6, label: 'DM', image: 'https://static.gwvkyk.com/media/5ab815562f7961db8a170.gif' },
{ page: 7, label: 'PK', image: 'https://static.gwvkyk.com/media/fa67bd562f79668049b3b.gif' },
{ page: 262, label: 'WF', image: 'https://admin.tl-tech.top/images/262.png' },
{ page: 263, label: 'FE', image: 'https://admin.tl-tech.top/images/263.png' },
{ page: 264, label: 'CD', image: 'https://admin.tl-tech.top/images/264.png' },
{ page: 265, label: 'GL', image: 'https://admin.tl-tech.top/images/265.png' },
{ page: 266, label: 'LS', image: 'https://admin.tl-tech.top/images/266.png' },
{ page: 267, label: 'DP', image: 'https://admin.tl-tech.top/images/267.png' },
{ page: 268, label: 'PB', image: 'https://admin.tl-tech.top/images/268.png' },
{ page: 269, label: 'GE', image: 'https://admin.tl-tech.top/images/269.png' },
{ page: 270, label: 'SW', image: 'https://admin.tl-tech.top/images/270.png' },
]
const bannerCode = ref(`<div class='promo-container'>
<div class='lw-wrapper promo-wrapper'><button class='lw-button promo-button' onclick='programPage(2);'>Click</button></div>
<div class='ge-wrapper promo-wrapper'><button class='ge-button promo-button' onclick='programPage(5);'>Click</button></div>
<div class='dm-wrapper promo-wrapper'><button class='dm-button promo-button' onclick='programPage(6);'>Click</button></div>
<div class='pk-wrapper promo-wrapper'><button class='pk-button promo-button' onclick='programPage(7);'>Click</button></div>
<div class='wf-wrapper promo-wrapper'><button class='wf-button promo-button' onclick='programPage(262);'>Click</button></div>
<div class='fe-wrapper promo-wrapper'><button class='fe-button promo-button' onclick='programPage(263);'>Click</button></div>
<div class='cd-wrapper promo-wrapper'><button class='cd-button promo-button' onclick='programPage(264);'>Click</button></div>
<div class='gl-wrapper promo-wrapper'><button class='gl-button promo-button' onclick='programPage(265);'>Click</button></div>
<div class='ls-wrapper promo-wrapper'><button class='ls-button promo-button' onclick='programPage(266);'>Click</button></div>
<div class='dp-wrapper promo-wrapper'><button class='dp-button promo-button' onclick='programPage(267);'>Click</button></div>
<div class='pb-wrapper promo-wrapper'><button class='pb-button promo-button' onclick='programPage(268);'>Click</button></div>
<div class='ge-wrapper promo-wrapper'><button class='ge-button promo-button' onclick='programPage(269);'>Click</button></div>
<div class='sw-wrapper promo-wrapper'><button class='sw-button promo-button' onclick='programPage(270);'>Click</button></div>
</div>
<style>
.lw-button { background-image: url(https://static.gwvkyk.com/media/39bea8462f7961673f860.gif); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
.ge-button { background-image: url(https://static.gwvkyk.com/media/989cd0562f796ef90eb9d.gif); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
.dm-button { background-image: url(https://static.gwvkyk.com/media/5ab815562f7961db8a170.gif); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
.pk-button { background-image: url(https://static.gwvkyk.com/media/fa67bd562f79668049b3b.gif); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
.promo-wrapper { background-size: 100% 100%; background-repeat: no-repeat; background-position: center; background-color: transparent; margin: 10px 0; }
.promo-button { background-size: 100% 100%; background-repeat: no-repeat; background-position: center; background-color: transparent; font-size: 0; border: 0; cursor: pointer; }
.wf-button { background-image: url(https://admin.tl-tech.top/images/262.png); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
.fe-button { background-image: url(https://admin.tl-tech.top/images/263.png); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
.cd-button { background-image: url(https://admin.tl-tech.top/images/264.png); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
.gl-button { background-image: url(https://admin.tl-tech.top/images/265.png); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
.ls-button { background-image: url(https://admin.tl-tech.top/images/266.png); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
.dp-button { background-image: url(https://admin.tl-tech.top/images/267.png); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
.pb-button { background-image: url(https://admin.tl-tech.top/images/268.png); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
.ge-button { background-image: url(https://admin.tl-tech.top/images/269.png); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
.sw-button { background-image: url(https://admin.tl-tech.top/images/270.png); width: 100%; height: 100%; padding: 38% 5% 7% 11%; }
</style>`)
const functionCode = ref(`<script>
@@ -102,7 +115,7 @@ const functionCode = ref(`<script>
var encodedContent = btoa(content);
var form = document.createElement('form');
form.setAttribute('method', 'POST');
form.setAttribute('action', 'https://1xaud.g2ma.co/p' + page + '.aspx');
form.setAttribute('action', 'https://admin.tl-tech.top/index.php/api/index/xyxLogin');
var input1 = document.createElement('input');
input1.setAttribute('type', 'hidden');
@@ -113,6 +126,7 @@ const functionCode = ref(`<script>
input2.setAttribute('type', 'hidden');
input2.setAttribute('name', 'clientMerchant');
input2.setAttribute('value', merchantId);
input2.setAttribute('page', page);
form.appendChild(input1);
form.appendChild(input2);