<nav type="back" background-color="#46a9a4" title="评论详情" />
<view class="page-section border-trans">
    <view class=" page-section-spacing" wx:if="{{order}}">
        <view class="order-number order-row text">
            <view class="number ">订单号：{{order.orderNum}}</view>
        </view>
        <view class="order-content" >
            <view class="order-shop order-row">
                <image class="order-shop-img " src="{{order.room.images[0]}}" />
                <view class="order-shop-text">
                    <view class="order-shop-name text">{{order.room.name}}</view>
                    <view class="order-shop-name text-small grey ellipsis-2">{{order.room.address}}</view>
                </view>
            </view>
            <view class="order-info order-row text">
                <view class="time-area">{{order.startTime}}——{{order.endTime}}</view>
                <view class="time-day">{{order.day}}晚</view>
                <view class="order-price red">￥{{order.price}}</view>
            </view>
        </view>
    </view>
    <view class="comment-detail">
        <comment-list  comments="{{[order]}}"></comment-list>
    </view>
    <!-- <view class="reply page-section-spacing text" wx:if="{{order.reply}}">
        商家回复：{{order.reply}}
    </view> -->
    
</view>
<view class="footer" wx:if="{{!order.reply}}">
    <van-button class="btn" size="large" color="#46a9a4" bindtap="showModal" round><text class="black">回复</text></van-button>
</view> 
<modal width="90%" height="700rpx"  show="{{showReplyModal}}" closeable title="回复评论"  bind:close="closeModal" bind:enter="replyComment">
    <view slot="content" class="reply-modal">
        <textarea name="" id="" cols="30" rows="12" bind:input="replyChange" class="reply-textarea">{{reply}}</textarea>
    </view>
</modal>