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

<!--pagesPublic/pages/work-order/work-order.wxml-->
<view wx:if="{{isUser}}">
    <view class="navBox">
        <view class="titleBox" bindtap="titleClick" data-idx="0">
            <text class="{{0 == currentIndex ? 'fontColorBox' : ''}}">发起工单</text>
            <hr class="{{0 == currentIndex ? 'lineBox' : 'notLineBox'}}" />
        </view>
        <view class="titleBox" bindtap="titleClick" data-idx="1">
            <text class="{{1 == currentIndex ? 'fontColorBox' : ''}}">我的申请</text>
            <hr class="{{1 == currentIndex ? 'lineBox' : 'notLineBox'}}" />
        </view>
    </view>
    <swiper class="swiperBox" bindchange="pagechange" current="{{currentIndex}}">
        <swiper-item class="swiperTtemBox">
            <form bindsubmit="submitWorkOrder">
                <view class="formBox">
                    <view class="form-item">
                        <label for="" class="form-item-label">报修类型：</label>
                        <picker mode="selector" class="form-item-picker" range="{{typeList}}" value="{{index}}" bindchange="typePickerChange">
                            <input type="text" class="form-input" style="width: 100%;" name="type" value="{{typeList[index]}}" placeholder="请选择报修类型" placeholder-style="color:#999999" />
                        </picker>
                        <image class="form-icon" src="/pages/images/arrow.png" alt=""></image>
                    </view>
                    <view class="form-item">
                        <label for="" class="form-item-label">维修地址：</label>
                        <input type="text" class="form-input" name="address" confirm-type="next" maxlength="50" placeholder="请输入地址" placeholder-style="color:#999999" />
                    </view>
                    <view class="form-item">
                        <label for="" class="form-item-label">问题描述：</label>
                        <input type="text" class="form-input" name="description" maxlength="500" placeholder="请描述您的问题" placeholder-style="color:#999999" />
                    </view>
                    <view class="form-item" style="align-items: flex-start;">
                        <label for="" class="form-item-label">报修物品图片：</label>
                        <image class="form-photo" src="/pages/images/photo2.png" mode="" bindtap="uploadImage" />
                        <input type="text" name="" style="display: none;" />
                    </view>
                    <view class="form-item">
                        <label for="" class="form-item-label">联系电话：</label>
                        <input type="number" class="form-input" name="phone" confirm-type="next" maxlength="11" placeholder="请输入联系电话" placeholder-style="color:#999999" />
                    </view>
                    <view class="form-item">
                        <label for="" class="form-item-label">预约上门时间：</label>
                        <picker class="form-item-picker" mode="multiSelector" value="{{dateTime}}" bindchange="changeDateTime" bindcolumnchange="changeDateTimeColumn" range="{{dateTimeArray}}">
                            <input type="text" class="form-input" style="width: 100%;" name="arriveTime" disabled="true" placeholder="请选择上门时间" placeholder-style="color:#999999" value="{{dateTimeArray[0][dateTime[0]]}}-{{dateTimeArray[1][dateTime[1]]}}-{{dateTimeArray[2][dateTime[2]]}} {{dateTimeArray[3][dateTime[3]]}}:{{dateTimeArray[4][dateTime[4]]}}:{{dateTimeArray[5][dateTime[5]]}}" />
                        </picker>
                        <image class="form-icon" src="/pages/images/arrow.png" alt="" bindtap="pickArriveTime"></image>
                    </view>
                </view>
                <button class="form-button" form-type="submit">提交工单</button>
            </form>
        </swiper-item>
        <swiper-item class="swiperTtemBox">
            <scroll-view class="viewBox" wx:for="{{list}}" wx:for-item="item" wx:key="index">
                <view class="item" bindtap="toDetail">
                    <image class="item-status" src="/pages/images/status-complete.png" mode="" />
                    <view class="item-row">
                        <text class="item-label">报修类型：</text>
                        <text class="item-value">{{item.type}}</text>
                    </view>
                    <view class="item-row">
                        <text class="item-label">维修地址：</text>
                        <text class="item-value">{{item.address}}</text>
                    </view>
                    <view class="item-row">
                        <text class="item-label">预约时间：</text>
                        <text class="item-value">{{item.time}}</text>
                    </view>
                </view>
            </scroll-view>
        </swiper-item>
    </swiper>
</view>

<view wx:else>
    <view class="navBox">
        <view class="titleBox" bindtap="titleClick" data-idx="0">
            <text class="{{0 == currentIndex ? 'fontColorBox' : ''}}">待维修工单</text>
            <hr class="{{0 == currentIndex ? 'lineBox' : 'notLineBox'}}" />
        </view>
        <view class="titleBox" bindtap="titleClick" data-idx="1">
            <text class="{{1 == currentIndex ? 'fontColorBox' : ''}}">已完成工单</text>
            <hr class="{{1 == currentIndex ? 'lineBox' : 'notLineBox'}}" />
        </view>
    </view>
    <swiper class="swiperBox" bindchange="pagechange" current="{{currentIndex}}">
        <swiper-item class="swiperTtemBox">
            <scroll-view class="viewBox" wx:for="{{list}}" wx:for-item="item" wx:key="index">
                <view class="item" bindtap="toRepairDetail">
                    <view class="item-row">
                        <text class="item-label">报修类型：</text>
                        <text class="item-value">{{item.type}}</text>
                    </view>
                    <view class="item-row">
                        <text class="item-label">维修地址：</text>
                        <text class="item-value">{{item.address}}</text>
                    </view>
                    <view class="item-row">
                        <text class="item-label">预约时间：</text>
                        <text class="item-value">{{item.time}}</text>
                    </view>
                </view>
            </scroll-view>
        </swiper-item>
        <swiper-item class="swiperTtemBox">
            <scroll-view class="viewBox" wx:for="{{list}}" wx:for-item="item" wx:key="index">
                <view class="item" bindtap="toDetail">
                    <image class="item-status" src="/pages/images/status-complete.png" mode="" />
                    <view class="item-row">
                        <text class="item-label">报修类型：</text>
                        <text class="item-value">{{item.type}}</text>
                    </view>
                    <view class="item-row">
                        <text class="item-label">维修地址：</text>
                        <text class="item-value">{{item.address}}</text>
                    </view>
                    <view class="item-row">
                        <text class="item-label">维修结果：</text>
                        <!-- <text class="item-value"></text> -->
                        <view class="item-imgbox">
                            <image class="item-image" src="" mode="" />
                            <image class="item-image" src="" mode="" />
                        </view>
                    </view>
                    <view class="item-row">
                        <text class="item-label">原因：</text>
                        <text class="item-value">{{item.time}}</text>
                    </view>
                </view>
            </scroll-view>
        </swiper-item>
    </swiper>
</view>