Merge branch 'develop'

Author: rosieisor

package-lock.json

@@ -16,15 +16,19 @@
     "@tailwindcss/vite": "^4.1.18",
     "axios": "^1.13.2",
     "express": "^5.2.1",
+    "chart.js": "^4.5.1",
+    "date-fns": "^4.1.0",
     "jwt-decode": "^4.0.0",
+    "lucide-vue-next": "^0.562.0",
     "pinia": "^3.0.4",
     "tailwindcss": "^4.1.18",
     "vue": "^3.5.25",
+    "vue-chartjs": "^5.3.3",
     "vue-router": "^4.6.4"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.2",
     "vite": "^7.2.4",
     "vite-plugin-vue-devtools": "^8.0.5"
   }
-}
+}

package.json

@@ -1,7 +1,38 @@
 <template>
   <RouterView />
+  <ExpireSessionModal v-if="userStore.isExpireModalOpen" :seconds="userStore.remainingSeconds" @extend="handleExtend"
+    @logout="() => logout()" />
 </template>
 
 <script setup>
 import { RouterView } from 'vue-router';
+import { useSessionTimer } from "@/composables/useSessionTimer";
+import { useUserStore } from "@/stores/user";
+import { reissue as reissueApi } from '@/api/auth';
+import ExpireSessionModal from "@/components/common/ExpireSessionModal.vue";
+
+const userStore = useUserStore();
+
+const { logout } = useSessionTimer();
+
+const handleExtend = async () => {
+  try {
+    const type = userStore.hasAuthority("AC_CLI")
+      ? "client"
+      : "hq";
+
+    const res = await reissueApi(type);
+
+    const { accessToken, name } = res.data;
+
+    localStorage.setItem('accessToken', accessToken);
+    localStorage.setItem('name', name);
+
+    userStore.setFromToken(accessToken);
+  } catch (e) {
+    console.error("토큰 재발급 API 실패", e);
+  } finally {
+    userStore.isExpireModalOpen = false;
+  }
+};
 </script>

src/App.vue

@@ -10,5 +10,12 @@ const LOGOUT_URL = {
     client: '/clients/auth/logout'
 };
 
+const REISSUE_URL = {
+    hq: '/auth/reissue',
+    client: '/clients/auth/reissue'
+};
+
 export const login = (employeeType, data) => api.post(LOGIN_URL[employeeType], data);
-export const logout = (employeeType) => api.post(LOGOUT_URL[employeeType]);
+export const logout = (employeeType) => api.post(LOGOUT_URL[employeeType]);
+
+export const reissue = (employeeType) => api.post(REISSUE_URL[employeeType]);

src/api/auth.js

@@ -1,18 +1,20 @@
-import axios from 'axios';
+import axios from "axios";
+import { useUserStore } from "@/stores/user";
 
