shoppingcart.js 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262
  1. import { models, db, _ } from '../../utils/cloudbase.js'
  2. Page({
  3. data: {
  4. cartItems: [],
  5. souimg: '',
  6. pageNumber: 1,
  7. pageSize: 10,
  8. hasMore: true, // 是否还有更多数据
  9. isLoading: false, // 防止多次触发
  10. searchText: '', // 输入的搜索内容
  11. },
  12. onShow() {
  13. if (typeof this.getTabBar === 'function' && this.getTabBar()) {
  14. this.getTabBar().setSelected(2); // 比如首页就是 0
  15. }
  16. // 列表数据
  17. this.setData({
  18. pageNumber: 1,
  19. hasMore: true,
  20. cartItems: []
  21. }, () => {
  22. this.getdatalist()
  23. });
  24. },
  25. onLoad() {
  26. // // 列表数据
  27. // this.setData({
  28. // pageNumber: 1,
  29. // hasMore: true,
  30. // cartItems: []
  31. // }, () => {
  32. // this.getdatalist()
  33. // });
  34. const fileIDs = [
  35. 'cloud://cloud1-6g98iw7i28b01747.636c-cloud1-6g98iw7i28b01747-1367995226/images/icon/sou.png',
  36. ];
  37. // 并发下载多个 fileID
  38. Promise.all(
  39. fileIDs.map(fileID => wx.cloud.downloadFile({ fileID }))
  40. ).then(results => {
  41. // 每个 result 对应一个下载结果
  42. const tempFilePaths = results.map(r => r.tempFilePath);
  43. console.log('全部下载成功:', tempFilePaths);
  44. this.setData({
  45. souimg: tempFilePaths[0],
  46. });
  47. }).catch(err => {
  48. console.error('有文件下载失败:', err);
  49. });
  50. },
  51. onReachBottom() {
  52. // 上拉触底事件的处理函数
  53. this.loadMore();
  54. },
  55. loadMore() {
  56. // 加载更多数据的逻辑
  57. console.log('加载更多');
  58. this.getdatalist(true);
  59. },
  60. // 模糊搜索
  61. onSearchInput(e) {
  62. const searchText = e.detail.value.trim();
  63. this.setData({
  64. searchText,
  65. pageNumber: 1,
  66. cartItems: [],
  67. hasMore: true
  68. }, () => {
  69. this.getdatalist();
  70. });
  71. },
  72. onSearchConfirm() {
  73. this.setData({
  74. pageNumber: 1,
  75. cartItems: [],
  76. hasMore: true
  77. }, () => {
  78. this.getdatalist();
  79. });
  80. },
  81. // 获取列表数据
  82. async getdatalist(isLoadMore = false) {
  83. if (this.data.isLoading || !this.data.hasMore) return;
  84. this.setData({ isLoading: true });
  85. const { pageNumber, pageSize, searchText } = this.data;
  86. // 获取本地存储的用户信息
  87. const userInfo = wx.getStorageSync('userInfo');
  88. const userId = userInfo && userInfo._id ? userInfo._id : ''; // 根据你的userInfo结构取ID
  89. const cartWhere = {
  90. user_id: userId // 每次必传
  91. };
  92. if (searchText) {
  93. cartWhere.name = { $regex_ci: searchText };
  94. }
  95. try {
  96. const { data } = await models.shopping_cart.list({
  97. filter: {
  98. where: cartWhere
  99. },
  100. pageSize,
  101. pageNumber,
  102. getCount: true, // 开启用来获取总数
  103. // envType: pre 体验环境, prod 正式环境
  104. envType: "prod",
  105. });
  106. // 返回查询到的数据列表 records 和 总数 total
  107. console.log(data);
  108. const collectList = data.records || [];
  109. if (collectList.length === 0) {
  110. this.setData({ hasMore: false, isLoading: false });
  111. return;
  112. }
  113. const fileManagerIds = collectList.map(item => item.merchandise_id);
  114. // 第二步:循环获取每个文件数据(单条查询)
  115. const fileDetailPromises = fileManagerIds.map(id => {
  116. return models.wx_merchandise.list({
  117. filter: {
  118. where: {
  119. _id: id
  120. }
  121. },
  122. envType: "prod"
  123. }).then(res => {
  124. const record = res.data?.records?.[0];
  125. if (!record) {
  126. console.warn(`未找到 _id 为 ${id} 的文件`);
  127. }
  128. return record || null;
  129. })
  130. .catch(err => {
  131. console.error(`获取文件 ${id} 失败`, err);
  132. return null;
  133. });
  134. });
  135. // 第三步:等待所有请求完成
  136. const fileDetails = await Promise.all(fileDetailPromises);
  137. console.log(fileDetails, 'fileDetails');
  138. // 第四步:过滤无效项,并添加 checked 字段
  139. let newFiles = fileDetails
  140. .filter(Boolean)
  141. .map((file, index) => {
  142. const historyRecord = collectList[index];
  143. if (!file) return null;
  144. return {
  145. ...file,
  146. checked: false,
  147. download_history_id: historyRecord._id,
  148. specs_index: Number(historyRecord.specs_index),
  149. num: historyRecord.num
  150. };
  151. })
  152. .filter(Boolean);
  153. // ✅ 如果搜索内容不为空,在本地进行模糊匹配过滤
  154. if (searchText) {
  155. const pattern = new RegExp(searchText, 'i'); // 不区分大小写
  156. newFiles = newFiles.filter(item => pattern.test(item.name));
  157. }
  158. this.setData({
  159. cartItems: isLoadMore ? this.data.cartItems.concat(newFiles) : newFiles,
  160. pageNumber: pageNumber + 1,
  161. hasMore: collectList.length === pageSize, // 如果返回的数量小于 pageSize,说明已经到底
  162. isLoading: false
  163. }, () => {
  164. this.updateTotalPrice();
  165. });
  166. } catch (err) {
  167. console.error('获取收藏文件失败:', err);
  168. this.setData({ isLoading: false });
  169. }
  170. },
  171. handleCheckboxChange(e) {
  172. const { value } = e.detail;
  173. const cartItems = this.data.cartItems.map(item => ({
  174. ...item,
  175. checked: value.includes(item.download_history_id)
  176. }));
  177. this.setData({ cartItems });
  178. this.updateTotalPrice();
  179. },
  180. handleAllCheckboxChange(e) {
  181. const { value } = e.detail;
  182. const allChecked = value.includes('all');
  183. const cartItems = this.data.cartItems.map(item => ({
  184. ...item,
  185. checked: allChecked
  186. }));
  187. this.setData({ cartItems, allChecked });
  188. this.updateTotalPrice();
  189. },
  190. updateTotalPrice() {
  191. const totalPrice = this.data.cartItems.reduce((total, item) => {
  192. if (item.checked) {
  193. return total + item.price * item.num;
  194. }
  195. return total;
  196. }, 0);
  197. this.setData({ totalPrice });
  198. },
  199. handleCheckout() {
  200. // 过滤出已选中的商品
  201. const selectedItems = this.data.cartItems.filter(item => item.checked);
  202. if (selectedItems.length === 0) {
  203. wx.showToast({
  204. title: '请选择要结算的商品',
  205. icon: 'none'
  206. });
  207. return;
  208. }
  209. // 将数据存入本地缓存
  210. wx.setStorageSync('checkoutItems', selectedItems);
  211. wx.navigateTo({
  212. url: '/subpackages/submitorder/submitorder'
  213. });
  214. },
  215. // 购买数量
  216. onChange(e) {
  217. const { id } = e.currentTarget.dataset;
  218. const { detail } = e;
  219. const cartItems = this.data.cartItems.map(item => {
  220. if (item._id === id) {
  221. return { ...item, num: detail };
  222. }
  223. return item;
  224. });
  225. this.setData({ cartItems }, () => {
  226. this.updateTotalPrice();
  227. });
  228. }
  229. });