From 843d0abd014ec20424844546fc57a9f976f366ba Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期一, 02 九月 2024 10:52:59 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'

---
 pda/pages/index/queueup.vue |  122 +++++++++++++++++++++++++++++++++-------
 1 files changed, 100 insertions(+), 22 deletions(-)

diff --git a/pda/pages/index/queueup.vue b/pda/pages/index/queueup.vue
index c983523..e9e23c7 100644
--- a/pda/pages/index/queueup.vue
+++ b/pda/pages/index/queueup.vue
@@ -1,8 +1,9 @@
 <template>
   <view class="main_app">
     <view class="main_content">
-      <view class="title"
-        >瀹夋嘲鐗╂祦瑁呰揣骞冲彴<u-icon
+      <view class="title" @click="showPlatformgroup = true"
+        >{{ platformGroup.name
+        }}<u-icon
           name="arrow-down"
           size="20"
           class="ml12"
@@ -12,63 +13,134 @@
       <view class="input_wrap">
         <u-icon name="search" class="mr12" size="19" color="#999999" />
         <input
+          v-model="carCodeFront"
           type="text"
           placeholder="鎼滅储杞﹁締鐗岀収"
           placeholder-class="placeholder9"
+          @confirm="handleQuery"
         />
       </view>
       <view class="count"
-        >宸茬鍒拌溅杈嗭細<text>{{ 10 }}</text></view
+        >宸茬鍒拌溅杈嗭細<text>{{ total }}</text></view
       >
     </view>
     <!--  -->
-    <div class="dataList">
-      <div class="item">
+    <view class="dataList">
+      <view class="item" v-for="item in platformLineUpList" :key="item.id">
         <view class="head">
-          <view class="code">
-            <text>鐨�</text>
-            <text>AD1212</text>
+          <view v-if="item.carCodeFront" class="code">
+            <text>{{ item.carCodeFront.slice(0, 1) }}</text>
+            <text>{{ item.carCodeFront.slice(1, 2) }}</text>
+            <text>路</text>
+            <text>{{ item.carCodeFront.slice(2) }}</text>
           </view>
-          <view class="status">绛惧埌鏃堕棿锛歿{ 11 }}</view>
+          <view class="status" v-if="item.signDate"
+            >绛惧埌鏃堕棿锛歿{ item.signDate.slice(11, 16) }}</view
+          >
         </view>
-        <view class="line">
+        <view class="line" v-if="item.type == 4">
+          <text class="label">鍚堝悓鍗曞彿</text>
+          <text class="value">{{ item.contractNum }}</text>
+        </view>
+        <view class="line" v-else>
           <text class="label">杩愯緭鍗曞彿</text>
-          <text class="value">11111</text>
+          <text class="value">{{ item.code }}</text>
           <text class="primaryColor" @click="handleDetail()">杩愬崟璇︽儏</text>
         </view>
         <view class="line">
           <text class="label">椹鹃┒鍛�</text>
-          <text class="value">11111</text>
+          <text class="value"
+            >{{ item.driverName }} {{ item.drivierPhone }}</text
+          >
         </view>
         <view class="line">
           <text class="label">鎬昏繍杈撻噺</text>
-          <text class="value">11111</text>
+          <text class="value">{{ item.totalNum }}涓囨敮</text>
         </view>
-        <view class="line">
+        <view class="line" v-if="item.type != 4">
           <text class="label">杩愯緭鍏徃</text>
-          <text class="value">11111</text>
+          <text class="value">{{ item.carrierName }}</text>
         </view>
-        <view class="btns">
+        <!-- <view class="btns">
           <view class="btn active">鍏ュ洯</view>
-        </view>
-      </div>
-    </div>
+        </view> -->
+      </view>
+      <view v-if="platformLineUpList.length == 0" class="empty_wrap">
+        <image src="@/static/default_nodata@2x.png" />
+        <text>鏆傛棤浣滀笟杞﹁締</text>
+      </view>
+    </view>
+    <u-picker
+      :show="showPlatformgroup"
+      keyName="name"
+      :columns="[platformGroupList]"
+      @cancel="showPlatformgroup = false"
+      @confirm="platConfirm"
+    ></u-picker>
   </view>
 </template>
 
 <script>
+import { platformLineUpPage, getPlatformGroupList } from '@/api'
 export default {
   data() {
     return {
-      showDetail: false
+      showDetail: false,
+      showPlatformgroup: false,
+      capacity: 10,
+      page: 1,
+      total: 0,
+      carCodeFront: '',
+      platformGroup: {},
+      platformGroupList: [],
+      platformLineUpList: []
     }
   },
   onLoad() {
-
+    this.getPlatformGroup()
   },
+	onReachBottom() {
+		if(this.total > this.platformLineUpList.length){
+			this.getList()
+		}
+	},
   methods: {
     handleDetail() {
       this.showDetail = true
+    },
+    getPlatformGroup() {
+      getPlatformGroupList({
+        queryData: 1,
+        queryType: 0
+      }).then(res => {
+        this.platformGroupList = res.data || []
+        if (this.platformGroupList && this.platformGroupList.length > 0) {
+          this.platformGroup = this.platformGroupList[0]
+          this.getList()
+        }
+      })
+    },
+    getList() {
+      const { page, capacity, platformGroup, carCodeFront } = this
+      platformLineUpPage({
+        capacity, page, model: { platformGroupId: platformGroup.id, callType: 2, carCodeFront }
+      }).then(res => {
+        if (res.data) {
+          this.platformLineUpList = [...this.platformLineUpList, ...res.data.records || []]
+          this.total = res.data.total || 0
+        }
+      })
+    },
+    handleQuery() {
+      this.page = 1
+      this.platformLineUpList = []
+      this.getList()
+    },
+    platConfirm(e) {
+      const index = e.indexs[0]
+      this.platformGroup = this.platformGroupList[index]
+      this.getList()
+      this.showPlatformgroup = false
     },
   }
 }
@@ -135,9 +207,15 @@
           border-radius: 8rpx;
           border: 1rpx solid #dfdede;
           text {
-            padding: 0 12rpx;
             &:nth-of-type(1) {
               background: #e9f5f6;
+              padding: 0 12rpx;
+            }
+            &:nth-of-type(2) {
+              padding-left: 4rpx;
+            }
+            &:nth-of-type(4) {
+              padding-right: 6rpx;
             }
           }
         }

--
Gitblit v1.9.3