客服功能、fix bug

src/components/footer/index.vue

@@ -84,7 +84,9 @@
       margin-right: 28px;
       width: 248px;
       height: 248px;
-      background: #eee;
+      background: url(https://www.ptc.net.au/uploads/2021/06/Frame-2.svg)
+        no-repeat;
+      background-size: contain;
     }
     .txt {
       font-size: 32px;

src/components/nav-bar/index.vue

@@ -24,11 +24,21 @@
                 >
               </li> -->
               <li class="nav-link">
-                <router-link to="/fill-order">ONLINE SHOP</router-link>
+                <a href="https://www.ptcshop.com.au/" target="_blank"
+                  >ONLINE SHOP</a
+                >
               </li>
               <li class="nav-link">PTC Care Plus</li>
-              <li class="nav-link">SOTRE LOCATION</li>
-              <li class="nav-link">CONTACT US</li>
+              <li class="nav-link">
+                <a href="https://www.ptc.net.au/store-locator/" target="_blank"
+                  >SOTRE LOCATION</a
+                >
+              </li>
+              <li class="nav-link">
+                <a href="https://www.ptc.net.au/contact-us/" target="_blank"
+                  >CONTACT US</a
+                >
+              </li>
             </ul>
           </div>
         </div>

src/env.d.ts

@@ -16,3 +16,4 @@ declare module 'nprogress'
 
 declare const FB: any
 declare const google: any
+declare const Beacon: any

src/pages/benefits/index.vue

@@ -28,7 +28,12 @@
             Renewal management >
           </router-link>
         </p>
-        <p v-else-if="info.subscribe_type == 3 && info.status == 1" class="l4">
+        <p
+          v-else-if="
+            info.subscribe_type == 3 && info.status == 1 && info.can_renewal
+          "
+          class="l4"
+        >
           <button
             class="ptc-button ptc-button--stroke"
             @click="$router.push(`/fill-order?renewal=${info.id}`)"
@@ -111,7 +116,7 @@ export default defineComponent({
             : window.open('https://www.ptc.net.au/store-locator/')
         case 2:
           return item.button_type === 'contact_us'
-            ? 'Contact us'
+            ? window.open('https://www.ptc.net.au/contact-us/')
             : item.button_type && (location.href = item.button_link)
         case 4:
           return +item.receive_method === 2

src/pages/gift-card/index.vue

@@ -43,12 +43,12 @@
               }}
             </p>
             <p class="card-value">
-              - {{ item.gift_card_amount }}
-              <span v-if="item.gift_card_threshold" class="sub"
-                >{{ item.gift_card_threshold }} available</span
-              >
+              - ${{ item.gift_card_amount }} Discount Voucher
+            </p>
+            <p class="card-desc">
+              PTC Physical Store Use Only<br />
+              Spend ${{ item.gift_card_threshold }} or more to use this
             </p>
-            <p class="card-desc">PTC offline store use</p>
           </div>
         </div>
       </div>
@@ -181,12 +181,12 @@ export default defineComponent({
     &-desc {
       font-size: 28px;
     }
+    &-desc {
+      line-height: 1.2;
+    }
     &-value {
-      margin: 40px 0 32px;
-      font-size: 56px;
-      .sub {
-        font-size: 40px;
-      }
+      margin: 32px 0 28px;
+      font-size: 44px;
     }
 
     &-a {

src/pages/pay-result/index.vue

@@ -32,7 +32,7 @@
       </div>
       <div class="button-group">
         <button
-          v-if="info.subscribe_type != 3 && !info.renewal"
+          v-if="!info.phone_imei"
           class="ptc-button"
           @click="$router.push(`/imei/bind?id=${$route.query.id}`)"
         >

src/pages/repair/steps/StepFive.vue

@@ -21,7 +21,7 @@
           <span class="cell-value">{{ state.detail.shop_name }}</span>
         </div>
         <div class="cell">
-          <strong class="primary">Navigation></strong>
+          <strong class="primary" @click="navigate">Navigation></strong>
         </div>
         <div class="cell">
           <span class="cell-label">Phone Brand:</span>
@@ -66,6 +66,7 @@ import { state } from '../store'
 import { cancelRepair } from '@/service/repair'
 import Toast from '@/components/toast'
 import dayjs from 'dayjs'
+import getLocation from '@/utils/getLocation'
 
 const router = useRouter()
 
@@ -88,4 +89,13 @@ async function applyCancel() {
   Toast(message)
   setTimeout(() => router.push('/repair/history'), 500)
 }
+
+async function navigate() {
+  const { coords } = (await getLocation({ timeout: 800 })) || {}
+  window.open(
+    `https://maps.google.com/maps?${
+      coords ? `saddr=${coords.latitude},${coords.longitude}&` : ''
+    }daddr=${state.shop.coordinates || ''}`
+  )
+}
 </script>