Browse Source
Merge branch 'milestone-20251031-简版功能开发' of http://39.101.133.168:8807/qimaohong/deepChartVueApp into wangyi/feature-20251026183100-deepmate王毅
lihuilin/feature-20251024095243-我的
Merge branch 'milestone-20251031-简版功能开发' of http://39.101.133.168:8807/qimaohong/deepChartVueApp into wangyi/feature-20251026183100-deepmate王毅
lihuilin/feature-20251024095243-我的
wangyi
4 weeks ago
22 changed files with 2298 additions and 1755 deletions
-
185api/home/mySelections.js
-
70api/marketSituation/marketSituation.js
-
64components/IndexCard.vue
-
5components/login-prompt.vue
-
256pages/home/home.vue
-
141pages/marketSituation/countryMarket.vue
-
382pages/marketSituation/globalIndex.vue
-
74pages/marketSituation/marketCondition.vue
-
275pages/marketSituation/marketDetail.vue
-
121pages/marketSituation/marketOverview.vue
-
252pages/marketSituation/marketSituation.vue
-
BINstatic/marketSituation-image/country-flag/can.png
-
BINstatic/marketSituation-image/country-flag/cn.png
-
BINstatic/marketSituation-image/country-flag/global.png
-
BINstatic/marketSituation-image/country-flag/hk.png
-
BINstatic/marketSituation-image/country-flag/my.png
-
BINstatic/marketSituation-image/country-flag/sg.png
-
BINstatic/marketSituation-image/country-flag/th.png
-
BINstatic/marketSituation-image/country-flag/us.png
-
BINstatic/marketSituation-image/country-flag/vi.png
-
78stores/modules/marketSituation.js
-
2utils/http.js
@ -0,0 +1,185 @@ |
|||
/** |
|||
* 我的自选股相关API接口封装 |
|||
* 使用utils/http.js中的拦截器封装请求方法 |
|||
*/ |
|||
|
|||
import { http } from '../../utils/http.js' |
|||
|
|||
/** |
|||
* 我的自选股API接口类 |
|||
*/ |
|||
class MySelectionsAPI { |
|||
|
|||
/** |
|||
* 判断用户是否存在自选股分组 |
|||
* @param {Function} successCallback - 成功回调函数 |
|||
* @param {Function} failCallback - 失败回调函数 |
|||
* @param {Object} data - 请求参数 |
|||
* @returns {Promise} |
|||
*/ |
|||
static async checkExist(successCallback, failCallback = null, data = {}) { |
|||
const url = '/api/homePage/userStock/checkExist' |
|||
|
|||
try { |
|||
const response = await http({ |
|||
url: url, |
|||
method: 'POST', |
|||
data: data |
|||
}) |
|||
|
|||
console.log('检查用户自选股分组存在性 - 响应:', response) |
|||
if (successCallback && typeof successCallback === 'function') { |
|||
successCallback(response) |
|||
} |
|||
return response |
|||
} catch (error) { |
|||
console.error('检查用户自选股分组存在性 - 失败:', error) |
|||
if (failCallback && typeof failCallback === 'function') { |
|||
failCallback(error) |
|||
} |
|||
throw error |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 查询用户所有自选股分组 |
|||
* @param {Function} successCallback - 成功回调函数 |
|||
* @param {Function} failCallback - 失败回调函数 |
|||
* @param {Object} data - 请求参数 |
|||
* @returns {Promise} |
|||
*/ |
|||
static async getUserStockGroupList(successCallback, failCallback = null, data = {}) { |
|||
const url = '/api/homePage/userStockGroup/list' |
|||
|
|||
try { |
|||
const response = await http({ |
|||
url: url, |
|||
method: 'POST', |
|||
data: data |
|||
}) |
|||
|
|||
console.log('查询用户自选股分组列表 - 响应:', response) |
|||
if (successCallback && typeof successCallback === 'function') { |
|||
successCallback(response) |
|||
} |
|||
return response |
|||
} catch (error) { |
|||
console.error('查询用户自选股分组列表 - 失败:', error) |
|||
if (failCallback && typeof failCallback === 'function') { |
|||
failCallback(error) |
|||
} |
|||
throw error |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 分页查询某一个分组下的所有自选股 |
|||
* @param {Function} successCallback - 成功回调函数 |
|||
* @param {Function} failCallback - 失败回调函数 |
|||
* @param {Object} data - 请求参数 {groupId, pageNum, pageSize, ...} |
|||
* @returns {Promise} |
|||
*/ |
|||
static async getUserStockList(successCallback, failCallback = null, data = {}) { |
|||
const url = '/api/homePage/userStock/list' |
|||
|
|||
// 设置默认分页参数
|
|||
const requestData = { |
|||
pageNum: 1, |
|||
pageSize: 20, |
|||
...data |
|||
} |
|||
|
|||
try { |
|||
const response = await http({ |
|||
url: url, |
|||
method: 'POST', |
|||
data: requestData |
|||
}) |
|||
|
|||
console.log('分页查询分组自选股 - 响应:', response) |
|||
if (successCallback && typeof successCallback === 'function') { |
|||
successCallback(response) |
|||
} |
|||
return response |
|||
} catch (error) { |
|||
console.error('分页查询分组自选股 - 失败:', error) |
|||
if (failCallback && typeof failCallback === 'function') { |
|||
failCallback(error) |
|||
} |
|||
throw error |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 查询默认自选股 |
|||
* @param {Function} successCallback - 成功回调函数 |
|||
* @param {Function} failCallback - 失败回调函数 |
|||
* @param {Object} data - 请求参数 |
|||
* @returns {Promise} |
|||
*/ |
|||
static async getUserOrDefault(successCallback, failCallback = null, data = {}) { |
|||
const url = '/api/homePage/userStock/getUserOrDefault' |
|||
|
|||
try { |
|||
const response = await http({ |
|||
url: url, |
|||
method: 'POST', |
|||
data: data |
|||
}) |
|||
|
|||
console.log('查询默认自选股 - 响应:', response) |
|||
if (successCallback && typeof successCallback === 'function') { |
|||
successCallback(response) |
|||
} |
|||
return response |
|||
} catch (error) { |
|||
console.error('查询默认自选股 - 失败:', error) |
|||
if (failCallback && typeof failCallback === 'function') { |
|||
failCallback(error) |
|||
} |
|||
throw error |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 游客查询默认自选股 |
|||
* @param {Function} successCallback - 成功回调函数 |
|||
* @param {Function} failCallback - 失败回调函数 |
|||
* @returns {Promise} |
|||
*/ |
|||
static async getDefaultStocks(successCallback, failCallback = null) { |
|||
const url = '/api/homePage/userStock/getDefaultStocks' |
|||
|
|||
try { |
|||
const response = await http({ |
|||
url: url, |
|||
method: 'POST', |
|||
data: {} |
|||
}) |
|||
|
|||
console.log('游客查询默认自选股 - 响应:', response) |
|||
if (successCallback && typeof successCallback === 'function') { |
|||
successCallback(response) |
|||
} |
|||
return response |
|||
} catch (error) { |
|||
console.error('游客查询默认自选股 - 失败:', error) |
|||
if (failCallback && typeof failCallback === 'function') { |
|||
failCallback(error) |
|||
} |
|||
throw error |
|||
} |
|||
} |
|||
} |
|||
|
|||
// 导出API类
|
|||
export default MySelectionsAPI |
|||
|
|||
// 也可以导出单个方法供直接使用
|
|||
export const { |
|||
checkExist, |
|||
getUserStockGroupList, |
|||
getUserStockList, |
|||
getUserOrDefault, |
|||
getDefaultStocks |
|||
} = MySelectionsAPI |
|||
@ -0,0 +1,70 @@ |
|||
/** @format */ |
|||
|
|||
import { http } from "../../utils/http"; |
|||
|
|||
export const getData = () => { |
|||
return http({ |
|||
method: "GET", |
|||
url: "/ka", |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 获取全球指数 |
|||
* POST /api/global/getGlobalIndex |
|||
*/ |
|||
export const getGlobalIndexAPI = (data) => { |
|||
return http({ |
|||
method: "POST", |
|||
url: "/api/global/getGlobalIndex", |
|||
data, |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 获取地区分组列表 |
|||
* POST /api/global/regionalGroup |
|||
*/ |
|||
export const getRegionalGroupAPI = (data) => { |
|||
return http({ |
|||
method: "POST", |
|||
url: "/api/global/regionalGroup", |
|||
data, |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 获取地区详情 |
|||
* POST /api/global/regionalGroupList |
|||
*/ |
|||
export const getRegionalGroupListAPI = (data) => { |
|||
return http({ |
|||
method: "POST", |
|||
url: "/api/global/regionalGroupList", |
|||
data, |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 一次性查询所有Tab栏父子结构 |
|||
* POST /api/homework/tab/getAll |
|||
*/ |
|||
export const getAllTabsAPI = (data) => { |
|||
return http({ |
|||
method: "POST", |
|||
url: "/api/homework/tab/getAll", |
|||
data, |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 通用市场数据分页查询接口（默认1页20条） |
|||
* POST /api/market/data/page/query |
|||
*/ |
|||
export const queryStockDataAPI = (data) => { |
|||
return http({ |
|||
method: "POST", |
|||
url: "/api/market/data/page/query", |
|||
data, |
|||
}); |
|||
}; |
|||
|
After Width: 32 | Height: 32 | Size: 1.1 KiB |
|
After Width: 32 | Height: 32 | Size: 1.1 KiB |
|
After Width: 32 | Height: 32 | Size: 2.5 KiB |
|
After Width: 32 | Height: 32 | Size: 1.7 KiB |
|
After Width: 32 | Height: 32 | Size: 1.7 KiB |
|
After Width: 32 | Height: 32 | Size: 1.1 KiB |
|
After Width: 32 | Height: 32 | Size: 703 B |
|
After Width: 32 | Height: 32 | Size: 1.4 KiB |
|
After Width: 32 | Height: 32 | Size: 1.1 KiB |
@ -0,0 +1,78 @@ |
|||
/** @format */ |
|||
|
|||
import { defineStore } from "pinia"; |
|||
import { ref } from "vue"; |
|||
// 定义 Store
|
|||
export const useMarketSituationStore = defineStore( |
|||
"marketSituation", |
|||
() => { |
|||
const cardData = ref([ |
|||
{ |
|||
market: "usa", |
|||
stockName: "道琼斯", |
|||
stockCode: "noCode", |
|||
currentPrice: "45757.90", |
|||
changeAmount: "-125.22", |
|||
changePercent: "-0.27%", |
|||
isRising: false, |
|||
}, |
|||
{ |
|||
market: "usa", |
|||
stockName: "纳斯达克", |
|||
stockCode: "noCode", |
|||
currentPrice: "22333.96", |
|||
changeAmount: "+125.22", |
|||
changePercent: "+0.47%", |
|||
isRising: true, |
|||
}, |
|||
{ |
|||
market: "usa", |
|||
stockName: "标普500", |
|||
stockCode: "noCode", |
|||
currentPrice: "6606.08", |
|||
changeAmount: "+125.22", |
|||
changePercent: "+0.27%", |
|||
isRising: true, |
|||
}, |
|||
{ |
|||
market: "cn", |
|||
stockName: "上证指数", |
|||
stockCode: "noCode", |
|||
currentPrice: "3333.96", |
|||
changeAmount: "+125.22", |
|||
changePercent: "+0.27%", |
|||
isRising: true, |
|||
}, |
|||
{ |
|||
market: "cn", |
|||
stockName: "科创50", |
|||
stockCode: "noCode", |
|||
currentPrice: "757.90", |
|||
changeAmount: "-25.22", |
|||
changePercent: "-0.27%", |
|||
isRising: false, |
|||
}, |
|||
]); |
|||
|
|||
// 记得 return
|
|||
return { |
|||
cardData |
|||
}; |
|||
}, |
|||
// TODO: 持久化
|
|||
{ |
|||
// 网页端持久化
|
|||
// persist: true,
|
|||
// 小程序端持久化
|
|||
persist: { |
|||
storage: { |
|||
getItem(key) { |
|||
return uni.getStorageSync(key); |
|||
}, |
|||
setItem(key, value) { |
|||
uni.setStorageSync(key, value); |
|||
}, |
|||
}, |
|||
}, |
|||
} |
|||
); |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue