<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:background_element="#FFF"
    ohos:orientation="vertical">

    <!-- 日期筛选 -->
    <DirectionalLayout
        ohos:id="$+id:filter_plateNo"
        ohos:height="match_content"
        ohos:width="match_parent"
        ohos:background_element="#F5F5F5"
        ohos:bottom_padding="12vp"
        ohos:left_padding="20vp"
        ohos:orientation="horizontal"
        ohos:right_padding="20vp"
        ohos:alignment="start|center"
        ohos:top_padding="12vp"
        >

        <Text
            ohos:id="$+id:text_plateNo"
            ohos:height="match_content"
            ohos:width="match_content"
            ohos:text="粤B11111"
            ohos:text_color="#FF000000"
            ohos:text_size="16fp"/>
        <Image ohos:width="15vp" ohos:left_margin="8vp" ohos:height="15vp" ohos:image_src="$media:change" ohos:scale_mode="stretch"></Image>

    </DirectionalLayout>

    <DirectionalLayout
        ohos:height="0"
        ohos:width="match_parent"
        ohos:bottom_margin="20vp"
        ohos:left_margin="20vp"
        ohos:orientation="vertical"
        ohos:right_margin="20vp"
        ohos:weight="1">


        <!-- feeType 0或16: 正常缴费或临停加欠费补缴 -->
        <DirectionalLayout
            ohos:id="$+id:card_normal_fee"
            ohos:height="match_parent"
            ohos:width="match_parent"
            ohos:orientation="vertical"
            ohos:visibility="hide">

            <!-- 车场名称和停车时长 -->
            <DirectionalLayout
                ohos:height="match_content"
                ohos:width="match_parent"
                ohos:bottom_margin="16vp"
                ohos:orientation="horizontal"
                ohos:top_padding="12vp">

                <Text
                    ohos:id="$+id:text_park_name"
                    ohos:height="match_content"
                    ohos:width="0vp"
                    ohos:text="车场名称"
                    ohos:text_alignment="start"
                    ohos:text_color="#FF555555"
                    ohos:text_size="14fp"
                    ohos:weight="1"/>

                <Text
                    ohos:id="$+id:text_stay_time"
                    ohos:height="match_content"
                    ohos:width="match_content"
                    ohos:text="已停0小时0分"
                    ohos:text_alignment="end"
                    ohos:text_color="#FF555555"
                    ohos:text_size="14fp"/>
            </DirectionalLayout>

            <!-- 金额显示 -->
            <DirectionalLayout
                ohos:height="0"
                ohos:width="match_parent"
                ohos:alignment="center"
                ohos:bottom_margin="16vp"
                ohos:orientation="vertical"
                ohos:weight="1">

                <DirectionalLayout
                    ohos:height="match_content"
                    ohos:width="match_content"
                    ohos:alignment="bottom"
                    ohos:orientation="horizontal">

                    <Text
                        ohos:height="match_content"
                        ohos:width="match_content"
                        ohos:text="￥"
                        ohos:text_color="#FFFF7B0B"
                        ohos:text_size="24fp"/>

                    <Text
                        ohos:id="$+id:text_actual_amount"
                        ohos:height="match_content"
                        ohos:width="match_content"
                        ohos:text="0"
                        ohos:text_color="#FFFF7B0B"
                        ohos:text_size="40fp"
                        ohos:text_weight="700"/>
                </DirectionalLayout>

                <Text
                    ohos:id="$+id:text_discount_amount"
                    ohos:height="match_content"
                    ohos:width="match_content"
                    ohos:text="sdfdsfs"
                    ohos:text_color="#FFFF7B0B"
                    ohos:text_size="14fp"
                    />
            </DirectionalLayout>

            <!-- 立即缴费按钮 -->
            <Button
                ohos:id="$+id:btn_pay_now"
                ohos:height="48vp"
                ohos:width="match_parent"
                ohos:background_element="$graphic:button"
                ohos:text="立即缴费"
                ohos:text_color="#FFFFFFFF"
                ohos:text_size="16fp"
                />
        </DirectionalLayout>

        <!-- feeType 10或12: 未入场或场外月卡 -->
        <DirectionalLayout
            ohos:id="$+id:card_no_entry"
            ohos:height="match_parent"
            ohos:width="match_parent"
            ohos:alignment="center"
            ohos:orientation="vertical"
            ohos:visibility="hide">

            <DirectionalLayout
                ohos:height="match_parent"
                ohos:width="match_parent"
                ohos:alignment="center"
                ohos:bottom_margin="20vp"
                ohos:orientation="vertical"
                ohos:top_margin="20vp"
                ohos:weight="1">

                <Text
                    ohos:height="match_content"
                    ohos:width="match_content"
                    ohos:bottom_margin="10vp"
                    ohos:text="未查询到车辆入场信息"
                    ohos:text_color="#FF222222"
                    ohos:text_size="16fp"/>

                <Text
                    ohos:height="match_content"
                    ohos:width="match_content"
                    ohos:text="如在场内请咨询管理处"
                    ohos:text_color="#FF888888"
                    ohos:text_size="14fp"/>
            </DirectionalLayout>

            <Button
                ohos:id="$+id:btn_refresh"
                ohos:height="48vp"
                ohos:width="match_parent"
                ohos:background_element="$graphic:button"
                ohos:text="刷新试试"
                ohos:text_color="#FFFFFFFF"
                ohos:text_size="16fp"/>
        </DirectionalLayout>

        <!-- feeType 14: 黑名单车辆 -->
        <DirectionalLayout
            ohos:id="$+id:card_blacklist"
            ohos:height="match_parent"
            ohos:width="match_parent"
            ohos:orientation="vertical"
            ohos:visibility="hide"
            >

            <DirectionalLayout
                ohos:height="match_content"
                ohos:width="match_parent"
                ohos:orientation="horizontal"
                ohos:top_padding="12vp">

                <Text
                    ohos:id="$+id:text_park_name_blacklist"
                    ohos:height="match_content"
                    ohos:width="0vp"
                    ohos:text="车场名称"
                    ohos:text_alignment="start"
                    ohos:text_color="#FF555555"
                    ohos:text_size="14fp"
                    ohos:weight="1"
                    />

                <Text
                    ohos:id="$+id:text_stay_time_blacklist"
                    ohos:height="match_content"
                    ohos:width="match_content"
                    ohos:text="停车时长"
                    ohos:text_alignment="end"
                    ohos:text_color="#FF555555"
                    ohos:text_size="14fp"
                    />
            </DirectionalLayout>

            <DirectionalLayout
                ohos:height="0"
                ohos:weight="1"
                ohos:width="match_parent"
                ohos:alignment="center"
                ohos:bottom_margin="20vp"
                ohos:orientation="vertical"
                ohos:top_margin="20vp">

                <Text
                    ohos:height="match_content"
                    ohos:width="match_content"
                    ohos:bottom_margin="10vp"
                    ohos:text="不支持手机缴费"
                    ohos:text_color="#FF222222"
                    ohos:text_size="16fp"/>

                <Text
                    ohos:height="match_content"
                    ohos:width="match_content"
                    ohos:text="请到收费处缴费"
                    ohos:text_color="#FF888888"
                    ohos:text_size="14fp"/>
            </DirectionalLayout>
        </DirectionalLayout>

        <!-- feeType 3: 月卡车辆 -->
        <DirectionalLayout
            ohos:id="$+id:card_monthly"
            ohos:height="match_parent"
            ohos:width="match_parent"
            ohos:orientation="vertical"
            ohos:visibility="hide"

            >

            <DirectionalLayout
                ohos:height="match_content"
                ohos:width="match_parent"
                ohos:bottom_margin="16vp"
                ohos:orientation="horizontal"
                ohos:top_padding="12vp">

                <Text
                    ohos:id="$+id:text_park_name_monthly"
                    ohos:height="match_content"
                    ohos:width="0vp"
                    ohos:text="车场名称"
                    ohos:text_alignment="start"
                    ohos:text_color="#FF555555"
                    ohos:text_size="14fp"
                    ohos:weight="1"
                    />

                <Text
                    ohos:id="$+id:text_stay_time_monthly"
                    ohos:height="match_content"
                    ohos:width="match_content"
                    ohos:text="停车时长"
                    ohos:text_alignment="end"
                    ohos:text_color="#FF555555"
                    ohos:text_size="14fp"
                    />
            </DirectionalLayout>

            <Text
                ohos:height="0"
                ohos:weight="1"
                ohos:width="match_parent"
                ohos:bottom_margin="30vp"
                ohos:text="月卡车辆"
                ohos:text_alignment="center"
                ohos:text_color="#FF222222"
                ohos:text_size="18fp"
                ohos:text_weight="700"
                ohos:top_margin="20vp"/>

            <Button
                ohos:id="$+id:btn_renew"
                ohos:height="48vp"
                ohos:width="match_parent"
                ohos:background_element="$graphic:button"
                ohos:text="立即续费"
                ohos:text_color="#FFFFFFFF"
                ohos:text_size="16fp"
                />
        </DirectionalLayout>

        <!-- feeType 1/2/4/5/13: 无需缴费 -->
        <DirectionalLayout
            ohos:id="$+id:card_no_fee"
            ohos:height="match_parent"
            ohos:width="match_parent"
            ohos:orientation="vertical"
            ohos:visibility="hide">

            <DirectionalLayout
                ohos:height="match_content"
                ohos:width="match_parent"
                ohos:bottom_margin="16vp"
                ohos:orientation="horizontal"
                ohos:top_padding="12vp">

                <Text
                    ohos:id="$+id:text_park_name_no_fee"
                    ohos:height="match_content"
                    ohos:width="0vp"
                    ohos:text="车场名称"
                    ohos:text_alignment="start"
                    ohos:text_color="#FF555555"
                    ohos:text_size="14fp"
                    ohos:weight="1"
                    />

                <Text
                    ohos:id="$+id:text_stay_time_no_fee"
                    ohos:height="match_content"
                    ohos:width="match_content"
                    ohos:text="停车时长"
                    ohos:text_alignment="end"
                    ohos:text_color="#FF555555"
                    ohos:text_size="14fp"
                    />
            </DirectionalLayout>

            <Text
                ohos:height="0"
                ohos:weight="1"
                ohos:width="match_parent"
                ohos:bottom_margin="40vp"
                ohos:text="无需缴费"
                ohos:text_alignment="center"
                ohos:text_color="#FF222222"
                ohos:text_size="18fp"
                ohos:text_weight="700"
                ohos:top_margin="40vp"/>
        </DirectionalLayout>

        <!-- feeType 6: 全额优惠，无需缴费 -->
        <DirectionalLayout
            ohos:id="$+id:card_full_discount"
            ohos:height="match_parent"
            ohos:width="match_parent"
            ohos:orientation="vertical"
            ohos:visibility="hide">

            <DirectionalLayout
                ohos:height="match_content"
                ohos:width="match_parent"
                ohos:bottom_margin="16vp"
                ohos:orientation="horizontal"
                ohos:top_padding="12vp">

                <Text
                    ohos:id="$+id:text_park_name_full_discount"
                    ohos:height="match_content"
                    ohos:width="0vp"
                    ohos:text="车场名称"
                    ohos:text_alignment="start"
                    ohos:text_color="#FF555555"
                    ohos:text_size="14fp"
                    ohos:weight="1"
                    />

                <Text
                    ohos:id="$+id:text_stay_time_full_discount"
                    ohos:height="match_content"
                    ohos:width="match_content"
                    ohos:text="停车时长"
                    ohos:text_alignment="end"
                    ohos:text_color="#FF555555"
                    ohos:text_size="14fp"
                    />
            </DirectionalLayout>

            <Text
                ohos:height="0"
                ohos:weight="1"
                ohos:width="match_parent"
                ohos:bottom_margin="40vp"
                ohos:text="全额优惠，无需缴费"
                ohos:text_alignment="center"
                ohos:text_color="#FF222222"
                ohos:text_size="16fp"
                ohos:top_margin="40vp"/>
        </DirectionalLayout>

        <!-- 无车牌缓存时显示的添加车辆卡片 -->
        <DirectionalLayout
            ohos:id="$+id:add_vehicle_card"
            ohos:height="match_parent"
            ohos:width="match_parent"
            ohos:alignment="center"
            ohos:layout_alignment="center"
            ohos:orientation="vertical"
            ohos:visibility="visible">


            <DirectionalLayout
                ohos:height="0"
                ohos:weight="1"
                ohos:width="match_parent"
                ohos:alignment="center"
                ohos:layout_alignment="center"
                ohos:orientation="vertical">

                <!-- 汽车图标 -->
                <Image
                    ohos:id="$+id:img_car"
                    ohos:height="40vp"
                    ohos:width="50vp"
                    ohos:image_src="$media:nocar"
                    ohos:scale_mode="stretch"/>

                <!-- 提示文字 -->
                <Text
                    ohos:id="$+id:text_add_vehicle_tip"
                    ohos:height="match_content"
                    ohos:width="match_parent"
                    ohos:bottom_margin="24vp"
                    ohos:text="添加车辆快捷缴费，免排队、免找零"
                    ohos:text_alignment="center"
                    ohos:text_color="#FF333333"
                    ohos:text_size="16fp"
                    ohos:top_margin="24vp"/>

            </DirectionalLayout>
            <!-- 输入车牌缴费按钮 -->
            <Button
                ohos:id="$+id:btn_input_license_plate"
                ohos:height="48vp"
                ohos:width="match_parent"
                ohos:background_element="$graphic:button"
                ohos:text="输车牌缴费"
                ohos:text_color="#FFFFFFFF"
                ohos:text_size="16fp"
                />
        </DirectionalLayout>

    </DirectionalLayout>
</DirectionalLayout>

