add big truck alert

src/layouts/service-location/service-location.vue

@@ -51,6 +51,12 @@
                         class="my-5"
                         cmsWidgetName="AlertNoShopsWidget"
                         alertClass="alert-warning" />
+                    <alert
+                        v-if="displayBigTruckNoShops"
+                        ref="alertBigTruckNoShops"
+                        class="my-5"
+                        cmsWidgetName="AlertBigTruckNoShopsWidget"
+                        alertClass="alert-warning" />
                 </div>
             </div>
             <div class="row justify-content-center appointment-type">
@@ -365,7 +371,10 @@ export default {
             return this.zipContainsMilitaryBase && this.isServiceableMobile;
         },
         displayNoShopsAlert() {
-            return !this.isServiceableInshop && !this.isServiceableMobile;
+            return !this.isBigTruck && !this.isServiceableInshop && !this.isServiceableMobile;
+        },
+        displayBigTruckNoShops() {
+            return this.isBigTruck && !this.isServiceableInshop && !this.isServiceableMobile;
         },
         displayRecalibrationWarning() {
             return this.requiresInshopRecalibration;
@@ -385,6 +394,9 @@ export default {
             return isNoComp || isITAC
                 ? this.navigationScenarios.CLICKED_BACK_CANNOT_REACH_TPA_FLOW
                 : this.navigationScenarios.CLICKED_BACK_CAN_REACH_TPA_FLOW;
+        },
+        isBigTruck() {
+            return this.mainStore.order.vehicle.isBigTruck;
         }
     },
     methods: {