course.js 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222
  1. // subpackages/course/course.js
  2. import { models, db } from '../../utils/cloudbase.js'
  3. Page({
  4. /**
  5. * 页面的初始数据
  6. */
  7. data: {
  8. categoriesindex: 1,
  9. categories: [],
  10. viewType: 'grid',
  11. courseList: [],
  12. sou: '',
  13. show_1: '',
  14. xiazi: '',
  15. goods_9: '',
  16. categorieslist: {},
  17. pageNumber: 1,
  18. pageSize: 10,
  19. hasMore: true, // 是否还有更多数据
  20. isLoading: false, // 防止多次触发
  21. searchText: '', // 搜索关键词
  22. inputFocus: false,
  23. },
  24. onLoad(options) {
  25. // 存储 options 到 this 中
  26. this.options = options;
  27. if (options.autofocus === '1') {
  28. // 延迟设置 focus,让页面完成渲染
  29. setTimeout(() => {
  30. this.setData({
  31. inputFocus: true
  32. });
  33. }, 300); // 300ms 通常足够
  34. }
  35. // 获取tab数据
  36. this.getTabdata();
  37. // 获取图片
  38. const fileIDs = [
  39. 'cloud://cloud1-6g98iw7i28b01747.636c-cloud1-6g98iw7i28b01747-1367995226/images/icon/sou.png',
  40. 'cloud://cloud1-6g98iw7i28b01747.636c-cloud1-6g98iw7i28b01747-1367995226/images/icon/show_1.png',
  41. 'cloud://cloud1-6g98iw7i28b01747.636c-cloud1-6g98iw7i28b01747-1367995226/images/icon/xiazi.png',
  42. 'cloud://cloud1-6g98iw7i28b01747.636c-cloud1-6g98iw7i28b01747-1367995226/images/goods/goods_9.jpg'
  43. ];
  44. // 并发下载多个 fileID
  45. Promise.all(
  46. fileIDs.map(fileID => wx.cloud.downloadFile({ fileID }))
  47. ).then(results => {
  48. // 每个 result 对应一个下载结果
  49. const tempFilePaths = results.map(r => r.tempFilePath);
  50. console.log('全部下载成功:', tempFilePaths);
  51. this.setData({
  52. sou: tempFilePaths[0],
  53. show_1: tempFilePaths[1],
  54. xiazi: tempFilePaths[2],
  55. goods_9: tempFilePaths[3],
  56. });
  57. }).catch(err => {
  58. console.error('有文件下载失败:', err);
  59. });
  60. },
  61. // tab数据 async
  62. async getTabdata() {
  63. const { data } = await models.tab.list({
  64. filter: {
  65. where: {
  66. position: 0, // 显示位置
  67. // layout_type: 0, // 布局类型
  68. },
  69. },
  70. // envType: pre 体验环境, prod 正式环境
  71. envType: "prod",
  72. });
  73. // 返回查询到的数据
  74. // console.log(data);
  75. const sortedRecords = data.records.sort((a, b) => {
  76. return a.sort - b.sort; // 升序排列
  77. });
  78. this.setData({
  79. categories: sortedRecords
  80. }, () => {
  81. // 在 setData 回调中执行逻辑,确保 categories 已经更新
  82. const type = Number(this.options.type) || 1;
  83. this.data.categories.forEach((item, index) => {
  84. if (item.sort === type) {
  85. this.setData({
  86. categorieslist: item,
  87. categoriesindex: type
  88. });
  89. if (this.data.categorieslist.layout_type === 1) {
  90. this.setData({ viewType: 'list' });
  91. } else {
  92. this.setData({ viewType: 'grid' });
  93. }
  94. // 获取列表数据
  95. this.getdatalist()
  96. }
  97. });
  98. })
  99. },
  100. onReachBottom() {
  101. // 上拉触底事件的处理函数
  102. this.loadMore();
  103. },
  104. loadMore() {
  105. // 加载更多数据的逻辑
  106. console.log('加载更多');
  107. this.getdatalist(true);
  108. },
  109. // 模糊搜索
  110. onSearchInput(e) {
  111. const keyword = e.detail.value.trim();
  112. this.setData({
  113. searchText: keyword,
  114. pageNumber: 1,
  115. hasMore: true,
  116. goods: []
  117. }, () => {
  118. this.getdatalist(this.data.types_ids); // 重新加载
  119. });
  120. },
  121. // 列表数据
  122. async getdatalist(isLoadMore = false) {
  123. if (!this.data.categorieslist._id) return; // 防止 _id 为 undefined
  124. const { pageNumber, pageSize, searchText } = this.data;
  125. // 构造 where 条件
  126. const where = {
  127. tag_id: this.data.categorieslist._id,
  128. };
  129. // 模糊搜索关键字
  130. if (searchText) {
  131. where.name = {
  132. $regex_ci: searchText
  133. };
  134. }
  135. const { data } = await models.file_manage.list({
  136. filter: { where },
  137. pageSize,
  138. pageNumber,
  139. getCount: true,
  140. envType: "prod",
  141. });
  142. const collectList = data.records || [];
  143. this.setData({
  144. courseList: isLoadMore ? this.data.courseList.concat(collectList) : collectList,
  145. pageNumber: pageNumber + 1,
  146. hasMore: collectList.length === pageSize,
  147. isLoading: false
  148. });
  149. },
  150. // async
  151. tabcategories(e) {
  152. const sort = Number(e.currentTarget.dataset.type); // 直接转换为数字
  153. const currentCategory = this.data.categories.find(item => item.sort === sort);
  154. if (!currentCategory) return;
  155. const viewType = currentCategory.layout_type === 1 ? 'list' : 'grid';
  156. this.setData({
  157. categoriesindex: sort,
  158. categorieslist: currentCategory,
  159. viewType,
  160. courseList: [], // 重置课程列表
  161. pageNumber: 1, // 重置分页
  162. hasMore: true,
  163. isLoading: false
  164. }, () => {
  165. this.getdatalist(); // 重新加载数据
  166. });
  167. // const { data } = await models.file_manage.create({
  168. // data: {
  169. // level: 1, // 级别
  170. // range: ['大班'], // 适用范围
  171. // remark: "备注文本字段", // 备注
  172. // type: 3, // 文件类型 0-视频 1-音频 2-pdf 3-ppt 4-图文
  173. // url: ['cloud://cloud1-6g98iw7i28b01747.636c-cloud1-6g98iw7i28b01747-1367995226/newfile.ppt'], // 路径
  174. // download_count: 1, // 下载人数
  175. // dan: 0, // 段位
  176. // cover: "cloud://cloud1-6g98iw7i28b01747.636c-cloud1-6g98iw7i28b01747-1367995226/未命名的设计.png", // 封面
  177. // size: "123.12KB", // 文件大小
  178. // name: "亲子共读角1-ppt", // 文件名
  179. // tag_id: "BT6R8VECJU", // 标签id
  180. // describe: "监听阅读成果展示 (亲子阅读照片与手工作品)", // 描述
  181. // publisher: "张老师"
  182. // },
  183. // // envType: pre 体验环境, prod 正式环境
  184. // envType: "prod",
  185. // });
  186. // // 返回创建的数据 id
  187. // console.log(data, '234234');
  188. },
  189. goToGoodsList(event) {
  190. // 获取绑定的数据
  191. const item = event.currentTarget.dataset.item;
  192. // 将数据转换为 JSON 字符串并传递
  193. const itemStr = encodeURIComponent(JSON.stringify(item));
  194. wx.navigateTo({
  195. url: `/subpackagestow/details/details?item=${itemStr}`
  196. });
  197. }
  198. })