shuhi-app/pages/index/wms/code-storage.vue

<template>
    <view class="container">
        <view class="main-content">
            <view class="input-group">
                <u-input :customStyle="customStyle" :placeholder-style="placeholderStyle"
                    v-model="repository.repositoryName" placeholder="请选择仓库" readonly border="surround" />
                <u-button :customStyle="customStyle" type="info" color="#a4adb3" @click="selectRepository"
                    text="选择" />
            </view>
            <view class="input-group">
                <u-input :customStyle="customStyle" :placeholder-style="placeholderStyle" v-model="form.isbn"
                    placeholder="扫描/输入ISBN" border="surround" clearable />
                <u-button :customStyle="customStyle" type="info" color="#a4adb3" @click="handleBarcode(form.isbn)"
                    text="查询" />
            </view>
        </view>

        <view class="fixed-bottom">
            <u-button size="large" type="success" @click="scanCode" text="扫码" class="scan-button" />
        </view>
    </view>
</template>

<script setup>
import {
    reactive,
    ref,
    onMounted,
    onUnmounted
} from 'vue';
import {
    onShow
} from '@dcloudio/uni-app'

const STORAGE_KEY = 'codeStorageLastRepository'

const placeholderStyle = "font-size:32rpx"
const customStyle = reactive({
    height: '90rpx'
})

const repository = ref({
    id: '',
    repositoryName: ''
})

const form = ref({
    isbn: ""
})

let barcodeLock = false
let lastBarcode = ''
let lastBarcodeAt = 0
const BARCODE_DEBOUNCE_MS = 2000

function loadLastRepository() {
    const lastRepository = uni.getStorageSync(STORAGE_KEY)
    if (lastRepository) {
        repository.value = {
            id: lastRepository.id || '',
            repositoryName: lastRepository.repositoryName || ''
        }
    }
}

function selectRepository() {
    uni.navigateTo({
        url: '/pages/index/wms/warehouse-select?type=repository&repositoryId=' + (repository.value.id || ''),
        fail: (err) => {
            console.error('跳转仓库选择页失败', err)
            uni.$u.toast('打开仓库选择页失败')
        }
    })
}

function scanCode() {
    if (!repository.value.id) {
        return uni.$u.toast('请先选择仓库')
    }
    uni.scanCode({
        success: (res) => {
            form.value.isbn = res.result;
            handleBarcode(res.result)
        },
        fail: () => {
            uni.$u.toast('扫码失败')
        }
    });
}

function checkIsbn(isbn) {
    const isbn13Regex = /^(?:97[89]-?\d{1,5}-?\d{1,7}-?\d{1,6}-?\d)$/;
    return isbn13Regex.test(isbn);
}

function handleBarcode(code) {
    if (!repository.value.id) {
        return uni.$u.toast('请先选择仓库')
    }
    if (!code) return uni.$u.toast('请输入ISBN')

    const now = Date.now()
    if (barcodeLock) return
    if (code === lastBarcode && now - lastBarcodeAt < BARCODE_DEBOUNCE_MS) return

    if (!checkIsbn(code)) {
        return uni.$u.ttsModule.speak('不是正确的ISBN码')
    }

    barcodeLock = true
    uni.$u.http.post('/activation/bookActivationInfo/queryBookBasicByIsbn/' + code).then(res => {
        if (res.code == 200 && res.data) {
            uni.setStorageSync('bookInfo', res.data)
            uni.setStorageSync('codeStorageCurrentRepository', {
                id: repository.value.id,
                repositoryName: repository.value.repositoryName
            })
            uni.navigateTo({
                url: '/pages/index/wms/code-storage-add?isbn=' + encodeURIComponent(code)
            })
            form.value.isbn = ""
            lastBarcode = code
            lastBarcodeAt = Date.now()
        } else {
            uni.$u.toast(res.msg)
            uni.$u.ttsModule.speak(res.msg)
        }
    }).finally(() => {
        barcodeLock = false
    })
}

onMounted(() => {
    loadLastRepository()
    uni.$on('updateRepository', (data) => {
        repository.value = {
            id: data.id,
            repositoryName: data.repositoryName
        }
        uni.setStorageSync(STORAGE_KEY, {
            id: data.id,
            repositoryName: data.repositoryName
        })
    })
})

onShow(() => {
    loadLastRepository()
})

// #ifdef APP-PLUS
const { unregister } = uni.$u.useEventListener((e) => {
    form.value.isbn = e.barcode
    handleBarcode(e.barcode)
});
// #endif

onUnmounted(() => {
    uni.$off('updateRepository')
    // #ifdef APP-PLUS
    unregister();
    // #endif
});
</script>

<style lang="scss" scoped>
.main-content {
    padding: 20px;
    gap: 20px;
}

.input-group {
    display: flex;
    gap: 10px;
    margin-bottom: 30rpx;

    :deep(.u-button) {
        width: 160rpx
    }

    .u-input {
        background-color: #fff;
    }
}

.scan-button {
    width: 100%;
}
</style>