training.js 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
  1. // subpackages/training/training.js
  2. import { models, db } from '../../utils/cloudbase.js'
  3. Page({
  4. /**
  5. * 页面的初始数据
  6. */
  7. data: {
  8. categoriesindex: 1,
  9. categories: [],
  10. viewType: 'list',
  11. courseList: [],
  12. sou: '',
  13. show_1: '',
  14. xiazi: '',
  15. categorieslist: {},
  16. pageNumber: 1,
  17. pageSize: 10,
  18. hasMore: true, // 是否还有更多数据
  19. isLoading: false, // 防止多次触发
  20. searchText: '', // 搜索关键词
  21. },
  22. onLoad(options) {
  23. // 存储 options 到 this 中
  24. this.options = options;
  25. // 获取tab数据
  26. this.getTabdata();
  27. const fileIDs = [
  28. 'cloud://honghgaier-5guiffgcf17a2eea.686f-honghgaier-5guiffgcf17a2eea-1373037829/images/icon/sou.png',
  29. 'cloud://honghgaier-5guiffgcf17a2eea.686f-honghgaier-5guiffgcf17a2eea-1373037829/images/icon/show_1.png',
  30. 'cloud://honghgaier-5guiffgcf17a2eea.686f-honghgaier-5guiffgcf17a2eea-1373037829/images/icon/xiazi.png',
  31. ];
  32. // 并发下载多个 fileID
  33. Promise.all(
  34. fileIDs.map(fileID => wx.cloud.downloadFile({ fileID }))
  35. ).then(results => {
  36. // 每个 result 对应一个下载结果
  37. const tempFilePaths = results.map(r => r.tempFilePath);
  38. console.log('全部下载成功:', tempFilePaths);
  39. this.setData({
  40. sou: tempFilePaths[0],
  41. show_1: tempFilePaths[1],
  42. xiazi: tempFilePaths[2],
  43. });
  44. }).catch(err => {
  45. console.error('有文件下载失败:', err);
  46. });
  47. },
  48. // tab数据
  49. async getTabdata() {
  50. const { data } = await models.tab.list({
  51. filter: {
  52. where: {
  53. position: Number(this.options.type), // 显示位置
  54. // layout_type: 0, // 布局类型
  55. },
  56. },
  57. // envType: pre 体验环境, prod 正式环境
  58. envType: "prod",
  59. });
  60. // 返回查询到的数据
  61. // console.log(data);
  62. const sortedRecords = data.records.sort((a, b) => {
  63. return a.sort - b.sort; // 升序排列
  64. });
  65. // 截取 name 中 "- " 后面的部分
  66. const processedRecords = sortedRecords.map(item => {
  67. let newName = item.name;
  68. if (newName.includes('-')) {
  69. // 按照 '-' 分割,并取第二段(去掉前后空格)
  70. newName = newName.split('-')[1].trim();
  71. }
  72. return {
  73. ...item,
  74. name: newName
  75. };
  76. });
  77. this.setData({
  78. categories: processedRecords
  79. }, () => {
  80. const type = 1;
  81. this.data.categories.forEach((item, index) => {
  82. if (item.sort === type) {
  83. this.setData({
  84. categorieslist: item,
  85. categoriesindex: type
  86. });
  87. if (this.data.categorieslist.layout_type === 1) {
  88. this.setData({ viewType: 'list' });
  89. } else {
  90. this.setData({ viewType: 'grid' });
  91. }
  92. // 获取列表数据
  93. this.getdatalist()
  94. }
  95. });
  96. })
  97. },
  98. onReachBottom() {
  99. // 上拉触底事件的处理函数
  100. this.loadMore();
  101. },
  102. loadMore() {
  103. // 加载更多数据的逻辑
  104. console.log('加载更多');
  105. // this.getdatalist(true);
  106. if (this.data.isLoading || !this.data.hasMore) return;
  107. this.setData({ isLoading: true });
  108. this.getdatalist(true);
  109. },
  110. // 模糊搜索
  111. onSearchInput(e) {
  112. const keyword = e.detail.value.trim();
  113. this.setData({
  114. searchText: keyword,
  115. pageNumber: 1,
  116. hasMore: true,
  117. goods: []
  118. }, () => {
  119. this.getdatalist(this.data.types_ids); // 重新加载
  120. });
  121. },
  122. // 列表数据
  123. async getdatalist(isLoadMore = false) {
  124. if (!this.data.categorieslist._id) return; // 防止 _id 为 undefined
  125. const { pageNumber, pageSize, searchText } = this.data;
  126. // 构造 where 条件
  127. const where = {
  128. tag_id: this.data.categorieslist._id,
  129. };
  130. // 模糊搜索关键字
  131. if (searchText) {
  132. where.name = {
  133. $regex_ci: searchText
  134. };
  135. }
  136. const { data } = await models.file_manage.list({
  137. filter: { where },
  138. pageSize,
  139. pageNumber,
  140. getCount: true, // 开启用来获取总数
  141. // envType: pre 体验环境, prod 正式环境
  142. envType: "prod",
  143. });
  144. const collectList = data.records || [];
  145. this.setData({
  146. courseList: isLoadMore ? this.data.courseList.concat(collectList) : collectList,
  147. pageNumber: pageNumber + 1,
  148. hasMore: collectList.length === pageSize,
  149. isLoading: false
  150. });
  151. },
  152. tabcategories(e) {
  153. const sort = Number(e.currentTarget.dataset.type); // 直接转换为数字
  154. const currentCategory = this.data.categories.find(item => item.sort === sort);
  155. if (!currentCategory) return;
  156. const viewType = currentCategory.layout_type === 1 ? 'list' : 'grid';
  157. this.setData({
  158. categoriesindex: sort,
  159. categorieslist: currentCategory,
  160. viewType,
  161. courseList: [], // 重置课程列表
  162. pageNumber: 1, // 重置分页
  163. hasMore: true,
  164. isLoading: false
  165. }, () => {
  166. this.getdatalist(); // 重新加载数据
  167. });
  168. },
  169. goToGoodsList(event) {
  170. // 获取绑定的数据
  171. const item = event.currentTarget.dataset.item;
  172. // 将数据转换为 JSON 字符串并传递
  173. const itemStr = encodeURIComponent(JSON.stringify(item));
  174. wx.navigateTo({
  175. url: `/subpackagestow/details/details?item=${itemStr}`
  176. });
  177. }
  178. })