shared-ritm 1.1.86 → 1.1.88
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/shared-ritm.es.js +18 -13
- package/dist/shared-ritm.umd.js +3 -3
- package/dist/types/api/services/ProjectsService.d.ts +1 -0
- package/package.json +1 -1
- package/src/App.vue +6 -0
- package/src/api/services/AuthService.ts +41 -41
- package/src/api/services/FileService.ts +15 -15
- package/src/api/services/ProjectsService.ts +65 -61
- package/src/api/settings/ApiService.ts +126 -126
- package/src/api/types/Api_Repairs.ts +93 -93
- package/src/common/app-button/AppButton.vue +173 -173
- package/src/common/app-date-picker/AppDatePicker.vue +81 -79
- package/src/common/app-icon/AppIcon.vue +104 -104
- package/src/common/app-input/AppInput.vue +147 -147
- package/src/common/app-layout/AppLayout.vue +63 -63
- package/src/common/app-layout/components/AppLayoutHeader.vue +123 -123
- package/src/common/app-loader/index.vue +43 -43
- package/src/common/app-page-layout/AppPageLayout.vue +122 -122
- package/src/common/app-sheet/AppSheet.vue +120 -120
- package/src/common/app-sidebar/AppSidebar.vue +168 -168
- package/src/common/app-sidebar/components/SidebarMenu.vue +37 -37
- package/src/common/app-sidebar/components/SidebarMenuItem.vue +146 -146
- package/src/common/app-toggle/AppToggle.vue +23 -23
- package/src/global.d.ts +1 -1
- package/src/icons/components/arrow-down-icon.vue +25 -25
- package/src/icons/components/arrow-frame-icon.vue +19 -19
- package/src/icons/components/arrow-square.vue +22 -22
- package/src/icons/header/flashIcon.vue +24 -24
- package/src/icons/header/notificationIcon.vue +18 -18
- package/src/icons/header/searchStatusIcon.vue +24 -24
- package/src/icons/header/smallCapsIcon.vue +34 -34
- package/src/icons/sidebar/assign-module-icon.vue +36 -36
- package/src/icons/sidebar/instrument-history-icon.vue +32 -32
- package/src/icons/sidebar/instrument-order-icon.vue +38 -38
- package/src/icons/sidebar/instrument-work-zone-icon.vue +18 -18
- package/src/icons/sidebar/instruments-icon.vue +45 -45
- package/src/icons/sidebar/logo-icon.vue +15 -15
- package/src/icons/sidebar/logout-icon.vue +13 -13
- package/src/icons/sidebar/modules-icon.vue +16 -16
- package/src/icons/sidebar/notifications-icon.vue +24 -24
- package/src/icons/sidebar/order-icon.vue +44 -44
- package/src/icons/sidebar/pass-icon.vue +38 -38
- package/src/icons/sidebar/positions-icon.vue +42 -42
- package/src/icons/sidebar/preorder-icon.vue +19 -19
- package/src/icons/sidebar/projects-icon.vue +31 -31
- package/src/icons/sidebar/repair-object-icon.vue +18 -18
- package/src/icons/sidebar/repairs-icon.vue +20 -20
- package/src/icons/sidebar/roles-icon.vue +26 -26
- package/src/icons/sidebar/status-history-icon.vue +24 -24
- package/src/icons/sidebar/tasks-icon.vue +28 -28
- package/src/icons/sidebar/tasks_tasks-icon.vue +39 -39
- package/src/icons/sidebar/tasks_today-icon.vue +27 -27
- package/src/icons/sidebar/teams-icon.vue +32 -32
- package/src/icons/sidebar/user-icon.vue +18 -18
- package/src/icons/sidebar/users-icon.vue +46 -46
- package/src/icons/sidebar/videosources-icon.vue +19 -19
- package/src/icons/sidebar/videowall-icon.vue +13 -13
- package/src/icons/sidebar/videozones-icon.vue +21 -21
- package/src/icons/sidebar/warehouses-icon.vue +43 -43
- package/src/icons/sidebar/workshop-icon.vue +100 -100
- package/src/icons/sidebar/workzones-icon.vue +22 -22
- package/src/main.ts +18 -18
- package/src/quasar-user-options.ts +17 -17
- package/src/router/index.ts +10 -10
- package/src/shims-vue.d.ts +5 -5
|
@@ -11,6 +11,7 @@ declare class ProjectsService extends ApiService {
|
|
|
11
11
|
moveAprProject(id: string): Promise<ResponseApi<any>>;
|
|
12
12
|
restoreProject(id: string): Promise<ResponseApi<any>>;
|
|
13
13
|
importTasks(payload: any): Promise<ResponseApi<any>>;
|
|
14
|
+
importKtd(payload: any): Promise<ResponseApi<any>>;
|
|
14
15
|
fetchProjectTeamList(id: string): Promise<ResponseApi<any>>;
|
|
15
16
|
deleteProject(id: string): Promise<any>;
|
|
16
17
|
}
|
package/package.json
CHANGED
package/src/App.vue
CHANGED
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
"
|
|
19
19
|
/>
|
|
20
20
|
<app-input v-model="test" type="text" />
|
|
21
|
+
<app-date-picker v-model="dateStart" view="standard" :disabled="isDisabled" label="Прогнозируемая дата старта" />
|
|
21
22
|
</div>
|
|
22
23
|
</app-layout>
|
|
23
24
|
</template>
|
|
@@ -31,10 +32,13 @@ import AppSidebar from '@/common/app-sidebar/AppSidebar.vue'
|
|
|
31
32
|
import AppLayout from '@/common/app-layout/AppLayout.vue'
|
|
32
33
|
import AppLayoutHeader from '@/common/app-layout/components/AppLayoutHeader.vue'
|
|
33
34
|
import { useRoute } from 'vue-router'
|
|
35
|
+
import AppDatePicker from '@/common/app-date-picker/AppDatePicker.vue'
|
|
34
36
|
const test = ref('sdf')
|
|
35
37
|
|
|
36
38
|
const $q = useQuasar()
|
|
37
39
|
|
|
40
|
+
const isDisabled = ref(true)
|
|
41
|
+
|
|
38
42
|
const AppConfirmDialog = defineAsyncComponent(() => import('@/common/app-dialogs/AppConfirmDialog.vue'))
|
|
39
43
|
|
|
40
44
|
const route = useRoute()
|
|
@@ -43,6 +47,8 @@ const isRouteActive = (item: any) => {
|
|
|
43
47
|
return item.to === route.path || item?.items?.find((x: any) => x.to === route.path)
|
|
44
48
|
}
|
|
45
49
|
|
|
50
|
+
const dateStart = ref('11.01.2022')
|
|
51
|
+
|
|
46
52
|
const userData = {
|
|
47
53
|
id: '9d340f1a-8d46-4606-b102-76d0a8a70e10',
|
|
48
54
|
last_name: 'Савин',
|
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
import ApiService from '@/api/settings/ApiService'
|
|
2
|
-
|
|
3
|
-
type LoginPayload = {
|
|
4
|
-
email: string
|
|
5
|
-
password: string
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
type LoginResponse = {
|
|
9
|
-
token: string
|
|
10
|
-
user: any
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
type ConfigResponse = any
|
|
14
|
-
|
|
15
|
-
class AuthService extends ApiService {
|
|
16
|
-
public login(email: string, password: string) {
|
|
17
|
-
return this.post<LoginPayload, LoginResponse>(`/login`, {
|
|
18
|
-
email,
|
|
19
|
-
password,
|
|
20
|
-
})
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
public logout() {
|
|
24
|
-
return this.post<null, LoginResponse>(`/logout`, null)
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
public userInfo() {
|
|
28
|
-
return this.get<any>(`/users/auth`)
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
public configs() {
|
|
32
|
-
return this.get<ConfigResponse>(`/configs`)
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
let api: AuthService
|
|
37
|
-
|
|
38
|
-
export default function useAuthService() {
|
|
39
|
-
if (!api) api = new AuthService()
|
|
40
|
-
return api
|
|
41
|
-
}
|
|
1
|
+
import ApiService from '@/api/settings/ApiService'
|
|
2
|
+
|
|
3
|
+
type LoginPayload = {
|
|
4
|
+
email: string
|
|
5
|
+
password: string
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
type LoginResponse = {
|
|
9
|
+
token: string
|
|
10
|
+
user: any
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
type ConfigResponse = any
|
|
14
|
+
|
|
15
|
+
class AuthService extends ApiService {
|
|
16
|
+
public login(email: string, password: string) {
|
|
17
|
+
return this.post<LoginPayload, LoginResponse>(`/login`, {
|
|
18
|
+
email,
|
|
19
|
+
password,
|
|
20
|
+
})
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
public logout() {
|
|
24
|
+
return this.post<null, LoginResponse>(`/logout`, null)
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
public userInfo() {
|
|
28
|
+
return this.get<any>(`/users/auth`)
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
public configs() {
|
|
32
|
+
return this.get<ConfigResponse>(`/configs`)
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
let api: AuthService
|
|
37
|
+
|
|
38
|
+
export default function useAuthService() {
|
|
39
|
+
if (!api) api = new AuthService()
|
|
40
|
+
return api
|
|
41
|
+
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import ApiService, { ResponseApi } from '@/api/settings/ApiService'
|
|
2
|
-
import { Api_Files_Responsible_Dto } from '@/api/types/Api_Files'
|
|
3
|
-
|
|
4
|
-
class FileService extends ApiService {
|
|
5
|
-
public uploadFile(data: FormData): Promise<ResponseApi<Api_Files_Responsible_Dto>> {
|
|
6
|
-
return this.post<FormData, any>(`/upload-file`, data, { headers: { 'Content-Type': 'multipart/form-data' } })
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
let api: FileService
|
|
11
|
-
|
|
12
|
-
export default function useFileService() {
|
|
13
|
-
if (!api) api = new FileService()
|
|
14
|
-
return api
|
|
15
|
-
}
|
|
1
|
+
import ApiService, { ResponseApi } from '@/api/settings/ApiService'
|
|
2
|
+
import { Api_Files_Responsible_Dto } from '@/api/types/Api_Files'
|
|
3
|
+
|
|
4
|
+
class FileService extends ApiService {
|
|
5
|
+
public uploadFile(data: FormData): Promise<ResponseApi<Api_Files_Responsible_Dto>> {
|
|
6
|
+
return this.post<FormData, any>(`/upload-file`, data, { headers: { 'Content-Type': 'multipart/form-data' } })
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
let api: FileService
|
|
11
|
+
|
|
12
|
+
export default function useFileService() {
|
|
13
|
+
if (!api) api = new FileService()
|
|
14
|
+
return api
|
|
15
|
+
}
|
|
@@ -1,61 +1,65 @@
|
|
|
1
|
-
import ApiService, { ResponseApi } from '@/api/settings/ApiService'
|
|
2
|
-
|
|
3
|
-
import { Api_Project_Dto } from '@/api/types/Api_Projects'
|
|
4
|
-
|
|
5
|
-
class ProjectsService extends ApiService {
|
|
6
|
-
public async fetchProjectById(id: string): Promise<ResponseApi<Api_Project_Dto>> {
|
|
7
|
-
return this.get(`/projects/${id}`)
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
public createProject(params: any): Promise<ResponseApi<any>> {
|
|
11
|
-
return this.post<any, ResponseApi<any>>('/projects', params)
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
public editProject(id: string, params: any): Promise<ResponseApi<any>> {
|
|
15
|
-
return this.put<any, ResponseApi<any>>(`/projects/${id}`, params)
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
public fetchProjects(params: any): Promise<ResponseApi<Api_Project_Dto[]>> {
|
|
19
|
-
return this.get(`/get_list_project`, { params })
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
public cloneProject(project: any): Promise<ResponseApi<any>> {
|
|
23
|
-
return this.post<any, ResponseApi<any>>(`projects/${project.id}/clone`, project)
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
public archiveProject(id: string, data: any): Promise<ResponseApi<any>> {
|
|
27
|
-
return this.put<any, ResponseApi<any>>(`/projects/${id}`, data)
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
public unArchiveProject(id: string, data: any): Promise<ResponseApi<any>> {
|
|
31
|
-
return this.put<any, ResponseApi<any>>(`/projects/${id}`, data)
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
public moveAprProject(id: string): Promise<ResponseApi<any>> {
|
|
35
|
-
return this.post<any, ResponseApi<any>>('repairs/move_plan_to_real', {
|
|
36
|
-
repairs: [id],
|
|
37
|
-
})
|
|
38
|
-
}
|
|
39
|
-
public restoreProject(id: string): Promise<ResponseApi<any>> {
|
|
40
|
-
return this.post<any, ResponseApi<any>>('/restore_project', { projects_ids: [id] })
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
public importTasks(payload: any): Promise<ResponseApi<any>> {
|
|
44
|
-
return this.post<any, ResponseApi<any>>('tasks/import', payload)
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
public
|
|
48
|
-
return this.
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
public
|
|
52
|
-
return this.
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
1
|
+
import ApiService, { ResponseApi } from '@/api/settings/ApiService'
|
|
2
|
+
|
|
3
|
+
import { Api_Project_Dto } from '@/api/types/Api_Projects'
|
|
4
|
+
|
|
5
|
+
class ProjectsService extends ApiService {
|
|
6
|
+
public async fetchProjectById(id: string): Promise<ResponseApi<Api_Project_Dto>> {
|
|
7
|
+
return this.get(`/projects/${id}`)
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
public createProject(params: any): Promise<ResponseApi<any>> {
|
|
11
|
+
return this.post<any, ResponseApi<any>>('/projects', params)
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
public editProject(id: string, params: any): Promise<ResponseApi<any>> {
|
|
15
|
+
return this.put<any, ResponseApi<any>>(`/projects/${id}`, params)
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
public fetchProjects(params: any): Promise<ResponseApi<Api_Project_Dto[]>> {
|
|
19
|
+
return this.get(`/get_list_project`, { params })
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
public cloneProject(project: any): Promise<ResponseApi<any>> {
|
|
23
|
+
return this.post<any, ResponseApi<any>>(`projects/${project.id}/clone`, project)
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
public archiveProject(id: string, data: any): Promise<ResponseApi<any>> {
|
|
27
|
+
return this.put<any, ResponseApi<any>>(`/projects/${id}`, data)
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
public unArchiveProject(id: string, data: any): Promise<ResponseApi<any>> {
|
|
31
|
+
return this.put<any, ResponseApi<any>>(`/projects/${id}`, data)
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
public moveAprProject(id: string): Promise<ResponseApi<any>> {
|
|
35
|
+
return this.post<any, ResponseApi<any>>('repairs/move_plan_to_real', {
|
|
36
|
+
repairs: [id],
|
|
37
|
+
})
|
|
38
|
+
}
|
|
39
|
+
public restoreProject(id: string): Promise<ResponseApi<any>> {
|
|
40
|
+
return this.post<any, ResponseApi<any>>('/restore_project', { projects_ids: [id] })
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
public importTasks(payload: any): Promise<ResponseApi<any>> {
|
|
44
|
+
return this.post<any, ResponseApi<any>>('tasks/import', payload)
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
public importKtd(payload: any): Promise<ResponseApi<any>> {
|
|
48
|
+
return this.post<any, ResponseApi<any>>('/parse_ktd', payload)
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
public fetchProjectTeamList(id: string): Promise<ResponseApi<any>> {
|
|
52
|
+
return this.put<any, ResponseApi<any>>(`/projects/${id}`, null)
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
public deleteProject(id: string): Promise<any> {
|
|
56
|
+
return this.delete<ResponseApi<any>>(`/projects/${id}`)
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
let api: ProjectsService
|
|
61
|
+
|
|
62
|
+
export default function useProjectsService() {
|
|
63
|
+
if (!api) api = new ProjectsService()
|
|
64
|
+
return api
|
|
65
|
+
}
|
|
@@ -1,126 +1,126 @@
|
|
|
1
|
-
import axios, { AxiosError, AxiosInstance, AxiosRequestConfig, AxiosResponse, InternalAxiosRequestConfig } from 'axios'
|
|
2
|
-
|
|
3
|
-
export enum ApiServiceType {
|
|
4
|
-
SERVICE_AUTH = 'SERVICE_AUTH',
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
export type ResponseApi<T> = {
|
|
8
|
-
count: number
|
|
9
|
-
current_page: number
|
|
10
|
-
data: T
|
|
11
|
-
per_page: number
|
|
12
|
-
total: number
|
|
13
|
-
total_pages: number
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export default class ApiService {
|
|
17
|
-
private axiosInstance: AxiosInstance
|
|
18
|
-
|
|
19
|
-
constructor() {
|
|
20
|
-
this.axiosInstance = axios.create({
|
|
21
|
-
baseURL: process.env.VUE_APP_BACKEND,
|
|
22
|
-
headers: {
|
|
23
|
-
'Content-Type': 'application/json',
|
|
24
|
-
Accept: 'application/json',
|
|
25
|
-
},
|
|
26
|
-
})
|
|
27
|
-
|
|
28
|
-
this.axiosInstance.interceptors.request.use(
|
|
29
|
-
(config: InternalAxiosRequestConfig) => {
|
|
30
|
-
const token = this.getToken()
|
|
31
|
-
if (token && config.headers) {
|
|
32
|
-
config.headers.Authorization = `Bearer ${token}`
|
|
33
|
-
}
|
|
34
|
-
return config
|
|
35
|
-
},
|
|
36
|
-
(error: AxiosError) => {
|
|
37
|
-
return Promise.reject(error)
|
|
38
|
-
},
|
|
39
|
-
)
|
|
40
|
-
|
|
41
|
-
this.axiosInstance.interceptors.response.use(
|
|
42
|
-
(response: AxiosResponse) => {
|
|
43
|
-
return response.data
|
|
44
|
-
},
|
|
45
|
-
(error: AxiosError) => {
|
|
46
|
-
if (error.response?.status === 401 || error.response?.status === 403) {
|
|
47
|
-
this.logout()
|
|
48
|
-
}
|
|
49
|
-
return Promise.reject(error)
|
|
50
|
-
},
|
|
51
|
-
)
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
private getToken() {
|
|
55
|
-
return localStorage.getItem('token')
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
private removeToken() {
|
|
59
|
-
localStorage.removeItem('token')
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
public logout(): void {
|
|
63
|
-
this.removeToken()
|
|
64
|
-
window.location.href = '/sign-in'
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
private handleError(error: AxiosError): void {
|
|
68
|
-
if (error.response) {
|
|
69
|
-
console.error('API Error:', error.response.status, error.response.data)
|
|
70
|
-
} else if (error.request) {
|
|
71
|
-
console.error('No response received:', error.request)
|
|
72
|
-
} else {
|
|
73
|
-
console.error('Error during request setup:', error.message)
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
protected async get<T>(url: string, options?: AxiosRequestConfig) {
|
|
78
|
-
try {
|
|
79
|
-
const response: AxiosResponse<T> = await this.axiosInstance.get<T>(url, options)
|
|
80
|
-
return response?.data ?? (response as unknown as T)
|
|
81
|
-
} catch (error) {
|
|
82
|
-
const axiosError = error as AxiosError
|
|
83
|
-
this.handleError(axiosError)
|
|
84
|
-
throw error
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
protected async delete<T>(url: string, options?: AxiosRequestConfig) {
|
|
89
|
-
try {
|
|
90
|
-
return await this.axiosInstance.delete<T>(url, options)
|
|
91
|
-
} catch (error) {
|
|
92
|
-
const axiosError = error as AxiosError
|
|
93
|
-
this.handleError(axiosError)
|
|
94
|
-
throw error
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
protected async post<T1, T2>(url: string, payload: T1, options?: AxiosRequestConfig) {
|
|
99
|
-
try {
|
|
100
|
-
const response: AxiosResponse<T2> = await this.axiosInstance.post<T1, AxiosResponse<T2>>(url, payload, options)
|
|
101
|
-
return response.data
|
|
102
|
-
} catch (error) {
|
|
103
|
-
const axiosError = error as AxiosError
|
|
104
|
-
this.handleError(axiosError)
|
|
105
|
-
throw error
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
// protected patch<T1, T2>(url: string, payload: T1, type: ApiServiceType, options?: AxiosRequestConfig): Promise<T2> {
|
|
110
|
-
// return axios
|
|
111
|
-
// .patch<T1, AxiosResponse<T2>>(apiServiceUrls[type] + url, payload, options)
|
|
112
|
-
// .catch((err: AxiosError) => processError401<T2>(err))
|
|
113
|
-
// .then(extractData)
|
|
114
|
-
// }
|
|
115
|
-
//
|
|
116
|
-
protected async put<T1, T2>(url: string, payload: T1, options?: AxiosRequestConfig) {
|
|
117
|
-
try {
|
|
118
|
-
const response: AxiosResponse<T2> = await this.axiosInstance.put<T1, AxiosResponse<T2>>(url, payload, options)
|
|
119
|
-
return response.data
|
|
120
|
-
} catch (error) {
|
|
121
|
-
const axiosError = error as AxiosError
|
|
122
|
-
this.handleError(axiosError)
|
|
123
|
-
throw error
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
}
|
|
1
|
+
import axios, { AxiosError, AxiosInstance, AxiosRequestConfig, AxiosResponse, InternalAxiosRequestConfig } from 'axios'
|
|
2
|
+
|
|
3
|
+
export enum ApiServiceType {
|
|
4
|
+
SERVICE_AUTH = 'SERVICE_AUTH',
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
export type ResponseApi<T> = {
|
|
8
|
+
count: number
|
|
9
|
+
current_page: number
|
|
10
|
+
data: T
|
|
11
|
+
per_page: number
|
|
12
|
+
total: number
|
|
13
|
+
total_pages: number
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export default class ApiService {
|
|
17
|
+
private axiosInstance: AxiosInstance
|
|
18
|
+
|
|
19
|
+
constructor() {
|
|
20
|
+
this.axiosInstance = axios.create({
|
|
21
|
+
baseURL: process.env.VUE_APP_BACKEND,
|
|
22
|
+
headers: {
|
|
23
|
+
'Content-Type': 'application/json',
|
|
24
|
+
Accept: 'application/json',
|
|
25
|
+
},
|
|
26
|
+
})
|
|
27
|
+
|
|
28
|
+
this.axiosInstance.interceptors.request.use(
|
|
29
|
+
(config: InternalAxiosRequestConfig) => {
|
|
30
|
+
const token = this.getToken()
|
|
31
|
+
if (token && config.headers) {
|
|
32
|
+
config.headers.Authorization = `Bearer ${token}`
|
|
33
|
+
}
|
|
34
|
+
return config
|
|
35
|
+
},
|
|
36
|
+
(error: AxiosError) => {
|
|
37
|
+
return Promise.reject(error)
|
|
38
|
+
},
|
|
39
|
+
)
|
|
40
|
+
|
|
41
|
+
this.axiosInstance.interceptors.response.use(
|
|
42
|
+
(response: AxiosResponse) => {
|
|
43
|
+
return response.data
|
|
44
|
+
},
|
|
45
|
+
(error: AxiosError) => {
|
|
46
|
+
if (error.response?.status === 401 || error.response?.status === 403) {
|
|
47
|
+
this.logout()
|
|
48
|
+
}
|
|
49
|
+
return Promise.reject(error)
|
|
50
|
+
},
|
|
51
|
+
)
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
private getToken() {
|
|
55
|
+
return localStorage.getItem('token')
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
private removeToken() {
|
|
59
|
+
localStorage.removeItem('token')
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
public logout(): void {
|
|
63
|
+
this.removeToken()
|
|
64
|
+
window.location.href = '/sign-in'
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
private handleError(error: AxiosError): void {
|
|
68
|
+
if (error.response) {
|
|
69
|
+
console.error('API Error:', error.response.status, error.response.data)
|
|
70
|
+
} else if (error.request) {
|
|
71
|
+
console.error('No response received:', error.request)
|
|
72
|
+
} else {
|
|
73
|
+
console.error('Error during request setup:', error.message)
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
protected async get<T>(url: string, options?: AxiosRequestConfig) {
|
|
78
|
+
try {
|
|
79
|
+
const response: AxiosResponse<T> = await this.axiosInstance.get<T>(url, options)
|
|
80
|
+
return response?.data ?? (response as unknown as T)
|
|
81
|
+
} catch (error) {
|
|
82
|
+
const axiosError = error as AxiosError
|
|
83
|
+
this.handleError(axiosError)
|
|
84
|
+
throw error
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
protected async delete<T>(url: string, options?: AxiosRequestConfig) {
|
|
89
|
+
try {
|
|
90
|
+
return await this.axiosInstance.delete<T>(url, options)
|
|
91
|
+
} catch (error) {
|
|
92
|
+
const axiosError = error as AxiosError
|
|
93
|
+
this.handleError(axiosError)
|
|
94
|
+
throw error
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
protected async post<T1, T2>(url: string, payload: T1, options?: AxiosRequestConfig) {
|
|
99
|
+
try {
|
|
100
|
+
const response: AxiosResponse<T2> = await this.axiosInstance.post<T1, AxiosResponse<T2>>(url, payload, options)
|
|
101
|
+
return response.data
|
|
102
|
+
} catch (error) {
|
|
103
|
+
const axiosError = error as AxiosError
|
|
104
|
+
this.handleError(axiosError)
|
|
105
|
+
throw error
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
// protected patch<T1, T2>(url: string, payload: T1, type: ApiServiceType, options?: AxiosRequestConfig): Promise<T2> {
|
|
110
|
+
// return axios
|
|
111
|
+
// .patch<T1, AxiosResponse<T2>>(apiServiceUrls[type] + url, payload, options)
|
|
112
|
+
// .catch((err: AxiosError) => processError401<T2>(err))
|
|
113
|
+
// .then(extractData)
|
|
114
|
+
// }
|
|
115
|
+
//
|
|
116
|
+
protected async put<T1, T2>(url: string, payload: T1, options?: AxiosRequestConfig) {
|
|
117
|
+
try {
|
|
118
|
+
const response: AxiosResponse<T2> = await this.axiosInstance.put<T1, AxiosResponse<T2>>(url, payload, options)
|
|
119
|
+
return response.data
|
|
120
|
+
} catch (error) {
|
|
121
|
+
const axiosError = error as AxiosError
|
|
122
|
+
this.handleError(axiosError)
|
|
123
|
+
throw error
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
}
|