1

src/pages/member-info-detail/member-info-detail.vue

@@ -1,31 +1,129 @@
 <template>
   <view>
+    <div class="section-title">基本信息</div>
     <div class="detail-item">
       <div class="label">姓名:</div>
-      <div class="value">{{ profolio.name }}</div>
+      <div class="value">{{ portfolio.name }}</div>
     </div>
     <div class="detail-item">
-      <div class="label">手机:</div>
+      <div class="label">出生日期:</div>
-      <div class="value">{{ profolio.phoneNumber }}</div>
+      <div class="value">{{ portfolio.birthDate }}</div>
+    </div>
+    <div class="detail-item">
+      <div class="label">性别:</div>
+      <div class="value">{{ portfolio.gender }}</div>
     </div>
     <div class="detail-item">
       <div class="label">民族:</div>
-      <div class="value">{{ profolio.ethnicity }}</div>
+      <div class="value">{{ portfolio.ethnicity }}</div>
+    </div>
+    <div class="detail-item">
+      <div class="label">籍贯:</div>
+      <div class="value">{{ portfolio.nativePlace }}</div>
     </div>
     <div class="detail-item">
       <div class="label">身份证号:</div>
-      <div class="value">{{ profolio.idCardNumber }}</div>
+      <div class="value">{{ portfolio.idCardNumber }}</div>
+    </div>
+    <div class="section-title">联系信息</div>
+    <div class="detail-item">
+      <div class="label">住址:</div>
+      <div class="value">{{ portfolio.address }}</div>
+    </div>
+    <div class="detail-item">
+      <div class="label">联系电话:</div>
+      <div class="value">{{ portfolio.phoneNumber }}</div>
+    </div>
+    <div class="detail-item">
+      <div class="label">电子邮件地址:</div>
+      <div class="value">{{ portfolio.emailAddress }}</div>
+    </div>
+    <div class="detail-item">
+      <div class="label">紧急联系人姓名:</div>
+      <div class="value">{{ portfolio.emergencyContactName }}</div>
+    </div>
+    <div class="detail-item">
+      <div class="label">紧急联系人电话:</div>
+      <div class="value">{{ portfolio.emergencyContactPhone }}</div>
+    </div>
+    <div class="section-title">预先规划的殡葬信息</div>
+    <div class="detail-item">
+      <div class="label">殡葬方式:</div>
+      <div class="value">{{ portfolio.funeralMethod }}</div>
+    </div>
+    <div class="detail-item">
+      <div class="label">预期的礼仪类型:</div>
+      <div class="value">{{ portfolio.ceremonyType }}</div>
+    </div>
+    <div class="detail-item">
+      <div class="label">墓地信息:</div>
+      <div class="value">{{ portfolio.cemeteryInfo }}</div>
+    </div>
+    <div class="detail-item">
+      <div class="label">是否有预购墓地:</div>
+      <div class="value">{{ portfolio.prePurchasedGrave ? '是' : '否' }}</div>
+    </div>
+    <div class="detail-item">
+      <div class="label">是否有预定的葬礼地点:</div>
+      <div class="value">{{ portfolio.preReservedFuneralLocation }}</div>
+    </div>
+    <div class="detail-item">
+      <div class="label">是否有遗嘱或活葬指示:</div>
+      <div class="value">{{ portfolio.hasWillOrLivingDirective ? '是' : '否' }}</div>
+    </div>
+    <div class="section-title">财务信息</div>
+    <div class="detail-item">
+      <div class="label">支付方式:</div>
+      <div class="value">{{ portfolio.paymentMethod }}</div>
+    </div>
+    <div class="detail-item">
+      <div class="label">银行账户信息:</div>
+      <div class="value">{{ portfolio.bankAccountInfo }}</div>
+    </div>
+    <div class="detail-item">
+      <div class="label">预先支付的葬礼费用:</div>
+      <div class="value">{{ portfolio.prePaidFuneralCost }}</div>
+    </div>
+    <div class="section-title">法律文件</div>
+    <div class="detail-item">
+      <div class="label">遗嘱复印件:</div>
+      <div class="value">{{ portfolio.willCopy }}</div>
+    </div>
+    <div class="detail-item">
+      <div class="label">生前事务代理人指定书:</div>
+      <div class="value">{{ portfolio.preDeathAgentDesignation }}</div>
+    </div>
+    <div class="detail-item">
+      <div class="label">医疗事务代理人指定书:</div>
+      <div class="value">{{ portfolio.medicalAgentDesignation }}</div>
+    </div>
+    <div class="detail-item">
+      <div class="label">生命维持治疗决定书:</div>
+      <div class="value">{{ portfolio.lifeSupportDecision }}</div>
+    </div>
+    <div class="section-title">档案状态</div>
+    <div class="detail-item">
+      <div class="label">档案状态:</div>
+      <div class="value">{{ portfolio.portfolioStatus }}</div>
+    </div>
+    <div class="section-title">拒绝理由</div>
+    <div class="detail-item">
+      <div class="label">拒绝理由:</div>
+      <div class="value">{{ portfolio.rejectionReason }}</div>
     </div>
