washcar-employee-miniprogram 1.0.1

package/pages/order/order.js

@@ -0,0 +1,298 @@
+const {checkLoginAndRedirect, getEmployeeInfo} = require('../../utils/auth')
+const {fetchOrdersByStatus, updateOrderStatus, OrderStatus} = require('../../utils/order')
+
+Component({
+    data: {
+        active: '1',
+        currentTab: 0,
+        orders: [],
+        completedOrders: [],
+        inProgressOrders: [],
+        pendingEnable: false,
+        inProgressEnable: false,
+        completedEnable: false,
+        scrollTop: 0,
+        pendingRefreshing: false,
+        inProgressRefreshing: false,
+        completedRefreshing: false,
+        dataLoaded: false,
+        pendingLoading: false,
+        inProgressLoading: false,
+        completedLoading: false,
+        pendingLoaded: false,
+        inProgressLoaded: false,
+        completedLoaded: false
+    },
+
+    lifetimes: {
+        attached() {
+            if (!checkLoginAndRedirect()) return
+            this.setData({
+                pendingEnable: true,
+                inProgressEnable: true,
+                completedEnable: true
+            })
+            if (!this.data.dataLoaded) {
+                // 首次加载时显示loading并直接加载数据
+                this.setData({pendingLoading: true})
+                this.loadOrders(() => {
+                    this.setData({pendingLoading: false, dataLoaded: true, pendingLoaded: true})
+                })
+            }
+        }
+    },
+
+    methods: {
+        handleTabChange(e) {
+            const value = e.detail.value
+            let currentTab = 0
+
+            if (value === '1') {
+                currentTab = 0
+            } else if (value === '2') {
+                currentTab = 1
+            } else if (value === '3') {
+                currentTab = 2
+            }
+
+            this.setData({
+                active: value,
+                currentTab: currentTab
+            })
+
+            if (value === '3') {
+                if (!this.data.completedLoaded) {
+                    this.setData({completedLoading: true})
+                    this.fetchCompletedOrders(() => {
+                        this.setData({completedLoading: false, completedLoaded: true})
+                    })
+                }
+            } else if (value === '2') {
+                if (!this.data.inProgressLoaded) {
+                    this.setData({inProgressLoading: true})
+                    this.fetchInProgressOrders(() => {
+                        this.setData({inProgressLoading: false, inProgressLoaded: true})
+                    })
+                }
+            } else if (value === '1') {
+                if (!this.data.pendingLoaded) {
+                    this.setData({pendingLoading: true})
+                    this.loadOrders(() => {
+                        this.setData({pendingLoading: false, pendingLoaded: true})
+                    })
+                }
+            }
+        },
+
+        handleSwiperChange(e) {
+            const currentTab = e.detail.current
+            let active = '1'
+
+            if (currentTab === 0) {
+                active = '1'
+            } else if (currentTab === 1) {
+                active = '2'
+            } else if (currentTab === 2) {
+                active = '3'
+            }
+
+            this.setData({
+                currentTab: currentTab,
+                active: active
+            })
+
+            if (active === '3') {
+                if (!this.data.completedLoaded) {
+                    this.setData({completedLoading: true})
+                    this.fetchCompletedOrders(() => {
+                        this.setData({completedLoading: false, completedLoaded: true})
+                    })
+                }
+            } else if (active === '2') {
+                if (!this.data.inProgressLoaded) {
+                    this.setData({inProgressLoading: true})
+                    this.fetchInProgressOrders(() => {
+                        this.setData({inProgressLoading: false, inProgressLoaded: true})
+                    })
+                }
+            } else if (active === '1') {
+                if (!this.data.pendingLoaded) {
+                    this.setData({pendingLoading: true})
+                    this.loadOrders(() => {
+                        this.setData({pendingLoading: false, pendingLoaded: true})
+                    })
+                }
+            }
+        },
+
+        async loadOrders(callback) {
+            try {
+                const timeoutId = setTimeout(() => {
+                    wx.showToast({title: '网络超时，请重试', icon: 'none'})
+                    wx.stopPullDownRefresh()
+                }, 10000)
+
+                const orders = await fetchOrdersByStatus(OrderStatus.PENDING)
+                clearTimeout(timeoutId)
+                this.setData({orders: orders})
+            } catch (error) {
+                console.error('加载订单异常:', error)
+                wx.showToast({title: '加载订单异常', icon: 'none'})
+            } finally {
+                wx.stopPullDownRefresh()
+                if (callback) callback()
+            }
+        },
+
+        handleAcceptOrder(e) {
+            const order = e.currentTarget.dataset.order
+
+            if (!order || !order._id) {
+                wx.showToast({title: '订单信息错误', icon: 'none'})
+                return
+            }
+
+            wx.showModal({
+                title: '确认接受',
+                content: '确定要接受订单吗？',
+                success: async (res) => {
+                    if (res.confirm) {
+                        const employeeInfo = getEmployeeInfo()
+                        if (!employeeInfo) {
+                            wx.showToast({title: '员工信息不存在', icon: 'none'})
+                            return
+                        }
+
+                        wx.showLoading({title: '处理中...', mask: true})
+
+                        try {
+                            await updateOrderStatus(order._id, {
+                                status: OrderStatus.ACCEPTED,
+                                employee_id: employeeInfo._id
+                            })
+
+                            wx.hideLoading()
+                            wx.showToast({title: '订单已接受', icon: 'success'})
+
+                            // 从待接单列表中删除该订单
+                            const updatedOrders = this.data.orders.filter(item => item._id !== order._id)
+                            this.setData({orders: updatedOrders})
+                        } catch (error) {
+                            wx.hideLoading()
+                            console.error('接受订单失败:', error)
+                            wx.showToast({title: '接受订单失败', icon: 'none'})
+                        }
+                    }
+                }
+            })
+        },
+
+        async fetchCompletedOrders(callback) {
+            try {
+                const orders = await fetchOrdersByStatus([OrderStatus.FINISHED])
+                // 按finish_time降序排序，最新完成的排在前面
+                const sortedOrders = orders.sort((a, b) => {
+                    const timeA = a.finish_time ? new Date(a.finish_time).getTime() : 0
+                    const timeB = b.finish_time ? new Date(b.finish_time).getTime() : 0
+                    return timeB - timeA
+                })
+                this.setData({completedOrders: sortedOrders})
+            } catch (error) {
+                console.error('获取已完成订单异常:', error)
+                wx.showToast({title: '获取已完成订单异常', icon: 'none'})
+            } finally {
+                if (callback) callback()
+            }
+        },
+
+        async fetchInProgressOrders(callback) {
+            try {
+                const orders = await fetchOrdersByStatus([OrderStatus.ACCEPTED, OrderStatus.PROGRESSING])
+                this.setData({inProgressOrders: orders})
+            } catch (error) {
+                console.error('获取进行中订单异常:', error)
+                wx.showToast({title: '获取进行中订单异常', icon: 'none'})
+            } finally {
+                if (callback) callback()
+            }
+        },
+
+        handleContinueOrder(e) {
+            const order = e.currentTarget.dataset.order
+            wx.navigateTo({url: `/pages/car-wash/car-wash?order_id=${order._id}`})
+        },
+
+        previewOrderPhotos(e) {
+            const order = e.currentTarget.dataset.order
+            const photos = order.images || []
+            if (!photos || photos.length === 0) {
+                wx.showToast({title: '暂无照片', icon: 'none'})
+                return
+            }
+            const urls = photos.map(p => p.photo_url || p)
+
+            wx.previewImage({
+                current: urls[0],
+                urls: urls,
+                success: () => {
+                    console.log('预览图片成功')
+                }
+            })
+        },
+
+        onRefreshInProgress() {
+            if (this.data.inProgressRefreshing) return
+            this.setData({inProgressEnable: true, inProgressRefreshing: true})
+            this.fetchInProgressOrders(() => {
+                setTimeout(() => {
+                    this.setData({inProgressEnable: false, inProgressRefreshing: false})
+                }, 1500)
+            })
+        },
+
+        onRefreshPending() {
+            if (this.data.pendingRefreshing) return
+            this.setData({pendingEnable: true, pendingRefreshing: true})
+            this.loadOrders(() => {
+                setTimeout(() => {
+                    this.setData({pendingEnable: false, pendingRefreshing: false})
+                }, 1500)
+            })
+        },
+
+        onRefreshCompleted() {
+            if (this.data.completedRefreshing) return
+            this.setData({completedEnable: true, completedRefreshing: true})
+            this.fetchCompletedOrders(() => {
+                setTimeout(() => {
+                    this.setData({completedEnable: false, completedRefreshing: false})
+                }, 1500)
+            })
+        },
+
+        onScroll(e) {
+            if (this.data.pendingRefreshing || this.data.inProgressRefreshing || this.data.completedRefreshing) return
+            const {scrollTop} = e.detail
+            this.setData({scrollTop})
+        },
+
+        handleCardTap(e) {
+            const order = e.detail.order
+
+            if (!order || !order._id) {
+                wx.showToast({title: '订单信息错误', icon: 'none'})
+                return
+            }
+
+            wx.navigateTo({url: `/pages/car-wash/car-wash?order_id=${order._id}`})
+        },
+
+        removeCompletedOrder(orderId) {
+            // 从inProgressOrders中移除指定ID的订单
+            const filteredOrders = this.data.inProgressOrders.filter(item => item._id !== orderId)
+            if (filteredOrders.length !== this.data.inProgressOrders.length) {
+                this.setData({inProgressOrders: filteredOrders})
+            }
+        }
+    }
+})

