xg

src/api/manage/patientInfo.js

@@ -42,3 +42,13 @@ export function delPatientInfo(id) {
         method: 'delete'
     })
 }
+
+
+//卡片列表
+export function getPatientList(query) {
+    return request({
+        url: '/manage/patientInfo/getPatientList',
+        method: 'get',
+        params: query
+    })
+}

src/views/manage/components/cardlist.vue

@@ -6,42 +6,48 @@
                     <!-- <img src="../../../assets/manage/nvtouxiang.png" alt="" class="img" /> -->
                     <img src="../../../assets/manage/touxiang.png" alt="" class="img" />
                     <div class="name">
-                        张三
+                        {{ item.patientName }}
                     </div>
                     <div class="agesex">
-                        女
+                        {{ item.sex == 'MALE' ? '男' : "" }}
+                        {{ item.sex == 'FEMALE' ? '女' : "" }}
                         <span style="padding: 0 3px;">|</span>
-                        64岁
-                        <!-- <span class="zy">在院</span> -->
-                        <!-- <span class="cy">出院</span> -->
-                        <span class="yzy">预住院</span>
-                        <!-- <span class="mz">门诊</span> -->
+                        <span v-if="item.age">
+                            {{ item.age }}岁
+                        </span>
+                        <span class="zy" v-if="item.patientType == 'IN_HOSPITAL_PATIENT'">在院</span>
+                        <span class="cy" v-if="item.patientType == 'DISCHARGED_PATIENT'">出院</span>
+                        <span class="yzy" v-if="item.patientType == 'PRE_HOSPITALIZED_PATIENT'">预住院</span>
+                        <span class="mz" v-if="item.patientType == 'OUTPATIENT'">门诊</span>
+                        <!-- <span class="mz" v-if="item.patientType == 'CONTRACTED_PATIENT'">签约</span> -->
                     </div>
                     <div class="diagnosis">
-                        诊断名称：
+                        诊断名称：{{ item.mainDiagnosis }}
                     </div>
                 </div>
                 <div class="bottom">
                     <div class="formitem">
-                        医生：李四
+                        医生：{{ item.attendingPhysician }}
                     </div>
                     <div class="formitem">
-                        科室：心血管内科
+                        科室：{{ item.departmentName }}
                     </div>
                     <div class="formitem">
-                        就诊时间：2024-06-27
+                        就诊时间：{{ item.visitDate }}
                     </div>
                     <div class="formitem flex">
                         <span>
                             康复计划执行率：
                         </span>
-                        <el-progress :percentage="0" :format="format"></el-progress>
+                        <el-progress :percentage="item.taskExecuteRate"></el-progress>
+                        <span style="flex:0.1">({{ item.taskExecuteNum }} / {{ item.taskNum }})</span>
                     </div>
                     <div class="formitem flex">
                         <span>
                             康复计划完成率：
                         </span>
-                        <el-progress :percentage="100" :format="format"></el-progress>
+                        <el-progress :percentage="item.taskFinishRate"></el-progress>
+                        <span style="flex:0.1">({{ item.taskFinishNum }} / {{ item.taskNum }})</span>
                     </div>
                     <div class="formitem">
                         下次任务：
@@ -71,9 +77,6 @@ export default {
     mounted() {
     },
     methods: {
-        format(percentage) {
-            return percentage === 100 ? `${percentage}%(3/3)` : `${percentage}%(3/3)`;
-        }
     }
 }
 </script>
@@ -95,7 +98,7 @@ export default {
         font-weight: 600;
 
         .bottom {
-            height: 160px;
+            height: 165px;
             padding: 0 6px;
 
             .formitem {
@@ -120,12 +123,12 @@ export default {
 
                 ::v-deep .el-progress__text {
                     font-size: 12px !important;
-                    flex: 0.8;
+                    flex: 0.5;
                     text-align: right;
                 }
 
                 span {
-                    flex: 0.8;
+                    flex: 0.5;
                     max-width: 50%;
                 }
 
@@ -138,10 +141,11 @@ export default {
         }
 
         .top {
-            height: 100px;
+            height: 85px;
             background-color: #F7F8FA;
             position: relative;
             border-radius: 10px 10px 0 0;
+            margin-bottom: 10px;
 
             .img {
                 margin: 10px 0 0 10px;
@@ -202,9 +206,9 @@ export default {
                 left: 70px;
                 top: 42px;
                 font-size: 12px;
-                height: 48px;
+                height: 32px;
                 display: -webkit-box;
-                -webkit-line-clamp: 3;
+                -webkit-line-clamp: 2;
                 -webkit-box-orient: vertical;
                 overflow: hidden;
                 padding-right: 4px;

src/views/manage/patientInfo/index.vue

@@ -154,7 +154,7 @@
 </template>
 
 <script>
-import { listPatientInfo } from "@/api/manage/patientInfo";
+import { getPatientList } from "@/api/manage/patientInfo";
 import { getAge } from "@/utils/age";
 import { selectAgencyList, getDepartmentList, getAgencyList } from "@/api/manage/selectAgencyList";
 import { usergetList } from "@/api/unitconfig/patientConfiguration";
@@ -286,7 +286,7 @@ export default {
     getList() {
       this.loading = true;
       this.queryParams.params = {};
-      listPatientInfo(this.queryParams).then(response => {
+      getPatientList(this.queryParams).then(response => {
         response.rows.forEach(e => {
           e.birthDate ? e.age = getAge(e.birthDate) : ''
         })