diff --git a/policeManagement/src/views/register.vue b/policeManagement/src/views/register.vue index b98fa40..63c9bc1 100644 --- a/policeManagement/src/views/register.vue +++ b/policeManagement/src/views/register.vue @@ -22,7 +22,7 @@ v-model:value="value" :options="options" :show-search="{ filter }" - placeholder="请输入搜索关键词" + placeholder="请选择行政区划" /> @@ -64,6 +64,7 @@
账户:{{ account }}
密码:{{ password }}
+ 查询审核状态 去登录 @@ -142,40 +143,44 @@ const storeTreeData = async (data: any) => { // 从 IndexedDB 中加载缓存数据的函数 const loadTreeFromCache = async (): Promise => { - const db = await openDB() // 打开数据库并获取数据库实例 - const transaction = db.transaction(storeName, 'readonly') // 创建一个只读事务 - const store = transaction.objectStore(storeName) // 获取存储空间 + const db = await openDB() + const transaction = db.transaction(storeName, 'readonly') + const store = transaction.objectStore(storeName) - // 获取存储在 'treeData' 键下的数据 - const request = store.get('treeData') + return new Promise((resolve, reject) => { + const request = store.get('treeData') - // 数据成功读取后执行此回调 - request.onsuccess = () => { - if (request.result) { - // 如果存在缓存数据 - options.value = request.result // 将数据赋值给 options.value + request.onsuccess = () => { + // console.log('🚀 ~ loadTreeFromCache ~ request.result:', request.result) + if (request.result !== undefined) { + resolve(request.result) // 返回缓存数据 + } else { + resolve(null) // 如果没有缓存数据,返回 null + } } - } + + request.onerror = () => { + reject(request.error) + } + }) } // 获取树形结构数据并存储在 IndexedDB 中的主函数 const getTree = async () => { // 先尝试从缓存中加载数据 const cachedData = await loadTreeFromCache() - + // console.log('🚀 ~ getTree ~ cachedData:', cachedData) if (cachedData) { + console.log('未发请求') // 如果缓存存在,直接使用缓存数据 options.value = cachedData - console.log('Loaded from cache:', cachedData) + // console.log('Loaded from cache:', cachedData) } else { + console.log('发起了请求') // 如果缓存不存在,发起 API 请求 const res = await api.get('/common/administrativeDivisionTree') - console.log(res) options.value = res.data - - // 将获取到的数据存储在 IndexedDB 中 await storeTreeData(res.data) - console.log('Loaded from API and stored in cache') } } import type { Rule } from 'ant-design-vue/es/form' @@ -217,7 +222,7 @@ const checkIsNull = async (_rule: Rule, value: string) => { } } const checkOBJ = async (_rule: Rule, value: ContactPersonInfo) => { - console.log('🚀 ~ checkOBJ ~ value:', value) + // console.log('🚀 ~ checkOBJ ~ value:', value) if (value.telephone !== '' && value.name !== '') { return Promise.resolve() @@ -262,6 +267,7 @@ const handleFinishFailed = (errors: any) => { } const resetForm = () => { formRef.value.resetFields() + value.value = [] } const handleValidate = (...args: any[]) => { console.log(args) @@ -273,19 +279,29 @@ const account = ref('') const password = ref('') const isHasAccount = ref(true) const isLogin = ref(false) +// const searchCode = ref() +// +const searchCode = reactive({ + code: __APP_ENV.VITE_APP_ENV === 'development' ? 'dawda' : '', +}) const getCheckStatus = () => { loading.value = true - api.post('/management/getCheckStatus', { onlyCode: 'dawda', unitOptType: 'POLICE_UNIT' }).then((res) => { - console.log('🚀 ~ api.post ~ res:', res) - if (res.code === 200) { + api + .post('/management/getCheckStatus', { onlyCode: searchCode.code, unitOptType: 'POLICE_UNIT' }) + .then((res) => { + console.log('🚀 ~ api.post ~ res:', res) + if (res.code === 200) { + loading.value = false + isHasAccount.value = false + isLogin.value = true + account.value = res.data.account + password.value = res.data.password + } + }) + .finally(() => { loading.value = false - isHasAccount.value = false - isLogin.value = true - account.value = res.data.account - password.value = res.data.password - } - }) + }) } const toLogin = () => { router.replace({ path: '/login' })