diff --git a/package-lock.json b/package-lock.json index fcf3399..e9e3754 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11,7 +11,9 @@ "@vant/area-data": "^1.5.1", "@varlet/ui": "^2.22.2", "axios": "^1.6.7", + "dayjs": "^1.11.10", "normalize.css": "^8.0.1", + "pinia": "^2.1.7", "vant": "^4.8.4", "vue": "^3.3.11", "vue-router": "^4.2.5" @@ -1352,6 +1354,50 @@ "node": ">=8.6" } }, + "node_modules/pinia": { + "version": "2.1.7", + "resolved": "https://registry.npmmirror.com/pinia/-/pinia-2.1.7.tgz", + "integrity": "sha512-+C2AHFtcFqjPih0zpYuvof37SFxMQ7OEG2zV9jRI12i9BOy3YQVAHwdKtyyc8pDcDyIc33WCIsZaCFWU7WWxGQ==", + "dependencies": { + "@vue/devtools-api": "^6.5.0", + "vue-demi": ">=0.14.5" + }, + "peerDependencies": { + "@vue/composition-api": "^1.4.0", + "typescript": ">=4.4.4", + "vue": "^2.6.14 || ^3.3.0" + }, + "peerDependenciesMeta": { + "@vue/composition-api": { + "optional": true + }, + "typescript": { + "optional": true + } + } + }, + "node_modules/pinia/node_modules/vue-demi": { + "version": "0.14.7", + "resolved": "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.14.7.tgz", + "integrity": "sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==", + "hasInstallScript": true, + "bin": { + "vue-demi-fix": "bin/vue-demi-fix.js", + "vue-demi-switch": "bin/vue-demi-switch.js" + }, + "engines": { + "node": ">=12" + }, + "peerDependencies": { + "@vue/composition-api": "^1.0.0-rc.1", + "vue": "^3.0.0-0 || ^2.6.0" + }, + "peerDependenciesMeta": { + "@vue/composition-api": { + "optional": true + } + } + }, "node_modules/pkg-types": { "version": "1.0.3", "resolved": "https://registry.npmmirror.com/pkg-types/-/pkg-types-1.0.3.tgz", @@ -2659,6 +2705,23 @@ "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", "dev": true }, + "pinia": { + "version": "2.1.7", + "resolved": "https://registry.npmmirror.com/pinia/-/pinia-2.1.7.tgz", + "integrity": "sha512-+C2AHFtcFqjPih0zpYuvof37SFxMQ7OEG2zV9jRI12i9BOy3YQVAHwdKtyyc8pDcDyIc33WCIsZaCFWU7WWxGQ==", + "requires": { + "@vue/devtools-api": "^6.5.0", + "vue-demi": ">=0.14.5" + }, + "dependencies": { + "vue-demi": { + "version": "0.14.7", + "resolved": "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.14.7.tgz", + "integrity": "sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==", + "requires": {} + } + } + }, "pkg-types": { "version": "1.0.3", "resolved": "https://registry.npmmirror.com/pkg-types/-/pkg-types-1.0.3.tgz", diff --git a/package.json b/package.json index 1fac350..798d789 100644 --- a/package.json +++ b/package.json @@ -12,7 +12,9 @@ "@vant/area-data": "^1.5.1", "@varlet/ui": "^2.22.2", "axios": "^1.6.7", + "dayjs": "^1.11.10", "normalize.css": "^8.0.1", + "pinia": "^2.1.7", "vant": "^4.8.4", "vue": "^3.3.11", "vue-router": "^4.2.5" diff --git a/src/apis/index.js b/src/apis/index.js index 5771d34..3eca1a3 100644 --- a/src/apis/index.js +++ b/src/apis/index.js @@ -23,3 +23,10 @@ export const upload_img = (data) => { data }) } +export const scan_id_card = (data) => { + return request({ + url: '/register/scan_id_card', + method: 'post', + data + }) +} diff --git a/src/assets/images/zu1179@2x.png b/src/assets/images/zu1179@2x.png new file mode 100644 index 0000000..8e06c61 Binary files /dev/null and b/src/assets/images/zu1179@2x.png differ diff --git a/src/components/operateTitle/index.vue b/src/components/operateTitle/index.vue index 2294611..5bdfe1c 100644 --- a/src/components/operateTitle/index.vue +++ b/src/components/operateTitle/index.vue @@ -1,11 +1,30 @@ diff --git a/src/main.js b/src/main.js index f4a2832..2616501 100644 --- a/src/main.js +++ b/src/main.js @@ -4,9 +4,11 @@ import App from './App.vue'; import router from './router'; import 'normalize.css'; import 'vant/lib/index.css'; +import { createPinia } from 'pinia'; const app = createApp(App); - +const pinia = createPinia(); +app.use(pinia); app.use(router); app.directive('no-space', { mounted(el) { diff --git a/src/router/index.js b/src/router/index.js index 028b9bb..fa90d96 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -11,6 +11,11 @@ const routes = [ name: 'title-forward', component: () => import('@/views/title-forward/index.vue'), children: [ + { + path: 'reg-details', + meta: { title: '报名详情' }, + component: () => import('@/views/reg-details/index.vue') + }, { path: 'logon', meta: { title: '登录' }, diff --git a/src/stores/userStore.js b/src/stores/userStore.js new file mode 100644 index 0000000..edd61f2 --- /dev/null +++ b/src/stores/userStore.js @@ -0,0 +1,12 @@ +import { defineStore } from 'pinia'; +import {ref} from "vue"; + +export const useUserStore = defineStore('user', ()=>{ +const idCardInfo=ref({}) +const iDCardImage=ref({ + front:'', + back:'' +}) + const recentPhoto=ref('') + return {idCardInfo,iDCardImage,recentPhoto} +}); diff --git a/src/views/reg-details/index.vue b/src/views/reg-details/index.vue new file mode 100644 index 0000000..9a3a499 --- /dev/null +++ b/src/views/reg-details/index.vue @@ -0,0 +1,190 @@ + + + + + + 报名日期:2023年12月18日,09:33AM + + + + 身份证人像面 + + + + + + 身份证人像面 + + + + + + + + + 姓名 + 某某某 + + + + + + 性别 + 男/女 + + + + + + 身份证号码 + 2912301283123821801 + + + + + 身份证地址 + 玛纳斯曾经多少次收到款不错的撒纯 + 白色的长款保暖升级新款淑女款 + + + + + + 有效日期 + 2023年12月16日-2026年12月16日 + + + + + 近照 + + + + + + + + + diff --git a/src/views/upload-id-card/content/one.vue b/src/views/upload-id-card/content/one.vue index cef442d..f394309 100644 --- a/src/views/upload-id-card/content/one.vue +++ b/src/views/upload-id-card/content/one.vue @@ -1,71 +1,125 @@ - - - - - - - - + + + + + + + + + 更换 - 更换 + 上传身份证人像面 - 上传身份证人像面 - - - - - - - - - + + + + + + + + + + 更换 - 更换 + 上传身份证国徽面 - 上传身份证国徽面 - - - + + + 姓名 - 某某某 + {{ idCardInfo.realName }} - 姓名 - 某某某 + 性别 + {{idCardInfo.sex}} + + + + + + 身份证号码 + {{idCardInfo.iDNum}} + + + + + + 身份证地址 + {{idCardInfo.path}} + + + + + 有效日期 + {{dayjs(idCardInfo.issueDate).format('YYYY年MM月DD日')}}-{{dayjs(idCardInfo.expirationDate).format('YYYY年MM月DD日')}} *自动识别内容,请仔细核对 证件即将过期,请尽快更新,否则将影响部分功能使用! + - +