-
-
diff --git a/src/views/upload-id-card/content/two.vue b/src/views/upload-id-card/content/two.vue
index fa5b517..058fa05 100644
--- a/src/views/upload-id-card/content/two.vue
+++ b/src/views/upload-id-card/content/two.vue
@@ -1,18 +1,29 @@
@@ -22,31 +33,68 @@ const afterRead = async (file) => {
手机号 (+86)
-
-
+
-
+
-
+
+
+ 手机号 (+86)
+
+
+
+
+
+ 验证码
+
+
+
+ {{ isCountingDown ? `(${timeLeft})重新发送` : '发送验证码' }}
+ 登录
-
-验证码
-
-
-
- {{ isCountingDown ? `(${timeLeft})重新发送` : '发送验证码' }}
- 登录
-
-
+
+
+
- ![]()
+ ![]()
-
- ![]()
+
+ ![]()
- 更换
+ 更换
上传近照
*点击相机上传/拍摄近照
+
+
+
diff --git a/src/views/upload-id-card/index.vue b/src/views/upload-id-card/index.vue
index dbb53ef..b951d40 100644
--- a/src/views/upload-id-card/index.vue
+++ b/src/views/upload-id-card/index.vue
@@ -5,17 +5,17 @@ import { useRoute, useRouter } from 'vue-router'
import two from './content/two.vue'
import three from './content/three.vue'
import complete from './content/complete.vue'
-import {computed, ref,watch} from "vue";
-import {storeToRefs} from "pinia";
-import {useUserStore} from "@/stores/userStore.js";
-import {showToast} from "vant";
-import {check_id_card, save_register_info} from "@/apis/index.js";
+import { computed, ref, watch } from "vue";
+import { storeToRefs } from "pinia";
+import { useUserStore } from "@/stores/userStore.js";
+import { showToast } from "vant";
+import { check_id_card, save_register_info } from "@/apis/index.js";
const userStore = useUserStore()
-const {idCardInfo,iDCardImage,recentPhoto,telNum,selectAddress,detailAddress,submitReturnData} = storeToRefs(userStore);
+const { idCardInfo, iDCardImage, recentPhoto, artworkFile, telNum, selectAddress, detailAddress, submitReturnData } = storeToRefs(userStore);
const route = useRoute()
const router = useRouter()
const active = ref(Number(route.params.active))
-const buttons = ref([{label: "下一步", type: "next"}])
+const buttons = ref([{ label: "下一步", type: "next" }])
const contentComputed = computed(() => {
switch (active.value) {
case 0:
@@ -23,109 +23,117 @@ const contentComputed = computed(() => {
case 1:
return two
case 2:
- return three
+ return three
case 3:
- return complete
+ return complete
}
})
-const submitClick =async () => {
- const data={
- artistName:idCardInfo.value.realName,
- gender:idCardInfo.value.sex==='男'?1:2,
- phoneNum:telNum.value,
- idCard:idCardInfo.value.iDNum,
- address:JSON.stringify(selectAddress.value.selectedOptions),
- address1:detailAddress.value,
- idCardPhoto:iDCardImage.value.front,
- idCardBackPhoto:iDCardImage.value.back,
- artistPhoto:recentPhoto.value
+const submitClick = async () => {
+
+ const data = {
+ artistName: idCardInfo.value.realName,
+ gender: idCardInfo.value.sex === '男' ? 1 : 2,
+ phoneNum: telNum.value,
+ idCard: idCardInfo.value.iDNum,
+ address: JSON.stringify(selectAddress.value.selectedOptions),
+ address1: detailAddress.value,
+ idCardPhoto: iDCardImage.value.front,
+ idCardBackPhoto: iDCardImage.value.back,
+ artistPhoto: recentPhoto.value,
+ artworkFile: artworkFile.value
}
- const res=await save_register_info(data)
- if (res.status===0){
- submitReturnData.value=res.data.data
+ const res = await save_register_info(data)
+ if (res.status === 0) {
+ submitReturnData.value = res.data.data
}
}
-watch(active,()=>{
- switch (active.value){
- case 0:
- buttons.value=[{label: "下一步", type: "next"}]
- break
- case 1:
- buttons.value = [{label: "上一步", type: "back"}, {label: "下一步", type: "next"}];
- break
- case 2:
- buttons.value = [{label: "上一步", type: "back"}, {label: "提交", type: "submit"}]
- break
- case 3:
- buttons.value = [{label: "完成", type: "finish"}]
- break
- }
-},{
- immediate:true
-})
-const stepsClick =async (item) => {
+watch(active, () => {
switch (active.value) {
case 0:
- if (!iDCardImage.value.front||!iDCardImage.value.back){
+ buttons.value = [{ label: "下一步", type: "next" }]
+ break
+ case 1:
+ buttons.value = [{ label: "上一步", type: "back" }, { label: "下一步", type: "next" }];
+ break
+ case 2:
+ buttons.value = [{ label: "上一步", type: "back" }, { label: "提交", type: "submit" }]
+ break
+ case 3:
+ buttons.value = [{ label: "完成", type: "finish" }]
+ break
+ }
+}, {
+ immediate: true
+})
+const stepsClick = async (item) => {
+ switch (active.value) {
+ case 0:
+
+ if (!iDCardImage.value.front || !iDCardImage.value.back) {
showToast({
- message:'请上传完整的身份证图片',
- className:'particulars-detail-popup'
+ message: '请上传完整的身份证图片',
+ className: 'particulars-detail-popup'
});
return
}
- const res=await check_id_card({
- idCard:idCardInfo.value.iDNum
+ const res = await check_id_card({
+ idCard: idCardInfo.value.iDNum
})
- if (res.status===0){
- }else {
+ if (res.status === 0) {
+ } else {
return
}
- active.value=1
+ active.value = 1
router.replace(`/title-forward/upload-id-card/${1}`)
break
case 1:
+
if (item.type === 'next') {
- if (!recentPhoto.value){
+ if (!recentPhoto.value) {
showToast({
- message:'请上传近照',
- className:'particulars-detail-popup'
+ message: '请上传近照',
+ className: 'particulars-detail-popup'
});
return;
}
- active.value=2
+ if (selectAddress.value?.selectedOptions?.length < 3 || !selectAddress.value?.selectedOptions) {
+ showToast({
+ message: '请选择通讯地址',
+ className: 'particulars-detail-popup'
+ });
+ return
+ }
+ if (!detailAddress.value) {
+ showToast({
+ message: '请输入详细地址',
+ className: 'particulars-detail-popup'
+ });
+ return
+ }
+ active.value = 2
router.replace(`/title-forward/upload-id-card/${2}`)
} else if (item.type === 'back') {
- active.value=0
+ active.value = 0
router.replace(`/title-forward/upload-id-card/${0}`)
}
break
case 2:
- if (item.type === 'next') {
- active.value=3
- router.replace(`/title-forward/upload-id-card/${3}`)
- } else if (item.type === 'back') {
- active.value=1
- router.replace(`/title-forward/upload-id-card/${1}`)
- }else if (item.type === 'submit'){
- if (selectAddress.value?.selectedOptions?.length<3 || !selectAddress.value?.selectedOptions){
+ if (item.type === 'submit') {
+ if (!artworkFile.value) {
showToast({
- message:'请选择通讯地址',
- className:'particulars-detail-popup'
+ message: '请上传作品',
+ className: 'particulars-detail-popup'
});
- return
- }
- if (!detailAddress.value){
- showToast({
- message:'请输入详细地址',
- className:'particulars-detail-popup'
- });
- return
+ return;
}
submitClick()
- active.value=3
+ active.value = 3
router.replace(`/title-forward/upload-id-card/${3}`)
+ } else if (item.type === 'back') {
+ active.value = 1
+ router.replace(`/title-forward/upload-id-card/${1}`)
}
break
case 3:
@@ -138,12 +146,14 @@ const stepsClick =async (item) => {
+
+ 通讯地址
+
+
+ {{selectAddress?.selectedOptions.map(x=>x.text).join('-')|| '省-市-区'}}
+
+
+ 
+
+
+
+
+ 详细地址
+
+
+
+
-
-
-
{{ item.label }}
@@ -179,14 +189,13 @@ const stepsClick =async (item) => {
border-radius: 20px;
width: 142px;
height: 32px;
- background-color: #2159C4;
+ background-color: #2159c4;
&.back {
- background-color: #24437E;
+ background-color: #24437e;
margin-right: 30px;
}
}
-
}
}