From c51bc16acb2faaacc915b3e418da67101ba146f7 Mon Sep 17 00:00:00 2001
From: Phoenix <64720302+Concur-max@users.noreply.github.com>
Date: Mon, 5 Feb 2024 16:27:29 +0800
Subject: [PATCH] submit

---
 src/assets/images/zu1171@2x.png               | Bin 0 -> 6090 bytes
 src/assets/images/zu1174@2x.png               | Bin 0 -> 7001 bytes
 src/assets/images/zzz766@3x.png               | Bin 0 -> 4666 bytes
 src/components/steps/index.vue                |   5 +-
 src/router/index.js                           |   2 +-
 src/views/logon/index.vue                     |   2 +-
 .../{one/index.vue => content/one.vue}        |   1 +
 src/views/upload-id-card/content/three.vue    | 104 ++++++++++++++++++
 src/views/upload-id-card/content/two.vue      |  57 ++++++++++
 src/views/upload-id-card/index.vue            | 102 +++++++++++++----
 vite.config.js                                |   9 +-
 11 files changed, 256 insertions(+), 26 deletions(-)
 create mode 100644 src/assets/images/zu1171@2x.png
 create mode 100644 src/assets/images/zu1174@2x.png
 create mode 100644 src/assets/images/zzz766@3x.png
 rename src/views/upload-id-card/{one/index.vue => content/one.vue} (98%)
 create mode 100644 src/views/upload-id-card/content/three.vue
 create mode 100644 src/views/upload-id-card/content/two.vue

diff --git a/src/assets/images/zu1171@2x.png b/src/assets/images/zu1171@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..3d3c86c11c5306b399d4171e5b865429a76300d6
GIT binary patch
literal 6090
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
Q2mk;807*qoM6N<$f@E&bS^xk5

literal 0
HcmV?d00001

