wy-mobile/pages/bxjlDetail/bxjlDetail.wxml

<view style="background-color:rgb(236, 236, 235);height:100%;">
    <view class="bxjlDHeader">
        <image style="width:35rpx;height:47rpx;vertical-align: middle;" src="{{imgUrl}}1589870549(1).png"></image><text style="vertical-align: middle;margin-left:16rpx;">小区物业保修单</text>
    </view>
    <view style="height:3rpx;background-color:#ACA8A5;"></view>
        <view style="font-size:27rpx;color:#9D9E9E;">
            <text style="padding-left:30rpx;">订单状态</text>
        </view>
    <view class="bxjlDBody">
        <view class="bxjlDBcenter" style="font-size:30rpx;line-height: 100rpx;">
            <view style="{{jiaoFeiJiLu.vbillstatus==1||jiaoFeiJiLu.vbillstatus==2||jiaoFeiJiLu.vbillstatus==3?'display:inline-block;color:green;':'color:#9D9E9E;display:inline-block;'}}">
                <text style="vertical-align: middle;">已报事未处理</text>
                <image style="margin:0rpx 20rpx;width:35rpx;height:35rpx;vertical-align: middle;" src="{{imgUrl}}1589873011(1).png"></image>
            </view>
            <view style="{{jiaoFeiJiLu.vbillstatus==3||jiaoFeiJiLu.vbillstatus==2?'display:inline-block;color:green;':'color:#9D9E9E;display:inline-block;'}}">
                <text style="vertical-align: middle;">已处理未回访</text>
                <image style="margin:0rpx 20rpx;width:35rpx;height:35rpx;vertical-align: middle;" src="{{imgUrl}}1589873011(1).png"></image>
            </view>
            <view style="{{jiaoFeiJiLu.vbillstatus==3?'color:green;display:inline-block;':'color:#9D9E9E;display:inline-block;'}}">
                <text style="vertical-align: middle;">已回访</text>
            </view>
        </view>
        <view class="bxjlDBodyHeader">
            <image style="width:40rpx;height:45rpx;margin-left:60rpx;vertical-align: middle;" src="{{imgUrl}}1589874352(1).png"></image>
            <text style="margin-left:50rpx;vertical-align: middle;">{{jiaoFeiJiLu.firstman}}</text><text style="vertical-align: middle;margin-left:100rpx;">{{jiaoFeiJiLu.vtel}}</text>
        </view>
        <view class="bxjlDBodyBody">
            <text style="color:#9D9E9E;">维修地址:</text><text style="margin-left:50rpx;">{{jiaoFeiJiLu.hname}}</text>
        </view>
        <view class="bxjlDBodyBody">
            <text style="color:#9D9E9E;">报事地址:</text><text style="margin-left:50rpx;">{{jiaoFeiJiLu.vplace}}</text>
        </view>
        <view class="bxjlDBodyBody">
            <text style="color:#9D9E9E;">维修日期:</text><text style="margin-left:50rpx;">{{jiaoFeiJiLu.drequiredate}}</text>
        </view>
        <view class="bxjlDBodyBody">
            <text style="color:#9D9E9E;">维修人员:</text><text style="margin-left:50rpx;"></text>
        </view>
        <view class="bxjlDBodyBody">
            <text style="color:#9D9E9E;">问题描述:</text><text style="margin-left:50rpx;">{{jiaoFeiJiLu.vcontent}}</text>
        </view>
        <view class="bxjlDBodyBody">
            <view style="display:inline-block;width:220rpx;margin:20rpx 10rpx 0rpx 0rpx;text-align:center;" wx:for="{{imgs}}" wx:for-item="i">
            <image style="width:220rpx;height:200rpx;" src="{{userFileUrl}}/{{i.fileurl}}" data-index="{{i.autoid}}" bindtap="handleImagePreview"></image>
            </view>
        </view>
        <view class="bxjlDBodyHeader bxjlDBcenter">
            <text>维修费用</text>
        </view>
        <view class="bxjlDBodyFooter">
            <text style="color:#9D9E9E;">人工费:</text><text style="margin-left:240rpx;">0</text><text style="margin-left:230rpx;">元</text>
        </view>
        <view class="bxjlDBodyFooter">
            <text style="color:#9D9E9E;">材料费:</text><text style="margin-left:240rpx;">0</text><text style="margin-left:230rpx;">元</text>
        </view>
        <view class="bxjlDBodyFooter">
            <text style="color:#9D9E9E;">其他费:</text><text style="margin-left:240rpx;">0</text><text style="margin-left:230rpx;">元</text>
        </view>
        <view class="bxjlDBodyFooterSum bxjlDBcenter">
            <text>合计:0元</text>
        </view>
    </view>
</view>