1231

src/pages.json

@@ -170,7 +170,7 @@
       "path": "pages/member-info/member-info",
       "style": {
         "backgroundTextStyle": "light",
-        "navigationBarTitleText": "会员信息",
+        "navigationBarTitleText": "受益人档案",
         "navigationBarTextStyle": "black",
         "navigationBarBackgroundColor": "#fafafa"
       }
@@ -187,7 +187,7 @@
       "path": "pages/member-info-add/member-info-add",
       "style": {
         "backgroundTextStyle": "light",
-        "navigationBarTitleText": "会员建档",
+        "navigationBarTitleText": "受益人建档",
         "navigationBarTextStyle": "black",
         "navigationBarBackgroundColor": "#fafafa"
       }
@@ -198,6 +198,15 @@
     {
       "path": "pages/register/register"
     },
+    {
+      "path": "pages/message-info/message-info",
+      "style": {
+        "backgroundTextStyle": "light",
+        "navigationBarTitleText": "消息中心",
+        "navigationBarTextStyle": "black",
+        "navigationBarBackgroundColor": "#fafafa"
+      }
+    },
     {
       "path": "pages/agreement/agreement",
       "style": {
@@ -225,6 +234,12 @@
         "iconPath": "/static/images/tabbar/category.png",
         "selectedIconPath": "/static/images/tabbar/category-sel.png"
       },
+      {
+        "pagePath": "pages/message-info/message-info",
+        "text": "消息",
+        "iconPath": "/static/images/tabbar/message.jpg",
+        "selectedIconPath": "/static/images/tabbar/message.jpg"
+      },
       {
         "pagePath": "pages/basket/basket",
         "text": "购物车",

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

@@ -2,7 +2,7 @@
   <view class="container">
     <!-- 基本信息 -->
     <view class="form-section">
-      <view class="form-section-title">基本信息</view>
+      <view class="form-section-title">受益人基本信息</view>
       <view class="form-item">
         <text class="form-label">姓名:</text>
         <input type="text" class="form-input" v-model="form.name" placeholder="请输入姓名"/>
@@ -13,9 +13,12 @@
       </view>
       <view class="form-item">
         <text class="form-label">性别:</text>
-        <picker mode="selector" :range="gender" v-model="form.gender">
-          <view class="picker">{{ form.gender }}</view>
-        </picker>
+        <radio-group @change="radioChange">
+          <label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in gender" :key="item.value">
+            <radio :value="item.value" :checked="index === current"/>
+            {{ item.name }}&nbsp;
+          </label>
+        </radio-group>
       </view>
       <view class="form-item">
         <text class="form-label">民族:</text>
@@ -75,6 +78,14 @@
         <text class="form-label">长期用药信息:</text>
         <input type="text" class="form-input" v-model="form.longTermMedicationInfo" placeholder="请输入长期用药信息"/>
       </view>
+      <view class="form-item">
+        <text class="form-label">病症:</text>
+        <checkbox-group  @change="handleDiseaseChange">
+          <checkbox v-for="(item, index) in diseases" :key="index" :value="item">
+            {{ item }}
+          </checkbox>
+        </checkbox-group>
+      </view>
     </view>
 
     <!--
@@ -119,7 +130,7 @@
     -->
 
     <!-- 财务信息 -->
-    <view class="form-section">
+    <!--    <view class="form-section">
           <view class="form-section-title">财务信息</view>
           <view class="form-item">
             <text class="form-label">支付方式:</text>
@@ -133,7 +144,7 @@
             <text class="form-label">预先支付的葬礼费用:</text>
             <input type="text" class="form-input" v-model="form.prePaidFuneralCost" placeholder="请输入预先支付的葬礼费用"/>
           </view>
-    </view>
+        </view>-->
 
     <!-- 法律文件 -->
     <view class="form-section">
@@ -210,31 +221,55 @@ const form = ref({
   portfolioStatus: null,
 
   // 拒绝理由
-  rejectionReason: ''
+  rejectionReason: '',
+  disease: []
 })
-
-const gender = ref(['男', '女'])
+const gender = ref([{
+  value: '女',
+  name: '女',
+  checked: 'true'
+}, {
+  value: '男',
+  name: '男'
+}])
 const burialMethods = ref(['火葬', '土葬', '海葬'])
 const ceremonyTypes = ref(['宗教', '非宗教', '军人'])
 const yesNoOptions = ref(['是', '否'])
-const changeBurialMethods = (e) => {
-  console.log(e)
+const diseases = ref(['高血压', '高脂血症', '动脉粥样硬化', '冠心病', '脑卒中', '糖尿病', '慢性阻塞性肺病', '肿瘤', '不同专业相互渗透的疾病', '退行性心脏瓣膜病', '老年性白内障', '退行性骨关节病', '骨质疏松', '阿尔茨海默病', '老年痴呆症', '冠状动脉粥样硬化性心脏病', '脑梗死', '肺炎', '心力衰竭', '心肌梗死', '急性胃肠炎', '急性阑尾炎', '尿道感染', '甲状腺功能亢进症', '消化性溃疡', '慢性胃炎', '十二指肠炎', '十二指肠溃疡', '结肠炎', '老年性痴呆']
+)
+const handleGenderChange = (e) => {
+  form.value.gender = gender[e.detail.value]
+}
+const handleDiseaseChange = (selectedDiseases) => {
+  // 在这里处理动态添加或删除值的逻辑
+  // 例如，你可以将选中的疾病存储在 form.disease 中
+  // console.log(selectedDiseases.detail.value)
+  form.value.disease = selectedDiseases.detail.value
+}
+
+const radioChange = (e) => {
+  // console.log(e.detail.value)
+  form.value.gender = e.detail.value
 }
 const submitForm = () => {
+  form.value.disease = form.value.disease.join(',')
+
   http.request({
     url: '/p/user/portfolio/save',
     method: 'POST',
     data: form.value
-  })
-    .then(({
+  }).then(({
     data
   }) => {
     uni.hideLoading()
     uni.showToast({
-        title: data.data,
+      title: data,
       icon: 'none',
       duration: 1500
     })
+    uni.navigateTo({
+      url: '/pages/member-info/member-info'
+    })
   })
 }
 

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

@@ -1,5 +1,6 @@
 <template>
   <view>
+    <section class="section basic-info">
       <div class="section-title">基本信息</div>
       <div class="detail-item">
         <div class="label">姓名:</div>
@@ -46,6 +47,8 @@
         <div class="label">紧急联系人电话:</div>
         <div class="value">{{ portfolio.emergencyContactPhone }}</div>
       </div>
+    </section>
+<!--    <section class="section basic-info">
       <div class="section-title">预先规划的殡葬信息</div>
       <div class="detail-item">
         <div class="label">殡葬方式:</div>
@@ -71,6 +74,8 @@
         <div class="label">是否有遗嘱或活葬指示:</div>
         <div class="value">{{ portfolio.hasWillOrLivingDirective ? '是' : '否' }}</div>
       </div>
+    </section>
+    <section class="section basic-info">
       <div class="section-title">财务信息</div>
       <div class="detail-item">
         <div class="label">支付方式:</div>
@@ -84,6 +89,8 @@
         <div class="label">预先支付的葬礼费用:</div>
         <div class="value">{{ portfolio.prePaidFuneralCost }}</div>
       </div>
+    </section>-->
+    <section class="section basic-info">
       <div class="section-title">法律文件</div>
       <div class="detail-item">
         <div class="label">遗嘱复印件:</div>
@@ -101,6 +108,10 @@
         <div class="label">生命维持治疗决定书:</div>
         <div class="value">{{ portfolio.lifeSupportDecision }}</div>
       </div>
+      <div class="detail-item">
+        <div class="label">病症:</div>
+        <div class="value">{{ portfolio.disease }}</div>
+      </div>
       <div class="section-title">档案状态</div>
       <div class="detail-item">
         <div class="label">档案状态:</div>
@@ -111,6 +122,7 @@
         <div class="label">拒绝理由:</div>
         <div class="value">{{ portfolio.rejectionReason }}</div>
       </div>
+    </section>
   </view>
 </template>
 
@@ -142,6 +154,44 @@ const fetchProfileDetail = (id) => {
 
 <style scoped lang="scss">
 /* 样式可以根据你的设计进行修改 */
+.section {
+  margin-bottom: 20px;
+  padding: 10px;
+  border-radius: 8px;
+}
+
+.basic-info {
+  background-color: #e6f7ff; /* 设置基本信息的背景颜色 */
+}
+
+.contact-info {
+  background-color: #f6ffd1; /* 设置联系信息的背景颜色 */
+}
+
+.funeral-info {
+  background-color: #ffd6cc; /* 设置殡葬信息的背景颜色 */
+}
+
+.financial-info {
+  background-color: #e8f5e9; /* 设置财务信息的背景颜色 */
+}
+
+.legal-info {
+  background-color: #f3e5f5; /* 设置法律文件的背景颜色 */
+}
+
+.disease-info {
+  background-color: #fff9c4; /* 设置病症的背景颜色 */
+}
+
+.status-info {
+  background-color: #cfd8dc; /* 设置档案状态的背景颜色 */
+}
+
+.rejection-info {
+  background-color: #ffcdd2; /* 设置拒绝理由的背景颜色 */
+}
+
 .detail-item {
   display: flex;
   margin-bottom: 10px;

src/pages/message-info/message-info.vue

@@ -0,0 +1,13 @@
+<template>
+  <view class="container">
+    功能暂未开放
+  </view>
+</template>
+
+<script setup>
+
+</script>
+
+<style scoped lang="scss">
+
+</style>