washcar-employee-miniprogram 1.0.1

package/pages/car-wash/car-wash.wxss

@@ -0,0 +1,185 @@
+.car-wash-page {
+    min-height: 100vh;
+    background-color: var(--theme-background);
+    padding-bottom: 40rpx;
+}
+
+.header-section {
+    padding: 24rpx;
+}
+
+.order-card {
+    background: var(--theme-surface);
+    border-radius: 12rpx;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+    overflow: hidden;
+}
+
+.card-title {
+    display: flex;
+    align-items: center;
+    gap: 12rpx;
+    padding: 28rpx 28rpx 20rpx;
+    font-size: 32rpx;
+    font-weight: 600;
+    color: var(--theme-text-primary);
+}
+
+.title-icon {
+    font-size: 36rpx;
+}
+
+.cell-note {
+    display: flex;
+    align-items: center;
+    gap: 16rpx;
+}
+
+.user-name {
+    font-size: 28rpx;
+    color: var(--theme-text-primary);
+}
+
+.amount-note {
+    display: flex;
+    align-items: center;
+}
+
+.amount {
+    font-size: 36rpx;
+    font-weight: 700;
+    color: var(--theme-text-primary);
+}
+
+.phone {
+    color: var(--theme-primary);
+    font-weight: 600;
+    text-decoration: underline;
+    cursor: pointer;
+}
+
+.photo-section {
+    padding: 24rpx;
+}
+
+.section-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 20rpx;
+}
+
+.section-title {
+    font-size: 30rpx;
+    font-weight: 600;
+    color: var(--theme-text-primary);
+}
+
+.photo-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1 fr);
+    gap: 12rpx;
+}
+
+.photo-item {
+    display: flex;
+    flex-direction: column;
+    gap: 8rpx;
+}
+
+.photo-wrapper {
+    position: relative;
+    border-radius: 12rpx;
+    overflow: hidden;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.06);
+    aspect-ratio: 1/1;
+    max-height: 200rpx;
+}
+
+.add-photo {
+    aspect-ratio: 1/1;
+    max-height: 200rpx;
+}
+
+.photo-image {
+    width: 100%;
+    height: 100%;
+}
+
+.photo-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: rgba(0, 0, 0, 0.3);
+    opacity: 0.7;
+    transition: opacity 0.3s ease;
+}
+
+.photo-overlay:active {
+    opacity: 0.9;
+}
+
+.overlay-plus {
+    font-size: 48rpx;
+    color: white;
+    font-weight: 300;
+}
+
+.retake-btn {
+    width: 100%;
+}
+
+.add-photo {
+    aspect-ratio: 1/1;
+    max-height: 200rpx;
+}
+
+.add-wrapper {
+    width: 100%;
+    height: 100%;
+    border: 2rpx dashed var(--theme-border-dashed);
+    border-radius: 12rpx;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background: var(--theme-surface-secondary);
+    transition: all 0.3s ease;
+}
+
+.add-wrapper:active {
+    background: var(--theme-background-secondary);
+}
+
+.add-icon {
+    font-size: 64rpx;
+    color: var(--theme-text-tertiary);
+    font-weight: 300;
+    line-height: 1;
+}
+
+.add-text {
+    font-size: 26rpx;
+    color: var(--theme-text-tertiary);
+    margin-top: 12rpx;
+}
+
+.footer-section {
+    padding: 24rpx;
+    margin-top: 20rpx;
+}
+
+.tip-text {
+    text-align: center;
+    margin-top: 20rpx;
+}
+
+.tip-text text {
+    font-size: 24rpx;
+    color: var(--theme-text-tertiary);
+}

package/pages/login/login.js

@@ -0,0 +1,74 @@
+// login.js
+Page({
+    data: {
+        account: '',
+        password: '',
+        loading: false,
+        isFormValid: false
+    },
+
+    onLoad() {
+        // 检查登录状态
+        const isLoggedIn = wx.getStorageSync('employeeLoggedIn')
+        if (isLoggedIn) {
+            wx.redirectTo({url: '/pages/main/main'})
+        }
+    },
+
+    handleAccountInput(e) {
+        this.setData({
+            account: e.detail.value
+        })
+        this.updateFormValidity()
+    },
+
+    handlePasswordInput(e) {
+        this.setData({
+            password: e.detail.value
+        })
+        this.updateFormValidity()
+    },
+
+    updateFormValidity() {
+        const isValid = this.data.account.length >= 2 && this.data.password.length > 0
+        this.setData({isFormValid: isValid})
+    },
+
+    handleLogin() {
+        if (!this.data.isFormValid) return
+
+        this.setData({loading: true})
+
+        wx.cloud.callFunction({
+            name: 'login',
+            data: {
+                account: this.data.account,
+                password: this.data.password
+            }
+        }).then(res => {
+            if (res.result.success) {
+                const employee = res.result.data[0]
+                // 登录成功
+                wx.setStorageSync('employeeLoggedIn', true)
+                wx.setStorageSync('employeeInfo', {
+                    _id: employee._id,
+                    name: employee.name,
+                    account: employee.account
+                })
+                wx.showToast({title: '登录成功', icon: 'success'})
+                setTimeout(() => {
+                    wx.redirectTo({url: '/pages/main/main'})
+                }, 1500)
+            } else {
+                wx.showToast({title: '账号或密码错误', icon: 'none'})
+            }
+        }).catch(error => {
+            console.error('登录错误:', error)
+            wx.showToast({title: '登录失败，请重试', icon: 'none'})
+        }).finally(() => {
+            this.setData({loading: false})
+        })
+    },
+
+
+})

