|
@@ -15,7 +15,7 @@ const proProduct = ref('Permanent License')
|
|
|
|
|
|
const codeMap = [
|
|
const codeMap = [
|
|
{
|
|
{
|
|
- title: "PDFTech Editor (Enterprise)",
|
|
|
|
|
|
+ title: "LynxPDF Editor (Enterprise)",
|
|
desc: "Cost-Effective PDF Solution Tailored to Your Business",
|
|
desc: "Cost-Effective PDF Solution Tailored to Your Business",
|
|
code: "com.brother.pdftecheditor"
|
|
code: "com.brother.pdftecheditor"
|
|
},
|
|
},
|
|
@@ -483,7 +483,7 @@ onUnmounted(() => {
|
|
<div class="flex items-center">
|
|
<div class="flex items-center">
|
|
<img src="@/assets/images/logo.png" alt="logo" class="h-48px">
|
|
<img src="@/assets/images/logo.png" alt="logo" class="h-48px">
|
|
<div class="ml-20px">
|
|
<div class="ml-20px">
|
|
- <div class="text-[16px] leading-20px text-[#232A40] font-700">PDFTech Editor (Enterprise)</div>
|
|
|
|
|
|
+ <div class="text-[16px] leading-20px text-[#232A40] font-700">LynxPDF Editor (Enterprise)</div>
|
|
<div class="text-[14px] leading-20px text-[#232A40] mt-4px">Cost-Effective PDF Solution Tailored to Your
|
|
<div class="text-[14px] leading-20px text-[#232A40] mt-4px">Cost-Effective PDF Solution Tailored to Your
|
|
Business</div>
|
|
Business</div>
|
|
</div>
|
|
</div>
|
|
@@ -527,20 +527,23 @@ onUnmounted(() => {
|
|
<div class="font-700 text-14px leading-20px text-[#232A40]">
|
|
<div class="font-700 text-14px leading-20px text-[#232A40]">
|
|
Total Licenses
|
|
Total Licenses
|
|
</div>
|
|
</div>
|
|
- <div v-show="commodityInfo.next_number"
|
|
|
|
- class="recommend-icon text-14px leading-20px text-[#808185] cursor-pointer">
|
|
|
|
- Purchase <span class="text-[#232A40]">{{ commodityInfo.next_number }} Licenses</span> to upgrade to
|
|
|
|
- <span class="text-[#232A40]">{{ commodityInfo.next_discount }} OFF</span>
|
|
|
|
|
|
+ <div class="recommend-icon text-14px leading-20px text-[#808185] cursor-pointer">
|
|
|
|
+ <span v-show="commodityInfo.next_number">
|
|
|
|
+ Buy another <span class="text-[#232A40]">{{ commodityInfo.next_number }} license</span> to upgrade to
|
|
|
|
+ <span class="text-[#232A40]">{{ commodityInfo.next_discount }} OFF</span>
|
|
|
|
+ </span>
|
|
|
|
+ <span v-show="!commodityInfo.next_number">
|
|
|
|
+ Buy another <span class="text-[#232A40]">0 license</span> to upgrade to
|
|
|
|
+ <span class="text-[#232A40]">45% OFF</span>
|
|
|
|
+ </span>
|
|
<Info class="ml-8px inline-block mb-4px" />
|
|
<Info class="ml-8px inline-block mb-4px" />
|
|
<div class="tip">
|
|
<div class="tip">
|
|
- Your company has currently purchased {{ commodityInfo.purchase_quantity }} licenses and enjoys a {{
|
|
|
|
- useTeamDiscount }} discount.
|
|
|
|
- <div>All discount gradients are as follows:</div>
|
|
|
|
- <div>Cumulative purchase 2 licenses: 15% OFF</div>
|
|
|
|
- <div>Cumulative purchase 5 licenses: 25% OFF</div>
|
|
|
|
- <div>Cumulative purchase 10 licenses: 30% OFF</div>
|
|
|
|
- <div>Cumulative purchase 30 licenses: 35% OFF</div>
|
|
|
|
- <div>Cumulative purchase 100 licenses: 45% OFF</div>
|
|
|
|
|
|
+ You have currently purchased {{ commodityInfo.purchase_quantity }}
|
|
|
|
+ <div>Buy 2 licenses cumulatively: 15% OFF</div>
|
|
|
|
+ <div>Buy 5 licenses cumulatively: 25% OFF</div>
|
|
|
|
+ <div>Buy 10 licenses cumulatively: 30% OFF</div>
|
|
|
|
+ <div>Buy 30 licenses cumulatively: 35% OFF</div>
|
|
|
|
+ <div>Buy 100 licenses cumulatively: 45% OFF</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -549,7 +552,7 @@ onUnmounted(() => {
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex justify-between mt-12px">
|
|
<div class="flex justify-between mt-12px">
|
|
- <div class="text-14px font-700 leading-20px text-[#232A40]">Add-on Discount</div>
|
|
|
|
|
|
+ <div class="text-14px font-700 leading-20px text-[#232A40]">Discount</div>
|
|
<div class="text-16px leading-20px font-700 text-[#FF5054]"><span
|
|
<div class="text-16px leading-20px font-700 text-[#FF5054]"><span
|
|
v-show="useTeamDiscount !== commodityInfo.discount">Upgrade to</span> {{ commodityInfo.discount }} OFF
|
|
v-show="useTeamDiscount !== commodityInfo.discount">Upgrade to</span> {{ commodityInfo.discount }} OFF
|
|
</div>
|
|
</div>
|
|
@@ -709,7 +712,7 @@ onUnmounted(() => {
|
|
display: none;
|
|
display: none;
|
|
box-shadow: 0px 4px 16px 0px #8195C82E;
|
|
box-shadow: 0px 4px 16px 0px #8195C82E;
|
|
padding: 8px;
|
|
padding: 8px;
|
|
- z-index: 10;
|
|
|
|
|
|
+ z-index: 101;
|
|
bottom: -6px;
|
|
bottom: -6px;
|
|
right: 0px;
|
|
right: 0px;
|
|
transform: translate(50%, 100%);
|
|
transform: translate(50%, 100%);
|