护理看板护理等级

src/views/single-page/InpatientBoardV2/BoardCardNew.vue

@@ -29,38 +29,38 @@ function sexName(value: any) {
   return "";
 }
 
-const handleNursingImg = (item)=>{
-    console.log(item,'item');
-    let url = ""
-    switch (item.nursingLevel) {
-        case "特级护理":
-             url = "/src/assets/dashboard/nursingLevel4.png"
-            break;
-        case "一级护理":
-             url = "/src/assets/dashboard/nursingLevel1.png"
-            break;
-        case "二级护理":
-             url = "/src/assets/dashboard/nursingLevel2.png"
-            break;
-        case "三级护理":
-             url = "/src/assets/dashboard/nursingLevel3.png"
-            break;
-        default:
-            break;
-    }
-    
-    return url
-    // console.log("item",item.name);
+const handleNursingImg = (item) => {
+  console.log(item, 'item');
+  let url = ""
+  switch (item.nursingLevel) {
+    case "特级护理":
+      url = "/src/assets/dashboard/nursingLevel4.png"
+      break;
+    case "一级护理":
+      url = "/src/assets/dashboard/nursingLevel1.png"
+      break;
+    case "二级护理":
+      url = "@/assets/dashboard/nursingLevel2.png"
+      break;
+    case "三级护理":
+      url = "@/assets/dashboard/nursingLevel3.png"
+      break;
+    default:
+      break;
+  }
+
+  return url
+  // console.log("item",item.name);
 }
 
-const daysDistance = (date1,date2) => { 
-    console.log('date1',date1);
-    console.log('date2',date2);
-    //date格式为字符串 2025-6-27
-    date1 = Date.parse(date1);
-    date2 = Date.parse(date2);
-    let   ms = Math.abs(date1-date2); // 相差的毫秒数
-    return Math.floor(ms/(1000 * 60 * 60 * 24)); // 相差的天数
+const daysDistance = (date1, date2) => {
+  console.log('date1', date1);
+  console.log('date2', date2);
+  //date格式为字符串 2025-6-27
+  date1 = Date.parse(date1);
+  date2 = Date.parse(date2);
+  let ms = Math.abs(date1 - date2); // 相差的毫秒数
+  return Math.floor(ms / (1000 * 60 * 60 * 24)); // 相差的天数
 };
 
 function huliFunc(value: InpatientBrief) {
@@ -153,23 +153,21 @@ onMounted(() => {
 </script>
 
 <template>
-  <div
-    style="overflow: hidden; flex-wrap: wrap; height: 100%"
-    :ref="(el: any) => store.infoEl.value = el"
-  >
+  <div style="overflow: hidden; flex-wrap: wrap; height: 100%" :ref="(el: any) => store.infoEl.value = el">
     <div v-for="father in scrollingInfo.data" class="board-row">
       <div class="board-col" v-for="item in father">
         <div class="board-card">
           <div class="card-top flex-center-row">
             <div class="card-top-area-1 flex-center-row">
-              <img
-                style="width: 20px; height: 20px"
-                :src="handleNursingImg(item)"
-                alt=""
-              />
-              <!-- <img src="../../../assets/dashboard/nursingLevel4.png" 
-              style="width: 20px;height: 20px;"
-              alt="" /> -->
+              <!-- <img style="width: 20px; height: 20px" :src="handleNursingImg(item)" alt="" /> -->
+              <img v-if="item.nursingLevel == '特级护理'" style="width: 20px; height: 20px"
+                src="../../../assets/dashboard/nursingLevel4.png" alt="" />
+              <img v-if="item.nursingLevel == '一级护理'" style="width: 20px; height: 20px"
+                src="../../../assets/dashboard/nursingLevel1.png" alt="" />
+              <img v-if="item.nursingLevel == '二级护理'" style="width: 20px; height: 20px"
+                src="../../../assets/dashboard/nursingLevel2.png" alt="" />
+              <img v-if="item.nursingLevel == '三级护理'" style="width: 20px; height: 20px"
+                src="../../../assets/dashboard/nursingLevel3.png" alt="" />
             </div>
             <div class="card-top-area-2 flex-center-row">
               <span>{{ item.bedNo }}</span>
@@ -260,20 +258,24 @@ $padding: 0.63rem;
       box-sizing: border-box;
       background-color: #ffffff;
       color: #747e92;
+
       img {
         width: 30px;
         height: 30px;
       }
+
       .card-top {
         width: 100%;
         height: 25%;
         border-bottom: 1px solid #e6e6e6;
         display: flex;
+
         // display: flex;
         .card-top-area-1 {
           width: 20%;
           height: 100%;
         }
+
         .card-top-area-2 {
           width: 60%;
           height: 100%;
@@ -281,6 +283,7 @@ $padding: 0.63rem;
           font-size: 1.5rem;
           font-weight: bold;
         }
+
         .card-top-area-3 {
           width: 20%;
           height: 100%;
@@ -302,6 +305,7 @@ $padding: 0.63rem;
           justify-content: space-between;
           align-items: center;
         }
+
         .card-content-2 {
           width: 100%;
           height: 50%;
@@ -320,14 +324,11 @@ $padding: 0.63rem;
         padding: 5px 20px;
         font-size: 1rem;
 
-        .card-bottom-left{
-
-        }
-
-        .card-bottom-right{
+        .card-bottom-left {}
 
-        }
+        .card-bottom-right {}
       }
+
       //   background: #204698;
       //   border-radius: 15px;
     }
@@ -345,6 +346,7 @@ $padding: 0.63rem;
   justify-content: center;
   align-items: center;
 }
+
 .flex-center-column {
   display: flex;
   flex-direction: column;