修改

src/views/manage/components/cardlist.vue

@@ -1,7 +1,7 @@
 <template>
   <div :style="{ height: maxTableHeight + 'px' }" class="cardlist">
     <div v-for="(item, index) in patientInfoList" :key="item.id">
-      <div @click="handleAuthRole(item, index)" class="cards">
+      <div @dblclick="handleAuthRole(item, index)" class="cards">
         <div class="carditem">
           <div class="top">
             <img v-if="item.sex == 'FEMALE'" src="../../../assets/manage/nvtouxiang.png" alt="" class="img"
@@ -98,9 +98,7 @@ export default {
     },
     // 双击进入详情
     handleAuthRole(item, index) {
-      if (this.isDoubleClicked) {
         //这里写你实现双击后的逻辑代码
-        console.log("实现双击！");
         this.$router.push({
           path: "/patient/patientdetails",
           query: {
@@ -118,12 +116,7 @@ export default {
             age: item.birthDate ? getAge(item.birthDate) : "",
           },
         });
-      } else {
+   
-        this.isDoubleClicked = true;
-        setTimeout(() => {
-          this.isDoubleClicked = false;
-        }, 250);
-      }
     },
     // 画像编辑
     handleedit(item) {
@@ -155,8 +148,8 @@ export default {
   margin-right: 10px;
   margin-bottom: 10px;
   overflow: hidden;
-  width: 263px;
+  // width: 100%;
-  height: 262px;
+  // height: 256px;
   border-radius: 10px;
   font-size: 14px;
   font-weight: 600;
@@ -175,8 +168,8 @@ export default {
   overflow-y: auto;
 
   .carditem {
-    margin-right: 10px;
+    // margin-right: 10px;
-    margin-bottom: 10px;
+    // margin-bottom: 10px;
     width: 260px;
     min-height: 200px;
     border: 1px solid #dcdfe6;
@@ -185,7 +178,7 @@ export default {
     font-weight: 600;
 
     .bottom {
-      height: 165px;
+      // height: 165px;
       padding: 0 6px;
 
       .formitem {