rank.js 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  1. "use strict";
  2. const common_vendor = require("../../common/vendor.js");
  3. const utils_auth = require("../../utils/auth.js");
  4. const utils_api = require("../../utils/api.js");
  5. const _sfc_main = {
  6. __name: "rank",
  7. setup(__props) {
  8. const isLoggedIn = common_vendor.ref(false);
  9. const myStocks = common_vendor.ref([]);
  10. let refreshTimer = null;
  11. const loadMyStocks = async () => {
  12. if (!isLoggedIn.value) {
  13. myStocks.value = [];
  14. stopAutoRefresh();
  15. return;
  16. }
  17. try {
  18. const stocks = common_vendor.index.getStorageSync("my_stocks") || [];
  19. myStocks.value = stocks;
  20. console.log("[我的股票] 加载股票列表:", stocks.length, "只");
  21. if (stocks.length === 0) {
  22. stopAutoRefresh();
  23. return;
  24. }
  25. await refreshAllQuotes();
  26. } catch (e) {
  27. console.error("加载股票列表失败:", e);
  28. myStocks.value = [];
  29. stopAutoRefresh();
  30. }
  31. };
  32. const refreshAllQuotes = async () => {
  33. if (myStocks.value.length === 0) {
  34. console.log("[我的股票] 股票列表为空,停止定时刷新");
  35. stopAutoRefresh();
  36. return;
  37. }
  38. try {
  39. const codes = myStocks.value.map((stock) => stock.code).join(",");
  40. console.log("[我的股票] 刷新行情:", codes);
  41. const quoteRes = await utils_api.getStockQuotes(codes);
  42. console.log("[我的股票] API返回:", JSON.stringify(quoteRes));
  43. if (quoteRes.code === 200 && quoteRes.data && quoteRes.data.length > 0) {
  44. quoteRes.data.forEach((quoteData) => {
  45. const index = myStocks.value.findIndex((stock) => stock.code === quoteData.stockCode);
  46. if (index !== -1) {
  47. myStocks.value[index].priceChange = quoteData.priceChange;
  48. myStocks.value[index].changePercent = quoteData.changePercent;
  49. myStocks.value[index].stockName = quoteData.stockName || myStocks.value[index].name;
  50. }
  51. });
  52. common_vendor.index.setStorageSync("my_stocks", myStocks.value);
  53. console.log("[我的股票] 刷新成功");
  54. } else {
  55. console.error("[我的股票] 刷新失败:", quoteRes);
  56. }
  57. } catch (e) {
  58. console.error("[我的股票] 刷新异常:", e.message);
  59. }
  60. };
  61. const startAutoRefresh = () => {
  62. stopAutoRefresh();
  63. const scheduleNextRefresh = () => {
  64. const delay = 2e3 + Math.random() * 1e3;
  65. console.log(`[我的股票] 下次刷新将在 ${Math.round(delay)}ms 后执行`);
  66. refreshTimer = setTimeout(async () => {
  67. await refreshAllQuotes();
  68. scheduleNextRefresh();
  69. }, delay);
  70. };
  71. scheduleNextRefresh();
  72. };
  73. const stopAutoRefresh = () => {
  74. if (refreshTimer) {
  75. clearTimeout(refreshTimer);
  76. refreshTimer = null;
  77. console.log("[我的股票] 停止自动刷新");
  78. }
  79. };
  80. const goToLogin = () => {
  81. common_vendor.index.navigateTo({
  82. url: "/pages/login/login"
  83. });
  84. };
  85. const removeStock = (index) => {
  86. common_vendor.index.showModal({
  87. title: "确认删除",
  88. content: `确定要删除 ${myStocks.value[index].name} 吗?`,
  89. confirmText: "删除",
  90. cancelText: "取消",
  91. success: (res) => {
  92. if (res.confirm) {
  93. myStocks.value.splice(index, 1);
  94. common_vendor.index.setStorageSync("my_stocks", myStocks.value);
  95. common_vendor.index.showToast({
  96. title: "删除成功",
  97. icon: "success"
  98. });
  99. if (myStocks.value.length === 0) {
  100. stopAutoRefresh();
  101. }
  102. }
  103. }
  104. });
  105. };
  106. const getChangeClass = (value) => {
  107. if (!value || value === "--")
  108. return "";
  109. if (value.startsWith("+") || value.match(/^[\d.]/) && !value.startsWith("-")) {
  110. return "change-up";
  111. }
  112. if (value.startsWith("-")) {
  113. return "change-down";
  114. }
  115. return "";
  116. };
  117. const formatDate = (timestamp) => {
  118. const date = new Date(timestamp);
  119. const year = date.getFullYear();
  120. const month = String(date.getMonth() + 1).padStart(2, "0");
  121. const day = String(date.getDate()).padStart(2, "0");
  122. const hours = String(date.getHours()).padStart(2, "0");
  123. const minutes = String(date.getMinutes()).padStart(2, "0");
  124. return `${year}-${month}-${day} ${hours}:${minutes}`;
  125. };
  126. common_vendor.onLoad(() => {
  127. isLoggedIn.value = utils_auth.isLoggedIn();
  128. console.log("[我的股票] 登录状态:", isLoggedIn.value);
  129. console.log("[我的股票] Token:", common_vendor.index.getStorageSync("user_token"));
  130. loadMyStocks();
  131. });
  132. common_vendor.onShow(() => {
  133. isLoggedIn.value = utils_auth.isLoggedIn();
  134. console.log("[我的股票] 登录状态:", isLoggedIn.value);
  135. console.log("[我的股票] Token:", common_vendor.index.getStorageSync("user_token"));
  136. loadMyStocks();
  137. common_vendor.index.setNavigationBarTitle({ title: "量化交易大师" });
  138. if (isLoggedIn.value && myStocks.value.length > 0) {
  139. startAutoRefresh();
  140. } else {
  141. stopAutoRefresh();
  142. }
  143. });
  144. common_vendor.onHide(() => {
  145. stopAutoRefresh();
  146. });
  147. common_vendor.onUnload(() => {
  148. stopAutoRefresh();
  149. });
  150. return (_ctx, _cache) => {
  151. return common_vendor.e({
  152. a: myStocks.value.length > 0
  153. }, myStocks.value.length > 0 ? {
  154. b: common_vendor.f(myStocks.value, (stock, index, i0) => {
  155. return {
  156. a: common_vendor.t(stock.name),
  157. b: common_vendor.t(stock.code),
  158. c: common_vendor.o(($event) => removeStock(index), index),
  159. d: common_vendor.t(stock.priceChange || "--"),
  160. e: common_vendor.n(getChangeClass(stock.priceChange)),
  161. f: common_vendor.t(stock.changePercent || "--"),
  162. g: common_vendor.n(getChangeClass(stock.changePercent)),
  163. h: common_vendor.t(formatDate(stock.addTime)),
  164. i: index
  165. };
  166. })
  167. } : {}, {
  168. c: !isLoggedIn.value ? 1 : "",
  169. d: !isLoggedIn.value
  170. }, !isLoggedIn.value ? {
  171. e: common_vendor.o(goToLogin)
  172. } : {});
  173. };
  174. }
  175. };
  176. const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__file", "D:/program/gupiao-wx/src/pages/rank/rank.vue"]]);
  177. wx.createPage(MiniProgramPage);