chore: 抢单端UI回退前备份当前完整工作区

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-29 17:59:23 +08:00
parent 6e2f7bc39f
commit e8fb32c1fe
53 changed files with 3410 additions and 1065 deletions
--- a/components/order-sender/order-sender.js
+++ b/components/order-sender/order-sender.js
@@ -1,16 +1,87 @@
+import request from '../../utils/request';
+
 const app = getApp();

+function mapIdentityForApi() {
+  const role = app.globalData.currentRole || wx.getStorageSync('currentRole') || 'normal';
+  if (role === 'dashou') return 'dashou';
+  if (role === 'shangjia') return 'shangjia';
+  return 'normal';
+}
+
 Component({
  properties: {
-    visible: Boolean,
-    showDetail: { type: Boolean, value: false }
+    visible: { type: Boolean, value: false },
+    groupId: { type: String, value: '' },
+    orderId: { type: String, value: '' },
  },

-  data: {},
+  data: {
+    keyword: '',
+    loading: false,
+    orders: [],
+    filteredOrders: [],
+  },
+
+  observers: {
+    visible(v) {
+      if (v) {
+        this.setData({ keyword: '' });
+        this.loadOrders('');
+      }
+    },
+  },

  methods: {
    close() {
      this.triggerEvent('close');
-    }
-  }
-});
+    },
+
+    onSearchInput(e) {
+      const keyword = (e.detail.value || '').trim();
+      this.setData({ keyword });
+      if (this._searchTimer) clearTimeout(this._searchTimer);
+      this._searchTimer = setTimeout(() => {
+        this.loadOrders(keyword);
+      }, 350);
+    },
+
+    async loadOrders(keyword) {
+      const { groupId, orderId } = this.properties;
+      if (!groupId && !orderId) return;
+
+      this.setData({ loading: true });
+      try {
+        const res = await request({
+          url: '/dingdan/ltpddd',
+          method: 'POST',
+          data: {
+            groupId,
+            dingdan_id: orderId,
+            keyword: keyword || '',
+            identityType: mapIdentityForApi(),
+          },
+        });
+        const body = res?.data || {};
+        const list = body.data?.list || [];
+        this.setData({
+          orders: list,
+          filteredOrders: list,
+          loading: false,
+        });
+      } catch (e) {
+        console.warn('加载历史订单失败', e);
+        this.setData({ loading: false, orders: [], filteredOrders: [] });
+        wx.showToast({ title: '加载订单失败', icon: 'none' });
+      }
+    },
+
+    onSelectOrder(e) {
+      const index = e.currentTarget.dataset.index;
+      const order = this.data.filteredOrders[index];
+      if (!order) return;
+      this.triggerEvent('send', { order });
+      this.close();
+    },
+  },
+});
--- a/components/order-sender/order-sender.wxml
+++ b/components/order-sender/order-sender.wxml
@@ -1,12 +1,28 @@
 <view class="order-sender-mask" wx:if="{{visible}}" catchtap="close"></view>
 <view class="order-sender {{visible ? 'show' : ''}}">
  <view class="header">
-    <text class="title">提示</text>
+    <text class="title">选择订单发送</text>
    <text class="close" bindtap="close">✕</text>
  </view>
-  <view class="content">
-    <view class="icon">📋</view>
-    <text class="notice">此功能暂未开放</text>
-    <text class="sub">敬请期待</text>
+  <view class="search-row">
+    <input class="search-input" placeholder="搜索订单号/内容" value="{{keyword}}" bindinput="onSearchInput" confirm-type="search" />
  </view>
