jingshuiji/packages/partner/pages/OrderMsg/OrderMsg.wxml

<!-- 将van-dropdown-menu和search-bar包裹在一个view中 -->
<view class="fixed-top">

<view class="navBox">
    <view class="{{active == item.value?'navItem active':'navItem'}}" data-item="{{item}}" bind:tap="changeActive" wx:for="{{option1}}">{{item.text}}</view>
</view>

</view>

<!-- 原有内容包裹在content中 -->
<view class="content">

<!-- 新装工单 -->
<scroll-view class="order-list" scroll-y wx:if="{{active == 0}}">
    <block wx:for="{{NewOrderList}}">
        <view class="order-item" wx:key="install_id" data-id="{{item.install_id}}" bind:tap="viewOrderDetail">
            <!-- 工单基本信息 -->
            <view class="order-info">

                <view class="order-field">
                    <text class="label">设备名称：</text>
                    <text class="value">{{item.product_name}}</text>
                </view>
                <view class="order-field">
                    <text class="label">设备编号：</text>
                    <text class="value">{{item.device_code}}</text>
                </view>
                <view class="order-field">
                    <text class="label">客户姓名：</text>
                    <text class="value">{{item.customer_name}}</text>
                </view>
                <view class="order-field">
                    <text class="label">客户手机：</text>
                    <text class="value">{{item.customer_phone}}</text>
                </view>
                <view class="order-field">
                    <text class="label">预约时间：</text>
                    <text class="value">{{item.appointment_time}}</text>
                </view>

                <view class="order-field">
                    <text class="label">预约地址：</text>
                    <text class="value">{{item.region}} {{item.address}}</text>
                </view>

                <view class="order-field">
                    <text class="label">客户备注：</text>
                    <text class="value">{{item.remark}}</text>
                </view>

                <view class="order-field">
                    <text class="label">工单状态：</text>
                    <text class="value " wx:if="{{item.status == '1'}}">待分配</text>
                    <text class="value " wx:if="{{item.status == '2'}}">安装中</text>
                    <text class="value " wx:if="{{item.status == '3'}}">待激活</text>
                    <text class="value " wx:if="{{item.status == '4'}}">已安装</text>
                    <text class="value " wx:if="{{item.status == '5'}}">忽略</text>
                </view>

            </view>
        </view>
    </block>
</scroll-view>

<!-- 维修工单 -->
<scroll-view class="order-list" scroll-y wx:if="{{active == 1}}">
    <block wx:for="{{RepairOrderList}}">
        <view class="order-item" wx:key="install_id" data-id="{{item.repair_id}}" bind:tap="viewOrderDetail">
            <!-- 工单基本信息 -->
            <view class="order-info">
                <view class="order-field">
                    <text class="label">设备名称：</text>
                    <text class="value">{{item.product_name}}</text>
                </view>
                <view class="order-field">
                    <text class="label">设备编号：</text>
                    <text class="value">{{item.device_code}}</text>
                </view>


                <view class="order-field">
                    <text class="label">客户姓名：</text>
                    <text class="value">{{item.customer_name}}</text>
                </view>
                <view class="order-field">
                    <text class="label">客户手机：</text>
                    <text class="value">{{item.customer_phone}}</text>
                </view>
                <view class="order-field">
                    <text class="label">预约时间：</text>
                    <text class="value">{{item.appointment_time}}</text>
                </view>

                <view class="order-field">
                    <text class="label">预约地址：</text>
                    <text class="value">{{item.region}}{{item.address}}</text>
                </view>

                <view class="order-field">
                    <text class="label">故障说明：</text>
                    <text class="value">{{item.fault_desc}}</text>
                </view>

                <view class="order-field">
                    <text class="label">工单状态：</text>
                    <text class="value " wx:if="{{item.status == '1'}}">待指派</text>
                    <text class="value " wx:if="{{item.status == '2'}}">待维修</text>
                    <text class="value " wx:if="{{item.status == '3'}}">维修完成</text>
                    <text class="value " wx:if="{{item.status == '4'}}">已取消</text>
                </view>

            </view>
        </view>
    </block>
