From b968001ee733c930ce220baf03c6fbee660d05c6 Mon Sep 17 00:00:00 2001
From: "liujw155@outlook.com" <liujw155@outlook.com>
Date: Mon, 13 Jan 2025 18:27:24 +0800
Subject: [PATCH] add tid1803 style

---
 src/pages.json                                     |   6 +
 src/pages/write_off/operate/operate.vue            |   1 -
 .../verification/components/head_bar.vue           |  59 ++++++++++
 .../verification/components/record/dy_item.vue     |  71 +++++++++++
 .../verification/components/record/site_item.vue   |  82 +++++++++++++
 .../verification/components/stadium_picker.vue     |   0
 src/subpackage/verification/js/api.js              |   2 +
 src/subpackage/verification/pages/index.vue        | 131 +++++++++++++++------
 src/subpackage/verification/pages/record.vue       | 102 ++++++++++++++++
 .../verification/static/images/calendar.png        | Bin 0 -> 369 bytes
 .../verification/static/images/search.png          | Bin 0 -> 245 bytes
 src/utils/util.js                                  |   4 +-
 12 files changed, 418 insertions(+), 40 deletions(-)
 create mode 100644 src/subpackage/verification/components/head_bar.vue
 create mode 100644 src/subpackage/verification/components/record/dy_item.vue
 create mode 100644 src/subpackage/verification/components/record/site_item.vue
 create mode 100644 src/subpackage/verification/components/stadium_picker.vue
 create mode 100644 src/subpackage/verification/pages/record.vue
 create mode 100644 src/subpackage/verification/static/images/calendar.png
 create mode 100644 src/subpackage/verification/static/images/search.png

diff --git a/src/pages.json b/src/pages.json
index 3d3361e..fde19b2 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -905,6 +905,12 @@
 					"style" : {
 						"navigationBarTitleText": "现场人数" 
 					}
+				},
+				{
+					"path": "pages/record",
+					"style" : {
+						"navigationBarTitleText": "核销记录" 
+					}
 				}
 			]
 		}
diff --git a/src/pages/write_off/operate/operate.vue b/src/pages/write_off/operate/operate.vue
index 001bbe4..628e492 100644
--- a/src/pages/write_off/operate/operate.vue
+++ b/src/pages/write_off/operate/operate.vue
@@ -228,7 +228,6 @@ export default {
                     }
                 }else{
                     util.showNone(res.data.message || '操作失败！')
-                    // util.routeTo(`/pages/write_off/null/null?type=${vType}`, 'nT');
                 }
                 
             })