-const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || 'http://localhost:8080';
+const API_BASE_URL =
+    import.meta.env.VITE_API_BASE_URL || "http://localhost:8080";
 
 const api = axios.create({
     baseURL: API_BASE_URL,
     withCredentials: true,
     headers: {
-        'Content-Type': 'application/json',
-    }
+        "Content-Type": "application/json",
+    },
 });
 
 api.interceptors.request.use(
     (config) => {
-        const token = localStorage.getItem('accessToken');
+        const token = localStorage.getItem("accessToken");
 
         if (token) {
             // 토큰에서 공백 제거
@@ -25,7 +27,7 @@ api.interceptors.request.use(
     (error) => {
         return Promise.reject(error);
     }
-)
+);
 
 api.interceptors.response.use(
     (response) => {
@@ -36,24 +38,36 @@ api.interceptors.response.use(
             const { status } = error.response;
 
             if (status === 401) {
-                localStorage.removeItem('accessToken');
+                if (window.location.pathname === "/session-expired") {
+                    return Promise.reject(error);
+                }
+
+                localStorage.removeItem("accessToken");
+                const userStore = useUserStore();
+
+                if (userStore.isSessionHandling) {
+                    return Promise.reject(error);
+                }
 
                 const currentPath = window.location.pathname;
 
                 // 로그인 페이지가 아닌 경우에만 리다이렉트
-                if (!currentPath.startsWith('/login') && !currentPath.includes('/delivery/login')) {
+                if (
+                    !currentPath.startsWith("/login") &&
+                    !currentPath.includes("/delivery/login")
+                ) {
                     // 배송 앱에서는 배송 로그인으로, 일반 앱에서는 일반 로그인으로
-                    if (currentPath.startsWith('/delivery/')) {
-                        window.location.href = '/delivery/login';
+                    if (currentPath.startsWith("/delivery/")) {
+                        window.location.href = "/delivery/login";
                     } else {
-                        window.location.href = '/login';
+                        window.location.href = "/login";
                     }
                 }
             }
         }
 
         return Promise.reject(error);
     }
-)
+);
 
-export default api;
+export default api;

src/api/axios.js

@@ -0,0 +1,6 @@
+import api from '../axios'
+
+// 고객사 대시보드
+export const getClientDashboard = () => {
+  return api.get('/clients/orders/dashboard').then(res => res.data);
+};

src/api/client/clientDashboard.js

@@ -1,5 +1,31 @@
 import api from '@/api/axios.js';
 
+// ====================== 본사 대시보드 =============================
+
+// 대시보드 기본 데이터 조회
+export const getDashboard = (params = {}) => {
+  return api.get('/orders/dashboard', { params })
+      .then(res => res.data)
+}
+
+// 납기 일정 캘린더 조회
+export const getDashboardCalendar = (params = {}) => {
+  return api.get('/orders/dashboard/calendar', { params })
+      .then(res => res.data)
+}
+
+// 수주 목표 조회
+export const getDashboardGoals = (params = {}) => {
+  return api.get('/orders/dashboard/goal', { params })
+      .then(res => res.data)
+}
+
+// 수주 목표 업데이트
+export const updateDashboardGoals = (goalId, updateData) => {
+  return api.put(`/orders/dashboard/goal/${goalId}`,updateData)
+      .then(res => res.data)
+}
+
 // ====================== 본사 =============================
 
 // 주문 목록 조회
@@ -42,6 +68,11 @@ export const cancelOrder = (orderId, cancelData) => {
 
 // ====================== 고객사 =============================
 
+// 고객사 대시보드
+export const getClientDashboard = () => {
+  return api.get('/clients/orders/dashboard').then(res => res.data);
+};
+
 // 고객사 주문
 export const createClientOrder = (orderData) => {
   return api.post('/clients/orders', orderData)

src/api/order/salesOrder.js

@@ -0,0 +1,43 @@
+import api from '@/api/axios.js';
+
+/**
+ * 생산 대시보드 KPI 요약
+ */
+export const getDashboardSummary = () =>
+    api.get('/production/dashboard/summary')
+        .then(res => res.data);
+
+/**
+ * 라인 가동 상태 (도넛)
+ */
+export const getLineStatus = () =>
+    api.get('/production/dashboard/line-status')
+        .then(res => res.data);
+
+/**
+ * 라인 CAPA 부하
+ */
+export const getLineCapa = () =>
+    api.get('/production/dashboard/line-capa')
+        .then(res => res.data);
+
+/**
+ * 자재 부족 현황
+ */
+export const getMaterialShortage = () =>
+    api.get('/production/dashboard/material-shortage')
+        .then(res => res.data);
+
+/**
+ * 월별 생산 추이
+ */
+export const getMonthlyTrend = () =>
+    api.get('/production/dashboard/monthly-trend')
+        .then(res => res.data);
+
+/**
+ * PR 리스크 리스트
+ */
+export const getPrRiskList = () =>
+    api.get('/production/dashboard/pr-risk')
+        .then(res => res.data);