Browse Source

fix:一轮修复

liyangbin 8 tháng trước cách đây
mục cha
commit
cd9a0bae20
3 tập tin đã thay đổi với 48 bổ sung36 xóa
  1. 19 16
      src/views/Product/Custom.vue
  2. 19 16
      src/views/Product/ID.vue
  3. 10 4
      src/views/Product/Index.vue

+ 19 - 16
src/views/Product/Custom.vue

@@ -15,7 +15,7 @@ const proProduct = ref('Permanent License')
 
 const codeMap = [
   {
-    title: "PDFTech Editor (Enterprise)",
+    title: "LynxPDF Editor (Enterprise)",
     desc: "Cost-Effective PDF Solution Tailored to Your Business",
     code: "com.brother.pdftecheditor"
   },
@@ -483,7 +483,7 @@ onUnmounted(() => {
           <div class="flex items-center">
             <img src="@/assets/images/logo.png" alt="logo" class="h-48px">
             <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
                 Business</div>
             </div>
@@ -527,20 +527,23 @@ onUnmounted(() => {
               <div class="font-700 text-14px leading-20px text-[#232A40]">
                 Total Licenses
               </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" />
                 <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>
@@ -549,7 +552,7 @@ onUnmounted(() => {
             </div>
           </div>
           <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
                 v-show="useTeamDiscount !== commodityInfo.discount">Upgrade to</span> {{ commodityInfo.discount }} OFF
             </div>
@@ -709,7 +712,7 @@ onUnmounted(() => {
     display: none;
     box-shadow: 0px 4px 16px 0px #8195C82E;
     padding: 8px;
-    z-index: 10;
+    z-index: 101;
     bottom: -6px;
     right: 0px;
     transform: translate(50%, 100%);

+ 19 - 16
src/views/Product/ID.vue

@@ -13,7 +13,7 @@ const baseUrl = import.meta.env.VITE_STORE_DOMIN
 const id = proxy.$route.params.id
 const codeMap = {
   '0': {
-    title: "PDFTech Editor (Enterprise)",
+    title: "LynxPDF Editor (Enterprise)",
     desc: "Cost-Effective PDF Solution Tailored to Your Business",
     code: "com.brother.pdftecheditor"
   },
@@ -396,22 +396,25 @@ onUnmounted(() => {
             </div>
           </div>
           <div class="mt-32px font-700 text-14px leading-20px text-[#232A40]">
-            Licenses
+            Step Discounts
           </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" />
             <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 class="mt-16px pb-32px border-[#0000001A] border-b-1px">
@@ -419,7 +422,7 @@ onUnmounted(() => {
               :min="1"></el-input-number>
           </div>
           <div class="flex justify-between mt-32px">
-            <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
                 v-show="useTeamDiscount !== commodityInfo.discount">Upgrade to</span> {{ commodityInfo.discount }} OFF
             </div>
@@ -506,7 +509,7 @@ onUnmounted(() => {
     display: none;
     box-shadow: 0px 4px 16px 0px #8195C82E;
     padding: 8px;
-    z-index: 10;
+    z-index: 101;
     top: 0px;
     right: 0px;
     transform: translate(50%, -100%);

+ 10 - 4
src/views/Product/Index.vue

@@ -14,6 +14,12 @@ onMounted(() => {
   memberRole.value = userStore().user.role
   companyId.value = userStore().user.companyId
   isOwnTry()
+  const userAgent = navigator.userAgent
+  const isWindows = /Windows/.test(userAgent)
+  if (isWindows) {
+    techPlatform.value = 'Windows'
+    proPlatform.value = 'Windows'
+  }
 })
 
 // 获取用户信息
@@ -61,8 +67,8 @@ const freeTry = () => {
   })
 }
 
-const techPlatform = ref('Windows')
-const proPlatform = ref('Windows')
+const techPlatform = ref('Mac')
+const proPlatform = ref('Mac')
 const proProduct = ref('Permanent License')
 
 // 下载链接
@@ -129,7 +135,7 @@ const proBuyUrl = computed(() => {
         <div class="card max-w-400px w-[32%]">
           <div class="bg-[#fff] rounded-t-8px p-32px text-center">
             <img class="w-64px m-auto" src="@/assets/images/logo.png" alt="logo">
-            <div class="font-bold text-20px leading-24px mt-16px text-[#232A40]">PDFTech Editor (Enterprise)</div>
+            <div class="font-bold text-20px leading-24px mt-16px text-[#232A40]">LynxPDF Editor (Enterprise)</div>
             <div class="mt-16px text-14px leading-20px text-[#505258]">Cost-Effective PDF Solution Tailored to Your
               Business</div>
             <el-select v-model="techPlatform">
@@ -188,7 +194,7 @@ const proBuyUrl = computed(() => {
     </div>
     <el-dialog title="" :visible.sync="dialogVisible" width="376px" top="30vh" center :show-close="false">
       <!-- <Warning /> -->
-      <p class="mt-16px">Are you sure to apply for the 7-day free trial of PDFTech Editor (Enterprise)?</p>
+      <p class="mt-16px">Are you sure to apply for the 7-day free trial of LynxPDF Editor (Enterprise)?</p>
       <p>The License code will be sent to the Admin Console after applying successfully.</p>
       <span slot="footer" class="dialog-footer">
         <el-button type="primary" @click="freeTry">