list.js 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  1. const app = getApp()
  2. import WxValidate from '../../../utils/wxValidate';
  3. Page({
  4. data: {
  5. frameStyle: { useTop: true, name: '学员信息管理', leftArrow: true, useBar: false },
  6. id: '',
  7. form: { icon: [] },
  8. // 性别
  9. genderList: [],
  10. //运动等级
  11. levelList: [],
  12. },
  13. initValidate() {
  14. const rules = { icon: { required: true }, name: { required: true }, age: { required: true }, gender: { required: true }, phone: { required: true, tel: true } }
  15. // 验证字段的提示信息,若不传则调用默认的信息
  16. const messages = { icon: { required: '请选择头像' }, name: { required: '请输入学员姓名' }, age: { required: '请输入年龄' }, gender: { required: '请选择性别' }, phone: { required: '请输入联系电话' } };
  17. this.WxValidate = new WxValidate(rules, messages)
  18. },
  19. // 返回
  20. back: function () {
  21. wx.navigateBack({ delta: 1 })
  22. },
  23. //上传图片
  24. imgUpl: function (e) {
  25. const that = this;
  26. let data = that.data.form.icon;
  27. data.push(e.detail)
  28. that.setData({ 'form.icon': data })
  29. },
  30. // 删除图片
  31. imgDel: function (e) {
  32. const that = this;
  33. let list = that.data.form.icon;
  34. let arr = list.filter((i, index) => index != e.detail.index)
  35. that.setData({ 'form.icon': arr })
  36. },
  37. // 选择性别
  38. genderChange: function (e) {
  39. const that = this;
  40. let data = that.data.genderList[e.detail.value];
  41. if (data) {
  42. that.setData({ 'form.gender': data.value });
  43. that.setData({ 'form.zhGender': data.label });
  44. }
  45. },
  46. // 选择等级
  47. levelChange: function (e) {
  48. const that = this;
  49. let data = that.data.levelList[e.detail.value];
  50. if (data) {
  51. that.setData({ 'form.level': data.value });
  52. that.setData({ 'form.zhLevel': data.label });
  53. }
  54. },
  55. //提交
  56. onSubmit: async function (e) {
  57. const that = this;
  58. const form = that.data.form;
  59. const params = e.detail.value;
  60. params.icon = form.icon;
  61. if (!this.WxValidate.checkForm(params)) {
  62. const error = this.WxValidate.errorList[0];
  63. wx.showToast({ title: `${error.msg}`, icon: 'error', duration: 2000 })
  64. return false
  65. } else {
  66. let arr;
  67. if (form._id) arr = await app.$post(`/student/${form._id}`, params);
  68. if (arr.errcode == '0') { wx.showToast({ title: `维护信息完成`, icon: 'success', duration: 2000 }); that.back(); }
  69. else wx.showToast({ title: `${errmsg}`, icon: 'error', duration: 2000 })
  70. }
  71. },
  72. /**
  73. * 生命周期函数--监听页面加载
  74. */
  75. onLoad: async function (options) {
  76. const that = this;
  77. that.setData({ id: options.id || '' })
  78. //验证规则函数
  79. that.initValidate();
  80. // 查询其他信息
  81. await that.searchOther();
  82. // 监听用户是否登录
  83. await that.watchLogin();
  84. },
  85. searchOther: async function () {
  86. const that = this;
  87. let arr;
  88. // 性别
  89. arr = await app.$get(`/dict`, { code: 'gender' });
  90. if (arr.errcode == '0' && arr.total > 0) {
  91. let list = arr.data[0].list;
  92. that.setData({ genderList: list })
  93. }
  94. // 运动等级
  95. arr = await app.$get(`/dict`, { code: 'student_grade' });
  96. if (arr.errcode == '0' && arr.total > 0) {
  97. let list = arr.data[0].list;
  98. that.setData({ levelList: list })
  99. }
  100. },
  101. // 监听用户是否登录
  102. watchLogin: async function () {
  103. const that = this;
  104. let genderList = that.data.genderList;
  105. let levelList = that.data.levelList;
  106. wx.getStorage({
  107. key: 'user',
  108. success: async res => {
  109. const arr = await app.$get(`/student/${res.data?.info?._id}`);
  110. if (arr.errcode == '0') {
  111. let gender = genderList.find(i => i.value == arr.data.gender)
  112. if (gender) arr.data.zhGender = gender.label;
  113. let level = levelList.find(i => i.value == arr.data.level)
  114. if (level) arr.data.zhLevel = level.label;
  115. that.setData({ form: arr.data });
  116. }
  117. },
  118. fail: async res => {
  119. wx.redirectTo({ url: '/pages/index/index' })
  120. }
  121. })
  122. },
  123. /**
  124. * 生命周期函数--监听页面初次渲染完成
  125. */
  126. onReady: function () {
  127. },
  128. /**
  129. * 生命周期函数--监听页面显示
  130. */
  131. onShow: function () {
  132. },
  133. /**
  134. * 生命周期函数--监听页面隐藏
  135. */
  136. onHide: function () {
  137. },
  138. /**
  139. * 生命周期函数--监听页面卸载
  140. */
  141. onUnload: function () {
  142. },
  143. /**
  144. * 页面相关事件处理函数--监听用户下拉动作
  145. */
  146. onPullDownRefresh: function () {
  147. },
  148. /**
  149. * 页面上拉触底事件的处理函数
  150. */
  151. onReachBottom: function () {
  152. },
  153. /**
  154. * 用户点击右上角分享
  155. */
  156. onShareAppMessage: function () {
  157. }
  158. })