tripDetail.html 2.99 KB
<div class="tripDetail" ng-controller="tripDetailController" ng-init="init()">
    <div class="tripDetailTop">
        <div class="tripTopLeft">

        </div>
        <div class="tripTopRight">
            <p class="borderBottom firstAddress">
                <span class="size15"> {{tripDetail.startStation}}</span> <span class="getBike">取车点</span>
            </p>
            <p>
                <span class="size15"> {{tripDetail.endStation}}</span> <span class="backBike">还车点</span>
            </p>
        </div>
    </div>

    <div class="payBox" ng-show="needPay">
        <div class="tripTitle">
            支付方式
        </div>
        <ul>
            <!--<li>

               <span class="leftText residual"></span> <span class="leftText"> 余额支付(¥{{balance}})</span> <span class="rightText checkboxS" ng-class="{true: 'checkboxTrue', false: 'checkboxFalse'}[!isActive]" ng-click="choosePay(0)"> </span>
            </li>-->
            <!--ng-class="{true: 'checkboxTrue', false: 'checkboxFalse'}[isActive]"-->
            <li>
                <span class="leftText aliPay"></span><span class="leftText "> 支付宝</span> <span
                    class="rightText checkboxS"
                    ng-class="{'checkboxTrue': payType === 100, 'checkboxFalse': payType !== 100}"
                    ng-click="choosePay(100)"></span>
            </li>
            <li>
                <span class="leftText wechatPay"></span><span class="leftText "> 微信支付</span> <span
                    class="rightText checkboxS"
                    ng-class="{'checkboxTrue': payType === 101, 'checkboxFalse': payType !== 101}"
                    ng-click="choosePay(101)"></span>
            </li>

        </ul>
    </div>

    <div class="tripContent">
        <div class="tripTitle">
            租车详情:
        </div>
        <ul>
            <li>
                <span class="leftText"> 租车时间:</span>
                <span class="rightText"> {{tripDetail.startTime}}</span>
            </li>
            <li>
                <span class="leftText"> 还车时间:</span>
                <span class="rightText"> {{tripDetail.endTime}}</span>
            </li>
            <li>
                <span class="leftText"> 免费时间:</span>
                <span class="rightText"> {{tripDetail.freeTime}}分钟</span>
            </li>
            <li>
                <span class="leftText"> 超出时间:</span>
                <span class="rightText"> {{tripDetail.outTime}}分钟</span>
            </li>
        </ul>
        <div class="amount">合计:{{tripDetail.total_fee}}元</div>
    </div>
    <div class="redBtnBox btnPosition" ng-show="!needPay">
        <button class=" mui-btn  mui-btn-block redBigBtn" ng-click="backHome()">
            返回首页
        </button>
    </div>
    <div class="bottomPosition" ng-show="needPay">
        <span> 合计:{{tripDetail.total_fee}}元</span>
        <div class="goPay" ng-click="goPay()">
            立即支付
        </div>
    </div>


</div>