</scroll-view>

<!-- 滤材更换工单 -->
<scroll-view class="order-list" scroll-y wx:if="{{active == 2}}">
    <block wx:for="{{PartOrderList}}">
        <view class="order-item" wx:key="install_id" data-id="{{item.replace_id}}" bind:tap="viewOrderDetail">
            <!-- 工单基本信息 -->
            <view class="order-info">
                <view class="order-field">
                    <text class="label">设备名称：</text>
                    <text class="value">{{item.device.product_name}}</text>
                </view>
                <view class="order-field">
                    <text class="label">设备编号：</text>
                    <text class="value">{{item.device_code}}</text>
                </view>

                <view class="order-field">
                    <text class="label">客户姓名：</text>
                    <text class="value">{{item.customer_name}}</text>
                </view>
                <view class="order-field">
                    <text class="label">客户手机：</text>
                    <text class="value">{{item.customer_phone}}</text>
                </view>

                <view class="order-field">
                    <text class="label">预约地址：</text>
                    <text class="value">{{item.region}} {{item.address}}</text>
                </view>

                <view class="order-field">
                    <text class="label">预约时间：</text>
                    <text class="value">{{item.appointment_time}}</text>
                </view>

                <view class="order-field">
                    <text class="label">安装说明：</text>
                    <text class="value">{{item.install_desc}}</text>
                </view>


                <view class="order-field">
                    <text class="label">工单状态：</text>
                    <text class="value " wx:if="{{item.status == '1'}}">待分配</text>
                    <text class="value " wx:if="{{item.status == '2'}}">待更换</text>
                    <text class="value " wx:if="{{item.status == '3'}}">已更换</text>
                    <text class="value " wx:if="{{item.status == '4'}}">已撤销</text>
                </view>

            </view>

        </view>
    </block>
</scroll-view>

<!-- 拆机工单 -->
<scroll-view class="order-list" scroll-y wx:if="{{active == 3}}">
    <block wx:for="{{UninstallOrderList}}">
        <view class="order-item" wx:key="uninstall_id" data-id="{{item.uninstall_id}}" bind:tap="viewOrderDetail">
            <!-- 工单基本信息 -->
            <view class="order-info">
                <view class="order-field">
                    <text class="label">设备名称：</text>
                    <text class="value">{{item.product_name}}</text>
                </view>
                <view class="order-field">
                    <text class="label">设备编号：</text>
                    <text class="value">{{item.device_code}}</text>
                </view>

                <view class="order-field">
                    <text class="label">师傅姓名：</text>
                    <text class="value">{{item.repairman_name}}</text>
                </view>

                <view class="order-field">
                    <text class="label" style="white-space: normal;">指派人电话：</text>
                    <text class="value">{{item.repairman_phone}}</text>
                </view>

                <view class="order-field">
                    <text class="label">客户姓名：</text>
                    <text class="value">{{item.customer_name}}</text>
                </view>
                <view class="order-field">
                    <text class="label">客户手机：</text>
                    <text class="value">{{item.customer_phone}}</text>
                </view>

                <!-- <view class="order-field">
                    <text class="label">预约地址：</text>
                    <text class="value">{{item.region}} {{item.address}}</text>
                </view> -->

                <view class="order-field">
                    <text class="label">预约时间：</text>
                    <text class="value">{{item.appointment_time}}</text>
                </view>

                <view class="order-field">
                    <text class="label">状态：</text>
                    <text class="value" wx:if="{{item.status == 1}}">待指派</text>
                    <text class="value" wx:if="{{item.status == 2}}">待拆机</text>
                    <text class="value" wx:if="{{item.status == 3}}">待操作 </text>
                    <text class="value" wx:if="{{item.status == 4}}">巳完成</text>
                </view>

            </view>

        </view>
    </block>
</scroll-view>

</view>


<Footer />