package/pages/order/order.json

@@ -0,0 +1,11 @@
+{
+  "component": true,
+  "disableScroll": true,
+  "usingComponents": {
+    "t-tabs": "tdesign-miniprogram/tabs/tabs",
+    "t-tab-panel": "tdesign-miniprogram/tab-panel/tab-panel",
+    "t-pull-down-refresh": "tdesign-miniprogram/pull-down-refresh/pull-down-refresh",
+    "t-loading": "tdesign-miniprogram/loading/loading",
+    "order-card": "../../components/order-card/order-card"
+  }
+}

package/pages/order/order.wxml

@@ -0,0 +1,119 @@
+<view class="order-panel">
+    <t-tabs
+        value="{{active}}"
+        bind:change="handleTabChange"
+        t-class="custom-tabs"
+    >
+        <t-tab-panel label="待接单" value="1"/>
+        <t-tab-panel label="进行中" value="2"/>
+        <t-tab-panel label="已完成" value="3"/>
+    </t-tabs>
+
+    <swiper
+        class="swiper-container"
+        current="{{currentTab}}"
+        bindchange="handleSwiperChange"
+        duration="300"
+    >
+        <swiper-item>
+            <view class="page-container">
+                <t-pull-down-refresh
+                    value="{{pendingEnable}}"
+                    loadingTexts="{{['下拉刷新', '松手刷新', '正在刷新', '刷新完成']}}"
+                    usingCustomNavbar
+                    bind:refresh="onRefreshPending"
+                    bind:scroll="onScroll"
+                    style="height: 100%;"
+                >
+                    <view wx:if="{{pendingLoading}}" class="page-loading">
+                        <t-loading theme="circular" size="32rpx" content="加载中..." />
+                    </view>
+                    <view wx:else class="page_pending">
+                        <view wx:for="{{orders}}" wx:key="_id" class="order-item-container">
+                            <order-card
+                                order="{{item}}"
+                                bind:cardTap="handleCardTap"
+                            />
+                            <view class="order-action-container">
+                                <button
+                                    type="primary"
+                                    class="weui-btn weui-btn_primary accept-button"
+                                    bindtap="handleAcceptOrder"
+                                    data-order="{{item}}"
+                                >
+                                    接受
+                                </button>
+                            </view>
+                        </view>
+                        <view wx:if="{{orders.length === 0}}" class="weui-cells__tips">
+                            暂无待处理订单
+                        </view>
+                        <view class="bottom-padding"></view>
+                    </view>
+                </t-pull-down-refresh>
+            </view>
+        </swiper-item>
+
+        <swiper-item>
+            <view class="page-container">
+                <t-pull-down-refresh
+                    value="{{inProgressEnable}}"
+                    loadingTexts="{{['下拉刷新', '松手刷新', '正在刷新', '刷新完成']}}"
+                    usingCustomNavbar
+                    bind:refresh="onRefreshInProgress"
+                    bind:scroll="onScroll"
+                    style="height: 100%;"
+                >
+                    <view wx:if="{{inProgressLoading}}" class="page-loading">
+                        <t-loading theme="circular" size="32rpx" content="加载中..." />
+                    </view>
+                    <view wx:else class="page_in_progress">
+                        <view wx:if="{{inProgressOrders.length > 0}}">
+                            <view wx:for="{{inProgressOrders}}" wx:key="_id" class="order-item-container">
+                                <order-card
+                                    order="{{item}}"
+                                    bind:cardTap="handleCardTap"
+                                />
+                            </view>
+                        </view>
+                        <view wx:else class="weui-cells__tips">
+                            暂无进行中订单
+                        </view>
+                        <view class="bottom-padding"></view>
+                    </view>
+                </t-pull-down-refresh>
+            </view>
+        </swiper-item>
+
+        <swiper-item>
+            <view class="page-container">
+                <t-pull-down-refresh
+                    value="{{completedEnable}}"
+                    loadingTexts="{{['下拉刷新', '松手刷新', '正在刷新', '刷新完成']}}"
+                    usingCustomNavbar
+                    bind:refresh="onRefreshCompleted"
+                    bind:scroll="onScroll"
+                    style="height: 100%;"
+                >
+                    <view wx:if="{{completedLoading}}" class="page-loading">
+                        <t-loading theme="circular" size="32rpx" content="加载中..." />
+                    </view>
+                    <view wx:else class="page_complete">
+                        <view wx:if="{{completedOrders.length > 0}}">
+                            <view wx:for="{{completedOrders}}" wx:key="_id" class="order-item-container">
+                                <order-card
+                                    order="{{item}}"
+                                    bind:cardTap="handleCardTap"
+                                />
+                            </view>
+                        </view>
+                        <view wx:else class="weui-cells__tips">
+                            暂无已完成订单
+                        </view>
+                        <view class="bottom-padding"></view>
+                    </view>
+                </t-pull-down-refresh>
+            </view>
+        </swiper-item>
+    </swiper>
+</view>

