添加通过电子健康证绑卡的入口

src/components/bind-card-method/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <div style="padding: 20px">
+    <van-button type="primary" block to="/bindPatientCard">绑定已有的诊疗卡</van-button>
+    <div style="height: 10px"></div>
+    <van-button type="primary" plain block to="/createPatientCard">我没有诊疗卡</van-button>
+    <div style="height: 10px"></div>
+    <van-button type="success" plain block to="/addElectronicHealthCard">通过电子健康证绑卡</van-button>
+  </div>
+</template>

src/components/select-card/index.vue

@@ -23,17 +23,14 @@
     :show-confirm-button="false"
     show-cancel-button
   >
-    <div style="padding: 20px">
-      <van-button type="primary" block to="/bindPatientCard">绑定已有的诊疗卡</van-button>
-      <div style="height: 10px"></div>
-      <van-button type="primary" plain block to="/createPatientCard">我没有诊疗卡</van-button>
-    </div>
+    <bind-card-method></bind-card-method>
   </van-dialog>
 </template>
 
 <script>
 import store from '../../store'
 import { computed, ref } from 'vue'
+import BindCardMethod from "../bind-card-method/index.vue";
 export default {
   name: 'SelectCard',
   props: {
@@ -42,6 +39,9 @@ export default {
       required: true,
     },
   },
+  components: {
+    BindCardMethod
+  },
   setup() {
     const cards = computed(() => {
       return store.state.patientCards

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

@@ -49,11 +49,7 @@
       :show-confirm-button="false"
       show-cancel-button
     >
-      <div style="padding: 20px">
-        <van-button type="primary" block to="/bindPatientCard">绑定已有的诊疗卡</van-button>
-        <div style="height: 10px"></div>
-        <van-button type="primary" plain block to="/createPatientCard">我没有诊疗卡</van-button>
-      </div>
+      <bind-card-method></bind-card-method>
     </van-dialog>
   </window-size>
 </template>
@@ -64,8 +60,12 @@ import { computed, onMounted, ref, watchEffect } from 'vue'
 import {checkAppointmentRequirements, getGhFee} from '../../../api/appointment'
 import router from '../../../router'
 import { Toast } from 'vant'
+import BindCardMethod from "../../../components/bind-card-method/index.vue";
 export default {
   name: 'AppointConfirm',
+  components: {
+    BindCardMethod,
+  },
   setup() {
     const showCreatedCardMethod = ref(false)
     const appointment = store.state.appointmentInfo

src/views/hospital-service/covid-vaccinate/SelectCovidVaccinatePatient.vue

@@ -24,11 +24,7 @@
       :show-confirm-button="false"
       show-cancel-button
     >
-      <div style="padding: 20px">
-        <van-button type="primary" block to="/bindPatientCard">绑定已有的诊疗卡</van-button>
-        <div style="height: 10px"></div>
-        <van-button type="primary" plain block to="/createPatientCard">我没有诊疗卡</van-button>
-      </div>
+      <bind-card-method></bind-card-method>
     </van-dialog>
   </window-size>
 </template>
@@ -36,7 +32,11 @@
 <script>
 import store from '../../../store'
 import { computed, ref } from 'vue'
+import BindCardMethod from "../../../components/bind-card-method/index.vue";
 export default {
+  components: {
+    BindCardMethod
+  },
   setup() {
     const cards = computed(() => {
       return store.state.patientCards

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

@@ -10,11 +10,7 @@
       :show-confirm-button="false"
       show-cancel-button
     >
-      <div style="padding: 20px">
-        <van-button type="primary" block to="/bindPatientCard">绑定已有的诊疗卡</van-button>
-        <div style="height: 10px"></div>
-        <van-button type="primary" plain block to="/createPatientCard">我没有诊疗卡</van-button>
-      </div>
+      <bind-card-method></bind-card-method>
     </van-dialog>
   </window-size>
 </template>
@@ -23,8 +19,12 @@
 import store from '../../../store'
 import empty from '../../../assets/empty.png'
 import { computed, ref } from 'vue'
+import BindCardMethod from "../../../components/bind-card-method/index.vue";
 export default {
   name: 'MyPatientIdCards',
+  components: {
+    BindCardMethod
+  },
   setup() {
     const showEmpty = computed(() => {
       return store.state.patientCards.length === 0