✨ 完成实验部分功能
This commit is contained in:
li-chx
parent
15c0a1de0e
commit
eae8781eaa
|
|
@ -1,12 +1,10 @@
|
||||||
{
|
{
|
||||||
"i18n-ally.localesPaths": "lang", // 相对于项目根目录的语言环境目录路径
|
"i18n-ally.localesPaths": "lang",
|
||||||
"i18n-ally.sourceLanguage": "zh", // 根据此语言文件翻译其他语言文件的变量和内容
|
"i18n-ally.sourceLanguage": "zh",
|
||||||
"i18n-ally.displayLanguage": "zh", // 显示语言
|
"i18n-ally.displayLanguage": "zh",
|
||||||
"i18n-ally.keystyle": "nested", // 翻译后变量格式 nested：嵌套式 flat:扁平式
|
"i18n-ally.keystyle": "nested",
|
||||||
"i18n-ally.preferredDelimiter": "_",
|
"i18n-ally.preferredDelimiter": "_",
|
||||||
"i18n-ally.sortKeys": true,
|
"i18n-ally.sortKeys": true,
|
||||||
// "i18n-ally.extract.keygenStrategy": "random", // 生成密钥路径的策略。可以slug，random或empty
|
|
||||||
// "i18n-ally.extract.keygenStyle": "camelCase", // 翻译字段命名样式采用驼峰
|
|
||||||
"i18n-ally.enabledParsers": ["json", "js", "ts"],
|
"i18n-ally.enabledParsers": ["json", "js", "ts"],
|
||||||
"i18n-ally.keysInUse": [
|
"i18n-ally.keysInUse": [
|
||||||
"view.progress_submenu.translated_keys",
|
"view.progress_submenu.translated_keys",
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import type { TableProps, TableRowData } from 'tdesign-vue-next';
|
import type {
|
||||||
|
TableProps,
|
||||||
|
TableRowData,
|
||||||
|
RowEventContext,
|
||||||
|
} from 'tdesign-vue-next';
|
||||||
|
|
||||||
const emit = defineEmits(['pageChange', 'onRowClick']);
|
const emit = defineEmits(['pageChange', 'onRowClick']);
|
||||||
|
|
||||||
|
|
@ -13,7 +17,7 @@
|
||||||
console.log(pageInfo);
|
console.log(pageInfo);
|
||||||
emit('pageChange', pageInfo);
|
emit('pageChange', pageInfo);
|
||||||
}
|
}
|
||||||
function onRowClick(x: any) {
|
function onRowClick(x: RowEventContext<TableRowData>) {
|
||||||
emit('onRowClick', x);
|
emit('onRowClick', x);
|
||||||
}
|
}
|
||||||
function onSelectChange() {
|
function onSelectChange() {
|
||||||
|
|
|
||||||
|
|
@ -10,6 +10,7 @@
|
||||||
const lg = parseFloat(
|
const lg = parseFloat(
|
||||||
config.theme.screens.lg.substring(0, config.theme.screens.lg.length - 2),
|
config.theme.screens.lg.substring(0, config.theme.screens.lg.length - 2),
|
||||||
);
|
);
|
||||||
|
const store = useUserStore();
|
||||||
const modeName = ref('sunny');
|
const modeName = ref('sunny');
|
||||||
// watch()
|
// watch()
|
||||||
// computed(())
|
// computed(())
|
||||||
|
|
@ -65,9 +66,23 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function backToLogin() {
|
let lastPage = '';
|
||||||
|
|
||||||
|
function toCalendar() {
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
router.push('/login');
|
lastPage = currentPage.value;
|
||||||
|
currentPage.value = 'calendar';
|
||||||
|
router.push('/base/calendar');
|
||||||
|
}
|
||||||
|
|
||||||
|
function backToLastPage() {
|
||||||
|
const router = useRouter();
|
||||||
|
currentPage.value = lastPage;
|
||||||
|
router.back();
|
||||||
|
}
|
||||||
|
|
||||||
|
function backToLogin() {
|
||||||
|
useLoginStore().logout();
|
||||||
}
|
}
|
||||||
|
|
||||||
watch(currentPage, (val) => {
|
watch(currentPage, (val) => {
|
||||||
|
|
@ -76,36 +91,36 @@
|
||||||
});
|
});
|
||||||
|
|
||||||
async function sendTest() {
|
async function sendTest() {
|
||||||
|
await useLoginStore().login();
|
||||||
try {
|
try {
|
||||||
// const response = await $fetch('/api/login/test', {
|
// const response = await $fetch('/api/login/test', {
|
||||||
// method: 'GET',
|
// method: 'GET',
|
||||||
// });
|
// });
|
||||||
$fetch('/api/file/test', { method: 'GET' }).catch(() => {
|
const { $http } = useNuxtApp();
|
||||||
|
useNuxtApp().$http.GET('/test');
|
||||||
|
console.log($http); // 检查是否为 undefined
|
||||||
|
console.log($fetch);
|
||||||
|
$http.GET('/file/test').catch(() => {
|
||||||
console.log('error');
|
console.log('error');
|
||||||
$fetch('/api/login/login', {
|
$http
|
||||||
method: 'POST',
|
.POST('/login/login', {
|
||||||
body: {
|
|
||||||
username: 'admin',
|
username: 'admin',
|
||||||
password: 'password',
|
password: 'password',
|
||||||
},
|
})
|
||||||
}).then(async () => {
|
.then(async () => {
|
||||||
const result = await $fetch('/api/file/test', { method: 'GET' });
|
const result = await $http.GET('/api/file/test');
|
||||||
console.log(result);
|
console.log(result);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
// const response = await $fetch('/api/login/login', {
|
|
||||||
// method: 'POST',
|
|
||||||
// body: {
|
|
||||||
// username: 'admin',
|
|
||||||
// password: 'password',
|
|
||||||
// },
|
|
||||||
// });
|
|
||||||
// console.log(response);
|
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
console.log(err);
|
console.log(err);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
onMounted(() => setCollapsed(useWindowSize().width.value));
|
onMounted(() => setCollapsed(useWindowSize().width.value));
|
||||||
|
onMounted(async () => {
|
||||||
|
await store.getUserInfo();
|
||||||
|
await store.getAvatarURL();
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
@ -120,9 +135,15 @@
|
||||||
<a @click="changeTheme">
|
<a @click="changeTheme">
|
||||||
<t-icon class="t-menu__operations-icon" name="fill-color" />
|
<t-icon class="t-menu__operations-icon" name="fill-color" />
|
||||||
</a>
|
</a>
|
||||||
<a @click="backToLogin">
|
<a v-if="currentPage != 'calendar'" @click="toCalendar">
|
||||||
|
<t-icon class="t-menu__operations-icon" name="calendar" />
|
||||||
|
</a>
|
||||||
|
<a v-else @click="backToLastPage">
|
||||||
<t-icon class="t-menu__operations-icon" name="rollback" />
|
<t-icon class="t-menu__operations-icon" name="rollback" />
|
||||||
</a>
|
</a>
|
||||||
|
<a @click="backToLogin">
|
||||||
|
<t-icon class="t-menu__operations-icon" name="logout" />
|
||||||
|
</a>
|
||||||
<t-button @click="sendTest" />
|
<t-button @click="sendTest" />
|
||||||
</template>
|
</template>
|
||||||
<!-- <template #logo>-->
|
<!-- <template #logo>-->
|
||||||
|
|
@ -248,7 +269,7 @@
|
||||||
<style scoped lang="less">
|
<style scoped lang="less">
|
||||||
.collapsed {
|
.collapsed {
|
||||||
:deep(.t-layout__sider) {
|
:deep(.t-layout__sider) {
|
||||||
@apply w-20;
|
@apply w-16;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.non-collapsed {
|
.non-collapsed {
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,38 @@
|
||||||
|
<script setup lang="ts">
|
||||||
|
const avatarURL = ref('');
|
||||||
|
useSystemStore().currentPage = 'calendar';
|
||||||
|
onMounted(async () => {
|
||||||
|
try {
|
||||||
|
avatarURL.value = (await useUserStore().getAvatarURL())!;
|
||||||
|
} catch (e) {
|
||||||
|
console.log(e);
|
||||||
|
}
|
||||||
|
console.log(avatarURL.value);
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="p-6">
|
||||||
|
<div class="flex md:flex-row flex-col">
|
||||||
|
<div class="flex-[1] m-2 max-h-80">
|
||||||
|
<div class="flex flex-row md:flex-col justify-center">
|
||||||
|
<span class="text-2xl ml-auto mr-auto md:mt-6 mt-20 mb-6"
|
||||||
|
>欢迎 {{ useUserStore().userName }}
|
||||||
|
</span>
|
||||||
|
<t-image
|
||||||
|
:src="avatarURL"
|
||||||
|
alt="头像"
|
||||||
|
:fit="'contain'"
|
||||||
|
class="max-h-80 max-w-80 m-auto"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex-[2] m-2">
|
||||||
|
<t-calendar> </t-calendar>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped lang="less"></style>
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
const x = ref();
|
useSystemStore().currentPage = 'home';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
@ -21,7 +21,9 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex-[2] m-2">
|
<div class="flex-[2] m-2">
|
||||||
<t-calendar> </t-calendar>
|
<t-card>
|
||||||
|
<t-table> </t-table>
|
||||||
|
</t-card>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,141 @@
|
||||||
|
<script setup lang="ts">
|
||||||
|
import cityData from 'public/city.json';
|
||||||
|
import cityZip from 'public/zipcode_district_data.json';
|
||||||
|
import type {
|
||||||
|
FormInstanceFunctions,
|
||||||
|
FormProps,
|
||||||
|
SelectValue,
|
||||||
|
} from 'tdesign-vue-next';
|
||||||
|
|
||||||
|
const cityDataTyped = cityData as Record<string, Record<string, string>>;
|
||||||
|
const cityZipTyped = cityZip as Record<string, string | number>;
|
||||||
|
|
||||||
|
function getZipCode(city: string): string {
|
||||||
|
for (const cityName of [
|
||||||
|
city,
|
||||||
|
city.substring(0, city.length - 1),
|
||||||
|
city.substring(0, city.length - 3),
|
||||||
|
])
|
||||||
|
if (cityZipTyped[cityName] !== undefined) {
|
||||||
|
return '' + cityZipTyped[cityName];
|
||||||
|
}
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
const store = usePeopleStore();
|
||||||
|
const { currentForm } = storeToRefs(store);
|
||||||
|
|
||||||
|
const form = ref<FormInstanceFunctions>();
|
||||||
|
const provinceIndex = ref('');
|
||||||
|
async function submit() {
|
||||||
|
// 执行提交逻辑
|
||||||
|
if (!form.value) return;
|
||||||
|
const result = await form.value.validate();
|
||||||
|
if (typeof result === 'boolean' && result) form.value.submit();
|
||||||
|
}
|
||||||
|
function resetForm() {
|
||||||
|
if (form.value) form.value.reset();
|
||||||
|
}
|
||||||
|
function changeProvince(val: SelectValue) {
|
||||||
|
setProvinceIndexByName(val as string);
|
||||||
|
currentForm.value.city = '';
|
||||||
|
currentForm.value.zip = '';
|
||||||
|
}
|
||||||
|
function setProvinceIndexByName(name: string) {
|
||||||
|
for (const [key, value] of Object.entries(cityDataTyped['00']!)) {
|
||||||
|
if (value === name) {
|
||||||
|
provinceIndex.value = key;
|
||||||
|
console.log('finish');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
submit,
|
||||||
|
resetForm,
|
||||||
|
setProvinceIndexByName,
|
||||||
|
});
|
||||||
|
|
||||||
|
const rules: FormProps['rules'] = {
|
||||||
|
date: [{ required: true, message: '请输入日期', trigger: 'blur' }],
|
||||||
|
name: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
|
||||||
|
province: [
|
||||||
|
{ required: true, message: '请输入省份', trigger: 'submit' },
|
||||||
|
{ required: true, message: '请输入省份', trigger: 'change' },
|
||||||
|
],
|
||||||
|
city: [{ required: true, message: '请输入城市', trigger: 'submit' }],
|
||||||
|
address: [{ required: true, message: '请输入地址', trigger: 'blur' }],
|
||||||
|
zip: [{ required: true, message: '请输入邮编', trigger: 'blur' }],
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<t-form
|
||||||
|
ref="form"
|
||||||
|
:rules="rules"
|
||||||
|
:data="currentForm"
|
||||||
|
@submit="
|
||||||
|
() => {
|
||||||
|
if (store.showAddPeople) store.addPeople();
|
||||||
|
else if (store.showEditPeople) store.updatePeople();
|
||||||
|
}
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<t-form-item name="date" label="日期">
|
||||||
|
<t-date-picker
|
||||||
|
v-model="currentForm.date"
|
||||||
|
class="w-80"
|
||||||
|
placeholder="请输入日期"
|
||||||
|
/>
|
||||||
|
</t-form-item>
|
||||||
|
<t-form-item name="name" label="姓名">
|
||||||
|
<t-input v-model="currentForm.name" placeholder="请输入姓名" />
|
||||||
|
</t-form-item>
|
||||||
|
<t-form-item name="province" label="省份">
|
||||||
|
<t-select
|
||||||
|
v-model="currentForm.province"
|
||||||
|
placeholder="请输入省份"
|
||||||
|
@change="changeProvince"
|
||||||
|
>
|
||||||
|
<t-option
|
||||||
|
v-for="item of cityDataTyped['00']"
|
||||||
|
:key="item"
|
||||||
|
:label="item"
|
||||||
|
:value="item"
|
||||||
|
>
|
||||||
|
{{ item }}
|
||||||
|
</t-option>
|
||||||
|
</t-select>
|
||||||
|
</t-form-item>
|
||||||
|
<t-form-item name="city" label="城市">
|
||||||
|
<t-select
|
||||||
|
v-model="currentForm.city"
|
||||||
|
placeholder="请输入城市"
|
||||||
|
:disabled="currentForm.province === ''"
|
||||||
|
@change="
|
||||||
|
(x: SelectValue) => {
|
||||||
|
currentForm.zip = getZipCode(x as string);
|
||||||
|
}
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<t-option
|
||||||
|
v-for="item of cityDataTyped[provinceIndex]"
|
||||||
|
:key="item"
|
||||||
|
:label="item"
|
||||||
|
:value="item"
|
||||||
|
>
|
||||||
|
{{ item }}
|
||||||
|
</t-option>
|
||||||
|
</t-select>
|
||||||
|
</t-form-item>
|
||||||
|
<t-form-item name="address" label="地址">
|
||||||
|
<t-input v-model="currentForm.address" placeholder="请输入地址" />
|
||||||
|
</t-form-item>
|
||||||
|
<t-form-item name="zip" label="邮编">
|
||||||
|
<t-input v-model="currentForm.zip" placeholder="请输入邮编" />
|
||||||
|
</t-form-item>
|
||||||
|
</t-form>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped lang="less"></style>
|
||||||
|
|
@ -1,16 +1,23 @@
|
||||||
<script setup lang="tsx">
|
<script setup lang="tsx">
|
||||||
import SuperTable from '~/components/SuperTable.vue';
|
import SuperTable from '~/components/SuperTable.vue';
|
||||||
import type { TableProps } from 'tdesign-vue-next';
|
import type { TableProps, TableRowData } from 'tdesign-vue-next';
|
||||||
|
import PeopleForm from '~/pages/base/index/peopleManage/components/PeopleForm.vue';
|
||||||
|
|
||||||
|
const store = usePeopleStore();
|
||||||
|
|
||||||
|
const { peopleList, pagination, situation } = storeToRefs(usePeopleStore());
|
||||||
|
|
||||||
const pagination = ref<TableProps['pagination']>({
|
|
||||||
defaultPageSize: 10,
|
|
||||||
total: 100,
|
|
||||||
defaultCurrent: 1,
|
|
||||||
});
|
|
||||||
const columns = ref<TableProps['columns']>([
|
const columns = ref<TableProps['columns']>([
|
||||||
{
|
{
|
||||||
colKey: 'index',
|
colKey: 'index',
|
||||||
title: '序号',
|
title: '序号',
|
||||||
|
cell: (_, { rowIndex }: { rowIndex: number }) => (
|
||||||
|
<div>
|
||||||
|
{(pagination.value!.current! - 1) * pagination.value!.pageSize! +
|
||||||
|
rowIndex +
|
||||||
|
1}
|
||||||
|
</div>
|
||||||
|
),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
colKey: 'date',
|
colKey: 'date',
|
||||||
|
|
@ -33,54 +40,113 @@
|
||||||
title: '地址',
|
title: '地址',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
colKey: '',
|
colKey: 'zip',
|
||||||
title: '邮编',
|
title: '邮编',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
colKey: 'operator',
|
colKey: 'operator',
|
||||||
title: '操作',
|
title: '操作',
|
||||||
cell: (_, { row }) => (
|
cell: (_, { row }) => (
|
||||||
<div>
|
<div class="w-40 flex flex-row justify-evenly">
|
||||||
<t-button onClick={() => editUser(row)}>编辑</t-button>
|
<t-button onClick={() => editUser(row)}>编辑</t-button>
|
||||||
<t-button onClick={() => deleteUser(row)}>删除</t-button>
|
<t-button onClick={() => deleteUser(row)}>删除</t-button>
|
||||||
</div>
|
</div>
|
||||||
),
|
),
|
||||||
},
|
},
|
||||||
]);
|
]);
|
||||||
const data = ref([]);
|
|
||||||
for (let i = 0; i < 30; i++) {
|
onMounted(async () => {
|
||||||
data.value.push({
|
await store.getPeopleList();
|
||||||
index: i + 1,
|
});
|
||||||
date: '2023-10-01',
|
|
||||||
name: 'John Doe',
|
onMounted(async () => {
|
||||||
province: 'Province A',
|
await store.getTotal();
|
||||||
city: 'City A',
|
});
|
||||||
address: 'Address A',
|
|
||||||
postalCode: '123456',
|
function editUser(_row: TableRowData) {
|
||||||
} as never);
|
if (form.value) form.value.resetForm();
|
||||||
|
store.currentForm = {
|
||||||
|
...peopleList.value.find((e) => e.id === _row.id)!,
|
||||||
|
} as PeopleInfo;
|
||||||
|
console.log(store.currentForm.province);
|
||||||
|
form.value?.setProvinceIndexByName(store.currentForm.province);
|
||||||
|
console.log(store.currentForm);
|
||||||
|
store.showEditPeople = true;
|
||||||
}
|
}
|
||||||
|
|
||||||
function editUser(row: never) {}
|
function deleteUser(_row: TableRowData) {
|
||||||
|
store.deletePeople(_row.id);
|
||||||
|
console.log(_row);
|
||||||
|
}
|
||||||
|
|
||||||
function deleteUser(row: never) {}
|
function pageChange(x: { current: number; pageSize: number }) {
|
||||||
|
if (pagination.value) {
|
||||||
|
pagination.value.current = x.current;
|
||||||
|
pagination.value.pageSize = x.pageSize;
|
||||||
|
store.getPeopleList();
|
||||||
|
}
|
||||||
|
console.log(store.pagination);
|
||||||
|
}
|
||||||
|
|
||||||
|
async function doSearch() {
|
||||||
|
await usePeopleStore().getTotal();
|
||||||
|
await usePeopleStore().getPeopleList();
|
||||||
|
}
|
||||||
|
|
||||||
|
const form: Ref<typeof PeopleForm | null> = ref(null);
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="p-6">
|
<div class="p-6">
|
||||||
<div class="flex justify-between p-4">
|
<div class="flex justify-between p-4">
|
||||||
<t-button>新增</t-button>
|
<t-button
|
||||||
<t-input placeholder="搜索" clearable class="max-w-60">
|
@click="
|
||||||
|
() => {
|
||||||
|
if (form) form.resetForm();
|
||||||
|
store.showAddPeople = true;
|
||||||
|
}
|
||||||
|
"
|
||||||
|
>添加新人员</t-button
|
||||||
|
>
|
||||||
|
<t-input
|
||||||
|
v-model="situation"
|
||||||
|
placeholder="搜索"
|
||||||
|
clearable
|
||||||
|
class="max-w-60"
|
||||||
|
@change="doSearch"
|
||||||
|
>
|
||||||
<template #suffixIcon>
|
<template #suffixIcon>
|
||||||
<search-icon :style="{ cursor: 'pointer' }" />
|
<search-icon :style="{ cursor: 'pointer' }" />
|
||||||
</template>
|
</template>
|
||||||
</t-input>
|
</t-input>
|
||||||
</div>
|
</div>
|
||||||
<super-table
|
<super-table
|
||||||
:data="data"
|
v-model:pagination="pagination"
|
||||||
|
:data="peopleList"
|
||||||
:columns="columns"
|
:columns="columns"
|
||||||
:loading="false"
|
:loading="false"
|
||||||
:pagination="pagination"
|
@page-change="pageChange"
|
||||||
></super-table>
|
></super-table>
|
||||||
|
<t-dialog
|
||||||
|
:visible="store.showAddPeople || store.showEditPeople"
|
||||||
|
:close-btn="true"
|
||||||
|
:confirm-btn="store.showAddPeople ? '添加' : '修改'"
|
||||||
|
cancel-btn="取消"
|
||||||
|
@confirm="form?.submit"
|
||||||
|
@close="
|
||||||
|
() => {
|
||||||
|
store.showAddPeople = false;
|
||||||
|
store.showEditPeople = false;
|
||||||
|
}
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<template #header>{{
|
||||||
|
store.showAddPeople ? '添加新人员' : '修改人员信息'
|
||||||
|
}}</template>
|
||||||
|
<template #body>
|
||||||
|
<people-form ref="form" />
|
||||||
|
</template>
|
||||||
|
</t-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,6 +3,13 @@
|
||||||
|
|
||||||
const store = useLoginStore();
|
const store = useLoginStore();
|
||||||
const { currentType, loginForm } = storeToRefs(store);
|
const { currentType, loginForm } = storeToRefs(store);
|
||||||
|
async function login() {
|
||||||
|
if (await store.login()) {
|
||||||
|
useUserStore().usernameOrEmail = loginForm.value.usernameOrEmail;
|
||||||
|
const router = useRouter();
|
||||||
|
await router.push('/base/home');
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
@ -47,17 +54,18 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-col items-center gap-4 mt-3 md:mt-0">
|
<div class="flex flex-col items-center gap-4 mt-3 md:mt-0">
|
||||||
<TInput
|
<TInput
|
||||||
v-model="loginForm.username"
|
v-model="loginForm.usernameOrEmail"
|
||||||
class="w-56"
|
class="w-56"
|
||||||
placeholder="请输入用户名"
|
placeholder="请输入用户名 / 邮箱"
|
||||||
/>
|
/>
|
||||||
<TInput
|
<TInput
|
||||||
v-model="loginForm.password"
|
v-model="loginForm.password"
|
||||||
class="w-56"
|
class="w-56"
|
||||||
type="password"
|
type="password"
|
||||||
placeholder="请输入密码"
|
placeholder="请输入密码"
|
||||||
|
@enter="login"
|
||||||
/>
|
/>
|
||||||
<TButton class="w-56" @click="store.login">登录</TButton>
|
<TButton class="w-56" @click="login">登录</TButton>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
|
|
|
||||||
|
|
@ -12,6 +12,9 @@
|
||||||
{ required: true, message: '请输入邮箱', trigger: 'blur' },
|
{ required: true, message: '请输入邮箱', trigger: 'blur' },
|
||||||
{ email: true, message: '请输入邮箱', trigger: 'change' },
|
{ email: true, message: '请输入邮箱', trigger: 'change' },
|
||||||
],
|
],
|
||||||
|
identifyingCode: [
|
||||||
|
{ required: true, message: '请输入验证码', trigger: 'blur' },
|
||||||
|
],
|
||||||
username: [{ required: true, message: '请输入用户名', trigger: 'blur' }],
|
username: [{ required: true, message: '请输入用户名', trigger: 'blur' }],
|
||||||
password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
|
password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
|
||||||
passwordRepeat: [
|
passwordRepeat: [
|
||||||
|
|
@ -25,14 +28,36 @@
|
||||||
birth: [{ required: true, message: '请输入出生日期', trigger: 'change' }],
|
birth: [{ required: true, message: '请输入出生日期', trigger: 'change' }],
|
||||||
};
|
};
|
||||||
const uploadImage = ref<UploadInstanceFunctions>();
|
const uploadImage = ref<UploadInstanceFunctions>();
|
||||||
const formInstance = ref<FormInstanceFunctions>();
|
const form = ref<FormInstanceFunctions>();
|
||||||
|
const coldTime = ref(0);
|
||||||
|
const avatarURL = ref('');
|
||||||
async function submitForm() {
|
async function submitForm() {
|
||||||
console.log(formInstance.value);
|
if (!form.value) return;
|
||||||
if (!formInstance.value) return;
|
const result = await form.value.validate();
|
||||||
const result = await formInstance.value.validate();
|
if (registerForm.value.avatarFile === '') {
|
||||||
if (typeof result === 'boolean' && result) {
|
await MessagePlugin.error('请上传头像');
|
||||||
formInstance.value.submit();
|
return;
|
||||||
}
|
}
|
||||||
|
if (typeof result === 'boolean' && result) {
|
||||||
|
form.value.submit();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
async function sendIdentifyingCode() {
|
||||||
|
if (await store.sendRegisterIdentifyingCode()) {
|
||||||
|
coldTime.value = 60;
|
||||||
|
const timer: NodeJS.Timeout = setInterval(() => {
|
||||||
|
if (coldTime.value > 0) coldTime.value--;
|
||||||
|
else {
|
||||||
|
clearInterval(timer);
|
||||||
|
}
|
||||||
|
}, 1000);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function backToLogin() {
|
||||||
|
form.value?.reset();
|
||||||
|
registerForm.value.avatarFile = '';
|
||||||
|
currentType.value = PageType.login;
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
@ -41,14 +66,25 @@
|
||||||
<div class="flex md:flex-row flex-col items-center gap-4 justify-around">
|
<div class="flex md:flex-row flex-col items-center gap-4 justify-around">
|
||||||
<div class="flex flex-col items-center gap-4 max-w-96">
|
<div class="flex flex-col items-center gap-4 max-w-96">
|
||||||
<t-form
|
<t-form
|
||||||
ref="formInstance"
|
ref="form"
|
||||||
:label-width="10"
|
:label-width="10"
|
||||||
:data="registerForm"
|
:data="registerForm"
|
||||||
:rules="rules"
|
:rules="rules"
|
||||||
@submit="() => store.register()"
|
@submit="() => store.register()"
|
||||||
>
|
>
|
||||||
<t-form-item name="email">
|
<t-form-item name="email">
|
||||||
|
<div class="flex flex-row items-center gap-2">
|
||||||
<TInput v-model="registerForm.email" placeholder="请输入邮箱" />
|
<TInput v-model="registerForm.email" placeholder="请输入邮箱" />
|
||||||
|
<TButton :disabled="coldTime > 0" @click="sendIdentifyingCode">{{
|
||||||
|
coldTime > 0 ? coldTime : '发送验证码'
|
||||||
|
}}</TButton>
|
||||||
|
</div>
|
||||||
|
</t-form-item>
|
||||||
|
<t-form-item name="identifyingCode">
|
||||||
|
<TInput
|
||||||
|
v-model="registerForm.identifyingCode"
|
||||||
|
placeholder="请输入验证码"
|
||||||
|
/>
|
||||||
</t-form-item>
|
</t-form-item>
|
||||||
<t-form-item name="username">
|
<t-form-item name="username">
|
||||||
<TInput
|
<TInput
|
||||||
|
|
@ -88,18 +124,22 @@
|
||||||
:draggable="true"
|
:draggable="true"
|
||||||
:format-response="
|
:format-response="
|
||||||
(res) => {
|
(res) => {
|
||||||
res = res as IAPIResponse<string>;
|
res = res as IAPIResponse<{
|
||||||
|
avatarFilePath: string;
|
||||||
|
avatarFileURL: string;
|
||||||
|
}>;
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
registerForm.avatarURL = res.data;
|
registerForm.avatarFile = res.data.avatarFilePath;
|
||||||
return { url: res.data };
|
avatarURL = res.data.avatarFileURL;
|
||||||
|
return { url: res.data.avatarFileURL };
|
||||||
}
|
}
|
||||||
return { fail: res.message };
|
return { fail: res.message };
|
||||||
}
|
}
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<div v-if="registerForm.avatarURL" class="aspect-square h-full">
|
<div v-if="registerForm.avatarFile" class="aspect-square h-full">
|
||||||
<t-image
|
<t-image
|
||||||
:src="registerForm.avatarURL"
|
:src="avatarURL"
|
||||||
class="w-40 h-40 object-cover rounded-md"
|
class="w-40 h-40 object-cover rounded-md"
|
||||||
fit="contain"
|
fit="contain"
|
||||||
/>
|
/>
|
||||||
|
|
@ -115,9 +155,7 @@
|
||||||
class="flex flex-row items-center bg-gray-600 w-full h-10 justify-around rounded-b-md mt-4"
|
class="flex flex-row items-center bg-gray-600 w-full h-10 justify-around rounded-b-md mt-4"
|
||||||
>
|
>
|
||||||
<button class="text-white" @click="submitForm">注册用户</button>
|
<button class="text-white" @click="submitForm">注册用户</button>
|
||||||
<button class="text-white" @click="currentType = PageType.login"
|
<button class="text-white" @click="backToLogin">返回登录 </button>
|
||||||
>返回登录
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
|
|
@ -1,47 +1,117 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
import type { FormInstanceFunctions, FormProps } from 'tdesign-vue-next';
|
||||||
const store = useLoginStore();
|
const store = useLoginStore();
|
||||||
const { currentType } = storeToRefs(store);
|
const { currentType, resetForm } = storeToRefs(store);
|
||||||
|
const form = ref<FormInstanceFunctions>();
|
||||||
|
const rules: FormProps['rules'] = {
|
||||||
|
usernameOrEmail: [
|
||||||
|
{ required: true, message: '请输入邮箱或用户名', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
identifyingCode: [
|
||||||
|
{ required: true, message: '请输入验证码', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
password: [{ required: true, message: '请输入新密码', trigger: 'blur' }],
|
||||||
|
passwordRepeat: [
|
||||||
|
{ required: true, message: '请再次输入密码', trigger: 'blur' },
|
||||||
|
{
|
||||||
|
validator: (val) => val === resetForm.value.password,
|
||||||
|
message: '两次输入密码不一致',
|
||||||
|
trigger: 'change',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
async function submit() {
|
||||||
|
if (!form.value) return;
|
||||||
|
const result = await form.value.validate();
|
||||||
|
if (typeof result === 'boolean' && result) form.value.submit();
|
||||||
|
}
|
||||||
|
const coldTime = ref(0);
|
||||||
|
async function sendIdentifyingCode() {
|
||||||
|
if (await store.sendResetIdentifyingCode()) {
|
||||||
|
coldTime.value = 60;
|
||||||
|
const timer: NodeJS.Timeout = setInterval(() => {
|
||||||
|
if (coldTime.value > 0) coldTime.value--;
|
||||||
|
else {
|
||||||
|
clearInterval(timer);
|
||||||
|
}
|
||||||
|
}, 1000);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function backToLogin() {
|
||||||
|
form.value?.reset();
|
||||||
|
currentType.value = PageType.login;
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
<div
|
<t-form
|
||||||
class="flex md:flex-row items-center md:justify-center w-full flex-col gap-4"
|
ref="form"
|
||||||
|
:label-width="10"
|
||||||
|
:data="resetForm"
|
||||||
|
:rules="rules"
|
||||||
|
class="flex flex-col items-center gap-4"
|
||||||
|
@submit="store.reset()"
|
||||||
>
|
>
|
||||||
<div class="flex flex-col items-center gap-4">
|
<div
|
||||||
|
class="flex md:flex-row items-center md:justify-center w-full flex-col gap-4 md:gap-0"
|
||||||
|
>
|
||||||
|
<div class="flex flex-col items-center gap-4 w-full">
|
||||||
<!-- <TInput class="w-56" placeholder="请输入邮箱" />-->
|
<!-- <TInput class="w-56" placeholder="请输入邮箱" />-->
|
||||||
<!-- <TButton class="w-56">发送验证码</TButton>-->
|
<!-- <TButton class="w-56">发送验证码</TButton>-->
|
||||||
<!-- <TInput class="w-56" placeholder="请输入验证码" />-->
|
<!-- <TInput class="w-56" placeholder="请输入验证码" />-->
|
||||||
<!-- <TInput class="w-56" type="password" placeholder="请输入新密码" />-->
|
<!-- <TInput class="w-56" type="password" placeholder="请输入新密码" />-->
|
||||||
<!-- <TButton class="w-56">确认</TButton>-->
|
<!-- <TButton class="w-56">确认</TButton>-->
|
||||||
<TInput class="w-56" placeholder="用户名" />
|
<t-form-item name="usernameOrEmail" class="w-64 md:w-60">
|
||||||
<TInput class="w-56" placeholder="旧密码" />
|
<div class="flex flex-row items-center gap-2 w-full">
|
||||||
|
<TInput
|
||||||
|
v-model="resetForm.usernameOrEmail"
|
||||||
|
placeholder="邮箱 / 用户名"
|
||||||
|
class="max-w-32 md:max-w-28"
|
||||||
|
/>
|
||||||
|
<TButton
|
||||||
|
:disabled="coldTime > 0"
|
||||||
|
class="w-32"
|
||||||
|
@click="sendIdentifyingCode"
|
||||||
|
>{{ coldTime > 0 ? coldTime : '发送验证码' }}</TButton
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</t-form-item>
|
||||||
|
<t-form-item name="identifyingCode" class="w-64 md:w-60">
|
||||||
|
<TInput v-model="resetForm.identifyingCode" placeholder="验证码" />
|
||||||
|
</t-form-item>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="hidden md:flex flex-col items-center gap-4 w-2/5 max-w-24 select-none"
|
class="hidden md:flex flex-col items-center gap-4 w-2/5 max-w-16 select-none"
|
||||||
>
|
>
|
||||||
<div class="w-1 h-44 bg-gray-200"></div>
|
<div class="w-1 h-44 bg-gray-200"></div>
|
||||||
<!-- <div-->
|
|
||||||
<!-- class="hidden absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full border-4 border-gray-200 w-10 h-10 bg-loginBG"-->
|
|
||||||
<!-- >-->
|
|
||||||
<!--<!– <span–>-->
|
|
||||||
<!--<!– class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-1"–>-->
|
|
||||||
<!--<!– >or–>-->
|
|
||||||
<!--<!– </span>–>-->
|
|
||||||
<!-- </div>-->
|
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-col items-center gap-4">
|
<div class="flex flex-col items-center gap-4 w-full">
|
||||||
<TInput class="w-56" placeholder="新密码" />
|
<t-form-item name="password" class="w-64 md:w-60">
|
||||||
<TInput class="w-56" placeholder="确认新密码" />
|
<TInput v-model="resetForm.password" placeholder="新密码" />
|
||||||
|
</t-form-item>
|
||||||
|
<t-form-item name="passwordRepeat" class="w-64 md:w-60">
|
||||||
|
<TInput
|
||||||
|
v-model="resetForm.passwordRepeat"
|
||||||
|
class="w-56"
|
||||||
|
placeholder="确认新密码"
|
||||||
|
/>
|
||||||
|
</t-form-item>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</t-form>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="flex flex-row items-center bg-gray-600 w-full h-10 justify-around rounded-b-md mt-4"
|
class="flex flex-row items-center bg-gray-600 w-full h-10 justify-around rounded-b-md mt-4"
|
||||||
>
|
>
|
||||||
<button class="text-white" @click="store.register()">修改密码</button>
|
<button class="text-white" @click="submit">修改密码</button>
|
||||||
<button class="text-white" @click="currentType = PageType.login"
|
<button class="text-white" @click="backToLogin">返回登录 </button>
|
||||||
>返回登录
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
<style scoped lang="less">
|
||||||
|
:deep(.t-form__item) {
|
||||||
|
@apply mb-0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -6,14 +6,6 @@
|
||||||
|
|
||||||
const store = useLoginStore();
|
const store = useLoginStore();
|
||||||
const { currentType } = storeToRefs(store);
|
const { currentType } = storeToRefs(store);
|
||||||
// watch(currentType, (val) => {
|
|
||||||
// console.log(val);
|
|
||||||
// });
|
|
||||||
|
|
||||||
onMounted(() => {
|
|
||||||
// useThemeStore().setTheme('test');
|
|
||||||
// useThemeStore().setTheme('self');
|
|
||||||
});
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,72 @@
|
||||||
|
import { APIResponseErrorException } from '~/utils/APIResponse';
|
||||||
|
|
||||||
|
const fetch = $fetch.create({
|
||||||
|
onRequest(config) {
|
||||||
|
console.log('request config', config);
|
||||||
|
},
|
||||||
|
onResponse(context) {
|
||||||
|
const response = context.response;
|
||||||
|
console.log('响应数据:', response);
|
||||||
|
console.log('data:', response._data);
|
||||||
|
const data = response._data as APIResponse<unknown>;
|
||||||
|
if (data.code !== 200) {
|
||||||
|
if (data.code === 301 || data.code === 302) {
|
||||||
|
useRouter()
|
||||||
|
.push(
|
||||||
|
data.message && data.message.length > 0 ? data.message : '/login',
|
||||||
|
)
|
||||||
|
.then();
|
||||||
|
throw new APIResponseErrorException(data);
|
||||||
|
}
|
||||||
|
if (response.status === 401) {
|
||||||
|
useRouter().push('/login').then();
|
||||||
|
throw new APIResponseErrorException(data);
|
||||||
|
}
|
||||||
|
if (data.message && data.message.length > 0)
|
||||||
|
MessagePlugin.error(data.message).then();
|
||||||
|
throw new APIResponseErrorException(data);
|
||||||
|
}
|
||||||
|
if (data.message && data.message.length > 0)
|
||||||
|
MessagePlugin.success(data.message).then();
|
||||||
|
},
|
||||||
|
onResponseError({ response }) {
|
||||||
|
console.error('响应错误:', response);
|
||||||
|
// eslint-disable-next-line no-debugger
|
||||||
|
debugger;
|
||||||
|
// 在这里可以处理错误，例如跳转到登录页面或显示错误提示
|
||||||
|
},
|
||||||
|
});
|
||||||
|
export type HTTP = {
|
||||||
|
GET: <ReturnType>(
|
||||||
|
url: string,
|
||||||
|
records?: Record<string, string>,
|
||||||
|
) => Promise<APIResponse<ReturnType>>;
|
||||||
|
POST: <ReturnType>(
|
||||||
|
url: string,
|
||||||
|
body?: object,
|
||||||
|
) => Promise<APIResponse<ReturnType>>;
|
||||||
|
};
|
||||||
|
const baseURL = '/api';
|
||||||
|
export const $http: HTTP = {
|
||||||
|
GET: async <ReturnType>(url: string, records?: Record<string, string>) => {
|
||||||
|
url = baseURL + url;
|
||||||
|
const result: APIResponse<ReturnType> = await fetch(url, {
|
||||||
|
method: 'GET',
|
||||||
|
params: records,
|
||||||
|
});
|
||||||
|
return result;
|
||||||
|
},
|
||||||
|
POST: async <ReturnType>(url: string, body?: object) => {
|
||||||
|
url = baseURL + url;
|
||||||
|
const result: APIResponse<ReturnType> = await fetch(url, {
|
||||||
|
method: 'POST',
|
||||||
|
body: body,
|
||||||
|
});
|
||||||
|
return result;
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
export default defineNuxtPlugin((nuxtApp) => {
|
||||||
|
console.log('$http', $http);
|
||||||
|
nuxtApp.provide('http', $http);
|
||||||
|
});
|
||||||
|
|
@ -1,20 +1,21 @@
|
||||||
interface RegisterData {
|
interface RegisterData {
|
||||||
email: string;
|
email: string;
|
||||||
username: string;
|
username: string;
|
||||||
|
identifyingCode: string;
|
||||||
password: string;
|
password: string;
|
||||||
passwordRepeat: string;
|
passwordRepeat: string;
|
||||||
birth: string;
|
birth: string;
|
||||||
avatarURL: string;
|
avatarFile: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
interface LoginData {
|
interface LoginData {
|
||||||
username: string;
|
usernameOrEmail: string;
|
||||||
password: string;
|
password: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
interface resetData {
|
interface resetData {
|
||||||
username: string;
|
usernameOrEmail: string;
|
||||||
oldPassword: string;
|
identifyingCode: string;
|
||||||
password: string;
|
password: string;
|
||||||
passwordRepeat: string;
|
passwordRepeat: string;
|
||||||
}
|
}
|
||||||
|
|
@ -34,18 +35,19 @@ export interface LoginStore {
|
||||||
|
|
||||||
export const useLoginStore = defineStore('Login', {
|
export const useLoginStore = defineStore('Login', {
|
||||||
state: (): LoginStore => ({
|
state: (): LoginStore => ({
|
||||||
loginForm: { username: '', password: '' },
|
loginForm: { usernameOrEmail: '', password: '' },
|
||||||
registerForm: {
|
registerForm: {
|
||||||
email: '',
|
email: '',
|
||||||
|
identifyingCode: '',
|
||||||
username: '',
|
username: '',
|
||||||
password: '',
|
password: '',
|
||||||
passwordRepeat: '',
|
passwordRepeat: '',
|
||||||
birth: '',
|
birth: '',
|
||||||
avatarURL: '',
|
avatarFile: '',
|
||||||
},
|
},
|
||||||
resetForm: {
|
resetForm: {
|
||||||
username: '',
|
usernameOrEmail: '',
|
||||||
oldPassword: '',
|
identifyingCode: '',
|
||||||
password: '',
|
password: '',
|
||||||
passwordRepeat: '',
|
passwordRepeat: '',
|
||||||
},
|
},
|
||||||
|
|
@ -53,15 +55,83 @@ export const useLoginStore = defineStore('Login', {
|
||||||
}),
|
}),
|
||||||
actions: {
|
actions: {
|
||||||
async login() {
|
async login() {
|
||||||
console.log(this.loginForm);
|
const { $http } = useNuxtApp();
|
||||||
const router = useRouter();
|
try {
|
||||||
await router.push('/base/home');
|
await $http.POST('/login/', this.loginForm);
|
||||||
|
} catch {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
},
|
||||||
|
async sendRegisterIdentifyingCode(): Promise<boolean> {
|
||||||
|
const email = this.registerForm.email;
|
||||||
|
if (email === '') {
|
||||||
|
await MessagePlugin.error('请输入邮箱');
|
||||||
|
return false;
|
||||||
|
} else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
|
||||||
|
await MessagePlugin.error('请输入正确的邮箱');
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
const { $http } = useNuxtApp();
|
||||||
|
let result: APIResponse<unknown>;
|
||||||
|
try {
|
||||||
|
result = await $http.GET('/login/register/identifyingCode', {
|
||||||
|
email: email,
|
||||||
|
});
|
||||||
|
} catch (e) {
|
||||||
|
console.log(e);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if (result.code === 200) {
|
||||||
|
return true;
|
||||||
|
} else {
|
||||||
|
await MessagePlugin.error(result.message);
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
async sendResetIdentifyingCode(): Promise<boolean> {
|
||||||
|
const { $http } = useNuxtApp();
|
||||||
|
const usernameOrEmail = this.resetForm.usernameOrEmail;
|
||||||
|
if (usernameOrEmail === '') {
|
||||||
|
await MessagePlugin.error('请输入用户名或邮箱');
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
const result = await $http.GET('/login/passwordReset/identifyingCode', {
|
||||||
|
usernameOrEmail: usernameOrEmail,
|
||||||
|
});
|
||||||
|
if (result.code === 200) {
|
||||||
|
return true;
|
||||||
|
} else {
|
||||||
|
await MessagePlugin.error(result.message);
|
||||||
|
}
|
||||||
|
return false;
|
||||||
},
|
},
|
||||||
async register() {
|
async register() {
|
||||||
console.log(this.registerForm);
|
const { $http } = useNuxtApp();
|
||||||
|
try {
|
||||||
|
await $http.POST('/login/register', this.registerForm);
|
||||||
|
} catch {
|
||||||
|
return;
|
||||||
|
}
|
||||||
},
|
},
|
||||||
async reset() {
|
async reset() {
|
||||||
console.log(this.resetForm);
|
console.log(this.resetForm);
|
||||||
|
const { $http } = useNuxtApp();
|
||||||
|
try {
|
||||||
|
await $http.POST('/login/passwordReset', this.resetForm);
|
||||||
|
} catch {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async logout() {
|
||||||
|
const { $http } = useNuxtApp();
|
||||||
|
try {
|
||||||
|
await $http.GET('/login/logout');
|
||||||
|
} catch {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const router = useRouter();
|
||||||
|
await router.push('/login');
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
getters: {
|
getters: {
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,124 @@
|
||||||
|
export interface PeopleInfo {
|
||||||
|
id: number;
|
||||||
|
date: string;
|
||||||
|
name: string;
|
||||||
|
province: string;
|
||||||
|
city: string;
|
||||||
|
address: string;
|
||||||
|
zip: string;
|
||||||
|
}
|
||||||
|
export interface BasicPagination {
|
||||||
|
current: number;
|
||||||
|
pageSize: number;
|
||||||
|
defaultPageSize: number;
|
||||||
|
total: number;
|
||||||
|
defaultCurrent: number;
|
||||||
|
}
|
||||||
|
export interface PeopleState {
|
||||||
|
peopleList: PeopleInfo[];
|
||||||
|
showAddPeople: boolean;
|
||||||
|
showEditPeople: boolean;
|
||||||
|
situation: string;
|
||||||
|
pagination: BasicPagination;
|
||||||
|
currentForm: PeopleInfo;
|
||||||
|
}
|
||||||
|
export const usePeopleStore = defineStore('People', {
|
||||||
|
state: (): PeopleState => ({
|
||||||
|
peopleList: [],
|
||||||
|
showAddPeople: false,
|
||||||
|
showEditPeople: false,
|
||||||
|
situation: '',
|
||||||
|
pagination: {
|
||||||
|
current: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
defaultPageSize: 10,
|
||||||
|
total: 0,
|
||||||
|
defaultCurrent: 1,
|
||||||
|
},
|
||||||
|
currentForm: {
|
||||||
|
id: 0,
|
||||||
|
date: '',
|
||||||
|
name: '',
|
||||||
|
province: '',
|
||||||
|
city: '',
|
||||||
|
address: '',
|
||||||
|
zip: '',
|
||||||
|
},
|
||||||
|
}),
|
||||||
|
actions: {
|
||||||
|
async getPeopleList() {
|
||||||
|
const { $http } = useNuxtApp();
|
||||||
|
try {
|
||||||
|
const res = await $http.GET<{ records: PeopleInfo[] }>(
|
||||||
|
'/userManager/page',
|
||||||
|
{
|
||||||
|
page: '' + this.pagination!.current,
|
||||||
|
size: '' + this.pagination!.pageSize,
|
||||||
|
situation: this.situation,
|
||||||
|
},
|
||||||
|
);
|
||||||
|
this.peopleList = res.data.records;
|
||||||
|
console.log(this.peopleList);
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error fetching people list:', error);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async getTotal() {
|
||||||
|
const { $http } = useNuxtApp();
|
||||||
|
try {
|
||||||
|
const res = await $http.GET<number>('/userManager/total', {
|
||||||
|
situation: this.situation,
|
||||||
|
});
|
||||||
|
this.pagination!.total = res.data;
|
||||||
|
if (
|
||||||
|
(this.pagination!.current - 1) * this.pagination!.pageSize >
|
||||||
|
this.pagination!.total
|
||||||
|
) {
|
||||||
|
this.pagination!.current = Math.ceil(
|
||||||
|
this.pagination!.total / this.pagination!.pageSize,
|
||||||
|
);
|
||||||
|
this.getPeopleList();
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async addPeople() {
|
||||||
|
console.log('add');
|
||||||
|
const { $http } = useNuxtApp();
|
||||||
|
try {
|
||||||
|
await $http.POST('/userManager/addUser', this.currentForm);
|
||||||
|
this.getTotal();
|
||||||
|
this.getPeopleList();
|
||||||
|
} catch (error) {
|
||||||
|
await MessagePlugin.error('Error adding people:' + error);
|
||||||
|
}
|
||||||
|
this.showEditPeople = false;
|
||||||
|
this.showAddPeople = false;
|
||||||
|
},
|
||||||
|
|
||||||
|
async updatePeople() {
|
||||||
|
const { $http } = useNuxtApp();
|
||||||
|
try {
|
||||||
|
await $http.POST('/userManager/updateUser', this.currentForm);
|
||||||
|
this.getTotal();
|
||||||
|
this.getPeopleList();
|
||||||
|
} catch (error) {
|
||||||
|
await MessagePlugin.error('Error updating people:' + error);
|
||||||
|
}
|
||||||
|
this.showEditPeople = false;
|
||||||
|
this.showAddPeople = false;
|
||||||
|
},
|
||||||
|
|
||||||
|
async deletePeople(peopleId: number) {
|
||||||
|
const { $http } = useNuxtApp();
|
||||||
|
try {
|
||||||
|
await $http.GET('/userManager/deleteUser', { id: '' + peopleId });
|
||||||
|
this.getTotal();
|
||||||
|
this.getPeopleList();
|
||||||
|
} catch (error) {
|
||||||
|
await MessagePlugin.error('Error deleting people:' + error);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
@ -1,14 +1,53 @@
|
||||||
export interface UserState {
|
export interface UserInfo {
|
||||||
userId: string;
|
userId: string;
|
||||||
userName: string;
|
userName: string;
|
||||||
userEmail: string;
|
userEmail: string;
|
||||||
userAvatar: string;
|
userAvatar: string;
|
||||||
|
userAmount: string;
|
||||||
|
lastGetTime: Date;
|
||||||
|
}
|
||||||
|
export interface UserState extends UserInfo {
|
||||||
|
usernameOrEmail: string;
|
||||||
}
|
}
|
||||||
export const useUserStore = defineStore('User', {
|
export const useUserStore = defineStore('User', {
|
||||||
state: (): UserState => ({
|
state: (): UserState => ({
|
||||||
|
usernameOrEmail: '',
|
||||||
userId: '',
|
userId: '',
|
||||||
userName: '李晨鑫',
|
userName: '',
|
||||||
userEmail: '',
|
userEmail: '',
|
||||||
userAvatar: '',
|
userAvatar: '',
|
||||||
|
userAmount: '',
|
||||||
|
lastGetTime: new Date(),
|
||||||
}),
|
}),
|
||||||
|
actions: {
|
||||||
|
async getUserInfo() {
|
||||||
|
const { $http } = useNuxtApp();
|
||||||
|
try {
|
||||||
|
const res = await $http.GET<UserInfo>('/user/info');
|
||||||
|
console.log(res.data);
|
||||||
|
this.userId = res.data.userId;
|
||||||
|
this.userName = res.data.userName;
|
||||||
|
this.userEmail = res.data.userEmail;
|
||||||
|
this.userAvatar = res.data.userAvatar;
|
||||||
|
this.userAmount = '500';
|
||||||
|
this.lastGetTime = new Date();
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error fetching user info:', error);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async getAvatarURL() {
|
||||||
|
const now = new Date();
|
||||||
|
if (now.getTime() - this.lastGetTime.getTime() < 1000 * 60 * 9) {
|
||||||
|
return this.userAvatar;
|
||||||
|
}
|
||||||
|
this.lastGetTime = now;
|
||||||
|
const { $http } = useNuxtApp();
|
||||||
|
try {
|
||||||
|
const res = await $http.GET<string>('/user/avatar');
|
||||||
|
this.userAvatar = res.data;
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error fetching user avatar:', error);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -7,106 +7,25 @@
|
||||||
export {}
|
export {}
|
||||||
declare global {
|
declare global {
|
||||||
const APIResponse: typeof import('../utils/APIResponse')['APIResponse']
|
const APIResponse: typeof import('../utils/APIResponse')['APIResponse']
|
||||||
const ApolloError: (typeof import('@apollo/client/core'))['ApolloError']
|
const APIResponseErrorException: typeof import('../utils/APIResponse')['APIResponseErrorException']
|
||||||
const EffectScope: (typeof import('vue'))['EffectScope']
|
|
||||||
const NetworkStatus: (typeof import('@apollo/client/core'))['NetworkStatus']
|
|
||||||
const PageType: typeof import('../stores/login')['PageType']
|
const PageType: typeof import('../stores/login')['PageType']
|
||||||
const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
|
const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
|
||||||
const computed: (typeof import('vue'))['computed']
|
|
||||||
const createApp: (typeof import('vue'))['createApp']
|
|
||||||
const createPinia: typeof import('pinia')['createPinia']
|
const createPinia: typeof import('pinia')['createPinia']
|
||||||
const customRef: (typeof import('vue'))['customRef']
|
|
||||||
const defineAsyncComponent: (typeof import('vue'))['defineAsyncComponent']
|
|
||||||
const defineComponent: (typeof import('vue'))['defineComponent']
|
|
||||||
const defineStore: typeof import('pinia')['defineStore']
|
const defineStore: typeof import('pinia')['defineStore']
|
||||||
const effectScope: (typeof import('vue'))['effectScope']
|
|
||||||
const getActivePinia: typeof import('pinia')['getActivePinia']
|
const getActivePinia: typeof import('pinia')['getActivePinia']
|
||||||
const getCurrentInstance: (typeof import('vue'))['getCurrentInstance']
|
|
||||||
const getCurrentScope: (typeof import('vue'))['getCurrentScope']
|
|
||||||
const h: (typeof import('vue'))['h']
|
|
||||||
const inject: (typeof import('vue'))['inject']
|
|
||||||
const isProxy: (typeof import('vue'))['isProxy']
|
|
||||||
const isReactive: (typeof import('vue'))['isReactive']
|
|
||||||
const isReadonly: (typeof import('vue'))['isReadonly']
|
|
||||||
const isRef: (typeof import('vue'))['isRef']
|
|
||||||
const mapActions: typeof import('pinia')['mapActions']
|
const mapActions: typeof import('pinia')['mapActions']
|
||||||
const mapGetters: typeof import('pinia')['mapGetters']
|
const mapGetters: typeof import('pinia')['mapGetters']
|
||||||
const mapState: typeof import('pinia')['mapState']
|
const mapState: typeof import('pinia')['mapState']
|
||||||
const mapStores: typeof import('pinia')['mapStores']
|
const mapStores: typeof import('pinia')['mapStores']
|
||||||
const mapWritableState: typeof import('pinia')['mapWritableState']
|
const mapWritableState: typeof import('pinia')['mapWritableState']
|
||||||
const markRaw: (typeof import('vue'))['markRaw']
|
|
||||||
const nextTick: (typeof import('vue'))['nextTick']
|
|
||||||
const onActivated: (typeof import('vue'))['onActivated']
|
|
||||||
const onAddToFavorites: (typeof import('@dcloudio/uni-app'))['onAddToFavorites']
|
|
||||||
const onBackPress: (typeof import('@dcloudio/uni-app'))['onBackPress']
|
|
||||||
const onBeforeMount: (typeof import('vue'))['onBeforeMount']
|
|
||||||
const onBeforeUnmount: (typeof import('vue'))['onBeforeUnmount']
|
|
||||||
const onBeforeUpdate: (typeof import('vue'))['onBeforeUpdate']
|
|
||||||
const onDeactivated: (typeof import('vue'))['onDeactivated']
|
|
||||||
const onError: (typeof import('@dcloudio/uni-app'))['onError']
|
|
||||||
const onErrorCaptured: (typeof import('vue'))['onErrorCaptured']
|
|
||||||
const onHide: (typeof import('@dcloudio/uni-app'))['onHide']
|
|
||||||
const onLaunch: (typeof import('@dcloudio/uni-app'))['onLaunch']
|
|
||||||
const onLoad: (typeof import('@dcloudio/uni-app'))['onLoad']
|
|
||||||
const onMounted: (typeof import('vue'))['onMounted']
|
|
||||||
const onNavigationBarButtonTap: (typeof import('@dcloudio/uni-app'))['onNavigationBarButtonTap']
|
|
||||||
const onNavigationBarSearchInputChanged: (typeof import('@dcloudio/uni-app'))['onNavigationBarSearchInputChanged']
|
|
||||||
const onNavigationBarSearchInputClicked: (typeof import('@dcloudio/uni-app'))['onNavigationBarSearchInputClicked']
|
|
||||||
const onNavigationBarSearchInputConfirmed: (typeof import('@dcloudio/uni-app'))['onNavigationBarSearchInputConfirmed']
|
|
||||||
const onNavigationBarSearchInputFocusChanged: (typeof import('@dcloudio/uni-app'))['onNavigationBarSearchInputFocusChanged']
|
|
||||||
const onPageNotFound: (typeof import('@dcloudio/uni-app'))['onPageNotFound']
|
|
||||||
const onPageScroll: (typeof import('@dcloudio/uni-app'))['onPageScroll']
|
|
||||||
const onPullDownRefresh: (typeof import('@dcloudio/uni-app'))['onPullDownRefresh']
|
|
||||||
const onReachBottom: (typeof import('@dcloudio/uni-app'))['onReachBottom']
|
|
||||||
const onReady: (typeof import('@dcloudio/uni-app'))['onReady']
|
|
||||||
const onRenderTracked: (typeof import('vue'))['onRenderTracked']
|
|
||||||
const onRenderTriggered: (typeof import('vue'))['onRenderTriggered']
|
|
||||||
const onResize: (typeof import('@dcloudio/uni-app'))['onResize']
|
|
||||||
const onScopeDispose: (typeof import('vue'))['onScopeDispose']
|
|
||||||
const onServerPrefetch: (typeof import('vue'))['onServerPrefetch']
|
|
||||||
const onShareAppMessage: (typeof import('@dcloudio/uni-app'))['onShareAppMessage']
|
|
||||||
const onShareTimeline: (typeof import('@dcloudio/uni-app'))['onShareTimeline']
|
|
||||||
const onShow: (typeof import('@dcloudio/uni-app'))['onShow']
|
|
||||||
const onTabItemTap: (typeof import('@dcloudio/uni-app'))['onTabItemTap']
|
|
||||||
const onThemeChange: (typeof import('@dcloudio/uni-app'))['onThemeChange']
|
|
||||||
const onUnhandledRejection: (typeof import('@dcloudio/uni-app'))['onUnhandledRejection']
|
|
||||||
const onUnload: (typeof import('@dcloudio/uni-app'))['onUnload']
|
|
||||||
const onUnmounted: (typeof import('vue'))['onUnmounted']
|
|
||||||
const onUpdated: (typeof import('vue'))['onUpdated']
|
|
||||||
const produce: (typeof import('immer'))['produce']
|
|
||||||
const provide: (typeof import('vue'))['provide']
|
|
||||||
const reactive: (typeof import('vue'))['reactive']
|
|
||||||
const readonly: (typeof import('vue'))['readonly']
|
|
||||||
const ref: (typeof import('vue'))['ref']
|
|
||||||
const resolveComponent: (typeof import('vue'))['resolveComponent']
|
|
||||||
const setActivePinia: typeof import('pinia')['setActivePinia']
|
const setActivePinia: typeof import('pinia')['setActivePinia']
|
||||||
const setMapStoreSuffix: typeof import('pinia')['setMapStoreSuffix']
|
const setMapStoreSuffix: typeof import('pinia')['setMapStoreSuffix']
|
||||||
const shallowReactive: (typeof import('vue'))['shallowReactive']
|
|
||||||
const shallowReadonly: (typeof import('vue'))['shallowReadonly']
|
|
||||||
const shallowRef: (typeof import('vue'))['shallowRef']
|
|
||||||
const storeToRefs: typeof import('pinia')['storeToRefs']
|
const storeToRefs: typeof import('pinia')['storeToRefs']
|
||||||
const toRaw: (typeof import('vue'))['toRaw']
|
|
||||||
const toRef: (typeof import('vue'))['toRef']
|
|
||||||
const toRefs: (typeof import('vue'))['toRefs']
|
|
||||||
const toValue: (typeof import('vue'))['toValue']
|
|
||||||
const triggerRef: (typeof import('vue'))['triggerRef']
|
|
||||||
const unref: (typeof import('vue'))['unref']
|
|
||||||
const useApolloClient: (typeof import('@vue/apollo-composable'))['useApolloClient']
|
|
||||||
const useAttrs: (typeof import('vue'))['useAttrs']
|
|
||||||
const useCssModule: (typeof import('vue'))['useCssModule']
|
|
||||||
const useCssVars: (typeof import('vue'))['useCssVars']
|
|
||||||
const useLazyQuery: (typeof import('@vue/apollo-composable'))['useLazyQuery']
|
|
||||||
const useLoginStore: typeof import('../stores/login')['useLoginStore']
|
const useLoginStore: typeof import('../stores/login')['useLoginStore']
|
||||||
const useMutation: (typeof import('@vue/apollo-composable'))['useMutation']
|
const usePeopleStore: typeof import('../stores/people')['usePeopleStore']
|
||||||
const useQuery: (typeof import('@vue/apollo-composable'))['useQuery']
|
|
||||||
const useSlots: (typeof import('vue'))['useSlots']
|
|
||||||
const useSystemStore: typeof import('../stores/system')['useSystemStore']
|
const useSystemStore: typeof import('../stores/system')['useSystemStore']
|
||||||
const useThemeStore: typeof import('../hooks/useTheme')['useThemeStore']
|
const useThemeStore: typeof import('../hooks/useTheme')['useThemeStore']
|
||||||
const useUserStore: typeof import('../stores/user')['useUserStore']
|
const useUserStore: typeof import('../stores/user')['useUserStore']
|
||||||
const watch: (typeof import('vue'))['watch']
|
|
||||||
const watchEffect: (typeof import('vue'))['watchEffect']
|
|
||||||
const watchPostEffect: (typeof import('vue'))['watchPostEffect']
|
|
||||||
const watchSyncEffect: (typeof import('vue'))['watchSyncEffect']
|
|
||||||
}
|
}
|
||||||
// for type re-export
|
// for type re-export
|
||||||
declare global {
|
declare global {
|
||||||
|
|
@ -114,13 +33,16 @@ declare global {
|
||||||
export type { PageType, LoginStore } from '../stores/login'
|
export type { PageType, LoginStore } from '../stores/login'
|
||||||
import('../stores/login')
|
import('../stores/login')
|
||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
|
export type { PeopleInfo, BasicPagination, PeopleState } from '../stores/people'
|
||||||
|
import('../stores/people')
|
||||||
|
// @ts-ignore
|
||||||
export type { SystemStore } from '../stores/system'
|
export type { SystemStore } from '../stores/system'
|
||||||
import('../stores/system')
|
import('../stores/system')
|
||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
export type { UserState } from '../stores/user'
|
export type { UserInfo, UserState } from '../stores/user'
|
||||||
import('../stores/user')
|
import('../stores/user')
|
||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
export type { APIResponse, IAPIResponse } from '../utils/APIResponse'
|
export type { APIResponse, APIResponseErrorException, IAPIResponse } from '../utils/APIResponse'
|
||||||
import('../utils/APIResponse')
|
import('../utils/APIResponse')
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -130,6 +52,7 @@ declare module 'vue' {
|
||||||
interface GlobalComponents {}
|
interface GlobalComponents {}
|
||||||
interface ComponentCustomProperties {
|
interface ComponentCustomProperties {
|
||||||
readonly APIResponse: UnwrapRef<typeof import('../utils/APIResponse')['APIResponse']>
|
readonly APIResponse: UnwrapRef<typeof import('../utils/APIResponse')['APIResponse']>
|
||||||
|
readonly APIResponseErrorException: UnwrapRef<typeof import('../utils/APIResponse')['APIResponseErrorException']>
|
||||||
readonly PageType: UnwrapRef<typeof import('../stores/login')['PageType']>
|
readonly PageType: UnwrapRef<typeof import('../stores/login')['PageType']>
|
||||||
readonly acceptHMRUpdate: UnwrapRef<typeof import('pinia')['acceptHMRUpdate']>
|
readonly acceptHMRUpdate: UnwrapRef<typeof import('pinia')['acceptHMRUpdate']>
|
||||||
readonly createPinia: UnwrapRef<typeof import('pinia')['createPinia']>
|
readonly createPinia: UnwrapRef<typeof import('pinia')['createPinia']>
|
||||||
|
|
@ -144,6 +67,7 @@ declare module 'vue' {
|
||||||
readonly setMapStoreSuffix: UnwrapRef<typeof import('pinia')['setMapStoreSuffix']>
|
readonly setMapStoreSuffix: UnwrapRef<typeof import('pinia')['setMapStoreSuffix']>
|
||||||
readonly storeToRefs: UnwrapRef<typeof import('pinia')['storeToRefs']>
|
readonly storeToRefs: UnwrapRef<typeof import('pinia')['storeToRefs']>
|
||||||
readonly useLoginStore: UnwrapRef<typeof import('../stores/login')['useLoginStore']>
|
readonly useLoginStore: UnwrapRef<typeof import('../stores/login')['useLoginStore']>
|
||||||
|
readonly usePeopleStore: UnwrapRef<typeof import('../stores/people')['usePeopleStore']>
|
||||||
readonly useSystemStore: UnwrapRef<typeof import('../stores/system')['useSystemStore']>
|
readonly useSystemStore: UnwrapRef<typeof import('../stores/system')['useSystemStore']>
|
||||||
readonly useThemeStore: UnwrapRef<typeof import('../hooks/useTheme')['useThemeStore']>
|
readonly useThemeStore: UnwrapRef<typeof import('../hooks/useTheme')['useThemeStore']>
|
||||||
readonly useUserStore: UnwrapRef<typeof import('../stores/user')['useUserStore']>
|
readonly useUserStore: UnwrapRef<typeof import('../stores/user')['useUserStore']>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
// 文件：types/nuxt.d.ts
|
||||||
|
import type { HTTP } from '~/plugins/http';
|
||||||
|
|
||||||
|
declare module '#app' {
|
||||||
|
interface NuxtApp {
|
||||||
|
$http: HTTP;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
declare module 'vue' {
|
||||||
|
interface ComponentCustomProperties {
|
||||||
|
$http: HTTP;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -8,3 +8,18 @@ export class APIResponse<T> implements IAPIResponse<T> {
|
||||||
message: string = '';
|
message: string = '';
|
||||||
data: T = undefined as T;
|
data: T = undefined as T;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export class APIResponseErrorException<T>
|
||||||
|
extends Error
|
||||||
|
implements IAPIResponse<T>
|
||||||
|
{
|
||||||
|
code: number;
|
||||||
|
override message: string;
|
||||||
|
data: T = undefined as T;
|
||||||
|
constructor(apiResponse: APIResponse<T>) {
|
||||||
|
super();
|
||||||
|
this.code = apiResponse.code;
|
||||||
|
this.message = apiResponse.message;
|
||||||
|
this.data = apiResponse.data;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,7 @@ export default defineNuxtConfig({
|
||||||
transpile: ['tdesign-vue-next'],
|
transpile: ['tdesign-vue-next'],
|
||||||
},
|
},
|
||||||
|
|
||||||
plugins: [],
|
plugins: ['~/plugins/http.ts'],
|
||||||
|
|
||||||
tailwindcss: {
|
tailwindcss: {
|
||||||
configPath: './app/tailwind.config.js',
|
configPath: './app/tailwind.config.js',
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,475 @@
|
||||||
|
{
|
||||||
|
"00": {
|
||||||
|
"1": "北京",
|
||||||
|
"2": "天津",
|
||||||
|
"3": "河北省",
|
||||||
|
"4": "山西省",
|
||||||
|
"5": "内蒙古自治区",
|
||||||
|
"6": "辽宁省",
|
||||||
|
"7": "吉林省",
|
||||||
|
"8": "黑龙江省",
|
||||||
|
"9": "上海",
|
||||||
|
"10": "江苏省",
|
||||||
|
"11": "浙江省",
|
||||||
|
"12": "安徽省",
|
||||||
|
"13": "福建省",
|
||||||
|
"14": "江西省",
|
||||||
|
"15": "山东省",
|
||||||
|
"16": "河南省",
|
||||||
|
"17": "湖北省",
|
||||||
|
"18": "湖南省",
|
||||||
|
"19": "广东省",
|
||||||
|
"20": "广西壮族自治区",
|
||||||
|
"21": "海南省",
|
||||||
|
"22": "重庆",
|
||||||
|
"23": "四川省",
|
||||||
|
"24": "贵州省",
|
||||||
|
"25": "云南省",
|
||||||
|
"26": "西藏自治区",
|
||||||
|
"27": "陕西省",
|
||||||
|
"28": "甘肃省",
|
||||||
|
"29": "青海省",
|
||||||
|
"30": "宁夏回族自治区",
|
||||||
|
"31": "新疆维吾尔自治区",
|
||||||
|
"32": "台湾",
|
||||||
|
"33": "香港特别行政区",
|
||||||
|
"34": "澳门特别行政区",
|
||||||
|
"35": "海外"
|
||||||
|
},
|
||||||
|
"1": {
|
||||||
|
"36": "北京市"
|
||||||
|
},
|
||||||
|
"2": {
|
||||||
|
"37": "天津市"
|
||||||
|
},
|
||||||
|
"3": {
|
||||||
|
"38": "石家庄市",
|
||||||
|
"39": "唐山市",
|
||||||
|
"40": "秦皇岛市",
|
||||||
|
"41": "邯郸市",
|
||||||
|
"42": "邢台市",
|
||||||
|
"43": "保定市",
|
||||||
|
"44": "张家口市",
|
||||||
|
"45": "承德市",
|
||||||
|
"46": "沧州市",
|
||||||
|
"47": "廊坊市",
|
||||||
|
"48": "衡水市"
|
||||||
|
},
|
||||||
|
"4": {
|
||||||
|
"49": "太原市",
|
||||||
|
"50": "大同市",
|
||||||
|
"51": "阳泉市",
|
||||||
|
"52": "长治市",
|
||||||
|
"53": "晋城市",
|
||||||
|
"54": "朔州市",
|
||||||
|
"55": "晋中市",
|
||||||
|
"56": "运城市",
|
||||||
|
"57": "忻州市",
|
||||||
|
"58": "临汾市",
|
||||||
|
"59": "吕梁市"
|
||||||
|
},
|
||||||
|
"5": {
|
||||||
|
"60": "呼和浩特市",
|
||||||
|
"61": "包头市",
|
||||||
|
"62": "乌海市",
|
||||||
|
"63": "赤峰市",
|
||||||
|
"64": "通辽市",
|
||||||
|
"65": "鄂尔多斯市",
|
||||||
|
"66": "呼伦贝尔市",
|
||||||
|
"67": "巴彦淖尔市",
|
||||||
|
"68": "乌兰察布市",
|
||||||
|
"69": "兴安盟",
|
||||||
|
"70": "锡林郭勒盟",
|
||||||
|
"71": "阿拉善盟"
|
||||||
|
},
|
||||||
|
"6": {
|
||||||
|
"72": "沈阳市",
|
||||||
|
"73": "大连市",
|
||||||
|
"74": "鞍山市",
|
||||||
|
"75": "抚顺市",
|
||||||
|
"76": "本溪市",
|
||||||
|
"77": "丹东市",
|
||||||
|
"78": "锦州市",
|
||||||
|
"79": "营口市",
|
||||||
|
"80": "阜新市",
|
||||||
|
"81": "辽阳市",
|
||||||
|
"82": "盘锦市",
|
||||||
|
"83": "铁岭市",
|
||||||
|
"84": "朝阳市",
|
||||||
|
"85": "葫芦岛市"
|
||||||
|
},
|
||||||
|
"7": {
|
||||||
|
"86": "长春市",
|
||||||
|
"87": "吉林市",
|
||||||
|
"88": "四平市",
|
||||||
|
"89": "辽源市",
|
||||||
|
"90": "通化市",
|
||||||
|
"91": "白山市",
|
||||||
|
"92": "松原市",
|
||||||
|
"93": "白城市",
|
||||||
|
"94": "延边朝鲜族自治州"
|
||||||
|
},
|
||||||
|
"8": {
|
||||||
|
"95": "哈尔滨市",
|
||||||
|
"96": "齐齐哈尔市",
|
||||||
|
"97": "鸡西市",
|
||||||
|
"98": "鹤岗市",
|
||||||
|
"99": "双鸭山市",
|
||||||
|
"100": "大庆市",
|
||||||
|
"101": "伊春市",
|
||||||
|
"102": "佳木斯市",
|
||||||
|
"103": "七台河市",
|
||||||
|
"104": "牡丹江市",
|
||||||
|
"105": "黑河市",
|
||||||
|
"106": "绥化市",
|
||||||
|
"107": "大兴安岭地区"
|
||||||
|
},
|
||||||
|
"9": {
|
||||||
|
"108": "上海市"
|
||||||
|
},
|
||||||
|
"10": {
|
||||||
|
"109": "南京市",
|
||||||
|
"110": "无锡市",
|
||||||
|
"111": "徐州市",
|
||||||
|
"112": "常州市",
|
||||||
|
"113": "苏州市",
|
||||||
|
"114": "南通市",
|
||||||
|
"115": "连云港市",
|
||||||
|
"116": "淮安市",
|
||||||
|
"117": "盐城市",
|
||||||
|
"118": "扬州市",
|
||||||
|
"119": "镇江市",
|
||||||
|
"120": "泰州市",
|
||||||
|
"121": "宿迁市"
|
||||||
|
},
|
||||||
|
"11": {
|
||||||
|
"122": "杭州市",
|
||||||
|
"123": "宁波市",
|
||||||
|
"124": "温州市",
|
||||||
|
"125": "嘉兴市",
|
||||||
|
"126": "湖州市",
|
||||||
|
"127": "绍兴市",
|
||||||
|
"128": "金华市",
|
||||||
|
"129": "衢州市",
|
||||||
|
"130": "舟山市",
|
||||||
|
"131": "台州市",
|
||||||
|
"132": "丽水市"
|
||||||
|
},
|
||||||
|
"12": {
|
||||||
|
"133": "合肥市",
|
||||||
|
"134": "芜湖市",
|
||||||
|
"135": "蚌埠市",
|
||||||
|
"136": "淮南市",
|
||||||
|
"137": "马鞍山市",
|
||||||
|
"138": "淮北市",
|
||||||
|
"139": "铜陵市",
|
||||||
|
"140": "安庆市",
|
||||||
|
"141": "黄山市",
|
||||||
|
"142": "滁州市",
|
||||||
|
"143": "阜阳市",
|
||||||
|
"144": "宿州市",
|
||||||
|
"145": "六安市",
|
||||||
|
"146": "亳州市",
|
||||||
|
"147": "池州市",
|
||||||
|
"148": "宣城市"
|
||||||
|
},
|
||||||
|
"13": {
|
||||||
|
"149": "福州市",
|
||||||
|
"150": "厦门市",
|
||||||
|
"151": "莆田市",
|
||||||
|
"152": "三明市",
|
||||||
|
"153": "泉州市",
|
||||||
|
"154": "漳州市",
|
||||||
|
"155": "南平市",
|
||||||
|
"156": "龙岩市",
|
||||||
|
"157": "宁德市"
|
||||||
|
},
|
||||||
|
"14": {
|
||||||
|
"158": "南昌市",
|
||||||
|
"159": "景德镇市",
|
||||||
|
"160": "萍乡市",
|
||||||
|
"161": "九江市",
|
||||||
|
"162": "新余市",
|
||||||
|
"163": "鹰潭市",
|
||||||
|
"164": "赣州市",
|
||||||
|
"165": "吉安市",
|
||||||
|
"166": "宜春市",
|
||||||
|
"167": "抚州市",
|
||||||
|
"168": "上饶市"
|
||||||
|
},
|
||||||
|
"15": {
|
||||||
|
"169": "济南市",
|
||||||
|
"170": "青岛市",
|
||||||
|
"171": "淄博市",
|
||||||
|
"172": "枣庄市",
|
||||||
|
"173": "东营市",
|
||||||
|
"174": "烟台市",
|
||||||
|
"175": "潍坊市",
|
||||||
|
"176": "济宁市",
|
||||||
|
"177": "泰安市",
|
||||||
|
"178": "威海市",
|
||||||
|
"179": "日照市",
|
||||||
|
"180": "莱芜市",
|
||||||
|
"181": "临沂市",
|
||||||
|
"182": "德州市",
|
||||||
|
"183": "聊城市",
|
||||||
|
"184": "滨州市",
|
||||||
|
"185": "菏泽市"
|
||||||
|
},
|
||||||
|
"16": {
|
||||||
|
"186": "郑州市",
|
||||||
|
"187": "开封市",
|
||||||
|
"188": "洛阳市",
|
||||||
|
"189": "平顶山市",
|
||||||
|
"190": "安阳市",
|
||||||
|
"191": "鹤壁市",
|
||||||
|
"192": "新乡市",
|
||||||
|
"193": "焦作市",
|
||||||
|
"194": "濮阳市",
|
||||||
|
"195": "许昌市",
|
||||||
|
"196": "漯河市",
|
||||||
|
"197": "三门峡市",
|
||||||
|
"198": "南阳市",
|
||||||
|
"199": "商丘市",
|
||||||
|
"200": "信阳市",
|
||||||
|
"201": "周口市",
|
||||||
|
"202": "驻马店市"
|
||||||
|
},
|
||||||
|
"17": {
|
||||||
|
"203": "武汉市",
|
||||||
|
"204": "黄石市",
|
||||||
|
"205": "十堰市",
|
||||||
|
"206": "宜昌市",
|
||||||
|
"207": "襄阳市",
|
||||||
|
"208": "鄂州市",
|
||||||
|
"209": "荆门市",
|
||||||
|
"210": "孝感市",
|
||||||
|
"211": "荆州市",
|
||||||
|
"212": "黄冈市",
|
||||||
|
"213": "咸宁市",
|
||||||
|
"214": "随州市",
|
||||||
|
"215": "恩施土家族苗族自治州"
|
||||||
|
},
|
||||||
|
"18": {
|
||||||
|
"216": "长沙市",
|
||||||
|
"217": "株洲市",
|
||||||
|
"218": "湘潭市",
|
||||||
|
"219": "衡阳市",
|
||||||
|
"220": "邵阳市",
|
||||||
|
"221": "岳阳市",
|
||||||
|
"222": "常德市",
|
||||||
|
"223": "张家界市",
|
||||||
|
"224": "益阳市",
|
||||||
|
"225": "郴州市",
|
||||||
|
"226": "永州市",
|
||||||
|
"227": "怀化市",
|
||||||
|
"228": "娄底市",
|
||||||
|
"229": "湘西土家族苗族自治州"
|
||||||
|
},
|
||||||
|
"19": {
|
||||||
|
"230": "广州市",
|
||||||
|
"231": "韶关市",
|
||||||
|
"232": "深圳市",
|
||||||
|
"233": "珠海市",
|
||||||
|
"234": "汕头市",
|
||||||
|
"235": "佛山市",
|
||||||
|
"236": "江门市",
|
||||||
|
"237": "湛江市",
|
||||||
|
"238": "茂名市",
|
||||||
|
"239": "肇庆市",
|
||||||
|
"240": "惠州市",
|
||||||
|
"241": "梅州市",
|
||||||
|
"242": "汕尾市",
|
||||||
|
"243": "河源市",
|
||||||
|
"244": "阳江市",
|
||||||
|
"245": "清远市",
|
||||||
|
"246": "东莞市",
|
||||||
|
"247": "中山市",
|
||||||
|
"248": "东沙群岛",
|
||||||
|
"249": "潮州市",
|
||||||
|
"250": "揭阳市",
|
||||||
|
"251": "云浮市"
|
||||||
|
},
|
||||||
|
"20": {
|
||||||
|
"252": "南宁市",
|
||||||
|
"253": "柳州市",
|
||||||
|
"254": "桂林市",
|
||||||
|
"255": "梧州市",
|
||||||
|
"256": "北海市",
|
||||||
|
"257": "防城港市",
|
||||||
|
"258": "钦州市",
|
||||||
|
"259": "贵港市",
|
||||||
|
"260": "玉林市",
|
||||||
|
"261": "百色市",
|
||||||
|
"262": "贺州市",
|
||||||
|
"263": "河池市",
|
||||||
|
"264": "来宾市",
|
||||||
|
"265": "崇左市"
|
||||||
|
},
|
||||||
|
"21": {
|
||||||
|
"266": "海口市",
|
||||||
|
"267": "三亚市",
|
||||||
|
"268": "三沙市"
|
||||||
|
},
|
||||||
|
"22": {
|
||||||
|
"269": "重庆市"
|
||||||
|
},
|
||||||
|
"23": {
|
||||||
|
"270": "成都市",
|
||||||
|
"271": "自贡市",
|
||||||
|
"272": "攀枝花市",
|
||||||
|
"273": "泸州市",
|
||||||
|
"274": "德阳市",
|
||||||
|
"275": "绵阳市",
|
||||||
|
"276": "广元市",
|
||||||
|
"277": "遂宁市",
|
||||||
|
"278": "内江市",
|
||||||
|
"279": "乐山市",
|
||||||
|
"280": "南充市",
|
||||||
|
"281": "眉山市",
|
||||||
|
"282": "宜宾市",
|
||||||
|
"283": "广安市",
|
||||||
|
"284": "达州市",
|
||||||
|
"285": "雅安市",
|
||||||
|
"286": "巴中市",
|
||||||
|
"287": "资阳市",
|
||||||
|
"288": "阿坝藏族羌族自治州",
|
||||||
|
"289": "甘孜藏族自治州",
|
||||||
|
"290": "凉山彝族自治州"
|
||||||
|
},
|
||||||
|
"24": {
|
||||||
|
"291": "贵阳市",
|
||||||
|
"292": "六盘水市",
|
||||||
|
"293": "遵义市",
|
||||||
|
"294": "安顺市",
|
||||||
|
"295": "铜仁市",
|
||||||
|
"296": "黔西南布依族苗族自治州",
|
||||||
|
"297": "毕节市",
|
||||||
|
"298": "黔东南苗族侗族自治州",
|
||||||
|
"299": "黔南布依族苗族自治州"
|
||||||
|
},
|
||||||
|
"25": {
|
||||||
|
"300": "昆明市",
|
||||||
|
"301": "曲靖市",
|
||||||
|
"302": "玉溪市",
|
||||||
|
"303": "保山市",
|
||||||
|
"304": "昭通市",
|
||||||
|
"305": "丽江市",
|
||||||
|
"306": "普洱市",
|
||||||
|
"307": "临沧市",
|
||||||
|
"308": "楚雄彝族自治州",
|
||||||
|
"309": "红河哈尼族彝族自治州",
|
||||||
|
"310": "文山壮族苗族自治州",
|
||||||
|
"311": "西双版纳傣族自治州",
|
||||||
|
"312": "大理白族自治州",
|
||||||
|
"313": "德宏傣族景颇族自治州",
|
||||||
|
"314": "怒江傈僳族自治州",
|
||||||
|
"315": "迪庆藏族自治州"
|
||||||
|
},
|
||||||
|
"26": {
|
||||||
|
"316": "拉萨市",
|
||||||
|
"317": "昌都市",
|
||||||
|
"318": "山南地区",
|
||||||
|
"319": "日喀则市",
|
||||||
|
"320": "那曲地区",
|
||||||
|
"321": "阿里地区",
|
||||||
|
"322": "林芝市"
|
||||||
|
},
|
||||||
|
"27": {
|
||||||
|
"323": "西安市",
|
||||||
|
"324": "铜川市",
|
||||||
|
"325": "宝鸡市",
|
||||||
|
"326": "咸阳市",
|
||||||
|
"327": "渭南市",
|
||||||
|
"328": "延安市",
|
||||||
|
"329": "汉中市",
|
||||||
|
"330": "榆林市",
|
||||||
|
"331": "安康市",
|
||||||
|
"332": "商洛市"
|
||||||
|
},
|
||||||
|
"28": {
|
||||||
|
"333": "兰州市",
|
||||||
|
"334": "嘉峪关市",
|
||||||
|
"335": "金昌市",
|
||||||
|
"336": "白银市",
|
||||||
|
"337": "天水市",
|
||||||
|
"338": "武威市",
|
||||||
|
"339": "张掖市",
|
||||||
|
"340": "平凉市",
|
||||||
|
"341": "酒泉市",
|
||||||
|
"342": "庆阳市",
|
||||||
|
"343": "定西市",
|
||||||
|
"344": "陇南市",
|
||||||
|
"345": "临夏回族自治州",
|
||||||
|
"346": "甘南藏族自治州"
|
||||||
|
},
|
||||||
|
"29": {
|
||||||
|
"347": "西宁市",
|
||||||
|
"348": "海东市",
|
||||||
|
"349": "海北藏族自治州",
|
||||||
|
"350": "黄南藏族自治州",
|
||||||
|
"351": "海南藏族自治州",
|
||||||
|
"352": "果洛藏族自治州",
|
||||||
|
"353": "玉树藏族自治州",
|
||||||
|
"354": "海西蒙古族藏族自治州"
|
||||||
|
},
|
||||||
|
"30": {
|
||||||
|
"355": "银川市",
|
||||||
|
"356": "石嘴山市",
|
||||||
|
"357": "吴忠市",
|
||||||
|
"358": "固原市",
|
||||||
|
"359": "中卫市"
|
||||||
|
},
|
||||||
|
"31": {
|
||||||
|
"360": "乌鲁木齐市",
|
||||||
|
"361": "克拉玛依市",
|
||||||
|
"362": "吐鲁番市",
|
||||||
|
"363": "哈密地区",
|
||||||
|
"364": "昌吉回族自治州",
|
||||||
|
"365": "博尔塔拉蒙古自治州",
|
||||||
|
"366": "巴音郭楞蒙古自治州",
|
||||||
|
"367": "阿克苏地区",
|
||||||
|
"368": "克孜勒苏柯尔克孜自治州",
|
||||||
|
"369": "喀什地区",
|
||||||
|
"370": "和田地区",
|
||||||
|
"371": "伊犁哈萨克自治州",
|
||||||
|
"372": "塔城地区",
|
||||||
|
"373": "阿勒泰地区"
|
||||||
|
},
|
||||||
|
"32": {
|
||||||
|
"374": "台北市",
|
||||||
|
"375": "高雄市",
|
||||||
|
"376": "台南市",
|
||||||
|
"377": "台中市",
|
||||||
|
"378": "金门县",
|
||||||
|
"379": "南投县",
|
||||||
|
"380": "基隆市",
|
||||||
|
"381": "新竹市",
|
||||||
|
"382": "嘉义市",
|
||||||
|
"383": "新北市",
|
||||||
|
"384": "宜兰县",
|
||||||
|
"385": "新竹县",
|
||||||
|
"386": "桃园县",
|
||||||
|
"387": "苗栗县",
|
||||||
|
"388": "彰化县",
|
||||||
|
"389": "嘉义县",
|
||||||
|
"390": "云林县",
|
||||||
|
"391": "屏东县",
|
||||||
|
"392": "台东县",
|
||||||
|
"393": "花莲县",
|
||||||
|
"394": "澎湖县",
|
||||||
|
"395": "连江县"
|
||||||
|
},
|
||||||
|
"33": {
|
||||||
|
"396": "香港岛",
|
||||||
|
"397": "九龙",
|
||||||
|
"398": "新界"
|
||||||
|
},
|
||||||
|
"34": {
|
||||||
|
"399": "澳门半岛",
|
||||||
|
"400": "离岛"
|
||||||
|
},
|
||||||
|
"35": {
|
||||||
|
"401": "海外"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,367 @@
|
||||||
|
{
|
||||||
|
"北京市": 100000,
|
||||||
|
"上海市": 200000,
|
||||||
|
"天津市": 300000,
|
||||||
|
"重庆市": 404100,
|
||||||
|
"滁州": 239000,
|
||||||
|
"合肥": 230000,
|
||||||
|
"蚌埠": 233000,
|
||||||
|
"芜湖": 241000,
|
||||||
|
"淮南": 232000,
|
||||||
|
"马鞍山": 243000,
|
||||||
|
"安庆": 246000,
|
||||||
|
"宿州": 234000,
|
||||||
|
"亳州": 236000,
|
||||||
|
"阜阳": 236000,
|
||||||
|
"黄山": 242700,
|
||||||
|
"淮北": 235000,
|
||||||
|
"铜陵": 244000,
|
||||||
|
"宣城": 242000,
|
||||||
|
"六安": 237000,
|
||||||
|
"池州": 247100,
|
||||||
|
"福州": 350000,
|
||||||
|
"厦门": 361000,
|
||||||
|
"宁德": 352000,
|
||||||
|
"莆田": 351100,
|
||||||
|
"泉州": 362000,
|
||||||
|
"漳州": 363000,
|
||||||
|
"龙岩": 364000,
|
||||||
|
"三明": 365000,
|
||||||
|
"南平": 353000,
|
||||||
|
"临夏回族自治州": 731100,
|
||||||
|
"兰州": 730000,
|
||||||
|
"定西": 743000,
|
||||||
|
"平凉": 744000,
|
||||||
|
"庆阳": 745000,
|
||||||
|
"金昌": 737100,
|
||||||
|
"武威": 733000,
|
||||||
|
"张掖": 734000,
|
||||||
|
"嘉峪关": 735100,
|
||||||
|
"酒泉": 735000,
|
||||||
|
"天水": 741000,
|
||||||
|
"陇南": 742500,
|
||||||
|
"甘南藏族自治州": 747000,
|
||||||
|
"白银": 730900,
|
||||||
|
"广州": "0510000",
|
||||||
|
"汕尾": "0516600",
|
||||||
|
"阳江": "0529500",
|
||||||
|
"揭阳": "0522000",
|
||||||
|
"茂名": "0525000",
|
||||||
|
"江门": "0529000",
|
||||||
|
"韶关": "0512000",
|
||||||
|
"惠州": "0516000",
|
||||||
|
"梅州": "0514000",
|
||||||
|
"汕头": "0515000",
|
||||||
|
"深圳": "0518000",
|
||||||
|
"珠海": "0519000",
|
||||||
|
"佛山": "0528000",
|
||||||
|
"肇庆": "0526000",
|
||||||
|
"湛江": "0524000",
|
||||||
|
"中山": "0528400",
|
||||||
|
"河源": "0517000",
|
||||||
|
"清远": "0511500",
|
||||||
|
"云浮": "0527300",
|
||||||
|
"潮州": "0521000",
|
||||||
|
"东莞": "0523000",
|
||||||
|
"防城港": "0538000",
|
||||||
|
"崇左": "0532200",
|
||||||
|
"南宁": "0530000",
|
||||||
|
"来宾": "0546100",
|
||||||
|
"柳州": "0545000",
|
||||||
|
"桂林": "0541000",
|
||||||
|
"贺州": "0542800",
|
||||||
|
"梧州": "0543000",
|
||||||
|
"贵港": "0537000",
|
||||||
|
"玉林": "0537000",
|
||||||
|
"百色": "0533000",
|
||||||
|
"钦州": "0535000",
|
||||||
|
"河池": "0547000",
|
||||||
|
"北海": "0536000",
|
||||||
|
"贵阳": 550000,
|
||||||
|
"遵义": 563000,
|
||||||
|
"安顺": 561000,
|
||||||
|
"黔南布依族苗族": 558000,
|
||||||
|
"黔东南苗族侗族": 556000,
|
||||||
|
"铜仁市": 554300,
|
||||||
|
"毕节市": 551700,
|
||||||
|
"六盘水": 553000,
|
||||||
|
"黔西南布依族苗族": 562400,
|
||||||
|
"海口": 570100,
|
||||||
|
"三亚": 572000,
|
||||||
|
"三沙市": 573100,
|
||||||
|
"邯郸": "056000",
|
||||||
|
"石家庄": "050000",
|
||||||
|
"保定": "071000",
|
||||||
|
"张家口": "075000",
|
||||||
|
"承德": "067000",
|
||||||
|
"唐山": "063000",
|
||||||
|
"廊坊": "065000",
|
||||||
|
"沧州": "061000",
|
||||||
|
"衡水": "053000",
|
||||||
|
"邢台": "054000",
|
||||||
|
"秦皇岛": "066000",
|
||||||
|
"商丘": 476000,
|
||||||
|
"郑州": 450000,
|
||||||
|
"安阳": 455000,
|
||||||
|
"新乡": 453000,
|
||||||
|
"许昌": 461000,
|
||||||
|
"平顶山": 467000,
|
||||||
|
"信阳": 464000,
|
||||||
|
"南阳": 473000,
|
||||||
|
"开封": 475000,
|
||||||
|
"洛阳": 471000,
|
||||||
|
"焦作": 454150,
|
||||||
|
"鹤壁": 458000,
|
||||||
|
"濮阳": 457000,
|
||||||
|
"周口": 466000,
|
||||||
|
"漯河": 462000,
|
||||||
|
"驻马店": 463000,
|
||||||
|
"三门峡": 472000,
|
||||||
|
"哈尔滨": 150000,
|
||||||
|
"齐齐哈尔": 161000,
|
||||||
|
"牡丹江": 157000,
|
||||||
|
"佳木斯": 154000,
|
||||||
|
"绥化": 152000,
|
||||||
|
"黑河": 164300,
|
||||||
|
"大兴安岭地区": 165000,
|
||||||
|
"伊春": 153000,
|
||||||
|
"大庆": 163000,
|
||||||
|
"七台河": 154600,
|
||||||
|
"鸡西": 158100,
|
||||||
|
"鹤岗": 154100,
|
||||||
|
"双鸭山": 155100,
|
||||||
|
"武汉": 430000,
|
||||||
|
"鄂州": 436000,
|
||||||
|
"孝感": 432000,
|
||||||
|
"黄冈": 438000,
|
||||||
|
"黄石": 435000,
|
||||||
|
"咸宁": 437000,
|
||||||
|
"荆州": 434000,
|
||||||
|
"宜昌": 443000,
|
||||||
|
"恩施土家族苗族": 445000,
|
||||||
|
"十堰": 442000,
|
||||||
|
"随州": 441300,
|
||||||
|
"荆门": 448000,
|
||||||
|
"岳阳": 414000,
|
||||||
|
"长沙": 410000,
|
||||||
|
"湘潭": 411100,
|
||||||
|
"株洲": 412000,
|
||||||
|
"衡阳": 421000,
|
||||||
|
"郴州": 423000,
|
||||||
|
"常德": 415000,
|
||||||
|
"益阳": 413000,
|
||||||
|
"娄底": 417000,
|
||||||
|
"邵阳": 422000,
|
||||||
|
"湘西土家族苗族": 416000,
|
||||||
|
"张家界": 427000,
|
||||||
|
"怀化": 418000,
|
||||||
|
"永州": 425000,
|
||||||
|
"长春": 130000,
|
||||||
|
"吉林": 132000,
|
||||||
|
"延边朝鲜族自治州": 133000,
|
||||||
|
"四平": 136000,
|
||||||
|
"通化": 134000,
|
||||||
|
"白城": 137000,
|
||||||
|
"辽源": 136200,
|
||||||
|
"松原": 138000,
|
||||||
|
"白山": 134300,
|
||||||
|
"南京": 210000,
|
||||||
|
"无锡": 214000,
|
||||||
|
"镇江": 212000,
|
||||||
|
"苏州": 215000,
|
||||||
|
"南通": 226000,
|
||||||
|
"扬州": 225000,
|
||||||
|
"盐城": 224000,
|
||||||
|
"徐州": 221000,
|
||||||
|
"淮安": 223001,
|
||||||
|
"连云港": 222000,
|
||||||
|
"常州": 213000,
|
||||||
|
"泰州": 225300,
|
||||||
|
"宿迁": 223800,
|
||||||
|
"鹰潭": 335000,
|
||||||
|
"新余": 338000,
|
||||||
|
"南昌": 330000,
|
||||||
|
"九江": 332000,
|
||||||
|
"上饶": 334000,
|
||||||
|
"抚州": 344000,
|
||||||
|
"宜春": 336000,
|
||||||
|
"吉安": 343000,
|
||||||
|
"赣州": 341000,
|
||||||
|
"景德镇": 333000,
|
||||||
|
"萍乡": 337000,
|
||||||
|
"沈阳": 110000,
|
||||||
|
"铁岭": 112000,
|
||||||
|
"大连": 116000,
|
||||||
|
"鞍山": 114000,
|
||||||
|
"抚顺": 113000,
|
||||||
|
"本溪": 117000,
|
||||||
|
"丹东": 118000,
|
||||||
|
"锦州": 121000,
|
||||||
|
"营口": 115000,
|
||||||
|
"阜新": 123000,
|
||||||
|
"辽阳": 111000,
|
||||||
|
"朝阳": 122000,
|
||||||
|
"盘锦": 124000,
|
||||||
|
"葫芦岛": 125000,
|
||||||
|
"呼伦贝尔": "021000",
|
||||||
|
"呼和浩特": "010000",
|
||||||
|
"包头": "014000",
|
||||||
|
"乌海": "016000",
|
||||||
|
"乌兰察布": "012000",
|
||||||
|
"通辽": "028000",
|
||||||
|
"赤峰": "024000",
|
||||||
|
"鄂尔多斯": "017000",
|
||||||
|
"巴彦淖尔": "015000",
|
||||||
|
"锡林郭勒盟": "026000",
|
||||||
|
"兴安盟": 137400,
|
||||||
|
"阿拉善盟": 750300,
|
||||||
|
"银川": 750000,
|
||||||
|
"石嘴山": 753000,
|
||||||
|
"吴忠": 751100,
|
||||||
|
"固原": 756000,
|
||||||
|
"中卫": 755000,
|
||||||
|
"海北藏族自治州": 812200,
|
||||||
|
"西宁": 810000,
|
||||||
|
"海东": 810600,
|
||||||
|
"黄南藏族自治州": 811300,
|
||||||
|
"海南藏族自治州": 813000,
|
||||||
|
"果洛藏族自治州": 814000,
|
||||||
|
"玉树藏族自治州": 815000,
|
||||||
|
"海西蒙古族藏族": 817000,
|
||||||
|
"成都": 610000,
|
||||||
|
"攀枝花": 617000,
|
||||||
|
"自贡": 643000,
|
||||||
|
"绵阳": 621000,
|
||||||
|
"南充": 637000,
|
||||||
|
"达州": 635000,
|
||||||
|
"遂宁": 629000,
|
||||||
|
"广安": 638500,
|
||||||
|
"巴中": 636600,
|
||||||
|
"泸州": 646000,
|
||||||
|
"宜宾": 644000,
|
||||||
|
"内江": 641000,
|
||||||
|
"资阳": 641300,
|
||||||
|
"乐山": 614000,
|
||||||
|
"眉山": 620000,
|
||||||
|
"凉山彝族自治州": 615000,
|
||||||
|
"雅安": 625000,
|
||||||
|
"甘孜藏族自治州": 626000,
|
||||||
|
"阿坝藏族羌族": 624000,
|
||||||
|
"德阳": 618000,
|
||||||
|
"广元": 628000,
|
||||||
|
"菏泽": 274000,
|
||||||
|
"济南": 250000,
|
||||||
|
"青岛": 266000,
|
||||||
|
"淄博": 255000,
|
||||||
|
"德州": 253000,
|
||||||
|
"烟台": 264000,
|
||||||
|
"潍坊": 261000,
|
||||||
|
"济宁": 272000,
|
||||||
|
"泰安": 271000,
|
||||||
|
"临沂": 276000,
|
||||||
|
"滨州": 256600,
|
||||||
|
"东营": 257000,
|
||||||
|
"威海": 264200,
|
||||||
|
"枣庄": 277000,
|
||||||
|
"日照": 276800,
|
||||||
|
"莱芜": 271100,
|
||||||
|
"聊城": 252000,
|
||||||
|
"西安": 710000,
|
||||||
|
"咸阳": 712000,
|
||||||
|
"延安": 716000,
|
||||||
|
"榆林": 719000,
|
||||||
|
"渭南": 714000,
|
||||||
|
"商洛": 726000,
|
||||||
|
"安康": 725000,
|
||||||
|
"汉中": 723000,
|
||||||
|
"宝鸡": 721000,
|
||||||
|
"铜川": 727000,
|
||||||
|
"朔州": "036000",
|
||||||
|
"忻州": "034000",
|
||||||
|
"太原": "030000",
|
||||||
|
"大同": "037000",
|
||||||
|
"阳泉": "045000",
|
||||||
|
"晋中": "030600",
|
||||||
|
"长治": "046000",
|
||||||
|
"晋城": "048000",
|
||||||
|
"临汾": "041000",
|
||||||
|
"吕梁": "033000",
|
||||||
|
"运城": "044000",
|
||||||
|
"塔城地区": 834700,
|
||||||
|
"哈密地区": 839000,
|
||||||
|
"和田地区": 848000,
|
||||||
|
"阿勒泰地区": 836500,
|
||||||
|
"克孜勒苏柯尔克孜": 845350,
|
||||||
|
"博尔塔拉蒙古": 833400,
|
||||||
|
"克拉玛依": 834000,
|
||||||
|
"乌鲁木齐": 830000,
|
||||||
|
"昌吉回族自治州": 831100,
|
||||||
|
"吐鲁番": 838000,
|
||||||
|
"巴音郭楞蒙古": 841000,
|
||||||
|
"阿克苏地区": 843000,
|
||||||
|
"喀什地区": 844000,
|
||||||
|
"伊犁哈萨克自治州": 835000,
|
||||||
|
"拉萨": 850000,
|
||||||
|
"日喀则": 857000,
|
||||||
|
"山南地区": 856000,
|
||||||
|
"林芝": 860000,
|
||||||
|
"昌都": 854000,
|
||||||
|
"那曲地区": 852000,
|
||||||
|
"阿里地区": 859000,
|
||||||
|
"西双版纳傣族": 666100,
|
||||||
|
"德宏傣族景颇族": 678400,
|
||||||
|
"昭通": 657000,
|
||||||
|
"昆明": 650000,
|
||||||
|
"大理白族自治州": 671000,
|
||||||
|
"红河哈尼族彝族": 661400,
|
||||||
|
"曲靖": 655000,
|
||||||
|
"保山": 678000,
|
||||||
|
"文山壮族苗族": 663000,
|
||||||
|
"玉溪": 653100,
|
||||||
|
"楚雄彝族自治州": 675000,
|
||||||
|
"临沧": 677000,
|
||||||
|
"怒江傈僳族自治州": 673100,
|
||||||
|
"迪庆藏族自治州": 674400,
|
||||||
|
"丽江": 674100,
|
||||||
|
"衢州": 324000,
|
||||||
|
"杭州": 310000,
|
||||||
|
"湖州": 313000,
|
||||||
|
"嘉兴": 314000,
|
||||||
|
"宁波": 315000,
|
||||||
|
"绍兴": 312000,
|
||||||
|
"台州": 318000,
|
||||||
|
"温州": 325000,
|
||||||
|
"丽水": 323000,
|
||||||
|
"金华": 321000,
|
||||||
|
"舟山": 316000,
|
||||||
|
"基隆市": 200,
|
||||||
|
"台北市": 222,
|
||||||
|
"花莲县": 950,
|
||||||
|
"桃园县": 330,
|
||||||
|
"新竹县": 300,
|
||||||
|
"宜兰县": 260,
|
||||||
|
"苗栗县": 360,
|
||||||
|
"台中市": 400,
|
||||||
|
"彰化县": 500,
|
||||||
|
"南投县": 540,
|
||||||
|
"嘉义县": 600,
|
||||||
|
"云林县": 640,
|
||||||
|
"澎湖县": 880,
|
||||||
|
"台南市": 700,
|
||||||
|
"屏东县": 900,
|
||||||
|
"台东县": 210,
|
||||||
|
"高雄市": 800,
|
||||||
|
"金门县": 893,
|
||||||
|
"新竹市": 300,
|
||||||
|
"嘉义市": 600,
|
||||||
|
"新北市": 231,
|
||||||
|
"襄阳": 441000,
|
||||||
|
"东沙群岛": 817000,
|
||||||
|
"普洱市": 665100,
|
||||||
|
"连江县": 350500,
|
||||||
|
"香港岛": 999077,
|
||||||
|
"九龙": 999077,
|
||||||
|
"新界": 999077,
|
||||||
|
"澳门半岛": 999078,
|
||||||
|
"离岛": 999077
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue