+ 长: 35cm
+ 宽: 35cm
+ 高: 28cm
+ 体积: 50960
+ 重量: 58kg
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/config/index.ts b/src/config/index.ts
new file mode 100644
index 0000000..0289ccd
--- /dev/null
+++ b/src/config/index.ts
@@ -0,0 +1,13 @@
+const env = import.meta.env
+
+export const config = {
+ env: env.VITE_APP_ENV,
+ baseURL: env.VITE_APP_BASE_API,
+ timeout: 10000,
+ url: '',
+ showLoading: false,
+ loadingInstance: null,
+// uploadURL: env.VITE_APP_UPLOAD_URL,
+// appName: env.VITE_APP_NAME,
+// version: env.VITE_APP_VERSION
+}
\ No newline at end of file
diff --git a/src/env.d.ts b/src/env.d.ts
new file mode 100644
index 0000000..490b6ca
--- /dev/null
+++ b/src/env.d.ts
@@ -0,0 +1,12 @@
+
+interface ImportMetaEnv {
+ readonly VITE_APP_ENV: 'development' | 'staging' | 'production'
+ readonly VITE_APP_BASE_API: string
+ readonly VITE_APP_UPLOAD_URL: string
+ readonly VITE_APP_NAME: string
+ readonly VITE_APP_VERSION: string
+ }
+
+ interface ImportMeta {
+ readonly env: ImportMetaEnv
+ }
\ No newline at end of file
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index a0d7af6..524b45c 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -2,7 +2,7 @@
* @Author: donghao donghao@supervision.ltd
* @Date: 2025-03-06 13:56:12
* @LastEditors: donghao donghao@supervision.ltd
- * @LastEditTime: 2025-03-07 10:40:22
+ * @LastEditTime: 2025-03-12 16:46:39
* @FilePath: \vite-ai\data-dashboard\src\views\dashboard\home.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
diff --git a/src/stores/user.ts b/src/stores/user.ts
index c8970d6..9726f3d 100644
--- a/src/stores/user.ts
+++ b/src/stores/user.ts
@@ -2,18 +2,10 @@
* @Author: donghao donghao@supervision.ltd
* @Date: 2025-03-06 17:57:05
* @LastEditors: donghao donghao@supervision.ltd
- * @LastEditTime: 2025-03-10 13:51:54
+ * @LastEditTime: 2025-03-12 15:20:34
* @FilePath: \5G-Loading-Bay-Web\src\stores\user.ts
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/
-/*
- * @Author: donghao donghao@supervision.ltd
- * @Date: 2025-03-06 13:51:46
- * @LastEditors: donghao donghao@supervision.ltd
- * @LastEditTime: 2025-03-10 13:40:39
- * @FilePath: \vite-ai\data-dashboard\src\stores\user.ts
- * @Description: 用户状态管理
- */
import { defineStore } from "pinia";
import router, { resetRouter } from "@/router";
import { getLocal, setLocal, removeLocal} from "@/utils/local";
@@ -39,8 +31,8 @@ export const useUserStore = defineStore("user", {
logout() {
this.token = null;
removeLocal("token");
- resetRouter();
- router.replace("/login");
+ // resetRouter();
+ // router.replace("/login");
},
},
});
diff --git a/src/utils/request.ts b/src/utils/request.ts
new file mode 100644
index 0000000..47458ef
--- /dev/null
+++ b/src/utils/request.ts
@@ -0,0 +1,10 @@
+/*
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2025-03-12 18:59:29
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2025-03-12 18:59:36
+ * @FilePath: \5G-Loading-Bay-Web\src\utils\request.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+// src/utils/request.ts
+const baseURL = import.meta.env.VITE_APP_BASE_API
\ No newline at end of file
diff --git a/src/utils/request/index.ts b/src/utils/request/index.ts
new file mode 100644
index 0000000..47bb10d
--- /dev/null
+++ b/src/utils/request/index.ts
@@ -0,0 +1,107 @@
+/*
+ * @Author: donghao donghao@supervision.ltd
+ * @Date: 2025-03-12 15:11:56
+ * @LastEditors: donghao donghao@supervision.ltd
+ * @LastEditTime: 2025-03-12 15:12:06
+ * @FilePath: \5G-Loading-Bay-Web\src\utils\request\index.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import axios, { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import type { RequestConfig, RequestInterceptors } from './type'
+import { useUserStore } from '@/stores/user'
+
+class Request {
+ instance: AxiosInstance
+ interceptors?: RequestInterceptors
+
+ constructor(config: RequestConfig) {
+ this.instance = axios.create(config)
+ this.interceptors = config.interceptors
+
+ // 全局请求拦截器
+ this.instance.interceptors.request.use(
+ (config: RequestConfig) => {
+ // 处理 token
+ const userStore = useUserStore()
+ if (userStore.token) {
+ config.headers!.Authorization = `Bearer ${userStore.token}`
+ }
+ return config
+ },
+ (error: any) => Promise.reject(error)
+ )
+
+ // 实例拦截器
+ this.instance.interceptors.request.use(
+ this.interceptors?.requestInterceptor,
+ this.interceptors?.requestInterceptorCatch
+ )
+
+ this.instance.interceptors.response.use(
+ this.interceptors?.responseInterceptor,
+ this.interceptors?.responseInterceptorCatch
+ )
+
+ // 全局响应拦截器
+ this.instance.interceptors.response.use(
+ (res: AxiosResponse) => {
+ const { code, message } = res.data
+ if (code !== 200) {
+ ElMessage.error(message || '请求失败')
+ return Promise.reject(message)
+ }
+ return res.data
+ },
+ (error: any) => {
+ // 处理 HTTP 状态码
+ if (error.response?.status === 401) {
+ ElMessageBox.confirm('登录已过期，请重新登录', '提示', {
+ confirmButtonText: '重新登录',
+ cancelButtonText: '取消',
+ type: 'warning'
+ }).then(() => {
+ const userStore = useUserStore()
+ userStore.logout()
+ location.reload()
+ })
+ }
+ ElMessage.error(error.message || '请求错误')
+ return Promise.reject(error)
+ }
+ )
+ }
+
+ request
-
+
import { BaseTable } from "@/components/CustomTable";
import ContentHeader from '@/components/ContentHeader.vue';
+import HistoryVideoModal from './components/HistoryVideoModal.vue';
import onLineIcon from '@/assets/common/online_icon.png';
import outLineIcon from '@/assets/common/outline_icon.png';
import errorIcon from '@/assets/common/error_icon.png';
-
+import Demo from '../../components/videoPlayer/Demo.vue';
defineOptions({
name: "DeviceStatusIndex"
});
diff --git a/src/views/dashboard/PoleMonitor copy.scss b/src/views/dashboard/PoleMonitor copy.scss
new file mode 100644
index 0000000..a9f386a
--- /dev/null
+++ b/src/views/dashboard/PoleMonitor copy.scss
@@ -0,0 +1,93 @@
+.pole-monitor-wrap {
+ background-image: url("@/assets/common/bg_banner_1.png");
+ background-size: cover;
+ background-position: bottom;
+ background-repeat: no-repeat;
+ height: 823px;
+ .search-section {
+ padding: 16px 0;
+ }
+ .pole-main-content {
+ width: 100%;
+ }
+
+ .pole-monitor-search-box {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ margin: 16px 0;
+ }
+ .right-panel {
+ .el-scrollbar__view {
+ background: transparent !important;
+ height: 600px;
+ }
+ }
+ .pole-monitor-main {
+ .left-panel {
+ .main-image {
+ box-sizing: border-box;
+ min-height: 511px;
+ position: relative;
+ background-color: #090F48;
+ border-radius: 4px;
+ img {
+ width: 100%;
+ max-height: 460px;
+ }
+ .image-info{
+ position: absolute;
+ height: 52px;
+ line-height: 52px;
+ bottom: 0;
+ font-size: 14px;
+ padding: 0 16px;
+ &> span {
+ margin-right: 10px;
+ }
+ }
+ }
+ .thumbnail-container {
+ width: 100%;
+ overflow: visible;
+ .swiper {
+ width: 100%;
+ height: 100%;
+ .swiper-slide {
+ width: 20%;
+ border-radius: 4px;
+ img {
+ width: 100%;
+ height: 144px;
+ border-radius: 4px;
+ }
+ }
+ .active-slide img {
+ border-radius: 4px;
+ border: 2px solid #2ecce0;
+ }
+ .swiper-button-prev,
+ .swiper-button-next {
+ background-color: rgba(0, 0, 0, 0.5);
+ color: white;
+ width: 32px;
+ height: 32px;
+ border-radius: 50%;
+ }
+
+ .swiper-button-prev::after,
+ .swiper-button-next::after {
+ font-size: 12px;
+ color: #fff;
+ }
+
+ /* 修改按钮悬停样式 */
+ .swiper-button-prev:hover,
+ .swiper-button-next:hover {
+ background-color: rgba(0, 0, 0, 0.8);
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/src/views/dashboard/PoleMonitor.scss b/src/views/dashboard/PoleMonitor.scss
index 3f86ef9..a9f386a 100644
--- a/src/views/dashboard/PoleMonitor.scss
+++ b/src/views/dashboard/PoleMonitor.scss
@@ -1,19 +1,9 @@
.pole-monitor-wrap {
- background-image: url("@/assets/common/bg_banner.png");
- // background-color: red;
- background-size: contain;
- background-position: center;
+ background-image: url("@/assets/common/bg_banner_1.png");
+ background-size: cover;
+ background-position: bottom;
background-repeat: no-repeat;
-.bg_footer_desp{
- width: 100%;
- height: 20px;
- background-image: url("@/assets/common/bg_banner_footer.png");
- // background-color: red;
- background-size: contain;
- background-position: bottom center;
- background-repeat: no-repeat;
-}
-
+ height: 823px;
.search-section {
padding: 16px 0;
}
@@ -37,10 +27,24 @@
.left-panel {
.main-image {
box-sizing: border-box;
- min-height: 512px;
+ min-height: 511px;
+ position: relative;
+ background-color: #090F48;
+ border-radius: 4px;
img {
width: 100%;
- height: 512px;
+ max-height: 460px;
+ }
+ .image-info{
+ position: absolute;
+ height: 52px;
+ line-height: 52px;
+ bottom: 0;
+ font-size: 14px;
+ padding: 0 16px;
+ &> span {
+ margin-right: 10px;
+ }
}
}
.thumbnail-container {
diff --git a/src/views/dashboard/PoleMonitor.vue b/src/views/dashboard/PoleMonitor.vue
index d3dd0c2..b44a54d 100644
--- a/src/views/dashboard/PoleMonitor.vue
+++ b/src/views/dashboard/PoleMonitor.vue
@@ -2,7 +2,7 @@
* @Author: donghao donghao@supervision.ltd
* @Date: 2025-03-06 15:15:01
* @LastEditors: donghao donghao@supervision.ltd
- * @LastEditTime: 2025-03-12 14:31:43
+ * @LastEditTime: 2025-03-12 15:01:18
* @FilePath: \vite-ai\data-dashboard\src\views\dashboard\PoleMonitor.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
@@ -47,15 +47,19 @@
-
+
+
+
\ No newline at end of file
diff --git a/src/views/login/Login.vue b/src/views/login/Login.vue
index 6bf1006..d70ee2c 100644
--- a/src/views/login/Login.vue
+++ b/src/views/login/Login.vue
@@ -2,7 +2,7 @@
* @Author: donghao donghao@supervision.ltd
* @Date: 2025-03-06 17:57:05
* @LastEditors: donghao donghao@supervision.ltd
- * @LastEditTime: 2025-03-11 15:40:59
+ * @LastEditTime: 2025-03-12 19:39:47
* @FilePath: \5G-Loading-Bay-Web\src\views\login\Login.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE?
-->
@@ -50,6 +50,7 @@ import { useRouter } from 'vue-router'
import accountIconUrl from '@/assets/login/account_icon.png';
import passwordIconUrl from '@/assets/login/password_icon.png';
import { getLocal} from "@/utils/local";
+import { loginApi } from '@/api/user'
const router = useRouter()
const userStore = useUserStore()
@@ -59,6 +60,18 @@ const form = reactive({
password: '',
remember: false
})
+// TODO 登录对接
+// const handleLogin = async () => {
+// try {
+// const res = await loginApi({
+// username: 'admin',
+// password: 'admin123'
+// })
+// ElMessage.success(`欢迎回来，${res.userInfo.username}`)
+// } catch (error) {
+// console.error('登录失败:', error)
+// }
+// }
const handleLogin = async () => {
if (form.username !== 'admin' || form.password !== 'admin123') {
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
deleted file mode 100644
index 11f02fe..0000000
--- a/src/vite-env.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-///
- 
-
+
+
-
-
+