<!--pages/workOrderDetail/index.wxml-->
<navigator title="工单详情" canBack="{{true}}" />
<view>
    <van-field
        value="{{ detail.target.meter_data.park_name || '-' }}"
        label="园区"
        readonly
        title-width="132rpx"
    />
    <van-field
        value="{{ detail.target.full_name || '-'  }}"
        label="商户全称"
        readonly
        title-width="132rpx"
    />
    <van-field
        value="{{ detail.target.meter_data.meter_sn || '-'  }}"
        label="电表编号"
        readonly
        title-width="132rpx"
    />
    <van-field
        value="{{ detail.target.meter_data.address || '-'  }}"
        label="电表地址"
        readonly
        title-width="132rpx"
    />
    <van-field
        label="图片"
        title-width="132rpx"
    >
        <view slot="input" >
            <view style="display: flex; align-items: center;" wx:if="{{detail.images}}">
                <van-image width="100" height="100" src="{{detail.images}}" bind:tap="showImage" />
            </view>
            <view wx:else> - </view>
        </view>
    </van-field>
    <view class="wrapper">
        <view class="operate">
        <view class="submit"> <van-button type="info" block bind:click="onSubmit"> 提交 </van-button> </view>
        <view class="cancel"> <van-button block bind:tap="goback"> 返回 </van-button> </view>
    </view>
    </view>
</view>


<van-popup 
    show="{{ imageShow }}" 
    bind:close="onClose"
    z-index="99999"
>
    <van-image 
        width="100vw"
        height="99.1vh"
        fit="contain"
        src="{{detail.images}}" 
        bind:click="onClose"
    />
</van-popup>