Merge pull request #429 from tron/revert-424-test

Revert "test"

src/pages/parkingFeeV2/parkingFee.vue

@@ -1,6 +1,227 @@
 <template>
-  <div class="paekingFeeClass">
-    paekingFeeClass
+  <div :class="[theme, 'paekingFeeClass']">
+    <scroll-view :class="['scroll-Y' ,'color-scroll-Y']">
+      <div class="wrap">
+        <div class="parkingFee">
+          <!-- <wx-points-commit ref='wxPointsCommit'></wx-points-commit> -->
+          <!-- KIP菜单 -->
+          <div
+            v-if="source === 'KIP'"
+            :class="{
+              top_menu: true,
+              blue_top_menu: custTypeId === 1,
+              green_top_menu: custTypeId === 2,
+            }"
+          >
+            <div class="menu_item" @click="menuToPage('PAYMENT_RECORDS')">
+              <img :src="`${require(`@/pages/parkingFee/static/images/icon-order.png`)}`" />
+              <span>缴费记录</span>
+            </div>
+            <div class="menu_item" @click="menuToPage('PARKING_INVOICE')">
+              <img :src="`${require(`@/pages/parkingFee/static/images/icon-ticket.png`)}`" />
+              <span>停车开票</span>
+            </div>
+            <div class="menu_item" @click="menuToPage('VEHICLE_MANAGE')">
+              <img :src="`${require(`@/pages/parkingFee/static/images/icon-car.png`)}`" />
+              <span>车辆管理</span>
+            </div>
+          </div>
+          <!-- 菜单 -->
+          <div
+            :class="{
+            top_menu: true,
+            blue_top_menu: custTypeId === 1,
+            green_top_menu: custTypeId === 2,
+          }"
+            v-if="custTypeId >= 0 && (portalsByLbsList.length < 5 || portalsByLbsList.length === 5) && source !== 'KIP'"
+          >
+            <div class="menu_item" @click="menuToPage('PAYMENT_RECORDS')" v-if="portalsByLbsList.indexOf('PAYMENT_RECORDS') > -1">
+              <img :src="`${require(`@/pages/parkingFee/static/images/icon-order.png`)}`" />
+              <span>缴费记录</span>
+            </div>
+            <div class="menu_item" @click="menuToPage('COUPON_EXCHANGE')" v-if="portalsByLbsList.indexOf('COUPON_EXCHANGE') > -1">
+              <img :src="`${require(`@/pages/parkingFee/static/images/icon-coupon.png`)}`" />
+              <span>停车券兑换</span>
+            </div>
+            <div class="menu_item" @click="menuToPage('PARKING_INVOICE')" v-if="portalsByLbsList.indexOf('PARKING_INVOICE') > -1">
+              <img :src="`${require(`@/pages/parkingFee/static/images/icon-ticket.png`)}`" />
+              <span>停车开票</span>
+            </div>
+            <div class="menu_item" @click="menuToPage('VEHICLE_MANAGE')" v-if="portalsByLbsList.indexOf('VEHICLE_MANAGE') > -1">
+              <img :src="`${require(`@/pages/parkingFee/static/images/icon-car.png`)}`" />
+              <span>车辆管理</span>
+            </div>
+            <div class="menu_item" @click="menuToPage('PARKING_BENEFITS')" v-if="portalsByLbsList.indexOf('PARKING_BENEFITS') > -1">
+              <img :src="`${require(`@/pages/parkingFee/static/images/parkingRights.svg`)}`" />
+              <span>停车权益</span>
+            </div>
+            <div class="menu_item" @click="menuToPage('FIND_CAR')" v-if="portalsByLbsList.indexOf('FIND_CAR') > -1"   >
+              <img :src="`${require(`@/pages/parkingFee/static/images/find_car.png`)}`"/>
+              <span>反向寻车</span>
+            </div>
+          </div>
+
+          <!-- 菜单2 -->
+          <div v-else-if="custTypeId >= 0 && portalsByLbsList.length > 5 && source !== 'KIP'">
+            <div
+            :class="{
+            top_menu2: true,
+            blue_top_menu: custTypeId === 1,
+            green_top_menu: custTypeId === 2,
+          }"
+            
+          >
+            <div class="menu_item" @click="menuToPage('PAYMENT_RECORDS')" v-if="portalsByLbsList.indexOf('PAYMENT_RECORDS') > -1">
+              <img :src="`${require(`@/pages/parkingFee/static/images/icon-order.png`)}`" />
+              <span>缴费记录</span>
+            </div>
+            <div class="menu_item" @click="menuToPage('COUPON_EXCHANGE')" v-if="portalsByLbsList.indexOf('COUPON_EXCHANGE') > -1">
+              <img :src="`${require(`@/pages/parkingFee/static/images/icon-coupon.png`)}`" />
+              <span>停车券兑换</span>
+            </div>
+            <div class="menu_item" @click="menuToPage('PARKING_INVOICE')" v-if="portalsByLbsList.indexOf('PARKING_INVOICE') > -1">
+              <img :src="`${require(`@/pages/parkingFee/static/images/icon-ticket.png`)}`" />
+              <span>停车开票</span>
+            </div>
+          </div>
+          <!-- 菜单3 -->
+          <div
+            :class="{
+            top_menu: true,
+            blue_top_menu: custTypeId === 1,
+            green_top_menu: custTypeId === 2,
+          }"
+          >
+            <div class="menu_item" @click="menuToPage('FIND_CAR')" v-if="portalsByLbsList.indexOf('FIND_CAR') > -1">
+              <img :src="`${require(`@/pages/parkingFee/static/images/find_car.png`)}`"/>
+              <span>反向寻车</span>
+            </div>
+            <div class="menu_item" @click="menuToPage('VEHICLE_MANAGE')">
+              <img :src="`${require(`@/pages/parkingFee/static/images/icon-car.png`)}`" v-if="portalsByLbsList.indexOf('VEHICLE_MANAGE') > -1" />
+              <span>车辆管理</span>
+            </div>
+            <div class="menu_item" @click="menuToPage('PARKING_BENEFITS')" v-if="portalsByLbsList.indexOf('PARKING_BENEFITS') > -1">
+              <img :src="`${require(`@/pages/parkingFee/static/images/parkingRights.svg`)}`" />
+              <span>停车权益</span>
+            </div>
+          </div>
+          </div>
+          
+          
+          <!-- 中控 -->
+          <div class="parkingFee-bottom">
+            <div style="height: 40px; background-color: #FBFCFF;" v-if="source === 'KIP'"></div>
+            <div v-if="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-if="tabbarActive === 'paymentForUnregisteredVehicle'">
+              <!-- 无牌车 -->
+              <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`)}`" /><span class="text">扫描进场二维码领取无牌车号牌</span>
+                </div>
+              </div>
+              <!-- 有无牌车 -->
+              <div class="in-car" v-if="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>
+            <!-- 手动缴费: v-show="tabbarActive === 'manualPayment'" -->
+            <div class="manual-box" v-else>
+              <div class="parkingFee-search">
+                <div class="search_tip_1" :style="{paddingTop: supportUnlicensed? '0': '32px'}">
+                  <div class="title">车辆类型</div>
+<!--                  <k-tab ref="k-tab" type="fill" @change="toggleType" :tabs="['燃油车牌', '新能源', '特殊车牌']" />-->
+                  <k-tab ref="k-tab" type="fill" @change="toggleType" :tabs="['燃油车牌', '新能源', '特殊车牌']" />
+                </div>
+                <!-- <div class="search_tip">
+                  <div class="title">车辆类型</div>
+                  <div class="search_tip_pt">
+                    <div :class="carType == 0 ? 'search_tip_pt_index' : ''" @click="toggleType(0)">燃油车牌</div>
+                    <div :class="carType == 1 ? 'search_tip_pt_index' : ''" @click="toggleType(1)">新能源</div>
+                    <div :class="carType == 2 ? 'search_tip_pt_index' : ''" @click="toggleType(2)">特殊车牌</div>
+                  </div>
+                </div> -->
+                <div class="input-box">
+                  <!-- <div v-for="i in carType === 1 ? 8 : 7" class="li" :key="`numArr${i}`" @click="clickShowKeyboard(i)" :class="[active === i ? 'active' : '']">
+                    {{ numArr[i] }}
+                  </div> -->
+                  <div class="van-hairline--surround li" @click="clickShowKeyboard(0)" :class="[active === 0 ? 'active' : '']">
+                    {{ numArr[0] }}
+                  </div>
+                  <div class="van-hairline--surround li" @click="clickShowKeyboard(1)" :class="[active === 1 ? 'active' : '']">
+                    {{ numArr[1] }}
+                  </div>
+                  <div class="input_box_dian">·</div>
+                  <div class="van-hairline--surround li" @click="clickShowKeyboard(2)" :class="[active === 2 ? 'active' : '']">
+                    {{ numArr[2] }}
+                  </div>
+                  <div class="van-hairline--surround li" @click="clickShowKeyboard(3)" :class="[active === 3 ? 'active' : '']">
+                    {{ numArr[3] }}
+                  </div>
+                  <div class="van-hairline--surround li" @click="clickShowKeyboard(4)" :class="[active === 4 ? 'active' : '']">
+                    {{ numArr[4] }}
+                  </div>
+                  <div class="van-hairline--surround li" @click="clickShowKeyboard(5)" :class="[active === 5 ? 'active' : '']">
+                    {{ numArr[5] }}
+                  </div>
+                  <div :class="['van-hairline--surround li', active === 6 ? 'active' : '']" @click="clickShowKeyboard(6)">
+                    {{ numArr[6] }}
+                  </div>
+                  <div class="li dashed green-active" @click="clickShowKeyboard(7)" :class="[active === 7 ? 'active' : '']" >
+                    <span v-if="carType === 1">{{ numArr[7] }}</span>
+                   <img v-else :src="require('@/pages/parkingFee/static/images/unlicensed/leaf.svg')">
+                  </div>
+                </div>
+                <k-button title="查询缴费" style="margin-top: 46px;margin-bottom: 43px;" :disabled="disabledBtn" disabledColor="#D1D2D9" @click="preHandleSearch" />
+                <!-- <div type="primary" class="search-btn" :class="disabledBtn ? 'disabled-btn' : ''" :disabled="disabledBtn" @click="preHandleSearch">查询缴费</div> -->
+              </div>
+              <div class="vehicleMgt-list">
+                <div class="vehicleMgt-title">
+                  <div>历史查询车辆</div>
+                  <!-- <image src="./static/images/icon5.png" class="vehicleMgt-title-img"/> -->
+                </div>
+                <div class="vehicleMgt-content" v-if="carList.length">
+                  <div class="item" v-for="(item, index) in carList" :key="index" @click="toHandleSearchBefore(item, 1)" :class="vehicleNumber == item ? 'vehicleMgt-content_cls' : ''">
+                    {{ item | formatCarno }}
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="parkingFee-top">
+            
+            <div class="top_content ql-snow">
+              <div class="title_box">
+                <span class="btn">缴费说明</span>
+              </div>
+              <div class="info" :class="[!init_ch ? 'info_show' : '', 'ql-editor']">
+                  <div v-html="description"></div>
+              </div>
+            </div>
+            <div v-if="!init_ch && description && description.length > 60" class="top_down_filter"></div>
+            <div class="top_down" @click="top_display" v-if="!init_ch && description && description.length > 60"><van-icon name="arrow-down" /></div>
+            <div class="top_down" @click="top_display" v-else><van-icon name="arrow-up" /></div>
+          </div>
+        </div>
+        
+      </div>
+    </scroll-view>
+    <!-- <wx-points-auth ref="wxPointsAuth"></wx-points-auth> -->
+    <plate-number ref="plateKeyboard" :noDisBtn="[32, 33, 34,35, 36, 37]" :carType="carType" :active="active" :ind="ind" :numArr="numArr" @carnoArr="updateCarno"></plate-number>
+    <checkCarPopup ref="checkCarPopup"></checkCarPopup>
   </div>
 </template>