-</view>
+  <scroll-view scroll-y class="order-list" enable-flex>
+    <view class="loading-tip" wx:if="{{loading}}">加载中...</view>
+    <block wx:for="{{filteredOrders}}" wx:key="dingdan_id">
+      <view class="order-item" data-index="{{index}}" bindtap="onSelectOrder">
+        <view class="order-item-top">
+          <text class="order-id">{{item.dingdan_id}}</text>
+          <text class="order-status">{{item.zhuangtaiText}}</text>
+        </view>
+        <text class="order-desc">{{item.jieshao || '暂无介绍'}}</text>
+        <view class="order-item-bottom">
+          <text class="order-price">¥{{item.jine || '0'}}</text>
+          <text class="order-time">{{item.create_time}}</text>
+        </view>
+        <text class="order-send-hint">点击发送订单卡片</text>
+      </view>
+    </block>
+    <view class="empty-tip" wx:if="{{!loading && !filteredOrders.length}}">暂无相关订单</view>
+  </scroll-view>
+</view>
--- a/components/order-sender/order-sender.wxss
+++ b/components/order-sender/order-sender.wxss
@@ -1,45 +1,140 @@
 .order-sender-mask {
-    position: fixed; top: 0; left: 0; right: 0; bottom: 0;
-    background: rgba(0,0,0,0.5);
-    z-index: 2000;
-  }
-  .order-sender {
-    position: fixed; bottom: 0; left: 0; right: 0;
-    height: 360rpx;
-    background: #fff;
-    border-radius: 24rpx 24rpx 0 0;
-    z-index: 2001;
-    transform: translateY(100%);
-    transition: 0.25s;
-    display: flex;
-    flex-direction: column;
-  }
-  .order-sender.show { transform: translateY(0); }
-  
-  .header {
-    display: flex; justify-content: space-between;
-    padding: 24rpx 30rpx;
-    border-bottom: 1rpx solid #f0f0f0;
-  }
-  .title { font-size: 32rpx; font-weight: 600; }
-  .close { font-size: 44rpx; color: #999; padding: 0 12rpx; }
-  
-  .content {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding-bottom: 40rpx;
-  }
-  .icon { font-size: 80rpx; margin-bottom: 20rpx; }
-  .notice {
-    font-size: 34rpx;
-    font-weight: 600;
-    color: #333;
-    margin-bottom: 10rpx;
-  }
-  .sub {
-    font-size: 24rpx;
-    color: #999;
-  }
+  position: fixed;
+  top: 0; left: 0; right: 0; bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 2000;
+}
+
+.order-sender {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 72vh;
+  max-height: 900rpx;
+  background: #fff;
+  border-radius: 24rpx 24rpx 0 0;
+  z-index: 2001;
+  transform: translateY(100%);
+  transition: transform 0.25s;
+  display: flex;
+  flex-direction: column;
+}
+
+.order-sender.show {
+  transform: translateY(0);
+}
+
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 24rpx 30rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+  flex-shrink: 0;
+}
+
+.title {
+  font-size: 32rpx;
+  font-weight: 600;
+}
+
+.close {
+  font-size: 44rpx;
+  color: #999;
+  padding: 0 12rpx;
+}
+
+.search-row {
+  padding: 16rpx 24rpx;
+  flex-shrink: 0;
+}
+
+.search-input {
+  background: #f5f5f5;
+  border-radius: 32rpx;
+  padding: 16rpx 28rpx;
+  font-size: 28rpx;
+}
+
+.order-list {
+  flex: 1;
+  height: 0;
+  padding: 0 24rpx 24rpx;
+  box-sizing: border-box;
+}
+
+.loading-tip,
+.empty-tip {
+  text-align: center;
+  color: #999;
+  font-size: 28rpx;
+  padding: 60rpx 0;
+}
+
+.order-item {
+  background: #fafafa;
+  border-radius: 16rpx;
+  padding: 20rpx 24rpx;
+  margin-bottom: 16rpx;
+  border: 1rpx solid #eee;
+}
+
+.order-item:active {
+  background: #f0f7ff;
+}
+
+.order-item-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 8rpx;
+}
+
+.order-id {
+  font-size: 26rpx;
+  font-weight: 600;
+  color: #333;
+}
+
+.order-status {
+  font-size: 22rpx;
+  color: #07c160;
+  background: #e8f8ee;
+  padding: 4rpx 14rpx;
+  border-radius: 20rpx;
+}
+
+.order-desc {
+  font-size: 26rpx;
+  color: #666;
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-bottom: 8rpx;
+}
+
+.order-item-bottom {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.order-price {
+  font-size: 28rpx;
+  color: #ff6b00;
+  font-weight: 600;
+}
+
+.order-time {
+  font-size: 22rpx;
+  color: #aaa;
+}
+
+.order-send-hint {
+  display: block;
+  font-size: 22rpx;
+  color: #007aff;
+  margin-top: 10rpx;
+}