修改

src/views/manage/components/cardlist.vue

@@ -1,12 +1,9 @@
 <template>
   <div :style="{ height: maxTableHeight + 'px' }" class="cardlist">
     <div v-for="(item, index) in patientInfoList" :key="item.id">
-      <div
+      <div @click="handleAuthRole(item, index)" class="cards">
-        @click="handleAuthRole(item, index)"
-        :class="listindex == index ? 'cards' : ''"
-      >
         <div class="carditem">
-          <div class="top">
+          <div class="top" @click="handleAuth(item, index)">
             <img
               v-if="item.sex == 'FEMALE'"
               src="../../../assets/manage/nvtouxiang.png"
@@ -24,6 +21,7 @@
               effect="dark"
               :content="item.patientName"
               placement="top"
+              @click="handleAuth(item, index)"
             >
               <span> {{ item.patientName }} </span>
             </el-tooltip>
@@ -50,26 +48,38 @@
             </div>
             <div class="diagnosis">诊断名称：{{ item.mainDiagnosis }}</div>
             <div class="diagnosi">诊断状态:{{ item.patientSignStatus }}</div>
-          </div>
-          <div class="bottom">
             <div class="formitembutton" @click.stop="handleedit(item)">
               画像编辑
             </div>
+          </div>
+          <div class="bottom">
             <div class="formitem">医生：{{ item.attendingPhysician }}</div>
             <div class="formitem">科室：{{ item.departmentName }}</div>
             <div class="formitem">就诊时间：{{ item.visitDate }}</div>
             <div class="formitem flex">
               <span> 康复计划执行率：</span>
-              <el-progress  v-if="item.taskExecuteRate==0||item.taskExecuteRate==null" :percentage="0"></el-progress>
+              <el-progress
-              <el-progress  v-else :percentage="item.taskExecuteRate"></el-progress>
+                v-if="item.taskExecuteRate == 0 || item.taskExecuteRate == null"
+                :percentage="0"
+              ></el-progress>
+              <el-progress
+                v-else
+                :percentage="item.taskExecuteRate"
+              ></el-progress>
               <span style="flex: 0.1"
                 >({{ item.taskExecuteNum }}/{{ item.taskNum }})</span
               >
             </div>
             <div class="formitem flex">
               <span> 康复计划完成率： </span>
-              <el-progress  v-if="item.taskFinishRate==0||item.taskFinishRate==null" :percentage="0"></el-progress>
+              <el-progress
-              <el-progress  v-else :percentage="item.taskFinishRate"></el-progress>
+                v-if="item.taskFinishRate == 0 || item.taskFinishRate == null"
+                :percentage="0"
+              ></el-progress>
+              <el-progress
+                v-else
+                :percentage="item.taskFinishRate"
+              ></el-progress>
               <span style="flex: 0.1"
                 >({{ item.taskFinishNum }}/{{ item.taskNum }})</span
               >
@@ -98,13 +108,13 @@ export default {
   },
   data() {
     return {
-      listindex: 0,
+      isDoubleClicked: false,
     };
   },
   mounted() {},
   methods: {
-    handleAuthRole(item, index) {
+    // 单机头像和姓名进入详情
-      this.listindex = index;
+    handleAuth(item, index) {
       this.$router.push({
         path: "/patient/patientdetails",
         query: {
@@ -123,6 +133,35 @@ export default {
         },
       });
     },
+  // 双击进入详情
+    handleAuthRole(item, index) {
+      if (this.isDoubleClicked) {
+        //这里写你实现双击后的逻辑代码
+        console.log("实现双击！");
+        this.$router.push({
+          path: "/patient/patientdetails",
+          query: {
+            path: "/patient/patientInfo",
+            patientId: item.id,
+            cardNo: item.cardNo,
+            patientName: item.patientName,
+            patientPhone: item.patientPhone,
+            sex: item.sex,
+            birthDate: item.birthDate,
+            familyMemberPhone: item.familyMemberPhone,
+            address: item.address,
+            patientSource: item.patientSource,
+            createTime: item.createTime,
+            age: item.birthDate ? getAge(item.birthDate) : "",
+          },
+        });
+      } else {
+        this.isDoubleClicked = true;
+        setTimeout(() => {
+          this.isDoubleClicked = false;
+        }, 250);
+      }
+    },
     // 画像编辑
     handleedit(item) {
       this.$router.push({
@@ -155,12 +194,19 @@ export default {
   overflow: hidden;
   width: 263px;
   height: 262px;
-  border: 2px solid #1890ff;
+  // border: 2px solid #1890ff;
   border-radius: 10px;
   font-size: 14px;
   font-weight: 600;
   z-index: 9999;
 }
+.cards:hover {
+  border: 2px solid #1890ff;
+  // -webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);
+  //                box-shadow:0 15px 30px rgba(0,0,0,.3);
+  //                -webkit-transform:translate3d(0,-10px,0);
+  cursor: pointer;
+}
 .cardlist {
   display: flex;
   flex-wrap: wrap;
@@ -192,21 +238,6 @@ export default {
         overflow: hidden;
         overflow: hidden;
       }
-      .formitembutton {
-        height: 26px;
-        line-height: 26px;
-        font-size: 12px;
-        color: #756a5e;
-        font-weight: 550;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        float: right;
-        overflow: hidden;
-      }
-      .formitembutton:hover {
-        color: #2d56fb;
-      }
 
       .flex {
         display: flex;
@@ -322,6 +353,24 @@ export default {
         overflow: hidden;
         padding-right: 4px;
       }
+      .formitembutton {
+        position: absolute;
+        color: #756a5e;
+        font-weight: 550;
+        left: 200px;
+        top: 60px;
+        font-size: 12px;
+        height: 19px;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        padding-right: 4px;
+      }
+      .formitembutton:hover {
+        color: #2d56fb;
+        border-bottom: 1px solid #2d56fb;
+      }
 
       .name {
         position: absolute;