diff --git a/src/subpackage/verification/components/head_bar.vue b/src/subpackage/verification/components/head_bar.vue
new file mode 100644
index 0000000..ec64299
--- /dev/null
+++ b/src/subpackage/verification/components/head_bar.vue
@@ -0,0 +1,59 @@
+<template>
+    <view class="head-bar">
+        <picker class="hb-picker" :range="range" :range-key="rangeKey" @change="$emit('change', $event)">
+            <view class="hp-frame">
+                <input class="hf-ipt" type="text" disabled :value="value" :placeholder="placeholder">
+                <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>
+    </view>
+</template>
+
+<script>
+export default {
+    props: {
+        value: { type: String, default: ''  },
+        placeholder: { type: String, default: '' },
+        range: { type: Array, default: [] },
+        rangeKey: { type: String, default: '' },
+        search: { type: Boolean, default: false }
+    }
+}
+</script>
+
+<style lang="scss">
+    .head-bar{
+        padding-left: 24upx;
+        padding-right: 24upx;
+        height: 144upx;
+        background: #fff;
+        @include ctf(space-between);
+        .hb-picker{
+            flex-grow: 1;
+            .hp-frame{
+                padding: 0 24upx;
+                height: 92upx;
+                background: #f2f2f7;
+                @include ctf(space-between);
+                .hf-ipt{
+                    flex-grow: 1;
+                    height: 100%;
+                    @include flcw(28upx, 40upx, #333);
+                }
+                .hf-icon{
+                    flex-shrink: 0;
+                    width: 28upx;
+                    height: 28upx;
+                }
+            }
+        }
+        .hb-icon{
+            flex-shrink: 0;
+            margin-right: 16upx;
+            margin-left: 26upx;
+            width: 40upx;
+            height: 40upx;
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/subpackage/verification/components/record/dy_item.vue b/src/subpackage/verification/components/record/dy_item.vue
new file mode 100644
index 0000000..9ef52f5
--- /dev/null
+++ b/src/subpackage/verification/components/record/dy_item.vue
@@ -0,0 +1,71 @@
+<template>
+    <view class="site-item">
+        <view class="si-stadium">欧轩智能羽毛球馆(永泰店)</view>
+        <view class="si-lines">
+            <view class="sl-item">
+                <view class="sl-left">订单编号：20195175645666</view>
+            </view>
+            <view class="sl-item">
+                <view class="sl-left">用户信息：18316553852(yiming)</view>
+            </view>
+            <view class="sl-item">
+                <view class="sl-left">券码：   200801108978</view>
+            </view>
+            <view class="sl-item">
+                <view class="sl-left">验证方式：扫码器验证(欧轩门闸)</view>
+            </view>
+            <view class="sl-item">
+                <view class="sl-left">核销时间：2021-05-17   11:12:58</view>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss">
+    .site-item{
+        position: relative;
+        padding: 0 20upx;
+        border-radius: 10upx;
+        background: #fff;
+        .si-stadium{
+            min-height: 100upx;
+            border-bottom: 2upx solid #D8D8D8;
+            @include flcw(28upx, 98upx, #1A1A1A, 500);
+            @include tHide;
+        }
+        .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
new file mode 100644
index 0000000..1d6ba60
--- /dev/null
+++ b/src/subpackage/verification/components/record/site_item.vue
@@ -0,0 +1,82 @@
+<template>
+    <view class="site-item">
+        <view class="si-stadium">欧轩智能羽毛球馆(永泰店)</view>
+        <view class="si-lines">
+            <view class="sl-item">
+                <view class="sl-left">订单编号：20195175645666</view>
+                <view class="sl-right">（租场）</view>
+            </view>
+            <view class="sl-item">
+                <view class="sl-left">用户信息：18316553852(yiming)</view>
+            </view>
+            <view class="sl-item">
+                <view class="sl-left">核销码：   200801108978</view>
+            </view>
+            <view class="sl-item">
+                <view class="sl-left">验证方式：扫码器验证(欧轩门闸)</view>
+            </view>
+            <view class="sl-item">
+                <view class="sl-left">核销时间：2021-05-17   11:12:58</view>
+            </view>
+            <view class="sl-item">
+                <view class="sl-left">离场时间：2021-05-17   11:12:58</view>
+            </view>
+        </view>
+        <view class="si-btn">手动离场</view>
+    </view>
+    <!-- 订单编号：20195175645666
+用户信息：18316553852(yiming)
+核销码：   200801108978
+验证方式：扫码器验证(欧轩门闸)
+核销时间：2021-05-17   11:12:58
+离场时间：2021-05-17   11:12:58 -->
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss">
+    .site-item{
+        position: relative;
+        padding: 0 20upx;
+        border-radius: 10upx;
+        background: #fff;
+        .si-stadium{
+            min-height: 100upx;
+            border-bottom: 2upx solid #D8D8D8;
+            @include flcw(28upx, 98upx, #1A1A1A, 500);
+            @include tHide;
+        }
+        .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/stadium_picker.vue b/src/subpackage/verification/components/stadium_picker.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/subpackage/verification/js/api.js b/src/subpackage/verification/js/api.js
index 306d14d..c2e5897 100644
--- a/src/subpackage/verification/js/api.js
+++ b/src/subpackage/verification/js/api.js
@@ -6,6 +6,8 @@ export const SUB_API = {
     skNotLeavingNums: `${ORIGIN}/stadium/sk/notLeavingNums`,  //  【1001536】散客人数 - 未离场订单数量
     setStadiumPresentNumber: `${ORIGIN}/admin/stadium/setStadiumPresentNumber`,  // 商家助手散客人数校正
     timingOpen: `${ORIGIN}/stadium/person/timing/open`,  // 【20220208】凌晨自动清零【开/关】
+    // tid1803
+    enterVerifyOrder: `${ORIGIN}/admin/stadium/order/enterVerifyOrder`,  // 商家助手-核销查询-输入验证码  
 
 }
 
diff --git a/src/subpackage/verification/pages/index.vue b/src/subpackage/verification/pages/index.vue
index 3aaa749..1a2c098 100644
--- a/src/subpackage/verification/pages/index.vue
+++ b/src/subpackage/verification/pages/index.vue
@@ -1,16 +1,12 @@
 <template>
     <view class="write-off-index">
-        <view class="woi-stadium-bar">
-            <picker :range="stadiumList" range-key="name" @change="stadiumChange">
-                <view class="wsb-ipt-box">
-                    <input class="wib-ipt" type="text" placeholder="请选择场馆" disabled v-model="curStadium.name" />
-                    <image class="wib-img" mode="aspectFit" src="/subpackage/verification/static/images/arrow_c9f.png"></image>
-                </view>
-            </picker>
-        </view>
+        <head-bar
+            :range="stadiumList" range-key="name" @change="stadiumChange"
+            placeholder="请选择场馆" :value="curStadium.name"
+        ></head-bar>
         <view class="woi-section">
             <view class="ws-ipt-box">
-                <input class="wib-ipt" type="text" placeholder="请输入券码" />
+                <input class="wib-ipt" type="text" placeholder="请输入券码" v-model="iptCode" />
                 <image @click="scanCode" class="wib-img" mode="aspectFit" src="/subpackage/verification/static/images/scan.png"></image>
             </view>
             <view class="ws-txt">可输入订场、次卡、年月卡、赛事、商城到店领取商品的验证码/券码进行核销，或点扫码图标进入扫描界面扫码核销。</view>
@@ -18,11 +14,11 @@
         </view>
 
         <view class="woi-btns">
-            <view class="wb-items">
+            <view class="wb-items" @click="toAbnormal">
                 <image class="wi-icon" mode="aspectFit" src="/subpackage/verification/static/images/tab0.png"></image>
                 <view class="wi-txt">进场人数异常</view>
             </view>
-            <view class="wb-items">
+            <view class="wb-items" @click="toSitePeople">
                 <image class="wi-icon" mode="aspectFit" src="/subpackage/verification/static/images/tab1.png"></image>
                 <view class="wi-txt">现场人数</view>
             </view>
@@ -38,25 +34,51 @@
 
 import API from "../js/api.js";
 import server from "../js/server.js";
-import { showLoad, hideLoad, showModal, showNone, debounce, changeLowerCase } from "@/utils/util.js";
+import { showLoad, hideLoad, showModal, showNone, debounce, changeLowerCase, $_emit, routeTo } from "@/utils/util.js";
+import { WRITE_OFF_ORDER_INFO } from '@/js/once_name';
+import headBar from "../components/head_bar.vue";
 export default {
+    components: { headBar },
     data(){
         return{
+            brand_id: '',
             stadiumList: [],
             curStadium: {},
+            iptCode: '',
+
         }
     },
     onLoad(options){
-        this.getStadiumLs({ brand_id: options?.brand_id });
+        let _brand_id = options?.brand_id || '';
+        this.brand_id = _brand_id;
+        this.getStadiumLs({ brand_id: _brand_id });
     },
     methods: {
+        // 现场人数
+        toSitePeople(){
+            let { brand_id } = this;
+            routeTo(`/subpackage/verification/pages/site_people/index?brand_id=${brand_id}`, 'nT');
+        },
+        // 人数异常
+        toAbnormal(){
+            let { brand_id } = this;
+            routeTo(`/subpackage/blacklist/pages/abnormal_list/abnormal_list?brand_id=${brand_id}`, 'nT');
+        },
         scanCode: debounce(function(){
+            let { curStadium } = this;
+            if(!curStadium?.id)return showModal({ content: '请选择场馆！' });
             uni.scanCode({
                 onlyFromCamera: true,
                 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 || '',
+                    })
                 },
                 fail: function(err) {
                     showNone('扫码失败！');
@@ -97,36 +119,71 @@ export default {
 				// return Promise.reject(err);
             })
 		},
+        /**
+         * 订单预检验
+         * @param {String} brand_id
+         * @param {String} stadium_id
+         * @param {String} verify_code 订单验证码
+         * @param {String} decrypt_text 二维码数据
+         * */ 
+        verifyOrder({ brand_id, stadium_id, verify_code = '', decrypt_text = '' }){
+            let _vType = verify_code ? 'verify_code' : decrypt_text ? 'decrypt_text' : '';
+			showLoad();
+            return server.post({
+                url: API.enterVerifyOrder,
+                data: { brand_id, stadium_id, verify_code, decrypt_text },
+                isDefaultGet: false,
+            })
+            .then(res => {
+				hideLoad();
+                let _data = res?.data || {};
+                if(_data.code === 0){
+                    let _orderData = _data?.data || {};
+                    // 商城订单
+                    if(_orderData?.extension?.verify_order_type === 'product_order'){
+                        $_emit(WRITE_OFF_MALL_ORDER_INFO, { data: _orderData });
+                        routeTo(`/pages/write_off/ym_confirm/ym_confirm?type=${_vType}`, 'nT');
+                        return
+                    }
+                     // 年月卡
+                    if(_orderData?.extension?.verify_order_type === 'monthly_card'){
+                        $_emit(WRITE_OFF_ORDER_INFO, { data: _orderData, query: { brand_id, stadium_id, verify_code, decrypt_text } });
+                        routeTo(`/pages/write_off/ym_confirm/ym_confirm?type=${_vType}`, 'nT');
+                        return
+                    }
+
+                    // 赛事
+                    if(_orderData?.extension?.verify_order_type === 'match_order'){
+                        $_emit(WRITE_OFF_ORDER_INFO, {..._orderData});
+                        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(!_vType)return Promise.reject(_data);
+                    routeTo(`/pages/write_off/null/null?type=${_vType}`, 'nT');
+                    // return Promise.reject(_data);
+                }
+            })
+            .catch(err => {
+                hideLoad();
+                showModal({
+                    title: '提示',
+                    content: err.message || '核销查询失败！'
+                })
+                console.warn('verification index verifyOrder err --->', err);
+				// return Promise.reject(err);
+            })
+		},
     }
 }
 </script>
 
 <style lang="scss">
     .write-off-index{
-        .woi-stadium-bar{
-            padding: 26upx 0;
-            background: #fff;
-            @include ctf(center);
-            .wsb-ipt-box{
-                padding: 0 20upx;
-                width: 702upx;
-                height: 92upx;
-                border-radius: 10upx;
-                background: #F2F2F7;
-                @include ctf;
-                .wib-ipt{
-                    flex-grow: 1;
-                    height: 100%;
-                    @include flcw(28upx, 40upx, #333);
-                }
-                .wib-img{
-                    flex-shrink: 0;
-                    margin-left: 20upx;
-                    width: 28upx;
-                    height: 28upx;
-                }
-            }
-        }
+        
         .woi-section{
             margin-top: 24upx;
             padding-top: 26upx;
diff --git a/src/subpackage/verification/pages/record.vue b/src/subpackage/verification/pages/record.vue
new file mode 100644
index 0000000..dcfab7b
--- /dev/null
+++ b/src/subpackage/verification/pages/record.vue
@@ -0,0 +1,102 @@
+<template>
+    <view class="verification-record">
+        <view class="vr-header">
+            <head-bar search></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>
+        </view>
+        <view class="vr-time-board">
+            <view class="vtb-time">
+                <view class="vt-txt">2024.04.09 至 2024.05.09</view>
+                <image class="vt-icon" mode="aspectFit" src="/subpackage/verification/static/images/calendar.png"></image>
+            </view>
+            <view class="vtb-num">核销数量：30</view>
+        </view>
+
+        <view class="vr-list">
+            <site-item></site-item>
+            <view class="vl-space" style="height: 24rpx;"></view>
+            <dy-item></dy-item>
+        </view>
+    </view>
+</template>
+
+<script>
+import headBar from "../components/head_bar.vue";
+import siteItem from "../components/record/site_item.vue";
+import dyItem from "../components/record/dy_item.vue";
+export default {
+    components: { headBar, siteItem, dyItem },
+    data(){
+        return {
+            curTab: 0,
+        }
+    },
+    methods: {
+        
+    }
+}
+</script>
+
+<style lang="scss">
+    .verification-record{
+
+    }
+    .vr-header{
+        background: #fff;
+        .vh-tabs{
+            @include ctf(space-around);
+            .vt-item{
+                position: relative;
+                @include flcw(28upx, 88upx, #2D2D2D);
+                &.active{
+                    color: $mColor;
+                    &::after{
+                        content: '';
+                        position: absolute;
+                        bottom: 0;
+                        left: 50%;
+                        transform: translateX(-50%);
+                        width: 100%;
+                        height: 4upx;
+                        background: $mColor;
+                    }
+                }
+            }
+        }
+    }
+    .vr-time-board{
+        padding: 24upx;
+        @include ctf(space-between);
+        .vtb-time{
+            flex-shrink: 0;
+            padding: 0 14upx;
+            height: 62upx;
+            background: #fff;
+            @include ctf;
+            .vt-txt{
+                max-width: 400upx;
+                @include flcw(24upx, 34upx, #1A1A1A, 500);
+                @include tHide;
+            }
+            .vt-icon{
+                flex-shrink: 0;
+                margin-left: 30upx;
+                width: 32upx;
+                height: 32upx;
+            }
+        }
+        .vtb-num{
+            margin-left: 20upx;
+            @include flcw(32upx, 44upx, #1A1A1A, 500);
+            @include tHide;
+        }
+    }
+    .vr-list{
+        padding: 0 24upx;
+
+    }
+</style>
\ No newline at end of file
diff --git a/src/subpackage/verification/static/images/calendar.png b/src/subpackage/verification/static/images/calendar.png
new file mode 100644
index 0000000000000000000000000000000000000000..63425c2f9edec6a850d46853893308e5bbe157e7
GIT binary patch
literal 369
zcmV-%0gnEOP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px$D@jB_R5(wqld(zzK@>&LTN4|R^nzd%8%sMY^9%k!gs7V>EoOtA*hzK@%h{*_
z^8@}utn4gpL?Z~+2C*@5N3wxzb^~HGQ{K6Ac<;V>LiRM&4v}o*1&66C<DcQ!8(e)o
zt_#L@!PbGo1ng&_3sMt|dSgDfN#*n@_8Y$pwuGlE=?YX6q>UG}V!e5^%4h#>0I+yk
zM&_1Upyw3WtG}iIm$fDGQJ1p*80kjYNx(FHi~!i@Y2GDXSs7MfbHzUaq~A$e2>mr8
zyNn|*RD(xCH;-N1iox=JOSRD>>q%u0s$(oAgf>-u!nrE)#YGI5W1j=vA?ul4h=VaU
z)D;nB99p<~7vryky&q;H8+gIPq-SPh9REnujAK?Aq<7)B6(qaxzis>m{cxFR1@X`|
P00000NkvXXu0mjfX@{Jg

literal 0
HcmV?d00001

diff --git a/src/subpackage/verification/static/images/search.png b/src/subpackage/verification/static/images/search.png
new file mode 100644
index 0000000000000000000000000000000000000000..de695bf10f5176df43b304fe52c79d4ffced39e9
GIT binary patch
literal 245
zcmeAS@N?(olHy`uVBq!ia0vp^A|TAd3?%E9GuQzsg8-ipS0Ftd3}(-s4PnffF=OV;
znX_iiTD58wTm&cxVQ=@-y9m_7UlQaO%<ywE?+u-Pa|5;~drvBC=oPFI0!pQNx;Tb#
zTu(m0c}T`JNO6tl|3(MlBaiOrhvcmLQOz{r<d@Zrjg85BnI=f;Gfv9>!=>`6v1Y*?
zbA^ZT3`v{n8HGNvDX4vR4^eYsbdo+~prZXitbPwe`MIk29m=`?4%|KSN8~0uLv4lH
Vf{R<E%zzd$c)I$ztaD0e0s!f4UqJu>

literal 0
HcmV?d00001

diff --git a/src/utils/util.js b/src/utils/util.js
index b23a280..dd58f9d 100644
--- a/src/utils/util.js
+++ b/src/utils/util.js
@@ -371,7 +371,7 @@ export function changeLowerCase(str){
 // 大数据量跨页/跨组件传参------$_once && $_emit
 // 单次监听器
 // 到文件src\js\once_name.js，进行命名，防止命名冲突导致错误监听
-function $_once(name, cb){
+export function $_once(name, cb){
   uni.$once(name + '',function(data){
     cb&&cb(data);
   })
@@ -380,7 +380,7 @@ function $_once(name, cb){
   }, 50)
 }
 // 促发单次监听
-function $_emit(name, data){
+export function $_emit(name, data){
   uni.$once((name + '')+'1',function(){
       uni.$emit(name + '', data);
   })