fix(SCRM-5291): 改用 v-show 处理 v-if 在首页不工作的场景

src/pages/parkingFeeV2/parkingFee.vue

@@ -59,17 +59,36 @@
           
           <!-- 中控 -->
           <div class="parkingFee-bottom">
-            <div style="height: 40px; background-color: #FBFCFF;" v-if="source === 'KIP'"></div>
-            <div :class="['parkingFee-tab', tabbarActive === 'paymentForUnregisteredVehicle' && 'unlicensed-box-bottom']" v-if="supportUnlicensed && source !== 'KIP'">
-            <!-- <div style="height: 40px; background-color: #FBFCFF;" v-if="source === 'KIP' && !isAlipayClient"></div> -->
-            <!-- <div :class="['parkingFee-tab', tabbarActive === 'paymentForUnregisteredVehicle' && 'unlicensed-box-bottom']" v-if="supportUnlicensed && source !== 'KIP' && !isAlipayClient">
-               -->
+            <div style="height: 40px; background-color: #FBFCFF;" v-show="source === 'KIP'"></div>
+            <div v-show="supportUnlicensed && source !== 'KIP'" :class="['parkingFee-tab', tabbarActive === 'paymentForUnregisteredVehicle' && 'unlicensed-box-bottom']">
               <div :class="['bar', tabbarActive === 'manualPayment' && 'active']" @click="tabbarActiveEvent('manualPayment')">手动缴费</div>
               <div :class="['bar', tabbarActive === 'paymentForUnregisteredVehicle' && 'active']" @click="tabbarActiveEvent('paymentForUnregisteredVehicle')">无牌缴费</div>
             </div>
-
+            <!-- 无牌缴费 -->
+            <div class="unlicensed-box" v-show="tabbarActive === 'paymentForUnregisteredVehicle'">
+              <!-- 无牌车 -->
+              <div class="no-car-unlicensed-box" v-show="!unlicensedCar">
+                <img :src="`${require(`@/pages/parkingFee/static/images/unlicensed-1.png`)}`" />
+                <div class="no-car-unlicensed-info">未查询到无牌车信息</div>
+                <div class="search-btn no-car-unlicensed-btn" @click="scanCarCode">
+                  <!-- <van-icon name="scan" />扫描进场二维码领取无牌车号牌 -->
+                  <img class="unlicensed-scan" :src="`${require(`@/pages/parkingFee/static/images/unlicensed-scan.png`)}`" /><sapn class="text">扫描进场二维码领取无牌车号牌</sapn>
+                </div>
+              </div>
+              <!-- 有无牌车 -->
+              <div class="in-car" v-show="unlicensedCar">
+                <div class="car-number-box">
+                  <img :src="`${require(`@/pages/parkingFee/static/images/unlicensed-0.png`)}`" />
+                  <div class="car-number">
+                    <div class="number">{{ unlicensedCar }}</div>
+                    <div class="tips">车辆类型：无牌车辆</div>
+                  </div>
+                </div>
+                <div class="search-btn" @click="unlicensedToPay">去支付</div>
+              </div>
+            </div>
             <!-- 手动缴费 -->
-            <div class="manual-box" v-if="tabbarActive === 'manualPayment'">
+            <div class="manual-box" v-show="tabbarActive === 'manualPayment'">
               <div class="parkingFee-search">
                 <div class="search_tip_1" :style="{paddingTop: supportUnlicensed? '0': '32px'}">
                   <div class="title">车辆类型</div>
@@ -130,31 +149,6 @@
                 </div>
               </div>
             </div>
-
-            <!-- 无牌缴费 -->
-            <div class="unlicensed-box" v-else>
-              <!-- 无牌车 -->
-              <!-- <k-illustration name="no-parking-fee" description="未查询到无牌车信息" /> -->
-              <div class="no-car-unlicensed-box" v-if="!unlicensedCar">
-                <img :src="`${require(`@/pages/parkingFee/static/images/unlicensed-1.png`)}`" />
-                <div class="no-car-unlicensed-info">未查询到无牌车信息</div>
-                <div class="search-btn no-car-unlicensed-btn" @click="scanCarCode">
-                  <!-- <van-icon name="scan" />扫描进场二维码领取无牌车号牌 -->
-                  <img class="unlicensed-scan" :src="`${require(`@/pages/parkingFee/static/images/unlicensed-scan.png`)}`" /><sapn class="text">扫描进场二维码领取无牌车号牌</sapn>
-                </div>
-              </div>
-              <!-- 有无牌车 -->
-              <div class="in-car" v-else>
-                <div class="car-number-box">
-                  <img :src="`${require(`@/pages/parkingFee/static/images/unlicensed-0.png`)}`" />
-                  <div class="car-number">
-                    <div class="number">{{ unlicensedCar }}</div>
-                    <div class="tips">车辆类型：无牌车辆</div>
-                  </div>
-                </div>
-                <div class="search-btn" @click="unlicensedToPay">去支付</div>
-              </div>
-            </div>
           </div>
           <div class="parkingFee-top">