From 64649e810034cdf16cd521eebc3030531408c022 Mon Sep 17 00:00:00 2001
From: "liujw155@outlook.com" <liujw155@outlook.com>
Date: Tue, 14 Jan 2025 18:25:24 +0800
Subject: [PATCH] finish tid1803

---
 src/components/period_select.vue                   | 138 +++++++++
 src/pages.json                                     |  12 +
 src/pages/index/index.vue                          |   2 +-
 src/pages/order_search/order_search.vue            |   2 +-
 .../verification/components/head_bar.vue           |   2 +-
 .../verification/components/record/dy_item.vue     |  21 +-
 .../verification/components/record/mall_item.vue   |  95 +++++++
 .../verification/components/record/site_item.vue   |  37 +--
 .../verification/components/stadium_picker.vue     |  15 +
 src/subpackage/verification/js/api.js              |   5 +
 src/subpackage/verification/pages/index.vue        |  35 ++-
 src/subpackage/verification/pages/null.vue         |  62 +++++
 src/subpackage/verification/pages/record.vue       | 307 ++++++++++++++++++++-
 .../verification/pages/record_search.vue           | 244 ++++++++++++++++
 .../verification/static/images/order/null_code.png | Bin 0 -> 7779 bytes
 .../static/images/order/null_range.png             | Bin 0 -> 3718 bytes
 .../static/images/order/null_search.png            | Bin 0 -> 4502 bytes
 .../verification/static/images/round_close.png     | Bin 0 -> 369 bytes
 18 files changed, 927 insertions(+), 50 deletions(-)
 create mode 100644 src/components/period_select.vue
 create mode 100644 src/subpackage/verification/components/record/mall_item.vue
 create mode 100644 src/subpackage/verification/pages/null.vue
 create mode 100644 src/subpackage/verification/pages/record_search.vue
 create mode 100644 src/subpackage/verification/static/images/order/null_code.png
 create mode 100644 src/subpackage/verification/static/images/order/null_range.png
 create mode 100644 src/subpackage/verification/static/images/order/null_search.png
 create mode 100644 src/subpackage/verification/static/images/round_close.png

