265 lines
12 KiB
Plaintext

<view class="nav-box" style="padding-top: {{ t }}px;;">
<view class="nav-bar" style="height: {{ h }}px;">
<view class="nav-bar-left" bind:tap="back">
<van-icon name="arrow-left" size="24px" />
</view>
<view class="nav-bar-title" style="height: {{ h }}px;line-height: {{ h }}px;color: {{color}};font-size: 28rpx;">
{{currentType}}
</view>
<view class="nav-bar-right">
<image style="opacity: 0;" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/water_filter/back.png" mode="widthFix" style="width:16rpx;height:28rpx" />
</view>
</view>
</view>
<!-- 将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 class="navBox">
<view class="navItem active">{{currentType}}</view>
</view>
</view>
<view class="upkeep_select">
<view class="ipt">
<input value="{{searchText}}" confirm-type="search" bindconfirm="search" bindinput="ipt1" type="text" placeholder="设备编号/客户名称/客户手机/客户地址" placeholder-style="color: #999999;font-size: 28rpx;" />
<view class="searchBox" bind:tap="search">
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/water_filter/dervice/deriveSearch.png?1" mode="widthFix" />
</view>
</view>
</view>
<!-- 原有内容包裹在content中 -->
<view class="content">
<!-- 新装工单 -->
<view class="order-list" scroll-y wx:if="{{active == 0 && NewOrderList.length != 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>
</view>
<van-empty description="暂无数据" wx:if="{{active == 0 && NewOrderList.length == 0}}" />
<!-- 维修工单 -->
<view class="order-list" scroll-y wx:if="{{active == 1 && RepairOrderList.length != 0}}">
<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>
</view>
<van-empty description="暂无数据" wx:if="{{active == 1 && RepairOrderList.length == 0}}" />
<!-- 滤材更换工单 -->
<view class="order-list" scroll-y wx:if="{{active == 2 && PartOrderList.length != 0}}">
<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>
</view>
<van-empty description="暂无数据" wx:if="{{active == 2 && PartOrderList.length == 0}}" />
<!-- 拆机工单 -->
<view class="order-list" scroll-y wx:if="{{active == 3 && UninstallOrderList.length != 0}}">
<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>
</view>
<van-empty description="暂无数据" wx:if="{{active == 3 && UninstallOrderList.length == 0}}" />
<!-- 移机工单 -->
<van-empty description="暂无数据" wx:if="{{active == 4}}" />
<!-- <view class="addBtn" bind:tap="addWorkOrder" wx:if="{{active == 1}}">新增</view> -->
</view>