2025-04-22 14:39:59 +08:00

170 lines
7.3 KiB
Plaintext

<!-- 将van-dropdown-menu和search-bar包裹在一个view中 -->
<view class="fixed-top">
<van-dropdown-menu>
<van-dropdown-item bind:change="dropDownChange" value="{{ value1 }}" options="{{ option1 }}" />
</van-dropdown-menu>
<view class="search-bar">
<input class="search-input" placeholder="搜索订单" value="{{searchCon}}" bindinput="iptChange" />
<image class="search_icon" bind:tap="searchIcon" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/community/_assets/Group_36.png" mode="widthFix" />
</view>
</view>
<!-- 原有内容包裹在content中 -->
<view class="content">
<!-- 新装工单 -->
<scroll-view class="order-list" scroll-y wx:if="{{value1 == 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.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.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>
</view>
</view>
</view>
</block>
</scroll-view>
<!-- 维修工单 -->
<scroll-view class="order-list" scroll-y wx:if="{{value1 == 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.parts_name}}</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="{{value1 == 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.product_name}}</text>
</view>
<view class="order-field">
<text class="label">配件名称:</text>
<text class="value">{{item.parts_name}}</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>
</view>
</view>
</view>
</block>
</scroll-view>
</view>
<!-- 新增右下角按钮 -->
<view class="fixed-bottom-right">
<view class="profile-btn" bindtap="navigateToProfile">
个人中心
</view>
</view>