perf(collect-code): 优化离线码创建功能
- 添加节流函数,限制创建离线码的操作频率 - 使用 useThrottleFn 函数实现节流效果 - 优化用户交互体验,防止频繁操作导致的问题
This commit is contained in:
parent
1e9dd9bb3e
commit
e0f195bdb1
@ -2,8 +2,7 @@
|
||||
import { userArtworks } from "@/api/goods/index.js";
|
||||
import { codeAuthStore } from "@/stores-collect-code/auth/index.js";
|
||||
import { showImagePreview } from 'vant';
|
||||
|
||||
|
||||
import { useThrottleFn } from '@vueuse/core'
|
||||
import XImage from '@/components/x-image/index.vue'
|
||||
import {useRouter} from "#vue-router";
|
||||
import {goodStore} from "~/stores-collect-code/goods/index.js";
|
||||
@ -11,6 +10,7 @@ import {ref} from "vue";
|
||||
import {offlineQrcodeCreate, offlineQrcodeDelete, offlineQrcodeList} from "~/api-collect-code/goods/index.js";
|
||||
import codeCard from './components/codeCard/index.vue'
|
||||
import {message} from "~/components/x-message/useMessage.js";
|
||||
|
||||
definePageMeta({
|
||||
layout: 'default',
|
||||
i18n: 'menu.profile',
|
||||
@ -40,7 +40,7 @@ const createForm=ref({
|
||||
lotNo:'',
|
||||
price:'',
|
||||
})
|
||||
const confirm=async ()=>{
|
||||
const confirm=useThrottleFn(async ()=>{
|
||||
if (!createForm.value.price){
|
||||
message.warning(t('collectCode.message.amountRequired'))
|
||||
return false
|
||||
@ -61,7 +61,7 @@ if (!is25Format(createForm.value.lotNo)){
|
||||
show.value=false
|
||||
onRefresh()
|
||||
}
|
||||
}
|
||||
},2000)
|
||||
const onRefresh = async () => {
|
||||
try {
|
||||
localState.value.refreshing = true
|
||||
|
Loading…
Reference in New Issue
Block a user