package/pages/login/login.json

@@ -0,0 +1,5 @@
+{
+  "navigationBarTitleText": "员工登录",
+  "navigationStyle": "custom",
+  "backgroundColor": "#fff"
+}

package/pages/login/login.wxml

@@ -0,0 +1,45 @@
+<view class="page">
+    <view class="page__bd">
+        <view class="weui-cells__title">员工登录</view>
+        <view class="weui-cells weui-cells_form">
+            <view class="weui-cell">
+                <view class="weui-cell__hd">
+                    <label class="weui-label">账号</label>
+                </view>
+                <view class="weui-cell__bd">
+                    <input
+                        value="{{account}}"
+                        bindinput="handleAccountInput"
+                        class="weui-input"
+                        placeholder="请输入账号"
+                    />
+                </view>
+            </view>
+            <view class="weui-cell">
+                <view class="weui-cell__hd">
+                    <label class="weui-label">密码</label>
+                </view>
+                <view class="weui-cell__bd">
+                    <input
+                        value="{{password}}"
+                        bindinput="handlePasswordInput"
+                        class="weui-input"
+                        placeholder="请输入密码"
+                        type="password"
+                    />
+                </view>
+            </view>
+        </view>
+        <view class="weui-btn-area">
+            <button
+                type="primary"
+                class="weui-btn"
+                disabled="{{!isFormValid || loading}}"
+                bindtap="handleLogin"
+            >
+                {{loading ? '登录中...' : '登录'}}
+            </button>
+        </view>
+
+    </view>
+</view>

package/pages/login/login.wxss

@@ -0,0 +1,41 @@
+/* 引入WeUI样式 */
+@import '../../common/weui.wxss';
+
+.page {
+    min-height: 100vh;
+    background-color: var(--theme-background-tertiary);
+    padding: 20rpx;
+}
+
+.page__bd {
+    padding-top: 60rpx;
+}
+
+.weui-cells__title {
+    margin-bottom: 20rpx;
+    font-size: 32rpx;
+    font-weight: 500;
+    color: var(--theme-text-primary);
+    text-align: center;
+}
+
+.weui-cells {
+    margin-bottom: 30rpx;
+}
+
+.weui-btn-area {
+    margin-top: 40rpx;
+}
+
+.weui-btn {
+    background-color: var(--theme-primary);
+    color: var(--theme-on-primary);
+    font-size: 32rpx;
+    height: 80rpx;
+    line-height: 80rpx;
+}
+
+.weui-btn[disabled] {
+    background-color: var(--theme-border);
+    color: var(--theme-text-disabled);
+}

package/pages/main/main.js

@@ -0,0 +1,34 @@
+const {checkLoginAndRedirect} = require('../../utils/auth')
+
+Page({
+    data: {
+        activeTab: 0,
+        employeeInfo: null
+    },
+
+    onLoad() {
+        if (!checkLoginAndRedirect()) return
+        wx.hideHomeButton()
+        this.setData({
+            employeeInfo: wx.getStorageSync('employeeInfo')
+        })
+    },
+
+    onShow() {
+        // 页面显示时的处理逻辑
+    },
+
+    removeCompletedOrder(orderId) {
+        // 尝试获取order组件实例
+        const orderPanel = this.selectComponent('.panel-content')
+        if (orderPanel) {
+            orderPanel.removeCompletedOrder(orderId)
+        }
+    },
+
+    handleTabChange(e) {
+        const value = Number(e.detail.value)
+        console.log('切换到 tab:', value, '类型:', typeof value)
+        this.setData({activeTab: value})
+    }
+})

package/pages/main/main.json

@@ -0,0 +1,11 @@
+{
+  "navigationBarTitleText": "订单",
+  "navigationBarTextStyle": "black",
+  "disableScroll": true,
+  "usingComponents": {
+    "t-tab-bar": "tdesign-miniprogram/tab-bar/tab-bar",
+    "t-tab-bar-item": "tdesign-miniprogram/tab-bar-item/tab-bar-item",
+    "order-panel": "../order/order",
+    "me-panel": "../me/me"
+  }
+}

package/pages/main/main.wxml