package/pages/order/order.wxss

@@ -0,0 +1,117 @@
+.order-panel {
+    height: 100%;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    -webkit-overflow-scrolling: touch;
+    background-color: var(--theme-background-secondary);
+}
+
+.custom-tabs {
+    margin-bottom: 0;
+}
+
+.swiper-container {
+    flex: 1;
+    width: 100%;
+}
+
+.page-container {
+    flex: 1;
+    padding: 20rpx;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+}
+
+.page_pending,
+.page_in_progress,
+.page_complete {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+}
+
+.weui-btn_primary {
+    width: 100%;
+    border-radius: 8rpx;
+    font-size: 26rpx;
+    height: 60rpx;
+    line-height: 60rpx;
+}
+
+.weui-cells__tips {
+    text-align: center;
+    color: var(--theme-text-tertiary);
+    font-size: 26rpx;
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 60vh;
+}
+
+.order-photos {
+    margin-top: 20rpx;
+    margin-bottom: 16rpx;
+}
+
+.photos-title {
+    font-size: 26rpx;
+    font-weight: 500;
+    color: var(--theme-text-primary);
+    margin-bottom: 12rpx;
+}
+
+.photos-grid {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 12rpx;
+}
+
+.photo-item {
+    width: 160rpx;
+    height: 160rpx;
+    position: relative;
+}
+
+.photo-image {
+    width: 100%;
+    height: 100%;
+    border-radius: 8rpx;
+}
+
+.bottom-padding {
+    height: calc(100rpx + env(safe-area-inset-bottom));
+}
+
+.order-item-container {
+    margin-bottom: 32rpx;
+    border-radius: 12rpx;
+    overflow: hidden;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+
+.order-action-container {
+    padding: 24rpx;
+    border-top: 1rpx solid var(--theme-divider);
+    background-color: var(--theme-surface);
+    display: flex;
+    justify-content: center;
+}
+
+.accept-button {
+    width: 100%;
+    border-radius: 8rpx;
+    font-size: 26rpx;
+    height: 60rpx;
+    line-height: 60rpx;
+}
+
+.page-loading {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 60vh;
+}

package/pages/splash/splash.js

@@ -0,0 +1,17 @@
+// splash.js
+Page({
+    onLoad() {
+        // 显示splash界面1秒左右
+        setTimeout(() => {
+            // 检查登录状态
+            const isLoggedIn = wx.getStorageSync('employeeLoggedIn')
+            if (isLoggedIn) {
+                // 已登录，跳转到main页面
+                wx.redirectTo({url: '/pages/main/main'})
+            } else {
+                // 未登录，跳转到login页面
+                wx.redirectTo({url: '/pages/login/login'})
+            }
+        }, 1000)
+    }
+})

package/pages/splash/splash.json

@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "",
+  "navigationStyle": "custom"
+}

