nazw/nnzwminiapp/pagesPublic/pages/work-order-detail/work-order-detail.wxml

<!--pagesPublic/pages/work-order-detail/work-order-detail.wxml-->
<view class="navigation">
    <image class="nav-back" src="/pages/images/arrow.png" mode="" bindtap="backTap" />
    <text class="nav-title">工单详情</text>
</view>
<view class="pageBox">
    <image class="bgimage" src="/pages/images/work-order-detail-bg.png" mode="widthFix" />

    <view class="detail">
        <view class="item-row">
            <text class="item-label">报修类型：</text>
            <text class="item-value">{{type}}</text>
        </view>
        <view class="item-row">
            <text class="item-label">维修地址：</text>
            <text class="item-value">{{address}}</text>
        </view>
        <view class="item-row">
            <text class="item-label">联系电话：</text>
            <text class="item-value">{{phone}}</text>
        </view>
        <view class="item-row">
            <text class="item-label">预约上门时间：</text>
            <text class="item-value">{{arriveTime}}</text>
        </view>
        <view class="item-row">
            <text class="item-label">问题描述：</text>
            <text class="item-value">{{description}}</text>
        </view>
        <view class="item-row" style="align-items: flex-start;">
            <text class="item-label">图片：</text>
            <view class="item-image-box" wx:for="{{image}}" wx:key="index" wx:for-item="item">
                <image class="item-image" src="{{item}}" mode="" />
            </view>
        </view>
    </view>
</view>

<view class="progressBox" wx:if="{{isUser}}">
    <view class="progress-head">
        <image class="head-image" src="/pages/images/hourglass.png" mode="" />
        <text class="head-title">维修进度</text>
    </view>
    <view class="progress-detail">
        <view class="detail-row">
            <view class="detail-left">
                <view class="circle checked">
                    <view class="inner-circle"></view>
                </view>
                <view class="vertical-line checked"></view>
                <view class="step-name checked">发起工单</view>
            </view>
            <view class="detail-right">
                <image class="icon-complete" src="/pages/images/complete.png" mode="" />
                <view class="status-text checked">发起成功</view>
            </view>
        </view>
        <view class="detail-row">
            <view class="detail-left">
                <view class="circle {{checked2}}">
                    <view class="inner-circle"></view>
                </view>
                <view class="vertical-line {{checked2}}"></view>
                <view class="step-name {{checked2}}">管理员审核</view>
            </view>
            <view class="detail-right">
                <image class="icon-complete" wx:if="{{checked2}}" src="/pages/images/complete.png" mode="" />
                <view class="status-text {{checked2}}">{{statusText2}}</view>
            </view>
        </view>
        <view class="detail-row">
            <view class="detail-left">
                <view class="circle {{checked3}}">
                    <view class="inner-circle"></view>
                </view>
                <view class="vertical-line {{checked3}}"></view>
                <view class="step-name {{checked3}}">工人上门维修</view>
            </view>
            <view class="detail-right">
                <image class="icon-complete" wx:if="{{checked3}}" src="/pages/images/complete.png" mode="" />
                <view class="status-text {{checked3}}">{{statusText3}}</view>
            </view>
        </view>
        <view class="detail-row">
            <view class="detail-left">
                <view class="circle {{checked4}}">
                    <view class="inner-circle"></view>
                </view>
                <view class="step-name {{checked4}}">用户确认签字</view>
            </view>
            <view class="detail-right">
                <image class="icon-complete" wx:if="{{checked4}}" src="/pages/images/complete.png" mode="" />
                <view class="status-text {{checked4}}">{{statusText4}}</view>
            </view>
        </view>
    </view>
</view>

<view class="progressBox" wx:else="{{isUser}}">
    <view class="progress-head">
        <image class="head-image2" src="/pages/images/worker.png" mode="" />
        <text class="head-title2">维修结果填报</text>
    </view>
    <view class="report-form">
        <form bindsubmit="submitReport">
            <view class="report-row">
                <label for="" class="report-label">是否完成维修：</label>
                <radio-group bindchange="radioChange">
                    <label for="" style="color: {{colorComplete}};">
                        <radio value="已完成" checked="true" color="#508FF4" />已完成
                    </label>
                    <label for="" style="color: {{colorIncomplete}};">
                        <radio value="未完成" color="#508FF4" />未完成
                    </label>
                </radio-group>
            </view>
            <view class="report-row" style="align-items: flex-start;" wx:if="{{complete}}">
                <label for="" class="report-label">维修结果：</label>
                <image class="report-photo" src="/pages/images/photo2.png" mode="" bindtap="uploadImage" />
            </view>
            <view class="report-row" wx:else="{{complete}}">
                <label for="" class="report-label">原因：</label>
                <input class="report-input" type="text" name="reason" maxlength="200" placeholder="请填写失败原因" placeholder-style="color:#999999" />
            </view>
            <button class="report-submit" form-type="submit">提 交</button>
        </form>
    </view>
</view>