-    <!-- 其他详细信息的展示 -->
   </view>
 </template>
 
 <script setup>
-import { onMounted, ref } from 'vue'
+import { ref } from 'vue'
 
 const portfolio = ref({})
 const portfolioId = ref(0)
 
+onLoad((obj) => {
+  // 在组件挂载时获取档案详情
+  fetchProfileDetail(obj.portfolioId)
+})
 const fetchProfileDetail = (id) => {
   portfolioId.value = id
   // 发送请求获取档案详情数据
@@ -35,21 +133,14 @@ const fetchProfileDetail = (id) => {
     data: {
       portfolioId: portfolioId.value
     }
-  }).then((response) => {
+  }).then((res) => {
-    console.log(response.data)
+    console.log('@@@@')
-    portfolio.value = response.data
+    portfolio.value = res.data
-  }).catch((error) => {
-    console.error('Failed to fetch profile details:', error)
   })
 }
-
-onLoad((obj) => {
-  // 在组件挂载时获取档案详情
-  fetchProfileDetail(obj.portfolioId)
-})
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 /* 样式可以根据你的设计进行修改 */
 .detail-item {
   display: flex;
@@ -57,11 +148,18 @@ onLoad((obj) => {
 }
 
 .label {
-  width: 80px;
+  width: 100px;
   font-weight: bold;
 }
 
 .value {
   flex: 1;
 }
+
+.section-title {
+  font-size: 18px;
+  font-weight: bold;
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
 </style>

src/pages/member-info/member-info.vue

@@ -1,14 +1,14 @@
 <template>
   <div class="profile-list">
     <div class="profile-container">
-      <div class="profile-item" v-for="profile in portfolios" :key="profile.id">
+      <div class="profile-item" v-for="portfolio in portfolios" :key="portfolio.id">
         <!--        <img-show class="avatar" :src="your_image_url" :alt="your_alt_text"  />-->
-        <div class="info" @click="goToDetail(profile.portfolioId)">
+        <div class="info" @click="goToDetail(portfolio.portfolioId)">
-          <div class="name">{{ profile.name }}</div>
+          <div class="name">{{ portfolio.name }}</div>
           <div class="details">
-            <div class="detail">手机: {{ profile.phoneNumber }}</div>
+            <div class="detail">手机: {{ portfolio.phoneNumber }}</div>
-            <div class="detail">民族: {{ profile.ethnicity }}</div>
+            <div class="detail">民族: {{ portfolio.ethnicity }}</div>
-            <div class="detail">身份证号: {{ profile.idCardNumber }}</div>
+            <div class="detail">身份证号: {{ portfolio.idCardNumber }}</div>
           </div>
         </div>
       </div>

src/pages/member/member.vue

@@ -91,7 +91,6 @@
     })
 }
 
-
 /**
  * 跳转商品下详情
  */