package/pages/splash/splash.wxml

@@ -0,0 +1,4 @@
+<view class="splash-container">
+    <image class="logo" src="/images/icons/logo.jpg"></image>
+    <text class="app-name">甜甜洗车</text>
+</view>

package/pages/splash/splash.wxss

@@ -0,0 +1,21 @@
+.splash-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 100vh;
+    background-image: linear-gradient(135deg, var(--theme-splash-background-start) 0%, var(--theme-splash-background-end) 100%);
+}
+
+.logo {
+    width: 120rpx;
+    height: 120rpx;
+    border-radius: 24rpx;
+    margin-bottom: 40rpx;
+}
+
+.app-name {
+    font-size: 36rpx;
+    font-weight: bold;
+    color: var(--theme-text-primary);
+}

package/pages/test/test.js

@@ -0,0 +1,45 @@
+// test.js
+const {createOrder} = require('@forgetman505/ttwashcar-order')
+
+Page({
+    data: {},
+
+    // 跳转到splash页面
+    goToSplash() {
+        wx.navigateTo({
+            url: '/pages/splash/splash'
+        })
+    },
+
+    // 调用createOrder云函数创建新订单
+    createOrder() {
+        // 使用订单模型的createOrder方法创建订单数据
+        const orderData = createOrder({
+            car_number: '京A12345',
+            car_type: '轿车',
+            address: '北京市朝阳区',
+            phone: '13812345678',
+            amount: 50
+        })
+
+        // 调用云函数
+        wx.cloud.callFunction({
+            name: 'createOrder',
+            data: orderData,
+            success: (res) => {
+                console.log('创建订单成功:', res)
+                wx.showToast({
+                    title: '订单创建成功',
+                    icon: 'success'
+                })
+            },
+            fail: (err) => {
+                console.error('创建订单失败:', err)
+                wx.showToast({
+                    title: '订单创建失败',
+                    icon: 'none'
+                })
+            }
+        })
+    }
+})

package/pages/test/test.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "测试页面"
+}

package/pages/test/test.wxml

@@ -0,0 +1,6 @@
+<view class="container">
+    <view class="button-container">
+        <button class="btn" bindtap="goToSplash">标准</button>
+        <button class="btn" bindtap="createOrder">添加订单数据</button>
+    </view>
+</view>

package/pages/test/test.wxss

@@ -0,0 +1,29 @@
+.container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 100vh;
+    background-color: #f5f5f5;
+}
+
+.button-container {
+    display: flex;
+    flex-direction: column;
+    gap: 20rpx;
+    width: 80%;
+}
+
+.btn {
+    width: 100%;
+    height: 80rpx;
+    font-size: 32rpx;
+    border-radius: 10rpx;
+    background-color: #1989fa;
+    color: white;
+    border: none;
+}
+
+.btn:hover {
+    opacity: 0.8;
+}