@@ -0,0 +1,16 @@
+<view class="main-container">
+    <view class="content">
+        <order-panel class="panel-content panel-{{activeTab === 0 ? 'active' : 'hidden'}}"/>
+        <me-panel class="panel-content panel-{{activeTab === 1 ? 'active' : 'hidden'}}"/>
+    </view>
+
+    <t-tab-bar
+        value="{{activeTab}}"
+        bind:change="handleTabChange"
+        active-color="#007aff"
+        inactive-color="#999"
+    >
+        <t-tab-bar-item value="{{0}}" icon="home">订单</t-tab-bar-item>
+        <t-tab-bar-item value="{{1}}" icon="user">我的</t-tab-bar-item>
+    </t-tab-bar>
+</view>

package/pages/main/main.wxss

@@ -0,0 +1,40 @@
+.main-container {
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    background-color: var(--theme-background-secondary);
+}
+
+.content {
+    flex: 1;
+    overflow: hidden;
+    position: relative;
+}
+
+.panel-content {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.panel-active {
+    z-index: 1;
+}
+
+.panel-hidden {
+    z-index: 0;
+}
+
+.t-tab-bar {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 999;
+    background-color: var(--theme-surface);
+    box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.1);
+}

package/pages/me/me.js

@@ -0,0 +1,40 @@
+const {checkLoginAndRedirect} = require('../../utils/auth')
+
+Component({
+    data: {
+        employeeInfo: null
+    },
+
+    lifetimes: {
+        attached() {
+            if (!checkLoginAndRedirect()) return
+            this.setData({
+                employeeInfo: wx.getStorageSync('employeeInfo')
+            })
+        }
+    },
+
+    methods: {
+        handleLogout() {
+            wx.showModal({
+                title: '退出登录',
+                content: '确定要退出登录吗？',
+                success: (res) => {
+                    if (res.confirm) {
+                        wx.removeStorageSync('employeeLoggedIn')
+                        wx.removeStorageSync('employeeInfo')
+                        wx.redirectTo({url: '/pages/login/login'})
+                    }
+                }
+            })
+        },
+
+        navigateToPersonalInfo() {
+            wx.showToast({title: '功能开发中', icon: 'none'})
+        },
+
+        navigateToSettings() {
+            wx.showToast({title: '功能开发中', icon: 'none'})
+        }
+    }
+})

package/pages/me/me.json

@@ -0,0 +1,8 @@
+{
+  "component": true,
+  "usingComponents": {
+    "t-cell-group": "tdesign-miniprogram/cell-group/cell-group",
+    "t-cell": "tdesign-miniprogram/cell/cell",
+    "t-button": "tdesign-miniprogram/button/button"
+  }
+}

package/pages/me/me.wxml

@@ -0,0 +1,26 @@
+<view class="me-panel">
+    <view class="user-info">
+        <view class="avatar">
+            <image
+                src="https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=professional%20avatar%20portrait%20of%20a%20car%20wash%20employee&image_size=square"
+                mode="aspectFill"></image>
+        </view>
+        <view class="user-details">
+            <text class="user-name">{{employeeInfo.name || '员工'}}</text>
+            <text class="user-account">{{employeeInfo.account || '账号'}}</text>
+        </view>
+    </view>
+
+    <t-cell-group>
+        <t-cell title="个人信息" value="查看" arrow bindtap="navigateToPersonalInfo"></t-cell>
+        <t-cell title="设置" value="" arrow bindtap="navigateToSettings"></t-cell>
+    </t-cell-group>
+
+    <view class="logout-container">
+        <t-button theme="default" size="large" bindtap="handleLogout">退出登录</t-button>
+    </view>
+
+    <view class="version-info">
+        <text>版本 1.0.0</text>
+    </view>
+</view>

package/pages/me/me.wxss

@@ -0,0 +1,63 @@
+.me-panel {
+    height: 100%;
+    padding: 20rpx;
+    background-color: var(--theme-background-secondary);
+}
+
+.user-info {
+    display: flex;
+    align-items: center;
+    padding: 40rpx 30rpx;
+    background-color: var(--theme-background-secondary);
+    margin-bottom: 20rpx;
+    border-radius: 12rpx;
+}
+
+.avatar {
+    width: 120rpx;
+    height: 120rpx;
+    border-radius: 50%;
+    overflow: hidden;
+    margin-right: 30rpx;
+}
+
+.avatar image {
+    width: 100%;
+    height: 100%;
+}
+
+.user-details {
+    flex: 1;
+}
+
+.user-name {
+    display: block;
+    font-size: 32rpx;
+    font-weight: bold;
+    color: var(--theme-text-primary);
+    margin-bottom: 10rpx;
+}
+
+.user-account {
+    display: block;
+    font-size: 24rpx;
+    color: var(--theme-text-secondary);
+}
+
+.t-cell-group {
+    margin-bottom: 20rpx;
+    border-radius: 12rpx;
+    overflow: hidden;
+}
+
+.logout-container {
+    padding: 40rpx 30rpx;
+    margin-top: 40rpx;
+}
+
+.version-info {
+    text-align: center;
+    font-size: 20rpx;
+    color: var(--theme-text-tertiary);
+    margin-top: 40rpx;
+}