diff --git a/src/assets/images/zu1174@2x.png b/src/assets/images/zu1174@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..840b674cfb7c8aa7702bb6816663e8e1fab761de
GIT binary patch
literal 7001
zcmeAS@N?(olHy`uVBq!ia0y~yU}6U1P!2Yrh%?W(y+DewILO_JVcj{ImkbQj!k#XU
zAr*0NZy2thmn?Jq<7>MWJ2Q_YT$o%U-u%{}lKaxNfI}giwXACS3w9ZJ9C`G?$U-&I
zSmMZq&5}H6mbap3bvSy&JT9)aPv6(}{Qu7S!{+JM`zrshHaw>NnBo7o+M1GoM^9R_
z|G4}&g^7hjAj0Lr&glEGJ4*^bK9+cVv)MXRe*b&-+p}+fJp23i!M{KD*L~R6+kf8P
zerN59{rBIiIW#ad9u~KFAt90c=6Biq_YxHaRhwl0sTVRbf{au6P|vb1&VKi1+1&D@
z2mW9D)W!f3*U?a56Z^BmPYI}<k;#}TDZ%Y@G+6zH1q~7r9~N76g4Lbj=xCJG&F2(Q
zaA-Kt1XOmg|CI_@oq@6fTiTXAs$c`SxjGtI?N?0(+6PqE(;zY9;-_h&7L5iSdSdu+
zUgF2wkG=eU{(AZqt0C!yp|M`jqVDgTYd5x^KW1llW8VIcZ@b-pA9m;8SM!rS3Y3T)
z8XTM-+}dq#U;FX3{(8HwN0x40TewLZoGcj{{|gB)Z*v4CWR^!vNeXrh&xL_H7#Ix`
zn8BJA^c2`0F&Ef@GlT%M892#~Djf}h(GVC7fzc2c4S~@R7!85Z5Eu=C(GVC7fzc2c
z4S~@R7!85Z5Eu=C(GVC70bmH+zB)U7e(%QK&zC2gKN35q4jw<0Y<&DWUB74X+sU<W
z-sc}TfB(K;zrLXA(SDYhoEB3+W09|z!t-lB-`n<9{@w37f1WGXAJl<H&ONwd_STi9
zTi<&3?zbA-B<=ze(75Ci)*}veObnp0&IQ2X%2(V4_M^h1VM11d_^{rvphM%gnVsGL
zKTp0X{wv!*6O<mW2~@nhRvxYw8}rBFSj9I1{afGP-Yctl{O^0Rw7%>U#^nEB{(O15
zo$urJ-)BMN<{R1$Y`wm(?%Bi1?)JTgdh)kiZ%fp_>HoI<Kg+X_H&a<Jr$++k${0Ld
L{an^LB{Ts5jW+-8

literal 0
HcmV?d00001

diff --git a/src/assets/images/zzz766@3x.png b/src/assets/images/zzz766@3x.png
new file mode 100644
index 0000000000000000000000000000000000000000..ba0656226f41e28372292e7a0c4a5e88ea1ca586
GIT binary patch
literal 4666
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

literal 0
HcmV?d00001

diff --git a/src/components/steps/index.vue b/src/components/steps/index.vue
index f7099ec..410cd76 100644
--- a/src/components/steps/index.vue
+++ b/src/components/steps/index.vue
@@ -1,7 +1,8 @@
 <script setup>
-import {ref,defineProps} from "vue";
-const active = ref(0)
+import {ref,defineModel} from "vue";
 const steps=ref([{label:'第一步',value:0},{label:'第二步',value:1},{label:'第三步',value:2},{label:'完成',value:3}])
+const active = defineModel('active',{default:0})
+
 </script>
 
 <template>
diff --git a/src/router/index.js b/src/router/index.js
index bc5f06f..028b9bb 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -17,7 +17,7 @@ const routes = [
                 component: () => import('@/views/logon/index.vue')
             },
             {
-                path: 'upload-id-card',
+                path: 'upload-id-card/:active',
                 meta: { title: '上传身份证' },
                 component: () => import('@/views/upload-id-card/index.vue')
             }
diff --git a/src/views/logon/index.vue b/src/views/logon/index.vue
index d050d4a..5e1e475 100644
--- a/src/views/logon/index.vue
+++ b/src/views/logon/index.vue
@@ -20,7 +20,7 @@ const sendCode = async () => {
   }, 1000);
 };
 const goRouter=()=>{
-  router.push('/title-forward/upload-id-card')
+  router.push(`/title-forward/upload-id-card/${0}`)
 }
 onBeforeUnmount(() => {
   clearInterval(countdownInterval.value);
diff --git a/src/views/upload-id-card/one/index.vue b/src/views/upload-id-card/content/one.vue
similarity index 98%
rename from src/views/upload-id-card/one/index.vue
rename to src/views/upload-id-card/content/one.vue
index 328a1ef..938f9cb 100644
--- a/src/views/upload-id-card/one/index.vue
+++ b/src/views/upload-id-card/content/one.vue
@@ -55,6 +55,7 @@
   }
 }
 .content2 {
+  margin-bottom: 20px;
   .wrap1 {
     width: 332px;
     height: 220px;
diff --git a/src/views/upload-id-card/content/three.vue b/src/views/upload-id-card/content/three.vue
new file mode 100644
index 0000000..59d2e90
--- /dev/null
+++ b/src/views/upload-id-card/content/three.vue
@@ -0,0 +1,104 @@
+<script setup>
+import { ref } from 'vue';
+import { areaList } from '@vant/area-data';
+
+
+</script>
+
+<template>
+<div>
+<!--  <van-area title="标题" :area-list="areaList" />-->
+  <div class="content-address">
+    <div class="wrap1">通讯地址</div>
+    <div class="wrap2"></div>
+    <div class="wrap3">
+      省-市-区
+    </div>
+    <div class="wrap4">
+      <img src="@/assets/images/zzz766@3x.png" alt="">
+    </div>
+  </div>
+  <div class="detail-address">
+      <div class="wrap1">详细地址</div>
+      <div class="wrap2">
+     <textarea rows="4" cols="50" placeholder="在此输入详细地址">
+</textarea>
+      </div>
+  </div>
+</div>
+</template>
+
+<style scoped lang="scss">
+.detail-address{
+  margin-top: 18px;
+  padding: 16px 16px 12px 14px;
+  width: 332px;
+  height: 205px;
+  background-color: #fff;
+  border-radius: 12px;
+  box-sizing: border-box;
+  .wrap2{
+    height: 155px;
+    background-color: #F0F0F0;
+    box-sizing: border-box;
+    border-radius: 12px;
+    overflow: hidden;
+    textarea{
+      width: 100%;
+      box-sizing: border-box;
+      padding: 11px 17px 11px 17px;
+      background-color: #F0F0F0;
+      border: none;
+
+      &::placeholder{
+        color: #CECECE;
+        font-size: 12px;
+      }
+      &:focus{
+        font-size: 12px;
+        outline: none;
+        border: none;
+      }
+    }
+  }
+  .wrap1{
+    color: #000;
+    font-size: 12px;
+    margin-bottom: 6px;
+    padding-left: 10px;
+  }
+}
+.content-address{
+  box-sizing: border-box;
+  width: 332px;
+  height: 45px;
+  border-radius: 12px;
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  padding: 13px 21px 11px 26px;
+  .wrap4{
+    margin-left: auto;
+    img{
+      width: 32.11px;
+      height: 16px;
+    }
+  }
+  .wrap3{
+    margin-left: 12px;
+    color: #CECECE;
+    font-size: 12px;
+  }
+  .wrap1{
+    color: #000;
+    font-size: 12px;
+  }
+  .wrap2{
+    margin-left: 34px;
+    background-color: #BBC5E0;
+    width: 1px;
+    height: 20.93px;
+  }
+
+}
+</style>
diff --git a/src/views/upload-id-card/content/two.vue b/src/views/upload-id-card/content/two.vue
new file mode 100644
index 0000000..e06d8d6
--- /dev/null
+++ b/src/views/upload-id-card/content/two.vue
@@ -0,0 +1,57 @@
+<script setup>
+
+</script>
+
+<template>
+  <div>
+    <van-uploader>
+    <div class="content1">
+        <div class="wrap1">
+          <div class="wrap1_1">
+            <img src="@/assets/images/zu1171@2x.png" alt="">
+          </div>
+        </div>
+
+    </div>
+    </van-uploader>
+    <div class="bottom-text">*点击相机上传/拍摄近照</div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.bottom-text{
+  text-align: right;
+  margin-top: 8px;
+  color: #FFFFFF;
+  font-size: 12px;
+}
+.content1 {
+  box-sizing: border-box;
+  width: 332px;
+  height: 377px;
+  background-color: #fff;
+  border-radius: 10px;
+  padding: 16px 20px 28px 20px;
+  .wrap1{
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+    border: 2px solid #2159C4;
+    border-radius: 10px;
+    padding: 18px;
+    .wrap1_1{
+      width: 100%;
+      height: 100%;
+      background-image: url("@/assets/images/zu1174@2x.png");
+      background-size: cover;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      img{
+        width: 75px;
+        height: 75px;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/upload-id-card/index.vue b/src/views/upload-id-card/index.vue
index 6870823..c7d3c05 100644
--- a/src/views/upload-id-card/index.vue
+++ b/src/views/upload-id-card/index.vue
@@ -1,16 +1,65 @@
 <script setup>
 import steps from '@/components/steps/index.vue'
-import one from './one/index.vue'
-import {ref} from "vue";
-const active = ref(0)
-const buttons = ref([{label: "下一步", type: "show"}])
+import one from './content/one.vue'
+import { useRoute, useRouter } from 'vue-router'
+import two from './content/two.vue'
+import three from './content/three.vue'
+import {computed, ref} from "vue";
+const route = useRoute()
+const router = useRouter()
+const active = ref(Number(route.params.active))
+const buttons = ref([{label: "下一步", type: "next"}])
+const contentComputed = computed(() => {
+  switch (active.value) {
+    case 0:
+      return one
+    case 1:
+      return two
+    case 2:
+      return  three
+  }
+})
+const stepsClick = (item) => {
+  switch (active.value) {
+    case 0:
+      active.value=1
+      router.replace(`/title-forward/upload-id-card/${1}`)
+      buttons.value = [{label: "上一步", type: "back"}, {label: "下一步", type: "next"}]
+      break
+    case 1:
+      if (item.type === 'next') {
+        active.value=2
+        router.replace(`/title-forward/upload-id-card/${2}`)
+        buttons.value = [{label: "上一步", type: "back"}, {label: "完成", type: "finish"}]
+      } else if (item.type === 'back') {
+        active.value=0
+        router.replace(`/title-forward/upload-id-card/${0}`)
+        buttons.value = [{label: "下一步", type: "next"}]
+      }
+      break
+    case 2:
+      if (item.type === 'next') {
+        active.value=3
+        router.replace(`/title-forward/upload-id-card/${3}`)
+        buttons.value = [{label: "上一步", type: "back"}, {label: "提交", type: "submit"}]
+      } else if (item.type === 'back') {
+        active.value=1
+        router.replace(`/title-forward/upload-id-card/${1}`)
+        buttons.value = [{label: "上一步", type: "back"}, {label: "下一步", type: "next"}]
+      }
+      break
+  }
+}
 </script>
 <template>
   <div class="container">
-    <steps v-model:active="active" />
-    <component :is="one"/>
+    <steps v-model:active="active"/>
+    <div class="content">
+      <component :is="contentComputed"/>
+    </div>
     <div class="bottom-btn">
-      <div class="item" v-for="(item,index) in buttons">
+      <div class="item" @click="stepsClick(item)" v-for="item in buttons"
+           :class="[item.type==='back'?'back':'']">
         {{ item.label }}
       </div>
     </div>
@@ -24,22 +73,33 @@ const buttons = ref([{label: "下一步", type: "show"}])
   padding-top: 14px;
   padding-right: 21px;
   padding-left: 21px;
-.bottom-btn{
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  .item{
+
+  .content {
+    margin-top: 20px;
+  }
+
+  .bottom-btn {
+    width: 100%;
     display: flex;
     justify-content: center;
-    align-items: center;
-    color: #fff;
-    font-size: 16px;
-    border-radius: 20px;
-    width: 142px;
-    height: 32px;
-    background-color: #2159C4;
-  }
 
-}
+    .item {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      color: #fff;
+      font-size: 16px;
+      border-radius: 20px;
+      width: 142px;
+      height: 32px;
+      background-color: #2159C4;
+
+      &.back {
+        background-color: #24437E;
+        margin-right: 30px;
+      }
+    }
+
+  }
 }
 </style>
diff --git a/vite.config.js b/vite.config.js
index 82d532b..f155672 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -3,6 +3,9 @@ import vue from '@vitejs/plugin-vue'
 import path from 'path'
 import Components from 'unplugin-vue-components/vite';
 import { VantResolver } from '@vant/auto-import-resolver';
+import { VarletUIResolver } from 'unplugin-vue-components/resolvers'
+import autoImport from 'unplugin-auto-import/vite'
+
 // https://vitejs.dev/config/
 export default defineConfig({
   server:{
@@ -15,5 +18,9 @@ export default defineConfig({
   },
   plugins: [vue(),Components({
     resolvers: [VantResolver()],
-  }),],
+  }),Components({
+    resolvers: [VarletUIResolver(),  autoImport({
+      resolvers: [VarletUIResolver({ autoImport: true })]
+    })],
+  })],
 })