用户绑卡

src/components/select-card/index.vue

@@ -19,7 +19,7 @@
     title="添加就诊人"
     :label="addCardText"
     is-link
-    to="/addElectronicHealthCard"
+    to="/createOrBind"
   ></van-cell>
 </template>
 

src/router/index.js

@@ -40,6 +40,11 @@ export const constantRoutes = [
     component: () => import('../views/mine/patient-id-cards/MyPatientIdCards.vue'),
     meta: { title: '我的就诊人' },
   },
+  {
+    path: '/createOrBind',
+    component: () => import('../views/mine/patient-id-cards/CreateOrBind.vue'),
+    meta: { title: '建档与绑卡' },
+  },
   {
     path: '/bindPatientCard',
     component: () => import('../views/mine/patient-id-cards/BindPatientCard.vue'),

src/views/hospital-service/appointment/AppointmentConfirm.vue

@@ -47,7 +47,7 @@
         title="添加就诊人"
         :value="addCardText"
         is-link
-        to="/addElectronicHealthCard"
+        to="/createOrBind"
     ></van-cell>
     <div style="height: 10px"></div>
     <van-button type="primary" block @click="confirmAppointment" :disabled="disableGhBtn">确认挂号</van-button>

src/views/mine/patient-id-cards/BindPatientCard.vue

@@ -13,14 +13,13 @@
     <div style="height: 5px"></div>
     <van-field v-model="card.name" label="姓名" type="text" placeholder="请输入姓名"/>
     <div style="height: 5px"></div>
-    <van-cell>
-      <span style="font-size: 13px; color: rgb(128, 128, 128)">绑定方式：</span>
-      <div style="height: 5px"></div>
-      <van-radio-group v-model="card.cardType" direction="horizontal">
-        <van-radio :name="0">门诊号</van-radio>
-        <van-radio :name="1">就诊卡</van-radio>
-        <van-radio :name="2">身份证</van-radio>
-      </van-radio-group>
+    <van-cell title="绑定方式">
+      <template #right-icon>
+        <van-radio-group v-model="card.cardType" direction="horizontal">
+          <van-radio :name="0">门诊号</van-radio>
+          <van-radio :name="2">身份证</van-radio>
+        </van-radio-group>
+      </template>
     </van-cell>
     <van-field v-model="card.cardNo" :placeholder="cardNoHint"/>
     <div style="height: 5px"></div>

src/views/mine/patient-id-cards/CreateOrBind.vue

@@ -0,0 +1,89 @@
+<template>
+  <window-size>
+    <div class="option-box green-box" @click="newUserRegister">
+      <div class="big-text">
+        未建档 前往建档
+      </div>
+      <div class="small-text1">
+        证件拍照上传，自动填信息
+      </div>
+    </div>
+    <div class="option-box blue-box" @click="linkHealthCard">
+      <div class="big-text">
+        已建档 前往绑定
+      </div>
+      <div class="small-text2">
+        已建档用户，授权关联信息
+      </div>
+    </div>
+    <div>
+      <div style="margin-top: 20px; padding-left: 12px;font-size: 14px">
+        关于用户隐私说明：
+      </div>
+      <div class="tips-box">
+        <div>
+          · 建档需进行身份信息核验，请确保提供的信息合法、有效
+        </div>
+        <div>
+          · 平台已采取技术措施保证用户信息安全，不泄露、损毁或丢失
+        </div>
+        <div>
+          · 未经本人授权，平台不会以任何形式向第三方透露用户个人信息
+        </div>
+      </div>
+    </div>
+  </window-size>
+</template>
+
+<script setup>
+import router from "@/router";
+
+const newUserRegister = () => {
+  router.push('/createPatientCard')
+}
+
+const linkHealthCard = () => {
+  router.push('/bindPatientCard')
+}
+</script>
+
+<style scoped>
+.option-box {
+  margin-top: 12px;
+  width: 88%;
+  margin-left: 6%;
+  height: 100px;
+  border-radius: 8px;
+}
+.green-box {
+  background-color: rgb(170, 255, 172);
+  border-bottom: 2px solid green;
+}
+.blue-box {
+  color: white;
+  background-color: #54C6FFFF;
+  border-bottom: 2px solid #0073af;
+}
+.big-text {
+  padding: 20px 0 0 12px;
+  font-size: 22px;
+  font-weight: bold;
+}
+.small-text1 {
+  color: rgb(128, 128, 128);
+  padding: 8px 0 0 12px;
+}
+.small-text2 {
+  color: #f6f6f6;
+  padding: 8px 0 0 12px;
+}
+.tips-box {
+  color: rgb(128, 128, 128);
+  font-size: 12px;
+  padding-left: 12px;
+  margin-top: 12px;
+}
+.tips-box > div {
+  margin-bottom: 8px;
+}
+</style>

src/views/mine/patient-id-cards/MyPatientIdCards.vue

@@ -19,6 +19,6 @@ const showEmpty = computed(() => {
   return !store.getters.alreadyHasCard
 })
 const toAddCard = () => {
-  router.push('/addElectronicHealthCard')
+  router.push('/createOrBind')
 }
 </script>