diff --git a/src/components/period_select.vue b/src/components/period_select.vue
new file mode 100644
index 0000000..9220387
--- /dev/null
+++ b/src/components/period_select.vue
@@ -0,0 +1,138 @@
+<template>
+    <!-- 时间段选择 -->
+    <view class="period-select-mask" v-if="isShow" @click="isShow = false">
+        <view class="ol-period" @click.stop="()=>false">
+              <view class="op-tit">日期范围</view>
+              <picker mode="date" class="op-picker" @change="startTimeChange" :value="startTime">
+                  <view class="op-time">
+                      <text class="ot-tit">开始时间</text>
+                      <view class="ot-right">
+                          <input class="or-ipt" placeholder="选择时间" disabled :value="startTime"/>
+                          <image class="or-icon" mode="aspectFit" src="/static/images/icon/arrow_b2.png"></image>
+                      </view>
+                  </view>
+              </picker>
+              <picker mode="date" class="op-picker" @change="endTimeChange" :value="endTime">
+                  <view class="op-time">
+                      <text class="ot-tit">截止时间</text>
+                      <view class="ot-right">
+                          <input class="or-ipt" placeholder="选择时间" disabled :value="endTime"/>
+                          <image class="or-icon" mode="aspectFit" src="/static/images/icon/arrow_b2.png"></image>
+                      </view>
+                  </view>
+              </picker>
+              <view class="pl-btn active" @click="confirmBtn">确定</view>
+          </view>
+    </view>
+</template>
+
+<script>
+import { showNone, showModal } from '@/utils/util';
+export default {
+    props: {
+        value: {
+            type: String,
+            default: ''
+        }
+    },
+    watch: {
+        value: {
+            handler(val) {
+                let [start, end] = val.split('_');
+                this.startTime = start;
+                this.endTime = end;
+            },
+            immediate: true
+        }
+    },
+    data(){
+        return {
+            isShow: false,
+            startTime: '',
+            endTime: '',
+        }
+    },
+    methods: {
+        show(){
+            this.isShow = true
+        },
+        hide(){
+            this.isShow = false
+        },
+        startTimeChange(e){
+            this.startTime = e.detail.value;
+        },
+        endTimeChange(e){
+            this.endTime = e.detail.value;
+        },
+        confirmBtn(){
+            let { startTime, endTime } = this;
+            let _sTimestemp = new Date(startTime.replace(/\-/g,'/')).getTime();
+            let _eTimestemp = new Date(endTime.replace(/\-/g,'/')).getTime();
+            if(_sTimestemp > _eTimestemp)return showModal({ content: '开始时间不能大于结束时间' });
+            this.$emit('input', `${startTime}_${endTime}`);
+            this.hide();
+        }
+    }
+}
+</script>
+
+<style lang="scss">
+    .period-select-mask{
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: rgba(0,0,0,0.4);
+        z-index: 9999;
+    }
+    .ol-period{
+        position: absolute;
+        left: 0;
+        top: 0;
+        padding-left: 38upx;
+        padding-top: 66upx;
+        height: 472upx;
+        width: 100%;
+        background-color: #fff;
+        .op-tit{
+            @include flcw(24upx, 34upx, #9c9c9f);
+        }
+        .op-picker{
+            width: 100%;
+
+        }
+        .op-time{
+            padding-right: 40upx;
+            height: 124upx;
+            border-bottom: 2upx solid #D8D8D8;
+            @include ctf(space-between);
+            .ot-tit{
+                flex-shrink: 0;
+                @include flcw(32upx, 44upx, #1a1a1a);
+            }
+            .ot-right{
+                flex-grow: 1;
+                @include ctf(flex-end);
+                .or-ipt{
+                    flex-grow: 1;
+                    height: 100%;
+                    text-align: right;
+                    @include flcw(32upx, 44upx, #1a1a1a);
+                }
+                .or-icon{
+                    flex-shrink: 0;
+                    margin-left: 36upx;
+                    width: 28upx;
+                    height: 28upx;
+                }
+            }
+        }
+        .pl-btn{
+            min-height: 124upx;
+            text-align: center;
+            @include flcw(32upx, 124upx, $mColor, 500);
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/pages.json b/src/pages.json
index fde19b2..5748c6f 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -895,6 +895,18 @@
 			"root": "subpackage/verification",
 			"pages": [
 				{
+					"path": "pages/null",
+					"style" : {
+						"navigationBarTitleText": "核销查询" 
+					}
+				},
+				{
+					"path": "pages/record_search",
+					"style" : {
+						"navigationBarTitleText": "核销查询" 
+					}
+				},
+				{
 					"path": "pages/index",
 					"style" : {
 						"navigationBarTitleText": "核销查询" 
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index bca99c3..f2cdedc 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -116,7 +116,7 @@
 		{
 			id: 4,
 			name: '核销查询',
-			path: '/pages/write_off/menu/menu',
+			path: '/subpackage/verification/pages/index',
 			serverKey: 1008  // 后端对应权限编号
 		},
 		{
diff --git a/src/pages/order_search/order_search.vue b/src/pages/order_search/order_search.vue
index 55704f9..db552fc 100644
--- a/src/pages/order_search/order_search.vue
+++ b/src/pages/order_search/order_search.vue
@@ -3,7 +3,7 @@
         <view class="os-bar">
                 <view>
                     <image mode="aspectFit" src="/static/images/icon/search.png"></image>
-                    <input placeholder="你输入订单号" v-model="searchTxt" confirm-type="search" @confirm="iptConfirm" />
+                    <input placeholder="请输入订单号" v-model="searchTxt" confirm-type="search" @confirm="iptConfirm" />
                     <image v-if="searchTxt!=''" mode="aspectFit" src="/static/images/icon/round_close.png" @click="clearSearch"></image>
                 </view>
             </view>
diff --git a/src/subpackage/verification/components/head_bar.vue b/src/subpackage/verification/components/head_bar.vue
index ec64299..b442c13 100644
--- a/src/subpackage/verification/components/head_bar.vue
+++ b/src/subpackage/verification/components/head_bar.vue
@@ -6,7 +6,7 @@
                 <image class="hf-icon" mode="aspectFit" src="/subpackage/verification/static/images/arrow_c9f.png"></image>
             </view>
         </picker>
-        <image v-if="search" class="hb-icon" mode="aspectFit" src="/subpackage/verification/static/images/search.png"></image>
+        <image v-if="search" class="hb-icon" mode="aspectFit" src="/subpackage/verification/static/images/search.png" @click="$emit('click:search')"></image>
     </view>
 </template>
 
diff --git a/src/subpackage/verification/components/record/dy_item.vue b/src/subpackage/verification/components/record/dy_item.vue
index 9ef52f5..95af761 100644
--- a/src/subpackage/verification/components/record/dy_item.vue
+++ b/src/subpackage/verification/components/record/dy_item.vue
@@ -1,21 +1,21 @@
 <template>
     <view class="site-item">
-        <view class="si-stadium">欧轩智能羽毛球馆(永泰店)</view>
+        <!-- <view class="si-stadium">{{ stadiumName || '-' }}</view> -->
         <view class="si-lines">
             <view class="sl-item">
-                <view class="sl-left">订单编号：20195175645666</view>
+                <view class="sl-left">订单编号：{{ orderNum || '-' }}</view>
             </view>
             <view class="sl-item">
-                <view class="sl-left">用户信息：18316553852(yiming)</view>
+                <view class="sl-left">用户信息：{{ userPhone || '-' }}</view>
             </view>
             <view class="sl-item">
-                <view class="sl-left">券码：   200801108978</view>
+                <view class="sl-left">券码：   {{ verifyCode || '-' }}</view>
             </view>
             <view class="sl-item">
-                <view class="sl-left">验证方式：扫码器验证(欧轩门闸)</view>
+                <view class="sl-left">验证方式：{{ verifyMethod || '-' }}</view>
             </view>
             <view class="sl-item">
-                <view class="sl-left">核销时间：2021-05-17   11:12:58</view>
+                <view class="sl-left">核销时间：{{ verifyTime || '-' }}</view>
             </view>
         </view>
     </view>
@@ -23,7 +23,14 @@
 
 <script>
 export default {
-
+    props: [
+        // 'stadiumName',
+        'orderNum',
+        'userPhone',
+        'verifyCode',
+        'verifyMethod',
+        'verifyTime',
+    ]
 }
 </script>
 
diff --git a/src/subpackage/verification/components/record/mall_item.vue b/src/subpackage/verification/components/record/mall_item.vue
new file mode 100644
index 0000000..a703a57
--- /dev/null
+++ b/src/subpackage/verification/components/record/mall_item.vue
@@ -0,0 +1,95 @@
+<template>
+    <view class="site-item">
+        <view class="si-order-num">
+            <view class="son-txt">订单编号：{{ orderNum || '-' }}</view>
+            <view class="son-copy" @click="copyBtn">复制</view>
+        </view>
+        <view class="si-lines">
+            <view class="sl-item">
+                <view class="sl-left">取货码：{{ orderCode || '-' }}</view>
+            </view>
+            <view class="sl-item">
+                <view class="sl-left">取货人：{{ userName || '-' }}    {{ userPhone || '-' }}</view>
+            </view>
+            <view class="sl-item">
+                <view class="sl-left">商品：{{ goodsStr || '-' }}</view>
+            </view>
+            <view class="sl-item">
+                <view class="sl-left">核验人：{{ optUser || '-' }}</view>
+            </view>
+            <view class="sl-item">
+                <view class="sl-left">取货时间：{{ createdAt || '-' }}</view>
+            </view>
+        </view>
+    </view>
+</template>
+<script>
+export default {
+    props: [
+        'orderNum',
+        'orderCode',
+        'userPhone',
+        'userName',
+        'goodsStr',
+        'optUser',
+        'createdAt',
+    ],
+    methods: {
+        copyBtn(){
+            uni.setClipboardData({ data: this.orderNum });
+        }
+    }
+}
+</script>
+<style lang="scss">
+    .site-item{
+        position: relative;
+        padding: 0 20upx;
+        border-radius: 10upx;
+        background: #fff;
+        .si-order-num{
+            min-height: 100upx;
+            border-bottom: 2upx solid #D8D8D8;
+            @include ctf;
+            .son-txt{
+                flex-grow: 1;
+                @include flcw(28upx, 98upx, #1A1A1A, 500);
+                @include tHide;
+            }
+            .son-copy{
+                padding-right: 20upx;
+                margin-left: 20upx;
+                flex-shrink: 0;
+                @include flcw(28upx, 98upx, $mColor, 500);
+            }
+        }
+        .si-lines{
+            padding-top: 8upx;
+            padding-bottom: 32upx;
+            .sl-item{
+                display: flex;
+                .sl-left{
+                    @include flcw(28upx, 52upx, #9c9c9f);
+                    @include tHide;
+                }
+                .sl-right{
+                    max-width: 200upx;
+                    flex-shrink: 0;
+                    margin-left: 10upx;
+                    @include flcw(28upx, 52upx, $mColor);
+                    @include tHide;
+                }
+            }
+        }
+        .si-btn{
+            position: absolute;
+            right: 20upx;
+            bottom: 32upx;
+            width: 192upx;
+            text-align: center;
+            background-color: $mColor;
+            border-radius: 10upx;
+            @include flcw(32upx, 80upx, #fff, 500);
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/subpackage/verification/components/record/site_item.vue b/src/subpackage/verification/components/record/site_item.vue
index 1d6ba60..11345ae 100644
--- a/src/subpackage/verification/components/record/site_item.vue
+++ b/src/subpackage/verification/components/record/site_item.vue
@@ -1,40 +1,45 @@
 <template>
     <view class="site-item">
-        <view class="si-stadium">欧轩智能羽毛球馆(永泰店)</view>
+        <view class="si-stadium">{{ stadiumName || '-' }}</view>
         <view class="si-lines">
             <view class="sl-item">
-                <view class="sl-left">订单编号：20195175645666</view>
-                <view class="sl-right">（租场）</view>
+                <view class="sl-left">订单编号：{{ orderNum || '-' }}</view>
+                <view class="sl-right">（{{ orderType || '-' }}）</view>
             </view>
             <view class="sl-item">
-                <view class="sl-left">用户信息：18316553852(yiming)</view>
+                <view class="sl-left">用户信息：{{ userPhone || '-' }}({{ userNickname || '-' }})</view>
             </view>
             <view class="sl-item">
-                <view class="sl-left">核销码：   200801108978</view>
+                <view class="sl-left">核销码：   {{ verifyCode || '-' }}</view>
             </view>
             <view class="sl-item">
-                <view class="sl-left">验证方式：扫码器验证(欧轩门闸)</view>
+                <view class="sl-left">验证方式：{{ verifyMethod || '-' }}</view>
             </view>
             <view class="sl-item">
-                <view class="sl-left">核销时间：2021-05-17   11:12:58</view>
+                <view class="sl-left">核销时间：{{ verifyTime || '-' }}</view>
             </view>
             <view class="sl-item">
-                <view class="sl-left">离场时间：2021-05-17   11:12:58</view>
+                <view class="sl-left">离场时间：{{ verifyLeaveTime || '-' }}</view>
             </view>
         </view>
-        <view class="si-btn">手动离场</view>
+        <view class="si-btn" v-if="verifyLeaveTime === ''" @click="$emit('click:leave')">手动离场</view>
     </view>
-    <!-- 订单编号：20195175645666
-用户信息：18316553852(yiming)
-核销码：   200801108978
-验证方式：扫码器验证(欧轩门闸)
-核销时间：2021-05-17   11:12:58
-离场时间：2021-05-17   11:12:58 -->
+    
 </template>
 
 <script>
 export default {
-
+    props: [
+        'stadiumName',
+        'orderNum',
+        'orderType',
+        'userPhone',
+        'userNickname',
+        'verifyCode',
+        'verifyMethod',
+        'verifyTime',
+        'verifyLeaveTime',
+    ]
 }
 </script>
 
diff --git a/src/subpackage/verification/components/stadium_picker.vue b/src/subpackage/verification/components/stadium_picker.vue
index e69de29..95b9fa5 100644
--- a/src/subpackage/verification/components/stadium_picker.vue
+++ b/src/subpackage/verification/components/stadium_picker.vue
@@ -0,0 +1,15 @@
+<template>
+    <view class="stadium-picker">
+        
+    </view>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss">
+
+</style>
\ No newline at end of file
diff --git a/src/subpackage/verification/js/api.js b/src/subpackage/verification/js/api.js
index c2e5897..e354cda 100644
--- a/src/subpackage/verification/js/api.js
+++ b/src/subpackage/verification/js/api.js
@@ -8,6 +8,11 @@ export const SUB_API = {
     timingOpen: `${ORIGIN}/stadium/person/timing/open`,  // 【20220208】凌晨自动清零【开/关】
     // tid1803
     enterVerifyOrder: `${ORIGIN}/admin/stadium/order/enterVerifyOrder`,  // 商家助手-核销查询-输入验证码  
+    listVerifyRecord: `${ORIGIN}/admin/stadium/order/listVerifyRecord`,  // 商家助手-核销查询列表
+    leaveVerifyOrder:`${ORIGIN}/admin/stadium/order/leaveVerifyOrder`,  // 【20220208】核销记录列表 - 手动离场
+    dyPoiOrderList: `${ORIGIN}/admin/douyinPlatformProductOrder/list`,  // 商家助手-dypoi订单
+    shop2WriteoffList: `${ORIGIN}/admin/assistant/shop2/writeoffList`,  // 商城订单核销 - 列表
+
 
 }
 
diff --git a/src/subpackage/verification/pages/index.vue b/src/subpackage/verification/pages/index.vue
index 1a2c098..3a8f01e 100644
--- a/src/subpackage/verification/pages/index.vue
+++ b/src/subpackage/verification/pages/index.vue
@@ -10,7 +10,7 @@
                 <image @click="scanCode" class="wib-img" mode="aspectFit" src="/subpackage/verification/static/images/scan.png"></image>
             </view>
             <view class="ws-txt">可输入订场、次卡、年月卡、赛事、商城到店领取商品的验证码/券码进行核销，或点扫码图标进入扫描界面扫码核销。</view>
-            <view class="ws-btn">确认</view>
+            <view class="ws-btn" @click="confirmBtn">确认</view>
         </view>
 
         <view class="woi-btns">
@@ -22,7 +22,7 @@
                 <image class="wi-icon" mode="aspectFit" src="/subpackage/verification/static/images/tab1.png"></image>
                 <view class="wi-txt">现场人数</view>
             </view>
-            <view class="wb-items">
+            <view class="wb-items" @click="toRecord">
                 <image class="wi-icon" mode="aspectFit" src="/subpackage/verification/static/images/tab2.png"></image>
                 <view class="wi-txt">核销记录</view>
             </view>
@@ -34,7 +34,7 @@
 
 import API from "../js/api.js";
 import server from "../js/server.js";
-import { showLoad, hideLoad, showModal, showNone, debounce, changeLowerCase, $_emit, routeTo } from "@/utils/util.js";
+import { showLoad, hideLoad, showModal, showNone, debounce, changeLowerCase, $_emit, routeTo, jsonStr } from "@/utils/util.js";
 import { WRITE_OFF_ORDER_INFO } from '@/js/once_name';
 import headBar from "../components/head_bar.vue";
 export default {
@@ -64,6 +64,20 @@ export default {
             let { brand_id } = this;
             routeTo(`/subpackage/blacklist/pages/abnormal_list/abnormal_list?brand_id=${brand_id}`, 'nT');
         },
+        toRecord(){
+            let { brand_id } = this;
+            routeTo(`/subpackage/verification/pages/record?brand_id=${brand_id}`, 'nT');
+        },
+        confirmBtn: debounce(function(){
+            let { iptCode } = this;
+            let { curStadium } = this;
+            if(!curStadium?.id)return showModal({ content: '请选择场馆！' });
+            this.verifyOrder({
+                brand_id: curStadium?.brand_id ?? '',
+                stadium_id: curStadium?.id ?? '',
+                verify_code: iptCode ?? '',
+            })
+        }, 300, true),
         scanCode: debounce(function(){
             let { curStadium } = this;
             if(!curStadium?.id)return showModal({ content: '请选择场馆！' });
@@ -72,12 +86,11 @@ export default {
                 scanType: 'qrCode',
                 success: res=> {
                     if(changeLowerCase(res.scanType) !== 'qr_code')return showNone('不支持此类型！');
-                    console.log('扫码结果--->', res);
                     let { curStadium } = this;
                     this.verifyOrder({
-                        brand_id: curStadium?.brand_id || '',
-                        stadium_id: curStadium?.id || '',
-                        decrypt_text: res?.result || '',
+                        brand_id: curStadium?.brand_id ?? '',
+                        stadium_id: curStadium?.id ?? '',
+                        decrypt_text: res?.result ?? '',
                     })
                 },
                 fail: function(err) {
@@ -158,13 +171,13 @@ export default {
                         routeTo(`/pages/write_off/events_order/events_order?type=${_vType}`, 'nT');
                         return
                     }
-                    
+                    // 场次、次卡
                     $_emit(WRITE_OFF_ORDER_INFO, { ..._orderData });
                     routeTo(`/pages/write_off/confirm_order/confirm_order?type=${_vType}`, 'nT');
+                }else if(_data.code === 805){
+                    routeTo(`/subpackage/verification/pages/null?tip=${jsonStr(_data?.message ?? '')}`, 'nT');
                 }else{
-                    if(!_vType)return Promise.reject(_data);
-                    routeTo(`/pages/write_off/null/null?type=${_vType}`, 'nT');
-                    // return Promise.reject(_data);
+                    return Promise.reject(_data);
                 }
             })
             .catch(err => {
diff --git a/src/subpackage/verification/pages/null.vue b/src/subpackage/verification/pages/null.vue
new file mode 100644
index 0000000..1796319
--- /dev/null
+++ b/src/subpackage/verification/pages/null.vue
@@ -0,0 +1,62 @@
+<template>
+    <view class="null-container">
+        <image v-if="tipHas('二维码')" class="nc-pic" mode="aspectFit" src="/subpackage/verification/static/images/order/null_code.png"></image>
+        <image v-else-if="tipHas('范围')" class="nc-pic" mode="aspectFit" src="/subpackage/verification/static/images/order/null_range.png"></image>
+        <image v-else class="nc-pic" mode="aspectFit" src="/subpackage/verification/static/images/order/null_search.png"></image>
+        <view class="nc-txt">{{ tip || '很抱歉！获取找不到订单信息' }}</view>
+        <view class="nc-btn" @click="routeTo">返回</view>
+    </view>
+</template>
+
+<script>
+import { jsonPar, routeTo } from '@/utils/util';
+export default {
+    data(){
+        return {
+            tip: '',
+        }
+    },
+    onLoad(options){
+        let _tip = options?.tip ?? '';
+        this.tip = jsonPar(_tip);
+    },
+    methods: {
+        tipHas(txt){
+            let { tip } = this;
+            return tip.indexOf(txt) > -1;
+        },
+        routeTo,
+
+    }
+}
+</script>
+
+<style lang="scss">
+page{
+    background: #fff;
+}
+    .null-container{
+        padding-top: 220upx;
+        .nc-pic{
+            display: block;
+            width: 400upx;
+            height: 400upx;
+            margin: 0 auto;
+        }
+        .nc-txt{
+            padding: 0 30upx;
+            margin-top: 80upx;
+            text-align: center;
+            @include flcw(28upx, 40upx, #9C9C9F);
+        }
+        .nc-btn{
+            margin: 260upx auto 0;
+            width: 280upx;
+            text-align: center;
+            height: 92upx;
+            border-radius: 10upx;
+            border: 2upx solid $mColor;
+            @include flcw(32upx, 88upx, $mColor);
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/subpackage/verification/pages/record.vue b/src/subpackage/verification/pages/record.vue
index dcfab7b..a0ad1f7 100644
--- a/src/subpackage/verification/pages/record.vue
+++ b/src/subpackage/verification/pages/record.vue
@@ -1,26 +1,63 @@
 <template>
     <view class="verification-record">
         <view class="vr-header">
-            <head-bar search></head-bar>
+            <head-bar 
+                :range="stadiumList" range-key="name" @change="stadiumChange"
+                placeholder="请选择场馆" :value="curStadium.name"
+                search
+                @click:search="toSearch"
+            ></head-bar>
             <view class="vh-tabs">
-                <view class="vt-item" :class="{ active: curTab === 0 }" @click="curTab = 0">场地核销记录</view>
-                <view class="vt-item" :class="{ active: curTab === 1 }" @click="curTab = 1">抖音核销记录</view>
-                <view class="vt-item" :class="{ active: curTab === 2 }" @click="curTab = 2">商城核销记录</view>
+                <view v-for="(e,i) in tabs" :key="i" :class="{ 'vt-item': true, active: curTab === i }" @click="curTab = i">{{ e }}</view>
             </view>
         </view>
         <view class="vr-time-board">
-            <view class="vtb-time">
-                <view class="vt-txt">2024.04.09 至 2024.05.09</view>
+            <view class="vtb-time" @click="showPeriodModal">
+                <view class="vt-txt">{{ showPeriodStr }}</view>
                 <image class="vt-icon" mode="aspectFit" src="/subpackage/verification/static/images/calendar.png"></image>
             </view>
-            <view class="vtb-num">核销数量：30</view>
+            <view class="vtb-num">核销数量：{{ recordLs.length || 0 }}</view>
         </view>
 
         <view class="vr-list">
-            <site-item></site-item>
-            <view class="vl-space" style="height: 24rpx;"></view>
-            <dy-item></dy-item>
+            <block v-for="(e, i) in recordLs" :key="i">
+                <site-item 
+                    v-if="curTab === 0"
+                    :stadium-name="e.extension&&e.extension.stadium_name"
+                    :order-num="e.order_no"
+                    :order-type="e.type"
+                    :user-phone="e.extension&&e.extension.user_phone"
+                    :user-nickname="e.extension&&e.extension.nickname"
+                    :verify-code="e.verify_code"
+                    :verify-method="e.desc"
+                    :verify-time="e.verify_time"
+                    :verify-leave-time="e.verify_leave_time"
+                    @click:leave="siteLeaveBtn(e, i)"
+                ></site-item>
+                <dy-item 
+                    v-if="curTab === 1"
+                    :order-num="e.order_no"
+                    :user-phone="e.user_phone"
+                    :verify-code="e.verify_code"
+                    :verify-method="e.verify_method"
+                    :verify-time="e.verify_time"
+                ></dy-item>
+                <mall-item 
+                    v-if="curTab === 2"
+                    :order-num="e.product_order_no"
+                    :order-code="e.product_order_self_pickup_info.gcode"
+                    :user-phone="e.product_order_self_pickup_info.phone"
+                    :user-name="e.product_order_self_pickup_info.name"
+                    :goods-str="e.product_order_goods.join('；')"
+                    :opt-user="e.optuname"
+                    :created-at="e.created_at"
+                ></mall-item>
+                <view class="vl-space" style="height: 24rpx;"></view>
+            </block>
+            
         </view>
+
+        <period-select ref="periodSelect" v-model="periodStr" ></period-select>
     </view>
 </template>
 
@@ -28,22 +65,266 @@
 import headBar from "../components/head_bar.vue";
 import siteItem from "../components/record/site_item.vue";
 import dyItem from "../components/record/dy_item.vue";
+import mallItem from "../components/record/mall_item.vue";
+import periodSelect from "@/components/period_select.vue";
+import { formatDate, showLoad, hideLoad, showModal, showNone, debounce, formatTime, routeTo } from "@/utils/util";
+import API from "../js/api.js";
+import server from "../js/server.js";
 export default {
-    components: { headBar, siteItem, dyItem },
+    components: { headBar, siteItem, dyItem, mallItem, periodSelect },
+    computed: {
+        // 展示时间段字符串
+        showPeriodStr(){
+            let { periodStr } = this;
+            return periodStr ? periodStr.replace(/\_/, ' 至 ').replace(/\-/g, '.') : ''
+        },
+        // 时间段对象
+        periodObj(){
+            let { periodStr } = this;
+            if(!periodStr)return {};
+            let [start, end] = periodStr.split('_');
+            return {
+                start: start ?? '',
+                end: end ?? '',
+            }
+        },
+    },
+    watch: {
+        periodStr(nVal, oVal){
+            if(oVal&&nVal&&nVal !== oVal)this.refreshRecordLs();
+        },
+        curTab(nVal, oVal){
+            if(nVal !== oVal)this.reloadRecordLs();
+        }
+    },
     data(){
         return {
+            brand_id: '',
+            tabs: [ '场地核销记录', '抖音核销记录', '商城核销记录' ],
             curTab: 0,
+            periodStr: '',/** ex: 2025-01-01_2025-01-02 */
+            stadiumList: [],
+            curStadium: {},
+            recordLs: [],
+            page: 1,
         }
     },
+    async onLoad(options){
+        this.brand_id = options?.brand_id ?? '';
+        this.getStadiumLs({ brand_id: options?.brand_id ?? '' });
+        this.reloadRecordLs();
+    },
+    onReachBottom(){
+        let { curStadium, periodObj, page, brand_id } = this;
+        this.getRecordLs({ 
+            brand_id: brand_id ?? '',
+            stadium_id: curStadium?.id ?? '',
+            start_time: periodObj?.start ?? '',
+            end_time: periodObj?.end ?? '',
+            page: page + 1,
+        });
+    },
     methods: {
-        
+        // 搜索
+        toSearch(){
+            let { brand_id, curTab } = this;
+            routeTo(`/subpackage/verification/pages/record_search?brand_id=${brand_id}&type=${curTab}`, 'nT');
+        },
+        // 手动离场
+        siteLeaveBtn: debounce(function(e, idx){
+            console.log(e, idx);
+            showModal({
+                content: '是否确认手动离场？',
+                showCancel: true,
+                success: async mRes=>{
+                    if(mRes.confirm){
+                        let _status = await this.leaveVerifyOrder({ brand_id: e?.brand_id ?? '', id: e?.id ?? '' });
+                        if(_status)this.recordLs[idx].verify_leave_time = formatTime(new Date());
+                        this.$forceUpdate();
+                    }
+                }
+            })
+        }, 300, true),
+        // 初始化时间段
+        initPeriodStr(){
+            let _today = new Date();
+            let _todayTimestamp = _today.getTime();
+            let _eStr = formatDate({ date: _today });
+            let _first30DaysTimestamp = _todayTimestamp - 30 * 24 * 60 * 60 * 1000;
+            let _sStr = formatDate({ date: new Date(_first30DaysTimestamp) });
+            return this.periodStr = `${_sStr}_${_eStr}`;
+        },
+        showPeriodModal(){
+            this.$refs?.periodSelect?.show?.();
+        },
+        // 门店切换
+        stadiumChange(e){
+            let { stadiumList } = this;
+            let _curStadium = stadiumList?.[e?.detail?.value ?? 0] ?? {};
+            this.curStadium = _curStadium;
+            this.refreshRecordLs();
+        },
+        // 加载/ 切换订单类型
+        reloadRecordLs(){
+            let { brand_id } = this;
+            this.page = 1;
+            this.recordLs = [];
+            this.initPeriodStr();
+            let { periodObj, curStadium } = this;
+            this.getRecordLs({ 
+                brand_id: brand_id ?? '' ,
+                stadium_id: curStadium.id ?? '',
+                start_time: periodObj.start,
+                end_time: periodObj.end,
+            });
+        },
+        // 切换门店/时间
+        refreshRecordLs(){
+            let { curStadium, periodObj, brand_id } = this;
+            this.page = 1;
+            this.recordLs = [];
+            this.getRecordLs({
+                brand_id: brand_id ?? '',
+                stadium_id: curStadium?.id ?? '',
+                start_time: periodObj?.start ?? '',
+                end_time: periodObj?.end ?? '',
+            });
+        },
+        // 获取门店列表
+        getStadiumLs({ brand_id }){
+			showLoad();
+            return server.post({
+                url: API.stadiumList,
+                data: { page_size: 9999, page: 1, brand_id },
+                isDefaultGet: false,
+            })
+            .then(res => {
+				hideLoad();
+                let _data = res?.data || {};
+                if(_data.code === 0){
+                    let _ls = _data?.data?.list || [];
+                    this.stadiumList = _ls;
+					return _ls;
+                }else{
+                    return Promise.reject(_data);
+                }
+            })
+            .catch(err => {
+                hideLoad();
+                showModal({
+                    title: '提示',
+                    content: err.message || '加载门店失败！'
+                })
+                console.warn('verification record getStadiumLs err --->', err);
+				// return Promise.reject(err);
+            })
+		},
+        // 商家助手-核销查询列表
+        getRecordLs({ brand_id, stadium_id = '', start_time = '', end_time = '', page = 1, page_size = 20 }){
+			showLoad();
+            return server.post({
+                url: this.getRecordLsAPI(),
+                data: this.formatQuery({ brand_id, stadium_id, start_time, end_time, page, page_size }),
+                isDefaultGet: false,
+            })
+            .then(res => {
+				hideLoad();
+                let _data = res?.data || {};
+                if(_data.code === 0){
+                    let _ls = this.formatRecordLs(_data?.data?.list || []);
+                    if(page === 1)return this.recordLs = _ls;
+                    if(!_ls.length)return showNone('没有更多！');
+                    this.page = page;
+                    this.recordLs = [ ...this.recordLs, ..._ls ];
+					return _ls;
+                }else{
+                    return Promise.reject(_data);
+                }
+            })
+            .catch(err => {
+                hideLoad();
+                showModal({
+                    title: '提示',
+                    content: err.message || '加载数据失败！'
+                })
+                console.warn('verification record getRecordLs err --->', err);
+				// return Promise.reject(err);
+            })
+		},
+        // 获取记录列表API
+        getRecordLsAPI(){
+            let { curTab } = this;
+            if(curTab === 0)return API.listVerifyRecord
+            if(curTab === 1)return API.dyPoiOrderList
+            if(curTab === 2)return API.shop2WriteoffList
+        },
+        // 格式化查询参数
+        formatQuery(query){
+            let { curTab } = this;
+            if(curTab === 1)query['order_status'] = 'used';
+            if(curTab === 2){
+                query['stime'] = query?.start_time ?? '';
+                query['etime'] = query?.end_time ?? '';
+                delete query.start_time
+                delete query.end_time
+            }
+            return query;
+        },
+        // 格式化数据
+        formatRecordLs(ls){
+            let { curTab } = this;
+            // 抖音
+            if(curTab === 1){
+                return ls.map(item=>{
+                    let _code = item?.order_codes?.find(e=>e?.code_status == 'used');
+                    console.log('_code',item);
+                    return {
+                        order_no: item?.order_no ?? '',
+                        user_phone: item?.mobile ?? '',
+                        verify_code: _code?.code ?? '',
+                        verify_method: _code?.verification_method ?? '',
+                        verify_time: _code?.verification_time ?? '',
+                    };
+                })
+            }
+            return ls;
+        },
+        // 核销记录列表 - 手动离场
+        leaveVerifyOrder({ brand_id, id }){
+			showLoad();
+            return server.post({
+                url: API.leaveVerifyOrder,
+                data: { brand_id, id },
+                isDefaultGet: false,
+            })
+            .then(res => {
+				hideLoad();
+                let _data = res?.data || {};
+                if(_data.code === 0){
+                    showNone(_data?.message || '操作成功！')
+					return true;
+                }else{
+                    return Promise.reject(_data);
+                }
+            })
+            .catch(err => {
+                hideLoad();
+                showModal({
+                    title: '提示',
+                    content: err.message || '操作失败！'
+                })
+                console.warn('verification record leaveVerifyOrder err --->', err);
+				// return Promise.reject(err);
+                return false;
+            })
+		},
     }
 }
 </script>
 
 <style lang="scss">
     .verification-record{
-
+        @include isPd(20upx);
     }
     .vr-header{
         background: #fff;
diff --git a/src/subpackage/verification/pages/record_search.vue b/src/subpackage/verification/pages/record_search.vue
new file mode 100644
index 0000000..8815cfc
--- /dev/null
+++ b/src/subpackage/verification/pages/record_search.vue
@@ -0,0 +1,244 @@
+<template>
+    <view class="record-search">
+        <view class="os-bar">
+            <view>
+                <image mode="aspectFit" src="/subpackage/verification/static/images/search.png"></image>
+                <input placeholder="请输入手机号/核销码" v-model="searchTxt" confirm-type="search" @confirm="iptConfirm" />
+                <image v-if="searchTxt!==''" mode="aspectFit" src="/subpackage/verification/static/images/round_close.png" @click="clearSearch"></image>
+            </view>
+        </view>
+        <view class="rs-ls">
+            <block v-for="(e, i) in searchLs" :key="i">
+                <site-item 
+                    v-if="orderType === 0"
+                    :stadium-name="e.extension&&e.extension.stadium_name"
+                    :order-num="e.order_no"
+                    :order-type="e.type"
+                    :user-phone="e.extension&&e.extension.user_phone"
+                    :user-nickname="e.extension&&e.extension.nickname"
+                    :verify-code="e.verify_code"
+                    :verify-method="e.desc"
+                    :verify-time="e.verify_time"
+                    :verify-leave-time="e.verify_leave_time"
+                    @click:leave="siteLeaveBtn(e, i)"
+                ></site-item>
+                <dy-item 
+                    v-if="orderType === 1"
+                    :order-num="e.order_no"
+                    :user-phone="e.user_phone"
+                    :verify-code="e.verify_code"
+                    :verify-method="e.verify_method"
+                    :verify-time="e.verify_time"
+                ></dy-item>
+                <mall-item 
+                    v-if="orderType === 2"
+                    :order-num="e.product_order_no"
+                    :order-code="e.product_order_self_pickup_info.gcode"
+                    :user-phone="e.product_order_self_pickup_info.phone"
+                    :user-name="e.product_order_self_pickup_info.name"
+                    :goods-str="e.product_order_goods.join('；')"
+                    :opt-user="e.optuname"
+                    :created-at="e.created_at"
+                ></mall-item>
+                <view class="vl-space" style="height: 24rpx;"></view>
+            </block>
+        </view>
+    </view>
+</template>
+
+<script>
+import { formatDate, showLoad, hideLoad, showModal, showNone, debounce, formatTime, routeTo } from "@/utils/util";
+import API from "../js/api.js";
+import server from "../js/server.js";
+import siteItem from "../components/record/site_item.vue";
+import dyItem from "../components/record/dy_item.vue";
+import mallItem from "../components/record/mall_item.vue";
+export default {
+    components: { siteItem, dyItem, mallItem },
+    data(){
+        return {
+            brand_id: '',
+            orderType: '',
+            searchTxt: '',
+            page: 1,
+            searchLs: [],
+        }   
+    },
+    onLoad(options){
+        this.brand_id = options?.brand_id ?? '';
+        this.orderType = +(options?.type ?? '');
+    },
+    onReachBottom(){
+        let { searchTxt, page } = this;
+        this.getRecordLs({
+            keyword: searchTxt,
+            page: ++page
+        })
+    },
+    methods: {
+        clearSearch(){
+            this.searchTxt = '';
+        },
+        iptConfirm(e){
+            let { brand_id } = this;
+            console.log(e);
+            this.page = 1;
+            this.searchLs = [];
+            this.getRecordLs({
+                brand_id,
+                keyword: e?.detail?.value || ''
+            })
+        },
+        // 手动离场
+        siteLeaveBtn: debounce(function(e, idx){
+            showModal({
+                content: '是否确认手动离场？',
+                showCancel: true,
+                success: async mRes=>{
+                    if(mRes.confirm){
+                        let _status = await this.leaveVerifyOrder({ brand_id: e?.brand_id ?? '', id: e?.id ?? '' });
+                        if(_status)this.searchLs[idx].verify_leave_time = formatTime(new Date());
+                        this.$forceUpdate();
+                    }
+                }
+            })
+        }, 300, true),
+        // 核销记录列表 - 手动离场
+        leaveVerifyOrder({ brand_id, id }){
+			showLoad();
+            return server.post({
+                url: API.leaveVerifyOrder,
+                data: { brand_id, id },
+                isDefaultGet: false,
+            })
+            .then(res => {
+				hideLoad();
+                let _data = res?.data || {};
+                if(_data.code === 0){
+                    showNone(_data?.message || '操作成功！')
+					return true;
+                }else{
+                    return Promise.reject(_data);
+                }
+            })
+            .catch(err => {
+                hideLoad();
+                showModal({
+                    title: '提示',
+                    content: err.message || '操作失败！'
+                })
+                console.warn('verification record_search leaveVerifyOrder err --->', err);
+				// return Promise.reject(err);
+                return false;
+            })
+		},
+        // 商家助手-核销查询列表
+        getRecordLs({ brand_id, stadium_id = '', start_time = '', end_time = '', page = 1, page_size = 20, keyword = '' }){
+			showLoad();
+            return server.post({
+                url: this.getRecordLsAPI(),
+                data: this.formatQuery({ brand_id, stadium_id, start_time, end_time, page, page_size, keyword }),
+                isDefaultGet: false,
+            })
+            .then(res => {
+				hideLoad();
+                let _data = res?.data || {};
+                if(_data.code === 0){
+                    let _ls = this.formatRecordLs(_data?.data?.list || []);
+                    if(page === 1)return this.searchLs = _ls;
+                    if(!_ls.length)return showNone('没有更多！');
+                    this.page = page;
+                    this.searchLs = [ ...this.searchLs, ..._ls ];
+					return _ls;
+                }else{
+                    return Promise.reject(_data);
+                }
+            })
+            .catch(err => {
+                hideLoad();
+                showModal({
+                    title: '提示',
+                    content: err.message || '加载数据失败！'
+                })
+                console.warn('verification record_search getRecordLs err --->', err);
+				// return Promise.reject(err);
+            })
+		},
+        getRecordLsAPI(){
+            let { orderType } = this;
+            if(orderType === 0)return API.listVerifyRecord
+            if(orderType === 1)return API.dyPoiOrderList
+            if(orderType === 2)return API.shop2WriteoffList
+        },
+        formatQuery(query){
+            let { orderType } = this;
+            if(orderType === 1)query['order_status'] = 'used';
+            if(orderType === 2){
+                query['stime'] = query?.start_time ?? '';
+                query['etime'] = query?.end_time ?? '';
+                delete query.start_time
+                delete query.end_time
+            }
+            return query;
+        },
+        formatRecordLs(ls){
+            let { orderType } = this;
+            // 抖音
+            if(orderType === 1){
+                return ls.map(item=>{
+                    let _code = item?.order_codes?.find(e=>e?.code_status == 'used');
+                    return {
+                        order_no: item?.order_no ?? '',
+                        user_phone: item?.mobile ?? '',
+                        verify_code: _code?.code ?? '',
+                        verify_method: _code?.verification_method ?? '',
+                        verify_time: _code?.verification_time ?? '',
+                    };
+                })
+            }
+            return ls;
+        },
+    }
+}
+</script>
+
+<style lang="scss">
+    .record-search{
+        @include isPd(20upx);
+    }
+    .os-bar{
+        margin-bottom: 24upx;
+        height: 144upx;
+        background-color: #fff;
+        @include ctf(center);
+        >view{
+            padding: 0 20upx;
+            height: 92upx;
+            width: 702upx;
+            border-radius: 10upx;
+            background-color: #f2f2f7;
+            @include ctf(center);
+            >image{
+                margin-right: 20upx;
+                flex-shrink: 0;
+                width: 40upx;
+                height: 40upx;
+            }
+            >input{
+                height: 100%;
+                flex-grow: 1;
+                @include flcw(32upx, 44upx, #1a1a1a);
+                &+image{
+                    flex-shrink: 0;
+                    margin-right: 0;
+                    margin-left: 20upx;
+                    width: 32upx;
+                    height: 32upx;
+                }
+            }
+        }
+    }
+    .rs-ls{
+        padding: 0 24upx;
+    }
+</style>
\ No newline at end of file
diff --git a/src/subpackage/verification/static/images/order/null_code.png b/src/subpackage/verification/static/images/order/null_code.png
new file mode 100644
index 0000000000000000000000000000000000000000..a1e51345fedb3280659b4d7777550beabf680bc2
GIT binary patch
literal 7779
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

literal 0
HcmV?d00001

diff --git a/src/subpackage/verification/static/images/order/null_range.png b/src/subpackage/verification/static/images/order/null_range.png
new file mode 100644
index 0000000000000000000000000000000000000000..9dcfdcbca43a567dced12d27bdf925c226cb39d4
GIT binary patch
literal 3718
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

literal 0
HcmV?d00001

diff --git a/src/subpackage/verification/static/images/order/null_search.png b/src/subpackage/verification/static/images/order/null_search.png
new file mode 100644
index 0000000000000000000000000000000000000000..b8a203786cc3537546fb028518164e5692f28e59
GIT binary patch
literal 4502
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

literal 0
HcmV?d00001

diff --git a/src/subpackage/verification/static/images/round_close.png b/src/subpackage/verification/static/images/round_close.png
new file mode 100644
index 0000000000000000000000000000000000000000..c563ecb82bdcbb429388fcf903c0697c03e175c1
GIT binary patch
literal 369
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dymH|E?u0VSJ{8jVkubww=)q(}9
z7A{;5B!MCe7p?}9KsHc(&K!^km<v?4a?v6Xdxn>TF;KHmNswPK!^!0mvp73mCqKFw
zuA;l6$HjiuQu9YZ*{hx|jv*GOTZ7;79Z}$LZr^oxU*-Syy>E`J`YiP8^o?5qEUP%Q
zcdJa2S>NcEqr+QKeNpig_r~Ixb9f4ZpMH1!mvHlA+)u}aa*lu9cf_#2k`}E0*=2J`
zb8ei!e^l7KjxWEA4^HcJdi{*se|sEz6f0l9Q>Dl@A*(l=l|CC+`T143K1`gmB>c-B
zl}T)JHLY9|_#+iOnD1)}?d+2mS$FJ8&AxC0si{WsTDD$`FT4t_42{V!E$p@6chB2r
zeNUq2@hsCjX}mp_Mb|FOO3v5s+gtVR)2!G3Stp#<dH0&B{1?!J44$rjF6*2UngG*o
Bqh<gA

literal 0
HcmV?d00001