upd: 地图请求 ；逻辑层同时发起请求

.env.development

 # API 接口地址
-VITE_GLOB_API_URL=http://qks.straw.yiring.com:40051/tbm/api
+VITE_GLOB_API_URL=http://qks.straw.yiring.com:40051/tbm
 
 # API 接口地址前缀
 VITE_GLOB_API_URL_PREFIX=/api

.env.production

 # API 接口地址
-VITE_GLOB_API_URL=http://qks.straw.yiring.com:40051/tbm/api
+VITE_GLOB_API_URL=http://qks.straw.yiring.com:40051/tbm
 
 # API 接口地址前缀
 VITE_GLOB_API_URL_PREFIX=/api

src/App.vue

@@ -14,6 +14,9 @@
 
         // 监听在线消息
         // Push.listen()
+        // 模拟登录token
+        // const token = `68b919d2-2ea0-4ad3-9521-9e624e1563ac`
+        uni.setStorageSync('token', '8b218589-12cf-4de2-9f62-b00a5dfcab82')
     })
 
     onShow(() => {

src/api/model/monitor.ts

+import { otherHttp } from '/@/utils/http/axios'
+
+// import { ContentTypeEnum } from '/@/enums/httpEnum'
+
+enum monitorApi {
+    getWindList = '/live/wind/getWindList', // 查询大风数据
+}
+
+/**
+ * @description: 查询大风数据
+ */
+export function getWindList(params) {
+    return otherHttp.get({
+        url: monitorApi.getWindList,
+        params,
+    })
+}

src/pages/business/monitor/wind/config.ts

 /**
  * TODO: 色块图例配置，实际上应该和后端的色斑图，进行动态匹配，可以考虑由后端接口返回
  */
+import { cloneDeep } from 'lodash-es'
 
 /**
  * 小时气温图例配置
@@ -152,3 +153,63 @@ export const windtableData = [
         '15~17级': '0站',
     },
 ]
+
+export function buildQueryParams(unBuildParams, config?) {
+    // const params = unBuildParams
+    // for (const key in params) {
+    //     if (isRef(params[key])) {
+    //         params[key] = unref(params[key])
+    //     }
+    //     if (isReactive(params[key])) {
+    //         params[key] = toRaw(params[key])
+    //     }
+    // }
+    const queryParams = cloneDeep(toRaw(unBuildParams))
+    if (config?.isSpot) {
+        delete queryParams.numericalBegin
+        delete queryParams.numericalEnd
+        delete queryParams.symbolBegin
+        delete queryParams.symbolEnd
+    }
+    if (config?.isFirstQuery) {
+        delete queryParams.startTime
+        delete queryParams.endTime
+    }
+    queryParams.Authorization = uni.getStorageSync('token')
+    return queryParams
+}
+
+export function createSplotLayer(type: String) {
+    return {
+        id: `${type}-splot`,
+        type: 'fill',
+        source: `${type}-splot`,
+        paint: {
+            'fill-color': {
+                type: 'identity',
+                property: 'color',
+            },
+            'fill-opacity': 1,
+        },
+    }
+}
+export function createTextLayer(type: String) {
+    return {
+        id: `${type}-text`,
+        type: 'symbol',
+        source: `${type}-text`,
+        layout: {
+            'text-field': '{value}',
+            'text-size': 14,
+            'text-offset': [0, 1.2],
+            'icon-image': 'point.normal',
+            'icon-anchor': 'top',
+            'icon-size': 0.4,
+        },
+        paint: {
+            'text-color': '#3766fd',
+            'text-halo-color': '#fff',
+            'text-halo-width': 1,
+        },
+    }
+}

src/utils/const/Navigation.ts

@@ -83,8 +83,8 @@ export const liveModules: NavItemType[] = [
              * token: V4 版本后端生成的一个长期有效 Token，固定值，必传
              * open: true 代表可以从嵌入的页面打开新页面，默认为 false，非必传（注意：打开的子页面也进行了重写适配，一般来说不用担心出现意外情况，但注意进行简单测试）
              */
-            // url: `https://hntq.zhijietianqi.com/h5/web/monitoringOfLive/new-severe-weather.v3.html?app=5&token=${AppV4Token}`,
-            url: `http://127.0.0.1:8080/web/monitoringOfLive/waterRegimenMap.v3.html?app=5&open=true&token=${AppV4Token}`,
+            url: `https://hntq.zhijietianqi.com/h5/web/monitoringOfLive/waterRegimenMap.v3.html?app=5&token=${AppV4Token}`,
+            // url: `http://127.0.0.1:8080/web/monitoringOfLive/waterRegimenMap.v3.html?app=5&open=true&token=${AppV4Token}`,
         },
     },
     {

src/utils/http/axios/index.ts

@@ -266,6 +266,12 @@ export const defHttp = createAxios({
 })
 
 // other api url
+export const otherHttp = createAxios({
+    requestOptions: {
+        apiUrl: API_URL,
+        urlPrefix: API_URL_PREFIX,
+    },
+})
 // export const otherHttp = createAxios({
 //     transform: {
 //         inject: (config: AxiosRequestConfig<any>, options: http.RequestOptions) => {