feat: 疗休养优化布局

src/main/resources/static/components/staffbenefit/therapyRecuperation/Enrollinfo.vue

@@ -68,7 +68,23 @@
             </h3>
           </div>
           <div class="panel-body" style="border: 1px solid rgb(235, 238, 245)">
-            <el-table :data="viewData.companionList">
+            <div v-if="familyCards" class="therapy-family-list">
+              <div v-for="(item, index) in viewData.companionList" :key="item.id || index" class="therapy-family-card">
+                <div class="therapy-family-title">家属 {{ index + 1 }} · {{ item.userName }}</div>
+                <el-descriptions :column="3" border class="therapy-family-details">
+                  <el-descriptions-item label="姓名">{{ item.userName }}</el-descriptions-item>
+                  <el-descriptions-item label="性别">{{ item.sex }}</el-descriptions-item>
+                  <el-descriptions-item label="关系">{{ item.relation }}</el-descriptions-item>
+                  <el-descriptions-item label="身份证号">{{ item.idCard }}</el-descriptions-item>
+                  <el-descriptions-item label="年龄">{{ item.age }}</el-descriptions-item>
+                  <el-descriptions-item label="床型">{{ item.bedInfo?.bedType }}</el-descriptions-item>
+                  <el-descriptions-item label="床位">{{ item.bedInfo?.bedNum }}</el-descriptions-item>
+                  <el-descriptions-item label="意向拼床人">{{ item.bedInfo?.otherSleepUser || '暂无' }}</el-descriptions-item>
+                </el-descriptions>
+              </div>
+              <el-empty v-if="!viewData.companionList || !viewData.companionList.length" description="暂无家属信息" :image-size="60"></el-empty>
+            </div>
+            <el-table v-else :data="viewData.companionList">
               <el-table-column label="姓名" prop="userName"></el-table-column>
               <el-table-column label="性别" prop="sex"></el-table-column>
               <el-table-column label="身份证号" prop="idCard"></el-table-column>
@@ -138,6 +154,10 @@
 <script>
 module.exports = {
   props: {
+    familyCards: {
+      type: Boolean,
+      default: false,
+    },
     union_id: {
       type: String,
       default: "",