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" style="height: {{scroll_height-70}}rpx" 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}}" range-key="{{'codeValue'}}" value="{{index}}" bindchange="typePickerChange">
                            <input type="text" class="form-input" style="width: 100%;" disabled="true" value="{{typeList[index].codeValue}}" placeholder="请选择报修类型" placeholder-style="color:#999999" />
                            <input type="text" style="display: none;" name="type" value="{{typeList[index].code}}" />
                        </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="margin-top: 20rpx;margin-bottom: 20rpx; height: 100%; align-items: flex-start;">
                        <label for="" class="form-item-label">报修物品图片：</label>
                        <image class="form-photo" src="/pages/images/photo2.png" mode="" bindtap="uploadImage" />
                        <view wx:for="{{tempFileList}}" wx:key="index" wx:for-item="item">
                            <image class="form-image" src="{{item}}" mode="" data-src="{{item}}" bindtap="previewImg" />
                        </view>
                        <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]]}}:00" />
                        </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">
                <view class="item" wx:for="{{list}}" wx:for-item="item" wx:key="index" data-id="{{item.id}}" data-isuser="true" bindtap="toDetail">
                    <image class="item-status" src="/pages/images/{{item.image}}" mode="" />
                    <view class="item-row">
                        <text class="item-label">报修类型：</text>
                        <text class="item-value">{{item.typeName}}</text>
                    </view>
                    <view class="item-row">
                        <text class="item-label">维修地址：</text>
                        <text class="item-value">{{item.maintenanceAddress}}</text>
                    </view>
                    <view class="item-row">
                        <text class="item-label">预约时间：</text>
                        <text class="item-value">{{item.appointmentTime}}</text>
                    </view>
                </view>
            </scroll-view>
            <view wx:if="{{nodata}}" style="color: #999999;width: 100%;text-align: center;margin-top: 50rpx;">暂无数据</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" style="height: {{scroll_height-70}}rpx" bindchange="pagechange" current="{{currentIndex}}">
        <swiper-item class="swiperTtemBox">
            <scroll-view class="viewBox">
                <view class="item" wx:for="{{repairList}}" wx:for-item="item" wx:key="index" data-id="{{item.id}}" data-isuser="false" bindtap="toDetail">
                    <view class="item-row">
                        <text class="item-label">报修类型：</text>
                        <text class="item-value">{{item.typeName}}</text>
                    </view>
                    <view class="item-row">
                        <text class="item-label">维修地址：</text>
                        <text class="item-value">{{item.maintenanceAddress}}</text>
                    </view>
                    <view class="item-row">
                        <text class="item-label">预约时间：</text>
                        <text class="item-value">{{item.appointmentTime}}</text>
                    </view>
                </view>
            </scroll-view>
            <view wx:if="{{nodata}}" style="color: #999999;width: 100%;text-align: center;margin-top: 50rpx;">暂无数据</view>
        </swiper-item>
        <swiper-item class="swiperTtemBox">
            <scroll-view class="viewBox">
                <view class="item" wx:for="{{completeList}}" wx:for-item="item" wx:key="index" data-id="{{item.id}}" data-isuser="true" bindtap="toDetail">
                    <image class="item-status" wx:if="{{item.status == 3}}" src="/pages/images/status-complete.png" mode="" />
                    <image class="item-status" wx:if="{{item.status == -1}}" src="/pages/images/status-incomplete.png" mode="" />
                    <view class="item-row">
                        <text class="item-label">报修类型：</text>
                        <text class="item-value">{{item.typeName}}</text>
                    </view>
                    <view class="item-row">
                        <text class="item-label">维修地址：</text>
                        <text class="item-value">{{item.maintenanceAddress}}</text>
                    </view>
                    <view class="item-row" style="align-items: flex-start;">
                        <text class="item-label">维修结果：</text>
                        <text class="item-value" wx:if="{{item.status == -1}}">维修失败</text>
                        <view class="item-imgbox" wx:if="{{item.status == 3}}" wx:for="{{item.images}}" wx:key="cindex" wx:for-item="citem">
                            <image class="item-image" src="{{citem}}" mode="" />
                        </view>
                    </view>
                    <view class="item-row" wx:if="{{item.status == -1}}">
                        <text class="item-label">原因：</text>
                        <text class="item-value">{{item.workerDescription}}</text>
                    </view>
                </view>
            </scroll-view>
            <view wx:if="{{nodata2}}" style="color: #999999;width: 100%;text-align: center;margin-top: 50rpx;">暂无数据</view>
        </swiper-item>
    </swiper>
</view>