my_entries.js 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. const app = getApp();
  2. Page({
  3. data: {
  4. members: [],
  5. loading: true,
  6. empty: false,
  7. showDetail: false,
  8. detailMember: null,
  9. showEditModal: false,
  10. editForm: {},
  11. isPassAwayOptions: ['健在', '已故', '未知'],
  12. maritalStatusOptions: ['未知', '未婚', '已婚', '离异/丧偶'],
  13. sexOptions: ['未知', '男', '女'],
  14. submitting: false
  15. },
  16. onShow() {
  17. if (typeof this.getTabBar === 'function' && this.getTabBar()) {
  18. this.getTabBar().setData({ selected: 2 });
  19. }
  20. this.loadMyEntries();
  21. },
  22. loadMyEntries() {
  23. this.setData({ loading: true, empty: false });
  24. wx.request({
  25. url: `${app.globalData.baseUrl}/api/members/my`,
  26. method: 'GET',
  27. header: { 'Authorization': `Bearer ${app.globalData.token}` },
  28. success: (res) => {
  29. if (res.data && res.data.success) {
  30. const members = res.data.data || [];
  31. this.setData({
  32. members,
  33. loading: false,
  34. empty: members.length === 0
  35. });
  36. } else {
  37. wx.showToast({ title: res.data?.message || '加载失败', icon: 'none' });
  38. this.setData({ loading: false, empty: true });
  39. }
  40. },
  41. fail: () => {
  42. wx.showToast({ title: '网络请求失败', icon: 'none' });
  43. this.setData({ loading: false, empty: true });
  44. }
  45. });
  46. },
  47. onRefresh() {
  48. this.loadMyEntries();
  49. },
  50. viewDetail(e) {
  51. const member = e.currentTarget.dataset.member;
  52. this.setData({ showDetail: true, detailMember: member });
  53. },
  54. closeDetail() {
  55. this.setData({ showDetail: false, detailMember: null });
  56. },
  57. openEdit(e) {
  58. const member = e.currentTarget.dataset.member;
  59. this.setData({
  60. showEditModal: true,
  61. showDetail: false,
  62. editForm: {
  63. id: member.id,
  64. name: member.name || '',
  65. simplified_name: member.simplified_name || '',
  66. sex: member.sex != null ? member.sex : 1,
  67. birthday: member.birthday_date || '',
  68. family_rank: member.family_rank || '',
  69. name_word_generation: member.name_word_generation || '',
  70. is_pass_away: member.is_pass_away || 0,
  71. marital_status: member.marital_status || 0,
  72. phone: member.phone || '',
  73. notes: member.notes || ''
  74. }
  75. });
  76. },
  77. closeEdit() {
  78. this.setData({ showEditModal: false });
  79. },
  80. onEditInput(e) {
  81. const field = e.currentTarget.dataset.field;
  82. const editForm = { ...this.data.editForm };
  83. editForm[field] = e.detail.value;
  84. this.setData({ editForm });
  85. },
  86. onPickerChange(e) {
  87. const field = e.currentTarget.dataset.field;
  88. const editForm = { ...this.data.editForm };
  89. editForm[field] = parseInt(e.detail.value);
  90. this.setData({ editForm });
  91. },
  92. submitEdit() {
  93. if (this.data.submitting) return;
  94. const form = this.data.editForm;
  95. if (!form.name || !form.name.trim()) {
  96. wx.showToast({ title: '姓名不能为空', icon: 'none' });
  97. return;
  98. }
  99. this.setData({ submitting: true });
  100. wx.request({
  101. url: `${app.globalData.baseUrl}/api/member/${form.id}`,
  102. method: 'PUT',
  103. header: {
  104. 'Authorization': `Bearer ${app.globalData.token}`,
  105. 'Content-Type': 'application/json'
  106. },
  107. data: form,
  108. success: (res) => {
  109. this.setData({ submitting: false });
  110. if (res.data && res.data.success) {
  111. wx.showToast({ title: '修改成功', icon: 'success' });
  112. this.setData({ showEditModal: false });
  113. this.loadMyEntries();
  114. } else {
  115. wx.showToast({ title: res.data?.message || '修改失败', icon: 'none' });
  116. }
  117. },
  118. fail: () => {
  119. this.setData({ submitting: false });
  120. wx.showToast({ title: '网络请求失败', icon: 'none' });
  121. }
  122. });
  123. },
  124. confirmDelete(e) {
  125. const member = e.currentTarget.dataset.member;
  126. wx.showModal({
  127. title: '确认删除',
  128. content: `确定要删除「${member.name}」的录入信息吗?此操作不可撤销。`,
  129. confirmColor: '#e74c3c',
  130. success: (res) => {
  131. if (res.confirm) {
  132. this.deleteMember(member.id);
  133. }
  134. }
  135. });
  136. },
  137. deleteMember(id) {
  138. wx.request({
  139. url: `${app.globalData.baseUrl}/api/members/${id}`,
  140. method: 'DELETE',
  141. header: { 'Authorization': `Bearer ${app.globalData.token}` },
  142. success: (res) => {
  143. if (res.data && res.data.success) {
  144. wx.showToast({ title: '删除成功', icon: 'success' });
  145. this.loadMyEntries();
  146. } else {
  147. wx.showToast({ title: res.data?.message || '删除失败', icon: 'none' });
  148. }
  149. },
  150. fail: () => {
  151. wx.showToast({ title: '网络请求失败', icon: 'none' });
  152. }
  153. });
  154. },
  155. stopProp(e) {}
  156. });