Compare commits
2 Commits
4733863d6e
...
ed030b8493
| Author | SHA1 | Date | |
|---|---|---|---|
| ed030b8493 | |||
| c5685cd01d |
7
src/.idea/.idea.ZhonTai/.idea/vcs.xml
generated
Normal file
7
src/.idea/.idea.ZhonTai/.idea/vcs.xml
generated
Normal file
@ -0,0 +1,7 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="VcsDirectoryMappings">
|
||||
<mapping directory="" vcs="Git" />
|
||||
<mapping directory="$PROJECT_DIR$/.." vcs="Git" />
|
||||
</component>
|
||||
</project>
|
||||
6597
zhontai.ui.admin.vue3/pnpm-lock.yaml
generated
Normal file
6597
zhontai.ui.admin.vue3/pnpm-lock.yaml
generated
Normal file
File diff suppressed because it is too large
Load Diff
@ -1,312 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { AxiosResponse } from 'axios'
|
||||
import {
|
||||
ApiAddInput,
|
||||
ApiSetEnableLogInput,
|
||||
ApiSetEnableParamsInput,
|
||||
ApiSetEnableResultInput,
|
||||
ApiSyncInput,
|
||||
ApiUpdateInput,
|
||||
PageInputApiGetPageInput,
|
||||
ResultOutputApiGetOutput,
|
||||
ResultOutputInt64,
|
||||
ResultOutputListApiGetListOutput,
|
||||
ResultOutputListProjectConfig,
|
||||
ResultOutputPageOutputApiEntity,
|
||||
} from './data-contracts'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class ApiApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags api
|
||||
* @name Get
|
||||
* @summary 查询
|
||||
* @request GET:/api/admin/api/get
|
||||
* @secure
|
||||
*/
|
||||
get = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputApiGetOutput, any>({
|
||||
path: `/api/admin/api/get`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags api
|
||||
* @name GetList
|
||||
* @summary 查询列表
|
||||
* @request GET:/api/admin/api/get-list
|
||||
* @secure
|
||||
*/
|
||||
getList = (
|
||||
query?: {
|
||||
key?: string
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputListApiGetListOutput, any>({
|
||||
path: `/api/admin/api/get-list`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags api
|
||||
* @name GetPage
|
||||
* @summary 查询分页
|
||||
* @request POST:/api/admin/api/get-page
|
||||
* @secure
|
||||
*/
|
||||
getPage = (data: PageInputApiGetPageInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputPageOutputApiEntity, any>({
|
||||
path: `/api/admin/api/get-page`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags api
|
||||
* @name Add
|
||||
* @summary 添加
|
||||
* @request POST:/api/admin/api/add
|
||||
* @secure
|
||||
*/
|
||||
add = (data: ApiAddInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputInt64, any>({
|
||||
path: `/api/admin/api/add`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags api
|
||||
* @name Update
|
||||
* @summary 修改
|
||||
* @request PUT:/api/admin/api/update
|
||||
* @secure
|
||||
*/
|
||||
update = (data: ApiUpdateInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/api/update`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags api
|
||||
* @name SetEnableLog
|
||||
* @summary 设置启用接口日志
|
||||
* @request POST:/api/admin/api/set-enable-log
|
||||
* @secure
|
||||
*/
|
||||
setEnableLog = (data: ApiSetEnableLogInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/api/set-enable-log`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags api
|
||||
* @name SetEnableParams
|
||||
* @summary 设置启用请求参数
|
||||
* @request POST:/api/admin/api/set-enable-params
|
||||
* @secure
|
||||
*/
|
||||
setEnableParams = (data: ApiSetEnableParamsInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/api/set-enable-params`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags api
|
||||
* @name SetEnableResult
|
||||
* @summary 设置启用响应结果
|
||||
* @request POST:/api/admin/api/set-enable-result
|
||||
* @secure
|
||||
*/
|
||||
setEnableResult = (data: ApiSetEnableResultInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/api/set-enable-result`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags api
|
||||
* @name Delete
|
||||
* @summary 彻底删除
|
||||
* @request DELETE:/api/admin/api/delete
|
||||
* @secure
|
||||
*/
|
||||
delete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/api/delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags api
|
||||
* @name BatchDelete
|
||||
* @summary 批量彻底删除
|
||||
* @request PUT:/api/admin/api/batch-delete
|
||||
* @secure
|
||||
*/
|
||||
batchDelete = (data: number[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/api/batch-delete`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags api
|
||||
* @name SoftDelete
|
||||
* @summary 删除
|
||||
* @request DELETE:/api/admin/api/soft-delete
|
||||
* @secure
|
||||
*/
|
||||
softDelete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/api/soft-delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags api
|
||||
* @name BatchSoftDelete
|
||||
* @summary 批量删除
|
||||
* @request PUT:/api/admin/api/batch-soft-delete
|
||||
* @secure
|
||||
*/
|
||||
batchSoftDelete = (data: number[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/api/batch-soft-delete`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags api
|
||||
* @name Sync
|
||||
* @summary 同步
|
||||
* @request POST:/api/admin/api/sync
|
||||
* @secure
|
||||
*/
|
||||
sync = (data: ApiSyncInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/api/sync`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags api
|
||||
* @name GetProjects
|
||||
* @summary 获得项目列表
|
||||
* @request GET:/api/admin/api/get-projects
|
||||
* @secure
|
||||
*/
|
||||
getProjects = (
|
||||
query?: {
|
||||
/** @default "/swagger" */
|
||||
suffix?: string
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputListProjectConfig, any>({
|
||||
path: `/api/admin/api/get-projects`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,229 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { AxiosResponse } from 'axios'
|
||||
import {
|
||||
BoardAddInput,
|
||||
BoardGetOutput,
|
||||
BoardGetPageInput,
|
||||
BoardGetPageOutput,
|
||||
BoardUpdateInput,
|
||||
PageInputBoardGetPageInput,
|
||||
ResultOutputBoardGetOutput,
|
||||
ResultOutputInt64,
|
||||
ResultOutputPageOutputBoardGetPageOutput,
|
||||
BoardGetBoardUserListOutput,
|
||||
BoardAddBoardUserListInput,
|
||||
BoardRemoveBoardUserInput,
|
||||
BoardGetBoardListByUserIdOutput,
|
||||
} from './data-contracts'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class BoardApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags board
|
||||
* @name Get
|
||||
* @summary 查询
|
||||
* @request GET:/api/admin/board/get
|
||||
* @secure
|
||||
*/
|
||||
get = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputBoardGetOutput, any>({
|
||||
path: `/api/admin/board/get`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags board
|
||||
* @name GetPage
|
||||
* @summary 查询分页
|
||||
* @request POST:/api/admin/board/get-page
|
||||
* @secure
|
||||
*/
|
||||
getPage = (data: PageInputBoardGetPageInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputPageOutputBoardGetPageOutput, any>({
|
||||
path: `/api/admin/board/get-page`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags board
|
||||
* @name Add
|
||||
* @summary 添加
|
||||
* @request POST:/api/admin/board/add
|
||||
* @secure
|
||||
*/
|
||||
add = (data: BoardAddInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputInt64, any>({
|
||||
path: `/api/admin/board/add`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags board
|
||||
* @name Update
|
||||
* @summary 修改
|
||||
* @request PUT:/api/admin/board/update
|
||||
* @secure
|
||||
*/
|
||||
update = (data: BoardUpdateInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/board/update`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags board
|
||||
* @name SoftDelete
|
||||
* @summary 软删除
|
||||
* @request DELETE:/api/admin/board/soft-delete
|
||||
* @secure
|
||||
*/
|
||||
softDelete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/board/soft-delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
|
||||
// GetBoardListByUserIdAsync
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags board
|
||||
* @name GetBoardUserList
|
||||
* @summary 获取看板用户列表
|
||||
* @request GET:/api/admin/board/get-board-user-list
|
||||
* @secure
|
||||
*/
|
||||
getBoardUserList = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
BoardId?: number
|
||||
/** 姓名 */
|
||||
Name?: string | null
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<{ success?: boolean; data?: BoardGetBoardUserListOutput[] }, any>({
|
||||
path: `/api/admin/board/get-board-user-list`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags board
|
||||
* @name AddBoardUser
|
||||
* @summary 添加看板用户
|
||||
* @request POST:/api/admin/board/add-board-user
|
||||
* @secure
|
||||
*/
|
||||
addBoardUser = (data: BoardAddBoardUserListInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/board/add-board-user`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags board
|
||||
* @name RemoveBoardUser
|
||||
* @summary 移除看板用户
|
||||
* @request POST:/api/admin/board/remove-board-user
|
||||
* @secure
|
||||
*/
|
||||
removeBoardUser = (data: BoardRemoveBoardUserInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/board/remove-board-user`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags board
|
||||
* @name GetBoardListByUserId
|
||||
* @summary 根据当前用户获取看板列表
|
||||
* @request GET:/api/admin/board/get-board-list-by-user-id
|
||||
* @secure
|
||||
*/
|
||||
getBoardListByUserId = (
|
||||
query?: {
|
||||
/** 看板名称 */
|
||||
name?: string | null
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<{ success?: boolean; data?: BoardGetBoardListByUserIdOutput[] }, any>({
|
||||
path: `/api/admin/board/get-board-list-by-user-id`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,58 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { AxiosResponse } from 'axios'
|
||||
import { ResultOutputListObject } from './data-contracts'
|
||||
import { HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class CacheApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags cache
|
||||
* @name GetList
|
||||
* @summary 查询列表
|
||||
* @request GET:/api/admin/cache/get-list
|
||||
* @secure
|
||||
*/
|
||||
getList = (params: RequestParams = {}) =>
|
||||
this.request<ResultOutputListObject, any>({
|
||||
path: `/api/admin/cache/get-list`,
|
||||
method: 'GET',
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags cache
|
||||
* @name Clear
|
||||
* @summary 清除缓存
|
||||
* @request DELETE:/api/admin/cache/clear
|
||||
* @secure
|
||||
*/
|
||||
clear = (
|
||||
query?: {
|
||||
/** 缓存键 */
|
||||
cacheKey?: string
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/cache/clear`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,30 +0,0 @@
|
||||
import { HttpClient, ContentType, RequestParams } from './http-client'
|
||||
import { CustomNavigationInput } from './data-contracts'
|
||||
|
||||
export class CustomNavigationApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* 保存自定义导航
|
||||
* @request POST:/api/user/custom-navigation
|
||||
*/
|
||||
save = (data: CustomNavigationInput, params: RequestParams = {}) =>
|
||||
this.request<any, any>({
|
||||
path: '/api/admin/user-custom-navigation/save',
|
||||
method: 'POST',
|
||||
body: data,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* 获取自定义导航
|
||||
* @request GET:/api/user/custom-navigation
|
||||
*/
|
||||
get = (params: RequestParams = {}) =>
|
||||
this.request<any, any>({
|
||||
path: '/api/admin/user-custom-navigation/get',
|
||||
method: 'GET',
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,316 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { AxiosResponse } from 'axios'
|
||||
import {
|
||||
DictAddInput,
|
||||
DictUpdateInput,
|
||||
ExportInput,
|
||||
PageInputDictGetPageInput,
|
||||
ResultOutputDictGetOutput,
|
||||
ResultOutputDictionaryStringListDictGetListOutput,
|
||||
ResultOutputImportOutput,
|
||||
ResultOutputInt64,
|
||||
ResultOutputPageOutputDictGetPageOutput,
|
||||
} from './data-contracts'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class DictApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags dict
|
||||
* @name Get
|
||||
* @summary 查询
|
||||
* @request GET:/api/admin/dict/get
|
||||
* @secure
|
||||
*/
|
||||
get = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputDictGetOutput, any>({
|
||||
path: `/api/admin/dict/get`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags dict
|
||||
* @name GetPage
|
||||
* @summary 查询分页
|
||||
* @request POST:/api/admin/dict/get-page
|
||||
* @secure
|
||||
*/
|
||||
getPage = (data: PageInputDictGetPageInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputPageOutputDictGetPageOutput, any>({
|
||||
path: `/api/admin/dict/get-page`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags dict
|
||||
* @name GetList
|
||||
* @summary 通过类型编码查询列表
|
||||
* @request POST:/api/admin/dict/get-list
|
||||
* @secure
|
||||
*/
|
||||
getList = (data: string[], params: RequestParams = {}) =>
|
||||
this.request<ResultOutputDictionaryStringListDictGetListOutput, any>({
|
||||
path: `/api/admin/dict/get-list`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags dict
|
||||
* @name GetListByNames
|
||||
* @summary 通过类型名称查询列表
|
||||
* @request POST:/api/admin/dict/get-list-by-names
|
||||
* @secure
|
||||
*/
|
||||
getListByNames = (data: string[], params: RequestParams = {}) =>
|
||||
this.request<ResultOutputDictionaryStringListDictGetListOutput, any>({
|
||||
path: `/api/admin/dict/get-list-by-names`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags dict
|
||||
* @name DownloadTemplate
|
||||
* @summary 下载导入模板
|
||||
* @request POST:/api/admin/dict/download-template
|
||||
* @secure
|
||||
*/
|
||||
downloadTemplate = (params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/dict/download-template`,
|
||||
method: 'POST',
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags dict
|
||||
* @name DownloadErrorMark
|
||||
* @summary 下载错误标记文件
|
||||
* @request POST:/api/admin/dict/download-error-mark
|
||||
* @secure
|
||||
*/
|
||||
downloadErrorMark = (
|
||||
query?: {
|
||||
fileId?: string
|
||||
fileName?: string
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/dict/download-error-mark`,
|
||||
method: 'POST',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags dict
|
||||
* @name ExportData
|
||||
* @summary 导出数据
|
||||
* @request POST:/api/admin/dict/export-data
|
||||
* @secure
|
||||
*/
|
||||
exportData = (data: ExportInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/dict/export-data`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags dict
|
||||
* @name ImportData
|
||||
* @summary 导入数据
|
||||
* @request POST:/api/admin/dict/import-data
|
||||
* @secure
|
||||
*/
|
||||
importData = (
|
||||
data: {
|
||||
/** @format binary */
|
||||
file: File
|
||||
},
|
||||
query?: {
|
||||
/** @format int32 */
|
||||
duplicateAction?: number
|
||||
fileId?: string
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputImportOutput, any>({
|
||||
path: `/api/admin/dict/import-data`,
|
||||
method: 'POST',
|
||||
query: query,
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.FormData,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags dict
|
||||
* @name Add
|
||||
* @summary 新增
|
||||
* @request POST:/api/admin/dict/add
|
||||
* @secure
|
||||
*/
|
||||
add = (data: DictAddInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputInt64, any>({
|
||||
path: `/api/admin/dict/add`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags dict
|
||||
* @name Update
|
||||
* @summary 修改
|
||||
* @request PUT:/api/admin/dict/update
|
||||
* @secure
|
||||
*/
|
||||
update = (data: DictUpdateInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/dict/update`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags dict
|
||||
* @name Delete
|
||||
* @summary 彻底删除
|
||||
* @request DELETE:/api/admin/dict/delete
|
||||
* @secure
|
||||
*/
|
||||
delete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/dict/delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags dict
|
||||
* @name BatchDelete
|
||||
* @summary 批量彻底删除
|
||||
* @request PUT:/api/admin/dict/batch-delete
|
||||
* @secure
|
||||
*/
|
||||
batchDelete = (data: number[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/dict/batch-delete`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags dict
|
||||
* @name SoftDelete
|
||||
* @summary 删除
|
||||
* @request DELETE:/api/admin/dict/soft-delete
|
||||
* @secure
|
||||
*/
|
||||
softDelete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/dict/soft-delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags dict
|
||||
* @name BatchSoftDelete
|
||||
* @summary 批量删除
|
||||
* @request PUT:/api/admin/dict/batch-soft-delete
|
||||
* @secure
|
||||
*/
|
||||
batchSoftDelete = (data: number[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/dict/batch-soft-delete`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,187 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { AxiosResponse } from 'axios'
|
||||
import {
|
||||
DictTypeAddInput,
|
||||
DictTypeUpdateInput,
|
||||
PageInputDictTypeGetPageInput,
|
||||
ResultOutputDictTypeGetOutput,
|
||||
ResultOutputInt64,
|
||||
ResultOutputPageOutputDictTypeGetPageOutput,
|
||||
} from './data-contracts'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class DictTypeApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags dict-type
|
||||
* @name Get
|
||||
* @summary 查询
|
||||
* @request GET:/api/admin/dict-type/get
|
||||
* @secure
|
||||
*/
|
||||
get = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputDictTypeGetOutput, any>({
|
||||
path: `/api/admin/dict-type/get`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags dict-type
|
||||
* @name GetPage
|
||||
* @summary 查询分页
|
||||
* @request POST:/api/admin/dict-type/get-page
|
||||
* @secure
|
||||
*/
|
||||
getPage = (data: PageInputDictTypeGetPageInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputPageOutputDictTypeGetPageOutput, any>({
|
||||
path: `/api/admin/dict-type/get-page`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags dict-type
|
||||
* @name Add
|
||||
* @summary 新增
|
||||
* @request POST:/api/admin/dict-type/add
|
||||
* @secure
|
||||
*/
|
||||
add = (data: DictTypeAddInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputInt64, any>({
|
||||
path: `/api/admin/dict-type/add`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags dict-type
|
||||
* @name Update
|
||||
* @summary 修改
|
||||
* @request PUT:/api/admin/dict-type/update
|
||||
* @secure
|
||||
*/
|
||||
update = (data: DictTypeUpdateInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/dict-type/update`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags dict-type
|
||||
* @name Delete
|
||||
* @summary 彻底删除
|
||||
* @request DELETE:/api/admin/dict-type/delete
|
||||
* @secure
|
||||
*/
|
||||
delete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/dict-type/delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags dict-type
|
||||
* @name BatchDelete
|
||||
* @summary 批量彻底删除
|
||||
* @request PUT:/api/admin/dict-type/batch-delete
|
||||
* @secure
|
||||
*/
|
||||
batchDelete = (data: number[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/dict-type/batch-delete`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags dict-type
|
||||
* @name SoftDelete
|
||||
* @summary 删除
|
||||
* @request DELETE:/api/admin/dict-type/soft-delete
|
||||
* @secure
|
||||
*/
|
||||
softDelete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/dict-type/soft-delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags dict-type
|
||||
* @name BatchSoftDelete
|
||||
* @summary 批量删除
|
||||
* @request PUT:/api/admin/dict-type/batch-soft-delete
|
||||
* @secure
|
||||
*/
|
||||
batchSoftDelete = (data: number[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/dict-type/batch-soft-delete`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,387 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { AxiosResponse } from 'axios'
|
||||
import {
|
||||
DocAddGroupInput,
|
||||
DocAddImageInput,
|
||||
DocAddMenuInput,
|
||||
DocUpdateContentInput,
|
||||
DocUpdateGroupInput,
|
||||
DocUpdateMenuInput,
|
||||
ResultOutputDocGetContentOutput,
|
||||
ResultOutputDocGetGroupOutput,
|
||||
ResultOutputDocGetMenuOutput,
|
||||
ResultOutputIEnumerableObject,
|
||||
ResultOutputInt64,
|
||||
ResultOutputListDocListOutput,
|
||||
ResultOutputListString,
|
||||
ResultOutputString,
|
||||
} from './data-contracts'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class DocApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags doc
|
||||
* @name GetGroup
|
||||
* @summary 查询分组
|
||||
* @request GET:/api/admin/doc/get-group
|
||||
* @secure
|
||||
*/
|
||||
getGroup = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputDocGetGroupOutput, any>({
|
||||
path: `/api/admin/doc/get-group`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags doc
|
||||
* @name GetMenu
|
||||
* @summary 查询菜单
|
||||
* @request GET:/api/admin/doc/get-menu
|
||||
* @secure
|
||||
*/
|
||||
getMenu = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputDocGetMenuOutput, any>({
|
||||
path: `/api/admin/doc/get-menu`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags doc
|
||||
* @name GetContent
|
||||
* @summary 查询文档内容
|
||||
* @request GET:/api/admin/doc/get-content
|
||||
* @secure
|
||||
*/
|
||||
getContent = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputDocGetContentOutput, any>({
|
||||
path: `/api/admin/doc/get-content`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags doc
|
||||
* @name GetList
|
||||
* @summary 查询文档列表
|
||||
* @request GET:/api/admin/doc/get-list
|
||||
* @secure
|
||||
*/
|
||||
getList = (
|
||||
query?: {
|
||||
key?: string
|
||||
/** @format date-time */
|
||||
start?: string
|
||||
/** @format date-time */
|
||||
end?: string
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputListDocListOutput, any>({
|
||||
path: `/api/admin/doc/get-list`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags doc
|
||||
* @name GetImageList
|
||||
* @summary 查询图片列表
|
||||
* @request GET:/api/admin/doc/get-image-list
|
||||
* @secure
|
||||
*/
|
||||
getImageList = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputListString, any>({
|
||||
path: `/api/admin/doc/get-image-list`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags doc
|
||||
* @name AddGroup
|
||||
* @summary 新增分组
|
||||
* @request POST:/api/admin/doc/add-group
|
||||
* @secure
|
||||
*/
|
||||
addGroup = (data: DocAddGroupInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputInt64, any>({
|
||||
path: `/api/admin/doc/add-group`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags doc
|
||||
* @name AddMenu
|
||||
* @summary 新增菜单
|
||||
* @request POST:/api/admin/doc/add-menu
|
||||
* @secure
|
||||
*/
|
||||
addMenu = (data: DocAddMenuInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputInt64, any>({
|
||||
path: `/api/admin/doc/add-menu`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags doc
|
||||
* @name AddImage
|
||||
* @summary 新增图片
|
||||
* @request POST:/api/admin/doc/add-image
|
||||
* @secure
|
||||
*/
|
||||
addImage = (data: DocAddImageInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputInt64, any>({
|
||||
path: `/api/admin/doc/add-image`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags doc
|
||||
* @name UpdateGroup
|
||||
* @summary 修改分组
|
||||
* @request PUT:/api/admin/doc/update-group
|
||||
* @secure
|
||||
*/
|
||||
updateGroup = (data: DocUpdateGroupInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/doc/update-group`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags doc
|
||||
* @name UpdateMenu
|
||||
* @summary 修改菜单
|
||||
* @request PUT:/api/admin/doc/update-menu
|
||||
* @secure
|
||||
*/
|
||||
updateMenu = (data: DocUpdateMenuInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/doc/update-menu`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags doc
|
||||
* @name UpdateContent
|
||||
* @summary 修改文档内容
|
||||
* @request PUT:/api/admin/doc/update-content
|
||||
* @secure
|
||||
*/
|
||||
updateContent = (data: DocUpdateContentInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/doc/update-content`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags doc
|
||||
* @name Delete
|
||||
* @summary 彻底删除文档
|
||||
* @request DELETE:/api/admin/doc/delete
|
||||
* @secure
|
||||
*/
|
||||
delete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/doc/delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags doc
|
||||
* @name DeleteImage
|
||||
* @summary 彻底删除图片
|
||||
* @request DELETE:/api/admin/doc/delete-image
|
||||
* @secure
|
||||
*/
|
||||
deleteImage = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
documentId?: number
|
||||
url?: string
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/doc/delete-image`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags doc
|
||||
* @name SoftDelete
|
||||
* @summary 删除文档
|
||||
* @request DELETE:/api/admin/doc/soft-delete
|
||||
* @secure
|
||||
*/
|
||||
softDelete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/doc/soft-delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags doc
|
||||
* @name GetPlainList
|
||||
* @summary 查询精简文档列表
|
||||
* @request GET:/api/admin/doc/get-plain-list
|
||||
* @secure
|
||||
*/
|
||||
getPlainList = (params: RequestParams = {}) =>
|
||||
this.request<ResultOutputIEnumerableObject, any>({
|
||||
path: `/api/admin/doc/get-plain-list`,
|
||||
method: 'GET',
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags doc
|
||||
* @name UploadImage
|
||||
* @summary 上传文档图片
|
||||
* @request POST:/api/admin/doc/upload-image
|
||||
* @secure
|
||||
*/
|
||||
uploadImage = (
|
||||
data: {
|
||||
/**
|
||||
* 上传文件
|
||||
* @format binary
|
||||
*/
|
||||
File?: File
|
||||
/**
|
||||
* 文档编号
|
||||
* @format int64
|
||||
*/
|
||||
Id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputString, any>({
|
||||
path: `/api/admin/doc/upload-image`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.FormData,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,260 +0,0 @@
|
||||
import { AxiosResponse } from 'axios'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
// 提交反馈的输入参数
|
||||
export interface FeedbackSubmitInput {
|
||||
title: string
|
||||
feedbackType: any
|
||||
feedbackTeam: string
|
||||
feedbackPersonName: string
|
||||
feedbackPersonEmail: string
|
||||
relatedPersons: string
|
||||
content: string
|
||||
attachmentPaths: string
|
||||
}
|
||||
|
||||
// 获取反馈分页的输入参数
|
||||
export interface PageInputFeedbackGetPageInput {
|
||||
currentPage: number
|
||||
pageSize: number
|
||||
filter: {
|
||||
title?: string
|
||||
feedbackType?: any
|
||||
feedbackTeam?: string
|
||||
feedbackPersonName?: string
|
||||
status?: any
|
||||
createdTimeStart?: string
|
||||
createdTimeEnd?: string
|
||||
}
|
||||
dynamicFilter?: any
|
||||
}
|
||||
|
||||
// 反馈列表输出项
|
||||
export interface FeedbackGetPageOutput {
|
||||
id: number
|
||||
title: string
|
||||
feedbackType: any
|
||||
feedbackTypeName: string
|
||||
feedbackTeam: string
|
||||
feedbackPersonName: string
|
||||
feedbackPersonEmail: string
|
||||
status: any
|
||||
statusName: string
|
||||
processorName: string
|
||||
processTime: string
|
||||
contentSummary: string
|
||||
createdTime: string
|
||||
}
|
||||
|
||||
// 反馈详情输出
|
||||
export interface FeedbackGetOutput {
|
||||
id: number
|
||||
title: string
|
||||
feedbackType: any
|
||||
feedbackTypeName: string
|
||||
feedbackTeam: string
|
||||
feedbackPersonName: string
|
||||
feedbackPersonEmail: string
|
||||
status: any
|
||||
statusName: string
|
||||
processorName: string
|
||||
processTime: string
|
||||
contentSummary: string
|
||||
createdTime: string
|
||||
content: string
|
||||
relatedPersons: string
|
||||
attachmentPaths: string
|
||||
processRemark: string
|
||||
createdUserId: number
|
||||
createdUserName: string
|
||||
modifiedTime: string
|
||||
}
|
||||
|
||||
// 分页输出结果
|
||||
export interface PageOutputFeedbackGetPageOutput {
|
||||
total: number
|
||||
list: FeedbackGetPageOutput[]
|
||||
}
|
||||
|
||||
// 结果输出包装
|
||||
export interface ResultOutputPageOutputFeedbackGetPageOutput {
|
||||
success: boolean
|
||||
code: string
|
||||
msg: string
|
||||
data: PageOutputFeedbackGetPageOutput
|
||||
}
|
||||
|
||||
export interface ResultOutputFeedbackGetOutput {
|
||||
success: boolean
|
||||
code: string
|
||||
msg: string
|
||||
data: FeedbackGetOutput
|
||||
}
|
||||
|
||||
export interface ResultOutputInt64 {
|
||||
success: boolean
|
||||
code: string
|
||||
msg: string
|
||||
data: number
|
||||
}
|
||||
|
||||
// 标记处理状态的输入参数
|
||||
export interface FeedbackMarkInput {
|
||||
feedbackId: number
|
||||
processRemark: string
|
||||
}
|
||||
|
||||
// 团队负责人信息
|
||||
export interface TeamProcessorOutput {
|
||||
id: number
|
||||
teamName: string
|
||||
site: string
|
||||
processorId: number
|
||||
processorName: string
|
||||
processorEmail: string
|
||||
displayName: string
|
||||
}
|
||||
|
||||
export interface ResultOutputTeamProcessorOutput {
|
||||
success: boolean
|
||||
code: string
|
||||
msg: string
|
||||
data: TeamProcessorOutput[]
|
||||
}
|
||||
|
||||
export class FeedbackApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* @name submitFeedback
|
||||
* @summary 提交意见反馈
|
||||
* @request POST:/api/admin/feedback/submit-feedback
|
||||
* @secure
|
||||
*/
|
||||
submitFeedback = (data: FeedbackSubmitInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputInt64, any>({
|
||||
path: `/api/admin/feedback/submit-feedback`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* @name getPage
|
||||
* @summary 获取反馈分页列表（用户端）
|
||||
* @request POST:/api/admin/feedback/get-page
|
||||
* @secure
|
||||
*/
|
||||
getPage = (data: PageInputFeedbackGetPageInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputPageOutputFeedbackGetPageOutput, any>({
|
||||
path: `/api/admin/feedback/get-page`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* @name getPendingPage
|
||||
* @summary 获取待处理反馈列表（处理人端）
|
||||
* @request POST:/api/admin/feedback/get-pending-page
|
||||
* @secure
|
||||
*/
|
||||
getPendingPage = (data: PageInputFeedbackGetPageInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputPageOutputFeedbackGetPageOutput, any>({
|
||||
path: `/api/admin/feedback/get-pending-page`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* @name get
|
||||
* @summary 获取反馈详情
|
||||
* @request GET:/api/admin/feedback/get
|
||||
* @secure
|
||||
*/
|
||||
get = (
|
||||
query?: {
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputFeedbackGetOutput, any>({
|
||||
path: `/api/admin/feedback/get`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* @name markAsProcessing
|
||||
* @summary 标记为处理中
|
||||
* @request POST:/api/admin/feedback/mark-as-processing
|
||||
* @secure
|
||||
*/
|
||||
markAsProcessing = (data: FeedbackMarkInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/feedback/mark-as-processing`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* @name markAsCompleted
|
||||
* @summary 标记为已处理
|
||||
* @request POST:/api/admin/feedback/mark-as-completed
|
||||
* @secure
|
||||
*/
|
||||
markAsCompleted = (data: FeedbackMarkInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/feedback/mark-as-completed`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* @name markAsRejected
|
||||
* @summary 标记为已驳回
|
||||
* @request POST:/api/admin/feedback/mark-as-rejected
|
||||
* @secure
|
||||
*/
|
||||
markAsRejected = (data: FeedbackMarkInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/feedback/mark-as-rejected`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* @name getTeamProcessors
|
||||
* @summary 获取团队负责人列表（用于下拉选择）
|
||||
* @request GET:/api/admin/feedback/get-team-processors
|
||||
* @secure
|
||||
*/
|
||||
getTeamProcessors = (params: RequestParams = {}) =>
|
||||
this.request<ResultOutputTeamProcessorOutput, any>({
|
||||
path: `/api/admin/feedback/get-team-processors`,
|
||||
method: 'GET',
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,140 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { AxiosResponse } from 'axios'
|
||||
import {
|
||||
FileDeleteInput,
|
||||
PageInputFileGetPageInput,
|
||||
ResultOutputFileEntity,
|
||||
ResultOutputListFileEntity,
|
||||
ResultOutputPageOutputFileGetPageOutput,
|
||||
} from './data-contracts'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class FileApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags file
|
||||
* @name GetPage
|
||||
* @summary 查询分页
|
||||
* @request POST:/api/admin/file/get-page
|
||||
* @secure
|
||||
*/
|
||||
getPage = (data: PageInputFileGetPageInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputPageOutputFileGetPageOutput, any>({
|
||||
path: `/api/admin/file/get-page`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags file
|
||||
* @name Delete
|
||||
* @summary 删除
|
||||
* @request POST:/api/admin/file/delete
|
||||
* @secure
|
||||
*/
|
||||
delete = (data: FileDeleteInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/file/delete`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags file
|
||||
* @name UploadFile
|
||||
* @summary 上传文件
|
||||
* @request POST:/api/admin/file/upload-file
|
||||
* @secure
|
||||
*/
|
||||
uploadFile = (
|
||||
data: {
|
||||
/**
|
||||
* 文件
|
||||
* @format binary
|
||||
*/
|
||||
file: File
|
||||
},
|
||||
query?: {
|
||||
/**
|
||||
* 文件目录
|
||||
* @default ""
|
||||
*/
|
||||
fileDirectory?: string
|
||||
/**
|
||||
* 文件重命名
|
||||
* @default true
|
||||
*/
|
||||
fileReName?: boolean
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputFileEntity, any>({
|
||||
path: `/api/admin/file/upload-file`,
|
||||
method: 'POST',
|
||||
query: query,
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.FormData,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags file
|
||||
* @name UploadFiles
|
||||
* @summary 上传多文件
|
||||
* @request POST:/api/admin/file/upload-files
|
||||
* @secure
|
||||
*/
|
||||
uploadFiles = (
|
||||
data: {
|
||||
/** 文件列表 */
|
||||
files: File[]
|
||||
},
|
||||
query?: {
|
||||
/**
|
||||
* 文件目录
|
||||
* @default ""
|
||||
*/
|
||||
fileDirectory?: string
|
||||
/**
|
||||
* 文件重命名
|
||||
* @default true
|
||||
*/
|
||||
fileReName?: boolean
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputListFileEntity, any>({
|
||||
path: `/api/admin/file/upload-files`,
|
||||
method: 'POST',
|
||||
query: query,
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.FormData,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,55 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { LoginLogAddInput, PageInputLoginLogGetPageInput, ResultOutputInt64, ResultOutputPageOutputLoginLogGetPageOutput } from './data-contracts'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class LoginLogApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags login-log
|
||||
* @name GetPage
|
||||
* @summary 查询分页
|
||||
* @request POST:/api/admin/login-log/get-page
|
||||
* @secure
|
||||
*/
|
||||
getPage = (data: PageInputLoginLogGetPageInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputPageOutputLoginLogGetPageOutput, any>({
|
||||
path: `/api/admin/login-log/get-page`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags login-log
|
||||
* @name Add
|
||||
* @summary 新增
|
||||
* @request POST:/api/admin/login-log/add
|
||||
* @secure
|
||||
*/
|
||||
add = (data: LoginLogAddInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputInt64, any>({
|
||||
path: `/api/admin/login-log/add`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,254 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { AxiosResponse } from 'axios'
|
||||
import {
|
||||
MsgAddInput,
|
||||
MsgAddMsgUserListInput,
|
||||
MsgUpdateInput,
|
||||
PageInputMsgGetPageInput,
|
||||
ResultOutputInt64,
|
||||
ResultOutputListMsgGetMsgUserListOutput,
|
||||
ResultOutputMsgGetOutput,
|
||||
ResultOutputPageOutputMsgGetPageOutput,
|
||||
} from './data-contracts'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class MsgApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags msg
|
||||
* @name Get
|
||||
* @summary 查询
|
||||
* @request GET:/api/admin/msg/get
|
||||
* @secure
|
||||
*/
|
||||
get = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputMsgGetOutput, any>({
|
||||
path: `/api/admin/msg/get`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags msg
|
||||
* @name GetPage
|
||||
* @summary 查询分页
|
||||
* @request POST:/api/admin/msg/get-page
|
||||
* @secure
|
||||
*/
|
||||
getPage = (data: PageInputMsgGetPageInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputPageOutputMsgGetPageOutput, any>({
|
||||
path: `/api/admin/msg/get-page`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags msg
|
||||
* @name GetMsgUserList
|
||||
* @summary 查询消息用户列表
|
||||
* @request GET:/api/admin/msg/get-msg-user-list
|
||||
* @secure
|
||||
*/
|
||||
getMsgUserList = (
|
||||
query?: {
|
||||
/**
|
||||
* 消息Id
|
||||
* @format int64
|
||||
*/
|
||||
MsgId?: number
|
||||
/** 姓名 */
|
||||
Name?: string
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputListMsgGetMsgUserListOutput, any>({
|
||||
path: `/api/admin/msg/get-msg-user-list`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags msg
|
||||
* @name AddMsgUser
|
||||
* @summary 添加消息用户
|
||||
* @request POST:/api/admin/msg/add-msg-user
|
||||
* @secure
|
||||
*/
|
||||
addMsgUser = (data: MsgAddMsgUserListInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/msg/add-msg-user`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags msg
|
||||
* @name RemoveMsgUser
|
||||
* @summary 移除消息用户
|
||||
* @request POST:/api/admin/msg/remove-msg-user
|
||||
* @secure
|
||||
*/
|
||||
removeMsgUser = (data: MsgAddMsgUserListInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/msg/remove-msg-user`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags msg
|
||||
* @name Add
|
||||
* @summary 新增
|
||||
* @request POST:/api/admin/msg/add
|
||||
* @secure
|
||||
*/
|
||||
add = (data: MsgAddInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputInt64, any>({
|
||||
path: `/api/admin/msg/add`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags msg
|
||||
* @name Update
|
||||
* @summary 修改
|
||||
* @request PUT:/api/admin/msg/update
|
||||
* @secure
|
||||
*/
|
||||
update = (data: MsgUpdateInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/msg/update`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags msg
|
||||
* @name Delete
|
||||
* @summary 彻底删除
|
||||
* @request DELETE:/api/admin/msg/delete
|
||||
* @secure
|
||||
*/
|
||||
delete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/msg/delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags msg
|
||||
* @name BatchDelete
|
||||
* @summary 批量彻底删除
|
||||
* @request PUT:/api/admin/msg/batch-delete
|
||||
* @secure
|
||||
*/
|
||||
batchDelete = (data: number[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/msg/batch-delete`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags msg
|
||||
* @name SoftDelete
|
||||
* @summary 删除
|
||||
* @request DELETE:/api/admin/msg/soft-delete
|
||||
* @secure
|
||||
*/
|
||||
softDelete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/msg/soft-delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags msg
|
||||
* @name BatchSoftDelete
|
||||
* @summary 批量删除
|
||||
* @request PUT:/api/admin/msg/batch-soft-delete
|
||||
* @secure
|
||||
*/
|
||||
batchSoftDelete = (data: number[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/msg/batch-soft-delete`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,191 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { AxiosResponse } from 'axios'
|
||||
import {
|
||||
MsgTypeAddInput,
|
||||
MsgTypeUpdateInput,
|
||||
ResultOutputInt64,
|
||||
ResultOutputListMsgTypeGetListOutput,
|
||||
ResultOutputMsgTypeGetOutput,
|
||||
} from './data-contracts'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class MsgTypeApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags msg-type
|
||||
* @name Get
|
||||
* @summary 查询
|
||||
* @request GET:/api/admin/msg-type/get
|
||||
* @secure
|
||||
*/
|
||||
get = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputMsgTypeGetOutput, any>({
|
||||
path: `/api/admin/msg-type/get`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags msg-type
|
||||
* @name GetList
|
||||
* @summary 查询列表
|
||||
* @request GET:/api/admin/msg-type/get-list
|
||||
* @secure
|
||||
*/
|
||||
getList = (
|
||||
query?: {
|
||||
/** 名称 */
|
||||
Name?: string
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputListMsgTypeGetListOutput, any>({
|
||||
path: `/api/admin/msg-type/get-list`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags msg-type
|
||||
* @name Add
|
||||
* @summary 新增
|
||||
* @request POST:/api/admin/msg-type/add
|
||||
* @secure
|
||||
*/
|
||||
add = (data: MsgTypeAddInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputInt64, any>({
|
||||
path: `/api/admin/msg-type/add`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags msg-type
|
||||
* @name Update
|
||||
* @summary 修改
|
||||
* @request PUT:/api/admin/msg-type/update
|
||||
* @secure
|
||||
*/
|
||||
update = (data: MsgTypeUpdateInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/msg-type/update`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags msg-type
|
||||
* @name Delete
|
||||
* @summary 彻底删除
|
||||
* @request DELETE:/api/admin/msg-type/delete
|
||||
* @secure
|
||||
*/
|
||||
delete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/msg-type/delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags msg-type
|
||||
* @name BatchDelete
|
||||
* @summary 批量彻底删除
|
||||
* @request PUT:/api/admin/msg-type/batch-delete
|
||||
* @secure
|
||||
*/
|
||||
batchDelete = (data: number[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/msg-type/batch-delete`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags msg-type
|
||||
* @name SoftDelete
|
||||
* @summary 删除
|
||||
* @request DELETE:/api/admin/msg-type/soft-delete
|
||||
* @secure
|
||||
*/
|
||||
softDelete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/msg-type/soft-delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags msg-type
|
||||
* @name BatchSoftDelete
|
||||
* @summary 批量删除
|
||||
* @request PUT:/api/admin/msg-type/batch-soft-delete
|
||||
* @secure
|
||||
*/
|
||||
batchSoftDelete = (data: number[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/msg-type/batch-soft-delete`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,148 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { AxiosResponse } from 'axios'
|
||||
import {
|
||||
OnlineAddInput,
|
||||
OnlineUpdateInput,
|
||||
PageInputOnlineGetPageInput,
|
||||
ResultOutputOnlineGetOutput,
|
||||
ResultOutputPageOutputOnlineGetPageOutput,
|
||||
} from './data-contracts'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class OnlineApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags online
|
||||
* @name Get
|
||||
* @summary 查询在线教程
|
||||
* @request GET:/api/admin/online/get
|
||||
* @secure
|
||||
*/
|
||||
get = (
|
||||
query?: {
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputOnlineGetOutput, any>({
|
||||
path: `/api/admin/online/get`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags online
|
||||
* @name GetPage
|
||||
* @summary 查询分页
|
||||
* @request POST:/api/admin/online/get-page
|
||||
* @secure
|
||||
*/
|
||||
getPage = (data: PageInputOnlineGetPageInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputPageOutputOnlineGetPageOutput, any>({
|
||||
path: `/api/admin/online/get-page`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags online
|
||||
* @name GetList
|
||||
* @summary
|
||||
* @request POST:/api/admin/online/get-list
|
||||
* @secure
|
||||
*/
|
||||
getList = (data: string[], params: RequestParams = {}) =>
|
||||
this.request<ResultOutputListOutputOnlineGetListOutput, any>({
|
||||
path: `/api/admin/online/get-list`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags online
|
||||
* @name Add
|
||||
* @summary 新增
|
||||
* @request POST:/api/admin/online/add
|
||||
* @secure
|
||||
*/
|
||||
add = (data: OnlineAddInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/online/add`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags online
|
||||
* @name Update
|
||||
* @summary 修改
|
||||
* @request PUT:/api/admin/online/update
|
||||
* @secure
|
||||
*/
|
||||
update = (data: OnlineUpdateInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/online/update`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags online
|
||||
* @name Delete
|
||||
* @summary 删除
|
||||
* @request DELETE:/api/admin/online/delete
|
||||
* @secure
|
||||
*/
|
||||
delete = (
|
||||
query: {
|
||||
id: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/online/delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,60 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import {
|
||||
OperationLogAddInput,
|
||||
PageInputOperationLogGetPageInput,
|
||||
ResultOutputInt64,
|
||||
ResultOutputPageOutputOperationLogGetPageOutput,
|
||||
} from './data-contracts'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class OperationLogApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags operation-log
|
||||
* @name GetPage
|
||||
* @summary 查询分页
|
||||
* @request POST:/api/admin/operation-log/get-page
|
||||
* @secure
|
||||
*/
|
||||
getPage = (data: PageInputOperationLogGetPageInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputPageOutputOperationLogGetPageOutput, any>({
|
||||
path: `/api/admin/operation-log/get-page`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags operation-log
|
||||
* @name Add
|
||||
* @summary 新增
|
||||
* @request POST:/api/admin/operation-log/add
|
||||
* @secure
|
||||
*/
|
||||
add = (data: OperationLogAddInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputInt64, any>({
|
||||
path: `/api/admin/operation-log/add`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,172 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { AxiosResponse } from 'axios'
|
||||
import {
|
||||
OrgAddInput,
|
||||
OrgUpdateInput,
|
||||
ResultOutputInt64,
|
||||
ResultOutputListOrgGetListOutput,
|
||||
ResultOutputListOrgGetSimpleListWithPathOutput,
|
||||
ResultOutputOrgGetOutput,
|
||||
} from './data-contracts'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class OrgApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags org
|
||||
* @name Get
|
||||
* @summary 查询
|
||||
* @request GET:/api/admin/org/get
|
||||
* @secure
|
||||
*/
|
||||
get = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputOrgGetOutput, any>({
|
||||
path: `/api/admin/org/get`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags org
|
||||
* @name GetList
|
||||
* @summary 查询列表
|
||||
* @request GET:/api/admin/org/get-list
|
||||
* @secure
|
||||
*/
|
||||
getList = (
|
||||
query?: {
|
||||
key?: string
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputListOrgGetListOutput, any>({
|
||||
path: `/api/admin/org/get-list`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags org
|
||||
* @name GetSimpleListWithPath
|
||||
* @summary 获取部门路径列表
|
||||
* @request GET:/api/admin/org/get-simple-list-with-path
|
||||
* @secure
|
||||
*/
|
||||
getSimpleListWithPath = (params: RequestParams = {}) =>
|
||||
this.request<ResultOutputListOrgGetSimpleListWithPathOutput, any>({
|
||||
path: `/api/admin/org/get-simple-list-with-path`,
|
||||
method: 'GET',
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags org
|
||||
* @name Add
|
||||
* @summary 新增
|
||||
* @request POST:/api/admin/org/add
|
||||
* @secure
|
||||
*/
|
||||
add = (data: OrgAddInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputInt64, any>({
|
||||
path: `/api/admin/org/add`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags org
|
||||
* @name Update
|
||||
* @summary 修改
|
||||
* @request PUT:/api/admin/org/update
|
||||
* @secure
|
||||
*/
|
||||
update = (data: OrgUpdateInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/org/update`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags org
|
||||
* @name Delete
|
||||
* @summary 彻底删除
|
||||
* @request DELETE:/api/admin/org/delete
|
||||
* @secure
|
||||
*/
|
||||
delete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/org/delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags org
|
||||
* @name SoftDelete
|
||||
* @summary 删除
|
||||
* @request DELETE:/api/admin/org/soft-delete
|
||||
* @secure
|
||||
*/
|
||||
softDelete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/org/soft-delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,347 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { AxiosResponse } from 'axios'
|
||||
import {
|
||||
PageInputPkgGetPageInput,
|
||||
PageInputPkgGetPkgTenantListInput,
|
||||
PkgAddInput,
|
||||
PkgAddPkgTenantListInput,
|
||||
PkgSetPkgPermissionsInput,
|
||||
PkgUpdateInput,
|
||||
ResultOutputInt64,
|
||||
ResultOutputListInt64,
|
||||
ResultOutputListPkgGetListOutput,
|
||||
ResultOutputListPkgGetPkgTenantListOutput,
|
||||
ResultOutputPageOutputPkgGetPageOutput,
|
||||
ResultOutputPageOutputPkgGetPkgTenantListOutput,
|
||||
ResultOutputPkgGetOutput,
|
||||
} from './data-contracts'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class PkgApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags pkg
|
||||
* @name Get
|
||||
* @summary 查询
|
||||
* @request GET:/api/admin/pkg/get
|
||||
* @secure
|
||||
*/
|
||||
get = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputPkgGetOutput, any>({
|
||||
path: `/api/admin/pkg/get`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags pkg
|
||||
* @name GetList
|
||||
* @summary 查询列表
|
||||
* @request GET:/api/admin/pkg/get-list
|
||||
* @secure
|
||||
*/
|
||||
getList = (
|
||||
query?: {
|
||||
/** 名称 */
|
||||
Name?: string
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputListPkgGetListOutput, any>({
|
||||
path: `/api/admin/pkg/get-list`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags pkg
|
||||
* @name GetPage
|
||||
* @summary 查询分页
|
||||
* @request POST:/api/admin/pkg/get-page
|
||||
* @secure
|
||||
*/
|
||||
getPage = (data: PageInputPkgGetPageInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputPageOutputPkgGetPageOutput, any>({
|
||||
path: `/api/admin/pkg/get-page`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags pkg
|
||||
* @name GetPkgTenantList
|
||||
* @summary 查询套餐租户列表
|
||||
* @request GET:/api/admin/pkg/get-pkg-tenant-list
|
||||
* @secure
|
||||
*/
|
||||
getPkgTenantList = (
|
||||
query?: {
|
||||
/** 租户名 */
|
||||
TenantName?: string
|
||||
/**
|
||||
* 套餐Id
|
||||
* @format int64
|
||||
*/
|
||||
PkgId?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputListPkgGetPkgTenantListOutput, any>({
|
||||
path: `/api/admin/pkg/get-pkg-tenant-list`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags pkg
|
||||
* @name GetPkgTenantPage
|
||||
* @summary 查询套餐租户分页
|
||||
* @request POST:/api/admin/pkg/get-pkg-tenant-page
|
||||
* @secure
|
||||
*/
|
||||
getPkgTenantPage = (data: PageInputPkgGetPkgTenantListInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputPageOutputPkgGetPkgTenantListOutput, any>({
|
||||
path: `/api/admin/pkg/get-pkg-tenant-page`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags pkg
|
||||
* @name GetPkgPermissionList
|
||||
* @summary 查询套餐权限列表
|
||||
* @request GET:/api/admin/pkg/get-pkg-permission-list
|
||||
* @secure
|
||||
*/
|
||||
getPkgPermissionList = (
|
||||
query?: {
|
||||
/**
|
||||
* 套餐编号
|
||||
* @format int64
|
||||
*/
|
||||
pkgId?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputListInt64, any>({
|
||||
path: `/api/admin/pkg/get-pkg-permission-list`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags pkg
|
||||
* @name SetPkgPermissions
|
||||
* @summary 设置套餐权限
|
||||
* @request POST:/api/admin/pkg/set-pkg-permissions
|
||||
* @secure
|
||||
*/
|
||||
setPkgPermissions = (data: PkgSetPkgPermissionsInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/pkg/set-pkg-permissions`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags pkg
|
||||
* @name AddPkgTenant
|
||||
* @summary 添加套餐租户
|
||||
* @request POST:/api/admin/pkg/add-pkg-tenant
|
||||
* @secure
|
||||
*/
|
||||
addPkgTenant = (data: PkgAddPkgTenantListInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/pkg/add-pkg-tenant`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags pkg
|
||||
* @name RemovePkgTenant
|
||||
* @summary 移除套餐租户
|
||||
* @request POST:/api/admin/pkg/remove-pkg-tenant
|
||||
* @secure
|
||||
*/
|
||||
removePkgTenant = (data: PkgAddPkgTenantListInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/pkg/remove-pkg-tenant`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags pkg
|
||||
* @name Add
|
||||
* @summary 新增
|
||||
* @request POST:/api/admin/pkg/add
|
||||
* @secure
|
||||
*/
|
||||
add = (data: PkgAddInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputInt64, any>({
|
||||
path: `/api/admin/pkg/add`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags pkg
|
||||
* @name Update
|
||||
* @summary 修改
|
||||
* @request PUT:/api/admin/pkg/update
|
||||
* @secure
|
||||
*/
|
||||
update = (data: PkgUpdateInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/pkg/update`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags pkg
|
||||
* @name Delete
|
||||
* @summary 彻底删除
|
||||
* @request DELETE:/api/admin/pkg/delete
|
||||
* @secure
|
||||
*/
|
||||
delete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/pkg/delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags pkg
|
||||
* @name BatchDelete
|
||||
* @summary 批量彻底删除
|
||||
* @request PUT:/api/admin/pkg/batch-delete
|
||||
* @secure
|
||||
*/
|
||||
batchDelete = (data: number[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/pkg/batch-delete`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags pkg
|
||||
* @name SoftDelete
|
||||
* @summary 删除
|
||||
* @request DELETE:/api/admin/pkg/soft-delete
|
||||
* @secure
|
||||
*/
|
||||
softDelete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/pkg/soft-delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags pkg
|
||||
* @name BatchSoftDelete
|
||||
* @summary 批量删除
|
||||
* @request PUT:/api/admin/pkg/batch-soft-delete
|
||||
* @secure
|
||||
*/
|
||||
batchSoftDelete = (data: number[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/pkg/batch-soft-delete`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,250 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { AxiosResponse } from 'axios'
|
||||
import {
|
||||
PageInputPrintTemplateGetPageInput,
|
||||
PrintTemplateAddInput,
|
||||
PrintTemplateSetEnableInput,
|
||||
PrintTemplateUpdateInput,
|
||||
PrintTemplateUpdateTemplateInput,
|
||||
ResultOutputInt64,
|
||||
ResultOutputPageOutputPrintTemplateGetPageOutput,
|
||||
ResultOutputPrintTemplateGetOutput,
|
||||
ResultOutputPrintTemplateGetUpdateTemplateOutput,
|
||||
} from './data-contracts'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class PrintTemplateApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags print-template
|
||||
* @name Get
|
||||
* @summary 查询
|
||||
* @request GET:/api/admin/print-template/get
|
||||
* @secure
|
||||
*/
|
||||
get = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputPrintTemplateGetOutput, any>({
|
||||
path: `/api/admin/print-template/get`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags print-template
|
||||
* @name GetUpdateTemplate
|
||||
* @summary 查询修改模板
|
||||
* @request GET:/api/admin/print-template/get-update-template
|
||||
* @secure
|
||||
*/
|
||||
getUpdateTemplate = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputPrintTemplateGetUpdateTemplateOutput, any>({
|
||||
path: `/api/admin/print-template/get-update-template`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags print-template
|
||||
* @name GetPage
|
||||
* @summary 查询分页
|
||||
* @request POST:/api/admin/print-template/get-page
|
||||
* @secure
|
||||
*/
|
||||
getPage = (data: PageInputPrintTemplateGetPageInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputPageOutputPrintTemplateGetPageOutput, any>({
|
||||
path: `/api/admin/print-template/get-page`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags print-template
|
||||
* @name Add
|
||||
* @summary 新增
|
||||
* @request POST:/api/admin/print-template/add
|
||||
* @secure
|
||||
*/
|
||||
add = (data: PrintTemplateAddInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputInt64, any>({
|
||||
path: `/api/admin/print-template/add`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags print-template
|
||||
* @name Update
|
||||
* @summary 修改
|
||||
* @request PUT:/api/admin/print-template/update
|
||||
* @secure
|
||||
*/
|
||||
update = (data: PrintTemplateUpdateInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/print-template/update`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags print-template
|
||||
* @name UpdateTemplate
|
||||
* @summary 修改模板
|
||||
* @request PUT:/api/admin/print-template/update-template
|
||||
* @secure
|
||||
*/
|
||||
updateTemplate = (data: PrintTemplateUpdateTemplateInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/print-template/update-template`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags print-template
|
||||
* @name SetEnable
|
||||
* @summary 设置启用
|
||||
* @request POST:/api/admin/print-template/set-enable
|
||||
* @secure
|
||||
*/
|
||||
setEnable = (data: PrintTemplateSetEnableInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/print-template/set-enable`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags print-template
|
||||
* @name Delete
|
||||
* @summary 彻底删除
|
||||
* @request DELETE:/api/admin/print-template/delete
|
||||
* @secure
|
||||
*/
|
||||
delete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/print-template/delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags print-template
|
||||
* @name BatchDelete
|
||||
* @summary 批量彻底删除
|
||||
* @request PUT:/api/admin/print-template/batch-delete
|
||||
* @secure
|
||||
*/
|
||||
batchDelete = (data: number[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/print-template/batch-delete`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags print-template
|
||||
* @name SoftDelete
|
||||
* @summary 删除
|
||||
* @request DELETE:/api/admin/print-template/soft-delete
|
||||
* @secure
|
||||
*/
|
||||
softDelete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/print-template/soft-delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags print-template
|
||||
* @name BatchSoftDelete
|
||||
* @summary 批量删除
|
||||
* @request PUT:/api/admin/print-template/batch-soft-delete
|
||||
* @secure
|
||||
*/
|
||||
batchSoftDelete = (data: number[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/print-template/batch-soft-delete`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,229 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { AxiosResponse } from 'axios'
|
||||
import {
|
||||
PageInputRegionGetPageInput,
|
||||
RegionAddInput,
|
||||
RegionGetListInput,
|
||||
RegionLevel,
|
||||
RegionSetEnableInput,
|
||||
RegionSetHotInput,
|
||||
RegionUpdateInput,
|
||||
ResultOutputInt64,
|
||||
ResultOutputListRegionGetChildListOutput,
|
||||
ResultOutputPageOutputRegionGetPageOutput,
|
||||
ResultOutputRegionGetOutput,
|
||||
} from './data-contracts'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class RegionApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags region
|
||||
* @name Get
|
||||
* @summary 查询
|
||||
* @request GET:/api/admin/region/get
|
||||
* @secure
|
||||
*/
|
||||
get = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputRegionGetOutput, any>({
|
||||
path: `/api/admin/region/get`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags region
|
||||
* @name GetChildList
|
||||
* @summary 查询下级列表
|
||||
* @request POST:/api/admin/region/get-child-list
|
||||
* @secure
|
||||
*/
|
||||
getChildList = (data: RegionGetListInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputListRegionGetChildListOutput, any>({
|
||||
path: `/api/admin/region/get-child-list`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags region
|
||||
* @name GetPage
|
||||
* @summary 查询分页
|
||||
* @request POST:/api/admin/region/get-page
|
||||
* @secure
|
||||
*/
|
||||
getPage = (data: PageInputRegionGetPageInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputPageOutputRegionGetPageOutput, any>({
|
||||
path: `/api/admin/region/get-page`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags region
|
||||
* @name Add
|
||||
* @summary 新增
|
||||
* @request POST:/api/admin/region/add
|
||||
* @secure
|
||||
*/
|
||||
add = (data: RegionAddInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputInt64, any>({
|
||||
path: `/api/admin/region/add`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags region
|
||||
* @name Update
|
||||
* @summary 修改
|
||||
* @request PUT:/api/admin/region/update
|
||||
* @secure
|
||||
*/
|
||||
update = (data: RegionUpdateInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/region/update`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags region
|
||||
* @name Delete
|
||||
* @summary 彻底删除
|
||||
* @request DELETE:/api/admin/region/delete
|
||||
* @secure
|
||||
*/
|
||||
delete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/region/delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags region
|
||||
* @name SoftDelete
|
||||
* @summary 删除
|
||||
* @request DELETE:/api/admin/region/soft-delete
|
||||
* @secure
|
||||
*/
|
||||
softDelete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/region/soft-delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags region
|
||||
* @name SetEnable
|
||||
* @summary 设置启用
|
||||
* @request POST:/api/admin/region/set-enable
|
||||
* @secure
|
||||
*/
|
||||
setEnable = (data: RegionSetEnableInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/region/set-enable`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags region
|
||||
* @name SetHot
|
||||
* @summary 设置热门
|
||||
* @request POST:/api/admin/region/set-hot
|
||||
* @secure
|
||||
*/
|
||||
setHot = (data: RegionSetHotInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/region/set-hot`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags region
|
||||
* @name SyncData
|
||||
* @summary 同步数据
|
||||
* @request POST:/api/admin/region/sync-data
|
||||
* @secure
|
||||
*/
|
||||
syncData = (data: RegionLevel, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/region/sync-data`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,154 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { AxiosResponse } from 'axios'
|
||||
import {
|
||||
RemoteAddInput,
|
||||
RemoteUpdateInput,
|
||||
PageInputRemoteGetPageInput,
|
||||
ResultOutputRemoteGetOutput,
|
||||
ResultOutputInt64,
|
||||
ResultOutputPageOutputRemoteGetPageOutput,
|
||||
RemoteConnectInput,
|
||||
ResultOutputRemoteConnectOutput
|
||||
} from './data-contracts'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class RemoteApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags remote
|
||||
* @name Get
|
||||
* @summary 查询Remote
|
||||
* @request GET:/api/admin/remote/get
|
||||
* @secure
|
||||
*/
|
||||
get = (
|
||||
query?: {
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputRemoteGetOutput, any>({
|
||||
path: `/api/admin/remote/get`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags remote
|
||||
* @name GetPage
|
||||
* @summary 查询分页
|
||||
* @request POST:/api/admin/remote/get-page
|
||||
* @secure
|
||||
*/
|
||||
getPage = (data: PageInputRemoteGetPageInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputPageOutputRemoteGetPageOutput, any>({
|
||||
path: `/api/admin/remote/get-page`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags remote
|
||||
* @name Add
|
||||
* @summary 新增
|
||||
* @request POST:/api/admin/remote/add
|
||||
* @secure
|
||||
*/
|
||||
add = (data: RemoteAddInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputRemoteGetOutput, any>({
|
||||
path: `/api/admin/remote/add`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags remote
|
||||
* @name Update
|
||||
* @summary 修改
|
||||
* @request PUT:/api/admin/remote/update
|
||||
* @secure
|
||||
*/
|
||||
update = (data: RemoteUpdateInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputRemoteGetOutput, any>({
|
||||
path: `/api/admin/remote/update`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags remote
|
||||
* @name Delete
|
||||
* @summary 删除
|
||||
* @request DELETE:/api/admin/remote/delete
|
||||
* @secure
|
||||
*/
|
||||
delete = (
|
||||
query?: {
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputRemoteGetOutput, any>({
|
||||
path: `/api/admin/remote/delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags remote
|
||||
* @name Connect
|
||||
* @summary 连接远程设备
|
||||
* @request POST:/api/admin/remote/connect
|
||||
* @secure
|
||||
*/
|
||||
connect = (data: RemoteConnectInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputRemoteConnectOutput, any>({
|
||||
path: `/api/admin/remote/remote-connect`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,298 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { AxiosResponse } from 'axios'
|
||||
import {
|
||||
PageInputRoleGetPageInput,
|
||||
ResultOutputInt64,
|
||||
ResultOutputListRoleGetListOutput,
|
||||
ResultOutputListRoleGetRoleUserListOutput,
|
||||
ResultOutputPageOutputRoleGetPageOutput,
|
||||
ResultOutputRoleGetOutput,
|
||||
RoleAddInput,
|
||||
RoleAddRoleUserListInput,
|
||||
RoleSetDataScopeInput,
|
||||
RoleUpdateInput,
|
||||
} from './data-contracts'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class RoleApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags role
|
||||
* @name Get
|
||||
* @summary 查询
|
||||
* @request GET:/api/admin/role/get
|
||||
* @secure
|
||||
*/
|
||||
get = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputRoleGetOutput, any>({
|
||||
path: `/api/admin/role/get`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags role
|
||||
* @name GetList
|
||||
* @summary 查询列表
|
||||
* @request GET:/api/admin/role/get-list
|
||||
* @secure
|
||||
*/
|
||||
getList = (
|
||||
query?: {
|
||||
/** 名称 */
|
||||
Name?: string
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputListRoleGetListOutput, any>({
|
||||
path: `/api/admin/role/get-list`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags role
|
||||
* @name GetPage
|
||||
* @summary 查询分页
|
||||
* @request POST:/api/admin/role/get-page
|
||||
* @secure
|
||||
*/
|
||||
getPage = (data: PageInputRoleGetPageInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputPageOutputRoleGetPageOutput, any>({
|
||||
path: `/api/admin/role/get-page`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags role
|
||||
* @name GetRoleUserList
|
||||
* @summary 查询角色用户列表
|
||||
* @request GET:/api/admin/role/get-role-user-list
|
||||
* @secure
|
||||
*/
|
||||
getRoleUserList = (
|
||||
query?: {
|
||||
/** 姓名 */
|
||||
Name?: string
|
||||
/**
|
||||
* 角色Id
|
||||
* @format int64
|
||||
*/
|
||||
RoleId?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputListRoleGetRoleUserListOutput, any>({
|
||||
path: `/api/admin/role/get-role-user-list`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags role
|
||||
* @name AddRoleUser
|
||||
* @summary 添加角色用户
|
||||
* @request POST:/api/admin/role/add-role-user
|
||||
* @secure
|
||||
*/
|
||||
addRoleUser = (data: RoleAddRoleUserListInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/role/add-role-user`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags role
|
||||
* @name RemoveRoleUser
|
||||
* @summary 移除角色用户
|
||||
* @request POST:/api/admin/role/remove-role-user
|
||||
* @secure
|
||||
*/
|
||||
removeRoleUser = (data: RoleAddRoleUserListInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/role/remove-role-user`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags role
|
||||
* @name Add
|
||||
* @summary 新增
|
||||
* @request POST:/api/admin/role/add
|
||||
* @secure
|
||||
*/
|
||||
add = (data: RoleAddInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputInt64, any>({
|
||||
path: `/api/admin/role/add`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags role
|
||||
* @name Update
|
||||
* @summary 修改
|
||||
* @request PUT:/api/admin/role/update
|
||||
* @secure
|
||||
*/
|
||||
update = (data: RoleUpdateInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/role/update`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags role
|
||||
* @name Delete
|
||||
* @summary 彻底删除
|
||||
* @request DELETE:/api/admin/role/delete
|
||||
* @secure
|
||||
*/
|
||||
delete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/role/delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags role
|
||||
* @name BatchDelete
|
||||
* @summary 批量彻底删除
|
||||
* @request PUT:/api/admin/role/batch-delete
|
||||
* @secure
|
||||
*/
|
||||
batchDelete = (data: number[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/role/batch-delete`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags role
|
||||
* @name SoftDelete
|
||||
* @summary 删除
|
||||
* @request DELETE:/api/admin/role/soft-delete
|
||||
* @secure
|
||||
*/
|
||||
softDelete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/role/soft-delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags role
|
||||
* @name BatchSoftDelete
|
||||
* @summary 批量删除
|
||||
* @request PUT:/api/admin/role/batch-soft-delete
|
||||
* @secure
|
||||
*/
|
||||
batchSoftDelete = (data: number[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/role/batch-soft-delete`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags role
|
||||
* @name SetDataScope
|
||||
* @summary 设置数据权限
|
||||
* @request POST:/api/admin/role/set-data-scope
|
||||
* @secure
|
||||
*/
|
||||
setDataScope = (data: RoleSetDataScopeInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/role/set-data-scope`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,113 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { AxiosResponse } from 'axios'
|
||||
import {
|
||||
ResultOutputInt64,
|
||||
ResultOutputListSearchTemplateGetListOutput,
|
||||
ResultOutputSearchTemplateGetUpdateOutput,
|
||||
SearchTemplateSaveInput,
|
||||
} from './data-contracts'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class SearchTemplateApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags search-template
|
||||
* @name Get
|
||||
* @summary 查询
|
||||
* @request GET:/api/admin/search-template/get
|
||||
* @secure
|
||||
*/
|
||||
get = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputSearchTemplateGetUpdateOutput, any>({
|
||||
path: `/api/admin/search-template/get`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags search-template
|
||||
* @name GetList
|
||||
* @summary 查询列表
|
||||
* @request GET:/api/admin/search-template/get-list
|
||||
* @secure
|
||||
*/
|
||||
getList = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
moduleId?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputListSearchTemplateGetListOutput, any>({
|
||||
path: `/api/admin/search-template/get-list`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags search-template
|
||||
* @name Save
|
||||
* @summary 保存
|
||||
* @request POST:/api/admin/search-template/save
|
||||
* @secure
|
||||
*/
|
||||
save = (data: SearchTemplateSaveInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputInt64, any>({
|
||||
path: `/api/admin/search-template/save`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags search-template
|
||||
* @name Delete
|
||||
* @summary 彻底删除
|
||||
* @request DELETE:/api/admin/search-template/delete
|
||||
* @secure
|
||||
*/
|
||||
delete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/search-template/delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,181 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { AxiosResponse } from 'axios'
|
||||
import {
|
||||
PageInputSiteMsgGetPageInput,
|
||||
ResultOutputBoolean,
|
||||
ResultOutputPageOutputSiteMsgGetPageOutput,
|
||||
ResultOutputSiteMsgGetContentOutput,
|
||||
} from './data-contracts'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class SiteMsgApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags site-msg
|
||||
* @name GetContent
|
||||
* @summary 获得内容
|
||||
* @request GET:/api/admin/site-msg/get-content
|
||||
* @secure
|
||||
*/
|
||||
getContent = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputSiteMsgGetContentOutput, any>({
|
||||
path: `/api/admin/site-msg/get-content`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags site-msg
|
||||
* @name GetPage
|
||||
* @summary 查询分页
|
||||
* @request POST:/api/admin/site-msg/get-page
|
||||
* @secure
|
||||
*/
|
||||
getPage = (data: PageInputSiteMsgGetPageInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputPageOutputSiteMsgGetPageOutput, any>({
|
||||
path: `/api/admin/site-msg/get-page`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags site-msg
|
||||
* @name IsUnread
|
||||
* @summary 是否未读
|
||||
* @request GET:/api/admin/site-msg/is-unread
|
||||
* @secure
|
||||
*/
|
||||
isUnread = (params: RequestParams = {}) =>
|
||||
this.request<ResultOutputBoolean, any>({
|
||||
path: `/api/admin/site-msg/is-unread`,
|
||||
method: 'GET',
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags site-msg
|
||||
* @name SetAllRead
|
||||
* @summary 全部标为已读
|
||||
* @request POST:/api/admin/site-msg/set-all-read
|
||||
* @secure
|
||||
*/
|
||||
setAllRead = (params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/site-msg/set-all-read`,
|
||||
method: 'POST',
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags site-msg
|
||||
* @name SetRead
|
||||
* @summary 标为已读
|
||||
* @request POST:/api/admin/site-msg/set-read
|
||||
* @secure
|
||||
*/
|
||||
setRead = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/site-msg/set-read`,
|
||||
method: 'POST',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags site-msg
|
||||
* @name BatchSetRead
|
||||
* @summary 批量标为已读
|
||||
* @request POST:/api/admin/site-msg/batch-set-read
|
||||
* @secure
|
||||
*/
|
||||
batchSetRead = (data: number[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/site-msg/batch-set-read`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags site-msg
|
||||
* @name SoftDelete
|
||||
* @summary 删除
|
||||
* @request DELETE:/api/admin/site-msg/soft-delete
|
||||
* @secure
|
||||
*/
|
||||
softDelete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/site-msg/soft-delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags site-msg
|
||||
* @name BatchSoftDelete
|
||||
* @summary 批量删除
|
||||
* @request POST:/api/admin/site-msg/batch-soft-delete
|
||||
* @secure
|
||||
*/
|
||||
batchSoftDelete = (data: number[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/site-msg/batch-soft-delete`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,287 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { AxiosResponse } from 'axios'
|
||||
import {
|
||||
PageInputTaskGetPageInput,
|
||||
ResultOutputPageOutputTaskGetPageOutput,
|
||||
ResultOutputString,
|
||||
ResultOutputTaskGetOutput,
|
||||
TaskAddInput,
|
||||
TaskUpdateInput,
|
||||
} from './data-contracts'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class TaskApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags task
|
||||
* @name GetAlerEmail
|
||||
* @summary 查询报警邮件
|
||||
* @request GET:/api/admin/task/get-aler-email
|
||||
* @secure
|
||||
*/
|
||||
getAlerEmail = (
|
||||
query?: {
|
||||
id?: string
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputString, any>({
|
||||
path: `/api/admin/task/get-aler-email`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags task
|
||||
* @name Get
|
||||
* @summary 查询
|
||||
* @request GET:/api/admin/task/get
|
||||
* @secure
|
||||
*/
|
||||
get = (
|
||||
query?: {
|
||||
id?: string
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputTaskGetOutput, any>({
|
||||
path: `/api/admin/task/get`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags task
|
||||
* @name GetPage
|
||||
* @summary 查询分页
|
||||
* @request POST:/api/admin/task/get-page
|
||||
* @secure
|
||||
*/
|
||||
getPage = (data: PageInputTaskGetPageInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputPageOutputTaskGetPageOutput, any>({
|
||||
path: `/api/admin/task/get-page`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags task
|
||||
* @name Add
|
||||
* @summary 新增
|
||||
* @request POST:/api/admin/task/add
|
||||
* @secure
|
||||
*/
|
||||
add = (data: TaskAddInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputString, any>({
|
||||
path: `/api/admin/task/add`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags task
|
||||
* @name Update
|
||||
* @summary 修改
|
||||
* @request PUT:/api/admin/task/update
|
||||
* @secure
|
||||
*/
|
||||
update = (data: TaskUpdateInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/task/update`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags task
|
||||
* @name Pause
|
||||
* @summary 暂停任务
|
||||
* @request POST:/api/admin/task/pause
|
||||
* @secure
|
||||
*/
|
||||
pause = (
|
||||
query: {
|
||||
id: string
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/task/pause`,
|
||||
method: 'POST',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags task
|
||||
* @name Resume
|
||||
* @summary 启动任务
|
||||
* @request POST:/api/admin/task/resume
|
||||
* @secure
|
||||
*/
|
||||
resume = (
|
||||
query: {
|
||||
id: string
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/task/resume`,
|
||||
method: 'POST',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags task
|
||||
* @name Run
|
||||
* @summary 执行任务
|
||||
* @request POST:/api/admin/task/run
|
||||
* @secure
|
||||
*/
|
||||
run = (
|
||||
query: {
|
||||
id: string
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/task/run`,
|
||||
method: 'POST',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags task
|
||||
* @name Delete
|
||||
* @summary 删除任务
|
||||
* @request DELETE:/api/admin/task/delete
|
||||
* @secure
|
||||
*/
|
||||
delete = (
|
||||
query: {
|
||||
id: string
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/task/delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags task
|
||||
* @name BatchRun
|
||||
* @summary 批量执行任务
|
||||
* @request PUT:/api/admin/task/batch-run
|
||||
* @secure
|
||||
*/
|
||||
batchRun = (data: string[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/task/batch-run`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags task
|
||||
* @name BatchPause
|
||||
* @summary 批量暂停任务
|
||||
* @request PUT:/api/admin/task/batch-pause
|
||||
* @secure
|
||||
*/
|
||||
batchPause = (data: string[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/task/batch-pause`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags task
|
||||
* @name BatchResume
|
||||
* @summary 批量启动任务
|
||||
* @request PUT:/api/admin/task/batch-resume
|
||||
* @secure
|
||||
*/
|
||||
batchResume = (data: string[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/task/batch-resume`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags task
|
||||
* @name BatchDelete
|
||||
* @summary 批量删除任务
|
||||
* @request PUT:/api/admin/task/batch-delete
|
||||
* @secure
|
||||
*/
|
||||
batchDelete = (data: string[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/task/batch-delete`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,36 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { PageInputTaskLogGetPageInput, ResultOutputPageOutputTaskLog } from './data-contracts'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class TaskLogApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags task-log
|
||||
* @name GetPage
|
||||
* @summary 查询分页
|
||||
* @request POST:/api/admin/task-log/get-page
|
||||
* @secure
|
||||
*/
|
||||
getPage = (data: PageInputTaskLogGetPageInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputPageOutputTaskLog, any>({
|
||||
path: `/api/admin/task-log/get-page`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,152 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class TemplateCenterApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* 获取文件夹和文件树形结构列表
|
||||
*
|
||||
* @tags 模板中心
|
||||
* @name GetTree
|
||||
* @request GET:/api/admin/template-center/get-tree
|
||||
*/
|
||||
getTree = (params: RequestParams = {}) =>
|
||||
this.request<ApiResult<TemplateCenterGetTreeOutput[]>, any>({
|
||||
path: `/api/admin/template-center/get-tree`,
|
||||
method: 'GET',
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* 新增文件夹或文件
|
||||
*
|
||||
* @tags 模板中心
|
||||
* @name Add
|
||||
* @request POST:/api/admin/template-center/add
|
||||
*/
|
||||
add = (data: TemplateCenterAddInput, params: RequestParams = {}) =>
|
||||
this.request<ApiResult, any>({
|
||||
path: `/api/admin/template-center/add`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* 修改文件夹或文件
|
||||
*
|
||||
* @tags 模板中心
|
||||
* @name Update
|
||||
* @request PUT:/api/admin/template-center/update
|
||||
*/
|
||||
update = (data: TemplateCenterUpdateInput, params: RequestParams = {}) =>
|
||||
this.request<ApiResult, any>({
|
||||
path: `/api/admin/template-center/update`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* 删除文件夹或文件
|
||||
*
|
||||
* @tags 模板中心
|
||||
* @name Delete
|
||||
* @request DELETE:/api/admin/template-center/delete
|
||||
*/
|
||||
delete = (params: { id: number }, requestParams: RequestParams = {}) =>
|
||||
this.request<ApiResult, any>({
|
||||
path: `/api/admin/template-center/delete`,
|
||||
method: 'DELETE',
|
||||
query: params,
|
||||
...requestParams,
|
||||
})
|
||||
|
||||
/**
|
||||
* 读取共享文件夹内容并添加到指定父级下
|
||||
*
|
||||
* @tags 模板中心
|
||||
* @name GetSharedFolderContent
|
||||
* @request GET:/api/admin/template-center/get-shared-folder-content
|
||||
*/
|
||||
getSharedFolderContent = (
|
||||
params: {
|
||||
folderPath?: string
|
||||
parentId?: number
|
||||
includeSubfolders?: boolean
|
||||
},
|
||||
requestParams: RequestParams = {}
|
||||
) =>
|
||||
this.request<ApiResult, any>({
|
||||
path: `/api/admin/template-center/get-shared-folder-content`,
|
||||
method: 'GET',
|
||||
query: params,
|
||||
...requestParams,
|
||||
})
|
||||
}
|
||||
|
||||
/** API返回结果 */
|
||||
export interface ApiResult<T = any> {
|
||||
success?: boolean
|
||||
code?: string
|
||||
msg?: string
|
||||
data?: T
|
||||
}
|
||||
|
||||
/** 模板中心树形结构输出 */
|
||||
export interface TemplateCenterGetTreeOutput {
|
||||
id?: number
|
||||
parentId?: number
|
||||
name?: string
|
||||
type?: number // 1=文件夹, 2=文件
|
||||
contactPerson?: string
|
||||
functionIntro?: string
|
||||
keywords?: string
|
||||
site?: string
|
||||
filePath?: string
|
||||
fileKeword?: string
|
||||
fileUrl?: string
|
||||
createdTime?: string
|
||||
modifiedTime?: string
|
||||
children?: TemplateCenterGetTreeOutput[]
|
||||
}
|
||||
|
||||
/** 新增文件夹或文件输入 */
|
||||
export interface TemplateCenterAddInput {
|
||||
parentId?: number
|
||||
name?: string
|
||||
type?: number // 1=文件夹, 2=文件
|
||||
contactPerson?: string
|
||||
functionIntro?: string
|
||||
keywords?: string
|
||||
site?: string
|
||||
filePath?: string
|
||||
fileKeword?: string
|
||||
fileUrl?: string
|
||||
}
|
||||
|
||||
/** 更新文件夹或文件输入 */
|
||||
export interface TemplateCenterUpdateInput {
|
||||
id?: number
|
||||
parentId?: number
|
||||
name?: string
|
||||
type?: number // 1=文件夹, 2=文件
|
||||
contactPerson?: string
|
||||
functionIntro?: string
|
||||
keywords?: string
|
||||
site?: string
|
||||
filePath?: string
|
||||
fileKeword?: string
|
||||
fileUrl?: string
|
||||
}
|
||||
@ -1,213 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { AxiosResponse } from 'axios'
|
||||
import {
|
||||
PageInputTenantGetPageInput,
|
||||
ResultOutputInt64,
|
||||
ResultOutputPageOutputTenantGetPageOutput,
|
||||
ResultOutputTenantGetOutput,
|
||||
ResultOutputTokenInfo,
|
||||
TenantAddInput,
|
||||
TenantSetEnableInput,
|
||||
TenantUpdateInput,
|
||||
} from './data-contracts'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class TenantApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags tenant
|
||||
* @name Get
|
||||
* @summary 查询
|
||||
* @request GET:/api/admin/tenant/get
|
||||
* @secure
|
||||
*/
|
||||
get = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputTenantGetOutput, any>({
|
||||
path: `/api/admin/tenant/get`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags tenant
|
||||
* @name GetPage
|
||||
* @summary 查询分页
|
||||
* @request POST:/api/admin/tenant/get-page
|
||||
* @secure
|
||||
*/
|
||||
getPage = (data: PageInputTenantGetPageInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputPageOutputTenantGetPageOutput, any>({
|
||||
path: `/api/admin/tenant/get-page`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags tenant
|
||||
* @name Add
|
||||
* @summary 新增
|
||||
* @request POST:/api/admin/tenant/add
|
||||
* @secure
|
||||
*/
|
||||
add = (data: TenantAddInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputInt64, any>({
|
||||
path: `/api/admin/tenant/add`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags tenant
|
||||
* @name Update
|
||||
* @summary 修改
|
||||
* @request PUT:/api/admin/tenant/update
|
||||
* @secure
|
||||
*/
|
||||
update = (data: TenantUpdateInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/tenant/update`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags tenant
|
||||
* @name Delete
|
||||
* @summary 彻底删除
|
||||
* @request DELETE:/api/admin/tenant/delete
|
||||
* @secure
|
||||
*/
|
||||
delete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/tenant/delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags tenant
|
||||
* @name SoftDelete
|
||||
* @summary 删除
|
||||
* @request DELETE:/api/admin/tenant/soft-delete
|
||||
* @secure
|
||||
*/
|
||||
softDelete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/tenant/soft-delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags tenant
|
||||
* @name BatchSoftDelete
|
||||
* @summary 批量删除
|
||||
* @request PUT:/api/admin/tenant/batch-soft-delete
|
||||
* @secure
|
||||
*/
|
||||
batchSoftDelete = (data: number[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/tenant/batch-soft-delete`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags tenant
|
||||
* @name SetEnable
|
||||
* @summary 设置启用
|
||||
* @request POST:/api/admin/tenant/set-enable
|
||||
* @secure
|
||||
*/
|
||||
setEnable = (data: TenantSetEnableInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/tenant/set-enable`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags tenant
|
||||
* @name OneClickLogin
|
||||
* @summary 一键登录
|
||||
* @request POST:/api/admin/tenant/one-click-login
|
||||
* @secure
|
||||
*/
|
||||
oneClickLogin = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
tenantId?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputTokenInfo, any>({
|
||||
path: `/api/admin/tenant/one-click-login`,
|
||||
method: 'POST',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,65 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { AxiosResponse } from 'axios'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
import { ResultOutputListTopClickedWebsiteOutput } from './data-contracts'
|
||||
|
||||
export class UserClickApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags user-click
|
||||
* @name RecordClick
|
||||
* @summary 记录用户点击
|
||||
* @request POST:/api/admin/user-click/record-click
|
||||
* @secure
|
||||
*/
|
||||
recordClick = (
|
||||
data: {
|
||||
/** 网页类型 1:在线应用 3:模板中心 5:在线看板 */
|
||||
webType: number
|
||||
/** 网页Id */
|
||||
webId: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/user-click/record-click`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags user-click
|
||||
* @name GetTopClickedWebsites
|
||||
* @summary 获取热门点击网站
|
||||
* @request POST:/api/admin/user-click/get-top-clicked-websites
|
||||
* @secure
|
||||
*/
|
||||
getTopClickedWebsites = (
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputListTopClickedWebsiteOutput, any>({
|
||||
path: `/api/admin/user-click/get-top-clicked-websites`,
|
||||
method: 'POST',
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,206 +0,0 @@
|
||||
/* eslint-disable */
|
||||
/* tslint:disable */
|
||||
// @ts-nocheck
|
||||
/*
|
||||
* ---------------------------------------------------------------
|
||||
* ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API ##
|
||||
* ## ##
|
||||
* ## AUTHOR: acacode ##
|
||||
* ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
|
||||
* ---------------------------------------------------------------
|
||||
*/
|
||||
|
||||
import { AxiosResponse } from 'axios'
|
||||
import {
|
||||
ResultOutputInt64,
|
||||
ResultOutputListViewGetListOutput,
|
||||
ResultOutputViewGetOutput,
|
||||
ViewAddInput,
|
||||
ViewGetListInput,
|
||||
ViewSyncInput,
|
||||
ViewUpdateInput,
|
||||
} from './data-contracts'
|
||||
import { ContentType, HttpClient, RequestParams } from './http-client'
|
||||
|
||||
export class ViewApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags view
|
||||
* @name Get
|
||||
* @summary 查询
|
||||
* @request GET:/api/admin/view/get
|
||||
* @secure
|
||||
*/
|
||||
get = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<ResultOutputViewGetOutput, any>({
|
||||
path: `/api/admin/view/get`,
|
||||
method: 'GET',
|
||||
query: query,
|
||||
secure: true,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags view
|
||||
* @name GetList
|
||||
* @summary 查询列表
|
||||
* @request POST:/api/admin/view/get-list
|
||||
* @secure
|
||||
*/
|
||||
getList = (data: ViewGetListInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputListViewGetListOutput, any>({
|
||||
path: `/api/admin/view/get-list`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags view
|
||||
* @name Add
|
||||
* @summary 新增
|
||||
* @request POST:/api/admin/view/add
|
||||
* @secure
|
||||
*/
|
||||
add = (data: ViewAddInput, params: RequestParams = {}) =>
|
||||
this.request<ResultOutputInt64, any>({
|
||||
path: `/api/admin/view/add`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
format: 'json',
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags view
|
||||
* @name Update
|
||||
* @summary 修改
|
||||
* @request PUT:/api/admin/view/update
|
||||
* @secure
|
||||
*/
|
||||
update = (data: ViewUpdateInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/view/update`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags view
|
||||
* @name Delete
|
||||
* @summary 彻底删除
|
||||
* @request DELETE:/api/admin/view/delete
|
||||
* @secure
|
||||
*/
|
||||
delete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/view/delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags view
|
||||
* @name BatchDelete
|
||||
* @summary 批量彻底删除
|
||||
* @request PUT:/api/admin/view/batch-delete
|
||||
* @secure
|
||||
*/
|
||||
batchDelete = (data: number[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/view/batch-delete`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags view
|
||||
* @name SoftDelete
|
||||
* @summary 删除
|
||||
* @request DELETE:/api/admin/view/soft-delete
|
||||
* @secure
|
||||
*/
|
||||
softDelete = (
|
||||
query?: {
|
||||
/** @format int64 */
|
||||
id?: number
|
||||
},
|
||||
params: RequestParams = {}
|
||||
) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/view/soft-delete`,
|
||||
method: 'DELETE',
|
||||
query: query,
|
||||
secure: true,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags view
|
||||
* @name BatchSoftDelete
|
||||
* @summary 批量删除
|
||||
* @request PUT:/api/admin/view/batch-soft-delete
|
||||
* @secure
|
||||
*/
|
||||
batchSoftDelete = (data: number[], params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/view/batch-soft-delete`,
|
||||
method: 'PUT',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
/**
|
||||
* No description
|
||||
*
|
||||
* @tags view
|
||||
* @name Sync
|
||||
* @summary 同步
|
||||
* @request POST:/api/admin/view/sync
|
||||
* @secure
|
||||
*/
|
||||
sync = (data: ViewSyncInput, params: RequestParams = {}) =>
|
||||
this.request<AxiosResponse, any>({
|
||||
path: `/api/admin/view/sync`,
|
||||
method: 'POST',
|
||||
body: data,
|
||||
secure: true,
|
||||
type: ContentType.Json,
|
||||
...params,
|
||||
})
|
||||
}
|
||||
@ -1,165 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="title"
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="600px"
|
||||
>
|
||||
<el-form :model="form" ref="formRef" label-width="80px">
|
||||
<el-row :gutter="35">
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="上级接口">
|
||||
<el-tree-select
|
||||
v-model="form.parentId"
|
||||
:data="apiTreeData"
|
||||
node-key="id"
|
||||
check-strictly
|
||||
default-expand-all
|
||||
render-after-expand
|
||||
fit-input-width
|
||||
clearable
|
||||
class="w100"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="接口名称" prop="label" :rules="[{ required: true, message: '请输入接口名称', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.label" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="接口地址" prop="path" :rules="[{ required: true, message: '请输入接口地址', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.path" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="接口方法" prop="httpMethods">
|
||||
<el-radio-group v-model="form.httpMethods">
|
||||
<el-radio-button label="get" />
|
||||
<el-radio-button label="put" />
|
||||
<el-radio-button label="post" />
|
||||
<el-radio-button label="patch" />
|
||||
<el-radio-button label="delete" />
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="接口描述" prop="description">
|
||||
<el-input v-model="form.description" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="排序">
|
||||
<el-input-number v-model="form.sort" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="启用">
|
||||
<el-switch v-model="form.enabled" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { reactive, toRefs, ref, PropType } from 'vue'
|
||||
import { ApiGetListOutput, ApiUpdateInput } from '/@/api/admin/data-contracts'
|
||||
import { ApiApi } from '/@/api/admin/Api'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
apiTreeData: {
|
||||
type: Array as PropType<ApiGetListOutput[]>,
|
||||
default: () => [],
|
||||
},
|
||||
})
|
||||
|
||||
const formRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
form: {
|
||||
enabled: true,
|
||||
} as ApiUpdateInput,
|
||||
})
|
||||
|
||||
const { form } = toRefs(state)
|
||||
|
||||
// 打开对话框
|
||||
const open = async (row: any = {}) => {
|
||||
if (row.id > 0) {
|
||||
const res = await new ApiApi().get({ id: row.id }, { loading: true })
|
||||
|
||||
if (res?.success) {
|
||||
let formData = res.data as ApiUpdateInput
|
||||
formData.parentId = formData.parentId && formData.parentId > 0 ? formData.parentId : undefined
|
||||
state.form = formData
|
||||
}
|
||||
} else {
|
||||
state.form = {
|
||||
enabled: true,
|
||||
} as ApiUpdateInput
|
||||
}
|
||||
state.showDialog = true
|
||||
}
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
state.sureLoading = true
|
||||
let res = {} as any
|
||||
state.form.parentId = state.form.parentId && state.form.parentId > 0 ? state.form.parentId : undefined
|
||||
if (state.form.id != undefined && state.form.id > 0) {
|
||||
res = await new ApiApi().update(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
} else {
|
||||
res = await new ApiApi().add(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
}
|
||||
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
eventBus.emit('refreshApi')
|
||||
state.showDialog = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
|
||||
<script lang="ts">
|
||||
import { defineComponent } from 'vue'
|
||||
|
||||
export default defineComponent({
|
||||
name: 'admin/api/form',
|
||||
})
|
||||
</script>
|
||||
@ -1,362 +0,0 @@
|
||||
<template>
|
||||
<my-layout>
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :inline="true" @submit.stop.prevent>
|
||||
<el-form-item label="接口名称">
|
||||
<el-input v-model="state.filter.name" placeholder="接口名称" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:api:add'" type="primary" icon="ele-Plus" @click="onAdd"> 新增 </el-button>
|
||||
<el-popconfirm title="确定要同步接口" hide-icon width="180" hide-after="0" @confirm="onSync">
|
||||
<template #reference>
|
||||
<el-button v-auth="'api:admin:api:sync'" :loading="state.syncLoading" type="primary" icon="ele-Refresh"> 同步 </el-button>
|
||||
</template>
|
||||
</el-popconfirm>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table
|
||||
:data="state.apiTreeData"
|
||||
style="width: 100%"
|
||||
v-loading="state.loading"
|
||||
row-key="id"
|
||||
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
|
||||
:expand-row-keys="state.expandRowKeys"
|
||||
border
|
||||
>
|
||||
<el-table-column prop="label" label="接口名称" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="path" label="接口地址" min-width="120" show-overflow-tooltip>
|
||||
<template #default="{ row }">
|
||||
<el-tag v-if="row.httpMethods" :type="getTagTypeByHttpMethod(row.httpMethods)" style="width: 54px">{{ row.httpMethods }}</el-tag>
|
||||
{{ row.path }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="请求日志" width="90" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-switch
|
||||
v-if="row.httpMethods"
|
||||
v-model="row.enabledLog"
|
||||
:loading="row.loadingEnabledLog"
|
||||
:active-value="true"
|
||||
:inactive-value="false"
|
||||
inline-prompt
|
||||
active-text="启用"
|
||||
inactive-text="禁用"
|
||||
:before-change="() => onSetEnableLog(row)"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="请求参数" width="90" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-switch
|
||||
v-if="row.httpMethods"
|
||||
v-model="row.enabledParams"
|
||||
:loading="row.loadingEnabledParams"
|
||||
:active-value="true"
|
||||
:inactive-value="false"
|
||||
inline-prompt
|
||||
active-text="启用"
|
||||
inactive-text="禁用"
|
||||
:before-change="() => onSetEnableParams(row)"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="响应结果" width="90" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-switch
|
||||
v-if="row.httpMethods"
|
||||
v-model="row.enabledResult"
|
||||
:loading="row.loadingEnabledResult"
|
||||
:active-value="true"
|
||||
:inactive-value="false"
|
||||
inline-prompt
|
||||
active-text="启用"
|
||||
inactive-text="禁用"
|
||||
:before-change="() => onSetEnableResult(row)"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="sort" label="排序" width="82" align="center" show-overflow-tooltip />
|
||||
<el-table-column label="状态" width="82" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag type="success" v-if="row.enabled">启用</el-tag>
|
||||
<el-tag type="danger" v-else>禁用</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="160" fixed="right" header-align="center" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-button v-auth="'api:admin:api:update'" icon="ele-EditPen" text type="primary" @click="onEdit(row)">编辑</el-button>
|
||||
<el-button v-auth="'api:admin:api:delete'" icon="ele-Delete" text type="danger" @click="onDelete(row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
|
||||
<api-form ref="apiFormRef" :title="state.apiFormTitle" :api-tree-data="state.formApiTreeData"></api-form>
|
||||
</my-layout>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/api">
|
||||
import { ref, reactive, onMounted, getCurrentInstance, onBeforeMount, defineAsyncComponent } from 'vue'
|
||||
import { ApiGetListOutput } from '/@/api/admin/data-contracts'
|
||||
import { ApiApi } from '/@/api/admin/Api'
|
||||
import { ApiApi as ApiExtApi } from '/@/api/admin.extend/Api'
|
||||
import { listToTree, treeToList, filterTree, filterList } from '/@/utils/tree'
|
||||
import { cloneDeep, isArray } from 'lodash-es'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
|
||||
// 引入组件
|
||||
const ApiForm = defineAsyncComponent(() => import('./components/api-form.vue'))
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const apiFormRef = ref()
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
syncLoading: false,
|
||||
apiFormTitle: '',
|
||||
filter: {
|
||||
name: '',
|
||||
},
|
||||
apiTreeData: [] as Array<ApiGetListOutput>,
|
||||
formApiTreeData: [] as Array<ApiGetListOutput>,
|
||||
expandRowKeys: [] as string[],
|
||||
})
|
||||
|
||||
onMounted(async () => {
|
||||
await onQuery()
|
||||
state.expandRowKeys = treeToList(cloneDeep(state.apiTreeData))
|
||||
.filter((a: ApiGetListOutput) => a.parentId === 0)
|
||||
.map((a: ApiGetListOutput) => a.id + '') as string[]
|
||||
eventBus.off('refreshApi')
|
||||
eventBus.on('refreshApi', async () => {
|
||||
onQuery()
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeMount(() => {
|
||||
eventBus.off('refreshApi')
|
||||
})
|
||||
|
||||
const getTagTypeByHttpMethod = (httpMethods: string) => {
|
||||
const methods = httpMethods.toLowerCase().split(/\s+/)
|
||||
if (methods.some((method) => method === 'get')) {
|
||||
return 'success'
|
||||
}
|
||||
if (methods.some((method) => method === 'delete')) {
|
||||
return 'danger'
|
||||
}
|
||||
if (methods.some((method) => method === 'patch')) {
|
||||
return 'info'
|
||||
}
|
||||
|
||||
return 'primary'
|
||||
}
|
||||
//启用或禁用请求日志
|
||||
const onSetEnableLog = (row: ApiGetListOutput & { loadingEnabledLog: boolean; loadingEnabledParams: boolean; loadingEnabledResult: boolean }) => {
|
||||
return new Promise((resolve, reject) => {
|
||||
proxy.$modal
|
||||
.confirm(`确定要${row.enabledLog ? '禁用' : '启用'}【${row.label}】请求参数?`)
|
||||
.then(async () => {
|
||||
row.loadingEnabledLog = true
|
||||
const res = await new ApiApi()
|
||||
.setEnableLog({ apiId: row.id, enabledLog: !row.enabledLog }, { showSuccessMessage: true })
|
||||
.catch(() => {
|
||||
reject(new Error('Error'))
|
||||
})
|
||||
.finally(() => {
|
||||
row.loadingEnabledLog = false
|
||||
})
|
||||
if (res && res.success) {
|
||||
resolve(true)
|
||||
} else {
|
||||
reject(new Error('Cancel'))
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
reject(new Error('Cancel'))
|
||||
})
|
||||
})
|
||||
}
|
||||
//启用或禁用请求参数
|
||||
const onSetEnableParams = (row: ApiGetListOutput & { loadingEnabledLog: boolean; loadingEnabledParams: boolean; loadingEnabledResult: boolean }) => {
|
||||
return new Promise((resolve, reject) => {
|
||||
proxy.$modal
|
||||
.confirm(`确定要${row.enabledParams ? '禁用' : '启用'}【${row.label}】请求参数?`)
|
||||
.then(async () => {
|
||||
row.loadingEnabledParams = true
|
||||
const res = await new ApiApi()
|
||||
.setEnableParams({ apiId: row.id, enabledParams: !row.enabledParams }, { showSuccessMessage: true })
|
||||
.catch(() => {
|
||||
reject(new Error('Error'))
|
||||
})
|
||||
.finally(() => {
|
||||
row.loadingEnabledParams = false
|
||||
})
|
||||
if (res && res.success) {
|
||||
resolve(true)
|
||||
} else {
|
||||
reject(new Error('Cancel'))
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
reject(new Error('Cancel'))
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
//启用或禁用响应结果
|
||||
const onSetEnableResult = (row: ApiGetListOutput & { loadingEnabledLog: boolean; loadingEnabledParams: boolean; loadingEnabledResult: boolean }) => {
|
||||
return new Promise((resolve, reject) => {
|
||||
proxy.$modal
|
||||
.confirm(`确定要${row.enabledResult ? '禁用' : '启用'}【${row.label}】响应结果?`)
|
||||
.then(async () => {
|
||||
row.loadingEnabledResult = true
|
||||
const res = await new ApiApi()
|
||||
.setEnableResult({ apiId: row.id, enabledResult: !row.enabledResult }, { showSuccessMessage: true })
|
||||
.catch(() => {
|
||||
reject(new Error('Error'))
|
||||
})
|
||||
.finally(() => {
|
||||
row.loadingEnabledResult = false
|
||||
})
|
||||
if (res && res.success) {
|
||||
resolve(true)
|
||||
} else {
|
||||
reject(new Error('Cancel'))
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
reject(new Error('Cancel'))
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
const res = await new ApiApi().getList().catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
if (res && res.data && res.data.length > 0) {
|
||||
state.apiTreeData = filterTree(listToTree(cloneDeep(res.data)), state.filter.name, {
|
||||
filterWhere: (item: any, keyword: string) => {
|
||||
return item.label?.toLocaleLowerCase().indexOf(keyword) > -1 || item.path?.toLocaleLowerCase().indexOf(keyword) > -1
|
||||
},
|
||||
})
|
||||
|
||||
//修复#57
|
||||
state.formApiTreeData = listToTree(
|
||||
filterList(cloneDeep(res.data), '', {
|
||||
filterWhere: (item: any, word: string) => {
|
||||
return !item.httpMethods
|
||||
},
|
||||
})
|
||||
)
|
||||
} else {
|
||||
state.apiTreeData = []
|
||||
state.formApiTreeData = []
|
||||
}
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const onAdd = () => {
|
||||
state.apiFormTitle = '新增接口'
|
||||
apiFormRef.value.open()
|
||||
}
|
||||
|
||||
const onEdit = (row: ApiGetListOutput) => {
|
||||
state.apiFormTitle = '编辑接口'
|
||||
apiFormRef.value.open(row)
|
||||
}
|
||||
|
||||
const onDelete = (row: ApiGetListOutput) => {
|
||||
proxy.$modal
|
||||
.confirmDelete(`确定要删除接口【${row.label}】?`)
|
||||
.then(async () => {
|
||||
await new ApiApi().delete({ id: row.id }, { loading: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const syncApi = async (swaggerResource: any) => {
|
||||
const res = await new ApiExtApi().getSwaggerJson(swaggerResource.url, { showErrorMessage: false })
|
||||
if (!res) {
|
||||
return
|
||||
}
|
||||
|
||||
const tags = res.tags
|
||||
const paths = res.paths
|
||||
const apis = []
|
||||
const urls = swaggerResource.url.split('/')
|
||||
const code = urls.length >= 2 ? urls[urls.length - 2] : ''
|
||||
if (code === '') {
|
||||
return
|
||||
}
|
||||
apis[apis.length] = {
|
||||
label: swaggerResource.name,
|
||||
path: code,
|
||||
}
|
||||
// tags
|
||||
if (tags && tags.length > 0) {
|
||||
tags.forEach((t: any) => {
|
||||
apis[apis.length] = {
|
||||
label: t.description,
|
||||
path: t.name,
|
||||
parentPath: code,
|
||||
}
|
||||
})
|
||||
}
|
||||
// paths
|
||||
if (paths) {
|
||||
for (const [key, value] of Object.entries(paths)) {
|
||||
const keys = Object.keys(value as any)
|
||||
const values = Object.values(value as any)
|
||||
const v = values && values.length > 0 ? values[0] : ({} as any)
|
||||
const parentPath = v.tags && v.tags.length > 0 ? v.tags[0] : ''
|
||||
apis[apis.length] = {
|
||||
label: v.summary,
|
||||
path: key,
|
||||
parentPath,
|
||||
httpMethods: keys.join(','),
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return await new ApiApi().sync({ apis })
|
||||
}
|
||||
|
||||
const onSync = async () => {
|
||||
state.syncLoading = true
|
||||
const swaggerResourcePaths = ['doc/admin']
|
||||
//const swaggerResourcePaths = ['doc/admin']
|
||||
// const swaggerResourcePaths = ['doc/app']
|
||||
const swaggerResourceUrls = swaggerResourcePaths?.map((path) => `/${path}/swagger-resources`) as string[]
|
||||
const lastSwaggerResourcesIndex = swaggerResourceUrls.length - 1
|
||||
swaggerResourceUrls.forEach(async (swaggerResourceUrl, swaggerResourcesIndex) => {
|
||||
const resSwaggerResources = await new ApiExtApi().getSwaggerResources(swaggerResourceUrl, { showErrorMessage: false }).catch(() => {
|
||||
state.syncLoading = false
|
||||
})
|
||||
if (isArray(resSwaggerResources) && (resSwaggerResources?.length as number) > 0) {
|
||||
for (let index = 0, len = resSwaggerResources.length; index < len; index++) {
|
||||
const swaggerResource = resSwaggerResources[index]
|
||||
await syncApi(swaggerResource).catch(() => {
|
||||
proxy.$modal.msgSuccess(`同步${swaggerResource.name}失败`)
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
if (swaggerResourcesIndex === lastSwaggerResourcesIndex) {
|
||||
state.syncLoading = false
|
||||
proxy.$modal.msgSuccess(`同步完成`)
|
||||
onQuery()
|
||||
}
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@ -1,148 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="title"
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="600px"
|
||||
>
|
||||
<el-form :model="form" ref="formRef" label-width="80px">
|
||||
<el-row :gutter="35">
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="看板名称" prop="name" :rules="[{ required: true, message: '请输入看板名称', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.name" clearable placeholder="请输入看板名称" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="功能简介" prop="description">
|
||||
<el-input v-model="form.description" type="textarea" :rows="3" clearable placeholder="请输入功能简介" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="关键词" prop="keywords">
|
||||
<el-input v-model="form.keywords" clearable placeholder="请输入关键词，多个关键词用逗号分隔" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="网址" prop="url">
|
||||
<el-input v-model="form.url" clearable placeholder="请输入网址" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<!-- safetyVerification -->
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="安全认证" prop="safety">
|
||||
<el-switch v-model="form.safety" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="排序">
|
||||
<el-input-number v-model="form.sort" :min="0" :max="9999" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="启用">
|
||||
<el-switch v-model="form.enabled" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { reactive, toRefs, ref, PropType } from 'vue'
|
||||
import { BoardGetPageOutput, BoardUpdateInput } from '/@/api/admin/data-contracts'
|
||||
import { BoardApi } from '/@/api/admin/Board'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
|
||||
const formRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
form: {
|
||||
enabled: true,
|
||||
sort: 0,
|
||||
} as BoardUpdateInput,
|
||||
})
|
||||
|
||||
const { form } = toRefs(state)
|
||||
|
||||
// 打开对话框
|
||||
const open = async (row: any = {}) => {
|
||||
if (row.id > 0) {
|
||||
const res = await new BoardApi().get({ id: row.id }, { loading: true })
|
||||
|
||||
if (res?.success) {
|
||||
let formData = res.data as BoardUpdateInput
|
||||
state.form = formData
|
||||
}
|
||||
} else {
|
||||
state.form = {
|
||||
enabled: true,
|
||||
sort: 0,
|
||||
} as BoardUpdateInput
|
||||
}
|
||||
state.showDialog = true
|
||||
}
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
state.sureLoading = true
|
||||
let res = {} as any
|
||||
if (state.form.id != undefined && state.form.id > 0) {
|
||||
res = await new BoardApi().update(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
} else {
|
||||
res = await new BoardApi().add(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
}
|
||||
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
eventBus.emit('refreshBoard')
|
||||
state.showDialog = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
|
||||
<script lang="ts">
|
||||
import { defineComponent } from 'vue'
|
||||
|
||||
export default defineComponent({
|
||||
name: 'admin/board/form',
|
||||
})
|
||||
</script>
|
||||
@ -1,329 +0,0 @@
|
||||
<template>
|
||||
<MySplitPanes>
|
||||
<pane size="55" min-size="35" max-size="65">
|
||||
<div class="my-flex-column w100 h100">
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :inline="true" @submit.stop.prevent>
|
||||
<el-form-item label="看板名称">
|
||||
<el-input v-model="state.filter.name" placeholder="看板名称" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="关键词">
|
||||
<el-input v-model="state.filter.keywords" placeholder="关键词" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:board:add'" type="primary" icon="ele-Plus" @click="onAdd"> 新增 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table
|
||||
ref="boardTableRef"
|
||||
v-loading="state.loading"
|
||||
:data="state.boardListData"
|
||||
default-expand-all
|
||||
highlight-current-row
|
||||
style="width: 100%"
|
||||
@current-change="onTableCurrentChange"
|
||||
border
|
||||
>
|
||||
<el-table-column prop="name" label="看板名称" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="description" label="功能简介" min-width="150" show-overflow-tooltip />
|
||||
<el-table-column prop="keywords" label="关键词" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="url" label="网址" min-width="150" show-overflow-tooltip>
|
||||
<template #default="{ row }">
|
||||
<el-link v-if="row.url" :href="row.url" target="_blank" type="primary">{{ row.url }}</el-link>
|
||||
<span v-else>-</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="sort" label="排序" width="90" align="center" sortable="custom" show-overflow-tooltip />
|
||||
<el-table-column label="状态" width="82" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag type="success" v-if="row.enabled">启用</el-tag>
|
||||
<el-tag type="danger" v-else>禁用</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="createdTime" label="创建时间" width="160" align="center" show-overflow-tooltip />
|
||||
<el-table-column label="操作" width="140" fixed="right" header-align="center" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-button v-auth="'api:admin:board:update'" icon="ele-EditPen" text type="primary" @click="onEdit(row)">编辑</el-button>
|
||||
<el-button v-auth="'api:admin:board:delete'" icon="ele-Delete" text type="danger" @click="onDelete(row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="my-flex my-flex-end" style="margin-top: 10px">
|
||||
<el-pagination
|
||||
v-model:currentPage="state.pageInput.currentPage"
|
||||
v-model:page-size="state.pageInput.pageSize"
|
||||
:total="state.total"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
background
|
||||
@size-change="onSizeChange"
|
||||
@current-change="onCurrentChange"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</pane>
|
||||
<pane>
|
||||
<div class="my-flex-column w100 h100">
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :inline="true" @submit.stop.prevent>
|
||||
<el-form-item label="姓名">
|
||||
<el-input v-model="state.userFilter.name" placeholder="姓名" @keyup.enter="onGetBoardUserList" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onGetBoardUserList"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:board:add-board-user'" type="primary" icon="ele-Plus" @click="onAddUser"> 添加 </el-button>
|
||||
<el-button v-auth="'api:admin:board:remove-board-user'" type="danger" icon="ele-Delete" @click="onRemoveUser"> 移除 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table
|
||||
ref="userTableRef"
|
||||
v-loading="state.userListLoading"
|
||||
:data="state.userListData"
|
||||
:row-key="getRowKey"
|
||||
style="width: 100%"
|
||||
border
|
||||
>
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column prop="name" label="姓名" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="mobile" label="手机号" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="email" label="邮箱" min-width="180" show-overflow-tooltip />
|
||||
</el-table>
|
||||
</el-card>
|
||||
</div>
|
||||
</pane>
|
||||
|
||||
<board-form ref="boardFormRef" :title="state.boardFormTitle"></board-form>
|
||||
<user-select
|
||||
ref="userSelectRef"
|
||||
:title="`添加【${state.boardName}】人员`"
|
||||
multiple
|
||||
:sure-loading="state.sureLoading"
|
||||
@sure="onSureUser"
|
||||
></user-select>
|
||||
</MySplitPanes>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/board">
|
||||
import { ref, reactive, onMounted, getCurrentInstance, onBeforeMount, defineAsyncComponent } from 'vue'
|
||||
import { BoardGetPageOutput, PageInputBoardGetPageInput, SortInput, BoardGetBoardUserListOutput, BoardAddBoardUserListInput, BoardRemoveBoardUserInput, UserGetPageOutput } from '/@/api/admin/data-contracts'
|
||||
import { BoardApi } from '/@/api/admin/Board'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { Pane } from 'splitpanes'
|
||||
import { ElTable } from 'element-plus'
|
||||
import dayjs from 'dayjs'
|
||||
|
||||
// 引入组件
|
||||
const BoardForm = defineAsyncComponent(() => import('./components/board-form.vue'))
|
||||
const UserSelect = defineAsyncComponent(() => import('/@/views/admin/user/components/user-select.vue'))
|
||||
const MySplitPanes = defineAsyncComponent(() => import('/@/components/my-layout/split-panes.vue'))
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const boardTableRef = ref()
|
||||
const boardFormRef = ref()
|
||||
const userTableRef = ref<InstanceType<typeof ElTable>>()
|
||||
const userSelectRef = ref()
|
||||
|
||||
const defalutSort = { prop: 'sort', order: 'ascending' }
|
||||
|
||||
const getSortList = (data: { prop: string; order: any }) => {
|
||||
return [
|
||||
{
|
||||
propName: data.prop,
|
||||
order: data.order === 'ascending' ? 0 : data.order === 'descending' ? 1 : undefined,
|
||||
},
|
||||
] as [SortInput]
|
||||
}
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
userListLoading: false,
|
||||
sureLoading: false,
|
||||
boardFormTitle: '',
|
||||
filter: {
|
||||
name: '',
|
||||
keywords: '',
|
||||
},
|
||||
defalutSort: defalutSort,
|
||||
total: 0,
|
||||
pageInput: {
|
||||
currentPage: 1,
|
||||
pageSize: 20,
|
||||
sortList: getSortList(defalutSort),
|
||||
} as PageInputBoardGetPageInput,
|
||||
boardListData: [] as Array<BoardGetPageOutput>,
|
||||
userFilter: {
|
||||
name: ''
|
||||
},
|
||||
userListData: [] as BoardGetBoardUserListOutput[],
|
||||
boardId: undefined as number | undefined,
|
||||
boardName: '' as string | null | undefined,
|
||||
})
|
||||
|
||||
onMounted(async () => {
|
||||
await onQuery()
|
||||
eventBus.off('refreshBoard')
|
||||
eventBus.on('refreshBoard', () => {
|
||||
onQuery()
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeMount(() => {
|
||||
eventBus.off('refreshBoard')
|
||||
})
|
||||
|
||||
const formatterTime = (row: any, column: any, cellValue: any) => {
|
||||
return cellValue ? dayjs(cellValue).format('YYYY-MM-DD HH:mm:ss') : ''
|
||||
}
|
||||
|
||||
// 生成唯一的行键，使用数组索引确保唯一性
|
||||
const getRowKey = (row: BoardGetBoardUserListOutput, index: number) => {
|
||||
return `user_${state.boardId}_${row.userId}_${index}`
|
||||
}
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
state.pageInput.filter = state.filter
|
||||
const res = await new BoardApi().getPage(state.pageInput).catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
|
||||
state.boardListData = res?.data?.list ?? []
|
||||
state.total = res?.data?.total ?? 0
|
||||
|
||||
if (state.boardListData?.length > 0) {
|
||||
window.setTimeout(() => {
|
||||
boardTableRef.value?.setCurrentRow(state.boardListData[0])
|
||||
}, 100)
|
||||
}
|
||||
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const onAdd = () => {
|
||||
state.boardFormTitle = '新增看板'
|
||||
boardFormRef.value.open()
|
||||
}
|
||||
|
||||
const onEdit = (row: BoardGetPageOutput) => {
|
||||
state.boardFormTitle = '编辑看板'
|
||||
boardFormRef.value.open(row)
|
||||
}
|
||||
|
||||
const onDelete = (row: BoardGetPageOutput) => {
|
||||
proxy.$modal
|
||||
.confirmDelete(`确定要删除【${row.name}】?`)
|
||||
.then(async () => {
|
||||
await new BoardApi().softDelete({ id: row.id }, { loading: true, showSuccessMessage: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onSizeChange = (val: number) => {
|
||||
state.pageInput.pageSize = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onCurrentChange = (val: number) => {
|
||||
state.pageInput.currentPage = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onSortChange = (data: { column: any; prop: string; order: any }) => {
|
||||
state.pageInput.sortList = getSortList(data)
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onTableCurrentChange = (currentRow: BoardGetPageOutput) => {
|
||||
if (!currentRow) {
|
||||
return
|
||||
}
|
||||
|
||||
state.boardId = currentRow.id
|
||||
state.boardName = currentRow.name
|
||||
onGetBoardUserList()
|
||||
}
|
||||
|
||||
const onGetBoardUserList = async () => {
|
||||
state.userListLoading = true
|
||||
// 清空之前的选择
|
||||
userTableRef.value?.clearSelection()
|
||||
|
||||
const res = await new BoardApi().getBoardUserList({ BoardId: state.boardId, Name: state.userFilter.name }).catch(() => {
|
||||
state.userListLoading = false
|
||||
})
|
||||
state.userListLoading = false
|
||||
if (res?.success) {
|
||||
if (res.data && res.data.length > 0) {
|
||||
state.userListData = res.data
|
||||
} else {
|
||||
state.userListData = []
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
const onAddUser = () => {
|
||||
if (!((state.boardId as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择看板')
|
||||
return
|
||||
}
|
||||
userSelectRef.value.open({ boardId: state.boardId })
|
||||
}
|
||||
|
||||
const onRemoveUser = () => {
|
||||
if (!((state.boardId as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择看板')
|
||||
return
|
||||
}
|
||||
|
||||
const selectionRows = userTableRef.value!.getSelectionRows() as BoardGetBoardUserListOutput[]
|
||||
console.log("🔍 ~ ~ src/views/admin/board/index.vue:286 ~ selectionRows:", selectionRows)
|
||||
|
||||
if (!((selectionRows.length as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择人员')
|
||||
return
|
||||
}
|
||||
|
||||
proxy.$modal
|
||||
.confirm(`确定要移除吗?`)
|
||||
.then(async () => {
|
||||
const userIds = selectionRows?.map((a) => a.userId)
|
||||
const input = { boardId: state.boardId, userIds } as BoardRemoveBoardUserInput
|
||||
await new BoardApi().removeBoardUser(input, { loading: true })
|
||||
onGetBoardUserList()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onSureUser = async (users: UserGetPageOutput[]) => {
|
||||
if (!(users?.length > 0)) {
|
||||
userSelectRef.value.close()
|
||||
return
|
||||
}
|
||||
|
||||
state.sureLoading = true
|
||||
const userIds = users?.map((a) => a.id)
|
||||
const input = { boardId: state.boardId, userIds } as BoardAddBoardUserListInput
|
||||
await new BoardApi().addBoardUser(input, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
state.sureLoading = false
|
||||
userSelectRef.value.close()
|
||||
onGetBoardUserList()
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@ -1,60 +0,0 @@
|
||||
<template>
|
||||
<my-layout>
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table v-loading="state.loading" :data="state.cacheListData" row-key="id" style="width: 100%" border>
|
||||
<el-table-column type="index" width="82" label="#" />
|
||||
<el-table-column prop="description" label="缓存名" />
|
||||
<el-table-column prop="name" label="键名" />
|
||||
<el-table-column prop="value" label="键值" />
|
||||
<el-table-column label="操作" width="180" fixed="right" header-align="center" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-button v-auth="'api:admin:cache:clear'" icon="ele-Brush" text type="danger" @click="onClear(row)">清除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
</my-layout>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/cache">
|
||||
import { reactive, onMounted, getCurrentInstance } from 'vue'
|
||||
import { CacheApi } from '/@/api/admin/Cache'
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
cacheListData: [] as any,
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
onQuery()
|
||||
})
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
const res = await new CacheApi().getList().catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
state.cacheListData = res?.data ?? []
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const onClear = (row: any) => {
|
||||
proxy.$modal
|
||||
.confirmDelete(`确定要清除【${row.description}】缓存?`, { icon: 'ele-Brush' })
|
||||
.then(async () => {
|
||||
await new CacheApi().clear({ cacheKey: row.value }, { loading: true, showSuccessMessage: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@ -1,139 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="title"
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="769px"
|
||||
>
|
||||
<el-form ref="formRef" :model="form" label-width="80px">
|
||||
<el-row :gutter="35">
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="名称" prop="name" :rules="[{ required: true, message: '请输入名称', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.name" autocomplete="off" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="编码" prop="code">
|
||||
<el-input v-model="form.code" autocomplete="off" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="字典值" prop="value">
|
||||
<el-input v-model="form.value" autocomplete="off" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="排序" prop="sort">
|
||||
<el-input-number v-model="form.sort" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="启用" prop="enabled">
|
||||
<el-switch v-model="form.enabled" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="说明" prop="description">
|
||||
<el-input v-model="form.description" clearable type="textarea" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer my-flex my-flex-y-center my-flex-between">
|
||||
<div>
|
||||
<el-checkbox v-if="!(state.form?.id > 0)" v-model="state.contiAdd">连续新增</el-checkbox>
|
||||
</div>
|
||||
<div>
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</div>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/dict/form">
|
||||
import { reactive, toRefs, getCurrentInstance, ref } from 'vue'
|
||||
import { DictAddInput, DictUpdateInput } from '/@/api/admin/data-contracts'
|
||||
import { DictApi } from '/@/api/admin/Dict'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { FormInstance } from 'element-plus'
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const formRef = ref<FormInstance>()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
form: {} as DictAddInput & DictUpdateInput,
|
||||
contiAdd: false,
|
||||
})
|
||||
const { form } = toRefs(state)
|
||||
|
||||
// 打开对话框
|
||||
const open = async (row: any = {}) => {
|
||||
if (row.id > 0) {
|
||||
state.contiAdd = false
|
||||
const res = await new DictApi().get({ id: row.id }, { loading: true }).catch(() => {
|
||||
proxy.$modal.closeLoading()
|
||||
})
|
||||
|
||||
if (res?.success) {
|
||||
state.form = res.data as DictAddInput & DictUpdateInput
|
||||
}
|
||||
} else {
|
||||
state.form = { dictTypeId: row.dictTypeId, enabled: true } as DictAddInput & DictUpdateInput
|
||||
}
|
||||
state.showDialog = true
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
formRef.value!.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
state.sureLoading = true
|
||||
let res = {} as any
|
||||
if (state.form.id != undefined && state.form.id > 0) {
|
||||
res = await new DictApi().update(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
} else {
|
||||
res = await new DictApi().add(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
}
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
if (state.contiAdd) {
|
||||
formRef.value!.resetFields()
|
||||
}
|
||||
eventBus.emit('refreshDict')
|
||||
state.showDialog = state.contiAdd
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
@ -1,123 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="title"
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="769px"
|
||||
>
|
||||
<el-form ref="formRef" :model="form" label-width="80px">
|
||||
<el-row :gutter="35">
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="名称" prop="name" :rules="[{ required: true, message: '请输入名称', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.name" autocomplete="off" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="编码" prop="code" :rules="[{ required: true, message: '请输入编码', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.code" autocomplete="off" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="排序">
|
||||
<el-input-number v-model="form.sort" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="启用">
|
||||
<el-switch v-model="form.enabled" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="说明">
|
||||
<el-input v-model="form.description" clearable type="textarea" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/dictType/form">
|
||||
import { reactive, toRefs, getCurrentInstance, ref } from 'vue'
|
||||
import { DictTypeAddInput, DictTypeUpdateInput } from '/@/api/admin/data-contracts'
|
||||
import { DictTypeApi } from '/@/api/admin/DictType'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const formRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
form: {} as DictTypeAddInput & DictTypeUpdateInput,
|
||||
})
|
||||
const { form } = toRefs(state)
|
||||
|
||||
// 打开对话框
|
||||
const open = async (row: any = {}) => {
|
||||
if (row.id > 0) {
|
||||
const res = await new DictTypeApi().get({ id: row.id }, { loading: true }).catch(() => {
|
||||
proxy.$modal.closeLoading()
|
||||
})
|
||||
|
||||
if (res?.success) {
|
||||
state.form = res.data as DictTypeAddInput & DictTypeUpdateInput
|
||||
}
|
||||
} else {
|
||||
state.form = { enabled: true } as DictTypeAddInput & DictTypeUpdateInput
|
||||
}
|
||||
state.showDialog = true
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
state.sureLoading = true
|
||||
let res = {} as any
|
||||
if (state.form.id != undefined && state.form.id > 0) {
|
||||
res = await new DictTypeApi().update(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
} else {
|
||||
res = await new DictTypeApi().add(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
}
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
eventBus.emit('refreshDictType')
|
||||
state.showDialog = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
@ -1,157 +0,0 @@
|
||||
<template>
|
||||
<div class="my-flex-column w100 h100">
|
||||
<el-card class="my-query-box mt8" shadow="never">
|
||||
<el-form :model="state.filterModel" :inline="true" @submit.stop.prevent>
|
||||
<el-form-item prop="name">
|
||||
<el-input v-model="state.filterModel.name" placeholder="名称或编码" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:dict:add'" type="primary" icon="ele-Plus" @click="onAdd"> 新增 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table
|
||||
ref="tableRef"
|
||||
v-loading="state.loading"
|
||||
:data="state.dictTypeListData"
|
||||
row-key="id"
|
||||
highlight-current-row
|
||||
style="width: 100%"
|
||||
@current-change="onTableCurrentChange"
|
||||
>
|
||||
<el-table-column prop="name" label="名称" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="code" label="编码" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="sort" label="排序" width="60" align="center" show-overflow-tooltip />
|
||||
<el-table-column label="状态" width="82" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag type="success" v-if="row.enabled">启用</el-tag>
|
||||
<el-tag type="danger" v-else>禁用</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="140" fixed="right" header-align="center" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-button v-auth="'api:admin:dict:update'" icon="ele-EditPen" text type="primary" @click="onEdit(row)">编辑</el-button>
|
||||
<el-button v-auth="'api:admin:dict:delete'" icon="ele-Delete" text type="danger" @click="onDelete(row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="my-flex my-flex-end" style="margin-top: 20px">
|
||||
<el-pagination
|
||||
v-model:currentPage="state.pageInput.currentPage"
|
||||
v-model:page-size="state.pageInput.pageSize"
|
||||
:total="state.total"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
background
|
||||
@size-change="onSizeChange"
|
||||
@current-change="onCurrentChange"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<dict-type-form ref="dictTypeFormRef" :title="state.dictTypeFormTitle"></dict-type-form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/dictType">
|
||||
import { ref, reactive, onMounted, getCurrentInstance, onBeforeMount, nextTick, defineAsyncComponent } from 'vue'
|
||||
import { DictTypeGetPageOutput, PageInputDictTypeGetPageInput } from '/@/api/admin/data-contracts'
|
||||
import { DictTypeApi } from '/@/api/admin/DictType'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
|
||||
// 引入组件
|
||||
const DictTypeForm = defineAsyncComponent(() => import('./components/dict-type-form.vue'))
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const tableRef = ref()
|
||||
const dictTypeFormRef = ref()
|
||||
|
||||
const emits = defineEmits(['change'])
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
dictTypeFormTitle: '',
|
||||
filterModel: {
|
||||
name: '',
|
||||
},
|
||||
total: 0,
|
||||
pageInput: {
|
||||
currentPage: 1,
|
||||
pageSize: 20,
|
||||
} as PageInputDictTypeGetPageInput,
|
||||
dictTypeListData: [] as Array<DictTypeGetPageOutput>,
|
||||
lastCurrentRow: {} as DictTypeGetPageOutput,
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
onQuery()
|
||||
eventBus.off('refreshDictType')
|
||||
eventBus.on('refreshDictType', () => {
|
||||
onQuery()
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeMount(() => {
|
||||
eventBus.off('refreshDictType')
|
||||
})
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
state.pageInput.filter = state.filterModel
|
||||
const res = await new DictTypeApi().getPage(state.pageInput).catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
state.dictTypeListData = res?.data?.list ?? []
|
||||
state.total = res?.data?.total ?? 0
|
||||
if (state.dictTypeListData.length > 0) {
|
||||
nextTick(() => {
|
||||
tableRef.value!.setCurrentRow(state.dictTypeListData[0])
|
||||
})
|
||||
}
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const onAdd = () => {
|
||||
state.dictTypeFormTitle = '新增字典分类'
|
||||
dictTypeFormRef.value.open()
|
||||
}
|
||||
|
||||
const onEdit = (row: DictTypeGetPageOutput) => {
|
||||
state.dictTypeFormTitle = '编辑字典分类'
|
||||
dictTypeFormRef.value.open(row)
|
||||
}
|
||||
|
||||
const onDelete = (row: DictTypeGetPageOutput) => {
|
||||
proxy.$modal
|
||||
.confirmDelete(`确定要删除【${row.name}】?`)
|
||||
.then(async () => {
|
||||
await new DictTypeApi().delete({ id: row.id }, { loading: true, showSuccessMessage: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onSizeChange = (val: number) => {
|
||||
state.pageInput.currentPage = 1
|
||||
state.pageInput.pageSize = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onCurrentChange = (val: number) => {
|
||||
state.pageInput.currentPage = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onTableCurrentChange = (currentRow: DictTypeGetPageOutput) => {
|
||||
if (state.lastCurrentRow?.id != currentRow?.id) {
|
||||
state.lastCurrentRow = currentRow
|
||||
emits('change', currentRow)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@ -1,237 +0,0 @@
|
||||
<template>
|
||||
<div class="my-flex-column w100 h100">
|
||||
<el-card class="my-query-box mt8" shadow="never">
|
||||
<el-form :model="state.filterModel" :inline="true" @submit.stop.prevent>
|
||||
<el-form-item prop="name">
|
||||
<el-input v-model="state.filterModel.name" placeholder="名称或编码" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:dict:add'" type="primary" icon="ele-Plus" @click="onAdd"> 新增 </el-button>
|
||||
<el-button v-auth="'api:admin:dict:import-data'" icon="ele-Download" type="primary" @click="onImport"> 导入 </el-button>
|
||||
<el-button v-auth="'api:admin:dict:export-data'" icon="ele-Upload" type="primary" :loading="state.export.loading" @click="onExport">
|
||||
导出
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table
|
||||
v-loading="state.loading"
|
||||
:data="state.dictListData"
|
||||
row-key="id"
|
||||
style="width: 100%"
|
||||
:default-sort="state.defalutSort"
|
||||
@sort-change="onSortChange"
|
||||
border
|
||||
>
|
||||
<el-table-column prop="name" label="名称" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="code" label="编码" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="value" label="值" width="90" sortable="custom" show-overflow-tooltip />
|
||||
<el-table-column prop="sort" label="排序" width="90" align="center" sortable="custom" show-overflow-tooltip />
|
||||
<el-table-column label="状态" width="82" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag type="success" v-if="row.enabled">启用</el-tag>
|
||||
<el-tag type="danger" v-else>禁用</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="140" fixed="right" header-align="center" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-button v-auth="'api:admin:dict:update'" icon="ele-EditPen" text type="primary" @click="onEdit(row)">编辑</el-button>
|
||||
<el-button v-auth="'api:admin:dict:delete'" icon="ele-Delete" text type="danger" @click="onDelete(row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="my-flex my-flex-end" style="margin-top: 10px">
|
||||
<el-pagination
|
||||
v-model:currentPage="state.pageInput.currentPage"
|
||||
v-model:page-size="state.pageInput.pageSize"
|
||||
:total="state.total"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
background
|
||||
@size-change="onSizeChange"
|
||||
@current-change="onCurrentChange"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<dict-form ref="dictFormRef" :title="state.dictFormTitle"></dict-form>
|
||||
|
||||
<MyImport ref="dictImportRef" :title="state.import.title" v-model="state.import"></MyImport>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/dictData">
|
||||
import { ref, reactive, onMounted, getCurrentInstance, onBeforeMount, defineAsyncComponent } from 'vue'
|
||||
import { DictGetPageOutput, PageInputDictGetPageInput, DictTypeGetPageOutput, SortInput } from '/@/api/admin/data-contracts'
|
||||
import { DictApi } from '/@/api/admin/Dict'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import dayjs from 'dayjs'
|
||||
import { RequestParams } from '/@/api/admin/http-client'
|
||||
|
||||
// 引入组件
|
||||
const DictForm = defineAsyncComponent(() => import('./components/dict-form.vue'))
|
||||
const MyImport = defineAsyncComponent(() => import('/@/components/my-import/index.vue'))
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const dictFormRef = ref()
|
||||
const dictImportRef = ref()
|
||||
|
||||
const defalutSort = { prop: 'sort', order: 'ascending' }
|
||||
|
||||
const getSortList = (data: { prop: string; order: any }) => {
|
||||
return [
|
||||
{
|
||||
propName: data.prop,
|
||||
order: data.order === 'ascending' ? 0 : data.order === 'descending' ? 1 : undefined,
|
||||
},
|
||||
] as [SortInput]
|
||||
}
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
dictFormTitle: '',
|
||||
filterModel: {
|
||||
name: '',
|
||||
dictTypeId: 0,
|
||||
},
|
||||
defalutSort: defalutSort,
|
||||
total: 0,
|
||||
pageInput: {
|
||||
currentPage: 1,
|
||||
pageSize: 20,
|
||||
sortList: getSortList(defalutSort),
|
||||
} as PageInputDictGetPageInput,
|
||||
dictListData: [] as Array<DictGetPageOutput>,
|
||||
dictTypeName: '',
|
||||
import: {
|
||||
title: '',
|
||||
action: import.meta.env.VITE_API_URL + '/api/admin/dict/import-data',
|
||||
downloadTemplate: (params: RequestParams) => new DictApi().downloadTemplate(params),
|
||||
downloadErrorMark: (query: any, params: RequestParams) => new DictApi().downloadErrorMark(query, params),
|
||||
duplicateAction: 1,
|
||||
uniqueRules: ['字典名称', '字典编码', '字典值'],
|
||||
requiredColumns: ['字典类型', '字典名称'],
|
||||
},
|
||||
export: {
|
||||
loading: false,
|
||||
},
|
||||
})
|
||||
|
||||
onMounted(async () => {
|
||||
eventBus.off('refreshDict')
|
||||
eventBus.on('refreshDict', () => {
|
||||
onQuery()
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeMount(() => {
|
||||
eventBus.off('refreshDict')
|
||||
})
|
||||
|
||||
const onSortChange = (data: { column: any; prop: string; order: any }) => {
|
||||
state.pageInput.sortList = getSortList(data)
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
state.pageInput.filter = state.filterModel
|
||||
const res = await new DictApi().getPage(state.pageInput).catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
state.dictListData = res?.data?.list ?? []
|
||||
state.total = res?.data?.total ?? 0
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const onAdd = () => {
|
||||
if (!(state.filterModel.dictTypeId > 0)) {
|
||||
proxy.$modal.msgWarning('请选择字典类型')
|
||||
return
|
||||
}
|
||||
state.dictFormTitle = `新增【${state.dictTypeName}】字典数据`
|
||||
dictFormRef.value.open({ dictTypeId: state.filterModel.dictTypeId })
|
||||
}
|
||||
|
||||
const onEdit = (row: DictGetPageOutput) => {
|
||||
state.dictFormTitle = `编辑【${state.dictTypeName}】字典数据`
|
||||
dictFormRef.value.open(row)
|
||||
}
|
||||
|
||||
const onDelete = (row: DictGetPageOutput) => {
|
||||
proxy.$modal
|
||||
.confirmDelete(`确定要删除【${row.name}】?`)
|
||||
.then(async () => {
|
||||
await new DictApi().delete({ id: row.id }, { loading: true, showSuccessMessage: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onImport = () => {
|
||||
state.import.title = `导入【${state.dictTypeName}】字典数据`
|
||||
dictImportRef.value.open()
|
||||
}
|
||||
|
||||
const onExport = async () => {
|
||||
state.export.loading = true
|
||||
|
||||
await new DictApi()
|
||||
.exportData(
|
||||
{
|
||||
dynamicFilter: {
|
||||
filters: [{ field: 'dictTypeId', operator: 6, value: state.pageInput.filter?.dictTypeId }],
|
||||
},
|
||||
sortList: state.pageInput.sortList,
|
||||
},
|
||||
{ format: 'blob', returnResponse: true }
|
||||
)
|
||||
.then((res: any) => {
|
||||
const contentDisposition = res.headers['content-disposition']
|
||||
const matchs = /filename="?([^;"]+)/i.exec(contentDisposition)
|
||||
let fileName = ''
|
||||
if (matchs && matchs.length > 1) {
|
||||
fileName = decodeURIComponent(matchs[1])
|
||||
} else {
|
||||
fileName = `数据字典列表${dayjs().format('YYYYMMDDHHmmss')}.xlsx`
|
||||
}
|
||||
const a = document.createElement('a')
|
||||
a.download = fileName
|
||||
a.href = URL.createObjectURL(res.data as Blob)
|
||||
a.click()
|
||||
URL.revokeObjectURL(a.href)
|
||||
})
|
||||
.finally(() => {
|
||||
state.export.loading = false
|
||||
})
|
||||
}
|
||||
|
||||
const onSizeChange = (val: number) => {
|
||||
state.pageInput.currentPage = 1
|
||||
state.pageInput.pageSize = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onCurrentChange = (val: number) => {
|
||||
state.pageInput.currentPage = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const refresh = (data: DictTypeGetPageOutput) => {
|
||||
if ((data?.id as number) > 0) {
|
||||
state.filterModel.dictTypeId = data.id as number
|
||||
state.dictTypeName = data.name as string
|
||||
onQuery()
|
||||
}
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
refresh,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@ -1,29 +0,0 @@
|
||||
<template>
|
||||
<MySplitPanes>
|
||||
<pane size="50" min-size="30" max-size="70">
|
||||
<dict-type @change="onChange"></dict-type>
|
||||
</pane>
|
||||
<pane>
|
||||
<dict ref="dictRef"></dict>
|
||||
</pane>
|
||||
</MySplitPanes>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/dict">
|
||||
import { defineAsyncComponent, ref } from 'vue'
|
||||
import { Pane } from 'splitpanes'
|
||||
import { DictTypeGetPageOutput } from '/@/api/admin/data-contracts'
|
||||
|
||||
// 引入组件
|
||||
const DictType = defineAsyncComponent(() => import('./dict-type.vue'))
|
||||
const Dict = defineAsyncComponent(() => import('./dict.vue'))
|
||||
const MySplitPanes = defineAsyncComponent(() => import('/@/components/my-layout/split-panes.vue'))
|
||||
|
||||
const dictRef = ref()
|
||||
|
||||
const onChange = (data: DictTypeGetPageOutput) => {
|
||||
dictRef.value?.refresh(data)
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@ -1,143 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog v-model="state.showDialog" :title="title" draggable :close-on-click-modal="false" :close-on-press-escape="false" width="600px">
|
||||
<div class="mb15">
|
||||
<el-row :gutter="35">
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-input v-model="state.fileDirectory" placeholder="文件目录" clearable />
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-switch v-model="state.fileReName" active-text="文件自动重命名" />
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="mt5">
|
||||
<el-alert class="my-el-alert" title="文件目录不填则默认使用本地上传格式：upload/yyyy/MM/dd" type="info" :closable="false" />
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<!-- :before-remove="() => false" -->
|
||||
<el-upload
|
||||
ref="uploadRef"
|
||||
:action="uploadAction"
|
||||
:headers="uploadHeaders"
|
||||
:data="{ fileDirectory: state.fileDirectory, fileReName: state.fileReName }"
|
||||
drag
|
||||
multiple
|
||||
:auto-upload="false"
|
||||
:before-upload="
|
||||
() => {
|
||||
state.token = storesUserInfo.getToken()
|
||||
}
|
||||
"
|
||||
:on-success="onSuccess"
|
||||
:on-error="onError"
|
||||
>
|
||||
<el-icon class="el-icon--upload"><ele-UploadFilled /></el-icon>
|
||||
<div class="el-upload__text">拖拽上传或<em>点击上传</em></div>
|
||||
<!-- <template #tip>
|
||||
<div class="el-upload__tip"></div>
|
||||
</template> -->
|
||||
</el-upload>
|
||||
</div>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onClear">清空已上传</el-button>
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/file/upload">
|
||||
import { ref, reactive, computed } from 'vue'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import type { UploadInstance, UploadProps, UploadFile } from 'element-plus'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { useUserInfo } from '/@/stores/userInfo'
|
||||
|
||||
const storesUserInfo = useUserInfo()
|
||||
|
||||
const uploadRef = ref<UploadInstance>()
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
fileDirectory: '',
|
||||
fileReName: true,
|
||||
fileList: [] as UploadFile[],
|
||||
token: storesUserInfo.getToken(),
|
||||
})
|
||||
|
||||
const uploadAction = computed(() => {
|
||||
return import.meta.env.VITE_API_URL + '/api/admin/file/upload-file'
|
||||
})
|
||||
|
||||
const uploadHeaders = computed(() => {
|
||||
return { Authorization: 'Bearer ' + state.token }
|
||||
})
|
||||
|
||||
// 打开对话框
|
||||
const open = async () => {
|
||||
state.showDialog = true
|
||||
}
|
||||
|
||||
//上传失败
|
||||
const onError: UploadProps['onError'] = (error) => {
|
||||
let message = ''
|
||||
if (error.message) {
|
||||
try {
|
||||
message = JSON.parse(error.message)?.msg
|
||||
} catch (err) {
|
||||
message = error.message || ''
|
||||
}
|
||||
}
|
||||
if (message)
|
||||
ElMessage({
|
||||
message: message,
|
||||
type: 'error',
|
||||
})
|
||||
}
|
||||
|
||||
// 上传成功
|
||||
const onSuccess: UploadProps['onSuccess'] = (response) => {
|
||||
if (response?.success) {
|
||||
eventBus.emit('refreshFile')
|
||||
}
|
||||
}
|
||||
|
||||
// 清空已上传
|
||||
const onClear = async () => {
|
||||
uploadRef.value!.clearFiles(['success', 'fail'])
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = async () => {
|
||||
uploadRef.value!.submit()
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.my-el-alert {
|
||||
border: none;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
</style>
|
||||
@ -1,190 +0,0 @@
|
||||
<template>
|
||||
<my-layout>
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :model="state.filterModel" :inline="true" @submit.stop.prevent>
|
||||
<el-form-item prop="name">
|
||||
<el-input v-model="state.filterModel.fileName" placeholder="文件名" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:file:upload-file'" type="primary" icon="ele-Upload" @click="onUpload"> 上传 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table v-loading="state.loading" :data="state.fileListData" row-key="id" style="width: 100%" border>
|
||||
<el-table-column prop="fileName" label="文件名" min-width="220">
|
||||
<template #default="{ row }">
|
||||
<div class="my-flex">
|
||||
<el-image
|
||||
v-if="isImage(row.extension)"
|
||||
:src="row.linkUrl"
|
||||
:preview-src-list="previewImglist"
|
||||
:initial-index="getInitialIndex(row.linkUrl)"
|
||||
:lazy="true"
|
||||
:hide-on-click-modal="true"
|
||||
fit="scale-down"
|
||||
preview-teleported
|
||||
style="width: 80px; height: 80px"
|
||||
/>
|
||||
<div class="ml10 my-flex-fill my-flex-y-center">
|
||||
<div>{{ (row.fileName || '') + (row.extension || '') }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="sizeFormat" label="大小" width="120" />
|
||||
<el-table-column prop="createdUserName" label="上传者" width="82">
|
||||
<template #default="{ row }">
|
||||
{{ row.modifiedUserName || row.createdUserName || '' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="createdTime" label="更新时间" width="100">
|
||||
<template #default="{ row }">
|
||||
{{ formatterTime(row.modifiedTime || row.createdTime || '') }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="providerName" label="供应商" width="82" />
|
||||
<el-table-column prop="bucketName" label="存储桶" min-width="120" />
|
||||
<el-table-column prop="fileDirectory" label="目录" min-width="120" />
|
||||
<el-table-column label="操作" width="180" fixed="right" header-align="center" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-popover :width="220">
|
||||
<p>{{ row.linkUrl }}</p>
|
||||
<div class="mt10" style="text-align: right; margin: 0">
|
||||
<el-button icon="ele-CopyDocument" type="primary" @click="copyText(row.linkUrl)">复制地址</el-button>
|
||||
</div>
|
||||
<template #reference>
|
||||
<el-button text type="primary">地址</el-button>
|
||||
</template>
|
||||
</el-popover>
|
||||
<el-link class="my-el-link mr12 ml12" :href="row.linkUrl" type="primary" icon="ele-Download" underline="never" target="_blank"
|
||||
>下载</el-link
|
||||
>
|
||||
<el-button v-auth="'api:admin:file:delete'" icon="ele-Delete" text type="danger" @click="onDelete(row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="my-flex my-flex-end" style="margin-top: 10px">
|
||||
<el-pagination
|
||||
v-model:currentPage="state.pageInput.currentPage"
|
||||
v-model:page-size="state.pageInput.pageSize"
|
||||
:total="state.total"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
background
|
||||
@size-change="onSizeChange"
|
||||
@current-change="onCurrentChange"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<file-upload ref="fileUploadRef" title="上传文件"></file-upload>
|
||||
</my-layout>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/file">
|
||||
import { ref, reactive, onMounted, onBeforeMount, defineAsyncComponent, computed, getCurrentInstance } from 'vue'
|
||||
import { PageInputFileGetPageInput, FileGetPageOutput } from '/@/api/admin/data-contracts'
|
||||
import { FileApi } from '/@/api/admin/File'
|
||||
import dayjs from 'dayjs'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { isImage } from '/@/utils/test'
|
||||
import commonFunction from '/@/utils/commonFunction'
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const FileUpload = defineAsyncComponent(() => import('./components/file-upload.vue'))
|
||||
|
||||
const fileUploadRef = ref()
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
fileFormTitle: '',
|
||||
filterModel: {
|
||||
fileName: '',
|
||||
},
|
||||
total: 0,
|
||||
pageInput: {
|
||||
currentPage: 1,
|
||||
pageSize: 20,
|
||||
} as PageInputFileGetPageInput,
|
||||
fileListData: [] as Array<FileGetPageOutput>,
|
||||
fileLogsTitle: '',
|
||||
})
|
||||
|
||||
const { copyText } = commonFunction()
|
||||
|
||||
const previewImglist = computed(() => {
|
||||
let imgList = [] as string[]
|
||||
state.fileListData.forEach((a) => {
|
||||
if (isImage(a.extension as string) && a.linkUrl) {
|
||||
imgList.push(a.linkUrl as string)
|
||||
}
|
||||
})
|
||||
return imgList
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
onQuery()
|
||||
eventBus.off('refreshFile')
|
||||
eventBus.on('refreshFile', async () => {
|
||||
onQuery()
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeMount(() => {
|
||||
eventBus.off('refreshFile')
|
||||
})
|
||||
|
||||
const formatterTime = (cellValue: any) => {
|
||||
return dayjs(cellValue).format('YYYY-MM-DD HH:mm:ss')
|
||||
}
|
||||
|
||||
const getInitialIndex = (imgUrl: string) => {
|
||||
return previewImglist.value.indexOf(imgUrl)
|
||||
}
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
const res = await new FileApi().getPage({ ...state.pageInput, filter: state.filterModel }).catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
|
||||
state.fileListData = res?.data?.list ?? []
|
||||
state.total = res?.data?.total ?? 0
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const onSizeChange = (val: number) => {
|
||||
state.pageInput.currentPage = 1
|
||||
state.pageInput.pageSize = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onCurrentChange = (val: number) => {
|
||||
state.pageInput.currentPage = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onUpload = () => {
|
||||
fileUploadRef.value.open()
|
||||
}
|
||||
|
||||
const onDelete = (row: FileGetPageOutput) => {
|
||||
proxy.$modal
|
||||
.confirmDelete(`确定要删除文件【${row.fileName}${row.extension}】?`)
|
||||
.then(async () => {
|
||||
await new FileApi().delete({ id: row.id as number }, { loading: true, showSuccessMessage: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.my-el-link {
|
||||
font-size: 12px;
|
||||
}
|
||||
</style>
|
||||
@ -1,101 +0,0 @@
|
||||
<template>
|
||||
<el-drawer
|
||||
v-model="state.showDialog"
|
||||
title="操作日志详细信息"
|
||||
direction="rtl"
|
||||
destroy-on-close
|
||||
size="600"
|
||||
:append-to-body="true"
|
||||
:lock-scroll="false"
|
||||
>
|
||||
<div class="my-fill h100" style="padding: 12px">
|
||||
<el-descriptions class="margin-top" :column="1" border>
|
||||
<el-descriptions-item label="操作名称" label-class-name="label">{{ state.details.apiLabel }}</el-descriptions-item>
|
||||
<el-descriptions-item label="操作接口" label-class-name="label">{{ state.details.apiPath }}</el-descriptions-item>
|
||||
<el-descriptions-item label="操作状态" label-class-name="label"
|
||||
><el-tag :type="state.details.status ? 'success' : 'danger'" disable-transitions>{{
|
||||
state.details.status ? '成功' : '失败'
|
||||
}}</el-tag></el-descriptions-item
|
||||
>
|
||||
<el-descriptions-item label="请求方法" label-class-name="label">{{ state.details.apiMethod }}</el-descriptions-item>
|
||||
<el-descriptions-item label="响应代码 " label-class-name="label">{{ state.details.statusCode }}</el-descriptions-item>
|
||||
<el-descriptions-item label="IP地址" label-class-name="label">{{ state.details.ip }} {{ state.details.isp }}</el-descriptions-item>
|
||||
<el-descriptions-item label="IP所在地" label-class-name="label"
|
||||
>{{ state.details.country }} {{ state.details.province }} {{ state.details.city }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="浏览器信息" label-class-name="label"
|
||||
>{{ state.details.os }} {{ state.details.browser }} {{ state.details.device }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="耗时ms" label-class-name="label">{{ state.details.elapsedMilliseconds }}</el-descriptions-item>
|
||||
<el-descriptions-item label="操作账号" label-class-name="label">{{ state.details.createdUserName }}</el-descriptions-item>
|
||||
<el-descriptions-item label="操作人员" label-class-name="label">{{ state.details.createdUserRealName }}</el-descriptions-item>
|
||||
<el-descriptions-item label="创建时间" label-class-name="label">{{
|
||||
dayjs(state.details.createdTime).format('YYYY-MM-DD HH:mm:ss')
|
||||
}}</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
|
||||
<el-collapse class="mt12" v-model="state.activeName">
|
||||
<el-collapse-item title="请求参数" name="params">
|
||||
<MyJsonEditor
|
||||
ref="jsonEditorRef"
|
||||
v-model="state.details.params"
|
||||
:options="{
|
||||
mainMenuBar: false,
|
||||
statusBar: false,
|
||||
onEditable: () => false,
|
||||
}"
|
||||
style="height: 400px !important"
|
||||
></MyJsonEditor>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="响应结果" name="result">
|
||||
<MyJsonEditor
|
||||
ref="jsonEditorRef"
|
||||
v-model="state.details.result"
|
||||
:options="{
|
||||
mainMenuBar: false,
|
||||
statusBar: false,
|
||||
onEditable: () => false,
|
||||
}"
|
||||
style="height: 200px !important"
|
||||
></MyJsonEditor>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
</el-drawer>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="operation-log-details">
|
||||
import { reactive } from 'vue'
|
||||
import { OperationLogGetPageOutput } from '/@/api/admin/data-contracts'
|
||||
import dayjs from 'dayjs'
|
||||
import MyJsonEditor from '/@/components/my-json-editor/index.vue'
|
||||
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
details: {} as OperationLogGetPageOutput,
|
||||
activeName: ['params', 'result'],
|
||||
})
|
||||
|
||||
// 打开对话框
|
||||
const open = (row: OperationLogGetPageOutput) => {
|
||||
state.showDialog = true
|
||||
state.details = row
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
:deep() {
|
||||
.el-descriptions .label {
|
||||
width: 120px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,137 +0,0 @@
|
||||
<template>
|
||||
<my-layout>
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form ref="filterFormRef" :model="state.filter" :inline="true" label-width="auto" :label-position="'left'" @submit.stop.prevent>
|
||||
<el-form-item label="登录账号" prop="createdUserName">
|
||||
<el-input v-model="state.filter.createdUserName" placeholder="登录账号" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="登录状态" prop="status">
|
||||
<el-select v-model="state.filter.status" :empty-values="[null]" style="width: 120px" @change="onQuery">
|
||||
<el-option v-for="status in state.statusList" :key="status.name" :label="status.name" :value="status.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="登录IP" prop="ip">
|
||||
<el-input v-model="state.filter.ip" placeholder="登录IP" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="登录时间">
|
||||
<MyDateRange
|
||||
v-model:startDate="state.filter.addStartTime as string"
|
||||
v-model:endDate="state.filter.addEndTime as string"
|
||||
:shortcuts="[]"
|
||||
style="width: 230px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
||||
<el-button icon="ele-RefreshLeft" text bg @click="onReset(filterFormRef)"> 重置 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table v-loading="state.loading" :data="state.loginLogListData" row-key="id" style="width: 100%" border>
|
||||
<el-table-column prop="createdUserName" label="登录账号" min-width="150" show-overflow-tooltip>
|
||||
<template #default="{ row }">
|
||||
<el-badge :type="row.status ? 'success' : 'danger'" is-dot :offset="[0, 12]"></el-badge>
|
||||
{{ row.createdUserName }}<br />{{ row.nickName }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="ip" label="登录IP" min-width="150">
|
||||
<template #default="{ row }"> {{ row.ip }} {{ row.isp }} </template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="country" label="登录地区" min-width="150" show-overflow-tooltip>
|
||||
<template #default="{ row }"> {{ row.country }} {{ row.province }} {{ row.city }} </template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="os" label="操作系统" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="browser" label="浏览器" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="elapsedMilliseconds" label="耗时 ms" min-width="120" />
|
||||
<el-table-column prop="msg" label="登录信息" min-width="150" show-overflow-tooltip />
|
||||
<el-table-column prop="createdTime" label="登录时间" :formatter="formatterTime" min-width="160" />
|
||||
</el-table>
|
||||
<div class="my-flex my-flex-end" style="margin-top: 10px">
|
||||
<el-pagination
|
||||
v-model:currentPage="state.pageInput.currentPage"
|
||||
v-model:page-size="state.pageInput.pageSize"
|
||||
:total="state.total"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
background
|
||||
@size-change="onSizeChange"
|
||||
@current-change="onCurrentChange"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
</my-layout>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/loginLog">
|
||||
import { reactive, onMounted, ref, defineAsyncComponent } from 'vue'
|
||||
import { PageInputLoginLogGetPageInput, LoginLogGetPageInput, LoginLogGetPageOutput } from '/@/api/admin/data-contracts'
|
||||
import { LoginLogApi } from '/@/api/admin/LoginLog'
|
||||
import dayjs from 'dayjs'
|
||||
import type { FormInstance } from 'element-plus'
|
||||
|
||||
const MyDateRange = defineAsyncComponent(() => import('/@/components/my-date-range/index.vue'))
|
||||
|
||||
const filterFormRef = ref<FormInstance>()
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
loginLogFormTitle: '',
|
||||
filter: {} as LoginLogGetPageInput,
|
||||
total: 0,
|
||||
pageInput: {
|
||||
currentPage: 1,
|
||||
pageSize: 20,
|
||||
} as PageInputLoginLogGetPageInput,
|
||||
loginLogListData: [] as Array<LoginLogGetPageOutput>,
|
||||
loginLogLogsTitle: '',
|
||||
statusList: [
|
||||
{ name: '全部', value: undefined },
|
||||
{ name: '成功', value: true },
|
||||
{ name: '失败', value: false },
|
||||
],
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
onQuery()
|
||||
})
|
||||
|
||||
const formatterTime = (row: any, column: any, cellValue: any) => {
|
||||
return dayjs(cellValue).format('YYYY-MM-DD HH:mm:ss')
|
||||
}
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
state.pageInput.filter = state.filter
|
||||
const res = await new LoginLogApi().getPage(state.pageInput).catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
|
||||
state.loginLogListData = res?.data?.list ?? []
|
||||
state.total = res?.data?.total ?? 0
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const onReset = (formEl: FormInstance | undefined) => {
|
||||
if (!formEl) return
|
||||
state.filter.addStartTime = undefined
|
||||
state.filter.addEndTime = undefined
|
||||
formEl.resetFields()
|
||||
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onSizeChange = (val: number) => {
|
||||
state.pageInput.currentPage = 1
|
||||
state.pageInput.pageSize = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onCurrentChange = (val: number) => {
|
||||
state.pageInput.currentPage = val
|
||||
onQuery()
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@ -1,150 +0,0 @@
|
||||
<template>
|
||||
<my-layout>
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form ref="filterFormRef" :model="state.filter" :inline="true" label-width="auto" :label-position="'left'" @submit.stop.prevent>
|
||||
<el-form-item label="操作账号" prop="createdUserName">
|
||||
<el-input v-model="state.filter.createdUserName" placeholder="操作账号" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="操作状态" prop="status">
|
||||
<el-select v-model="state.filter.status" :empty-values="[null]" style="width: 120px" @change="onQuery">
|
||||
<el-option v-for="status in state.statusList" :key="status.name" :label="status.name" :value="status.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="操作接口" prop="api">
|
||||
<el-input v-model="state.filter.api" placeholder="操作接口" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="操作IP" prop="ip">
|
||||
<el-input v-model="state.filter.ip" placeholder="操作IP" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="操作时间">
|
||||
<MyDateRange v-model:startDate="state.filter.addStartTime" v-model:endDate="state.filter.addEndTime" :shortcuts="[]" style="width: 230px" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
||||
<el-button icon="ele-RefreshLeft" text bg @click="onReset(filterFormRef)"> 重置 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table ref="tableRef" v-loading="state.loading" :data="state.operationLogListData" row-key="id" style="width: 100%" border>
|
||||
<el-table-column prop="createdUserName" label="操作账号" min-width="150" show-overflow-tooltip>
|
||||
<template #default="{ row }">
|
||||
<el-badge :type="row.status ? 'success' : 'danger'" is-dot :offset="[0, 12]"></el-badge>
|
||||
{{ row.createdUserName }}<br />{{ row.nickName }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="apiLabel" label="操作名称" min-width="220" show-overflow-tooltip />
|
||||
<el-table-column prop="apiPath" label="操作接口" min-width="260" show-overflow-tooltip />
|
||||
<el-table-column prop="ip" label="IP地址" min-width="150">
|
||||
<template #default="{ row }"> {{ row.ip }} {{ row.isp }} </template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="country" label="IP所在地" min-width="150" show-overflow-tooltip>
|
||||
<template #default="{ row }"> {{ row.country }} {{ row.province }} {{ row.city }} </template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="elapsedMilliseconds" label="耗时 ms" min-width="100" />
|
||||
<el-table-column prop="createdTime" label="操作时间" :formatter="formatterTime" min-width="160" />
|
||||
<el-table-column label="操作" width="100" fixed="right" header-align="center" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-button text type="primary" @click="onShowDetails(row)">查看详情</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="my-flex my-flex-end" style="margin-top: 10px">
|
||||
<el-pagination
|
||||
v-model:currentPage="state.pageInput.currentPage"
|
||||
v-model:page-size="state.pageInput.pageSize"
|
||||
:total="state.total"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
background
|
||||
@size-change="onSizeChange"
|
||||
@current-change="onCurrentChange"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<Details ref="detailsRef"></Details>
|
||||
</my-layout>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/operation-log">
|
||||
import { reactive, onMounted, ref, defineAsyncComponent } from 'vue'
|
||||
import { OperationLogGetPageOutput, PageInputOperationLogGetPageInput, OperationLogGetPageInput } from '/@/api/admin/data-contracts'
|
||||
import { OperationLogApi } from '/@/api/admin/OperationLog'
|
||||
import dayjs from 'dayjs'
|
||||
import type { FormInstance, TableInstance } from 'element-plus'
|
||||
|
||||
const filterFormRef = ref<FormInstance>()
|
||||
const tableRef = ref<TableInstance>()
|
||||
const detailsRef = ref()
|
||||
|
||||
const MyDateRange = defineAsyncComponent(() => import('/@/components/my-date-range/index.vue'))
|
||||
const Details = defineAsyncComponent(() => import('./components/details.vue'))
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
oprationLogFormTitle: '',
|
||||
filter: {} as OperationLogGetPageInput,
|
||||
total: 0,
|
||||
pageInput: {
|
||||
currentPage: 1,
|
||||
pageSize: 20,
|
||||
} as PageInputOperationLogGetPageInput,
|
||||
operationLogListData: [] as Array<OperationLogGetPageOutput>,
|
||||
operationLogLogsTitle: '',
|
||||
statusList: [
|
||||
{ name: '全部', value: undefined },
|
||||
{ name: '成功', value: true },
|
||||
{ name: '失败', value: false },
|
||||
],
|
||||
details: {},
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
onQuery()
|
||||
})
|
||||
|
||||
const formatterTime = (row: OperationLogGetPageOutput, column: any, cellValue: any) => {
|
||||
return dayjs(cellValue).format('YYYY-MM-DD HH:mm:ss')
|
||||
}
|
||||
|
||||
const onShowDetails = (row: OperationLogGetPageOutput) => {
|
||||
detailsRef.value!.open(row)
|
||||
}
|
||||
|
||||
const onReset = (formEl: FormInstance | undefined) => {
|
||||
if (!formEl) return
|
||||
state.filter.addStartTime = undefined
|
||||
state.filter.addEndTime = undefined
|
||||
formEl.resetFields()
|
||||
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
state.pageInput.filter = state.filter
|
||||
const res = await new OperationLogApi().getPage(state.pageInput).catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
|
||||
state.operationLogListData = res?.data?.list ?? []
|
||||
state.total = res?.data?.total ?? 0
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const onSizeChange = (val: number) => {
|
||||
state.pageInput.currentPage = 1
|
||||
state.pageInput.pageSize = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onCurrentChange = async (val: number) => {
|
||||
state.pageInput.currentPage = val
|
||||
await onQuery()
|
||||
tableRef.value?.setScrollTop(0)
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@ -1,137 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="title"
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="600px"
|
||||
>
|
||||
<el-form :model="form" ref="formRef" label-width="80px">
|
||||
<el-row :gutter="35">
|
||||
<el-col v-if="!(form.id > 0 && !(Number(form.parentId) > 0))" :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="上级分组" prop="parentId">
|
||||
<el-tree-select
|
||||
v-model="form.parentId"
|
||||
:data="treeData"
|
||||
node-key="id"
|
||||
:props="{ label: 'name' }"
|
||||
check-strictly
|
||||
default-expand-all
|
||||
render-after-expand
|
||||
fit-input-width
|
||||
clearable
|
||||
class="w100"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="名称" prop="name" :rules="[{ required: true, message: '请输入名称', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.name" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="编码" prop="code">
|
||||
<el-input v-model="form.code" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="排序">
|
||||
<el-input-number v-model="form.sort" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/msg-type/form">
|
||||
import { reactive, toRefs, ref, PropType } from 'vue'
|
||||
import { MsgTypeGetListOutput, MsgTypeUpdateInput } from '/@/api/admin/data-contracts'
|
||||
import { MsgTypeApi } from '/@/api/admin/MsgType'
|
||||
import { cloneDeep } from 'lodash-es'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
treeData: {
|
||||
type: Array as PropType<MsgTypeGetListOutput[]>,
|
||||
default: () => [],
|
||||
},
|
||||
})
|
||||
|
||||
const formRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
form: {} as MsgTypeUpdateInput,
|
||||
})
|
||||
|
||||
const { form } = toRefs(state)
|
||||
|
||||
// 打开对话框
|
||||
const open = async (row: MsgTypeUpdateInput = { id: 0 }) => {
|
||||
let formData = cloneDeep(row) as MsgTypeUpdateInput
|
||||
if (row.id > 0) {
|
||||
const res = await new MsgTypeApi().get({ id: row.id }, { loading: true })
|
||||
|
||||
if (res?.success) {
|
||||
formData = res.data as MsgTypeUpdateInput
|
||||
formData.parentId = formData.parentId && formData.parentId > 0 ? formData.parentId : undefined
|
||||
} else {
|
||||
return
|
||||
}
|
||||
}
|
||||
|
||||
state.form = formData
|
||||
state.showDialog = true
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
state.sureLoading = true
|
||||
let res = {} as any
|
||||
state.form.parentId = state.form.parentId && state.form.parentId > 0 ? state.form.parentId : undefined
|
||||
if (state.form.id != undefined && state.form.id > 0) {
|
||||
res = await new MsgTypeApi().update(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
} else {
|
||||
res = await new MsgTypeApi().add(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
}
|
||||
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
eventBus.emit('refreshMsgType')
|
||||
state.showDialog = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
@ -1,131 +0,0 @@
|
||||
<template>
|
||||
<MyLayout>
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :inline="true" @submit.stop.prevent>
|
||||
<el-form-item label="分类名称">
|
||||
<el-input v-model="state.filter.msgTypeName" placeholder="分类名称" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:msg-type:add'" type="primary" icon="ele-Plus" @click="onAdd"> 新增 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table
|
||||
ref="msgTypeTableRef"
|
||||
v-loading="state.loading"
|
||||
:data="state.msgTypeTreeData"
|
||||
row-key="id"
|
||||
default-expand-all
|
||||
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
|
||||
style="width: 100%"
|
||||
border
|
||||
>
|
||||
<el-table-column prop="name" label="分类名称" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="code" label="分类编码" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="sort" label="排序" width="82" align="center" show-overflow-tooltip />
|
||||
<el-table-column label="操作" width="180" fixed="right" header-align="center" align="right">
|
||||
<template #default="{ row }">
|
||||
<el-button v-if="row.parentId === 0" v-auth="'api:admin:msg-type:add'" icon="ele-Plus" text type="primary" @click="onAdd(row)"
|
||||
>添加</el-button
|
||||
>
|
||||
<el-button v-auth="'api:admin:msg-type:update'" icon="ele-EditPen" text type="primary" @click="onEdit(row)">编辑</el-button>
|
||||
<el-button v-auth="'api:admin:msg-type:delete'" icon="ele-Delete" text type="danger" @click="onDelete(row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
|
||||
<msg-type-form ref="msgTypeFormRef" :title="state.msgTypeFormTitle" :tree-data="state.msgTypeFormTreeData"></msg-type-form>
|
||||
</MyLayout>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/msg-type">
|
||||
import { ref, reactive, onMounted, getCurrentInstance, onBeforeMount, nextTick, defineAsyncComponent } from 'vue'
|
||||
import { MsgTypeGetListOutput } from '/@/api/admin/data-contracts'
|
||||
import { MsgTypeApi } from '/@/api/admin/MsgType'
|
||||
import { listToTree, filterTree } from '/@/utils/tree'
|
||||
import { ElTable } from 'element-plus'
|
||||
import { cloneDeep } from 'lodash-es'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
|
||||
// 引入组件
|
||||
const MsgTypeForm = defineAsyncComponent(() => import('./components/msg-type-form.vue'))
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const msgTypeTableRef = ref()
|
||||
const msgTypeFormRef = ref()
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
userListLoading: false,
|
||||
sureLoading: false,
|
||||
msgTypeFormTitle: '',
|
||||
filter: {
|
||||
name: '',
|
||||
msgTypeName: '',
|
||||
},
|
||||
msgTypeTreeData: [] as any,
|
||||
msgTypeFormTreeData: [] as any,
|
||||
msgTypeId: undefined as number | undefined,
|
||||
msgTypeName: '' as string | null | undefined,
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
onQuery()
|
||||
eventBus.off('refreshMsgType')
|
||||
eventBus.on('refreshMsgType', async () => {
|
||||
onQuery()
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeMount(() => {
|
||||
eventBus.off('refreshMsgType')
|
||||
})
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
const res = await new MsgTypeApi().getList().catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
if (res && res.data && res.data.length > 0) {
|
||||
state.msgTypeTreeData = filterTree(listToTree(cloneDeep(res.data)), state.filter.msgTypeName)
|
||||
state.msgTypeFormTreeData = listToTree(cloneDeep(res.data).filter((a) => a.parentId === 0))
|
||||
if (state.msgTypeTreeData.length > 0 && state.msgTypeTreeData[0].children?.length > 0) {
|
||||
nextTick(() => {
|
||||
msgTypeTableRef.value!.setCurrentRow(state.msgTypeTreeData[0].children[0])
|
||||
})
|
||||
}
|
||||
} else {
|
||||
state.msgTypeTreeData = []
|
||||
state.msgTypeFormTreeData = []
|
||||
}
|
||||
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const onAdd = (row: MsgTypeGetListOutput | undefined = undefined) => {
|
||||
state.msgTypeFormTitle = '新增消息分类'
|
||||
msgTypeFormRef.value.open({ id: 0, parentId: row?.id })
|
||||
}
|
||||
|
||||
const onEdit = (row: MsgTypeGetListOutput) => {
|
||||
state.msgTypeFormTitle = '编辑消息分类'
|
||||
msgTypeFormRef.value.open(row)
|
||||
}
|
||||
|
||||
const onDelete = (row: MsgTypeGetListOutput) => {
|
||||
proxy.$modal
|
||||
.confirmDelete(`确定要删除消息分类【${row.name}】?`)
|
||||
.then(async () => {
|
||||
await new MsgTypeApi().delete({ id: row.id }, { loading: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@ -1,253 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="title"
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="830px"
|
||||
>
|
||||
<el-form :model="form" ref="formRef" label-width="auto">
|
||||
<el-row :gutter="35">
|
||||
<!-- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="分类" prop="typeId" :rules="[{ required: true, message: '请选择分类', trigger: ['change'] }]" hidden>
|
||||
<el-tree-select
|
||||
v-model="form.typeId"
|
||||
placeholder="请选择分类"
|
||||
:data="state.msgTypeTreeData"
|
||||
node-key="id"
|
||||
:props="{ label: 'name' }"
|
||||
default-expand-all
|
||||
fit-input-width
|
||||
clearable
|
||||
filterable
|
||||
class="w100"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="标题" prop="title" :rules="[{ required: true, message: '请输入标题', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.title" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item
|
||||
label="内容"
|
||||
prop="content"
|
||||
:rules="[
|
||||
{ required: true, message: '请输入内容', trigger: ['blur', 'change'] },
|
||||
{ validator: testEditorContent, trigger: ['blur', 'change'] },
|
||||
]"
|
||||
>
|
||||
<MyEditor ref="editorRef" v-model:model-value="form.content" @onBlur="onValidateContent" @onChange="onValidateContent"></MyEditor>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="状态" prop="status" :rules="[{ required: true, message: '请选择状态', trigger: ['change'] }]">
|
||||
<el-select v-model="form.status" placeholder="请选择状态" class="w100" @change="onStatusChange">
|
||||
<el-option v-for="item in state.msgStatusList" :key="item.label" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" v-if="isScheduledStatus">
|
||||
<el-form-item
|
||||
label="发布时间"
|
||||
prop="publishTime"
|
||||
:rules="[{
|
||||
required: isScheduledStatus,
|
||||
message: '请选择发布时间',
|
||||
trigger: ['change', 'blur']
|
||||
}]"
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="form.publishTime"
|
||||
type="datetime"
|
||||
placeholder="请选择发布时间"
|
||||
format="YYYY-MM-DD HH:mm:ss"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
:disabled-date="disabledDate"
|
||||
class="w100"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/msg/form">
|
||||
import { reactive, toRefs, ref, defineAsyncComponent, getCurrentInstance, computed } from 'vue'
|
||||
import { MsgUpdateInput, MsgTypeGetListOutput } from '/@/api/admin/data-contracts'
|
||||
import { MsgApi } from '/@/api/admin/Msg'
|
||||
import { cloneDeep } from 'lodash-es'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { MsgTypeApi } from '/@/api/admin/MsgType'
|
||||
import { listToTree } from '/@/utils/tree'
|
||||
import { MsgStatusEnum } from '/@/api/admin/enum-contracts'
|
||||
import { toOptionsByValue } from '/@/utils/enum'
|
||||
|
||||
// 扩展 MsgUpdateInput 接口以包含定时发布时间
|
||||
interface ExtendedMsgUpdateInput extends MsgUpdateInput {
|
||||
publishTime?: string
|
||||
}
|
||||
|
||||
const MyEditor = defineAsyncComponent(() => import('/@/components/my-editor/index.vue'))
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
|
||||
const formRef = ref()
|
||||
const editorRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
form: { content: '' } as ExtendedMsgUpdateInput,
|
||||
msgTypeTreeData: [] as MsgTypeGetListOutput[],
|
||||
v: null,
|
||||
msgStatusList: toOptionsByValue(MsgStatusEnum),
|
||||
})
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const { form } = toRefs(state)
|
||||
|
||||
// 判断是否为定时发布状态
|
||||
const isScheduledStatus = computed(() => {
|
||||
return state.form.status === 3 // 3 对应 Scheduled 定时发布状态
|
||||
})
|
||||
|
||||
const testEditorContent = (rule: any, value: any, callback: any) => {
|
||||
if (!value) {
|
||||
callback()
|
||||
}
|
||||
if (editorRef.value.isEmpty()) {
|
||||
callback(new Error('请输入内容'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
|
||||
const onValidateContent = () => {
|
||||
formRef.value.validateField('content')
|
||||
}
|
||||
|
||||
// 状态变化处理
|
||||
const onStatusChange = (value: number) => {
|
||||
if (value !== 3) { // 3 对应定时发布状态
|
||||
state.form.publishTime = undefined
|
||||
// 清除发布时间的验证错误
|
||||
formRef.value?.clearValidate('publishTime')
|
||||
}
|
||||
}
|
||||
|
||||
// 禁用过去日期
|
||||
const disabledDate = (time: Date) => {
|
||||
return time.getTime() < Date.now() - 86400000 // 不能选择今天之前的日期
|
||||
}
|
||||
|
||||
const getMsgTypes = async () => {
|
||||
const res = await new MsgTypeApi().getList().catch(() => {
|
||||
state.msgTypeTreeData = []
|
||||
})
|
||||
if (res?.success && res.data && res.data.length > 0) {
|
||||
state.msgTypeTreeData = listToTree(res.data)
|
||||
} else {
|
||||
state.msgTypeTreeData = []
|
||||
}
|
||||
}
|
||||
|
||||
// 打开对话框
|
||||
const open = async (row: ExtendedMsgUpdateInput = { id: 0 }) => {
|
||||
proxy.$modal.loading()
|
||||
|
||||
await getMsgTypes()
|
||||
|
||||
let formData = cloneDeep(row) as ExtendedMsgUpdateInput
|
||||
if (row.id > 0) {
|
||||
const res = await new MsgApi().get({ id: row.id }).catch(() => {
|
||||
proxy.$modal.closeLoading()
|
||||
})
|
||||
|
||||
if (res?.success) {
|
||||
formData = res.data as ExtendedMsgUpdateInput
|
||||
formData.typeId = formData.typeId && formData.typeId > 0 ? formData.typeId : undefined
|
||||
}
|
||||
}
|
||||
|
||||
state.form = formData
|
||||
state.form.typeId = 690214253387845
|
||||
|
||||
proxy.$modal.closeLoading()
|
||||
state.showDialog = true
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
// 定时发布验证
|
||||
if (isScheduledStatus.value) {
|
||||
if (!state.form.publishTime) {
|
||||
proxy.$message.error('选择定时发布时必须选择发布时间')
|
||||
return
|
||||
}
|
||||
|
||||
const publishTime = new Date(state.form.publishTime)
|
||||
const now = new Date()
|
||||
if (publishTime <= now) {
|
||||
proxy.$message.error('发布时间必须晚于当前时间')
|
||||
return
|
||||
}
|
||||
} else {
|
||||
// 如果不是定时发布状态，清除发布时间
|
||||
state.form.publishTime = undefined
|
||||
}
|
||||
|
||||
state.sureLoading = true
|
||||
let res = {} as any
|
||||
if (state.form.id != undefined && state.form.id > 0) {
|
||||
res = await new MsgApi().update(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
} else {
|
||||
res = await new MsgApi().add(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
}
|
||||
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
eventBus.emit('refreshMsg')
|
||||
state.showDialog = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@ -1,319 +0,0 @@
|
||||
<template>
|
||||
<MySplitPanes>
|
||||
<pane size="55" min-size="35" max-size="65">
|
||||
<div class="my-flex-column w100 h100">
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :inline="true" @submit.stop.prevent>
|
||||
<el-form-item label="标题">
|
||||
<el-input v-model="state.filter.msgName" placeholder="标题" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:msg:add'" type="primary" icon="ele-Plus" @click="onAdd"> 新增 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table
|
||||
ref="msgTableRef"
|
||||
v-loading="state.loading"
|
||||
:data="state.msgData"
|
||||
default-expand-all
|
||||
highlight-current-row
|
||||
style="width: 100%"
|
||||
@current-change="onTableCurrentChange"
|
||||
border
|
||||
>
|
||||
<el-table-column prop="title" label="标题" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="typeName" label="消息分类" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="status" label="状态" min-width="90" show-overflow-tooltip :formatter="formatterMsgStatusEnum" />
|
||||
<el-table-column prop="createdTime" label="创建时间" :formatter="formatterTime" min-width="160" show-overflow-tooltip />
|
||||
<el-table-column label="操作" width="100" fixed="right" header-align="center" align="center">
|
||||
<template #default="{ row }">
|
||||
<my-dropdown-more v-auths="['api:admin:msg:update', 'api:admin:msg:delete']" style="margin-left: 0px">
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item v-if="auth('api:admin:msg:update')" @click="onEdit(row)">编辑</el-dropdown-item>
|
||||
<el-dropdown-item v-if="auth('api:admin:msg:delete')" @click="onDelete(row)">删除</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</my-dropdown-more>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="my-flex my-flex-end" style="margin-top: 10px">
|
||||
<el-pagination
|
||||
v-model:currentPage="state.pageInput.currentPage"
|
||||
v-model:page-size="state.pageInput.pageSize"
|
||||
:total="state.total"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
background
|
||||
@size-change="onSizeChange"
|
||||
@current-change="onCurrentChange"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</pane>
|
||||
<pane>
|
||||
<div class="my-flex-column w100 h100">
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :inline="true" @submit.stop.prevent>
|
||||
<el-form-item label="姓名">
|
||||
<el-input v-model="state.filter.name" placeholder="姓名" @keyup.enter="onGetMsgUserList" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onGetMsgUserList"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:msg:add-msg-user'" type="primary" icon="ele-Plus" @click="onAddUser"> 添加 </el-button>
|
||||
<el-button v-auth="'api:admin:msg:remove-msg-user'" type="danger" icon="ele-Delete" @click="onRemoveUser"> 移除 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table
|
||||
ref="userTableRef"
|
||||
v-loading="state.userListLoading"
|
||||
:data="state.userListData"
|
||||
row-key="id"
|
||||
style="width: 100%"
|
||||
@row-click="onUserRowClick"
|
||||
border
|
||||
>
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column prop="name" label="姓名" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column label="是否已读" width="100" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag type="success" v-if="row.isRead">已读</el-tag>
|
||||
<el-tag type="info" v-else>未读</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="readTime" label="已读时间" :formatter="formatterTime" min-width="160" show-overflow-tooltip />
|
||||
<!-- <el-table-column prop="mobile" label="手机号" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="email" label="邮箱" min-width="180" show-overflow-tooltip /> -->
|
||||
</el-table>
|
||||
</el-card>
|
||||
</div>
|
||||
</pane>
|
||||
|
||||
<msg-form ref="msgFormRef" :title="state.msgFormTitle"></msg-form>
|
||||
<user-select
|
||||
ref="userSelectRef"
|
||||
:title="`添加【${state.msgName}】员工`"
|
||||
multiple
|
||||
:sure-loading="state.sureLoading"
|
||||
@sure="onSureUser"
|
||||
></user-select>
|
||||
</MySplitPanes>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/msg">
|
||||
import { ref, reactive, onMounted, getCurrentInstance, onBeforeMount, defineAsyncComponent } from 'vue'
|
||||
import {
|
||||
PageInputMsgGetPageInput,
|
||||
MsgGetMsgUserListOutput,
|
||||
UserGetPageOutput,
|
||||
MsgAddMsgUserListInput,
|
||||
MsgGetPageOutput,
|
||||
} from '/@/api/admin/data-contracts'
|
||||
import { MsgApi } from '/@/api/admin/Msg'
|
||||
import { ElTable } from 'element-plus'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { auth } from '/@/utils/authFunction'
|
||||
import { Pane } from 'splitpanes'
|
||||
import dayjs from 'dayjs'
|
||||
import { MsgStatusEnum } from '/@/api/admin/enum-contracts'
|
||||
import { getDescByValue } from '/@/utils/enum'
|
||||
|
||||
// 引入组件
|
||||
const MsgForm = defineAsyncComponent(() => import('./components/msg-form.vue'))
|
||||
const UserSelect = defineAsyncComponent(() => import('/@/views/admin/user/components/user-select.vue'))
|
||||
const MySplitPanes = defineAsyncComponent(() => import('/@/components/my-layout/split-panes.vue'))
|
||||
const MyDropdownMore = defineAsyncComponent(() => import('/@/components/my-dropdown-more/index.vue'))
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const msgTableRef = ref()
|
||||
const msgFormRef = ref()
|
||||
const userTableRef = ref<InstanceType<typeof ElTable>>()
|
||||
const userSelectRef = ref()
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
userListLoading: false,
|
||||
sureLoading: false,
|
||||
msgFormTitle: '',
|
||||
filter: {
|
||||
name: '',
|
||||
msgName: '',
|
||||
},
|
||||
total: 0,
|
||||
pageInput: {
|
||||
currentPage: 1,
|
||||
pageSize: 20,
|
||||
filter: {
|
||||
title: '',
|
||||
msgTypeValue: 690214253387845,
|
||||
},
|
||||
} as PageInputMsgGetPageInput,
|
||||
msgData: [] as any,
|
||||
userListData: [] as MsgGetMsgUserListOutput[],
|
||||
msgId: undefined as number | undefined,
|
||||
msgName: '' as string | null | undefined,
|
||||
})
|
||||
|
||||
onMounted(async () => {
|
||||
onQuery()
|
||||
eventBus.off('refreshMsg')
|
||||
eventBus.on('refreshMsg', () => {
|
||||
onQuery()
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeMount(() => {
|
||||
eventBus.off('refreshMsg')
|
||||
})
|
||||
|
||||
const formatterMsgStatusEnum = (row: any, column: any, cellValue: any) => {
|
||||
return getDescByValue(MsgStatusEnum, cellValue)
|
||||
}
|
||||
|
||||
const formatterTime = (row: any, column: any, cellValue: any) => {
|
||||
return cellValue ? dayjs(cellValue).format('YYYY-MM-DD HH:mm:ss') : ''
|
||||
}
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
if (state.pageInput.filter) state.pageInput.filter.title = state.filter.msgName
|
||||
const res = await new MsgApi().getPage(state.pageInput).catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
|
||||
state.msgData = res?.data?.list ?? []
|
||||
state.total = res?.data?.total ?? 0
|
||||
|
||||
if (state.msgData?.length > 0) {
|
||||
window.setTimeout(() => {
|
||||
msgTableRef.value?.setCurrentRow(state.msgData[0])
|
||||
}, 100)
|
||||
// nextTick(() => {
|
||||
// msgTableRef.value?.setCurrentRow(state.msgData[0])
|
||||
// })
|
||||
}
|
||||
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const onSizeChange = (val: number) => {
|
||||
state.pageInput.currentPage = 1
|
||||
state.pageInput.pageSize = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onCurrentChange = (val: number) => {
|
||||
state.pageInput.currentPage = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onAdd = () => {
|
||||
state.msgFormTitle = '新增活动消息'
|
||||
msgFormRef.value.open({ enabled: true })
|
||||
}
|
||||
|
||||
const onEdit = (row: MsgGetPageOutput) => {
|
||||
state.msgFormTitle = '编辑活动消息'
|
||||
msgFormRef.value.open(row)
|
||||
}
|
||||
|
||||
const onDelete = (row: MsgGetPageOutput) => {
|
||||
proxy.$modal
|
||||
.confirmDelete(`确定要删除消息【${row.title}】?`)
|
||||
.then(async () => {
|
||||
await new MsgApi().delete({ id: row.id }, { loading: true, showSuccessMessage: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onGetMsgUserList = async () => {
|
||||
state.userListLoading = true
|
||||
const res = await new MsgApi().getMsgUserList({ MsgId: state.msgId, Name: state.filter.name }).catch(() => {
|
||||
state.userListLoading = false
|
||||
})
|
||||
state.userListLoading = false
|
||||
if (res?.success) {
|
||||
if (res.data && res.data.length > 0) {
|
||||
state.userListData = res.data
|
||||
} else {
|
||||
state.userListData = []
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const onTableCurrentChange = (currentRow: MsgGetPageOutput) => {
|
||||
if (!currentRow) {
|
||||
return
|
||||
}
|
||||
|
||||
state.msgId = currentRow.id
|
||||
state.msgName = currentRow.title
|
||||
onGetMsgUserList()
|
||||
}
|
||||
|
||||
const onUserRowClick = (row: MsgGetMsgUserListOutput) => {
|
||||
userTableRef.value!.toggleRowSelection(row, undefined)
|
||||
}
|
||||
|
||||
const onAddUser = () => {
|
||||
if (!((state.msgId as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择消息')
|
||||
return
|
||||
}
|
||||
userSelectRef.value.open({ msgId: state.msgId })
|
||||
}
|
||||
|
||||
const onRemoveUser = () => {
|
||||
if (!((state.msgId as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择消息')
|
||||
return
|
||||
}
|
||||
|
||||
const selectionRows = userTableRef.value!.getSelectionRows() as UserGetPageOutput[]
|
||||
|
||||
if (!((selectionRows.length as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择员工')
|
||||
return
|
||||
}
|
||||
|
||||
proxy.$modal
|
||||
.confirm(`确定要移除吗?`)
|
||||
.then(async () => {
|
||||
const userIds = selectionRows?.map((a) => a.id)
|
||||
const input = { msgId: state.msgId, userIds } as MsgAddMsgUserListInput
|
||||
await new MsgApi().removeMsgUser(input, { loading: true })
|
||||
onGetMsgUserList()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onSureUser = async (users: UserGetPageOutput[]) => {
|
||||
if (!(users?.length > 0)) {
|
||||
userSelectRef.value.close()
|
||||
return
|
||||
}
|
||||
|
||||
state.sureLoading = true
|
||||
const userIds = users?.map((a) => a.id)
|
||||
const input = { msgId: state.msgId, userIds } as MsgAddMsgUserListInput
|
||||
await new MsgApi().addMsgUser(input, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
state.sureLoading = false
|
||||
userSelectRef.value.close()
|
||||
onGetMsgUserList()
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@ -1,253 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="title"
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="830px"
|
||||
>
|
||||
<el-form :model="form" ref="formRef" label-width="auto">
|
||||
<el-row :gutter="35">
|
||||
<!-- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="分类" prop="typeId" :rules="[{ required: true, message: '请选择分类', trigger: ['change'] }]" hidden>
|
||||
<el-tree-select
|
||||
v-model="form.typeId"
|
||||
placeholder="请选择分类"
|
||||
:data="state.msgTypeTreeData"
|
||||
node-key="id"
|
||||
:props="{ label: 'name' }"
|
||||
default-expand-all
|
||||
fit-input-width
|
||||
clearable
|
||||
filterable
|
||||
class="w100"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="标题" prop="title" :rules="[{ required: true, message: '请输入标题', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.title" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item
|
||||
label="内容"
|
||||
prop="content"
|
||||
:rules="[
|
||||
{ required: true, message: '请输入内容', trigger: ['blur', 'change'] },
|
||||
{ validator: testEditorContent, trigger: ['blur', 'change'] },
|
||||
]"
|
||||
>
|
||||
<MyEditor ref="editorRef" v-model:model-value="form.content" @onBlur="onValidateContent" @onChange="onValidateContent"></MyEditor>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="状态" prop="status" :rules="[{ required: true, message: '请选择状态', trigger: ['change'] }]">
|
||||
<el-select v-model="form.status" placeholder="请选择状态" class="w100" @change="onStatusChange">
|
||||
<el-option v-for="item in state.msgStatusList" :key="item.label" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" v-if="isScheduledStatus">
|
||||
<el-form-item
|
||||
label="发布时间"
|
||||
prop="publishTime"
|
||||
:rules="[{
|
||||
required: isScheduledStatus,
|
||||
message: '请选择发布时间',
|
||||
trigger: ['change', 'blur']
|
||||
}]"
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="form.publishTime"
|
||||
type="datetime"
|
||||
placeholder="请选择发布时间"
|
||||
format="YYYY-MM-DD HH:mm:ss"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
:disabled-date="disabledDate"
|
||||
class="w100"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/msg/form">
|
||||
import { reactive, toRefs, ref, defineAsyncComponent, getCurrentInstance, computed } from 'vue'
|
||||
import { MsgUpdateInput, MsgTypeGetListOutput } from '/@/api/admin/data-contracts'
|
||||
import { MsgApi } from '/@/api/admin/Msg'
|
||||
import { cloneDeep } from 'lodash-es'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { MsgTypeApi } from '/@/api/admin/MsgType'
|
||||
import { listToTree } from '/@/utils/tree'
|
||||
import { MsgStatusEnum } from '/@/api/admin/enum-contracts'
|
||||
import { toOptionsByValue } from '/@/utils/enum'
|
||||
|
||||
// 扩展 MsgUpdateInput 接口以包含定时发布时间
|
||||
interface ExtendedMsgUpdateInput extends MsgUpdateInput {
|
||||
publishTime?: string
|
||||
}
|
||||
|
||||
const MyEditor = defineAsyncComponent(() => import('/@/components/my-editor/index.vue'))
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
|
||||
const formRef = ref()
|
||||
const editorRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
form: { content: '' } as ExtendedMsgUpdateInput,
|
||||
msgTypeTreeData: [] as MsgTypeGetListOutput[],
|
||||
v: null,
|
||||
msgStatusList: toOptionsByValue(MsgStatusEnum),
|
||||
})
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const { form } = toRefs(state)
|
||||
|
||||
// 判断是否为定时发布状态
|
||||
const isScheduledStatus = computed(() => {
|
||||
return state.form.status === 3 // 3 对应 Scheduled 定时发布状态
|
||||
})
|
||||
|
||||
const testEditorContent = (rule: any, value: any, callback: any) => {
|
||||
if (!value) {
|
||||
callback()
|
||||
}
|
||||
if (editorRef.value.isEmpty()) {
|
||||
callback(new Error('请输入内容'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
|
||||
const onValidateContent = () => {
|
||||
formRef.value.validateField('content')
|
||||
}
|
||||
|
||||
// 状态变化处理
|
||||
const onStatusChange = (value: number) => {
|
||||
if (value !== 3) { // 3 对应定时发布状态
|
||||
state.form.publishTime = undefined
|
||||
// 清除发布时间的验证错误
|
||||
formRef.value?.clearValidate('publishTime')
|
||||
}
|
||||
}
|
||||
|
||||
// 禁用过去日期
|
||||
const disabledDate = (time: Date) => {
|
||||
return time.getTime() < Date.now() - 86400000 // 不能选择今天之前的日期
|
||||
}
|
||||
|
||||
const getMsgTypes = async () => {
|
||||
const res = await new MsgTypeApi().getList().catch(() => {
|
||||
state.msgTypeTreeData = []
|
||||
})
|
||||
if (res?.success && res.data && res.data.length > 0) {
|
||||
state.msgTypeTreeData = listToTree(res.data)
|
||||
} else {
|
||||
state.msgTypeTreeData = []
|
||||
}
|
||||
}
|
||||
|
||||
// 打开对话框
|
||||
const open = async (row: ExtendedMsgUpdateInput = { id: 0 }) => {
|
||||
proxy.$modal.loading()
|
||||
|
||||
await getMsgTypes()
|
||||
|
||||
let formData = cloneDeep(row) as ExtendedMsgUpdateInput
|
||||
if (row.id > 0) {
|
||||
const res = await new MsgApi().get({ id: row.id }).catch(() => {
|
||||
proxy.$modal.closeLoading()
|
||||
})
|
||||
|
||||
if (res?.success) {
|
||||
formData = res.data as ExtendedMsgUpdateInput
|
||||
formData.typeId = formData.typeId && formData.typeId > 0 ? formData.typeId : undefined
|
||||
}
|
||||
}
|
||||
|
||||
state.form = formData
|
||||
state.form.typeId = 690213836861509
|
||||
|
||||
proxy.$modal.closeLoading()
|
||||
state.showDialog = true
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
// 定时发布验证
|
||||
if (isScheduledStatus.value) {
|
||||
if (!state.form.publishTime) {
|
||||
proxy.$message.error('选择定时发布时必须选择发布时间')
|
||||
return
|
||||
}
|
||||
|
||||
const publishTime = new Date(state.form.publishTime)
|
||||
const now = new Date()
|
||||
if (publishTime <= now) {
|
||||
proxy.$message.error('发布时间必须晚于当前时间')
|
||||
return
|
||||
}
|
||||
} else {
|
||||
// 如果不是定时发布状态，清除发布时间
|
||||
state.form.publishTime = undefined
|
||||
}
|
||||
|
||||
state.sureLoading = true
|
||||
let res = {} as any
|
||||
if (state.form.id != undefined && state.form.id > 0) {
|
||||
res = await new MsgApi().update(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
} else {
|
||||
res = await new MsgApi().add(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
}
|
||||
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
eventBus.emit('refreshMsg')
|
||||
state.showDialog = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@ -1,319 +0,0 @@
|
||||
<template>
|
||||
<MySplitPanes>
|
||||
<pane size="55" min-size="35" max-size="65">
|
||||
<div class="my-flex-column w100 h100">
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :inline="true" @submit.stop.prevent>
|
||||
<el-form-item label="标题">
|
||||
<el-input v-model="state.filter.msgName" placeholder="标题" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:msg:add'" type="primary" icon="ele-Plus" @click="onAdd"> 新增 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table
|
||||
ref="msgTableRef"
|
||||
v-loading="state.loading"
|
||||
:data="state.msgData"
|
||||
default-expand-all
|
||||
highlight-current-row
|
||||
style="width: 100%"
|
||||
@current-change="onTableCurrentChange"
|
||||
border
|
||||
>
|
||||
<el-table-column prop="title" label="标题" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="typeName" label="消息分类" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="status" label="状态" min-width="90" show-overflow-tooltip :formatter="formatterMsgStatusEnum" />
|
||||
<el-table-column prop="createdTime" label="创建时间" :formatter="formatterTime" min-width="160" show-overflow-tooltip />
|
||||
<el-table-column label="操作" width="100" fixed="right" header-align="center" align="center">
|
||||
<template #default="{ row }">
|
||||
<my-dropdown-more v-auths="['api:admin:msg:update', 'api:admin:msg:delete']" style="margin-left: 0px">
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item v-if="auth('api:admin:msg:update')" @click="onEdit(row)">编辑</el-dropdown-item>
|
||||
<el-dropdown-item v-if="auth('api:admin:msg:delete')" @click="onDelete(row)">删除</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</my-dropdown-more>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="my-flex my-flex-end" style="margin-top: 10px">
|
||||
<el-pagination
|
||||
v-model:currentPage="state.pageInput.currentPage"
|
||||
v-model:page-size="state.pageInput.pageSize"
|
||||
:total="state.total"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
background
|
||||
@size-change="onSizeChange"
|
||||
@current-change="onCurrentChange"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</pane>
|
||||
<pane>
|
||||
<div class="my-flex-column w100 h100">
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :inline="true" @submit.stop.prevent>
|
||||
<el-form-item label="姓名">
|
||||
<el-input v-model="state.filter.name" placeholder="姓名" @keyup.enter="onGetMsgUserList" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onGetMsgUserList"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:msg:add-msg-user'" type="primary" icon="ele-Plus" @click="onAddUser"> 添加 </el-button>
|
||||
<el-button v-auth="'api:admin:msg:remove-msg-user'" type="danger" icon="ele-Delete" @click="onRemoveUser"> 移除 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table
|
||||
ref="userTableRef"
|
||||
v-loading="state.userListLoading"
|
||||
:data="state.userListData"
|
||||
row-key="id"
|
||||
style="width: 100%"
|
||||
@row-click="onUserRowClick"
|
||||
border
|
||||
>
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column prop="name" label="姓名" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column label="是否已读" width="100" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag type="success" v-if="row.isRead">已读</el-tag>
|
||||
<el-tag type="info" v-else>未读</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="readTime" label="已读时间" :formatter="formatterTime" min-width="160" show-overflow-tooltip />
|
||||
<!-- <el-table-column prop="mobile" label="手机号" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="email" label="邮箱" min-width="180" show-overflow-tooltip /> -->
|
||||
</el-table>
|
||||
</el-card>
|
||||
</div>
|
||||
</pane>
|
||||
|
||||
<msg-form ref="msgFormRef" :title="state.msgFormTitle"></msg-form>
|
||||
<user-select
|
||||
ref="userSelectRef"
|
||||
:title="`添加【${state.msgName}】员工`"
|
||||
multiple
|
||||
:sure-loading="state.sureLoading"
|
||||
@sure="onSureUser"
|
||||
></user-select>
|
||||
</MySplitPanes>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/msg">
|
||||
import { ref, reactive, onMounted, getCurrentInstance, onBeforeMount, defineAsyncComponent } from 'vue'
|
||||
import {
|
||||
PageInputMsgGetPageInput,
|
||||
MsgGetMsgUserListOutput,
|
||||
UserGetPageOutput,
|
||||
MsgAddMsgUserListInput,
|
||||
MsgGetPageOutput,
|
||||
} from '/@/api/admin/data-contracts'
|
||||
import { MsgApi } from '/@/api/admin/Msg'
|
||||
import { ElTable } from 'element-plus'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { auth } from '/@/utils/authFunction'
|
||||
import { Pane } from 'splitpanes'
|
||||
import dayjs from 'dayjs'
|
||||
import { MsgStatusEnum } from '/@/api/admin/enum-contracts'
|
||||
import { getDescByValue } from '/@/utils/enum'
|
||||
|
||||
// 引入组件
|
||||
const MsgForm = defineAsyncComponent(() => import('./components/msg-form.vue'))
|
||||
const UserSelect = defineAsyncComponent(() => import('/@/views/admin/user/components/user-select.vue'))
|
||||
const MySplitPanes = defineAsyncComponent(() => import('/@/components/my-layout/split-panes.vue'))
|
||||
const MyDropdownMore = defineAsyncComponent(() => import('/@/components/my-dropdown-more/index.vue'))
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const msgTableRef = ref()
|
||||
const msgFormRef = ref()
|
||||
const userTableRef = ref<InstanceType<typeof ElTable>>()
|
||||
const userSelectRef = ref()
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
userListLoading: false,
|
||||
sureLoading: false,
|
||||
msgFormTitle: '',
|
||||
filter: {
|
||||
name: '',
|
||||
msgName: '',
|
||||
},
|
||||
total: 0,
|
||||
pageInput: {
|
||||
currentPage: 1,
|
||||
pageSize: 20,
|
||||
filter: {
|
||||
title: '',
|
||||
msgTypeValue: 690213836861509,
|
||||
},
|
||||
} as PageInputMsgGetPageInput,
|
||||
msgData: [] as any,
|
||||
userListData: [] as MsgGetMsgUserListOutput[],
|
||||
msgId: undefined as number | undefined,
|
||||
msgName: '' as string | null | undefined,
|
||||
})
|
||||
|
||||
onMounted(async () => {
|
||||
onQuery()
|
||||
eventBus.off('refreshMsg')
|
||||
eventBus.on('refreshMsg', () => {
|
||||
onQuery()
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeMount(() => {
|
||||
eventBus.off('refreshMsg')
|
||||
})
|
||||
|
||||
const formatterMsgStatusEnum = (row: any, column: any, cellValue: any) => {
|
||||
return getDescByValue(MsgStatusEnum, cellValue)
|
||||
}
|
||||
|
||||
const formatterTime = (row: any, column: any, cellValue: any) => {
|
||||
return cellValue ? dayjs(cellValue).format('YYYY-MM-DD HH:mm:ss') : ''
|
||||
}
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
if (state.pageInput.filter) state.pageInput.filter.title = state.filter.msgName
|
||||
const res = await new MsgApi().getPage(state.pageInput).catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
|
||||
state.msgData = res?.data?.list ?? []
|
||||
state.total = res?.data?.total ?? 0
|
||||
|
||||
if (state.msgData?.length > 0) {
|
||||
window.setTimeout(() => {
|
||||
msgTableRef.value?.setCurrentRow(state.msgData[0])
|
||||
}, 100)
|
||||
// nextTick(() => {
|
||||
// msgTableRef.value?.setCurrentRow(state.msgData[0])
|
||||
// })
|
||||
}
|
||||
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const onSizeChange = (val: number) => {
|
||||
state.pageInput.currentPage = 1
|
||||
state.pageInput.pageSize = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onCurrentChange = (val: number) => {
|
||||
state.pageInput.currentPage = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onAdd = () => {
|
||||
state.msgFormTitle = '新增设备消息'
|
||||
msgFormRef.value.open({ enabled: true })
|
||||
}
|
||||
|
||||
const onEdit = (row: MsgGetPageOutput) => {
|
||||
state.msgFormTitle = '编辑设备消息'
|
||||
msgFormRef.value.open(row)
|
||||
}
|
||||
|
||||
const onDelete = (row: MsgGetPageOutput) => {
|
||||
proxy.$modal
|
||||
.confirmDelete(`确定要删除消息【${row.title}】?`)
|
||||
.then(async () => {
|
||||
await new MsgApi().delete({ id: row.id }, { loading: true, showSuccessMessage: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onGetMsgUserList = async () => {
|
||||
state.userListLoading = true
|
||||
const res = await new MsgApi().getMsgUserList({ MsgId: state.msgId, Name: state.filter.name }).catch(() => {
|
||||
state.userListLoading = false
|
||||
})
|
||||
state.userListLoading = false
|
||||
if (res?.success) {
|
||||
if (res.data && res.data.length > 0) {
|
||||
state.userListData = res.data
|
||||
} else {
|
||||
state.userListData = []
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const onTableCurrentChange = (currentRow: MsgGetPageOutput) => {
|
||||
if (!currentRow) {
|
||||
return
|
||||
}
|
||||
|
||||
state.msgId = currentRow.id
|
||||
state.msgName = currentRow.title
|
||||
onGetMsgUserList()
|
||||
}
|
||||
|
||||
const onUserRowClick = (row: MsgGetMsgUserListOutput) => {
|
||||
userTableRef.value!.toggleRowSelection(row, undefined)
|
||||
}
|
||||
|
||||
const onAddUser = () => {
|
||||
if (!((state.msgId as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择消息')
|
||||
return
|
||||
}
|
||||
userSelectRef.value.open({ msgId: state.msgId })
|
||||
}
|
||||
|
||||
const onRemoveUser = () => {
|
||||
if (!((state.msgId as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择消息')
|
||||
return
|
||||
}
|
||||
|
||||
const selectionRows = userTableRef.value!.getSelectionRows() as UserGetPageOutput[]
|
||||
|
||||
if (!((selectionRows.length as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择员工')
|
||||
return
|
||||
}
|
||||
|
||||
proxy.$modal
|
||||
.confirm(`确定要移除吗?`)
|
||||
.then(async () => {
|
||||
const userIds = selectionRows?.map((a) => a.id)
|
||||
const input = { msgId: state.msgId, userIds } as MsgAddMsgUserListInput
|
||||
await new MsgApi().removeMsgUser(input, { loading: true })
|
||||
onGetMsgUserList()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onSureUser = async (users: UserGetPageOutput[]) => {
|
||||
if (!(users?.length > 0)) {
|
||||
userSelectRef.value.close()
|
||||
return
|
||||
}
|
||||
|
||||
state.sureLoading = true
|
||||
const userIds = users?.map((a) => a.id)
|
||||
const input = { msgId: state.msgId, userIds } as MsgAddMsgUserListInput
|
||||
await new MsgApi().addMsgUser(input, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
state.sureLoading = false
|
||||
userSelectRef.value.close()
|
||||
onGetMsgUserList()
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@ -1,253 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="title"
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="830px"
|
||||
>
|
||||
<el-form :model="form" ref="formRef" label-width="auto">
|
||||
<el-row :gutter="35">
|
||||
<!-- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="分类" prop="typeId" :rules="[{ required: true, message: '请选择分类', trigger: ['change'] }]" hidden>
|
||||
<el-tree-select
|
||||
v-model="form.typeId"
|
||||
placeholder="请选择分类"
|
||||
:data="state.msgTypeTreeData"
|
||||
node-key="id"
|
||||
:props="{ label: 'name' }"
|
||||
default-expand-all
|
||||
fit-input-width
|
||||
clearable
|
||||
filterable
|
||||
class="w100"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="标题" prop="title" :rules="[{ required: true, message: '请输入标题', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.title" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item
|
||||
label="内容"
|
||||
prop="content"
|
||||
:rules="[
|
||||
{ required: true, message: '请输入内容', trigger: ['blur', 'change'] },
|
||||
{ validator: testEditorContent, trigger: ['blur', 'change'] },
|
||||
]"
|
||||
>
|
||||
<MyEditor ref="editorRef" v-model:model-value="form.content" @onBlur="onValidateContent" @onChange="onValidateContent"></MyEditor>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="状态" prop="status" :rules="[{ required: true, message: '请选择状态', trigger: ['change'] }]">
|
||||
<el-select v-model="form.status" placeholder="请选择状态" class="w100" @change="onStatusChange">
|
||||
<el-option v-for="item in state.msgStatusList" :key="item.label" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" v-if="isScheduledStatus">
|
||||
<el-form-item
|
||||
label="发布时间"
|
||||
prop="publishTime"
|
||||
:rules="[{
|
||||
required: isScheduledStatus,
|
||||
message: '请选择发布时间',
|
||||
trigger: ['change', 'blur']
|
||||
}]"
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="form.publishTime"
|
||||
type="datetime"
|
||||
placeholder="请选择发布时间"
|
||||
format="YYYY-MM-DD HH:mm:ss"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
:disabled-date="disabledDate"
|
||||
class="w100"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/msg/form">
|
||||
import { reactive, toRefs, ref, defineAsyncComponent, getCurrentInstance, computed } from 'vue'
|
||||
import { MsgUpdateInput, MsgTypeGetListOutput } from '/@/api/admin/data-contracts'
|
||||
|
||||
// 扩展 MsgUpdateInput 接口以包含定时发布时间
|
||||
interface ExtendedMsgUpdateInput extends MsgUpdateInput {
|
||||
publishTime?: string
|
||||
}
|
||||
import { MsgApi } from '/@/api/admin/Msg'
|
||||
import { cloneDeep } from 'lodash-es'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { MsgTypeApi } from '/@/api/admin/MsgType'
|
||||
import { listToTree } from '/@/utils/tree'
|
||||
import { MsgStatusEnum } from '/@/api/admin/enum-contracts'
|
||||
import { toOptionsByValue } from '/@/utils/enum'
|
||||
|
||||
const MyEditor = defineAsyncComponent(() => import('/@/components/my-editor/index.vue'))
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
|
||||
const formRef = ref()
|
||||
const editorRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
form: { content: '' } as ExtendedMsgUpdateInput,
|
||||
msgTypeTreeData: [] as MsgTypeGetListOutput[],
|
||||
v: null,
|
||||
msgStatusList: toOptionsByValue(MsgStatusEnum),
|
||||
})
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const { form } = toRefs(state)
|
||||
|
||||
// 判断是否为定时发布状态
|
||||
const isScheduledStatus = computed(() => {
|
||||
return state.form.status === 3 // 3 对应 Scheduled 定时发布状态
|
||||
})
|
||||
|
||||
const testEditorContent = (rule: any, value: any, callback: any) => {
|
||||
if (!value) {
|
||||
callback()
|
||||
}
|
||||
if (editorRef.value.isEmpty()) {
|
||||
callback(new Error('请输入内容'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
|
||||
const onValidateContent = () => {
|
||||
formRef.value.validateField('content')
|
||||
}
|
||||
|
||||
// 状态变化处理
|
||||
const onStatusChange = (value: number) => {
|
||||
if (value !== 3) { // 3 对应定时发布状态
|
||||
state.form.publishTime = undefined
|
||||
// 清除发布时间的验证错误
|
||||
formRef.value?.clearValidate('publishTime')
|
||||
}
|
||||
}
|
||||
|
||||
// 禁用过去日期
|
||||
const disabledDate = (time: Date) => {
|
||||
return time.getTime() < Date.now() - 86400000 // 不能选择今天之前的日期
|
||||
}
|
||||
|
||||
const getMsgTypes = async () => {
|
||||
const res = await new MsgTypeApi().getList().catch(() => {
|
||||
state.msgTypeTreeData = []
|
||||
})
|
||||
if (res?.success && res.data && res.data.length > 0) {
|
||||
state.msgTypeTreeData = listToTree(res.data)
|
||||
} else {
|
||||
state.msgTypeTreeData = []
|
||||
}
|
||||
}
|
||||
|
||||
// 打开对话框
|
||||
const open = async (row: ExtendedMsgUpdateInput = { id: 0 }) => {
|
||||
proxy.$modal.loading()
|
||||
|
||||
await getMsgTypes()
|
||||
|
||||
let formData = cloneDeep(row) as ExtendedMsgUpdateInput
|
||||
if (row.id > 0) {
|
||||
const res = await new MsgApi().get({ id: row.id }).catch(() => {
|
||||
proxy.$modal.closeLoading()
|
||||
})
|
||||
|
||||
if (res?.success) {
|
||||
formData = res.data as ExtendedMsgUpdateInput
|
||||
formData.typeId = formData.typeId && formData.typeId > 0 ? formData.typeId : undefined
|
||||
}
|
||||
}
|
||||
|
||||
state.form = formData
|
||||
state.form.typeId = 690213625348165
|
||||
|
||||
proxy.$modal.closeLoading()
|
||||
state.showDialog = true
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
// 定时发布验证
|
||||
if (isScheduledStatus.value) {
|
||||
if (!state.form.publishTime) {
|
||||
proxy.$message.error('选择定时发布时必须选择发布时间')
|
||||
return
|
||||
}
|
||||
|
||||
const publishTime = new Date(state.form.publishTime)
|
||||
const now = new Date()
|
||||
if (publishTime <= now) {
|
||||
proxy.$message.error('发布时间必须晚于当前时间')
|
||||
return
|
||||
}
|
||||
} else {
|
||||
// 如果不是定时发布状态，清除发布时间
|
||||
state.form.publishTime = undefined
|
||||
}
|
||||
|
||||
state.sureLoading = true
|
||||
let res = {} as any
|
||||
if (state.form.id != undefined && state.form.id > 0) {
|
||||
res = await new MsgApi().update(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
} else {
|
||||
res = await new MsgApi().add(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
}
|
||||
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
eventBus.emit('refreshMsg')
|
||||
state.showDialog = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@ -1,319 +0,0 @@
|
||||
<template>
|
||||
<MySplitPanes>
|
||||
<pane size="55" min-size="35" max-size="65">
|
||||
<div class="my-flex-column w100 h100">
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :inline="true" @submit.stop.prevent>
|
||||
<el-form-item label="标题">
|
||||
<el-input v-model="state.filter.msgName" placeholder="标题" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:msg:add'" type="primary" icon="ele-Plus" @click="onAdd"> 新增 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table
|
||||
ref="msgTableRef"
|
||||
v-loading="state.loading"
|
||||
:data="state.msgData"
|
||||
default-expand-all
|
||||
highlight-current-row
|
||||
style="width: 100%"
|
||||
@current-change="onTableCurrentChange"
|
||||
border
|
||||
>
|
||||
<el-table-column prop="title" label="标题" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="typeName" label="消息分类" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="status" label="状态" min-width="90" show-overflow-tooltip :formatter="formatterMsgStatusEnum" />
|
||||
<el-table-column prop="createdTime" label="创建时间" :formatter="formatterTime" min-width="160" show-overflow-tooltip />
|
||||
<el-table-column label="操作" width="100" fixed="right" header-align="center" align="center">
|
||||
<template #default="{ row }">
|
||||
<my-dropdown-more v-auths="['api:admin:msg:update', 'api:admin:msg:delete']" style="margin-left: 0px">
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item v-if="auth('api:admin:msg:update')" @click="onEdit(row)">编辑</el-dropdown-item>
|
||||
<el-dropdown-item v-if="auth('api:admin:msg:delete')" @click="onDelete(row)">删除</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</my-dropdown-more>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="my-flex my-flex-end" style="margin-top: 10px">
|
||||
<el-pagination
|
||||
v-model:currentPage="state.pageInput.currentPage"
|
||||
v-model:page-size="state.pageInput.pageSize"
|
||||
:total="state.total"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
background
|
||||
@size-change="onSizeChange"
|
||||
@current-change="onCurrentChange"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</pane>
|
||||
<pane>
|
||||
<div class="my-flex-column w100 h100">
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :inline="true" @submit.stop.prevent>
|
||||
<el-form-item label="姓名">
|
||||
<el-input v-model="state.filter.name" placeholder="姓名" @keyup.enter="onGetMsgUserList" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onGetMsgUserList"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:msg:add-msg-user'" type="primary" icon="ele-Plus" @click="onAddUser"> 添加 </el-button>
|
||||
<el-button v-auth="'api:admin:msg:remove-msg-user'" type="danger" icon="ele-Delete" @click="onRemoveUser"> 移除 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table
|
||||
ref="userTableRef"
|
||||
v-loading="state.userListLoading"
|
||||
:data="state.userListData"
|
||||
row-key="id"
|
||||
style="width: 100%"
|
||||
@row-click="onUserRowClick"
|
||||
border
|
||||
>
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column prop="name" label="姓名" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column label="是否已读" width="100" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag type="success" v-if="row.isRead">已读</el-tag>
|
||||
<el-tag type="info" v-else>未读</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="readTime" label="已读时间" :formatter="formatterTime" min-width="160" show-overflow-tooltip />
|
||||
<!-- <el-table-column prop="mobile" label="手机号" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="email" label="邮箱" min-width="180" show-overflow-tooltip /> -->
|
||||
</el-table>
|
||||
</el-card>
|
||||
</div>
|
||||
</pane>
|
||||
|
||||
<msg-form ref="msgFormRef" :title="state.msgFormTitle"></msg-form>
|
||||
<user-select
|
||||
ref="userSelectRef"
|
||||
:title="`添加【${state.msgName}】员工`"
|
||||
multiple
|
||||
:sure-loading="state.sureLoading"
|
||||
@sure="onSureUser"
|
||||
></user-select>
|
||||
</MySplitPanes>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/msg">
|
||||
import { ref, reactive, onMounted, getCurrentInstance, onBeforeMount, defineAsyncComponent } from 'vue'
|
||||
import {
|
||||
PageInputMsgGetPageInput,
|
||||
MsgGetMsgUserListOutput,
|
||||
UserGetPageOutput,
|
||||
MsgAddMsgUserListInput,
|
||||
MsgGetPageOutput,
|
||||
} from '/@/api/admin/data-contracts'
|
||||
import { MsgApi } from '/@/api/admin/Msg'
|
||||
import { ElTable } from 'element-plus'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { auth } from '/@/utils/authFunction'
|
||||
import { Pane } from 'splitpanes'
|
||||
import dayjs from 'dayjs'
|
||||
import { MsgStatusEnum } from '/@/api/admin/enum-contracts'
|
||||
import { getDescByValue } from '/@/utils/enum'
|
||||
|
||||
// 引入组件
|
||||
const MsgForm = defineAsyncComponent(() => import('./components/msg-form.vue'))
|
||||
const UserSelect = defineAsyncComponent(() => import('/@/views/admin/user/components/user-select.vue'))
|
||||
const MySplitPanes = defineAsyncComponent(() => import('/@/components/my-layout/split-panes.vue'))
|
||||
const MyDropdownMore = defineAsyncComponent(() => import('/@/components/my-dropdown-more/index.vue'))
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const msgTableRef = ref()
|
||||
const msgFormRef = ref()
|
||||
const userTableRef = ref<InstanceType<typeof ElTable>>()
|
||||
const userSelectRef = ref()
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
userListLoading: false,
|
||||
sureLoading: false,
|
||||
msgFormTitle: '',
|
||||
filter: {
|
||||
name: '',
|
||||
msgName: '',
|
||||
},
|
||||
total: 0,
|
||||
pageInput: {
|
||||
currentPage: 1,
|
||||
pageSize: 20,
|
||||
filter: {
|
||||
title: '',
|
||||
msgTypeValue: 690213625348165,
|
||||
},
|
||||
} as PageInputMsgGetPageInput,
|
||||
msgData: [] as any,
|
||||
userListData: [] as MsgGetMsgUserListOutput[],
|
||||
msgId: undefined as number | undefined,
|
||||
msgName: '' as string | null | undefined,
|
||||
})
|
||||
|
||||
onMounted(async () => {
|
||||
onQuery()
|
||||
eventBus.off('refreshMsg')
|
||||
eventBus.on('refreshMsg', () => {
|
||||
onQuery()
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeMount(() => {
|
||||
eventBus.off('refreshMsg')
|
||||
})
|
||||
|
||||
const formatterMsgStatusEnum = (row: any, column: any, cellValue: any) => {
|
||||
return getDescByValue(MsgStatusEnum, cellValue)
|
||||
}
|
||||
|
||||
const formatterTime = (row: any, column: any, cellValue: any) => {
|
||||
return cellValue ? dayjs(cellValue).format('YYYY-MM-DD HH:mm:ss') : ''
|
||||
}
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
if (state.pageInput.filter) state.pageInput.filter.title = state.filter.msgName
|
||||
const res = await new MsgApi().getPage(state.pageInput).catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
|
||||
state.msgData = res?.data?.list ?? []
|
||||
state.total = res?.data?.total ?? 0
|
||||
|
||||
if (state.msgData?.length > 0) {
|
||||
window.setTimeout(() => {
|
||||
msgTableRef.value?.setCurrentRow(state.msgData[0])
|
||||
}, 100)
|
||||
// nextTick(() => {
|
||||
// msgTableRef.value?.setCurrentRow(state.msgData[0])
|
||||
// })
|
||||
}
|
||||
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const onSizeChange = (val: number) => {
|
||||
state.pageInput.currentPage = 1
|
||||
state.pageInput.pageSize = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onCurrentChange = (val: number) => {
|
||||
state.pageInput.currentPage = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onAdd = () => {
|
||||
state.msgFormTitle = '新增配液消息'
|
||||
msgFormRef.value.open({ enabled: true })
|
||||
}
|
||||
|
||||
const onEdit = (row: MsgGetPageOutput) => {
|
||||
state.msgFormTitle = '编辑配液消息'
|
||||
msgFormRef.value.open(row)
|
||||
}
|
||||
|
||||
const onDelete = (row: MsgGetPageOutput) => {
|
||||
proxy.$modal
|
||||
.confirmDelete(`确定要删除消息【${row.title}】?`)
|
||||
.then(async () => {
|
||||
await new MsgApi().delete({ id: row.id }, { loading: true, showSuccessMessage: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onGetMsgUserList = async () => {
|
||||
state.userListLoading = true
|
||||
const res = await new MsgApi().getMsgUserList({ MsgId: state.msgId, Name: state.filter.name }).catch(() => {
|
||||
state.userListLoading = false
|
||||
})
|
||||
state.userListLoading = false
|
||||
if (res?.success) {
|
||||
if (res.data && res.data.length > 0) {
|
||||
state.userListData = res.data
|
||||
} else {
|
||||
state.userListData = []
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const onTableCurrentChange = (currentRow: MsgGetPageOutput) => {
|
||||
if (!currentRow) {
|
||||
return
|
||||
}
|
||||
|
||||
state.msgId = currentRow.id
|
||||
state.msgName = currentRow.title
|
||||
onGetMsgUserList()
|
||||
}
|
||||
|
||||
const onUserRowClick = (row: MsgGetMsgUserListOutput) => {
|
||||
userTableRef.value!.toggleRowSelection(row, undefined)
|
||||
}
|
||||
|
||||
const onAddUser = () => {
|
||||
if (!((state.msgId as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择消息')
|
||||
return
|
||||
}
|
||||
userSelectRef.value.open({ msgId: state.msgId })
|
||||
}
|
||||
|
||||
const onRemoveUser = () => {
|
||||
if (!((state.msgId as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择消息')
|
||||
return
|
||||
}
|
||||
|
||||
const selectionRows = userTableRef.value!.getSelectionRows() as UserGetPageOutput[]
|
||||
|
||||
if (!((selectionRows.length as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择员工')
|
||||
return
|
||||
}
|
||||
|
||||
proxy.$modal
|
||||
.confirm(`确定要移除吗?`)
|
||||
.then(async () => {
|
||||
const userIds = selectionRows?.map((a) => a.id)
|
||||
const input = { msgId: state.msgId, userIds } as MsgAddMsgUserListInput
|
||||
await new MsgApi().removeMsgUser(input, { loading: true })
|
||||
onGetMsgUserList()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onSureUser = async (users: UserGetPageOutput[]) => {
|
||||
if (!(users?.length > 0)) {
|
||||
userSelectRef.value.close()
|
||||
return
|
||||
}
|
||||
|
||||
state.sureLoading = true
|
||||
const userIds = users?.map((a) => a.id)
|
||||
const input = { msgId: state.msgId, userIds } as MsgAddMsgUserListInput
|
||||
await new MsgApi().addMsgUser(input, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
state.sureLoading = false
|
||||
userSelectRef.value.close()
|
||||
onGetMsgUserList()
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@ -1,253 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="title"
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="830px"
|
||||
>
|
||||
<el-form :model="form" ref="formRef" label-width="auto">
|
||||
<el-row :gutter="35">
|
||||
<!-- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="分类" prop="typeId" :rules="[{ required: true, message: '请选择分类', trigger: ['change'] }]" hidden>
|
||||
<el-tree-select
|
||||
v-model="form.typeId"
|
||||
placeholder="请选择分类"
|
||||
:data="state.msgTypeTreeData"
|
||||
node-key="id"
|
||||
:props="{ label: 'name' }"
|
||||
default-expand-all
|
||||
fit-input-width
|
||||
clearable
|
||||
filterable
|
||||
class="w100"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="标题" prop="title" :rules="[{ required: true, message: '请输入标题', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.title" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item
|
||||
label="内容"
|
||||
prop="content"
|
||||
:rules="[
|
||||
{ required: true, message: '请输入内容', trigger: ['blur', 'change'] },
|
||||
{ validator: testEditorContent, trigger: ['blur', 'change'] },
|
||||
]"
|
||||
>
|
||||
<MyEditor ref="editorRef" v-model:model-value="form.content" @onBlur="onValidateContent" @onChange="onValidateContent"></MyEditor>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="状态" prop="status" :rules="[{ required: true, message: '请选择状态', trigger: ['change'] }]">
|
||||
<el-select v-model="form.status" placeholder="请选择状态" class="w100" @change="onStatusChange">
|
||||
<el-option v-for="item in state.msgStatusList" :key="item.label" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" v-if="isScheduledStatus">
|
||||
<el-form-item
|
||||
label="发布时间"
|
||||
prop="publishTime"
|
||||
:rules="[{
|
||||
required: isScheduledStatus,
|
||||
message: '请选择发布时间',
|
||||
trigger: ['change', 'blur']
|
||||
}]"
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="form.publishTime"
|
||||
type="datetime"
|
||||
placeholder="请选择发布时间"
|
||||
format="YYYY-MM-DD HH:mm:ss"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
:disabled-date="disabledDate"
|
||||
class="w100"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/msg/form">
|
||||
import { reactive, toRefs, ref, defineAsyncComponent, getCurrentInstance, computed } from 'vue'
|
||||
import { MsgUpdateInput, MsgTypeGetListOutput } from '/@/api/admin/data-contracts'
|
||||
import { MsgApi } from '/@/api/admin/Msg'
|
||||
import { cloneDeep } from 'lodash-es'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { MsgTypeApi } from '/@/api/admin/MsgType'
|
||||
import { listToTree } from '/@/utils/tree'
|
||||
import { MsgStatusEnum } from '/@/api/admin/enum-contracts'
|
||||
import { toOptionsByValue } from '/@/utils/enum'
|
||||
|
||||
const MyEditor = defineAsyncComponent(() => import('/@/components/my-editor/index.vue'))
|
||||
|
||||
// 扩展 MsgUpdateInput 接口以包含定时发布时间
|
||||
interface ExtendedMsgUpdateInput extends MsgUpdateInput {
|
||||
publishTime?: string
|
||||
}
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
|
||||
const formRef = ref()
|
||||
const editorRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
form: { content: '' } as ExtendedMsgUpdateInput,
|
||||
msgTypeTreeData: [] as MsgTypeGetListOutput[],
|
||||
v: null,
|
||||
msgStatusList: toOptionsByValue(MsgStatusEnum),
|
||||
})
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const { form } = toRefs(state)
|
||||
|
||||
// 判断是否为定时发布状态
|
||||
const isScheduledStatus = computed(() => {
|
||||
return state.form.status === 3 // 3 对应 Scheduled 定时发布状态
|
||||
})
|
||||
|
||||
const testEditorContent = (rule: any, value: any, callback: any) => {
|
||||
if (!value) {
|
||||
callback()
|
||||
}
|
||||
if (editorRef.value.isEmpty()) {
|
||||
callback(new Error('请输入内容'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
|
||||
const onValidateContent = () => {
|
||||
formRef.value.validateField('content')
|
||||
}
|
||||
|
||||
const getMsgTypes = async () => {
|
||||
const res = await new MsgTypeApi().getList().catch(() => {
|
||||
state.msgTypeTreeData = []
|
||||
})
|
||||
if (res?.success && res.data && res.data.length > 0) {
|
||||
state.msgTypeTreeData = listToTree(res.data)
|
||||
} else {
|
||||
state.msgTypeTreeData = []
|
||||
}
|
||||
}
|
||||
|
||||
// 状态变化处理
|
||||
const onStatusChange = (value: number) => {
|
||||
if (value !== 3) { // 3 对应定时发布状态
|
||||
state.form.publishTime = undefined
|
||||
// 清除发布时间的验证错误
|
||||
formRef.value?.clearValidate('publishTime')
|
||||
}
|
||||
}
|
||||
|
||||
// 禁用过去日期
|
||||
const disabledDate = (time: Date) => {
|
||||
return time.getTime() < Date.now() - 86400000 // 不能选择今天之前的日期
|
||||
}
|
||||
|
||||
// 打开对话框
|
||||
const open = async (row: ExtendedMsgUpdateInput = { id: 0 }) => {
|
||||
proxy.$modal.loading()
|
||||
|
||||
await getMsgTypes()
|
||||
|
||||
let formData = cloneDeep(row) as ExtendedMsgUpdateInput
|
||||
if (row.id > 0) {
|
||||
const res = await new MsgApi().get({ id: row.id }).catch(() => {
|
||||
proxy.$modal.closeLoading()
|
||||
})
|
||||
|
||||
if (res?.success) {
|
||||
formData = res.data as ExtendedMsgUpdateInput
|
||||
formData.typeId = formData.typeId && formData.typeId > 0 ? formData.typeId : undefined
|
||||
}
|
||||
}
|
||||
|
||||
state.form = formData
|
||||
state.form.typeId = 690213714493509
|
||||
|
||||
proxy.$modal.closeLoading()
|
||||
state.showDialog = true
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
// 定时发布验证
|
||||
if (isScheduledStatus.value) {
|
||||
if (!state.form.publishTime) {
|
||||
proxy.$message.error('选择定时发布时必须选择发布时间')
|
||||
return
|
||||
}
|
||||
|
||||
const publishTime = new Date(state.form.publishTime)
|
||||
const now = new Date()
|
||||
if (publishTime <= now) {
|
||||
proxy.$message.error('发布时间必须晚于当前时间')
|
||||
return
|
||||
}
|
||||
} else {
|
||||
// 如果不是定时发布状态，清除发布时间
|
||||
state.form.publishTime = undefined
|
||||
}
|
||||
|
||||
state.sureLoading = true
|
||||
let res = {} as any
|
||||
if (state.form.id != undefined && state.form.id > 0) {
|
||||
res = await new MsgApi().update(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
} else {
|
||||
res = await new MsgApi().add(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
}
|
||||
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
eventBus.emit('refreshMsg')
|
||||
state.showDialog = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@ -1,319 +0,0 @@
|
||||
<template>
|
||||
<MySplitPanes>
|
||||
<pane size="55" min-size="35" max-size="65">
|
||||
<div class="my-flex-column w100 h100">
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :inline="true" @submit.stop.prevent>
|
||||
<el-form-item label="标题">
|
||||
<el-input v-model="state.filter.msgName" placeholder="标题" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:msg:add'" type="primary" icon="ele-Plus" @click="onAdd"> 新增 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table
|
||||
ref="msgTableRef"
|
||||
v-loading="state.loading"
|
||||
:data="state.msgData"
|
||||
default-expand-all
|
||||
highlight-current-row
|
||||
style="width: 100%"
|
||||
@current-change="onTableCurrentChange"
|
||||
border
|
||||
>
|
||||
<el-table-column prop="title" label="标题" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="typeName" label="消息分类" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="status" label="状态" min-width="90" show-overflow-tooltip :formatter="formatterMsgStatusEnum" />
|
||||
<el-table-column prop="createdTime" label="创建时间" :formatter="formatterTime" min-width="160" show-overflow-tooltip />
|
||||
<el-table-column label="操作" width="100" fixed="right" header-align="center" align="center">
|
||||
<template #default="{ row }">
|
||||
<my-dropdown-more v-auths="['api:admin:msg:update', 'api:admin:msg:delete']" style="margin-left: 0px">
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item v-if="auth('api:admin:msg:update')" @click="onEdit(row)">编辑</el-dropdown-item>
|
||||
<el-dropdown-item v-if="auth('api:admin:msg:delete')" @click="onDelete(row)">删除</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</my-dropdown-more>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="my-flex my-flex-end" style="margin-top: 10px">
|
||||
<el-pagination
|
||||
v-model:currentPage="state.pageInput.currentPage"
|
||||
v-model:page-size="state.pageInput.pageSize"
|
||||
:total="state.total"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
background
|
||||
@size-change="onSizeChange"
|
||||
@current-change="onCurrentChange"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</pane>
|
||||
<pane>
|
||||
<div class="my-flex-column w100 h100">
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :inline="true" @submit.stop.prevent>
|
||||
<el-form-item label="姓名">
|
||||
<el-input v-model="state.filter.name" placeholder="姓名" @keyup.enter="onGetMsgUserList" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onGetMsgUserList"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:msg:add-msg-user'" type="primary" icon="ele-Plus" @click="onAddUser"> 添加 </el-button>
|
||||
<el-button v-auth="'api:admin:msg:remove-msg-user'" type="danger" icon="ele-Delete" @click="onRemoveUser"> 移除 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table
|
||||
ref="userTableRef"
|
||||
v-loading="state.userListLoading"
|
||||
:data="state.userListData"
|
||||
row-key="id"
|
||||
style="width: 100%"
|
||||
@row-click="onUserRowClick"
|
||||
border
|
||||
>
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column prop="name" label="姓名" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column label="是否已读" width="100" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag type="success" v-if="row.isRead">已读</el-tag>
|
||||
<el-tag type="info" v-else>未读</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="readTime" label="已读时间" :formatter="formatterTime" min-width="160" show-overflow-tooltip />
|
||||
<!-- <el-table-column prop="mobile" label="手机号" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="email" label="邮箱" min-width="180" show-overflow-tooltip /> -->
|
||||
</el-table>
|
||||
</el-card>
|
||||
</div>
|
||||
</pane>
|
||||
|
||||
<msg-form ref="msgFormRef" :title="state.msgFormTitle"></msg-form>
|
||||
<user-select
|
||||
ref="userSelectRef"
|
||||
:title="`添加【${state.msgName}】员工`"
|
||||
multiple
|
||||
:sure-loading="state.sureLoading"
|
||||
@sure="onSureUser"
|
||||
></user-select>
|
||||
</MySplitPanes>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/msg">
|
||||
import { ref, reactive, onMounted, getCurrentInstance, onBeforeMount, defineAsyncComponent } from 'vue'
|
||||
import {
|
||||
PageInputMsgGetPageInput,
|
||||
MsgGetMsgUserListOutput,
|
||||
UserGetPageOutput,
|
||||
MsgAddMsgUserListInput,
|
||||
MsgGetPageOutput,
|
||||
} from '/@/api/admin/data-contracts'
|
||||
import { MsgApi } from '/@/api/admin/Msg'
|
||||
import { ElTable } from 'element-plus'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { auth } from '/@/utils/authFunction'
|
||||
import { Pane } from 'splitpanes'
|
||||
import dayjs from 'dayjs'
|
||||
import { MsgStatusEnum } from '/@/api/admin/enum-contracts'
|
||||
import { getDescByValue } from '/@/utils/enum'
|
||||
|
||||
// 引入组件
|
||||
const MsgForm = defineAsyncComponent(() => import('./components/msg-form.vue'))
|
||||
const UserSelect = defineAsyncComponent(() => import('/@/views/admin/user/components/user-select.vue'))
|
||||
const MySplitPanes = defineAsyncComponent(() => import('/@/components/my-layout/split-panes.vue'))
|
||||
const MyDropdownMore = defineAsyncComponent(() => import('/@/components/my-dropdown-more/index.vue'))
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const msgTableRef = ref()
|
||||
const msgFormRef = ref()
|
||||
const userTableRef = ref<InstanceType<typeof ElTable>>()
|
||||
const userSelectRef = ref()
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
userListLoading: false,
|
||||
sureLoading: false,
|
||||
msgFormTitle: '',
|
||||
filter: {
|
||||
name: '',
|
||||
msgName: '',
|
||||
},
|
||||
total: 0,
|
||||
pageInput: {
|
||||
currentPage: 1,
|
||||
pageSize: 20,
|
||||
filter: {
|
||||
title: '',
|
||||
msgTypeValue: 690213714493509,
|
||||
},
|
||||
} as PageInputMsgGetPageInput,
|
||||
msgData: [] as any,
|
||||
userListData: [] as MsgGetMsgUserListOutput[],
|
||||
msgId: undefined as number | undefined,
|
||||
msgName: '' as string | null | undefined,
|
||||
})
|
||||
|
||||
onMounted(async () => {
|
||||
onQuery()
|
||||
eventBus.off('refreshMsg')
|
||||
eventBus.on('refreshMsg', () => {
|
||||
onQuery()
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeMount(() => {
|
||||
eventBus.off('refreshMsg')
|
||||
})
|
||||
|
||||
const formatterMsgStatusEnum = (row: any, column: any, cellValue: any) => {
|
||||
return getDescByValue(MsgStatusEnum, cellValue)
|
||||
}
|
||||
|
||||
const formatterTime = (row: any, column: any, cellValue: any) => {
|
||||
return cellValue ? dayjs(cellValue).format('YYYY-MM-DD HH:mm:ss') : ''
|
||||
}
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
if (state.pageInput.filter) state.pageInput.filter.title = state.filter.msgName
|
||||
const res = await new MsgApi().getPage(state.pageInput).catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
|
||||
state.msgData = res?.data?.list ?? []
|
||||
state.total = res?.data?.total ?? 0
|
||||
|
||||
if (state.msgData?.length > 0) {
|
||||
window.setTimeout(() => {
|
||||
msgTableRef.value?.setCurrentRow(state.msgData[0])
|
||||
}, 100)
|
||||
// nextTick(() => {
|
||||
// msgTableRef.value?.setCurrentRow(state.msgData[0])
|
||||
// })
|
||||
}
|
||||
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const onSizeChange = (val: number) => {
|
||||
state.pageInput.currentPage = 1
|
||||
state.pageInput.pageSize = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onCurrentChange = (val: number) => {
|
||||
state.pageInput.currentPage = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onAdd = () => {
|
||||
state.msgFormTitle = '新增物料消息'
|
||||
msgFormRef.value.open({ enabled: true })
|
||||
}
|
||||
|
||||
const onEdit = (row: MsgGetPageOutput) => {
|
||||
state.msgFormTitle = '编辑物料消息'
|
||||
msgFormRef.value.open(row)
|
||||
}
|
||||
|
||||
const onDelete = (row: MsgGetPageOutput) => {
|
||||
proxy.$modal
|
||||
.confirmDelete(`确定要删除消息【${row.title}】?`)
|
||||
.then(async () => {
|
||||
await new MsgApi().delete({ id: row.id }, { loading: true, showSuccessMessage: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onGetMsgUserList = async () => {
|
||||
state.userListLoading = true
|
||||
const res = await new MsgApi().getMsgUserList({ MsgId: state.msgId, Name: state.filter.name }).catch(() => {
|
||||
state.userListLoading = false
|
||||
})
|
||||
state.userListLoading = false
|
||||
if (res?.success) {
|
||||
if (res.data && res.data.length > 0) {
|
||||
state.userListData = res.data
|
||||
} else {
|
||||
state.userListData = []
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const onTableCurrentChange = (currentRow: MsgGetPageOutput) => {
|
||||
if (!currentRow) {
|
||||
return
|
||||
}
|
||||
|
||||
state.msgId = currentRow.id
|
||||
state.msgName = currentRow.title
|
||||
onGetMsgUserList()
|
||||
}
|
||||
|
||||
const onUserRowClick = (row: MsgGetMsgUserListOutput) => {
|
||||
userTableRef.value!.toggleRowSelection(row, undefined)
|
||||
}
|
||||
|
||||
const onAddUser = () => {
|
||||
if (!((state.msgId as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择消息')
|
||||
return
|
||||
}
|
||||
userSelectRef.value.open({ msgId: state.msgId })
|
||||
}
|
||||
|
||||
const onRemoveUser = () => {
|
||||
if (!((state.msgId as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择消息')
|
||||
return
|
||||
}
|
||||
|
||||
const selectionRows = userTableRef.value!.getSelectionRows() as UserGetPageOutput[]
|
||||
|
||||
if (!((selectionRows.length as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择员工')
|
||||
return
|
||||
}
|
||||
|
||||
proxy.$modal
|
||||
.confirm(`确定要移除吗?`)
|
||||
.then(async () => {
|
||||
const userIds = selectionRows?.map((a) => a.id)
|
||||
const input = { msgId: state.msgId, userIds } as MsgAddMsgUserListInput
|
||||
await new MsgApi().removeMsgUser(input, { loading: true })
|
||||
onGetMsgUserList()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onSureUser = async (users: UserGetPageOutput[]) => {
|
||||
if (!(users?.length > 0)) {
|
||||
userSelectRef.value.close()
|
||||
return
|
||||
}
|
||||
|
||||
state.sureLoading = true
|
||||
const userIds = users?.map((a) => a.id)
|
||||
const input = { msgId: state.msgId, userIds } as MsgAddMsgUserListInput
|
||||
await new MsgApi().addMsgUser(input, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
state.sureLoading = false
|
||||
userSelectRef.value.close()
|
||||
onGetMsgUserList()
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@ -1,253 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="title"
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="830px"
|
||||
>
|
||||
<el-form :model="form" ref="formRef" label-width="auto">
|
||||
<el-row :gutter="35">
|
||||
<!-- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="分类" prop="typeId" :rules="[{ required: true, message: '请选择分类', trigger: ['change'] }]" hidden>
|
||||
<el-tree-select
|
||||
v-model="form.typeId"
|
||||
placeholder="请选择分类"
|
||||
:data="state.msgTypeTreeData"
|
||||
node-key="id"
|
||||
:props="{ label: 'name' }"
|
||||
default-expand-all
|
||||
fit-input-width
|
||||
clearable
|
||||
filterable
|
||||
class="w100"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="标题" prop="title" :rules="[{ required: true, message: '请输入标题', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.title" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item
|
||||
label="内容"
|
||||
prop="content"
|
||||
:rules="[
|
||||
{ required: true, message: '请输入内容', trigger: ['blur', 'change'] },
|
||||
{ validator: testEditorContent, trigger: ['blur', 'change'] },
|
||||
]"
|
||||
>
|
||||
<MyEditor ref="editorRef" v-model:model-value="form.content" @onBlur="onValidateContent" @onChange="onValidateContent"></MyEditor>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="状态" prop="status" :rules="[{ required: true, message: '请选择状态', trigger: ['change'] }]">
|
||||
<el-select v-model="form.status" placeholder="请选择状态" class="w100" @change="onStatusChange">
|
||||
<el-option v-for="item in state.msgStatusList" :key="item.label" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" v-if="isScheduledStatus">
|
||||
<el-form-item
|
||||
label="发布时间"
|
||||
prop="publishTime"
|
||||
:rules="[{
|
||||
required: isScheduledStatus,
|
||||
message: '请选择发布时间',
|
||||
trigger: ['change', 'blur']
|
||||
}]"
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="form.publishTime"
|
||||
type="datetime"
|
||||
placeholder="请选择发布时间"
|
||||
format="YYYY-MM-DD HH:mm:ss"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
:disabled-date="disabledDate"
|
||||
class="w100"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/msg/form">
|
||||
import { reactive, toRefs, ref, defineAsyncComponent, getCurrentInstance, computed } from 'vue'
|
||||
import { MsgUpdateInput, MsgTypeGetListOutput } from '/@/api/admin/data-contracts'
|
||||
import { MsgApi } from '/@/api/admin/Msg'
|
||||
import { cloneDeep } from 'lodash-es'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { MsgTypeApi } from '/@/api/admin/MsgType'
|
||||
import { listToTree } from '/@/utils/tree'
|
||||
import { MsgStatusEnum } from '/@/api/admin/enum-contracts'
|
||||
import { toOptionsByValue } from '/@/utils/enum'
|
||||
|
||||
const MyEditor = defineAsyncComponent(() => import('/@/components/my-editor/index.vue'))
|
||||
|
||||
// 扩展 MsgUpdateInput 接口以包含定时发布时间
|
||||
interface ExtendedMsgUpdateInput extends MsgUpdateInput {
|
||||
publishTime?: string
|
||||
}
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
|
||||
const formRef = ref()
|
||||
const editorRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
form: { content: '' } as ExtendedMsgUpdateInput,
|
||||
msgTypeTreeData: [] as MsgTypeGetListOutput[],
|
||||
v: null,
|
||||
msgStatusList: toOptionsByValue(MsgStatusEnum),
|
||||
})
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const { form } = toRefs(state)
|
||||
|
||||
// 判断是否为定时发布状态
|
||||
const isScheduledStatus = computed(() => {
|
||||
return state.form.status === 3 // 3 对应 Scheduled 定时发布状态
|
||||
})
|
||||
|
||||
const testEditorContent = (rule: any, value: any, callback: any) => {
|
||||
if (!value) {
|
||||
callback()
|
||||
}
|
||||
if (editorRef.value.isEmpty()) {
|
||||
callback(new Error('请输入内容'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
|
||||
const onValidateContent = () => {
|
||||
formRef.value.validateField('content')
|
||||
}
|
||||
|
||||
const getMsgTypes = async () => {
|
||||
const res = await new MsgTypeApi().getList().catch(() => {
|
||||
state.msgTypeTreeData = []
|
||||
})
|
||||
if (res?.success && res.data && res.data.length > 0) {
|
||||
state.msgTypeTreeData = listToTree(res.data)
|
||||
} else {
|
||||
state.msgTypeTreeData = []
|
||||
}
|
||||
}
|
||||
|
||||
// 状态变化处理
|
||||
const onStatusChange = (value: number) => {
|
||||
if (value !== 3) { // 3 对应定时发布状态
|
||||
state.form.publishTime = undefined
|
||||
// 清除发布时间的验证错误
|
||||
formRef.value?.clearValidate('publishTime')
|
||||
}
|
||||
}
|
||||
|
||||
// 禁用过去日期
|
||||
const disabledDate = (time: Date) => {
|
||||
return time.getTime() < Date.now() - 86400000 // 不能选择今天之前的日期
|
||||
}
|
||||
|
||||
// 打开对话框
|
||||
const open = async (row: ExtendedMsgUpdateInput = { id: 0 }) => {
|
||||
proxy.$modal.loading()
|
||||
|
||||
await getMsgTypes()
|
||||
|
||||
let formData = cloneDeep(row) as ExtendedMsgUpdateInput
|
||||
if (row.id > 0) {
|
||||
const res = await new MsgApi().get({ id: row.id }).catch(() => {
|
||||
proxy.$modal.closeLoading()
|
||||
})
|
||||
|
||||
if (res?.success) {
|
||||
formData = res.data as ExtendedMsgUpdateInput
|
||||
formData.typeId = formData.typeId && formData.typeId > 0 ? formData.typeId : undefined
|
||||
}
|
||||
}
|
||||
|
||||
state.form = formData
|
||||
state.form.typeId = 690214203293765
|
||||
|
||||
proxy.$modal.closeLoading()
|
||||
state.showDialog = true
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
// 定时发布验证
|
||||
if (isScheduledStatus.value) {
|
||||
if (!state.form.publishTime) {
|
||||
proxy.$message.error('选择定时发布时必须选择发布时间')
|
||||
return
|
||||
}
|
||||
|
||||
const publishTime = new Date(state.form.publishTime)
|
||||
const now = new Date()
|
||||
if (publishTime <= now) {
|
||||
proxy.$message.error('发布时间必须晚于当前时间')
|
||||
return
|
||||
}
|
||||
} else {
|
||||
// 如果不是定时发布状态，清除发布时间
|
||||
state.form.publishTime = undefined
|
||||
}
|
||||
|
||||
state.sureLoading = true
|
||||
let res = {} as any
|
||||
if (state.form.id != undefined && state.form.id > 0) {
|
||||
res = await new MsgApi().update(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
} else {
|
||||
res = await new MsgApi().add(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
}
|
||||
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
eventBus.emit('refreshMsg')
|
||||
state.showDialog = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@ -1,319 +0,0 @@
|
||||
<template>
|
||||
<MySplitPanes>
|
||||
<pane size="55" min-size="35" max-size="65">
|
||||
<div class="my-flex-column w100 h100">
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :inline="true" @submit.stop.prevent>
|
||||
<el-form-item label="标题">
|
||||
<el-input v-model="state.filter.msgName" placeholder="标题" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:msg:add'" type="primary" icon="ele-Plus" @click="onAdd"> 新增 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table
|
||||
ref="msgTableRef"
|
||||
v-loading="state.loading"
|
||||
:data="state.msgData"
|
||||
default-expand-all
|
||||
highlight-current-row
|
||||
style="width: 100%"
|
||||
@current-change="onTableCurrentChange"
|
||||
border
|
||||
>
|
||||
<el-table-column prop="title" label="标题" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="typeName" label="消息分类" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="status" label="状态" min-width="90" show-overflow-tooltip :formatter="formatterMsgStatusEnum" />
|
||||
<el-table-column prop="createdTime" label="创建时间" :formatter="formatterTime" min-width="160" show-overflow-tooltip />
|
||||
<el-table-column label="操作" width="100" fixed="right" header-align="center" align="center">
|
||||
<template #default="{ row }">
|
||||
<my-dropdown-more v-auths="['api:admin:msg:update', 'api:admin:msg:delete']" style="margin-left: 0px">
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item v-if="auth('api:admin:msg:update')" @click="onEdit(row)">编辑</el-dropdown-item>
|
||||
<el-dropdown-item v-if="auth('api:admin:msg:delete')" @click="onDelete(row)">删除</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</my-dropdown-more>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="my-flex my-flex-end" style="margin-top: 10px">
|
||||
<el-pagination
|
||||
v-model:currentPage="state.pageInput.currentPage"
|
||||
v-model:page-size="state.pageInput.pageSize"
|
||||
:total="state.total"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
background
|
||||
@size-change="onSizeChange"
|
||||
@current-change="onCurrentChange"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</pane>
|
||||
<pane>
|
||||
<div class="my-flex-column w100 h100">
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :inline="true" @submit.stop.prevent>
|
||||
<el-form-item label="姓名">
|
||||
<el-input v-model="state.filter.name" placeholder="姓名" @keyup.enter="onGetMsgUserList" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onGetMsgUserList"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:msg:add-msg-user'" type="primary" icon="ele-Plus" @click="onAddUser"> 添加 </el-button>
|
||||
<el-button v-auth="'api:admin:msg:remove-msg-user'" type="danger" icon="ele-Delete" @click="onRemoveUser"> 移除 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table
|
||||
ref="userTableRef"
|
||||
v-loading="state.userListLoading"
|
||||
:data="state.userListData"
|
||||
row-key="id"
|
||||
style="width: 100%"
|
||||
@row-click="onUserRowClick"
|
||||
border
|
||||
>
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column prop="name" label="姓名" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column label="是否已读" width="100" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag type="success" v-if="row.isRead">已读</el-tag>
|
||||
<el-tag type="info" v-else>未读</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="readTime" label="已读时间" :formatter="formatterTime" min-width="160" show-overflow-tooltip />
|
||||
<!-- <el-table-column prop="mobile" label="手机号" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="email" label="邮箱" min-width="180" show-overflow-tooltip /> -->
|
||||
</el-table>
|
||||
</el-card>
|
||||
</div>
|
||||
</pane>
|
||||
|
||||
<msg-form ref="msgFormRef" :title="state.msgFormTitle"></msg-form>
|
||||
<user-select
|
||||
ref="userSelectRef"
|
||||
:title="`添加【${state.msgName}】员工`"
|
||||
multiple
|
||||
:sure-loading="state.sureLoading"
|
||||
@sure="onSureUser"
|
||||
></user-select>
|
||||
</MySplitPanes>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/msg">
|
||||
import { ref, reactive, onMounted, getCurrentInstance, onBeforeMount, defineAsyncComponent } from 'vue'
|
||||
import {
|
||||
PageInputMsgGetPageInput,
|
||||
MsgGetMsgUserListOutput,
|
||||
UserGetPageOutput,
|
||||
MsgAddMsgUserListInput,
|
||||
MsgGetPageOutput,
|
||||
} from '/@/api/admin/data-contracts'
|
||||
import { MsgApi } from '/@/api/admin/Msg'
|
||||
import { ElTable } from 'element-plus'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { auth } from '/@/utils/authFunction'
|
||||
import { Pane } from 'splitpanes'
|
||||
import dayjs from 'dayjs'
|
||||
import { MsgStatusEnum } from '/@/api/admin/enum-contracts'
|
||||
import { getDescByValue } from '/@/utils/enum'
|
||||
|
||||
// 引入组件
|
||||
const MsgForm = defineAsyncComponent(() => import('./components/msg-form.vue'))
|
||||
const UserSelect = defineAsyncComponent(() => import('/@/views/admin/user/components/user-select.vue'))
|
||||
const MySplitPanes = defineAsyncComponent(() => import('/@/components/my-layout/split-panes.vue'))
|
||||
const MyDropdownMore = defineAsyncComponent(() => import('/@/components/my-dropdown-more/index.vue'))
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const msgTableRef = ref()
|
||||
const msgFormRef = ref()
|
||||
const userTableRef = ref<InstanceType<typeof ElTable>>()
|
||||
const userSelectRef = ref()
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
userListLoading: false,
|
||||
sureLoading: false,
|
||||
msgFormTitle: '',
|
||||
filter: {
|
||||
name: '',
|
||||
msgName: '',
|
||||
},
|
||||
total: 0,
|
||||
pageInput: {
|
||||
currentPage: 1,
|
||||
pageSize: 20,
|
||||
filter: {
|
||||
title: '',
|
||||
msgTypeValue: 690214203293765,
|
||||
},
|
||||
} as PageInputMsgGetPageInput,
|
||||
msgData: [] as any,
|
||||
userListData: [] as MsgGetMsgUserListOutput[],
|
||||
msgId: undefined as number | undefined,
|
||||
msgName: '' as string | null | undefined,
|
||||
})
|
||||
|
||||
onMounted(async () => {
|
||||
onQuery()
|
||||
eventBus.off('refreshMsg')
|
||||
eventBus.on('refreshMsg', () => {
|
||||
onQuery()
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeMount(() => {
|
||||
eventBus.off('refreshMsg')
|
||||
})
|
||||
|
||||
const formatterMsgStatusEnum = (row: any, column: any, cellValue: any) => {
|
||||
return getDescByValue(MsgStatusEnum, cellValue)
|
||||
}
|
||||
|
||||
const formatterTime = (row: any, column: any, cellValue: any) => {
|
||||
return cellValue ? dayjs(cellValue).format('YYYY-MM-DD HH:mm:ss') : ''
|
||||
}
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
if (state.pageInput.filter) state.pageInput.filter.title = state.filter.msgName
|
||||
const res = await new MsgApi().getPage(state.pageInput).catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
|
||||
state.msgData = res?.data?.list ?? []
|
||||
state.total = res?.data?.total ?? 0
|
||||
|
||||
if (state.msgData?.length > 0) {
|
||||
window.setTimeout(() => {
|
||||
msgTableRef.value?.setCurrentRow(state.msgData[0])
|
||||
}, 100)
|
||||
// nextTick(() => {
|
||||
// msgTableRef.value?.setCurrentRow(state.msgData[0])
|
||||
// })
|
||||
}
|
||||
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const onSizeChange = (val: number) => {
|
||||
state.pageInput.currentPage = 1
|
||||
state.pageInput.pageSize = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onCurrentChange = (val: number) => {
|
||||
state.pageInput.currentPage = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onAdd = () => {
|
||||
state.msgFormTitle = '新增工艺消息'
|
||||
msgFormRef.value.open({ enabled: true })
|
||||
}
|
||||
|
||||
const onEdit = (row: MsgGetPageOutput) => {
|
||||
state.msgFormTitle = '编辑工艺消息'
|
||||
msgFormRef.value.open(row)
|
||||
}
|
||||
|
||||
const onDelete = (row: MsgGetPageOutput) => {
|
||||
proxy.$modal
|
||||
.confirmDelete(`确定要删除消息【${row.title}】?`)
|
||||
.then(async () => {
|
||||
await new MsgApi().delete({ id: row.id }, { loading: true, showSuccessMessage: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onGetMsgUserList = async () => {
|
||||
state.userListLoading = true
|
||||
const res = await new MsgApi().getMsgUserList({ MsgId: state.msgId, Name: state.filter.name }).catch(() => {
|
||||
state.userListLoading = false
|
||||
})
|
||||
state.userListLoading = false
|
||||
if (res?.success) {
|
||||
if (res.data && res.data.length > 0) {
|
||||
state.userListData = res.data
|
||||
} else {
|
||||
state.userListData = []
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const onTableCurrentChange = (currentRow: MsgGetPageOutput) => {
|
||||
if (!currentRow) {
|
||||
return
|
||||
}
|
||||
|
||||
state.msgId = currentRow.id
|
||||
state.msgName = currentRow.title
|
||||
onGetMsgUserList()
|
||||
}
|
||||
|
||||
const onUserRowClick = (row: MsgGetMsgUserListOutput) => {
|
||||
userTableRef.value!.toggleRowSelection(row, undefined)
|
||||
}
|
||||
|
||||
const onAddUser = () => {
|
||||
if (!((state.msgId as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择消息')
|
||||
return
|
||||
}
|
||||
userSelectRef.value.open({ msgId: state.msgId })
|
||||
}
|
||||
|
||||
const onRemoveUser = () => {
|
||||
if (!((state.msgId as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择消息')
|
||||
return
|
||||
}
|
||||
|
||||
const selectionRows = userTableRef.value!.getSelectionRows() as UserGetPageOutput[]
|
||||
|
||||
if (!((selectionRows.length as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择员工')
|
||||
return
|
||||
}
|
||||
|
||||
proxy.$modal
|
||||
.confirm(`确定要移除吗?`)
|
||||
.then(async () => {
|
||||
const userIds = selectionRows?.map((a) => a.id)
|
||||
const input = { msgId: state.msgId, userIds } as MsgAddMsgUserListInput
|
||||
await new MsgApi().removeMsgUser(input, { loading: true })
|
||||
onGetMsgUserList()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onSureUser = async (users: UserGetPageOutput[]) => {
|
||||
if (!(users?.length > 0)) {
|
||||
userSelectRef.value.close()
|
||||
return
|
||||
}
|
||||
|
||||
state.sureLoading = true
|
||||
const userIds = users?.map((a) => a.id)
|
||||
const input = { msgId: state.msgId, userIds } as MsgAddMsgUserListInput
|
||||
await new MsgApi().addMsgUser(input, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
state.sureLoading = false
|
||||
userSelectRef.value.close()
|
||||
onGetMsgUserList()
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@ -1,253 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="title"
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="830px"
|
||||
>
|
||||
<el-form :model="form" ref="formRef" label-width="auto">
|
||||
<el-row :gutter="35">
|
||||
<!-- <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="分类" prop="typeId" :rules="[{ required: true, message: '请选择分类', trigger: ['change'] }]" hidden>
|
||||
<el-tree-select
|
||||
v-model="form.typeId"
|
||||
placeholder="请选择分类"
|
||||
:data="state.msgTypeTreeData"
|
||||
node-key="id"
|
||||
:props="{ label: 'name' }"
|
||||
default-expand-all
|
||||
fit-input-width
|
||||
clearable
|
||||
filterable
|
||||
class="w100"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="标题" prop="title" :rules="[{ required: true, message: '请输入标题', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.title" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item
|
||||
label="内容"
|
||||
prop="content"
|
||||
:rules="[
|
||||
{ required: true, message: '请输入内容', trigger: ['blur', 'change'] },
|
||||
{ validator: testEditorContent, trigger: ['blur', 'change'] },
|
||||
]"
|
||||
>
|
||||
<MyEditor ref="editorRef" v-model:model-value="form.content" @onBlur="onValidateContent" @onChange="onValidateContent"></MyEditor>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="状态" prop="status" :rules="[{ required: true, message: '请选择状态', trigger: ['change'] }]">
|
||||
<el-select v-model="form.status" placeholder="请选择状态" class="w100" @change="onStatusChange">
|
||||
<el-option v-for="item in state.msgStatusList" :key="item.label" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" v-if="isScheduledStatus">
|
||||
<el-form-item
|
||||
label="发布时间"
|
||||
prop="publishTime"
|
||||
:rules="[{
|
||||
required: isScheduledStatus,
|
||||
message: '请选择发布时间',
|
||||
trigger: ['change', 'blur']
|
||||
}]"
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="form.publishTime"
|
||||
type="datetime"
|
||||
placeholder="请选择发布时间"
|
||||
format="YYYY-MM-DD HH:mm:ss"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
:disabled-date="disabledDate"
|
||||
class="w100"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/msg/form">
|
||||
import { reactive, toRefs, ref, defineAsyncComponent, getCurrentInstance, computed } from 'vue'
|
||||
import { MsgUpdateInput, MsgTypeGetListOutput } from '/@/api/admin/data-contracts'
|
||||
import { MsgApi } from '/@/api/admin/Msg'
|
||||
import { cloneDeep } from 'lodash-es'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { MsgTypeApi } from '/@/api/admin/MsgType'
|
||||
import { listToTree } from '/@/utils/tree'
|
||||
import { MsgStatusEnum } from '/@/api/admin/enum-contracts'
|
||||
import { toOptionsByValue } from '/@/utils/enum'
|
||||
|
||||
const MyEditor = defineAsyncComponent(() => import('/@/components/my-editor/index.vue'))
|
||||
|
||||
// 扩展 MsgUpdateInput 接口以包含定时发布时间
|
||||
interface ExtendedMsgUpdateInput extends MsgUpdateInput {
|
||||
publishTime?: string
|
||||
}
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
|
||||
const formRef = ref()
|
||||
const editorRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
form: { content: '' } as ExtendedMsgUpdateInput,
|
||||
msgTypeTreeData: [] as MsgTypeGetListOutput[],
|
||||
v: null,
|
||||
msgStatusList: toOptionsByValue(MsgStatusEnum),
|
||||
})
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const { form } = toRefs(state)
|
||||
|
||||
// 判断是否为定时发布状态
|
||||
const isScheduledStatus = computed(() => {
|
||||
return state.form.status === 3 // 3 对应 Scheduled 定时发布状态
|
||||
})
|
||||
|
||||
const testEditorContent = (rule: any, value: any, callback: any) => {
|
||||
if (!value) {
|
||||
callback()
|
||||
}
|
||||
if (editorRef.value.isEmpty()) {
|
||||
callback(new Error('请输入内容'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
|
||||
const onValidateContent = () => {
|
||||
formRef.value.validateField('content')
|
||||
}
|
||||
|
||||
const getMsgTypes = async () => {
|
||||
const res = await new MsgTypeApi().getList().catch(() => {
|
||||
state.msgTypeTreeData = []
|
||||
})
|
||||
if (res?.success && res.data && res.data.length > 0) {
|
||||
state.msgTypeTreeData = listToTree(res.data)
|
||||
} else {
|
||||
state.msgTypeTreeData = []
|
||||
}
|
||||
}
|
||||
|
||||
// 状态变化处理
|
||||
const onStatusChange = (value: number) => {
|
||||
if (value !== 3) { // 3 对应定时发布状态
|
||||
state.form.publishTime = undefined
|
||||
// 清除发布时间的验证错误
|
||||
formRef.value?.clearValidate('publishTime')
|
||||
}
|
||||
}
|
||||
|
||||
// 禁用过去日期
|
||||
const disabledDate = (time: Date) => {
|
||||
return time.getTime() < Date.now() - 86400000 // 不能选择今天之前的日期
|
||||
}
|
||||
|
||||
// 打开对话框
|
||||
const open = async (row: ExtendedMsgUpdateInput = { id: 0 }) => {
|
||||
proxy.$modal.loading()
|
||||
|
||||
await getMsgTypes()
|
||||
|
||||
let formData = cloneDeep(row) as ExtendedMsgUpdateInput
|
||||
if (row.id > 0) {
|
||||
const res = await new MsgApi().get({ id: row.id }).catch(() => {
|
||||
proxy.$modal.closeLoading()
|
||||
})
|
||||
|
||||
if (res?.success) {
|
||||
formData = res.data as ExtendedMsgUpdateInput
|
||||
formData.typeId = formData.typeId && formData.typeId > 0 ? formData.typeId : undefined
|
||||
}
|
||||
}
|
||||
|
||||
state.form = formData
|
||||
state.form.typeId = 690214370156613
|
||||
|
||||
proxy.$modal.closeLoading()
|
||||
state.showDialog = true
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
// 定时发布验证
|
||||
if (isScheduledStatus.value) {
|
||||
if (!state.form.publishTime) {
|
||||
proxy.$message.error('选择定时发布时必须选择发布时间')
|
||||
return
|
||||
}
|
||||
|
||||
const publishTime = new Date(state.form.publishTime)
|
||||
const now = new Date()
|
||||
if (publishTime <= now) {
|
||||
proxy.$message.error('发布时间必须晚于当前时间')
|
||||
return
|
||||
}
|
||||
} else {
|
||||
// 如果不是定时发布状态，清除发布时间
|
||||
state.form.publishTime = undefined
|
||||
}
|
||||
|
||||
state.sureLoading = true
|
||||
let res = {} as any
|
||||
if (state.form.id != undefined && state.form.id > 0) {
|
||||
res = await new MsgApi().update(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
} else {
|
||||
res = await new MsgApi().add(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
}
|
||||
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
eventBus.emit('refreshMsg')
|
||||
state.showDialog = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@ -1,319 +0,0 @@
|
||||
<template>
|
||||
<MySplitPanes>
|
||||
<pane size="55" min-size="35" max-size="65">
|
||||
<div class="my-flex-column w100 h100">
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :inline="true" @submit.stop.prevent>
|
||||
<el-form-item label="标题">
|
||||
<el-input v-model="state.filter.msgName" placeholder="标题" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:msg:add'" type="primary" icon="ele-Plus" @click="onAdd"> 新增 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table
|
||||
ref="msgTableRef"
|
||||
v-loading="state.loading"
|
||||
:data="state.msgData"
|
||||
default-expand-all
|
||||
highlight-current-row
|
||||
style="width: 100%"
|
||||
@current-change="onTableCurrentChange"
|
||||
border
|
||||
>
|
||||
<el-table-column prop="title" label="标题" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="typeName" label="消息分类" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="status" label="状态" min-width="90" show-overflow-tooltip :formatter="formatterMsgStatusEnum" />
|
||||
<el-table-column prop="createdTime" label="创建时间" :formatter="formatterTime" min-width="160" show-overflow-tooltip />
|
||||
<el-table-column label="操作" width="100" fixed="right" header-align="center" align="center">
|
||||
<template #default="{ row }">
|
||||
<my-dropdown-more v-auths="['api:admin:msg:update', 'api:admin:msg:delete']" style="margin-left: 0px">
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item v-if="auth('api:admin:msg:update')" @click="onEdit(row)">编辑</el-dropdown-item>
|
||||
<el-dropdown-item v-if="auth('api:admin:msg:delete')" @click="onDelete(row)">删除</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</my-dropdown-more>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="my-flex my-flex-end" style="margin-top: 10px">
|
||||
<el-pagination
|
||||
v-model:currentPage="state.pageInput.currentPage"
|
||||
v-model:page-size="state.pageInput.pageSize"
|
||||
:total="state.total"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
background
|
||||
@size-change="onSizeChange"
|
||||
@current-change="onCurrentChange"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</pane>
|
||||
<pane>
|
||||
<div class="my-flex-column w100 h100">
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :inline="true" @submit.stop.prevent>
|
||||
<el-form-item label="姓名">
|
||||
<el-input v-model="state.filter.name" placeholder="姓名" @keyup.enter="onGetMsgUserList" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onGetMsgUserList"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:msg:add-msg-user'" type="primary" icon="ele-Plus" @click="onAddUser"> 添加 </el-button>
|
||||
<el-button v-auth="'api:admin:msg:remove-msg-user'" type="danger" icon="ele-Delete" @click="onRemoveUser"> 移除 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table
|
||||
ref="userTableRef"
|
||||
v-loading="state.userListLoading"
|
||||
:data="state.userListData"
|
||||
row-key="id"
|
||||
style="width: 100%"
|
||||
@row-click="onUserRowClick"
|
||||
border
|
||||
>
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column prop="name" label="姓名" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column label="是否已读" width="100" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag type="success" v-if="row.isRead">已读</el-tag>
|
||||
<el-tag type="info" v-else>未读</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="readTime" label="已读时间" :formatter="formatterTime" min-width="160" show-overflow-tooltip />
|
||||
<!-- <el-table-column prop="mobile" label="手机号" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="email" label="邮箱" min-width="180" show-overflow-tooltip /> -->
|
||||
</el-table>
|
||||
</el-card>
|
||||
</div>
|
||||
</pane>
|
||||
|
||||
<msg-form ref="msgFormRef" :title="state.msgFormTitle"></msg-form>
|
||||
<user-select
|
||||
ref="userSelectRef"
|
||||
:title="`添加【${state.msgName}】员工`"
|
||||
multiple
|
||||
:sure-loading="state.sureLoading"
|
||||
@sure="onSureUser"
|
||||
></user-select>
|
||||
</MySplitPanes>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/msg">
|
||||
import { ref, reactive, onMounted, getCurrentInstance, onBeforeMount, defineAsyncComponent } from 'vue'
|
||||
import {
|
||||
PageInputMsgGetPageInput,
|
||||
MsgGetMsgUserListOutput,
|
||||
UserGetPageOutput,
|
||||
MsgAddMsgUserListInput,
|
||||
MsgGetPageOutput,
|
||||
} from '/@/api/admin/data-contracts'
|
||||
import { MsgApi } from '/@/api/admin/Msg'
|
||||
import { ElTable } from 'element-plus'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { auth } from '/@/utils/authFunction'
|
||||
import { Pane } from 'splitpanes'
|
||||
import dayjs from 'dayjs'
|
||||
import { MsgStatusEnum } from '/@/api/admin/enum-contracts'
|
||||
import { getDescByValue } from '/@/utils/enum'
|
||||
|
||||
// 引入组件
|
||||
const MsgForm = defineAsyncComponent(() => import('./components/msg-form.vue'))
|
||||
const UserSelect = defineAsyncComponent(() => import('/@/views/admin/user/components/user-select.vue'))
|
||||
const MySplitPanes = defineAsyncComponent(() => import('/@/components/my-layout/split-panes.vue'))
|
||||
const MyDropdownMore = defineAsyncComponent(() => import('/@/components/my-dropdown-more/index.vue'))
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const msgTableRef = ref()
|
||||
const msgFormRef = ref()
|
||||
const userTableRef = ref<InstanceType<typeof ElTable>>()
|
||||
const userSelectRef = ref()
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
userListLoading: false,
|
||||
sureLoading: false,
|
||||
msgFormTitle: '',
|
||||
filter: {
|
||||
name: '',
|
||||
msgName: '',
|
||||
},
|
||||
total: 0,
|
||||
pageInput: {
|
||||
currentPage: 1,
|
||||
pageSize: 20,
|
||||
filter: {
|
||||
title: '',
|
||||
msgTypeValue: 690214305554501,
|
||||
},
|
||||
} as PageInputMsgGetPageInput,
|
||||
msgData: [] as any,
|
||||
userListData: [] as MsgGetMsgUserListOutput[],
|
||||
msgId: undefined as number | undefined,
|
||||
msgName: '' as string | null | undefined,
|
||||
})
|
||||
|
||||
onMounted(async () => {
|
||||
onQuery()
|
||||
eventBus.off('refreshMsg')
|
||||
eventBus.on('refreshMsg', () => {
|
||||
onQuery()
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeMount(() => {
|
||||
eventBus.off('refreshMsg')
|
||||
})
|
||||
|
||||
const formatterMsgStatusEnum = (row: any, column: any, cellValue: any) => {
|
||||
return getDescByValue(MsgStatusEnum, cellValue)
|
||||
}
|
||||
|
||||
const formatterTime = (row: any, column: any, cellValue: any) => {
|
||||
return cellValue ? dayjs(cellValue).format('YYYY-MM-DD HH:mm:ss') : ''
|
||||
}
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
if (state.pageInput.filter) state.pageInput.filter.title = state.filter.msgName
|
||||
const res = await new MsgApi().getPage(state.pageInput).catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
|
||||
state.msgData = res?.data?.list ?? []
|
||||
state.total = res?.data?.total ?? 0
|
||||
|
||||
if (state.msgData?.length > 0) {
|
||||
window.setTimeout(() => {
|
||||
msgTableRef.value?.setCurrentRow(state.msgData[0])
|
||||
}, 100)
|
||||
// nextTick(() => {
|
||||
// msgTableRef.value?.setCurrentRow(state.msgData[0])
|
||||
// })
|
||||
}
|
||||
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const onSizeChange = (val: number) => {
|
||||
state.pageInput.currentPage = 1
|
||||
state.pageInput.pageSize = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onCurrentChange = (val: number) => {
|
||||
state.pageInput.currentPage = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onAdd = () => {
|
||||
state.msgFormTitle = '新增制度消息'
|
||||
msgFormRef.value.open({ enabled: true })
|
||||
}
|
||||
|
||||
const onEdit = (row: MsgGetPageOutput) => {
|
||||
state.msgFormTitle = '编辑制度消息'
|
||||
msgFormRef.value.open(row)
|
||||
}
|
||||
|
||||
const onDelete = (row: MsgGetPageOutput) => {
|
||||
proxy.$modal
|
||||
.confirmDelete(`确定要删除消息【${row.title}】?`)
|
||||
.then(async () => {
|
||||
await new MsgApi().delete({ id: row.id }, { loading: true, showSuccessMessage: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onGetMsgUserList = async () => {
|
||||
state.userListLoading = true
|
||||
const res = await new MsgApi().getMsgUserList({ MsgId: state.msgId, Name: state.filter.name }).catch(() => {
|
||||
state.userListLoading = false
|
||||
})
|
||||
state.userListLoading = false
|
||||
if (res?.success) {
|
||||
if (res.data && res.data.length > 0) {
|
||||
state.userListData = res.data
|
||||
} else {
|
||||
state.userListData = []
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const onTableCurrentChange = (currentRow: MsgGetPageOutput) => {
|
||||
if (!currentRow) {
|
||||
return
|
||||
}
|
||||
|
||||
state.msgId = currentRow.id
|
||||
state.msgName = currentRow.title
|
||||
onGetMsgUserList()
|
||||
}
|
||||
|
||||
const onUserRowClick = (row: MsgGetMsgUserListOutput) => {
|
||||
userTableRef.value!.toggleRowSelection(row, undefined)
|
||||
}
|
||||
|
||||
const onAddUser = () => {
|
||||
if (!((state.msgId as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择消息')
|
||||
return
|
||||
}
|
||||
userSelectRef.value.open({ msgId: state.msgId })
|
||||
}
|
||||
|
||||
const onRemoveUser = () => {
|
||||
if (!((state.msgId as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择消息')
|
||||
return
|
||||
}
|
||||
|
||||
const selectionRows = userTableRef.value!.getSelectionRows() as UserGetPageOutput[]
|
||||
|
||||
if (!((selectionRows.length as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择员工')
|
||||
return
|
||||
}
|
||||
|
||||
proxy.$modal
|
||||
.confirm(`确定要移除吗?`)
|
||||
.then(async () => {
|
||||
const userIds = selectionRows?.map((a) => a.id)
|
||||
const input = { msgId: state.msgId, userIds } as MsgAddMsgUserListInput
|
||||
await new MsgApi().removeMsgUser(input, { loading: true })
|
||||
onGetMsgUserList()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onSureUser = async (users: UserGetPageOutput[]) => {
|
||||
if (!(users?.length > 0)) {
|
||||
userSelectRef.value.close()
|
||||
return
|
||||
}
|
||||
|
||||
state.sureLoading = true
|
||||
const userIds = users?.map((a) => a.id)
|
||||
const input = { msgId: state.msgId, userIds } as MsgAddMsgUserListInput
|
||||
await new MsgApi().addMsgUser(input, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
state.sureLoading = false
|
||||
userSelectRef.value.close()
|
||||
onGetMsgUserList()
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@ -1,188 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="title"
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="600px"
|
||||
>
|
||||
<el-form :model="form" ref="formRef" label-width="110px">
|
||||
<el-row :gutter="35">
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="网站名称" prop="websiteName" :rules="[{ required: true, message: '请输入网站名称', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.websiteName" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="网站地址" prop="websiteUrl" :rules="[{ required: true, message: '请输入网站地址', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.websiteUrl" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="适用Site" prop="applicableSite" :rules="[{ required: true, message: '请选择适用Site', trigger: ['blur', 'change'] }]">
|
||||
<el-select v-model="form.applicableSite" placeholder="请选择适用Site" clearable class="w100">
|
||||
<el-option v-for="item in state.Site" :key="item.code" :label="item.name" :value="item.code" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="一级标题" prop="primaryTitle" :rules="[{ required: true, message: '请选择一级标题', trigger: ['blur', 'change'] }]">
|
||||
<el-select v-model="form.primaryTitle" placeholder="请选择一级标题" clearable class="w100">
|
||||
<el-option v-for="item in state.OnlineWebOne" :key="item.code" :label="item.name" :value="item.code" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="二级标题" prop="secondaryTitle" :rules="[{ required: true, message: '请选择二级标题', trigger: ['blur', 'change'] }]">
|
||||
<el-select v-model="form.secondaryTitle" placeholder="请选择二级标题" clearable class="w100">
|
||||
<el-option v-for="item in state.OnlineWebTwo" :key="item.code" :label="item.name" :value="item.code" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="联系人" prop="contactPerson">
|
||||
<el-input v-model="form.contactPerson" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="教程地址" prop="tutorialUrl">
|
||||
<el-input v-model="form.tutorialUrl" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="功能介绍" prop="functionIntro" :rules="[{ required: true, message: '请输入功能介绍', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.functionIntro" type="textarea" rows="3" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="关键词" prop="keywords" :rules="[{ required: true, message: '请输入关键词', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.keywords" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/online/form">
|
||||
import { reactive, toRefs, ref } from 'vue'
|
||||
import { OnlineUpdateInput, DictGetListOutput } from '/@/api/admin/data-contracts'
|
||||
import { OnlineApi } from '/@/api/admin/Online'
|
||||
import { DictApi } from '/@/api/admin/Dict'
|
||||
import { cloneDeep } from 'lodash-es'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
|
||||
/** 字典分类 */
|
||||
/** 字典分类 */
|
||||
const DictType = {
|
||||
OnlineWebOne: { dictTypeCode: 'OnlineWebOne', desc: '一级标题' },
|
||||
OnlineWebTwo: { dictTypeCode: 'OnlineWebTwo', desc: '二级标题' },
|
||||
Site: { dictTypeCode: 'Site', desc: '适用站点' },
|
||||
}
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
|
||||
const formRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
OnlineWebOne: [] as DictGetListOutput[] | null,
|
||||
OnlineWebTwo: [] as DictGetListOutput[] | null,
|
||||
Site: [] as DictGetListOutput[] | null,
|
||||
|
||||
form: {} as OnlineUpdateInput,
|
||||
})
|
||||
|
||||
const { form } = toRefs(state)
|
||||
|
||||
// 获取字典数据
|
||||
const getDictList = async () => {
|
||||
const res = await new DictApi().getList([DictType.OnlineWebOne.dictTypeCode, DictType.OnlineWebTwo.dictTypeCode, DictType.Site.dictTypeCode]).catch(() => {})
|
||||
if (res?.success && res.data) {
|
||||
state.OnlineWebOne = res.data.onlineWebOne
|
||||
state.OnlineWebTwo = res.data.onlineWebTwo
|
||||
state.Site = res.data.site
|
||||
}
|
||||
|
||||
console.log("🔍 ~ getDictList() callback ~ src/views/admin/online/index.vue:221 ~ getDictList():", state.OnlineWebOne, state.OnlineWebTwo, state.Site)
|
||||
}
|
||||
|
||||
// 打开对话框
|
||||
const open = async (row: Partial<OnlineUpdateInput> = { id: 0 }) => {
|
||||
await getDictList()
|
||||
let formData = cloneDeep(row) as OnlineUpdateInput
|
||||
if (row.id && row.id > 0) {
|
||||
const res = await new OnlineApi().get({ id: row.id })
|
||||
|
||||
if (res?.success) {
|
||||
formData = res.data as OnlineUpdateInput
|
||||
}
|
||||
} else {
|
||||
formData = {
|
||||
id: 0,
|
||||
websiteName: '',
|
||||
primaryTitle: '',
|
||||
secondaryTitle: '',
|
||||
contactPerson: '',
|
||||
tutorialUrl: '',
|
||||
applicableSite: '',
|
||||
functionIntro: '',
|
||||
keywords: '',
|
||||
websiteUrl: '',
|
||||
}
|
||||
}
|
||||
|
||||
state.form = formData
|
||||
state.showDialog = true
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
state.sureLoading = true
|
||||
let res = {} as any
|
||||
if (state.form.id != undefined && state.form.id > 0) {
|
||||
res = await new OnlineApi().update(state.form).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
} else {
|
||||
res = await new OnlineApi().add(state.form).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
}
|
||||
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success === true) {
|
||||
eventBus.emit('refreshOnline')
|
||||
state.showDialog = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
@ -1,215 +0,0 @@
|
||||
<template>
|
||||
<my-layout>
|
||||
<div class="my-query-box mt8" style="position: relative">
|
||||
<el-card shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :inline="true" label-width="auto" :label-position="'left'" @submit.stop.prevent>
|
||||
<el-form-item label="关键词">
|
||||
<el-input v-model="state.filter.websiteName" placeholder="请输入网站名称、功能简介、关键词、网址" style="width: 350px" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="一级标题">
|
||||
<el-select v-model="state.filter.primaryTitle" placeholder="请选择一级标题" clearable style="width: 150px" @change="onQuery">
|
||||
<el-option v-for="item in state.OnlineWebOne" :key="item.code" :label="item.name" :value="item.code" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="二级标题">
|
||||
<el-select v-model="state.filter.secondaryTitle" placeholder="请选择二级标题" clearable style="width: 150px" @change="onQuery">
|
||||
<el-option v-for="item in state.OnlineWebTwo" :key="item.code" :label="item.name" :value="item.code" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="创建日期">
|
||||
<MyDateRange v-model:startDate="state.filter.startCreatedTime" v-model:endDate="state.filter.endCreatedTime" style="width: 230px" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:online:add'" type="primary" icon="ele-Plus" @click="onAdd"> 新增 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
</div>
|
||||
|
||||
<el-card class="my-fill mt8 el-card-table" shadow="never">
|
||||
<el-table ref="tableRef" v-loading="state.loading" :data="state.onlineListData" row-key="id" style="width: 100%" border>
|
||||
<el-table-column type="index" label="序号" width="60" :index="indexMethod" />
|
||||
<el-table-column prop="websiteName" label="网站名称" min-width="120" />
|
||||
<el-table-column prop="primaryTitle" label="主标题" min-width="120" />
|
||||
<el-table-column prop="secondaryTitle" label="副标题" min-width="120" />
|
||||
<el-table-column prop="contactPerson" label="联系人" width="100" />
|
||||
<el-table-column prop="tutorialUrl" label="教程地址" min-width="200">
|
||||
<template #default="{ row }">
|
||||
<el-link type="primary" :href="row.tutorialUrl" target="_blank">{{ row.tutorialUrl }}</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="websiteUrl" label="网站地址" min-width="200">
|
||||
<template #default="{ row }">
|
||||
<el-link type="primary" :href="row.websiteUrl" target="_blank">{{ row.websiteUrl }}</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="createdTime" label="创建时间" :formatter="formatterTime" width="100" />
|
||||
<el-table-column label="操作" width="150" fixed="right" header-align="center" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-button v-auth="'api:admin:online:update'" icon="ele-Edit" text type="primary" @click="onUpdate(row)">修改</el-button>
|
||||
<el-button v-auth="'api:admin:online:delete'" icon="ele-Delete" text type="danger" @click="onDelete(row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="my-flex my-flex-end" style="margin-top: 10px">
|
||||
<el-pagination
|
||||
v-model:currentPage="state.pageInput.currentPage"
|
||||
v-model:page-size="state.pageInput.pageSize"
|
||||
:total="state.total"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
background
|
||||
@size-change="onSizeChange"
|
||||
@current-change="onCurrentChange"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<online-form ref="onlineFormRef" :title="state.onlineFormTitle"></online-form>
|
||||
</my-layout>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/online">
|
||||
import { ref, reactive, onMounted, onBeforeMount, getCurrentInstance, defineAsyncComponent } from 'vue'
|
||||
import { ElTable, ElMessageBox, ElMessage } from 'element-plus'
|
||||
import { OnlineGetOutput, PageInputOnlineGetPageInput, DictGetListOutput } from '/@/api/admin/data-contracts'
|
||||
import { OnlineApi } from '/@/api/admin/Online'
|
||||
import { DictApi } from '/@/api/admin/Dict'
|
||||
import dayjs from 'dayjs'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { cloneDeep } from 'lodash-es'
|
||||
|
||||
// 引入组件
|
||||
const OnlineForm = defineAsyncComponent(() => import('./components/online-form.vue'))
|
||||
const MyDateRange = defineAsyncComponent(() => import('/@/components/my-date-range/index.vue'))
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const onlineFormRef = ref()
|
||||
const tableRef = ref<InstanceType<typeof ElTable>>()
|
||||
|
||||
/** 字典分类 */
|
||||
const DictType = {
|
||||
OnlineWebOne: { dictTypeCode: 'OnlineWebOne', desc: '一级标题' },
|
||||
OnlineWebTwo: { dictTypeCode: 'OnlineWebTwo', desc: '二级标题' },
|
||||
}
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
onlineFormTitle: '',
|
||||
OnlineWebOne: [] as DictGetListOutput[] | null,
|
||||
OnlineWebTwo: [] as DictGetListOutput[] | null,
|
||||
filter: {
|
||||
websiteName: '',
|
||||
primaryTitle: '',
|
||||
secondaryTitle: '',
|
||||
startCreatedTime: undefined,
|
||||
endCreatedTime: undefined,
|
||||
},
|
||||
total: 0,
|
||||
pageInput: {
|
||||
currentPage: 1,
|
||||
pageSize: 20,
|
||||
filter: {},
|
||||
} as PageInputOnlineGetPageInput,
|
||||
onlineListData: [] as Array<OnlineGetOutput>,
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
getDictList()
|
||||
|
||||
onQuery()
|
||||
eventBus.off('refreshOnline')
|
||||
eventBus.on('refreshOnline', async () => {
|
||||
onQuery()
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeMount(() => {
|
||||
eventBus.off('refreshOnline')
|
||||
})
|
||||
|
||||
// 格式化时间
|
||||
const formatterTime = (row: any, column: any, cellValue: any) => {
|
||||
if (!cellValue) return ''
|
||||
return dayjs(cellValue).format('YYYY-MM-DD')
|
||||
}
|
||||
|
||||
// 序号
|
||||
const indexMethod = (index: number) => {
|
||||
return ((state.pageInput.currentPage || 1) - 1) * (state.pageInput.pageSize || 20) + index + 1
|
||||
}
|
||||
|
||||
// 查询
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
const res = await new OnlineApi()
|
||||
.getPage({
|
||||
...state.pageInput,
|
||||
filter: state.filter,
|
||||
})
|
||||
.catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
|
||||
state.loading = false
|
||||
|
||||
if (res?.success) {
|
||||
state.onlineListData = res.data?.list ?? []
|
||||
state.total = res.data?.total ?? 0
|
||||
}
|
||||
}
|
||||
|
||||
// 新增
|
||||
const onAdd = () => {
|
||||
state.onlineFormTitle = '新增'
|
||||
onlineFormRef.value.open()
|
||||
}
|
||||
|
||||
// 修改
|
||||
const onUpdate = (row: OnlineGetOutput) => {
|
||||
state.onlineFormTitle = '修改'
|
||||
onlineFormRef.value.open(row)
|
||||
}
|
||||
|
||||
// 删除
|
||||
const onDelete = async (row: OnlineGetOutput) => {
|
||||
ElMessageBox.confirm(`确定删除在线教程：【${row.websiteName}】?`, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
})
|
||||
.then(async () => {
|
||||
const res = await new OnlineApi().delete({ id: row.id })
|
||||
if (res?.status === 200) {
|
||||
ElMessage.success('删除成功')
|
||||
onQuery()
|
||||
}
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
// 分页大小改变
|
||||
const onSizeChange = (val: number) => {
|
||||
state.pageInput.pageSize = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
// 分页改变
|
||||
const onCurrentChange = (val: number) => {
|
||||
state.pageInput.currentPage = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
// 获取字典数据
|
||||
const getDictList = async () => {
|
||||
const res = await new DictApi().getList([DictType.OnlineWebOne.dictTypeCode, DictType.OnlineWebTwo.dictTypeCode]).catch(() => {})
|
||||
if (res?.success && res.data) {
|
||||
state.OnlineWebOne = res.data.onlineWebOne
|
||||
state.OnlineWebTwo = res.data.onlineWebTwo
|
||||
}
|
||||
|
||||
console.log("🔍 ~ getDictList() callback ~ src/views/admin/online/index.vue:221 ~ getDictList():", state.OnlineWebOne, state.OnlineWebTwo)
|
||||
}
|
||||
</script>
|
||||
@ -1,167 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="title"
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="600px"
|
||||
>
|
||||
<el-form :model="form" ref="formRef" label-width="80px">
|
||||
<el-row :gutter="35">
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="上级部门" prop="parentId" :rules="[{ required: true, message: '请输入上级部门', trigger: ['change'] }]">
|
||||
<el-tree-select
|
||||
v-model="form.parentId"
|
||||
:data="state.data"
|
||||
node-key="id"
|
||||
:props="{ label: 'name' }"
|
||||
check-strictly
|
||||
default-expand-all
|
||||
render-after-expand
|
||||
fit-input-width
|
||||
clearable
|
||||
class="w100"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="部门名称" prop="name" :rules="[{ required: true, message: '请输入部门名称', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.name" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="部门编码" prop="code">
|
||||
<el-input v-model="form.code" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="部门值" prop="value">
|
||||
<el-input v-model="form.value" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="排序">
|
||||
<el-input-number v-model="form.sort" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="启用">
|
||||
<el-switch v-model="form.enabled" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="说明">
|
||||
<el-input v-model="form.description" clearable type="textarea" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/org/form">
|
||||
import { reactive, toRefs, ref, getCurrentInstance } from 'vue'
|
||||
import { OrgUpdateInput } from '/@/api/admin/data-contracts'
|
||||
import { OrgApi } from '/@/api/admin/Org'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { listToTree } from '/@/utils/tree'
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
|
||||
const formRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
form: {
|
||||
enabled: true,
|
||||
} as OrgUpdateInput,
|
||||
data: [],
|
||||
})
|
||||
|
||||
const { form } = toRefs(state)
|
||||
|
||||
const query = async () => {
|
||||
const res = await new OrgApi().getList().catch(() => {})
|
||||
if (res && res.data && res.data.length > 0) {
|
||||
state.data = listToTree(res.data)
|
||||
} else {
|
||||
state.data = []
|
||||
}
|
||||
}
|
||||
|
||||
// 打开对话框
|
||||
const open = async (row: any = {}) => {
|
||||
proxy.$modal.loading()
|
||||
await query()
|
||||
proxy.$modal.closeLoading()
|
||||
|
||||
if (row.id > 0) {
|
||||
const res = await new OrgApi().get({ id: row.id }, { loading: true })
|
||||
|
||||
if (res?.success) {
|
||||
let formData = res.data as OrgUpdateInput
|
||||
formData.parentId = formData.parentId && formData.parentId > 0 ? formData.parentId : undefined
|
||||
state.form = formData
|
||||
}
|
||||
} else {
|
||||
state.form = {
|
||||
enabled: true,
|
||||
parentId: row.parentId > 0 ? row.parentId : undefined,
|
||||
} as OrgUpdateInput
|
||||
}
|
||||
state.showDialog = true
|
||||
}
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
state.sureLoading = true
|
||||
let res = {} as any
|
||||
state.form.parentId = state.form.parentId && state.form.parentId > 0 ? state.form.parentId : undefined
|
||||
if (state.form.id != undefined && state.form.id > 0) {
|
||||
res = await new OrgApi().update(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
} else {
|
||||
res = await new OrgApi().add(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
}
|
||||
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
eventBus.emit('refreshOrg')
|
||||
eventBus.emit('refreshOrgImg')
|
||||
state.showDialog = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
@ -1,208 +0,0 @@
|
||||
<template>
|
||||
<div v-loading="state.loading" class="h100">
|
||||
<vue3-tree-org
|
||||
ref="orgRef"
|
||||
:data="state.data"
|
||||
:props="{
|
||||
id: 'id',
|
||||
pid: 'parentId',
|
||||
label: 'name',
|
||||
expand: 'expand',
|
||||
children: 'children',
|
||||
}"
|
||||
center
|
||||
:horizontal="false"
|
||||
:collapsable="false"
|
||||
:only-one-node="false"
|
||||
:clone-node-drag="false"
|
||||
:node-draggable="false"
|
||||
:define-menus="[
|
||||
{ name: '复制文本', command: 'copy' },
|
||||
{ name: '新增部门', command: 'onAdd' },
|
||||
{ name: '编辑部门', command: 'onEdit' },
|
||||
{ name: '删除部门', command: 'onDelete' },
|
||||
]"
|
||||
:label-style="state.style"
|
||||
:filter-node-method="filterNodeMethod"
|
||||
@on-node-dblclick="onNodeDblclick"
|
||||
@on-contextmenu="onContextmenu"
|
||||
v-bind="$attrs"
|
||||
>
|
||||
<template v-if="state.showOrgCount" v-slot:expand="{ node }">
|
||||
<div>{{ node.children.length }}</div>
|
||||
</template>
|
||||
</vue3-tree-org>
|
||||
|
||||
<org-form ref="orgFormRef" :title="state.orgFormTitle"></org-form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/org-tree-img">
|
||||
import { ref, reactive, onMounted, getCurrentInstance, onBeforeMount, defineAsyncComponent } from 'vue'
|
||||
import { OrgGetListOutput } from '/@/api/admin/data-contracts'
|
||||
import { OrgApi } from '/@/api/admin/Org'
|
||||
import { listToTree } from '/@/utils/tree'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
|
||||
// 引入组件
|
||||
const OrgForm = defineAsyncComponent(() => import('./org-form.vue'))
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const orgRef = ref()
|
||||
const orgFormRef = ref()
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
orgFormTitle: '',
|
||||
filter: {
|
||||
name: '',
|
||||
},
|
||||
style: {
|
||||
background: '#fff',
|
||||
color: '#5e6d82',
|
||||
},
|
||||
showOrgCount: true,
|
||||
data: [] as any,
|
||||
orgTreeData: [] as Array<OrgGetListOutput>,
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
onQuery()
|
||||
eventBus.off('refreshOrgImg')
|
||||
eventBus.on('refreshOrgImg', () => {
|
||||
onQuery()
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeMount(() => {
|
||||
eventBus.off('refreshOrgImg')
|
||||
})
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
const res = await new OrgApi().getList().catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
if (res && res.data && res.data.length > 0) {
|
||||
const data = listToTree(res.data, {
|
||||
extraData: {
|
||||
expand: true,
|
||||
},
|
||||
})
|
||||
state.orgTreeData = data
|
||||
state.data = data?.length > 0 ? data[0] : {}
|
||||
state.data['disabled'] = true
|
||||
} else {
|
||||
state.data = []
|
||||
}
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const onAdd = (row: OrgGetListOutput) => {
|
||||
state.orgFormTitle = '新增部门'
|
||||
orgFormRef.value.open({ parentId: row?.id })
|
||||
}
|
||||
|
||||
const onEdit = (row: OrgGetListOutput) => {
|
||||
state.orgFormTitle = '编辑部门'
|
||||
orgFormRef.value.open(row)
|
||||
}
|
||||
|
||||
const onDelete = (row: OrgGetListOutput) => {
|
||||
proxy.$modal
|
||||
.confirmDelete(`确定要删除部门【${row.name}】?`)
|
||||
.then(async () => {
|
||||
await new OrgApi().delete({ id: row.id }, { loading: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onContextmenu = ({ node, command }: any) => {
|
||||
switch (command) {
|
||||
case 'onAdd':
|
||||
onAdd(node.$$data)
|
||||
break
|
||||
case 'onEdit':
|
||||
onEdit(node.$$data)
|
||||
break
|
||||
case 'onDelete':
|
||||
onDelete(node.$$data)
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
const filter = (filterword: string) => {
|
||||
orgRef.value.filter(filterword)
|
||||
}
|
||||
|
||||
const filterNodeMethod = (value: string, data: any) => {
|
||||
if (!value) return true
|
||||
return data.label.indexOf(value) !== -1
|
||||
}
|
||||
|
||||
const onNodeDblclick = (e: any, data: any) => {}
|
||||
|
||||
defineExpose({
|
||||
filter,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.zm-tree-contextmenu {
|
||||
background-color: var(--el-bg-color-overlay);
|
||||
border-color: var(--el-border-color);
|
||||
li:hover {
|
||||
background-color: var(--el-color-primary-light-9);
|
||||
color: var(--el-color-primary);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style scoped lang="scss">
|
||||
:deep() {
|
||||
.icon-fullscreen:before {
|
||||
content: '\e603' !important;
|
||||
}
|
||||
.tree-org {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.zm-tree-org {
|
||||
background-color: var(--el-bg-color-overlay);
|
||||
padding: 0px;
|
||||
}
|
||||
.tree-org-node__inner {
|
||||
background-color: var(--el-bg-color) !important;
|
||||
color: var(--el-text-color-primary) !important;
|
||||
border: 1px solid var(--el-border-color);
|
||||
}
|
||||
.tree-org-node:not(:first-child):before,
|
||||
.tree-org-node:not(:last-child):after,
|
||||
.tree-org-node:after,
|
||||
.tree-org-node__children:before {
|
||||
border-color: var(--el-border-color);
|
||||
}
|
||||
.zm-tree-handle .zm-tree-handle-item {
|
||||
background-color: var(--el-bg-color-overlay);
|
||||
color: var(--el-text-color-primary);
|
||||
border-color: var(--el-border-color);
|
||||
.zm-tree-restore {
|
||||
border-color: var(--el-text-color-primary);
|
||||
}
|
||||
.zm-tree-restore:after {
|
||||
border-top-color: var(--el-text-color-primary);
|
||||
border-right-color: var(--el-text-color-primary);
|
||||
}
|
||||
&:hover {
|
||||
background-color: var(--el-color-primary-light-9);
|
||||
color: var(--el-color-primary);
|
||||
border-color: var(--el-color-primary-light-7);
|
||||
.zm-tree-restore,
|
||||
.zm-tree-restore:after {
|
||||
border-color: var(--el-color-primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,150 +0,0 @@
|
||||
<template>
|
||||
<el-card shadow="never" style="margin-top: 8px" body-style="padding:0px;" class="my-fill">
|
||||
<template #header>
|
||||
<div class="my-flex">
|
||||
<el-input v-model="state.filterText" placeholder="筛选部门" clearable />
|
||||
<el-dropdown trigger="hover">
|
||||
<div class="my-flex my-flex-items-center my-icon-more">
|
||||
<my-icon name="more" color="var(--color)" size="22"></my-icon>
|
||||
</div>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item @click="expandAllNodes(true)">展开全部</el-dropdown-item>
|
||||
<el-dropdown-item @click="expandAllNodes(false)">收缩全部</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</template>
|
||||
<el-scrollbar v-loading="state.loading" height="100%" max-height="100%" :always="false" wrap-style="padding:10px">
|
||||
<el-tree
|
||||
ref="orgMenuRef"
|
||||
:data="state.orgTreeData"
|
||||
node-key="id"
|
||||
:props="{ children: 'children', label: 'name' }"
|
||||
:filter-node-method="onFilterNode"
|
||||
highlight-current
|
||||
check-strictly
|
||||
default-expand-all
|
||||
render-after-expand
|
||||
:expand-on-click-node="false"
|
||||
v-bind="$attrs"
|
||||
@node-click="onNodeClick"
|
||||
@check-change="onCheckChange"
|
||||
/>
|
||||
</el-scrollbar>
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/org/menu">
|
||||
import { onMounted, reactive, ref, watch, nextTick, PropType } from 'vue'
|
||||
import { OrgGetListOutput } from '/@/api/admin/data-contracts'
|
||||
import { OrgApi } from '/@/api/admin/Org'
|
||||
import { listToTree } from '/@/utils/tree'
|
||||
import { ElTree } from 'element-plus'
|
||||
|
||||
const props = defineProps({
|
||||
modelValue: {
|
||||
type: Array as PropType<number[] | undefined | null>,
|
||||
default: () => [],
|
||||
},
|
||||
selectFirstNode: {
|
||||
type: Boolean,
|
||||
default: () => false,
|
||||
},
|
||||
})
|
||||
|
||||
const orgMenuRef = ref<InstanceType<typeof ElTree>>()
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
filterText: '',
|
||||
orgTreeData: [] as Array<OrgGetListOutput>,
|
||||
lastKey: 0,
|
||||
})
|
||||
|
||||
watch(
|
||||
() => state.filterText,
|
||||
(val) => {
|
||||
orgMenuRef.value?.filter(val)
|
||||
}
|
||||
)
|
||||
|
||||
onMounted(() => {
|
||||
initData()
|
||||
})
|
||||
|
||||
const emits = defineEmits<{
|
||||
(e: 'node-click', node: OrgGetListOutput | null): void
|
||||
(e: 'update:modelValue', node: any[] | undefined | null): void
|
||||
}>()
|
||||
|
||||
/**
|
||||
* 展开或收缩所有树节点
|
||||
* @param expanded 是否展开
|
||||
*/
|
||||
const expandAllNodes = (expanded: boolean) => {
|
||||
if (!orgMenuRef.value) return
|
||||
|
||||
const treeNodes = orgMenuRef.value.store.nodesMap
|
||||
Object.values(treeNodes).forEach((node) => {
|
||||
node.expanded = expanded
|
||||
})
|
||||
}
|
||||
|
||||
const onFilterNode = (value: string, data: OrgGetListOutput) => {
|
||||
if (!value) return true
|
||||
return data.name?.indexOf(value) !== -1
|
||||
}
|
||||
|
||||
const onNodeClick = (node: OrgGetListOutput) => {
|
||||
if (state.lastKey === node.id) {
|
||||
state.lastKey = 0
|
||||
orgMenuRef.value?.setCurrentKey(undefined)
|
||||
emits('node-click', null)
|
||||
} else {
|
||||
state.lastKey = node.id as number
|
||||
emits('node-click', node)
|
||||
}
|
||||
}
|
||||
|
||||
const onCheckChange = () => {
|
||||
emits('update:modelValue', orgMenuRef.value?.getCheckedKeys())
|
||||
}
|
||||
|
||||
const initData = async () => {
|
||||
state.loading = true
|
||||
const res = await new OrgApi().getList().catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
state.loading = false
|
||||
if (res?.success && res.data && res.data.length > 0) {
|
||||
state.orgTreeData = listToTree(res.data)
|
||||
if (state.orgTreeData.length > 0 && props.selectFirstNode) {
|
||||
nextTick(() => {
|
||||
const firstNode = state.orgTreeData[0]
|
||||
orgMenuRef.value?.setCurrentKey(firstNode.id)
|
||||
onNodeClick(firstNode)
|
||||
})
|
||||
}
|
||||
} else {
|
||||
state.orgTreeData = []
|
||||
}
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
orgMenuRef,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.my-icon-more {
|
||||
cursor: pointer;
|
||||
--el-button-text-color: var(--el-text-color-regular);
|
||||
--el-button-hover-text-color: var(--el-color-primary);
|
||||
color: var(--el-button-text-color);
|
||||
fill: currentColor;
|
||||
&:hover {
|
||||
color: var(--el-button-hover-text-color);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,165 +0,0 @@
|
||||
<template>
|
||||
<MyLayout>
|
||||
<el-card v-show="state.showQuery" class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :inline="true" label-width="auto" @submit.stop.prevent>
|
||||
<el-form-item label="部门名称">
|
||||
<el-input v-model="state.filter.name" placeholder="部门名称" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<div class="my-tools-box mb8 my-flex my-flex-between">
|
||||
<div>
|
||||
<el-button v-show="state.showOrgList" v-auth="'api:admin:org:add'" type="primary" icon="ele-Plus" @click="onAdd"> 新增 </el-button>
|
||||
</div>
|
||||
<div>
|
||||
<el-tooltip effect="dark" :content="state.showQuery ? '隐藏查询' : '显示查询'" placement="top">
|
||||
<el-button :icon="state.showQuery ? 'ele-ArrowUp' : 'ele-ArrowDown'" circle @click="state.showQuery = !state.showQuery" />
|
||||
</el-tooltip>
|
||||
|
||||
<el-tooltip effect="dark" :content="state.showOrgList ? '部门图形' : '部门列表'" placement="top">
|
||||
<el-button :icon="state.showOrgList ? 'ele-Share' : 'ele-Grid'" circle @click="onChangeOrgList" />
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</div>
|
||||
<el-table
|
||||
v-if="state.showOrgList"
|
||||
:data="state.data"
|
||||
style="width: 100%"
|
||||
v-loading="state.loading"
|
||||
row-key="id"
|
||||
default-expand-all
|
||||
border
|
||||
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
|
||||
>
|
||||
<el-table-column prop="name" label="部门名称" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="code" label="部门编码" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="value" label="部门值" min-width="82" show-overflow-tooltip />
|
||||
<el-table-column prop="sort" label="排序" width="82" align="center" show-overflow-tooltip />
|
||||
<el-table-column label="状态" width="82" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag type="success" v-if="row.enabled">启用</el-tag>
|
||||
<el-tag type="danger" v-else>禁用</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="200" fixed="right" header-align="center" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-button v-if="auth('api:admin:org:add')" icon="ele-Plus" text type="primary" @click="onAdd(row)"> 新增 </el-button>
|
||||
<el-button v-if="auth('api:admin:org:update') && row.parentId > 0" icon="ele-EditPen" text type="primary" @click="onEdit(row)"
|
||||
>编辑</el-button
|
||||
>
|
||||
<el-button v-if="auth('api:admin:org:delete') && row.parentId > 0" icon="ele-Delete" text type="danger" @click="onDelete(row)"
|
||||
>删除</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<OrgImg ref="orgImgRef" v-else></OrgImg>
|
||||
</el-card>
|
||||
|
||||
<org-form ref="orgFormRef" :title="state.orgFormTitle"></org-form>
|
||||
</MyLayout>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/org">
|
||||
import { ref, reactive, onMounted, getCurrentInstance, onBeforeMount, defineAsyncComponent } from 'vue'
|
||||
import { OrgGetListOutput } from '/@/api/admin/data-contracts'
|
||||
import { OrgApi } from '/@/api/admin/Org'
|
||||
import { listToTree, filterList } from '/@/utils/tree'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { auth } from '/@/utils/authFunction'
|
||||
|
||||
// 引入组件
|
||||
const OrgForm = defineAsyncComponent(() => import('./components/org-form.vue'))
|
||||
const OrgImg = defineAsyncComponent(() => import('./components/org-img.vue'))
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const orgFormRef = ref()
|
||||
const orgImgRef = ref()
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
orgFormTitle: '',
|
||||
filter: {
|
||||
name: '',
|
||||
},
|
||||
data: [] as Array<OrgGetListOutput>,
|
||||
showQuery: true,
|
||||
showOrgList: true,
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
Query()
|
||||
eventBus.off('refreshOrg')
|
||||
eventBus.on('refreshOrg', () => {
|
||||
Query()
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeMount(() => {
|
||||
eventBus.off('refreshOrg')
|
||||
})
|
||||
|
||||
const onChangeOrgList = () => {
|
||||
state.showOrgList = !state.showOrgList
|
||||
if (state.showOrgList) {
|
||||
Query()
|
||||
}
|
||||
}
|
||||
|
||||
const onQuery = () => {
|
||||
if (state.showOrgList) {
|
||||
Query()
|
||||
} else {
|
||||
orgImgRef.value.filter(state.filter.name)
|
||||
}
|
||||
}
|
||||
|
||||
const Query = async () => {
|
||||
state.loading = true
|
||||
const res = await new OrgApi().getList().catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
if (res && res.data && res.data.length > 0) {
|
||||
state.data = listToTree(
|
||||
state.filter.name
|
||||
? filterList(res.data, state.filter.name, {
|
||||
filterWhere: (item: any, filterword: string) => {
|
||||
return item.name?.toLocaleLowerCase().indexOf(filterword) > -1
|
||||
},
|
||||
})
|
||||
: res.data
|
||||
)
|
||||
} else {
|
||||
state.data = []
|
||||
}
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const onAdd = (row: OrgGetListOutput) => {
|
||||
state.orgFormTitle = '新增部门'
|
||||
orgFormRef.value.open({ parentId: row.id })
|
||||
}
|
||||
|
||||
const onEdit = (row: OrgGetListOutput) => {
|
||||
state.orgFormTitle = '编辑部门'
|
||||
orgFormRef.value.open(row)
|
||||
}
|
||||
|
||||
const onDelete = (row: OrgGetListOutput) => {
|
||||
proxy.$modal
|
||||
.confirmDelete(`确定要删除部门【${row.name}】?`)
|
||||
.then(async () => {
|
||||
await new OrgApi().delete({ id: row.id }, { loading: true })
|
||||
Query()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@ -1,257 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="title"
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="600px"
|
||||
>
|
||||
<el-form :model="form" ref="formRef" label-width="80px">
|
||||
<el-row :gutter="35">
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="所属平台">
|
||||
<el-select v-model="form.platform" disabled placeholder="请选择所属平台" class="w100">
|
||||
<el-option v-for="item in state.dictData[DictType.PlatForm.name]" :key="item.code" :label="item.name" :value="item.code" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="上级菜单">
|
||||
<el-tree-select
|
||||
v-model="form.parentId"
|
||||
:data="permissionTreeData"
|
||||
node-key="id"
|
||||
check-strictly
|
||||
default-expand-all
|
||||
render-after-expand
|
||||
fit-input-width
|
||||
clearable
|
||||
filterable
|
||||
class="w100"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="API接口">
|
||||
<el-tree-select
|
||||
v-model="form.apiIds"
|
||||
:data="state.apiTreeData"
|
||||
node-key="id"
|
||||
:props="{ label: 'path' }"
|
||||
render-after-expand
|
||||
fit-input-width
|
||||
clearable
|
||||
filterable
|
||||
multiple
|
||||
collapse-tags
|
||||
collapse-tags-tooltip
|
||||
:filter-node-method="onApiFilterNode"
|
||||
class="w100"
|
||||
:default-expanded-keys="state.expandRowKeys"
|
||||
@current-change="onApiCurrentChange"
|
||||
>
|
||||
<template #default="{ data }">
|
||||
<span class="my-flex my-flex-between">
|
||||
<span>{{ data.label }}</span>
|
||||
<span class="my-line-1 my-mlr-12" :title="data.path">
|
||||
{{ data.path }}
|
||||
</span>
|
||||
</span>
|
||||
</template>
|
||||
</el-tree-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="名称" prop="label" :rules="[{ required: true, message: '请输入名称', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.label" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="编码" prop="code" :rules="[{ required: true, message: '请输入编码', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.code" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="排序">
|
||||
<el-input-number v-model="form.sort" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="启用">
|
||||
<el-switch v-model="form.enabled" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="说明">
|
||||
<el-input v-model="form.description" clearable type="textarea" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/permission/permission-dot-form">
|
||||
import { reactive, toRefs, getCurrentInstance, ref, PropType, markRaw } from 'vue'
|
||||
import { PermissionGetListOutput, PermissionUpdateDotInput, ApiGetListOutput, DictGetListOutput } from '/@/api/admin/data-contracts'
|
||||
import { PermissionApi } from '/@/api/admin/Permission'
|
||||
import { ApiApi } from '/@/api/admin/Api'
|
||||
import { listToTree, treeToList } from '/@/utils/tree'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { trimStart, replace, cloneDeep } from 'lodash-es'
|
||||
import { DictApi } from '/@/api/admin/Dict'
|
||||
|
||||
/** 字典分类 */
|
||||
const DictType = {
|
||||
PlatForm: { name: 'platform', desc: '平台' },
|
||||
}
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
permissionTreeData: {
|
||||
type: Array as PropType<PermissionGetListOutput[]>,
|
||||
default: () => [],
|
||||
},
|
||||
})
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const formRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
form: { enabled: true } as PermissionUpdateDotInput,
|
||||
apiTreeData: [] as ApiGetListOutput[],
|
||||
expandRowKeys: [] as number[],
|
||||
dictData: {
|
||||
[DictType.PlatForm.name]: [] as DictGetListOutput[] | null,
|
||||
},
|
||||
})
|
||||
|
||||
const { form } = toRefs(state)
|
||||
|
||||
const getDictList = async () => {
|
||||
const res = await new DictApi().getList([DictType.PlatForm.name]).catch(() => {})
|
||||
if (res?.success && res.data) {
|
||||
state.dictData = markRaw(res.data)
|
||||
}
|
||||
}
|
||||
|
||||
const getApis = async () => {
|
||||
const res = await new ApiApi().getList()
|
||||
if (res?.success && res.data && res.data.length > 0) {
|
||||
state.apiTreeData = listToTree(res.data) as ApiGetListOutput[]
|
||||
} else {
|
||||
state.apiTreeData = []
|
||||
}
|
||||
}
|
||||
|
||||
// 打开对话框
|
||||
const open = async (
|
||||
row: PermissionUpdateDotInput = {
|
||||
id: 0,
|
||||
enabled: true,
|
||||
parentId: undefined,
|
||||
},
|
||||
isCopy = false
|
||||
) => {
|
||||
proxy.$modal.loading()
|
||||
await getDictList()
|
||||
await getApis()
|
||||
|
||||
state.expandRowKeys = treeToList(cloneDeep(state.apiTreeData))
|
||||
.filter((a: ApiGetListOutput) => a.parentId === 0)
|
||||
.map((a: ApiGetListOutput) => a.id) as number[]
|
||||
|
||||
if (row.id > 0) {
|
||||
const res = await new PermissionApi().getDot({ id: row.id }).catch(() => {
|
||||
proxy.$modal.closeLoading()
|
||||
})
|
||||
|
||||
if (res?.success) {
|
||||
let formData = res.data as PermissionUpdateDotInput
|
||||
formData.platform = row.platform
|
||||
formData.parentId = formData.parentId && formData.parentId > 0 ? formData.parentId : undefined
|
||||
if (isCopy) formData.id = 0
|
||||
state.form = formData
|
||||
}
|
||||
} else {
|
||||
state.form = row
|
||||
}
|
||||
|
||||
proxy.$modal.closeLoading()
|
||||
state.showDialog = true
|
||||
}
|
||||
|
||||
const onApiFilterNode = (value: string, data: ApiGetListOutput) => {
|
||||
if (!value) return true
|
||||
return data.label?.indexOf(value) !== -1 || data.path?.indexOf(value) !== -1
|
||||
}
|
||||
|
||||
const onApiCurrentChange = (data: ApiGetListOutput) => {
|
||||
if (data?.httpMethods) {
|
||||
if (!state.form.label) {
|
||||
state.form.label = data.label
|
||||
}
|
||||
if (!state.form.code) {
|
||||
state.form.code = trimStart(replace(data.path || '', /\//g, ':'), ':')
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
state.sureLoading = true
|
||||
let res = {} as any
|
||||
state.form.parentId = state.form.parentId && state.form.parentId > 0 ? state.form.parentId : undefined
|
||||
if (state.form.id != undefined && state.form.id > 0) {
|
||||
res = await new PermissionApi().updateDot(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
} else {
|
||||
res = await new PermissionApi().addDot(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
}
|
||||
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
eventBus.emit('refreshPermission')
|
||||
state.showDialog = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.my-mlr-12 {
|
||||
margin-left: 12px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
</style>
|
||||
@ -1,201 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="title"
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="600px"
|
||||
>
|
||||
<el-form :model="form" ref="formRef" label-width="80px">
|
||||
<el-row :gutter="35">
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="所属平台">
|
||||
<el-select v-model="form.platform" disabled placeholder="请选择所属平台" class="w100">
|
||||
<el-option v-for="item in state.dictData[DictType.PlatForm.name]" :key="item.code" :label="item.name" :value="item.code" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="上级分组">
|
||||
<el-tree-select
|
||||
v-model="form.parentId"
|
||||
:data="permissionTreeData"
|
||||
node-key="id"
|
||||
check-strictly
|
||||
default-expand-all
|
||||
render-after-expand
|
||||
fit-input-width
|
||||
clearable
|
||||
:empty-values="[0, null, undefined]"
|
||||
class="w100"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="名称" prop="label" :rules="[{ required: true, message: '请输入名称', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.label" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="路由地址" prop="path" :rules="[{ required: true, message: '请输入路由地址', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.path" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="重定向">
|
||||
<el-input v-model="form.redirect" clearable placeholder="重定向地址" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="图标" prop="icon">
|
||||
<my-select-icon v-model="form.icon" clearable class="w100" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="排序">
|
||||
<el-input-number v-model="form.sort" class="w100" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="启用">
|
||||
<el-switch v-model="form.enabled" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="展开">
|
||||
<el-switch v-model="form.opened" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="隐藏">
|
||||
<el-switch v-model="form.hidden" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/permission/permission-group-form">
|
||||
import { reactive, toRefs, getCurrentInstance, ref, PropType, defineAsyncComponent, markRaw } from 'vue'
|
||||
import { PermissionGetListOutput, PermissionUpdateGroupInput, DictGetListOutput } from '/@/api/admin/data-contracts'
|
||||
import { PermissionApi } from '/@/api/admin/Permission'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { DictApi } from '/@/api/admin/Dict'
|
||||
|
||||
// 引入组件
|
||||
const MySelectIcon = defineAsyncComponent(() => import('/@/components/my-select-icon/index.vue'))
|
||||
|
||||
/** 字典分类 */
|
||||
const DictType = {
|
||||
PlatForm: { name: 'platform', desc: '平台' },
|
||||
}
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
permissionTreeData: {
|
||||
type: Array as PropType<PermissionGetListOutput[]>,
|
||||
default: () => [],
|
||||
},
|
||||
})
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
const formRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
form: { enabled: true, opened: true } as PermissionUpdateGroupInput,
|
||||
dictData: {
|
||||
[DictType.PlatForm.name]: [] as DictGetListOutput[] | null,
|
||||
},
|
||||
})
|
||||
const { form } = toRefs(state)
|
||||
|
||||
const getDictList = async () => {
|
||||
const res = await new DictApi().getList([DictType.PlatForm.name]).catch(() => {})
|
||||
if (res?.success && res.data) {
|
||||
state.dictData = markRaw(res.data)
|
||||
}
|
||||
}
|
||||
|
||||
// 打开对话框
|
||||
const open = async (
|
||||
row: PermissionUpdateGroupInput = {
|
||||
id: 0,
|
||||
enabled: true,
|
||||
opened: true,
|
||||
icon: 'ele-Memo',
|
||||
parentId: undefined,
|
||||
},
|
||||
isCopy = false
|
||||
) => {
|
||||
proxy.$modal.loading()
|
||||
await getDictList()
|
||||
if (row.id > 0) {
|
||||
const res = await new PermissionApi().getGroup({ id: row.id }).catch(() => {
|
||||
proxy.$modal.closeLoading()
|
||||
})
|
||||
|
||||
if (res?.success) {
|
||||
let formData = res.data as PermissionUpdateGroupInput
|
||||
formData.platform = row.platform
|
||||
formData.parentId = formData.parentId && formData.parentId > 0 ? formData.parentId : undefined
|
||||
if (isCopy) formData.id = 0
|
||||
state.form = formData
|
||||
}
|
||||
} else {
|
||||
state.form = row
|
||||
}
|
||||
proxy.$modal.closeLoading()
|
||||
state.showDialog = true
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
state.sureLoading = true
|
||||
let res = {} as any
|
||||
state.form.parentId = state.form.parentId && state.form.parentId > 0 ? state.form.parentId : undefined
|
||||
if (state.form.id != undefined && state.form.id > 0) {
|
||||
res = await new PermissionApi().updateGroup(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
} else {
|
||||
res = await new PermissionApi().addGroup(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
}
|
||||
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
eventBus.emit('refreshPermission')
|
||||
state.showDialog = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
@ -1,296 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="title"
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="600px"
|
||||
>
|
||||
<el-form :model="form" ref="formRef" label-width="80px">
|
||||
<el-row :gutter="35">
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="所属平台">
|
||||
<el-select v-model="form.platform" disabled placeholder="请选择所属平台" class="w100">
|
||||
<el-option v-for="item in state.dictData[DictType.PlatForm.name]" :key="item.code" :label="item.name" :value="item.code" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="上级分组">
|
||||
<el-tree-select
|
||||
v-model="form.parentId"
|
||||
:data="permissionTreeData"
|
||||
node-key="id"
|
||||
check-strictly
|
||||
default-expand-all
|
||||
render-after-expand
|
||||
fit-input-width
|
||||
clearable
|
||||
class="w100"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="视图">
|
||||
<el-tree-select
|
||||
v-model="form.viewId"
|
||||
:data="state.viewTreeData"
|
||||
node-key="id"
|
||||
:props="{ label: 'path' }"
|
||||
default-expand-all
|
||||
render-after-expand
|
||||
fit-input-width
|
||||
clearable
|
||||
filterable
|
||||
:filter-node-method="onViewFilterNode"
|
||||
class="w100"
|
||||
@current-change="onViewCurrentChange"
|
||||
>
|
||||
<template #default="{ data }">
|
||||
<span class="my-flex my-flex-between">
|
||||
<span>{{ data.label }}</span>
|
||||
<span class="my-line-1 my-ml-12" :title="data.path">
|
||||
{{ data.path }}
|
||||
</span>
|
||||
</span>
|
||||
</template>
|
||||
</el-tree-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="名称" prop="label" :rules="[{ required: true, message: '请输入名称', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.label" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="路由地址" prop="path" :rules="[{ required: true, message: '请输入路由地址', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.path" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="路由命名">
|
||||
<el-input v-model="form.name" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="链接地址">
|
||||
<el-input v-model="form.link" clearable placeholder="内嵌/外链链接地址" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="图标" prop="icon">
|
||||
<my-select-icon v-model="form.icon" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="排序">
|
||||
<el-input-number v-model="form.sort" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="系统">
|
||||
<el-switch v-model="form.isSystem" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="启用">
|
||||
<el-switch v-model="form.enabled" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="内嵌窗口">
|
||||
<el-switch v-model="form.isIframe" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="缓存">
|
||||
<el-switch v-model="form.isKeepAlive" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="固定">
|
||||
<el-switch v-model="form.isAffix" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="隐藏">
|
||||
<el-switch v-model="form.hidden" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="新窗口">
|
||||
<el-switch v-model="form.newWindow" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="链接外显">
|
||||
<el-switch v-model="form.external" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/permission/permission-menu-form">
|
||||
import { reactive, toRefs, getCurrentInstance, ref, PropType, defineAsyncComponent, markRaw } from 'vue'
|
||||
import { PermissionGetListOutput, PermissionUpdateMenuInput, ViewGetListOutput, DictGetListOutput } from '/@/api/admin/data-contracts'
|
||||
import { PermissionApi } from '/@/api/admin/Permission'
|
||||
import { ViewApi } from '/@/api/admin/View'
|
||||
import { listToTree } from '/@/utils/tree'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { DictApi } from '/@/api/admin/Dict'
|
||||
|
||||
// 引入组件
|
||||
const MySelectIcon = defineAsyncComponent(() => import('/@/components/my-select-icon/index.vue'))
|
||||
|
||||
/** 字典分类 */
|
||||
const DictType = {
|
||||
PlatForm: { name: 'platform', desc: '平台' },
|
||||
}
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
permissionTreeData: {
|
||||
type: Array as PropType<PermissionGetListOutput[]>,
|
||||
default: () => [],
|
||||
},
|
||||
})
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const formRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
form: { enabled: true, isKeepAlive: true } as PermissionUpdateMenuInput,
|
||||
viewTreeData: [] as ViewGetListOutput[],
|
||||
dictData: {
|
||||
[DictType.PlatForm.name]: [] as DictGetListOutput[] | null,
|
||||
},
|
||||
})
|
||||
const { form } = toRefs(state)
|
||||
|
||||
const getDictList = async () => {
|
||||
const res = await new DictApi().getList([DictType.PlatForm.name]).catch(() => {})
|
||||
if (res?.success && res.data) {
|
||||
state.dictData = markRaw(res.data)
|
||||
}
|
||||
}
|
||||
|
||||
const getViews = async (platform: string) => {
|
||||
const res = await new ViewApi().getList({ platform: platform })
|
||||
if (res?.success && res.data && res.data.length > 0) {
|
||||
state.viewTreeData = listToTree(res.data) as ViewGetListOutput[]
|
||||
} else {
|
||||
state.viewTreeData = []
|
||||
}
|
||||
}
|
||||
|
||||
// 打开对话框
|
||||
const open = async (
|
||||
row: PermissionUpdateMenuInput = {
|
||||
id: 0,
|
||||
enabled: true,
|
||||
isKeepAlive: true,
|
||||
icon: 'ele-Memo',
|
||||
parentId: undefined,
|
||||
},
|
||||
isCopy = false
|
||||
) => {
|
||||
proxy.$modal.loading()
|
||||
|
||||
await getDictList()
|
||||
await getViews(row.platform as string)
|
||||
|
||||
if (row.id > 0) {
|
||||
const res = await new PermissionApi().getMenu({ id: row.id }).catch(() => {
|
||||
proxy.$modal.closeLoading()
|
||||
})
|
||||
|
||||
if (res?.success) {
|
||||
let formData = res.data as PermissionUpdateMenuInput
|
||||
formData.platform = row.platform
|
||||
formData.parentId = formData.parentId && formData.parentId > 0 ? formData.parentId : undefined
|
||||
if (isCopy) formData.id = 0
|
||||
state.form = formData
|
||||
}
|
||||
} else {
|
||||
state.form = row
|
||||
}
|
||||
|
||||
proxy.$modal.closeLoading()
|
||||
state.showDialog = true
|
||||
}
|
||||
|
||||
const onViewFilterNode = (value: string, data: ViewGetListOutput) => {
|
||||
if (!value) return true
|
||||
return data.label?.indexOf(value) !== -1 || data.path?.indexOf(value) !== -1
|
||||
}
|
||||
|
||||
const onViewCurrentChange = (data: ViewGetListOutput) => {
|
||||
if (data) {
|
||||
if (!state.form.label) {
|
||||
state.form.label = data.label
|
||||
}
|
||||
if (!state.form.path) {
|
||||
state.form.path = '/' + data.path
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
state.sureLoading = true
|
||||
let res = {} as any
|
||||
state.form.parentId = state.form.parentId && state.form.parentId > 0 ? state.form.parentId : undefined
|
||||
if (state.form.id != undefined && state.form.id > 0) {
|
||||
res = await new PermissionApi().updateMenu(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
} else {
|
||||
res = await new PermissionApi().addMenu(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
}
|
||||
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
eventBus.emit('refreshPermission')
|
||||
state.showDialog = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.my-ml-12 {
|
||||
margin-left: 12px;
|
||||
}
|
||||
</style>
|
||||
@ -1,312 +0,0 @@
|
||||
<template>
|
||||
<my-layout>
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :inline="true" @submit.stop.prevent>
|
||||
<el-form-item label="平台">
|
||||
<el-select v-model="state.filter.platform" placeholder="平台" :empty-values="[null]" @change="onQuery" style="width: 100px">
|
||||
<el-option v-for="item in state.dictData[DictType.PlatForm.name]" :key="item.code" :label="item.name" :value="item.code" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="权限名称">
|
||||
<el-input v-model="state.filter.label" placeholder="权限名称" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
||||
<el-dropdown
|
||||
v-auths="['api:admin:permission:addgroup', 'api:admin:permission:addmenu', 'api:admin:permission:adddot']"
|
||||
style="margin-left: 12px"
|
||||
>
|
||||
<el-button type="primary"
|
||||
>新增<el-icon class="el-icon--right"><ele-ArrowDown /></el-icon
|
||||
></el-button>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item v-if="auth('api:admin:permission:addgroup')" @click="onAdd({ type: 1 })">新增分组</el-dropdown-item>
|
||||
<el-dropdown-item v-if="auth('api:admin:permission:addmenu')" @click="onAdd({ type: 2 })">新增菜单</el-dropdown-item>
|
||||
<el-dropdown-item v-if="auth('api:admin:permission:adddot')" @click="onAdd({ type: 3 })">新增权限点</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</el-dropdown>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table
|
||||
:data="state.permissionTreeData"
|
||||
style="width: 100%"
|
||||
v-loading="state.loading"
|
||||
row-key="id"
|
||||
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
|
||||
:expand-row-keys="state.expandRowKeys"
|
||||
border
|
||||
>
|
||||
<el-table-column prop="label" label="权限名称" width="240" show-overflow-tooltip>
|
||||
<template #default="{ row }">
|
||||
<SvgIcon :name="row.icon" style="vertical-align: -2px" />
|
||||
{{ row.label }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="type" label="类型" width="82" show-overflow-tooltip>
|
||||
<template #default="{ row }">
|
||||
{{ row.type === 1 ? '分组' : row.type === 2 ? '菜单' : row.type === 3 ? '权限点' : '' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="path" label="权限地址" min-width="240" show-overflow-tooltip>
|
||||
<template #default="{ row }">
|
||||
<div v-if="row.type === 1 || row.type === 2">
|
||||
{{ row.path ? '路由地址：' + row.path : '' }}
|
||||
{{ row.viewPath ? '视图地址：' + row.viewPath : '' }}
|
||||
{{ row.redirect ? '重定向地址：' + row.redirect : '' }}
|
||||
{{ row.link ? '链接地址：' + row.link : '' }}
|
||||
</div>
|
||||
<div v-if="row.type === 3">接口地址：{{ row.apiPaths }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="sort" label="排序" width="82" align="center" show-overflow-tooltip />
|
||||
<el-table-column label="状态" width="82" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-tag type="success" v-if="row.enabled">启用</el-tag>
|
||||
<el-tag type="danger" v-else>禁用</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="160" fixed="right" header-align="center" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
v-if="
|
||||
(row.type === 1 && auth('api:admin:permission:updategroup')) ||
|
||||
(row.type === 2 && auth('api:admin:permission:updatemenu')) ||
|
||||
(row.type === 3 && auth('api:admin:permission:updatedot'))
|
||||
"
|
||||
icon="ele-EditPen"
|
||||
text
|
||||
type="primary"
|
||||
@click="onEdit(row)"
|
||||
>编辑</el-button
|
||||
>
|
||||
<my-dropdown-more
|
||||
v-auths="[
|
||||
'api:admin:permission:delete',
|
||||
'api:admin:permission:addgroup',
|
||||
'api:admin:permission:addmenu',
|
||||
'api:admin:permission:adddot',
|
||||
]"
|
||||
>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item v-if="row.type === 1 && auth('api:admin:permission:addgroup')" @click="onAdd({ type: 1, parentId: row.id })">
|
||||
新增分组
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item v-if="row.type === 1 && auth('api:admin:permission:addmenu')" @click="onAdd({ type: 2, parentId: row.id })">
|
||||
新增菜单
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item v-if="row.type === 2 && auth('api:admin:permission:adddot')" @click="onAdd({ type: 3, parentId: row.id })">
|
||||
新增权限点
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item v-if="auth('api:admin:permission:delete')" @click="onDelete(row)">删除</el-dropdown-item>
|
||||
<el-dropdown-item v-if="row.type === 1 && auth('api:admin:permission:addgroup')" @click="onCopy(row)"> 复制 </el-dropdown-item>
|
||||
<el-dropdown-item v-if="row.type === 2 && auth('api:admin:permission:addmenu')" @click="onCopy(row)"> 复制 </el-dropdown-item>
|
||||
<el-dropdown-item v-if="row.type === 3 && auth('api:admin:permission:adddot')" @click="onCopy(row)"> 复制 </el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</my-dropdown-more>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
|
||||
<permission-group-form
|
||||
ref="permissionGroupFormRef"
|
||||
:title="state.permissionFormTitle"
|
||||
:permission-tree-data="state.formPermissionGroupTreeData"
|
||||
></permission-group-form>
|
||||
|
||||
<permission-menu-form
|
||||
ref="permissionMenuFormRef"
|
||||
:title="state.permissionFormTitle"
|
||||
:permission-tree-data="state.formPermissionGroupTreeData"
|
||||
></permission-menu-form>
|
||||
|
||||
<permission-dot-form
|
||||
ref="permissionDotFormRef"
|
||||
:title="state.permissionFormTitle"
|
||||
:permission-tree-data="state.formPermissionMenuTreeData"
|
||||
></permission-dot-form>
|
||||
</my-layout>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/permission">
|
||||
import { ref, reactive, onMounted, getCurrentInstance, onBeforeMount, defineAsyncComponent, markRaw } from 'vue'
|
||||
import { PermissionGetListOutput, PermissionGetListInput, DictGetListOutput } from '/@/api/admin/data-contracts'
|
||||
import { PermissionApi } from '/@/api/admin/Permission'
|
||||
import { listToTree, treeToList, filterTree } from '/@/utils/tree'
|
||||
import { cloneDeep } from 'lodash-es'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { auth } from '/@/utils/authFunction'
|
||||
import { DictApi } from '/@/api/admin/Dict'
|
||||
import { PlatformType } from '/@/api/admin.extend/enum-contracts'
|
||||
|
||||
// 引入组件
|
||||
const PermissionGroupForm = defineAsyncComponent(() => import('./components/permission-group-form.vue'))
|
||||
const PermissionMenuForm = defineAsyncComponent(() => import('./components/permission-menu-form.vue'))
|
||||
const PermissionDotForm = defineAsyncComponent(() => import('./components/permission-dot-form.vue'))
|
||||
const MyDropdownMore = defineAsyncComponent(() => import('/@/components/my-dropdown-more/index.vue'))
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const DictType = {
|
||||
PlatForm: { name: 'platform', desc: '平台' },
|
||||
}
|
||||
|
||||
const permissionGroupFormRef = ref()
|
||||
const permissionMenuFormRef = ref()
|
||||
const permissionDotFormRef = ref()
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
permissionFormTitle: '',
|
||||
filter: {
|
||||
platform: PlatformType.Web.name,
|
||||
name: '',
|
||||
} as PermissionGetListInput,
|
||||
permissionTreeData: [] as Array<PermissionGetListOutput>,
|
||||
formPermissionGroupTreeData: [] as Array<PermissionGetListOutput>,
|
||||
formPermissionMenuTreeData: [] as Array<PermissionGetListOutput>,
|
||||
expandRowKeys: [] as string[],
|
||||
dictData: {
|
||||
[DictType.PlatForm.name]: [] as DictGetListOutput[] | null,
|
||||
},
|
||||
})
|
||||
|
||||
onMounted(async () => {
|
||||
await getDictList()
|
||||
await onQuery()
|
||||
state.expandRowKeys = treeToList(cloneDeep(state.permissionTreeData))
|
||||
.filter((a: PermissionGetListOutput) => a.opened === true)
|
||||
.map((a: PermissionGetListOutput) => a.id + '') as string[]
|
||||
eventBus.off('refreshPermission')
|
||||
eventBus.on('refreshPermission', async () => {
|
||||
onQuery()
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeMount(() => {
|
||||
eventBus.off('refreshPermission')
|
||||
})
|
||||
|
||||
const getDictList = async () => {
|
||||
const res = await new DictApi().getList([DictType.PlatForm.name]).catch(() => {})
|
||||
if (res?.success && res.data) {
|
||||
state.dictData = markRaw(res.data)
|
||||
}
|
||||
}
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
const res = await new PermissionApi()
|
||||
.getList({
|
||||
platform: state.filter.platform,
|
||||
})
|
||||
.catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
if (res && res.data && res.data.length > 0) {
|
||||
const label = state.filter.label || ''
|
||||
state.permissionTreeData = filterTree(listToTree(cloneDeep(res.data)), '', {
|
||||
filterWhere: (item: any, keyword: string) => {
|
||||
return item.label?.toLocaleLowerCase().indexOf(label) > -1 || item.path?.toLocaleLowerCase().indexOf(label) > -1
|
||||
},
|
||||
})
|
||||
state.formPermissionGroupTreeData = listToTree(cloneDeep(res.data).filter((a: any) => a.type === 1))
|
||||
state.formPermissionMenuTreeData = listToTree(cloneDeep(res.data).filter((a: any) => a.type === 1 || a.type === 2))
|
||||
} else {
|
||||
state.permissionTreeData = []
|
||||
state.formPermissionGroupTreeData = []
|
||||
state.formPermissionMenuTreeData = []
|
||||
}
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const onAdd = (row: PermissionGetListOutput) => {
|
||||
switch (row.type) {
|
||||
case 1:
|
||||
state.permissionFormTitle = '新增分组'
|
||||
permissionGroupFormRef.value.open({
|
||||
id: 0,
|
||||
platform: state.filter.platform,
|
||||
enabled: true,
|
||||
opened: true,
|
||||
icon: 'ele-Memo',
|
||||
parentId: row.parentId,
|
||||
})
|
||||
break
|
||||
case 2:
|
||||
state.permissionFormTitle = '新增菜单'
|
||||
permissionMenuFormRef.value.open({
|
||||
id: 0,
|
||||
platform: state.filter.platform,
|
||||
enabled: true,
|
||||
isKeepAlive: true,
|
||||
icon: 'ele-Memo',
|
||||
parentId: row.parentId,
|
||||
})
|
||||
break
|
||||
case 3:
|
||||
state.permissionFormTitle = '新增权限点'
|
||||
permissionDotFormRef.value.open({
|
||||
id: 0,
|
||||
platform: state.filter.platform,
|
||||
parentId: row.parentId,
|
||||
enabled: true,
|
||||
})
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
const onEdit = (row: PermissionGetListOutput) => {
|
||||
row.platform = state.filter.platform
|
||||
switch (row.type) {
|
||||
case 1:
|
||||
state.permissionFormTitle = '编辑分组'
|
||||
permissionGroupFormRef.value.open(row)
|
||||
break
|
||||
case 2:
|
||||
state.permissionFormTitle = '编辑菜单'
|
||||
permissionMenuFormRef.value.open(row)
|
||||
break
|
||||
case 3:
|
||||
state.permissionFormTitle = '编辑权限点'
|
||||
permissionDotFormRef.value.open(row)
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
const onCopy = (row: PermissionGetListOutput) => {
|
||||
switch (row.type) {
|
||||
case 1:
|
||||
state.permissionFormTitle = '新增分组'
|
||||
permissionGroupFormRef.value.open(row, true)
|
||||
break
|
||||
case 2:
|
||||
state.permissionFormTitle = '新增菜单'
|
||||
permissionMenuFormRef.value.open(row, true)
|
||||
break
|
||||
case 3:
|
||||
state.permissionFormTitle = '新增权限点'
|
||||
permissionDotFormRef.value.open(row, true)
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
const onDelete = (row: PermissionGetListOutput) => {
|
||||
proxy.$modal
|
||||
.confirmDelete(`确定要删除${row.type === 1 ? '分组' : row.type === 2 ? '菜单' : row.type === 3 ? '权限点' : ''}【${row.label}】?`)
|
||||
.then(async () => {
|
||||
await new PermissionApi().delete({ id: row.id }, { loading: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@ -1,140 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="title"
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="475px"
|
||||
>
|
||||
<el-form ref="formRef" :model="form" label-width="80px" label-position="left">
|
||||
<el-row :gutter="35">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="旧密码" prop="oldPassword" :rules="[{ required: true, message: '请输入旧密码', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.oldPassword" show-password autocomplete="off" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="新密码"
|
||||
prop="newPassword"
|
||||
:rules="[
|
||||
{ required: true, message: '请输入新密码', trigger: ['blur', 'change'] },
|
||||
{ validator: testNewPassword, trigger: ['blur', 'change'] },
|
||||
{ validator: validatorPwd, trigger: ['blur', 'change'] },
|
||||
]"
|
||||
>
|
||||
<el-input v-model="form.newPassword" show-password autocomplete="off" clearable @input="onInputNewPassword" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="确认密码"
|
||||
prop="confirmPassword"
|
||||
:rules="[
|
||||
{ required: true, message: '请输入确认密码', trigger: ['blur', 'change'] },
|
||||
{ validator: testConfirmPassword, trigger: ['blur', 'change'] },
|
||||
]"
|
||||
>
|
||||
<el-input v-model="form.confirmPassword" show-password autocomplete="off" clearable @input="onInputConfirmPassword" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/personal/change-password-form">
|
||||
import { reactive, toRefs, ref } from 'vue'
|
||||
import { UserChangePasswordInput } from '/@/api/admin/data-contracts'
|
||||
import { UserApi } from '/@/api/admin/User'
|
||||
import { verifyCnAndSpace } from '/@/utils/toolsValidate'
|
||||
import { validatorPwd } from '/@/utils/validators'
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
|
||||
const formRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
form: {} as UserChangePasswordInput,
|
||||
})
|
||||
const { form } = toRefs(state)
|
||||
|
||||
// 新密码验证器
|
||||
const testNewPassword = (rule: any, value: any, callback: any) => {
|
||||
if (value) {
|
||||
if (state.form.confirmPassword) {
|
||||
formRef.value.validateField('confirmPassword')
|
||||
}
|
||||
callback()
|
||||
}
|
||||
}
|
||||
|
||||
// 确认密码验证器
|
||||
const testConfirmPassword = (rule: any, value: any, callback: any) => {
|
||||
if (value) {
|
||||
if (value !== state.form.newPassword) {
|
||||
callback(new Error('确认密码和新密码不一致'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 输入新密码
|
||||
const onInputNewPassword = (val: string) => {
|
||||
state.form.newPassword = verifyCnAndSpace(val)
|
||||
}
|
||||
|
||||
// 输入确认密码
|
||||
const onInputConfirmPassword = (val: string) => {
|
||||
state.form.confirmPassword = verifyCnAndSpace(val)
|
||||
}
|
||||
|
||||
// 打开对话框
|
||||
const open = async () => {
|
||||
state.showDialog = true
|
||||
state.form = {} as UserChangePasswordInput
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
state.sureLoading = true
|
||||
const res = await new UserApi().changePassword(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
state.showDialog = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
@ -1,411 +0,0 @@
|
||||
<template>
|
||||
<div class="personal layout-pd" v-loading="state.loading">
|
||||
<el-row>
|
||||
<!-- 个人信息 -->
|
||||
<el-col :xs="24" :sm="24">
|
||||
<el-card shadow="hover" header="个人信息">
|
||||
<div class="personal-user">
|
||||
<div class="personal-user-left">
|
||||
<el-upload
|
||||
class="h100 personal-user-left-upload"
|
||||
:action="avatarAction"
|
||||
:headers="avatarHeaders"
|
||||
:data="{ autoUpdate: true }"
|
||||
:show-file-list="false"
|
||||
:before-upload="
|
||||
() => {
|
||||
state.token = storesUserInfo.getToken()
|
||||
state.avatarLoading = true
|
||||
}
|
||||
"
|
||||
:on-success="onAvatarSuccess"
|
||||
:on-error="onAvatarError"
|
||||
>
|
||||
<img :src="avatar" />
|
||||
</el-upload>
|
||||
</div>
|
||||
<div class="personal-user-right">
|
||||
<el-row>
|
||||
<el-col :span="24" class="personal-title mb18">{{ currentTime }}，{{ personalInfo.name }} </el-col>
|
||||
<el-col :span="24">
|
||||
<el-row>
|
||||
<el-col v-if="personalForm.nickName" :xs="24" :sm="8" class="personal-item mb6">
|
||||
<div class="personal-item-label">昵称：</div>
|
||||
<div class="personal-item-value">{{ personalInfo.nickName }}</div>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="16" class="personal-item mb6">
|
||||
<div class="personal-item-label">登录地区：</div>
|
||||
<div class="personal-item-value">
|
||||
{{ personalInfo.lastLoginCountry }} {{ personalInfo.lastLoginProvince }} {{ personalInfo.lastLoginCity }}
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-row>
|
||||
<el-col :xs="24" :sm="8" class="personal-item mb6">
|
||||
<div class="personal-item-label">登录IP：</div>
|
||||
<div class="personal-item-value">{{ personalInfo.lastLoginIP }}</div>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="16" class="personal-item mb6">
|
||||
<div class="personal-item-label">登录时间：</div>
|
||||
<div class="personal-item-value">{{ personalInfo.lastLoginTime }}</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
|
||||
<!-- 更新信息 -->
|
||||
<el-col :span="24">
|
||||
<el-card shadow="hover" class="mt15 personal-edit" header="更新信息">
|
||||
<div class="personal-edit-title">基本信息</div>
|
||||
<el-form ref="formRef" :model="personalForm" label-width="60px" class="mt35 mb35">
|
||||
<el-row :gutter="35">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4">
|
||||
<el-form-item label="姓名" prop="name" :rules="[{ required: true, message: '请输入姓名', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="personalForm.name" placeholder="请输入姓名" clearable></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4">
|
||||
<el-form-item label="昵称">
|
||||
<el-input v-model="personalForm.nickName" placeholder="请输入昵称" clearable></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item>
|
||||
<el-popconfirm title="确定要更新个人信息吗？" hide-icon hide-after="0" width="180" @confirm="onUpdateBasic">
|
||||
<template #reference>
|
||||
<el-button :loading="state.updateLoading" type="primary">
|
||||
<el-icon>
|
||||
<ele-Position />
|
||||
</el-icon>
|
||||
更新个人信息
|
||||
</el-button>
|
||||
</template>
|
||||
</el-popconfirm>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
<div class="personal-edit-safe-box">
|
||||
<div class="personal-edit-safe-item">
|
||||
<div class="personal-edit-safe-item-left">
|
||||
<div class="personal-edit-safe-item-left-label">密保手机</div>
|
||||
<div class="personal-edit-safe-item-left-value">已绑定手机：{{ personalInfo.mobile }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="personal-edit-safe-box">
|
||||
<div class="personal-edit-safe-item">
|
||||
<div class="personal-edit-safe-item-left">
|
||||
<div class="personal-edit-safe-item-left-label">密保邮箱</div>
|
||||
<div class="personal-edit-safe-item-left-value">已绑定邮箱：{{ personalInfo.email }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts" name="admin/personal">
|
||||
import { reactive, computed, onMounted, toRefs, ref, getCurrentInstance, defineAsyncComponent } from 'vue'
|
||||
import { formatAxis } from '/@/utils/formatTime'
|
||||
import { UserApi } from '/@/api/admin/User'
|
||||
import { UserGetBasicOutput } from '/@/api/admin/data-contracts'
|
||||
import { useUserInfo } from '/@/stores/userInfo'
|
||||
import pinia from '/@/stores/index'
|
||||
import { storeToRefs } from 'pinia'
|
||||
import { AxiosResponse } from 'axios'
|
||||
|
||||
// 引入组件
|
||||
const ChangePasswordForm = defineAsyncComponent(() => import('./components/change-password-form.vue'))
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
const changePasswordFormRef = ref()
|
||||
const formRef = ref()
|
||||
const storesUserInfo = useUserInfo(pinia)
|
||||
const { userInfos } = storeToRefs(storesUserInfo)
|
||||
|
||||
// 定义变量内容
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
newsInfoList: [] as any,
|
||||
recommendList: [] as any,
|
||||
personalInfo: {
|
||||
avatar: '',
|
||||
mobile: '',
|
||||
email: '',
|
||||
name: '',
|
||||
nickName: '',
|
||||
} as UserGetBasicOutput,
|
||||
personalForm: {
|
||||
name: '',
|
||||
nickName: '',
|
||||
},
|
||||
avatarLoading: false,
|
||||
updateLoading: false,
|
||||
token: storesUserInfo.getToken(),
|
||||
})
|
||||
|
||||
const { personalInfo, personalForm } = toRefs(state)
|
||||
|
||||
// 当前时间提示语
|
||||
const currentTime = computed(() => {
|
||||
return formatAxis(new Date())
|
||||
})
|
||||
|
||||
// 上传头像请求头部
|
||||
const avatarHeaders = computed(() => {
|
||||
return { Authorization: 'Bearer ' + state.token }
|
||||
})
|
||||
|
||||
// 头像地址
|
||||
const avatar = computed(() => {
|
||||
return userInfos.value.photo || 'https://img2.baidu.com/it/u=1978192862,2048448374&fm=253&fmt=auto&app=138&f=JPEG?w=504&h=500'
|
||||
})
|
||||
|
||||
// 上传头像请求url
|
||||
const avatarAction = computed(() => {
|
||||
return import.meta.env.VITE_API_URL + '/api/admin/user/avatar-upload'
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
initData()
|
||||
})
|
||||
|
||||
// 初始化数据
|
||||
const initData = async () => {
|
||||
state.loading = true
|
||||
const res = await new UserApi().getBasic().catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
if (res?.success) {
|
||||
state.personalForm.name = res.data?.name as string
|
||||
state.personalForm.nickName = res.data?.nickName as string
|
||||
state.personalInfo = res.data as UserGetBasicOutput
|
||||
}
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
// 上传头像成功
|
||||
const onAvatarSuccess = (res: AxiosResponse) => {
|
||||
state.avatarLoading = false
|
||||
if (!res?.success) {
|
||||
if (res.msg) {
|
||||
proxy.$modal.msgError(res.msg)
|
||||
}
|
||||
return
|
||||
}
|
||||
state.personalInfo.avatar = res.data
|
||||
storesUserInfo.setPhoto(res.data)
|
||||
}
|
||||
|
||||
// 上传头像失败
|
||||
const onAvatarError = (error: any) => {
|
||||
state.avatarLoading = false
|
||||
let message = ''
|
||||
if (error.message) {
|
||||
try {
|
||||
message = JSON.parse(error.message)?.msg
|
||||
} catch (err) {
|
||||
message = error.message || ''
|
||||
}
|
||||
}
|
||||
if (message) proxy.$modal.msgError(message)
|
||||
}
|
||||
|
||||
// 更新个人信息
|
||||
const onUpdateBasic = async () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
state.updateLoading = true
|
||||
const res = await new UserApi().updateBasic(state.personalForm, { showSuccessMessage: true }).catch(() => {
|
||||
state.updateLoading = false
|
||||
})
|
||||
state.updateLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
state.personalInfo.nickName = state.personalForm.nickName
|
||||
state.personalInfo.name = state.personalForm.name
|
||||
storesUserInfo.setUserName(state.personalForm.nickName || state.personalForm.name)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 修改密码
|
||||
const onChangePassword = () => {
|
||||
changePasswordFormRef.value.open()
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@use '/@/theme/mixins/index.scss' as *;
|
||||
.personal {
|
||||
.personal-user {
|
||||
height: 130px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.personal-user-left {
|
||||
width: 100px;
|
||||
height: 130px;
|
||||
border-radius: 3px;
|
||||
:deep(.el-upload) {
|
||||
height: 100%;
|
||||
}
|
||||
.personal-user-left-upload {
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 3px;
|
||||
}
|
||||
&:hover {
|
||||
img {
|
||||
animation: logoAnimation 0.3s ease-in-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.personal-user-right {
|
||||
flex: 1;
|
||||
padding: 0 15px;
|
||||
.personal-title {
|
||||
font-size: 18px;
|
||||
@include text-ellipsis(1);
|
||||
}
|
||||
.personal-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 13px;
|
||||
.personal-item-label {
|
||||
color: var(--el-text-color-secondary);
|
||||
@include text-ellipsis(1);
|
||||
}
|
||||
.personal-item-value {
|
||||
@include text-ellipsis(1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.personal-info {
|
||||
.personal-info-more {
|
||||
float: right;
|
||||
color: var(--el-text-color-secondary);
|
||||
font-size: 13px;
|
||||
&:hover {
|
||||
color: var(--el-color-primary);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.personal-info-box {
|
||||
height: 130px;
|
||||
overflow: hidden;
|
||||
.personal-info-ul {
|
||||
list-style: none;
|
||||
.personal-info-li {
|
||||
font-size: 13px;
|
||||
padding-bottom: 10px;
|
||||
.personal-info-li-title {
|
||||
display: inline-block;
|
||||
@include text-ellipsis(1);
|
||||
color: var(--el-text-color-secondary);
|
||||
text-decoration: none;
|
||||
}
|
||||
& a:hover {
|
||||
color: var(--el-color-primary);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.personal-recommend-row {
|
||||
.personal-recommend-col {
|
||||
.personal-recommend {
|
||||
position: relative;
|
||||
height: 100px;
|
||||
border-radius: 3px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
i {
|
||||
right: 0px !important;
|
||||
bottom: 0px !important;
|
||||
transition: all ease 0.3s;
|
||||
}
|
||||
}
|
||||
i {
|
||||
position: absolute;
|
||||
right: -10px;
|
||||
bottom: -10px;
|
||||
font-size: 70px;
|
||||
transform: rotate(-30deg);
|
||||
transition: all ease 0.3s;
|
||||
}
|
||||
.personal-recommend-auto {
|
||||
padding: 15px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 5%;
|
||||
color: var(--next-color-white);
|
||||
.personal-recommend-msg {
|
||||
font-size: 12px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.personal-edit {
|
||||
.personal-edit-title {
|
||||
position: relative;
|
||||
padding-left: 10px;
|
||||
color: var(--el-text-color-regular);
|
||||
&::after {
|
||||
content: '';
|
||||
width: 2px;
|
||||
height: 10px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
background: var(--el-color-primary);
|
||||
}
|
||||
}
|
||||
.personal-edit-safe-box {
|
||||
border-bottom: 1px solid var(--el-border-color-light, #ebeef5);
|
||||
padding: 15px 0;
|
||||
.personal-edit-safe-item {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.personal-edit-safe-item-left {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
.personal-edit-safe-item-left-label {
|
||||
color: var(--el-text-color-regular);
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.personal-edit-safe-item-left-value {
|
||||
color: var(--el-text-color-secondary);
|
||||
@include text-ellipsis(1);
|
||||
margin-right: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:last-of-type {
|
||||
padding-bottom: 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,125 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="title"
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="600px"
|
||||
>
|
||||
<el-form :model="form" ref="formRef" label-width="80px">
|
||||
<el-row :gutter="35">
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="名称" prop="name" :rules="[{ required: true, message: '请输入名称', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.name" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="编码" prop="code">
|
||||
<el-input v-model="form.code" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="排序">
|
||||
<el-input-number v-model="form.sort" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="启用">
|
||||
<el-switch v-model="form.enabled" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="说明">
|
||||
<el-input v-model="form.description" clearable type="textarea" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/pkg/form">
|
||||
import { reactive, toRefs, ref } from 'vue'
|
||||
import { PkgUpdateInput } from '/@/api/admin/data-contracts'
|
||||
import { PkgApi } from '/@/api/admin/Pkg'
|
||||
import { cloneDeep } from 'lodash-es'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
|
||||
const formRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
form: {} as PkgUpdateInput,
|
||||
})
|
||||
|
||||
const { form } = toRefs(state)
|
||||
|
||||
// 打开对话框
|
||||
const open = async (row: PkgUpdateInput = { id: 0 }) => {
|
||||
let formData = cloneDeep(row) as PkgUpdateInput
|
||||
if (row.id > 0) {
|
||||
const res = await new PkgApi().get({ id: row.id }, { loading: true })
|
||||
|
||||
if (res?.success) {
|
||||
formData = res.data as PkgUpdateInput
|
||||
formData.parentId = formData.parentId && formData.parentId > 0 ? formData.parentId : undefined
|
||||
}
|
||||
}
|
||||
|
||||
state.form = formData
|
||||
state.showDialog = true
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
state.sureLoading = true
|
||||
let res = {} as any
|
||||
state.form.parentId = state.form.parentId && state.form.parentId > 0 ? state.form.parentId : undefined
|
||||
if (state.form.id != undefined && state.form.id > 0) {
|
||||
res = await new PkgApi().update(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
} else {
|
||||
res = await new PkgApi().add(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
}
|
||||
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
eventBus.emit('refreshPkg')
|
||||
state.showDialog = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
@ -1,217 +0,0 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="innerTitle"
|
||||
append-to-body
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="780px"
|
||||
>
|
||||
<template #header="{ close, titleId, titleClass }">
|
||||
<div class="my-header">
|
||||
<div :id="titleId" :class="titleClass">
|
||||
设置{{ innerTitle }}
|
||||
<el-select v-model="state.platform" placeholder="请选择所属平台" style="width: 100px" @change="onQuery">
|
||||
<el-option v-for="item in state.dictData[DictType.PlatForm.name]" :key="item.code" :label="item.name" :value="item.code" />
|
||||
</el-select>
|
||||
菜单权限
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<div>
|
||||
<el-tree
|
||||
ref="permissionTreeRef"
|
||||
:data="state.permissionTreeData"
|
||||
node-key="id"
|
||||
show-checkbox
|
||||
highlight-current
|
||||
default-expand-all
|
||||
check-on-click-node
|
||||
:expand-on-click-node="false"
|
||||
:props="{ class: customNodeClass }"
|
||||
:default-checked-keys="state.checkedKeys"
|
||||
/>
|
||||
</div>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/pkg/components/set-pkg-menu">
|
||||
import { ref, reactive, getCurrentInstance, computed, markRaw } from 'vue'
|
||||
import { PkgGetListOutput, PkgSetPkgPermissionsInput, DictGetListOutput, PermissionGetPermissionListOutput } from '/@/api/admin/data-contracts'
|
||||
import { PkgApi } from '/@/api/admin/Pkg'
|
||||
import { PermissionApi } from '/@/api/admin/Permission'
|
||||
import { ElTree } from 'element-plus'
|
||||
import { DictApi } from '/@/api/admin/Dict'
|
||||
import { PlatformType } from '/@/api/admin.extend/enum-contracts'
|
||||
|
||||
/** 字典分类 */
|
||||
const DictType = {
|
||||
PlatForm: { name: 'platform', desc: '平台' },
|
||||
}
|
||||
|
||||
const props = defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
|
||||
const innerTitle = computed(() => {
|
||||
return props.title ? props.title : state.pkgName ? `设置【${state.pkgName}】菜单权限` : '设置菜单权限'
|
||||
})
|
||||
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
loading: false,
|
||||
sureLoading: false,
|
||||
permissionTreeData: [] as PermissionGetPermissionListOutput[],
|
||||
pkgId: 0 as number | undefined,
|
||||
pkgName: '' as string | undefined | null,
|
||||
checkedKeys: [],
|
||||
platform: PlatformType.Web.name,
|
||||
dictData: {
|
||||
[DictType.PlatForm.name]: [] as DictGetListOutput[] | null,
|
||||
},
|
||||
})
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
const permissionTreeRef = ref<InstanceType<typeof ElTree>>()
|
||||
|
||||
const getDictList = async () => {
|
||||
const res = await new DictApi().getList([DictType.PlatForm.name]).catch(() => {})
|
||||
if (res?.success && res.data) {
|
||||
state.dictData = markRaw(res.data)
|
||||
}
|
||||
}
|
||||
|
||||
const getPkgPermissionList = async () => {
|
||||
const res = await new PkgApi().getPkgPermissionList({ pkgId: state.pkgId })
|
||||
state.checkedKeys = res?.success ? (res.data as never[]) : []
|
||||
}
|
||||
|
||||
// 打开对话框
|
||||
const open = async (pkg: PkgGetListOutput) => {
|
||||
await getDictList()
|
||||
state.pkgId = pkg.id
|
||||
state.pkgName = pkg.name
|
||||
proxy.$modal.loading()
|
||||
await onQuery()
|
||||
await getPkgPermissionList()
|
||||
proxy.$modal.closeLoading()
|
||||
state.showDialog = true
|
||||
}
|
||||
|
||||
// 关闭对话框
|
||||
const close = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
|
||||
const res = await new PermissionApi().getPermissionList({ platform: state.platform }).catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
if (res && res.data && res.data.length > 0) {
|
||||
state.permissionTreeData = res.data
|
||||
} else {
|
||||
state.permissionTreeData = []
|
||||
}
|
||||
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const customNodeClass = (data: any, node: any) => {
|
||||
let isPenultimate = true
|
||||
for (const key in data.children) {
|
||||
if (data.children[key]?.children?.length ?? 0 > 0) {
|
||||
isPenultimate = false
|
||||
break
|
||||
}
|
||||
}
|
||||
return data.children?.length > 0 && isPenultimate ? `is-penultimate level${node.level}` : ''
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = async () => {
|
||||
state.sureLoading = true
|
||||
const permissionIds = permissionTreeRef.value?.getCheckedKeys(true)
|
||||
const input = {
|
||||
platform: state.platform,
|
||||
pkgId: state.pkgId,
|
||||
permissionIds: permissionIds,
|
||||
} as PkgSetPkgPermissionsInput
|
||||
const res = await new PkgApi().setPkgPermissions(input, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
state.showDialog = false
|
||||
}
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
close,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
:deep(.el-dialog__body) {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
:deep(.is-penultimate) {
|
||||
.el-tree-node__children {
|
||||
padding-left: 65px;
|
||||
white-space: pre-wrap;
|
||||
line-height: 100%;
|
||||
|
||||
.el-tree-node {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.el-tree-node__content {
|
||||
padding-left: 12px !important;
|
||||
padding-right: 12px;
|
||||
|
||||
.el-tree-node__expand-icon.is-leaf {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.level1 {
|
||||
.el-tree-node__children {
|
||||
padding-left: 36px;
|
||||
}
|
||||
}
|
||||
&.level2 {
|
||||
.el-tree-node__children {
|
||||
padding-left: 54x;
|
||||
}
|
||||
}
|
||||
&.level3 {
|
||||
.el-tree-node__children {
|
||||
padding-left: 72px;
|
||||
}
|
||||
}
|
||||
&.level4 {
|
||||
.el-tree-node__children {
|
||||
padding-left: 90px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,338 +0,0 @@
|
||||
<template>
|
||||
<MySplitPanes>
|
||||
<pane size="50" min-size="30" max-size="70">
|
||||
<div class="my-flex-column w100 h100">
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :inline="true" @submit.stop.prevent>
|
||||
<el-form-item label="套餐名">
|
||||
<el-input v-model="state.filter.pkgName" placeholder="套餐名" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:pkg:add'" type="primary" icon="ele-Plus" @click="onAdd"> 新增 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table
|
||||
ref="pkgTableRef"
|
||||
v-loading="state.loading"
|
||||
:data="state.pkgData"
|
||||
default-expand-all
|
||||
highlight-current-row
|
||||
style="width: 100%"
|
||||
border
|
||||
@current-change="onTableCurrentChange"
|
||||
>
|
||||
<el-table-column prop="name" label="套餐名" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="sort" label="排序" width="82" align="center" show-overflow-tooltip />
|
||||
<el-table-column label="操作" width="100" fixed="right" header-align="center" align="center">
|
||||
<template #default="{ row }">
|
||||
<my-dropdown-more
|
||||
v-auths="['api:admin:pkg:set-pkg-permissions', 'api:admin:pkg:update', 'api:admin:pkg:delete']"
|
||||
style="margin-left: 0px"
|
||||
>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item v-if="auth('api:admin:pkg:set-pkg-permissions')" @click="onSetPkgMenu(row)">菜单权限</el-dropdown-item>
|
||||
<el-dropdown-item v-if="auth('api:admin:pkg:update')" @click="onEdit(row)">编辑套餐</el-dropdown-item>
|
||||
<el-dropdown-item v-if="auth('api:admin:pkg:delete')" @click="onDelete(row)">删除套餐</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</my-dropdown-more>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="my-flex my-flex-end" style="margin-top: 10px">
|
||||
<el-pagination
|
||||
v-model:currentPage="state.pageInput.currentPage"
|
||||
v-model:page-size="state.pageInput.pageSize"
|
||||
:total="state.total"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
background
|
||||
@size-change="onSizeChange"
|
||||
@current-change="onCurrentChange"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</pane>
|
||||
<pane>
|
||||
<div class="my-flex-column w100 h100">
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :inline="true" @submit.stop.prevent>
|
||||
<el-form-item label="企业名">
|
||||
<el-input v-model="state.filter.name" placeholder="企业名" @keyup.enter="onGetPkgTenantList" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onGetPkgTenantList"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:pkg:add-pkg-tenant'" type="primary" icon="ele-Plus" @click="onAddTenant"> 添加企业 </el-button>
|
||||
<el-button v-auth="'api:admin:pkg:remove-pkg-tenant'" type="danger" icon="ele-Delete" @click="onRemoveTenant"> 移除企业 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table
|
||||
ref="tenantTableRef"
|
||||
v-loading="state.tenantListLoading"
|
||||
:data="state.tenantData"
|
||||
row-key="id"
|
||||
style="width: 100%"
|
||||
border
|
||||
@row-click="onTenantRowClick"
|
||||
>
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column prop="name" label="企业名" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="code" label="企业编码" min-width="120" show-overflow-tooltip />
|
||||
</el-table>
|
||||
<div class="my-flex my-flex-end" style="margin-top: 10px">
|
||||
<el-pagination
|
||||
v-model:currentPage="state.tenantPageInput.currentPage"
|
||||
v-model:page-size="state.tenantPageInput.pageSize"
|
||||
:total="state.tenantTotal"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
background
|
||||
@size-change="onTenantSizeChange"
|
||||
@current-change="onTenantCurrentChange"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</pane>
|
||||
|
||||
<pkg-form ref="pkgFormRef" :title="state.pkgFormTitle"></pkg-form>
|
||||
<tenant-select
|
||||
ref="tenantSelectRef"
|
||||
:title="`添加【${state.pkgName}】企业`"
|
||||
multiple
|
||||
:sure-loading="state.sureLoading"
|
||||
@sure="onSureTenant"
|
||||
></tenant-select>
|
||||
<set-pkg-menu ref="setPkgMenuRef"></set-pkg-menu>
|
||||
</MySplitPanes>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/pkg">
|
||||
import { ref, reactive, onMounted, getCurrentInstance, onBeforeMount, nextTick, defineAsyncComponent } from 'vue'
|
||||
import {
|
||||
PageInputPkgGetPageInput,
|
||||
PkgGetPkgTenantListOutput,
|
||||
PkgGetPageOutput,
|
||||
PkgAddPkgTenantListInput,
|
||||
PageInputPkgGetPkgTenantListInput,
|
||||
} from '/@/api/admin/data-contracts'
|
||||
import { PkgApi } from '/@/api/admin/Pkg'
|
||||
import { ElTable } from 'element-plus'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { auth } from '/@/utils/authFunction'
|
||||
import { Pane } from 'splitpanes'
|
||||
|
||||
// 引入组件
|
||||
const PkgForm = defineAsyncComponent(() => import('./components/pkg-form.vue'))
|
||||
const SetPkgMenu = defineAsyncComponent(() => import('./components/set-pkg-menu.vue'))
|
||||
const TenantSelect = defineAsyncComponent(() => import('/@/views/admin/tenant/components/tenant-select.vue'))
|
||||
const MyDropdownMore = defineAsyncComponent(() => import('/@/components/my-dropdown-more/index.vue'))
|
||||
const MySplitPanes = defineAsyncComponent(() => import('/@/components/my-layout/split-panes.vue'))
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const pkgTableRef = ref()
|
||||
const pkgFormRef = ref()
|
||||
const tenantTableRef = ref<InstanceType<typeof ElTable>>()
|
||||
const tenantSelectRef = ref()
|
||||
const setPkgMenuRef = ref()
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
tenantListLoading: false,
|
||||
sureLoading: false,
|
||||
pkgFormTitle: '',
|
||||
filter: {
|
||||
name: '',
|
||||
pkgName: '',
|
||||
},
|
||||
total: 0,
|
||||
pageInput: {
|
||||
currentPage: 1,
|
||||
pageSize: 20,
|
||||
filter: {
|
||||
name: '',
|
||||
},
|
||||
} as PageInputPkgGetPageInput,
|
||||
pkgData: [] as any,
|
||||
tenantPageInput: {
|
||||
currentPage: 1,
|
||||
pageSize: 20,
|
||||
filter: {
|
||||
pkgId: null,
|
||||
tenantName: '',
|
||||
},
|
||||
} as PageInputPkgGetPkgTenantListInput,
|
||||
tenantData: [] as PkgGetPkgTenantListOutput[],
|
||||
tenantTotal: 0,
|
||||
pkgId: undefined as number | undefined,
|
||||
pkgName: '' as string | null | undefined,
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
onQuery()
|
||||
eventBus.off('refreshPkg')
|
||||
eventBus.on('refreshPkg', async () => {
|
||||
onQuery()
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeMount(() => {
|
||||
eventBus.off('refreshPkg')
|
||||
})
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
if (state.pageInput.filter) state.pageInput.filter.name = state.filter.pkgName
|
||||
const res = await new PkgApi().getPage(state.pageInput).catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
|
||||
state.pkgData = res?.data?.list ?? []
|
||||
state.total = res?.data?.total ?? 0
|
||||
|
||||
if (state.pkgData?.length > 0) {
|
||||
nextTick(() => {
|
||||
pkgTableRef.value!.setCurrentRow(state.pkgData[0])
|
||||
})
|
||||
}
|
||||
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const onSizeChange = (val: number) => {
|
||||
state.pageInput.currentPage = 1
|
||||
state.pageInput.pageSize = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onCurrentChange = (val: number) => {
|
||||
state.pageInput.currentPage = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onTableCurrentChange = (currentRow: PkgGetPageOutput) => {
|
||||
if (!currentRow) {
|
||||
return
|
||||
}
|
||||
|
||||
state.pkgId = currentRow.id
|
||||
state.pkgName = currentRow.name
|
||||
onGetPkgTenantList()
|
||||
}
|
||||
|
||||
const onAdd = () => {
|
||||
state.pkgFormTitle = '新增套餐'
|
||||
pkgFormRef.value.open({ enabled: true })
|
||||
}
|
||||
|
||||
const onEdit = (row: PkgGetPageOutput) => {
|
||||
state.pkgFormTitle = '编辑套餐'
|
||||
pkgFormRef.value.open(row)
|
||||
}
|
||||
|
||||
const onDelete = (row: PkgGetPageOutput) => {
|
||||
proxy.$modal
|
||||
.confirmDelete(`确定要删除套餐【${row.name}】?`)
|
||||
.then(async () => {
|
||||
await new PkgApi().delete({ id: row.id }, { loading: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onGetPkgTenantList = async () => {
|
||||
state.tenantListLoading = true
|
||||
state.tenantPageInput.filter = { pkgId: state.pkgId, tenantName: state.filter.name }
|
||||
const res = await new PkgApi().getPkgTenantPage(state.tenantPageInput).catch(() => {
|
||||
state.tenantListLoading = false
|
||||
})
|
||||
state.tenantListLoading = false
|
||||
if (res?.success) {
|
||||
state.tenantData = res?.data?.list ?? []
|
||||
state.tenantTotal = res?.data?.total ?? 0
|
||||
}
|
||||
}
|
||||
|
||||
const onTenantSizeChange = (val: number) => {
|
||||
state.tenantPageInput.pageSize = val
|
||||
onGetPkgTenantList()
|
||||
}
|
||||
|
||||
const onTenantCurrentChange = (val: number) => {
|
||||
state.tenantPageInput.currentPage = val
|
||||
onGetPkgTenantList()
|
||||
}
|
||||
|
||||
const onTenantRowClick = (row: PkgGetPkgTenantListOutput) => {
|
||||
tenantTableRef.value!.toggleRowSelection(row, undefined)
|
||||
}
|
||||
|
||||
const onAddTenant = () => {
|
||||
if (!((state.pkgId as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择套餐')
|
||||
return
|
||||
}
|
||||
tenantSelectRef.value.open({ pkgId: state.pkgId })
|
||||
}
|
||||
|
||||
const onRemoveTenant = () => {
|
||||
if (!((state.pkgId as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择套餐')
|
||||
return
|
||||
}
|
||||
|
||||
const selectionRows = tenantTableRef.value!.getSelectionRows() as PkgGetPageOutput[]
|
||||
|
||||
if (!((selectionRows.length as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择租户')
|
||||
return
|
||||
}
|
||||
|
||||
proxy.$modal
|
||||
.confirm(`确定要移除吗?`)
|
||||
.then(async () => {
|
||||
const tenantIds = selectionRows?.map((a) => a.id)
|
||||
const input = { pkgId: state.pkgId, tenantIds } as PkgAddPkgTenantListInput
|
||||
await new PkgApi().removePkgTenant(input, { loading: true })
|
||||
onGetPkgTenantList()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onSureTenant = async (tenants: PkgGetPageOutput[]) => {
|
||||
if (!(tenants?.length > 0)) {
|
||||
tenantSelectRef.value.close()
|
||||
return
|
||||
}
|
||||
|
||||
state.sureLoading = true
|
||||
const tenantIds = tenants?.map((a) => a.id)
|
||||
const input = { pkgId: state.pkgId, tenantIds } as PkgAddPkgTenantListInput
|
||||
await new PkgApi().addPkgTenant(input, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
state.sureLoading = false
|
||||
tenantSelectRef.value.close()
|
||||
onGetPkgTenantList()
|
||||
}
|
||||
|
||||
const onSetPkgMenu = (pkg: PkgGetPageOutput) => {
|
||||
if (!((pkg?.id as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择套餐')
|
||||
return
|
||||
}
|
||||
setPkgMenuRef.value.open(pkg)
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@ -1,236 +0,0 @@
|
||||
<template>
|
||||
<el-drawer v-model="state.visible" direction="ltr" destroy-on-close size="100%" @closed="onClosed">
|
||||
<template #header="{ titleId, titleClass }">
|
||||
<div class="my-flex my-flex-between mr10">
|
||||
<span :id="titleId" :class="titleClass">{{ title }}</span>
|
||||
<div>
|
||||
<el-button ref="saveRef" type="primary" round :loading="state.saveLoading">
|
||||
<template #icon>
|
||||
<el-icon>
|
||||
<my-icon name="save" color="var(--color)"></my-icon>
|
||||
</el-icon>
|
||||
</template>
|
||||
保存
|
||||
</el-button>
|
||||
<el-popover ref="popoverSaveRef" placement="bottom-end" :virtual-ref="saveRef" trigger="click" virtual-triggering width="auto" title="提示">
|
||||
<p class="my-flex my-flex-items-center">
|
||||
<SvgIcon name="ele-Warning" size="16" color="var(--el-color-warning)" class="mr5" />
|
||||
确定要保存设计模板吗？
|
||||
</p>
|
||||
<div class="mt10" style="text-align: right; margin: 0">
|
||||
<el-button text @click="onSaveCancel">取消</el-button>
|
||||
<el-button type="primary" @click="onSave"> 保存并关闭 </el-button>
|
||||
<el-button type="primary" @click="onSave(false)"> 保存 </el-button>
|
||||
</div>
|
||||
</el-popover>
|
||||
|
||||
<el-tooltip content="刷新" placement="bottom">
|
||||
<el-button ref="refreshRef" link>
|
||||
<template #icon>
|
||||
<el-icon size="18px">
|
||||
<ele-Refresh></ele-Refresh>
|
||||
</el-icon>
|
||||
</template>
|
||||
</el-button>
|
||||
</el-tooltip>
|
||||
<el-popover ref="popoverRefreshRef" placement="bottom" :virtual-ref="refreshRef" trigger="click" virtual-triggering :width="230">
|
||||
<p class="my-flex my-flex-items-center">确定要刷新设计模板吗？</p>
|
||||
<div class="mt10" style="text-align: right; margin: 0">
|
||||
<el-button text @click="onRefreshCancel">取消</el-button>
|
||||
<el-button type="primary" @click="onRefresh">确定</el-button>
|
||||
</div>
|
||||
</el-popover>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<Design ref="designRef" :title="title" v-model:printData="state.printTemplate.printData"></Design>
|
||||
</el-drawer>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/print-template-deisgn">
|
||||
import { reactive, ref, getCurrentInstance, nextTick } from 'vue'
|
||||
import Design from './design.vue'
|
||||
import { PrintTemplateGetPageOutput } from '/@/api/admin/data-contracts'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { PrintTemplateApi } from '/@/api/admin/PrintTemplate'
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const designRef = ref()
|
||||
const saveRef = ref()
|
||||
const popoverSaveRef = ref()
|
||||
const refreshRef = ref()
|
||||
const popoverRefreshRef = ref()
|
||||
|
||||
const state = reactive({
|
||||
visible: false,
|
||||
saveLoading: false,
|
||||
refreshLoading: false,
|
||||
printTemplate: {
|
||||
id: 0,
|
||||
version: 0,
|
||||
printData: '{}',
|
||||
},
|
||||
})
|
||||
|
||||
const loadData = async () => {
|
||||
if (state.printTemplate.id > 0) {
|
||||
state.refreshLoading = true
|
||||
const res = await new PrintTemplateApi().getUpdateTemplate({ id: state.printTemplate.id }).catch(() => {
|
||||
state.refreshLoading = false
|
||||
})
|
||||
state.refreshLoading = false
|
||||
if (res?.success) {
|
||||
const printTemplate = res.data
|
||||
state.printTemplate.id = printTemplate?.id as number
|
||||
state.printTemplate.version = printTemplate?.version as number
|
||||
state.printTemplate.printData = printTemplate?.printData || ('{}' as string)
|
||||
|
||||
nextTick(() => {
|
||||
designRef.value?.hiprintTemplate.clear()
|
||||
const template = JSON.parse(printTemplate?.template || '{}')
|
||||
designRef.value?.hiprintTemplate.update(template)
|
||||
designRef.value?.setPaper(template)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const onSaveCancel = () => {
|
||||
popoverSaveRef.value?.hide?.()
|
||||
}
|
||||
|
||||
const onRefreshCancel = () => {
|
||||
popoverRefreshRef.value?.hide?.()
|
||||
}
|
||||
|
||||
const onRefresh = () => {
|
||||
onRefreshCancel()
|
||||
loadData()
|
||||
}
|
||||
|
||||
//保存
|
||||
const onSave = async (close = true) => {
|
||||
try {
|
||||
if (designRef.value?.hiprintTemplate) {
|
||||
if (state.printTemplate.id != undefined && state.printTemplate.id > 0) {
|
||||
state.saveLoading = true
|
||||
const res = await new PrintTemplateApi()
|
||||
.updateTemplate(
|
||||
{
|
||||
id: state.printTemplate.id,
|
||||
version: state.printTemplate.version,
|
||||
template: JSON.stringify(designRef.value?.hiprintTemplate.getJson() || {}),
|
||||
printData: state.printTemplate.printData as string,
|
||||
},
|
||||
{ showSuccessMessage: true }
|
||||
)
|
||||
.catch(() => {
|
||||
state.saveLoading = false
|
||||
})
|
||||
|
||||
state.printTemplate.version = state.printTemplate.version + 1
|
||||
state.saveLoading = false
|
||||
onSaveCancel()
|
||||
if (res?.success) {
|
||||
eventBus.emit('refreshPrintTemplate')
|
||||
if (close) state.visible = false
|
||||
}
|
||||
} else {
|
||||
proxy.$modal.msgWarning('请选择打印模板')
|
||||
}
|
||||
}
|
||||
} catch (error) {}
|
||||
}
|
||||
|
||||
// 打开对话框
|
||||
const open = async (row: PrintTemplateGetPageOutput = {}) => {
|
||||
state.visible = true
|
||||
|
||||
state.printTemplate.id = row.id as number
|
||||
await loadData()
|
||||
}
|
||||
|
||||
// 关闭
|
||||
const onClosed = () => {
|
||||
state.visible = false
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
:deep() {
|
||||
.left-box {
|
||||
.el-tabs__header {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.el-tab-pane {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.rect-printElement-types .hiprint-printElement-type a.ep-draggable-item {
|
||||
height: auto;
|
||||
color: #666;
|
||||
box-shadow: none !important;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.hiprint-printElement-type a.ep-draggable-item:before {
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
content: '';
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.hiprint-printElement-type a.ep-draggable-item[tid='comModule.hline']:before {
|
||||
background-image: url('/@/assets/svgs/hiprint/hline.svg');
|
||||
}
|
||||
.hiprint-printElement-type a.ep-draggable-item[tid='comModule.vline']:before {
|
||||
background-image: url('/@/assets/svgs/hiprint/vline.svg');
|
||||
}
|
||||
.hiprint-printElement-type a.ep-draggable-item[tid='comModule.rect']:before {
|
||||
background-image: url('/@/assets/svgs/hiprint/rect.svg');
|
||||
}
|
||||
.hiprint-printElement-type a.ep-draggable-item[tid='comModule.oval']:before {
|
||||
background-image: url('/@/assets/svgs/hiprint/oval.svg');
|
||||
}
|
||||
.hiprint-printElement-type a.ep-draggable-item[tid='comModule.barcode']:before {
|
||||
background-image: url('/@/assets/svgs/hiprint/barcode.svg');
|
||||
}
|
||||
.hiprint-printElement-type a.ep-draggable-item[tid='comModule.qrcode']:before {
|
||||
background-image: url('/@/assets/svgs/hiprint/qrcode.svg');
|
||||
}
|
||||
.hiprint-printElement-type a.ep-draggable-item[tid='comModule.text']:before {
|
||||
background-image: url('/@/assets/svgs/hiprint/text.svg');
|
||||
}
|
||||
.hiprint-printElement-type a.ep-draggable-item[tid='comModule.longText']:before {
|
||||
background-image: url('/@/assets/svgs/hiprint/longText.svg');
|
||||
}
|
||||
.hiprint-printElement-type a.ep-draggable-item[tid='comModule.table']:before {
|
||||
background-image: url('/@/assets/svgs/hiprint/table.svg');
|
||||
}
|
||||
.hiprint-printElement-type a.ep-draggable-item[tid='comModule.emptyTable']:before {
|
||||
background-image: url('/@/assets/svgs/hiprint/emptyTable.svg');
|
||||
}
|
||||
.hiprint-printElement-type a.ep-draggable-item[tid='comModule.html']:before {
|
||||
background-image: url('/@/assets/svgs/hiprint/html.svg');
|
||||
}
|
||||
.hiprint-printElement-type a.ep-draggable-item[tid='comModule.image']:before {
|
||||
background-image: url('/@/assets/svgs/hiprint/image.svg');
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,594 +0,0 @@
|
||||
<template>
|
||||
<div class="h100 w100 my-design" style="position: relative">
|
||||
<div class="my-flex w100 h100">
|
||||
<div style="width: 220px; min-width: 220px; border-right: 1px solid var(--el-border-color)">
|
||||
<el-tabs tab-position="top" stretch class="h100 left-box">
|
||||
<el-tab-pane label="组件">
|
||||
<el-scrollbar height="100%" max-height="100%" :always="false" wrap-style="padding:10px">
|
||||
<!-- 拖拽组件 -->
|
||||
<div ref="epContainerRef" class="rect-printElement-types hiprintEpContainer"></div>
|
||||
</el-scrollbar>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="数据源">
|
||||
<MyJsonEditor
|
||||
v-model="printData"
|
||||
:options="{
|
||||
mode: 'text',
|
||||
mainMenuBar: true,
|
||||
statusBar: false,
|
||||
showErrorTable: false,
|
||||
modes: [],
|
||||
}"
|
||||
></MyJsonEditor>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
<div class="my-fill" style="overflow: hidden; min-width: 520px">
|
||||
<!-- 操作栏 -->
|
||||
<div style="padding: 10px 10px 0px 10px; border-bottom: 1px solid var(--el-border-color)">
|
||||
<div class="my-flex my-flex-wrap">
|
||||
<div>
|
||||
<!-- 纸张 -->
|
||||
<el-select v-model="state.curPaper.type" placeholder="纸张" class="mr2 mb10" style="width: 70px" @change="onSetPaper">
|
||||
<el-option v-for="item in state.paperTypes" :key="item.type" :label="item.type" :value="item.type" />
|
||||
</el-select>
|
||||
<!-- 自定义纸张 -->
|
||||
<el-tooltip content="自定义纸张" placement="top">
|
||||
<el-button ref="paperRef" :type="state.curPaper.type === '' ? 'primary' : ''" class="mr10 mb10">
|
||||
<el-icon>
|
||||
<my-icon name="customSize" color="var(--color)"></my-icon>
|
||||
</el-icon>
|
||||
</el-button>
|
||||
</el-tooltip>
|
||||
<el-popover ref="popoverRef" :virtual-ref="paperRef" trigger="click" virtual-triggering width="auto" title="设置纸张宽高(mm)">
|
||||
<p class="my-flex my-flex-items-center my-flex-between">
|
||||
<el-input-number
|
||||
v-model="state.customPaper.width"
|
||||
placeholder="宽"
|
||||
:precision="1"
|
||||
:step="1"
|
||||
min="0"
|
||||
controls-position="right"
|
||||
style="width: 110px"
|
||||
class="mr6"
|
||||
>
|
||||
</el-input-number>
|
||||
~
|
||||
<el-input-number
|
||||
v-model="state.customPaper.height"
|
||||
placeholder="高"
|
||||
:precision="1"
|
||||
:step="1"
|
||||
min="0"
|
||||
controls-position="right"
|
||||
style="width: 110px"
|
||||
class="ml6"
|
||||
>
|
||||
</el-input-number>
|
||||
</p>
|
||||
<div class="mt10">
|
||||
<el-button type="primary" class="w100" @click="onCustomPaper"> 确定 </el-button>
|
||||
</div>
|
||||
</el-popover>
|
||||
|
||||
<!-- 缩放 -->
|
||||
<el-input-number
|
||||
v-model="state.scaleValue"
|
||||
:precision="1"
|
||||
:step="0.1"
|
||||
min="0.5"
|
||||
max="5"
|
||||
class="mr10 mb10"
|
||||
@change="onChangeScale"
|
||||
style="width: 120px"
|
||||
>
|
||||
<template #decrease-icon>
|
||||
<SvgIcon name="ele-ZoomOut" />
|
||||
</template>
|
||||
<template #increase-icon>
|
||||
<SvgIcon name="ele-ZoomIn" />
|
||||
</template>
|
||||
</el-input-number>
|
||||
</div>
|
||||
|
||||
<!-- 排版 -->
|
||||
<el-button-group class="my-flex mr10 mb10">
|
||||
<el-tooltip content="左对齐" placement="top">
|
||||
<el-button @click="onSetElsAlign('left')">
|
||||
<el-icon>
|
||||
<my-icon name="left" color="var(--color)"></my-icon>
|
||||
</el-icon>
|
||||
</el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="居中" placement="top">
|
||||
<el-button @click="onSetElsAlign('vertical')">
|
||||
<el-icon>
|
||||
<my-icon name="vertical" color="var(--color)"></my-icon>
|
||||
</el-icon>
|
||||
</el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="右对齐" placement="top">
|
||||
<el-button @click="onSetElsAlign('right')">
|
||||
<el-icon>
|
||||
<my-icon name="right" color="var(--color)"></my-icon>
|
||||
</el-icon>
|
||||
</el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="顶对齐" placement="top">
|
||||
<el-button @click="onSetElsAlign('top')">
|
||||
<el-icon>
|
||||
<my-icon name="top" color="var(--color)"></my-icon>
|
||||
</el-icon>
|
||||
</el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="垂直居中" placement="top">
|
||||
<el-button @click="onSetElsAlign('horizontal')">
|
||||
<el-icon>
|
||||
<my-icon name="horizontal" color="var(--color)"></my-icon>
|
||||
</el-icon>
|
||||
</el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="底对齐" placement="top">
|
||||
<el-button @click="onSetElsAlign('bottom')">
|
||||
<el-icon>
|
||||
<my-icon name="bottom" color="var(--color)"></my-icon>
|
||||
</el-icon>
|
||||
</el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="横向分散" placement="top">
|
||||
<el-button @click="onSetElsAlign('distributeHor')">
|
||||
<el-icon>
|
||||
<my-icon name="distributeHor" color="var(--color)"></my-icon>
|
||||
</el-icon>
|
||||
</el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="纵向分散" placement="top">
|
||||
<el-button @click="onSetElsAlign('distributeVer')">
|
||||
<el-icon>
|
||||
<my-icon name="distributeVer" color="var(--color)"></my-icon>
|
||||
</el-icon>
|
||||
</el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="旋转" placement="top">
|
||||
<el-button @click="onRotatePaper">
|
||||
<el-icon>
|
||||
<my-icon name="rotate" color="var(--color)"></my-icon>
|
||||
</el-icon>
|
||||
</el-button>
|
||||
</el-tooltip>
|
||||
</el-button-group>
|
||||
|
||||
<!-- 操作 -->
|
||||
<el-button-group class="my-flex mb10">
|
||||
<el-tooltip content="预览" placement="top">
|
||||
<el-button icon="ele-View" @click="onPreView"></el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="清空" placement="top">
|
||||
<el-button icon="ele-Delete" @click="onClearPaper"></el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="打印" placement="top">
|
||||
<el-button icon="ele-Printer" @click="onPrint"> </el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="查看模板JSON" placement="top">
|
||||
<el-button @click="onViewJson">
|
||||
<el-icon>
|
||||
<my-icon name="json" color="var(--color)"></my-icon>
|
||||
</el-icon>
|
||||
</el-button>
|
||||
</el-tooltip>
|
||||
</el-button-group>
|
||||
</div>
|
||||
</div>
|
||||
<el-scrollbar
|
||||
ref="printTemplateScrollbarRef"
|
||||
height="100%"
|
||||
max-height="100%"
|
||||
:always="false"
|
||||
wrap-style="background-color: #fff;color: #333;"
|
||||
>
|
||||
<!-- 画布 -->
|
||||
<div ref="designRef" class="hiprint-printTemplate"></div>
|
||||
</el-scrollbar>
|
||||
</div>
|
||||
<div style="width: 350px; min-width: 350px; border-left: 1px solid var(--el-border-color)">
|
||||
<el-scrollbar height="100%" max-height="100%" :always="false" wrap-style="padding:0px">
|
||||
<!-- 配置 -->
|
||||
<div id="hiprint-printElementOptionSetting"></div>
|
||||
</el-scrollbar>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<PrintPreview ref="previewRef"></PrintPreview>
|
||||
<ViewJson ref="previewJsonDialogRef" title="查看模板JSON"></ViewJson>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/print-template-deisgn">
|
||||
import { reactive, ref, onMounted, nextTick, getCurrentInstance } from 'vue'
|
||||
import { hiprint } from 'vue-plugin-hiprint'
|
||||
import providers from './providers'
|
||||
import PrintPreview from './preview.vue'
|
||||
import ViewJson from './view-json.vue'
|
||||
import MyJsonEditor from '/@/components/my-json-editor/index.vue'
|
||||
|
||||
const title = defineModel('title', { type: String })
|
||||
const printData = defineModel('printData', { type: String })
|
||||
|
||||
interface IPaperType {
|
||||
type: string
|
||||
width: number
|
||||
height: number
|
||||
}
|
||||
|
||||
const state = reactive({
|
||||
visible: false,
|
||||
sureLoading: false,
|
||||
scaleValue: 1,
|
||||
// 当前纸张
|
||||
curPaper: {
|
||||
type: 'A4',
|
||||
width: 210,
|
||||
height: 296.6,
|
||||
} as IPaperType,
|
||||
// 自定义纸张
|
||||
customPaper: {
|
||||
type: '',
|
||||
width: 220,
|
||||
height: 80,
|
||||
} as IPaperType,
|
||||
// 纸张类型
|
||||
paperTypes: [
|
||||
{
|
||||
type: 'A3',
|
||||
width: 420,
|
||||
height: 296.6,
|
||||
},
|
||||
{
|
||||
type: 'A4',
|
||||
width: 210,
|
||||
height: 296.6,
|
||||
},
|
||||
{
|
||||
type: 'A5',
|
||||
width: 210,
|
||||
height: 147.6,
|
||||
},
|
||||
{
|
||||
type: 'B3',
|
||||
width: 500,
|
||||
height: 352.6,
|
||||
},
|
||||
{
|
||||
type: 'B4',
|
||||
width: 250,
|
||||
height: 352.6,
|
||||
},
|
||||
{
|
||||
type: 'B5',
|
||||
width: 250,
|
||||
height: 175.6,
|
||||
},
|
||||
] as IPaperType[],
|
||||
showSaveDialog: false,
|
||||
})
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
let hiprintTemplate = ref()
|
||||
const paperRef = ref()
|
||||
const popoverRef = ref()
|
||||
const printTemplateScrollbarRef = ref()
|
||||
const previewRef = ref()
|
||||
const previewJsonDialogRef = ref()
|
||||
const epContainerRef = ref()
|
||||
const designRef = ref()
|
||||
const epDraggableItemRef = ref()
|
||||
|
||||
onMounted(() => {
|
||||
buildProvider()
|
||||
buildDesigner()
|
||||
})
|
||||
|
||||
// 构建拖拽组件
|
||||
const buildProvider = () => {
|
||||
let provider = providers[0]
|
||||
hiprint.init({ providers: [provider.f] })
|
||||
|
||||
if (epContainerRef.value) {
|
||||
epContainerRef.value.innerHTML = ''
|
||||
}
|
||||
|
||||
hiprint.PrintElementTypeManager.build(epContainerRef.value, provider.value)
|
||||
}
|
||||
|
||||
// 构建设计器
|
||||
const buildDesigner = (template = {} as any) => {
|
||||
if (designRef.value) {
|
||||
designRef.value.innerHTML = ''
|
||||
}
|
||||
hiprintTemplate.value = new hiprint.PrintTemplate({
|
||||
template: template,
|
||||
settingContainer: '#hiprint-printElementOptionSetting',
|
||||
paginationContainer: '.hiprint-printPagination',
|
||||
fontList: [
|
||||
{ title: '微软雅黑', value: 'Microsoft YaHei' },
|
||||
{ title: '黑体', value: 'STHeitiSC-Light' },
|
||||
{ title: '思源黑体', value: 'SourceHanSansCN-Normal' },
|
||||
{ title: '王羲之书法体', value: '王羲之书法体' },
|
||||
{ title: '宋体', value: 'SimSun' },
|
||||
{ title: '华为楷体', value: 'STKaiti' },
|
||||
{ title: 'cursive', value: 'cursive' },
|
||||
],
|
||||
history: true,
|
||||
})
|
||||
|
||||
hiprintTemplate.value.design(designRef.value)
|
||||
|
||||
designRef.value.querySelector('.hiprint-printPaper')?.firstChild.click()
|
||||
}
|
||||
|
||||
const setPaper = (template = {} as any) => {
|
||||
if (template?.panels?.length > 0) {
|
||||
const width = template.panels[0].width
|
||||
const height = template.panels[0].height
|
||||
const paperType = state.paperTypes.find((a) => a.width == width && a.height == height)
|
||||
state.curPaper = { type: paperType?.type || '', width: width, height: height }
|
||||
if (state.curPaper.type === '') {
|
||||
state.customPaper.width = width
|
||||
state.customPaper.height = height
|
||||
}
|
||||
} else {
|
||||
onSetPaper(state.curPaper.type)
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 设置纸张大小
|
||||
* @param type [A3, A4, A5, B3, B4, B5, '']
|
||||
* @param value {width,height} mm
|
||||
*/
|
||||
const onSetPaper = (type: string, value?: { width: number; height: number }) => {
|
||||
try {
|
||||
const paperType = state.paperTypes.find((x) => x.type == type)
|
||||
if (paperType) {
|
||||
state.curPaper = { type: type, width: paperType.width, height: paperType.height }
|
||||
hiprintTemplate.value.setPaper(paperType.width, paperType.height)
|
||||
} else {
|
||||
state.curPaper = { type: '', width: value?.width as number, height: value?.height as number }
|
||||
hiprintTemplate.value.setPaper(value?.width, value?.height)
|
||||
}
|
||||
nextTick(() => {
|
||||
printTemplateScrollbarRef.value.update()
|
||||
})
|
||||
} catch (error) {
|
||||
proxy.$modal.msgError(`操作失败: ${error}`)
|
||||
}
|
||||
}
|
||||
|
||||
//自定义纸张
|
||||
const onCustomPaper = () => {
|
||||
popoverRef.value?.hide?.()
|
||||
onSetPaper('', { width: state.customPaper.width, height: state.customPaper.height })
|
||||
}
|
||||
|
||||
//排版
|
||||
const onSetElsAlign = (e: any) => {
|
||||
hiprintTemplate.value.setElsAlign(e)
|
||||
}
|
||||
|
||||
// 缩放
|
||||
const onChangeScale = () => {
|
||||
if (hiprintTemplate.value) {
|
||||
// scaleVal: 放大缩小值, false: 不保存(不传也一样), 如果传 true, 打印时也会放大
|
||||
hiprintTemplate.value.zoom(state.scaleValue)
|
||||
}
|
||||
}
|
||||
|
||||
// 旋转
|
||||
const onRotatePaper = () => {
|
||||
if (hiprintTemplate.value) {
|
||||
hiprintTemplate.value.rotatePaper()
|
||||
}
|
||||
}
|
||||
|
||||
//预览
|
||||
const onPreView = () => {
|
||||
if (hiprintTemplate.value) {
|
||||
previewRef.value.open(hiprintTemplate.value.getJson() || {}, JSON.parse(printData.value || '{}'), title.value)
|
||||
}
|
||||
}
|
||||
|
||||
// 清空
|
||||
const onClearPaper = () => {
|
||||
proxy.$modal
|
||||
.confirm(`确定要清空设计模板吗？`)
|
||||
.then(async () => {
|
||||
try {
|
||||
if (hiprintTemplate.value) {
|
||||
hiprintTemplate.value.clear()
|
||||
}
|
||||
} catch (error) {}
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
//打印
|
||||
const onPrint = async () => {
|
||||
if (hiprintTemplate.value) {
|
||||
hiprintTemplate.value.print(JSON.parse(printData.value || '{}'))
|
||||
}
|
||||
}
|
||||
|
||||
//查看Json
|
||||
const onViewJson = () => {
|
||||
if (hiprintTemplate.value) {
|
||||
let templateJson = JSON.stringify(hiprintTemplate.value.getJson() || {})
|
||||
previewJsonDialogRef.value.open(templateJson)
|
||||
}
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
hiprintTemplate,
|
||||
setPaper,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.hiprint-printElement {
|
||||
color: #000;
|
||||
}
|
||||
</style>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.hiprint-printTemplate {
|
||||
padding: 15px 10px 10px 15px;
|
||||
}
|
||||
:deep() {
|
||||
.jsoneditor {
|
||||
border-width: 0px;
|
||||
}
|
||||
.jsoneditor-menu {
|
||||
color: var(--el-text-color-primary);
|
||||
background-color: var(--el-color-primary);
|
||||
border-bottom: 1px solid var(--el-border-color);
|
||||
}
|
||||
|
||||
textarea.jsoneditor-text {
|
||||
background-color: var(--el-bg-color-overlay);
|
||||
color: var(--el-text-color-primary);
|
||||
}
|
||||
|
||||
.hiprint-option-items {
|
||||
padding: 10px;
|
||||
}
|
||||
.prop-tabs {
|
||||
background-color: var(--el-bg-color);
|
||||
border-style: none;
|
||||
box-shadow: none;
|
||||
border-color: var(--el-border-color);
|
||||
}
|
||||
.prop-tabs .prop-tab-items {
|
||||
display: flex;
|
||||
height: 40px;
|
||||
padding: 0px;
|
||||
border-bottom-color: var(--el-border-color);
|
||||
}
|
||||
.prop-tabs .prop-tab-items .prop-tab-item {
|
||||
background-color: var(--el-bg-color);
|
||||
flex: 1;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
.prop-tabs .prop-tab-items li.active {
|
||||
border-bottom: 2px solid var(--el-color-primary);
|
||||
color: var(--el-color-primary);
|
||||
}
|
||||
.prop-tabs .prop-tab-items .prop-tab-item .tab-title {
|
||||
font-weight: normal;
|
||||
}
|
||||
.prop-tabs .hiprint-option-items {
|
||||
background-color: var(--el-bg-color);
|
||||
padding: 10px;
|
||||
}
|
||||
.hiprint-option-item-settingBtn {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
background-color: var(--el-color-primary);
|
||||
}
|
||||
.prop-tabs .hiprint-option-item-settingBtn {
|
||||
width: 45%;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.hiprint-option-item-submitBtn {
|
||||
background-color: var(--el-color-primary);
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.hiprint-option-item-deleteBtn {
|
||||
background-color: var(--el-color-danger);
|
||||
margin-left: 10px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.hiprint-option-items .hiprint-option-item-field input,
|
||||
.hiprint-option-items .hiprint-option-item-field select,
|
||||
.hiprint-option-items .hiprint-option-item-field textarea {
|
||||
border: none;
|
||||
background-color: var(--el-bg-color);
|
||||
border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
|
||||
box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
|
||||
padding: 1px 11px;
|
||||
height: calc(var(--el-component-size, 32px));
|
||||
line-height: calc(var(--el-component-size, 32px) - 2px);
|
||||
&:hover {
|
||||
box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
|
||||
}
|
||||
&:focus {
|
||||
box-shadow: 0 0 0 1px var(--el-color-primary) inset;
|
||||
}
|
||||
}
|
||||
|
||||
.left-box {
|
||||
.el-tabs__header {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.el-tab-pane {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.rect-printElement-types .hiprint-printElement-type a.ep-draggable-item {
|
||||
height: auto;
|
||||
color: #666;
|
||||
box-shadow: none !important;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.hiprint-printElement-type a.ep-draggable-item:before {
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
content: '';
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.hiprint-printElement-type a.ep-draggable-item[tid='comModule.hline']:before {
|
||||
background-image: url('/@/assets/svgs/hiprint/hline.svg');
|
||||
}
|
||||
.hiprint-printElement-type a.ep-draggable-item[tid='comModule.vline']:before {
|
||||
background-image: url('/@/assets/svgs/hiprint/vline.svg');
|
||||
}
|
||||
.hiprint-printElement-type a.ep-draggable-item[tid='comModule.rect']:before {
|
||||
background-image: url('/@/assets/svgs/hiprint/rect.svg');
|
||||
}
|
||||
.hiprint-printElement-type a.ep-draggable-item[tid='comModule.oval']:before {
|
||||
background-image: url('/@/assets/svgs/hiprint/oval.svg');
|
||||
}
|
||||
.hiprint-printElement-type a.ep-draggable-item[tid='comModule.barcode']:before {
|
||||
background-image: url('/@/assets/svgs/hiprint/barcode.svg');
|
||||
}
|
||||
.hiprint-printElement-type a.ep-draggable-item[tid='comModule.qrcode']:before {
|
||||
background-image: url('/@/assets/svgs/hiprint/qrcode.svg');
|
||||
}
|
||||
.hiprint-printElement-type a.ep-draggable-item[tid='comModule.text']:before {
|
||||
background-image: url('/@/assets/svgs/hiprint/text.svg');
|
||||
}
|
||||
.hiprint-printElement-type a.ep-draggable-item[tid='comModule.longText']:before {
|
||||
background-image: url('/@/assets/svgs/hiprint/longText.svg');
|
||||
}
|
||||
.hiprint-printElement-type a.ep-draggable-item[tid='comModule.table']:before {
|
||||
background-image: url('/@/assets/svgs/hiprint/table.svg');
|
||||
}
|
||||
.hiprint-printElement-type a.ep-draggable-item[tid='comModule.emptyTable']:before {
|
||||
background-image: url('/@/assets/svgs/hiprint/emptyTable.svg');
|
||||
}
|
||||
.hiprint-printElement-type a.ep-draggable-item[tid='comModule.html']:before {
|
||||
background-image: url('/@/assets/svgs/hiprint/html.svg');
|
||||
}
|
||||
.hiprint-printElement-type a.ep-draggable-item[tid='comModule.image']:before {
|
||||
background-image: url('/@/assets/svgs/hiprint/image.svg');
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,122 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="title"
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="600px"
|
||||
>
|
||||
<el-form :model="form" ref="formRef" label-width="80px">
|
||||
<el-row :gutter="35">
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="模板名称" prop="name" :rules="[{ required: true, message: '请输入模板名称', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.name" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="模板编码" prop="code" :rules="[{ required: true, message: '请输入模板编码', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.code" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="排序">
|
||||
<el-input-number v-model="form.sort" class="w100" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="启用">
|
||||
<el-switch v-model="form.enabled" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/print-template-form">
|
||||
import { reactive, toRefs, ref } from 'vue'
|
||||
import { PrintTemplateUpdateInput, PrintTemplateGetOutput } from '/@/api/admin/data-contracts'
|
||||
import { PrintTemplateApi } from '/@/api/admin/PrintTemplate'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
|
||||
const formRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
form: {
|
||||
enabled: true,
|
||||
} as PrintTemplateUpdateInput & PrintTemplateGetOutput,
|
||||
})
|
||||
|
||||
const { form } = toRefs(state)
|
||||
|
||||
// 打开对话框
|
||||
const open = async (row: any = {}) => {
|
||||
if (row.id > 0) {
|
||||
const res = await new PrintTemplateApi().get({ id: row.id }, { loading: true })
|
||||
|
||||
if (res?.success) {
|
||||
let formData = res.data as PrintTemplateUpdateInput & PrintTemplateGetOutput
|
||||
state.form = formData
|
||||
}
|
||||
} else {
|
||||
state.form = {
|
||||
enabled: true,
|
||||
} as PrintTemplateUpdateInput & PrintTemplateGetOutput
|
||||
}
|
||||
|
||||
state.showDialog = true
|
||||
}
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
state.sureLoading = true
|
||||
let res = {} as any
|
||||
|
||||
if (state.form.id != undefined && state.form.id > 0) {
|
||||
res = await new PrintTemplateApi().update(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
} else {
|
||||
res = await new PrintTemplateApi().add(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
}
|
||||
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
eventBus.emit('refreshPrintTemplate')
|
||||
state.showDialog = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
@ -1,119 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="state.title"
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="true"
|
||||
:width="width"
|
||||
:show-close="false"
|
||||
style="max-width: 90%"
|
||||
body-class="preview-box"
|
||||
>
|
||||
<template #header="{ titleId, titleClass }">
|
||||
<div class="my-flex my-flex-between mr10">
|
||||
<span :id="titleId" :class="titleClass">{{ state.title }}</span>
|
||||
<div>
|
||||
<el-button type="primary" @click="onExport">
|
||||
<template #icon>
|
||||
<el-icon>
|
||||
<my-icon name="export" color="var(--color)"></my-icon>
|
||||
</el-icon>
|
||||
</template>
|
||||
导出PDF
|
||||
</el-button>
|
||||
<el-button type="primary" icon="ele-Printer" @click="onPrint">打 印</el-button>
|
||||
<el-button @click="onCancel">关 闭</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<div ref="previewContainerRef"></div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { reactive, ref, nextTick, computed } from 'vue'
|
||||
import { hiprint } from 'vue-plugin-hiprint'
|
||||
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
width: 0,
|
||||
title: '',
|
||||
printData: {},
|
||||
template: {} as any,
|
||||
})
|
||||
|
||||
const width = computed(() => {
|
||||
return `${state.width + 20}mm`
|
||||
})
|
||||
|
||||
const hiprintTemplate = ref()
|
||||
const previewContainerRef = ref<HTMLElement | null>(null) // 引用容器
|
||||
|
||||
// 打开对话框
|
||||
const open = async (template: any, printData: {}, title = '打印模板') => {
|
||||
state.title = title
|
||||
state.template = template
|
||||
state.printData = printData
|
||||
hiprintTemplate.value = new hiprint.PrintTemplate({
|
||||
template: state.template,
|
||||
})
|
||||
state.width = hiprintTemplate.value.printPanels?.length > 0 ? hiprintTemplate.value.printPanels[0].width : 210
|
||||
const htmlElements = hiprintTemplate.value.getHtml(printData)
|
||||
|
||||
state.showDialog = true
|
||||
|
||||
await nextTick()
|
||||
|
||||
// 清空容器
|
||||
if (previewContainerRef.value) {
|
||||
previewContainerRef.value.innerHTML = ''
|
||||
}
|
||||
|
||||
// 将 HTML 元素对象插入到容器中
|
||||
if (htmlElements?.length > 0 && previewContainerRef.value) {
|
||||
htmlElements.each((index: number, element: HTMLElement) => {
|
||||
previewContainerRef.value?.appendChild(element)
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// 导出PDF
|
||||
const onExport = () => {
|
||||
hiprintTemplate.value.toPdf(state.printData, state.title)
|
||||
}
|
||||
|
||||
//打印
|
||||
const onPrint = async () => {
|
||||
if (hiprintTemplate.value) {
|
||||
hiprintTemplate.value.print(state.printData)
|
||||
}
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
:deep() {
|
||||
.el-dialog__body {
|
||||
overflow-x: auto;
|
||||
}
|
||||
.preview-box {
|
||||
background-color: var(--el-bg-color-overlay);
|
||||
}
|
||||
.hiprint-printPaper {
|
||||
background-color: var(--el-color-white);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,165 +0,0 @@
|
||||
import { hiprint } from 'vue-plugin-hiprint'
|
||||
import logoImg from '/@/assets/logo-mini.svg'
|
||||
|
||||
export const comProvider = function () {
|
||||
var addElementTypes = function (context: any) {
|
||||
context.removePrintElementTypes('comModule')
|
||||
context.addPrintElementTypes('comModule', [
|
||||
new hiprint.PrintElementTypeGroup('常用组件', [
|
||||
{
|
||||
tid: 'comModule.text',
|
||||
title: '文本',
|
||||
data: '',
|
||||
type: 'text',
|
||||
},
|
||||
{
|
||||
tid: 'comModule.longText',
|
||||
title: '长文本',
|
||||
data: '',
|
||||
type: 'longText',
|
||||
options: {
|
||||
width: 500,
|
||||
},
|
||||
},
|
||||
{
|
||||
tid: 'comModule.table',
|
||||
field: 'table',
|
||||
title: '表格',
|
||||
type: 'table',
|
||||
groupFields: ['name'],
|
||||
groupFooterFormatter: function (group: any, option: any) {
|
||||
return '这里自定义统计脚信息'
|
||||
},
|
||||
options: {
|
||||
width: 500,
|
||||
},
|
||||
columns: [
|
||||
[
|
||||
{
|
||||
title: '行号',
|
||||
fixed: true,
|
||||
rowspan: 2,
|
||||
field: 'id',
|
||||
width: 70,
|
||||
},
|
||||
{ title: '人员信息', colspan: 2 },
|
||||
{ title: '销售统计', colspan: 2 },
|
||||
],
|
||||
[
|
||||
{
|
||||
title: '姓名',
|
||||
align: 'left',
|
||||
field: 'name',
|
||||
width: 100,
|
||||
},
|
||||
{ title: '性别', field: 'gender', width: 100 },
|
||||
{
|
||||
title: '销售数量',
|
||||
field: 'count',
|
||||
width: 100,
|
||||
},
|
||||
{
|
||||
title: '销售金额',
|
||||
field: 'amount',
|
||||
width: 100,
|
||||
},
|
||||
],
|
||||
],
|
||||
editable: true,
|
||||
columnDisplayEditable: true, //列显示是否能编辑
|
||||
columnDisplayIndexEditable: true, //列顺序显示是否能编辑
|
||||
columnTitleEditable: true, //列标题是否能编辑
|
||||
columnResizable: true, //列宽是否能调整
|
||||
columnAlignEditable: true, //列对齐是否调整
|
||||
isEnableEditField: true, //编辑字段
|
||||
isEnableContextMenu: true, //开启右键菜单 默认true
|
||||
isEnableInsertRow: true, //插入行
|
||||
isEnableDeleteRow: true, //删除行
|
||||
isEnableInsertColumn: true, //插入列
|
||||
isEnableDeleteColumn: true, //删除列
|
||||
isEnableMergeCell: true, //合并单元格
|
||||
},
|
||||
{
|
||||
tid: 'comModule.emptyTable',
|
||||
title: '空白表格',
|
||||
type: 'table',
|
||||
options: {
|
||||
width: 500,
|
||||
},
|
||||
columns: [
|
||||
[
|
||||
{
|
||||
title: '',
|
||||
field: '',
|
||||
width: 100,
|
||||
},
|
||||
{
|
||||
title: '',
|
||||
field: '',
|
||||
width: 100,
|
||||
},
|
||||
],
|
||||
],
|
||||
},
|
||||
{
|
||||
tid: 'comModule.html',
|
||||
title: 'html',
|
||||
formatter: function (data: any, options: any) {
|
||||
return '<div style="height:50pt;width:50pt;background:red;border-radius: 50%;"></div>'
|
||||
},
|
||||
type: 'html',
|
||||
},
|
||||
{
|
||||
tid: 'comModule.image',
|
||||
title: '图片',
|
||||
type: 'image',
|
||||
options: { field: '', src: logoImg },
|
||||
},
|
||||
]),
|
||||
new hiprint.PrintElementTypeGroup('辅助组件', [
|
||||
{
|
||||
tid: 'comModule.hline',
|
||||
title: '横线',
|
||||
type: 'hline',
|
||||
},
|
||||
{
|
||||
tid: 'comModule.vline',
|
||||
title: '竖线',
|
||||
type: 'vline',
|
||||
},
|
||||
{
|
||||
tid: 'comModule.rect',
|
||||
title: '矩形',
|
||||
type: 'rect',
|
||||
},
|
||||
{
|
||||
tid: 'comModule.oval',
|
||||
title: '椭圆',
|
||||
type: 'oval',
|
||||
},
|
||||
{
|
||||
tid: 'comModule.barcode',
|
||||
title: '条形码',
|
||||
type: 'barcode',
|
||||
},
|
||||
{
|
||||
tid: 'comModule.qrcode',
|
||||
title: '二维码',
|
||||
type: 'qrcode',
|
||||
},
|
||||
]),
|
||||
])
|
||||
}
|
||||
return {
|
||||
addElementTypes: addElementTypes,
|
||||
}
|
||||
}
|
||||
|
||||
export default [
|
||||
{
|
||||
name: '常用组件',
|
||||
value: 'comModule',
|
||||
type: 1,
|
||||
f: comProvider(),
|
||||
},
|
||||
]
|
||||
@ -1,67 +0,0 @@
|
||||
<template>
|
||||
<el-drawer v-model="state.showDialog" direction="rtl" destroy-on-close :size="size">
|
||||
<template #header="{ titleId, titleClass }">
|
||||
<h4 :id="titleId" :class="titleClass">{{ title }}</h4>
|
||||
<el-icon v-if="state.isFull" class="el-drawer__btn" @click="state.isFull = !state.isFull" title="还原"><ele-CopyDocument /></el-icon>
|
||||
<el-icon v-else class="el-drawer__btn" @click="state.isFull = !state.isFull" title="最大化"><ele-FullScreen /></el-icon>
|
||||
</template>
|
||||
<div class="my-fill h100">
|
||||
<MyJsonEditor
|
||||
v-model="state.templateJson"
|
||||
:options="{
|
||||
mainMenuBar: false,
|
||||
statusBar: false,
|
||||
onEditable: () => false,
|
||||
}"
|
||||
></MyJsonEditor>
|
||||
</div>
|
||||
</el-drawer>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { reactive, computed } from 'vue'
|
||||
import MyJsonEditor from '/@/components/my-json-editor/index.vue'
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '查看JSON',
|
||||
},
|
||||
})
|
||||
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
isFull: false,
|
||||
isMobile: document.body.clientWidth < 1000,
|
||||
templateJson: '',
|
||||
})
|
||||
|
||||
const size = computed(() => {
|
||||
return state.isMobile ? '100%' : state.isFull ? '100%' : '45%'
|
||||
})
|
||||
|
||||
// 打开对话框
|
||||
const open = (templateJson: any) => {
|
||||
state.templateJson = templateJson
|
||||
state.showDialog = true
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.el-alert {
|
||||
border-width: 0px !important;
|
||||
margin-left: 110px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.el-drawer__btn {
|
||||
cursor: pointer;
|
||||
margin-right: 8px;
|
||||
&:hover {
|
||||
color: var(--el-color-primary);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,201 +0,0 @@
|
||||
<template>
|
||||
<my-layout>
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form ref="filterFormRef" :model="state.filter" :inline="true" label-width="auto" :label-position="'left'" @submit.stop.prevent>
|
||||
<el-form-item label="模板名称" prop="name">
|
||||
<el-input v-model="state.filter.name" placeholder="模板名称" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="模板编码" prop="code">
|
||||
<el-input v-model="state.filter.code" placeholder="模板编码" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
||||
<el-button icon="ele-RefreshLeft" text bg @click="onReset"> 重置 </el-button>
|
||||
<el-button v-if="auth('api:admin:print-template:add')" type="primary" icon="ele-Plus" @click="onAdd"> 新增 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table v-loading="state.loading" :data="state.dataList" default-expand-all highlight-current-row style="width: 100%" border>
|
||||
<el-table-column prop="name" label="模板名称" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="code" label="模板编码" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="sort" label="排序" width="82" align="center" show-overflow-tooltip />
|
||||
<el-table-column label="状态" width="88" align="center" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-switch
|
||||
v-if="auth('api:admin:print-template:set-enable')"
|
||||
v-model="row.enabled"
|
||||
:loading="row.loading"
|
||||
:active-value="true"
|
||||
:inactive-value="false"
|
||||
inline-prompt
|
||||
active-text="启用"
|
||||
inactive-text="禁用"
|
||||
:before-change="() => onSetEnable(row)"
|
||||
/>
|
||||
<template v-else>
|
||||
<el-tag type="success" v-if="row.enabled">启用</el-tag>
|
||||
<el-tag type="danger" v-else>禁用</el-tag>
|
||||
</template>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="160" fixed="right" header-align="center" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-button v-auth="'api:admin:print-template:update'" text type="primary" @click="onEdit(row)"> 编辑 </el-button>
|
||||
<el-button v-auth="'api:admin:print-template:design'" text type="primary" @click="onDesign(row)"> 设计 </el-button>
|
||||
<el-button v-auth="'api:admin:print-template:delete'" text type="danger" @click="onDelete(row)"> 删除 </el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="my-flex my-flex-end" style="margin-top: 10px">
|
||||
<el-pagination
|
||||
v-model:currentPage="state.pageInput.currentPage"
|
||||
v-model:page-size="state.pageInput.pageSize"
|
||||
:total="state.total"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
background
|
||||
@size-change="onSizeChange"
|
||||
@current-change="onCurrentChange"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<PrintTemplateForm ref="formRef" :title="state.formTitle"></PrintTemplateForm>
|
||||
<PrintTemplateDesignDialog ref="designDialogRef" :title="state.designTitle"></PrintTemplateDesignDialog>
|
||||
</my-layout>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/print-template">
|
||||
import { ref, reactive, onMounted, getCurrentInstance, onBeforeMount, defineAsyncComponent } from 'vue'
|
||||
import { PageInputPrintTemplateGetPageInput, PrintTemplateGetPageOutput } from '/@/api/admin/data-contracts'
|
||||
import { PrintTemplateApi } from '/@/api/admin/PrintTemplate'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { auth } from '/@/utils/authFunction'
|
||||
import type { FormInstance } from 'element-plus'
|
||||
|
||||
// 引入组件
|
||||
const PrintTemplateForm = defineAsyncComponent(() => import('./components/form.vue'))
|
||||
const PrintTemplateDesignDialog = defineAsyncComponent(() => import('./components/design-dialog.vue'))
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const filterFormRef = ref<FormInstance>()
|
||||
const formRef = ref()
|
||||
const designDialogRef = ref()
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
formTitle: '',
|
||||
designTitle: '',
|
||||
total: 0,
|
||||
filter: {
|
||||
name: '',
|
||||
code: '',
|
||||
},
|
||||
pageInput: {
|
||||
currentPage: 1,
|
||||
pageSize: 20,
|
||||
} as PageInputPrintTemplateGetPageInput,
|
||||
dataList: [] as Array<PrintTemplateGetPageOutput>,
|
||||
})
|
||||
|
||||
onMounted(async () => {
|
||||
await onQuery()
|
||||
|
||||
eventBus.off('refreshPrintTemplate')
|
||||
eventBus.on('refreshPrintTemplate', async () => {
|
||||
onQuery()
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeMount(() => {
|
||||
eventBus.off('refreshPrintTemplate')
|
||||
})
|
||||
|
||||
const onSizeChange = (val: number) => {
|
||||
state.pageInput.currentPage = 1
|
||||
state.pageInput.pageSize = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onCurrentChange = (val: number) => {
|
||||
state.pageInput.currentPage = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
state.pageInput.filter = state.filter
|
||||
const res = await new PrintTemplateApi().getPage(state.pageInput).catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
|
||||
state.dataList = res?.data?.list ?? []
|
||||
state.total = res?.data?.total ?? 0
|
||||
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const onReset = () => {
|
||||
filterFormRef.value!.resetFields()
|
||||
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onAdd = () => {
|
||||
state.formTitle = '新增打印模板'
|
||||
formRef.value.open()
|
||||
}
|
||||
|
||||
const onEdit = (row: PrintTemplateGetPageOutput) => {
|
||||
state.formTitle = '编辑打印模板'
|
||||
formRef.value.open(row)
|
||||
}
|
||||
|
||||
const onDesign = (row: PrintTemplateGetPageOutput) => {
|
||||
state.designTitle = row.name ? row.name : '设计打印模板'
|
||||
designDialogRef.value.open(row)
|
||||
}
|
||||
|
||||
const onDelete = (row: PrintTemplateGetPageOutput) => {
|
||||
proxy.$modal
|
||||
.confirmDelete(`确定要删除打印模板【${row.name}】?`)
|
||||
.then(async () => {
|
||||
await new PrintTemplateApi().delete({ id: row.id }, { loading: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
//启用或禁用
|
||||
const onSetEnable = (row: PrintTemplateGetPageOutput & { loading: boolean }) => {
|
||||
return new Promise((resolve, reject) => {
|
||||
proxy.$modal
|
||||
.confirm(`确定要${row.enabled ? '禁用' : '启用'}【${row.name}】?`)
|
||||
.then(async () => {
|
||||
row.loading = true
|
||||
const res = await new PrintTemplateApi()
|
||||
.setEnable({ printTemplateId: row.id, enabled: !row.enabled }, { showSuccessMessage: true })
|
||||
.catch(() => {
|
||||
reject(new Error('Error'))
|
||||
})
|
||||
.finally(() => {
|
||||
row.loading = false
|
||||
})
|
||||
if (res && res.success) {
|
||||
resolve(true)
|
||||
onQuery()
|
||||
} else {
|
||||
reject(new Error('Cancel'))
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
reject(new Error('Cancel'))
|
||||
})
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@ -1,193 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-form ref="formRef" :model="form" size="large" class="login-content-form">
|
||||
<div class="login-title">注册账号</div>
|
||||
<el-form-item
|
||||
class="login-animation1"
|
||||
prop="email"
|
||||
:rules="[
|
||||
{ required: true, message: '请输入邮箱地址', trigger: ['blur', 'change'] },
|
||||
{ validator: testEmail, trigger: ['blur', 'change'] },
|
||||
]"
|
||||
>
|
||||
<el-input ref="emailRef" text :placeholder="$t('message.email.placeholder1')" v-model="form.email" clearable autocomplete="off">
|
||||
<template #prefix>
|
||||
<el-icon class="el-input__icon"><ele-Promotion /></el-icon>
|
||||
</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item class="login-animation2" prop="code" :rules="[{ required: true, message: '请输入邮箱验证码', trigger: ['blur', 'change'] }]">
|
||||
<MyInputCode v-model="form.code" :email="form.email" :validate="validatorEmail" @send="onSend" />
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
v-if="hasPassword"
|
||||
class="login-animation3"
|
||||
prop="password"
|
||||
:rules="[
|
||||
{ required: true, message: '请输入密码', trigger: ['blur', 'change'] },
|
||||
{ validator: validatorPwd, trigger: ['blur', 'change'] },
|
||||
]"
|
||||
>
|
||||
<el-input v-model="form.password" :placeholder="'输入密码'" show-password autocomplete="off" clearable @input="onInputPassword">
|
||||
<template #prefix>
|
||||
<el-icon class="el-input__icon"><ele-Unlock /></el-icon>
|
||||
</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
class="login-animation3 mb10"
|
||||
prop="corpName"
|
||||
:rules="[{ required: true, message: '请填写完整企业名称', trigger: ['blur', 'change'] }]"
|
||||
>
|
||||
<el-input ref="emailRef" text :placeholder="$t('请填写完整企业名称')" v-model="form.corpName" clearable autocomplete="off">
|
||||
<template #prefix>
|
||||
<el-icon class="el-input__icon"><ele-OfficeBuilding /></el-icon>
|
||||
</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item class="login-animation4 mb5">
|
||||
<el-button round type="primary" v-waves class="login-content-submit" :loading="state.loading" @click="onReg">
|
||||
<span>{{ $t('注册') }}</span>
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item class="login-animation5 mb5 login-agree" prop="agree" :rules="[{ validator: validatorAgree, trigger: ['change'] }]">
|
||||
<div class="my-flex my-flex-items-center f12">
|
||||
<el-checkbox v-model="form.agree">我已阅读并同意</el-checkbox>
|
||||
<div class="my-flex my-flex-items-center ml5">
|
||||
<el-link underline="never" type="primary" class="f12" target="_blank" href="https://zhontai.net/admin/introduce.html">服务协议</el-link>、
|
||||
<el-link underline="never" type="primary" class="f12" target="_blank" href="https://zhontai.net/admin/introduce.html">隐私政策</el-link>
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/reg-email">
|
||||
import { reactive, toRefs, ref, defineAsyncComponent } from 'vue'
|
||||
import { AuthRegByEmailInput } from '/@/api/admin/data-contracts'
|
||||
import { AuthApi } from '/@/api/admin/Auth'
|
||||
import { verifyCnAndSpace } from '/@/utils/toolsValidate'
|
||||
import { validatorPwd, validatorAgree } from '/@/utils/validators'
|
||||
import { testEmail } from '/@/utils/test'
|
||||
import { ElMessage } from 'element-plus'
|
||||
|
||||
const MyInputCode = defineAsyncComponent(() => import('/@/components/my-input-code/index.vue'))
|
||||
const isReg = defineModel('isReg', { type: Boolean, default: false })
|
||||
const hasPassword = defineModel('hasPassword', { type: Boolean, default: false })
|
||||
|
||||
const formRef = ref()
|
||||
const emailRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
loading: false,
|
||||
form: {
|
||||
agree: false,
|
||||
email: '',
|
||||
code: '',
|
||||
codeId: '',
|
||||
password: '',
|
||||
corpName: '中台',
|
||||
} as AuthRegByEmailInput & { agree: false },
|
||||
})
|
||||
const { form } = toRefs(state)
|
||||
|
||||
//验证邮箱
|
||||
const validatorEmail = (callback: Function) => {
|
||||
formRef.value.validateField('email', (isValid: boolean) => {
|
||||
if (!isValid) {
|
||||
emailRef.value?.focus()
|
||||
return
|
||||
}
|
||||
callback?.()
|
||||
})
|
||||
}
|
||||
|
||||
//发送验证码
|
||||
const onSend = (codeId: string) => {
|
||||
state.form.codeId = codeId
|
||||
}
|
||||
|
||||
// 输入密码
|
||||
const onInputPassword = (val: string) => {
|
||||
state.form.password = verifyCnAndSpace(val)
|
||||
}
|
||||
|
||||
// 打开对话框
|
||||
const open = async () => {
|
||||
state.showDialog = true
|
||||
state.form = {} as AuthRegByEmailInput & { agree: false }
|
||||
}
|
||||
|
||||
// 注册
|
||||
const onReg = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
state.loading = true
|
||||
const res = await new AuthApi().regByEmail(state.form, { showSuccessMessage: false }).catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
state.loading = false
|
||||
|
||||
if (res?.success) {
|
||||
ElMessage.success('注册成功')
|
||||
isReg.value = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.login-content-form {
|
||||
.login-title {
|
||||
margin-bottom: 50px;
|
||||
font-size: 27px;
|
||||
text-align: center;
|
||||
letter-spacing: 3px;
|
||||
color: var(--el-text-color-primary);
|
||||
position: relative;
|
||||
}
|
||||
.login-remind {
|
||||
color: #7f8792;
|
||||
margin-right: 5px;
|
||||
}
|
||||
@for $i from 1 through 5 {
|
||||
.login-animation#{$i} {
|
||||
opacity: 0;
|
||||
animation-name: error-num;
|
||||
animation-duration: 0.5s;
|
||||
animation-fill-mode: forwards;
|
||||
animation-delay: calc($i/10) + s;
|
||||
}
|
||||
}
|
||||
.login-content-code {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
.login-content-submit {
|
||||
width: 100%;
|
||||
letter-spacing: 2px;
|
||||
font-weight: 300;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.login-msg {
|
||||
color: var(--el-text-color-placeholder);
|
||||
}
|
||||
.f12 {
|
||||
font-size: 12px;
|
||||
}
|
||||
:deep() {
|
||||
.el-checkbox__input.is-checked + .el-checkbox__label {
|
||||
color: unset;
|
||||
}
|
||||
.login-agree.el-form-item--large .el-form-item__content {
|
||||
line-height: unset !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,201 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-form ref="formRef" :model="form" size="large" class="login-content-form">
|
||||
<div class="login-title">注册账号</div>
|
||||
<el-form-item
|
||||
class="login-animation1"
|
||||
prop="mobile"
|
||||
:rules="[
|
||||
{ required: true, message: '请输入手机号', trigger: ['blur', 'change'] },
|
||||
{ validator: testMobile, trigger: ['blur', 'change'] },
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
ref="phoneRef"
|
||||
text
|
||||
:placeholder="$t('message.mobile.placeholder1')"
|
||||
maxlength="11"
|
||||
v-model="form.mobile"
|
||||
clearable
|
||||
autocomplete="off"
|
||||
>
|
||||
<template #prefix>
|
||||
<el-icon class="el-input__icon"><ele-Iphone /></el-icon>
|
||||
</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item class="login-animation2" prop="code" :rules="[{ required: true, message: '请输入短信验证码', trigger: ['blur', 'change'] }]">
|
||||
<MyInputCode v-model="form.code" :mobile="form.mobile" :validate="validatorMobile" @send="onSend" />
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
v-if="hasPassword"
|
||||
class="login-animation3"
|
||||
prop="password"
|
||||
:rules="[
|
||||
{ required: true, message: '请输入密码', trigger: ['blur', 'change'] },
|
||||
{ validator: validatorPwd, trigger: ['blur', 'change'] },
|
||||
]"
|
||||
>
|
||||
<el-input v-model="form.password" :placeholder="'输入密码'" show-password autocomplete="off" clearable @input="onInputPassword">
|
||||
<template #prefix>
|
||||
<el-icon class="el-input__icon"><ele-Unlock /></el-icon>
|
||||
</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
class="login-animation3 mb10"
|
||||
prop="corpName"
|
||||
:rules="[{ required: true, message: '请填写完整企业名称', trigger: ['blur', 'change'] }]"
|
||||
>
|
||||
<el-input ref="emailRef" text :placeholder="$t('请填写完整企业名称')" v-model="form.corpName" clearable autocomplete="off">
|
||||
<template #prefix>
|
||||
<el-icon class="el-input__icon"><ele-OfficeBuilding /></el-icon>
|
||||
</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item class="login-animation4 mb5">
|
||||
<el-button round type="primary" v-waves class="login-content-submit" :loading="state.loading" @click="onReg">
|
||||
<span>{{ $t('注册') }}</span>
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item class="login-animation5 mb5 login-agree" prop="agree" :rules="[{ validator: validatorAgree, trigger: ['change'] }]">
|
||||
<div class="my-flex my-flex-items-center f12">
|
||||
<el-checkbox v-model="form.agree">我已阅读并同意</el-checkbox>
|
||||
<div class="my-flex my-flex-items-center ml5">
|
||||
<el-link underline="never" type="primary" class="f12" target="_blank" href="https://zhontai.net/admin/introduce.html">服务协议</el-link>、
|
||||
<el-link underline="never" type="primary" class="f12" target="_blank" href="https://zhontai.net/admin/introduce.html">隐私政策</el-link>
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/reg-email">
|
||||
import { reactive, toRefs, ref, defineAsyncComponent } from 'vue'
|
||||
import { AuthRegByMobileInput } from '/@/api/admin/data-contracts'
|
||||
import { AuthApi } from '/@/api/admin/Auth'
|
||||
import { verifyCnAndSpace } from '/@/utils/toolsValidate'
|
||||
import { validatorPwd, validatorAgree } from '/@/utils/validators'
|
||||
import { testMobile } from '/@/utils/test'
|
||||
import { ElMessage } from 'element-plus'
|
||||
|
||||
const MyInputCode = defineAsyncComponent(() => import('/@/components/my-input-code/index.vue'))
|
||||
const isReg = defineModel('isReg', { type: Boolean, default: false })
|
||||
const hasPassword = defineModel('hasPassword', { type: Boolean, default: false })
|
||||
|
||||
const formRef = ref()
|
||||
const phoneRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
loading: false,
|
||||
form: {
|
||||
agree: false,
|
||||
mobile: '',
|
||||
code: '',
|
||||
codeId: '',
|
||||
password: '',
|
||||
corpName: '中台',
|
||||
} as AuthRegByMobileInput & { agree: false },
|
||||
})
|
||||
const { form } = toRefs(state)
|
||||
|
||||
//验证手机号
|
||||
const validatorMobile = (callback: Function) => {
|
||||
formRef.value.validateField('mobile', (isValid: boolean) => {
|
||||
if (!isValid) {
|
||||
phoneRef.value?.focus()
|
||||
return
|
||||
}
|
||||
callback?.()
|
||||
})
|
||||
}
|
||||
|
||||
//发送验证码
|
||||
const onSend = (codeId: string) => {
|
||||
state.form.codeId = codeId
|
||||
}
|
||||
|
||||
// 输入密码
|
||||
const onInputPassword = (val: string) => {
|
||||
state.form.password = verifyCnAndSpace(val)
|
||||
}
|
||||
|
||||
// 打开对话框
|
||||
const open = async () => {
|
||||
state.showDialog = true
|
||||
state.form = {} as AuthRegByMobileInput & { agree: false }
|
||||
}
|
||||
|
||||
// 注册
|
||||
const onReg = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
state.loading = true
|
||||
const res = await new AuthApi().regByMobile(state.form, { showSuccessMessage: false }).catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
state.loading = false
|
||||
|
||||
if (res?.success) {
|
||||
ElMessage.success('注册成功')
|
||||
isReg.value = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.login-content-form {
|
||||
.login-title {
|
||||
margin-bottom: 50px;
|
||||
font-size: 27px;
|
||||
text-align: center;
|
||||
letter-spacing: 3px;
|
||||
color: var(--el-text-color-primary);
|
||||
position: relative;
|
||||
}
|
||||
.login-remind {
|
||||
color: #7f8792;
|
||||
margin-right: 5px;
|
||||
}
|
||||
@for $i from 1 through 5 {
|
||||
.login-animation#{$i} {
|
||||
opacity: 0;
|
||||
animation-name: error-num;
|
||||
animation-duration: 0.5s;
|
||||
animation-fill-mode: forwards;
|
||||
animation-delay: calc($i/10) + s;
|
||||
}
|
||||
}
|
||||
.login-content-code {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
.login-content-submit {
|
||||
width: 100%;
|
||||
letter-spacing: 2px;
|
||||
font-weight: 300;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.login-msg {
|
||||
color: var(--el-text-color-placeholder);
|
||||
}
|
||||
.f12 {
|
||||
font-size: 12px;
|
||||
}
|
||||
:deep() {
|
||||
.el-checkbox__input.is-checked + .el-checkbox__label {
|
||||
color: unset;
|
||||
}
|
||||
.login-agree.el-form-item--large .el-form-item__content {
|
||||
line-height: unset !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,183 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="title"
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="600px"
|
||||
>
|
||||
<el-form :model="form" ref="formRef" label-width="80px">
|
||||
<el-row :gutter="35">
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="上级地区">
|
||||
<RegionSelect v-model="form.parentIdList" v-model:parentId="form.parentId" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="类型" prop="level" :rules="[{ required: true, message: '请选择类型', trigger: ['change'] }]">
|
||||
<el-select v-model="form.level" placeholder="请选择类型" class="w100">
|
||||
<el-option v-for="item in state.regionLevelList" :key="item.label" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="地区名称" prop="name" :rules="[{ required: true, message: '请输入地区名称', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.name" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="地区简称">
|
||||
<el-input v-model="form.shortName" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="地区代码" prop="code" :rules="[{ required: true, message: '请输入地区代码', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.code" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="驻地">
|
||||
<el-input v-model="form.capital" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="人口">
|
||||
<el-input v-model="form.population" clearable>
|
||||
<template #append>万人</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="面积">
|
||||
<el-input v-model="form.area" clearable>
|
||||
<template #append>km²</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="区号">
|
||||
<el-input v-model="form.areaCode" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="邮编">
|
||||
<el-input v-model="form.zipCode" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="热门">
|
||||
<el-switch v-model="form.hot" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="排序">
|
||||
<el-input-number v-model="form.sort" class="w100" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="启用">
|
||||
<el-switch v-model="form.enabled" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { reactive, toRefs, ref, defineAsyncComponent } from 'vue'
|
||||
import { RegionUpdateInput, RegionGetOutput } from '/@/api/admin/data-contracts'
|
||||
import { RegionApi } from '/@/api/admin/Region'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { RegionLevel as RegionLevelEnum } from '/@/api/admin/enum-contracts'
|
||||
import { toOptionsByValue } from '/@/utils/enum'
|
||||
|
||||
const RegionSelect = defineAsyncComponent(() => import('./region-select.vue'))
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
|
||||
const formRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
regionLevelList: toOptionsByValue(RegionLevelEnum),
|
||||
form: {
|
||||
enabled: true,
|
||||
hot: false,
|
||||
} as RegionUpdateInput & RegionGetOutput,
|
||||
})
|
||||
|
||||
const { form } = toRefs(state)
|
||||
|
||||
// 打开对话框
|
||||
const open = async (row: any = {}) => {
|
||||
if (row.id > 0) {
|
||||
const res = await new RegionApi().get({ id: row.id }, { loading: true })
|
||||
|
||||
if (res?.success) {
|
||||
let formData = res.data as RegionUpdateInput & RegionGetOutput
|
||||
formData.parentId = formData.parentId && formData.parentId > 0 ? formData.parentId : undefined
|
||||
state.form = formData
|
||||
}
|
||||
} else {
|
||||
state.form = {
|
||||
enabled: true,
|
||||
hot: false,
|
||||
} as RegionUpdateInput & RegionGetOutput
|
||||
}
|
||||
|
||||
state.showDialog = true
|
||||
}
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
state.sureLoading = true
|
||||
let res = {} as any
|
||||
|
||||
state.form.parentId = state.form.parentId && state.form.parentId > 0 ? state.form.parentId : undefined
|
||||
if (state.form.id != undefined && state.form.id > 0) {
|
||||
res = await new RegionApi().update(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
} else {
|
||||
res = await new RegionApi().add(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
}
|
||||
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
eventBus.emit('refreshRegion')
|
||||
state.showDialog = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
@ -1,59 +0,0 @@
|
||||
<template>
|
||||
<el-cascader
|
||||
placeholder="请选择上级地区"
|
||||
:options="state.regionList"
|
||||
:props="cascaderProps"
|
||||
:persistent="true"
|
||||
filterable
|
||||
clearable
|
||||
class="w100"
|
||||
@change="onChange"
|
||||
v-bind="$attrs"
|
||||
><template #default="{ data }">
|
||||
<span>{{ data.name }}</span>
|
||||
<my-icon v-if="data.hot" name="hot" color="#ea322b" size="12" class="ml5"></my-icon>
|
||||
</template>
|
||||
</el-cascader>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { reactive } from 'vue'
|
||||
import type { CascaderProps } from 'element-plus'
|
||||
import { RegionApi } from '/@/api/admin/Region'
|
||||
|
||||
const parentId = defineModel('parentId', { type: Number, default: undefined })
|
||||
|
||||
const state = reactive({
|
||||
regionList: [] as any,
|
||||
})
|
||||
|
||||
const cascaderProps: CascaderProps = {
|
||||
checkStrictly: true,
|
||||
value: 'id',
|
||||
label: 'name',
|
||||
lazy: true,
|
||||
lazyLoad(node, resolve) {
|
||||
const value = node.value as number
|
||||
new RegionApi()
|
||||
.getChildList({ parentId: value > 0 ? value : 0 })
|
||||
.then((r) => {
|
||||
resolve(r.data as any)
|
||||
})
|
||||
.catch(() => {
|
||||
resolve([])
|
||||
})
|
||||
},
|
||||
}
|
||||
|
||||
const onChange = (value: any) => {
|
||||
parentId.value = value && value.length > 0 ? value[value.length - 1] : undefined
|
||||
}
|
||||
|
||||
const reset = () => {
|
||||
state.regionList = []
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
reset,
|
||||
})
|
||||
</script>
|
||||
@ -1,330 +0,0 @@
|
||||
<template>
|
||||
<my-layout>
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form ref="filterFormRef" :model="state.filter" :inline="true" label-width="auto" :label-position="'left'" @submit.stop.prevent>
|
||||
<el-form-item label="" prop="parentId">
|
||||
<RegionSelect ref="regionSelectRef" v-model:parentId="state.filter.parentId" placeholder="上级地区" />
|
||||
</el-form-item>
|
||||
<el-form-item label="" prop="name">
|
||||
<el-input v-model="state.filter.name" placeholder="地区名" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="类型" prop="level">
|
||||
<el-select v-model="state.filter.level" empty-values="[null]" style="width: 100px" @change="onQuery">
|
||||
<el-option label="全部" :value="undefined" />
|
||||
<el-option v-for="item in state.regionLevelList" :key="item.label" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="enabled">
|
||||
<el-select v-model="state.filter.enabled" :empty-values="[null]" style="width: 100px" @change="onQuery">
|
||||
<el-option v-for="item in state.statusList" :key="item.name" :label="item.name" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="热门" prop="hot">
|
||||
<el-select v-model="state.filter.hot" :empty-values="[null]" style="width: 100px" @change="onQuery">
|
||||
<el-option v-for="item in state.hotList" :key="item.name" :label="item.name" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
||||
<el-button icon="ele-RefreshLeft" text bg @click="onReset"> 重置 </el-button>
|
||||
<el-button v-if="auth('api:admin:region:add')" type="primary" icon="ele-Plus" @click="onAdd"> 新增 </el-button>
|
||||
<el-button v-if="auth('api:admin:region:sync-data')" ref="syncRef" :loading="state.sync.loading" type="primary" icon="ele-Refresh">
|
||||
同步
|
||||
</el-button>
|
||||
<el-popover
|
||||
v-if="auth('api:admin:region:sync-data')"
|
||||
ref="popoverRef"
|
||||
:virtual-ref="syncRef"
|
||||
trigger="click"
|
||||
virtual-triggering
|
||||
:width="300"
|
||||
>
|
||||
<p class="my-flex my-flex-items-center">
|
||||
确定要同步数据？
|
||||
<!-- 确定要同步至
|
||||
<el-select v-model="state.sync.regionLevel" :teleported="false" style="width: 75px; margin: 0px 5px">
|
||||
<el-option v-for="item in state.regionLevelList" :key="item.label" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
？ -->
|
||||
</p>
|
||||
<div class="mt10" style="text-align: right">
|
||||
<el-button text @click="onSyncCancel">取消</el-button>
|
||||
<el-button type="primary" @click="onSync"> 确定 </el-button>
|
||||
</div>
|
||||
</el-popover>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table v-loading="state.loading" :data="state.dataList" default-expand-all highlight-current-row style="width: 100%" border>
|
||||
<el-table-column prop="name" label="地区名" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="code" label="代码" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="level" label="类型" min-width="140" show-overflow-tooltip :formatter="formatterEnum" />
|
||||
<el-table-column prop="pinyin" label="拼音" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="sort" label="排序" width="82" align="center" show-overflow-tooltip />
|
||||
<el-table-column label="状态" width="88" align="center" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-switch
|
||||
v-if="auth('api:admin:region:set-enable')"
|
||||
v-model="row.enabled"
|
||||
:loading="row.loading"
|
||||
:active-value="true"
|
||||
:inactive-value="false"
|
||||
inline-prompt
|
||||
active-text="启用"
|
||||
inactive-text="禁用"
|
||||
:before-change="() => onSetEnable(row)"
|
||||
/>
|
||||
<template v-else>
|
||||
<el-tag type="success" v-if="row.enabled">启用</el-tag>
|
||||
<el-tag type="danger" v-else>禁用</el-tag>
|
||||
</template>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="热门" width="88" align="center" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-switch
|
||||
v-if="auth('api:admin:region:set-hot')"
|
||||
v-model="row.hot"
|
||||
:loading="row.hotLoading"
|
||||
:active-value="true"
|
||||
:inactive-value="false"
|
||||
inline-prompt
|
||||
active-text="是"
|
||||
inactive-text="否"
|
||||
:before-change="() => onSetHot(row)"
|
||||
/>
|
||||
<template v-else>
|
||||
<el-tag type="success" v-if="row.enabled">是</el-tag>
|
||||
<el-tag type="danger" v-else>否</el-tag>
|
||||
</template>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="160" fixed="right" header-align="center" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-button v-auth="'api:admin:region:update'" icon="ele-EditPen" text type="primary" @click="onEdit(row)">编辑</el-button>
|
||||
<el-button v-auth="'api:admin:region:delete'" icon="ele-Delete" text type="danger" @click="onDelete(row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="my-flex my-flex-end" style="margin-top: 10px">
|
||||
<el-pagination
|
||||
v-model:currentPage="state.pageInput.currentPage"
|
||||
v-model:page-size="state.pageInput.pageSize"
|
||||
:total="state.total"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
background
|
||||
@size-change="onSizeChange"
|
||||
@current-change="onCurrentChange"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<RegionForm ref="formRef" :title="state.formTitle"></RegionForm>
|
||||
</my-layout>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/region">
|
||||
import { ref, reactive, onMounted, getCurrentInstance, onBeforeMount, defineAsyncComponent } from 'vue'
|
||||
import { PageInputRegionGetPageInput, RegionGetPageOutput, RegionLevel } from '/@/api/admin/data-contracts'
|
||||
import { RegionLevel as RegionLevelEnum } from '/@/api/admin/enum-contracts'
|
||||
import { RegionApi } from '/@/api/admin/Region'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { auth } from '/@/utils/authFunction'
|
||||
import { toOptionsByValue, getDescByValue } from '/@/utils/enum'
|
||||
import type { FormInstance } from 'element-plus'
|
||||
|
||||
// 引入组件
|
||||
const RegionForm = defineAsyncComponent(() => import('./components/region-form.vue'))
|
||||
const RegionSelect = defineAsyncComponent(() => import('./components/region-select.vue'))
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const regionSelectRef = ref()
|
||||
const filterFormRef = ref<FormInstance>()
|
||||
const formRef = ref()
|
||||
const syncRef = ref()
|
||||
const popoverRef = ref()
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
sync: {
|
||||
loading: false,
|
||||
regionLevel: 2 as RegionLevel,
|
||||
},
|
||||
formTitle: '',
|
||||
total: 0,
|
||||
statusList: [
|
||||
{ name: '全部', value: undefined },
|
||||
{ name: '启用', value: true },
|
||||
{ name: '禁用', value: false },
|
||||
],
|
||||
hotList: [
|
||||
{ name: '全部', value: undefined },
|
||||
{ name: '是', value: true },
|
||||
{ name: '否', value: false },
|
||||
],
|
||||
regionLevelList: toOptionsByValue(RegionLevelEnum),
|
||||
filter: {
|
||||
parentId: undefined as number | undefined,
|
||||
name: '',
|
||||
enabled: undefined,
|
||||
hot: undefined,
|
||||
level: undefined,
|
||||
},
|
||||
pageInput: {
|
||||
currentPage: 1,
|
||||
pageSize: 20,
|
||||
} as PageInputRegionGetPageInput,
|
||||
dataList: [] as Array<RegionGetPageOutput>,
|
||||
})
|
||||
|
||||
onMounted(async () => {
|
||||
await onQuery()
|
||||
|
||||
eventBus.off('refreshRegion')
|
||||
eventBus.on('refreshRegion', async () => {
|
||||
onQuery()
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeMount(() => {
|
||||
eventBus.off('refreshRegion')
|
||||
})
|
||||
|
||||
const formatterEnum = (row: any, column: any, cellValue: any) => {
|
||||
return getDescByValue(RegionLevelEnum, cellValue)
|
||||
}
|
||||
|
||||
const onSizeChange = (val: number) => {
|
||||
state.pageInput.currentPage = 1
|
||||
state.pageInput.pageSize = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onCurrentChange = (val: number) => {
|
||||
state.pageInput.currentPage = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
state.pageInput.filter = state.filter
|
||||
const res = await new RegionApi().getPage(state.pageInput).catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
|
||||
state.dataList = res?.data?.list ?? []
|
||||
state.total = res?.data?.total ?? 0
|
||||
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const onReset = () => {
|
||||
regionSelectRef.value.reset()
|
||||
filterFormRef.value!.resetFields()
|
||||
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onAdd = () => {
|
||||
state.formTitle = '新增地区'
|
||||
formRef.value.open()
|
||||
}
|
||||
|
||||
const onEdit = (row: RegionGetPageOutput) => {
|
||||
state.formTitle = '编辑地区'
|
||||
formRef.value.open(row)
|
||||
}
|
||||
|
||||
const onDelete = (row: RegionGetPageOutput) => {
|
||||
proxy.$modal
|
||||
.confirmDelete(`确定要删除地区【${row.name}】?`)
|
||||
.then(async () => {
|
||||
await new RegionApi().delete({ id: row.id }, { loading: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
//启用或禁用
|
||||
const onSetEnable = (row: RegionGetPageOutput & { loading: boolean }) => {
|
||||
return new Promise((resolve, reject) => {
|
||||
proxy.$modal
|
||||
.confirm(`确定要${row.enabled ? '禁用' : '启用'}【${row.name}】?`)
|
||||
.then(async () => {
|
||||
row.loading = true
|
||||
const res = await new RegionApi()
|
||||
.setEnable({ regionId: row.id, enabled: !row.enabled }, { showSuccessMessage: true })
|
||||
.catch(() => {
|
||||
reject(new Error('Error'))
|
||||
})
|
||||
.finally(() => {
|
||||
row.loading = false
|
||||
})
|
||||
if (res && res.success) {
|
||||
resolve(true)
|
||||
onQuery()
|
||||
} else {
|
||||
reject(new Error('Cancel'))
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
reject(new Error('Cancel'))
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
//设置热门
|
||||
const onSetHot = (row: RegionGetPageOutput & { loading: boolean; hotLoading: boolean }) => {
|
||||
return new Promise((resolve, reject) => {
|
||||
proxy.$modal
|
||||
.confirm(`确定要${row.hot ? '关闭' : '开启'}【${row.name}】热门?`)
|
||||
.then(async () => {
|
||||
row.hotLoading = true
|
||||
const res = await new RegionApi()
|
||||
.setHot({ regionId: row.id, hot: !row.hot }, { showSuccessMessage: true })
|
||||
.catch(() => {
|
||||
reject(new Error('Error'))
|
||||
})
|
||||
.finally(() => {
|
||||
row.hotLoading = false
|
||||
})
|
||||
if (res && res.success) {
|
||||
resolve(true)
|
||||
onQuery()
|
||||
} else {
|
||||
reject(new Error('Cancel'))
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
reject(new Error('Cancel'))
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
const onSyncCancel = () => {
|
||||
popoverRef.value?.hide?.()
|
||||
}
|
||||
|
||||
const onSync = async () => {
|
||||
onSyncCancel()
|
||||
state.sync.loading = true
|
||||
await new RegionApi()
|
||||
.syncData(state.sync.regionLevel, { showErrorMessage: false })
|
||||
.then(() => {
|
||||
proxy.$modal.msgSuccess(`同步完成`)
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {
|
||||
proxy.$modal.msgError(`同步失败`)
|
||||
})
|
||||
.finally(() => {
|
||||
state.sync.loading = false
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@ -1,272 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog v-model="state.showDialog" destroy-on-close :title="title" draggable :close-on-click-modal="false"
|
||||
:close-on-press-escape="false" width="600px">
|
||||
<el-form :model="form" ref="formRef" label-width="110px">
|
||||
<el-row :gutter="35">
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="图片" prop="imgUrl">
|
||||
<el-upload class="remote-uploader" :action="remoteUrlAction"
|
||||
:headers="uploadHeaders" :data="{ autoUpdate: true }" :show-file-list="false"
|
||||
:before-upload="beforeUpload" :on-success="remoteUrlSuccess" :on-error="remoteUrlError">
|
||||
<img style="width: 100px; height: 100px;" :src="remoteUrl" />
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="站点" prop="site"
|
||||
:rules="[{ required: true, message: '请选择站点', trigger: ['blur', 'change'] }]">
|
||||
<el-select v-model="form.site" placeholder="请选择站点" clearable class="w100">
|
||||
<el-option v-for="item in state.Site" :key="item.code" :label="item.name"
|
||||
:value="item.code" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="名称" prop="name"
|
||||
:rules="[{ required: true, message: '请输入名称', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.name" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="IP地址" prop="ipAddress"
|
||||
:rules="[{ required: true, message: '请输入IP地址', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.ipAddress" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="域" prop="domain"
|
||||
:rules="[{ required: true, message: '请输入域', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.domain" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="用户名" prop="username">
|
||||
<el-input v-model="form.username" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/remote/form">
|
||||
import { reactive, toRefs, ref, getCurrentInstance, computed } from 'vue'
|
||||
import { RemoteUpdateInput, DictGetListOutput } from '/@/api/admin/data-contracts'
|
||||
import { RemoteApi } from '/@/api/admin/Remote'
|
||||
import { DictApi } from '/@/api/admin/Dict'
|
||||
import { cloneDeep } from 'lodash-es'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { useUserInfo } from '/@/stores/userInfo'
|
||||
import pinia from '/@/stores/index'
|
||||
import { storeToRefs } from 'pinia'
|
||||
import { AxiosResponse } from 'axios'
|
||||
import type { UploadProps, UploadInstance, UploadUserFile } from 'element-plus'
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
const storesUserInfo = useUserInfo(pinia)
|
||||
const { userInfos } = storeToRefs(storesUserInfo)
|
||||
|
||||
/** 字典分类 */
|
||||
/** 字典分类 */
|
||||
const DictType = {
|
||||
RemoteSite: { dictTypeCode: 'RemoteSite', desc: '站点' },
|
||||
}
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
|
||||
const formRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
Site: [] as DictGetListOutput[] | null,
|
||||
form: {} as RemoteUpdateInput,
|
||||
remoteUrlLoading: false,
|
||||
updateLoading: false,
|
||||
token: storesUserInfo.getToken(),
|
||||
})
|
||||
|
||||
const { form } = toRefs(state)
|
||||
|
||||
|
||||
// 获取字典数据
|
||||
const getDictList = async () => {
|
||||
const res = await new DictApi().getList([DictType.RemoteSite.dictTypeCode]).catch(() => { })
|
||||
if (res?.success && res.data) {
|
||||
state.Site = res.data.remoteSite
|
||||
}
|
||||
}
|
||||
|
||||
// 打开对话框
|
||||
const open = async (row: Partial<RemoteUpdateInput> = { id: 0 }) => {
|
||||
await getDictList()
|
||||
let formData = cloneDeep(row) as RemoteUpdateInput
|
||||
if (row.id && row.id > 0) {
|
||||
const res = await new RemoteApi().get({ id: row.id })
|
||||
|
||||
if (res?.success) {
|
||||
formData = res.data as RemoteUpdateInput
|
||||
}
|
||||
} else {
|
||||
formData = {
|
||||
id: 0,
|
||||
imgUrl: '',
|
||||
site: '',
|
||||
name: '',
|
||||
ipAddress: '',
|
||||
domain: '',
|
||||
username: '',
|
||||
}
|
||||
}
|
||||
|
||||
state.form = formData
|
||||
state.showDialog = true
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
state.sureLoading = true
|
||||
let res = {} as any
|
||||
if (state.form.id != undefined && state.form.id > 0) {
|
||||
res = await new RemoteApi().update(state.form).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
} else {
|
||||
res = await new RemoteApi().add(state.form).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
}
|
||||
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success === true) {
|
||||
eventBus.emit('refreshRemote')
|
||||
state.showDialog = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 上传头像请求头部
|
||||
const uploadHeaders = computed(() => {
|
||||
return {
|
||||
Authorization: 'Bearer ' + storesUserInfo.getToken()
|
||||
}
|
||||
})
|
||||
|
||||
// 头像地址
|
||||
const remoteUrl = computed(() => {
|
||||
return state.form.imgUrl || import.meta.env.VITE_API_URL + '/upload/2025-06-24/685abf87-d315-b804-0004-bfbb4a755111.png'
|
||||
})
|
||||
|
||||
// 上传头像请求url
|
||||
const remoteUrlAction = computed(() => {
|
||||
return import.meta.env.VITE_API_URL + '/api/admin/remote/remote-upload'
|
||||
})
|
||||
|
||||
const beforeUpload: UploadProps['beforeUpload'] = (file) => {
|
||||
state.token = storesUserInfo.getToken()
|
||||
console.log("🔍 ~ beforeUpload ~ state.token:", state.token)
|
||||
state.remoteUrlLoading = true
|
||||
return true
|
||||
}
|
||||
|
||||
const remoteUrlSuccess = (res: AxiosResponse) => {
|
||||
state.remoteUrlLoading = false
|
||||
if (!res?.success) {
|
||||
if (res.msg) {
|
||||
proxy.$modal.msgError(res.msg)
|
||||
}
|
||||
return
|
||||
}
|
||||
state.form.imgUrl = res.data
|
||||
}
|
||||
|
||||
// 上传头像失败
|
||||
const remoteUrlError = (error: any) => {
|
||||
state.remoteUrlLoading = false
|
||||
let message = ''
|
||||
if (error.message) {
|
||||
try {
|
||||
message = JSON.parse(error.message)?.msg
|
||||
} catch (err) {
|
||||
message = error.message || ''
|
||||
}
|
||||
}
|
||||
if (message) proxy.$modal.msgError(message)
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.remote-uploader {
|
||||
:deep(.el-upload--picture-card) {
|
||||
--el-upload-picture-card-size: 100px;
|
||||
width: var(--el-upload-picture-card-size);
|
||||
height: var(--el-upload-picture-card-size);
|
||||
line-height: var(--el-upload-picture-card-size);
|
||||
}
|
||||
|
||||
:deep(.el-upload-list--picture-card .el-upload-list__item) {
|
||||
width: var(--el-upload-picture-card-size);
|
||||
height: var(--el-upload-picture-card-size);
|
||||
}
|
||||
|
||||
:deep(.el-upload-list__item-thumbnail) {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
:deep(.el-icon) {
|
||||
font-size: 20px;
|
||||
color: var(--el-text-color-regular);
|
||||
}
|
||||
|
||||
:deep(.el-upload--picture-card:hover) {
|
||||
border-color: var(--el-color-primary);
|
||||
}
|
||||
|
||||
:deep(.el-upload-list__item-actions) {
|
||||
span {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
color: var(--el-color-primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,201 +0,0 @@
|
||||
<template>
|
||||
<my-layout>
|
||||
<div class="my-query-box mt8" style="position: relative">
|
||||
<el-card shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :inline="true" label-width="auto" :label-position="'left'" @submit.stop.prevent>
|
||||
<el-form-item label="关键词">
|
||||
<el-input v-model="state.filter.name" placeholder="请输入名称、IP地址、域名" style="width: 350px" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="站点">
|
||||
<el-select v-model="state.filter.site" placeholder="请选择站点" clearable style="width: 150px" @change="onQuery">
|
||||
<el-option v-for="item in state.Site" :key="item.code" :label="item.name" :value="item.code" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="创建日期">
|
||||
<MyDateRange v-model:startDate="state.filter.startCreatedTime" v-model:endDate="state.filter.endCreatedTime" style="width: 230px" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:remote:add'" type="primary" icon="ele-Plus" @click="onAdd"> 新增 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
</div>
|
||||
|
||||
<el-card class="my-fill mt8 el-card-table" shadow="never">
|
||||
<el-table ref="tableRef" v-loading="state.loading" :data="state.remoteListData" row-key="id" style="width: 100%" border>
|
||||
<el-table-column type="index" label="序号" width="60" :index="indexMethod" />
|
||||
<el-table-column prop="imgUrl" label="图片" width="100">
|
||||
<template #default="{ row }">
|
||||
<el-image :src="row.imgUrl" fit="contain" style="width: 50px; height: 50px" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="name" label="名称" min-width="120" />
|
||||
<el-table-column prop="site" label="站点" min-width="120" />
|
||||
<el-table-column prop="ipAddress" label="IP地址" min-width="120" />
|
||||
<el-table-column prop="domain" label="域" min-width="120" />
|
||||
<el-table-column prop="username" label="用户名" min-width="120" />
|
||||
<el-table-column prop="createdTime" label="创建时间" :formatter="formatterTime" width="100" />
|
||||
<el-table-column label="操作" width="150" fixed="right" header-align="center" align="center">
|
||||
<template #default="{ row }">
|
||||
<el-button v-auth="'api:admin:remote:update'" icon="ele-Edit" text type="primary" @click="onUpdate(row)">修改</el-button>
|
||||
<el-button v-auth="'api:admin:remote:delete'" icon="ele-Delete" text type="danger" @click="onDelete(row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="my-flex my-flex-end" style="margin-top: 10px">
|
||||
<el-pagination
|
||||
v-model:currentPage="state.pageInput.currentPage"
|
||||
v-model:page-size="state.pageInput.pageSize"
|
||||
:total="state.total"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
background
|
||||
@size-change="onSizeChange"
|
||||
@current-change="onCurrentChange"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<remote-form ref="remoteFormRef" :title="state.remoteFormTitle"></remote-form>
|
||||
</my-layout>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/remote">
|
||||
import { ref, reactive, onMounted, onBeforeMount, getCurrentInstance, defineAsyncComponent } from 'vue'
|
||||
import { ElTable, ElMessageBox, ElMessage } from 'element-plus'
|
||||
import { RemoteGetOutput, PageInputRemoteGetPageInput, DictGetListOutput } from '/@/api/admin/data-contracts'
|
||||
import { RemoteApi } from '/@/api/admin/Remote'
|
||||
import { DictApi } from '/@/api/admin/Dict'
|
||||
import dayjs from 'dayjs'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
|
||||
// 引入组件
|
||||
const RemoteForm = defineAsyncComponent(() => import('./components/remote-form.vue'))
|
||||
const MyDateRange = defineAsyncComponent(() => import('/@/components/my-date-range/index.vue'))
|
||||
const MyUpload = defineAsyncComponent(() => import('/@/components/my-upload/index.vue'))
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const remoteFormRef = ref()
|
||||
const tableRef = ref<InstanceType<typeof ElTable>>()
|
||||
|
||||
/** 字典分类 */
|
||||
const DictType = {
|
||||
RemoteSite: { dictTypeCode: 'RemoteSite', desc: '站点' },
|
||||
}
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
remoteFormTitle: '',
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
Site: [] as DictGetListOutput[],
|
||||
filter: {
|
||||
name: '',
|
||||
site: '',
|
||||
startCreatedTime: undefined,
|
||||
endCreatedTime: undefined,
|
||||
},
|
||||
total: 0,
|
||||
pageInput: {
|
||||
currentPage: 1,
|
||||
pageSize: 20,
|
||||
filter: {},
|
||||
} as PageInputRemoteGetPageInput,
|
||||
remoteListData: [] as Array<RemoteGetOutput>,
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
getDictList()
|
||||
onQuery()
|
||||
eventBus.off('refreshRemote')
|
||||
eventBus.on('refreshRemote', async () => {
|
||||
onQuery()
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeMount(() => {
|
||||
eventBus.off('refreshRemote')
|
||||
})
|
||||
|
||||
// 格式化时间
|
||||
const formatterTime = (row: any, column: any, cellValue: any) => {
|
||||
if (!cellValue) return ''
|
||||
return dayjs(cellValue).format('YYYY-MM-DD')
|
||||
}
|
||||
|
||||
// 序号
|
||||
const indexMethod = (index: number) => {
|
||||
return ((state.pageInput.currentPage || 1) - 1) * (state.pageInput.pageSize || 20) + index + 1
|
||||
}
|
||||
|
||||
// 查询
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
const res = await new RemoteApi()
|
||||
.getPage({
|
||||
...state.pageInput,
|
||||
filter: state.filter,
|
||||
})
|
||||
.catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
|
||||
state.loading = false
|
||||
|
||||
if (res?.success) {
|
||||
state.remoteListData = res.data?.list ?? []
|
||||
state.total = res.data?.total ?? 0
|
||||
}
|
||||
}
|
||||
|
||||
// 新增
|
||||
const onAdd = () => {
|
||||
state.remoteFormTitle = '新增'
|
||||
remoteFormRef.value.open()
|
||||
}
|
||||
|
||||
// 修改
|
||||
const onUpdate = (row: RemoteGetOutput) => {
|
||||
state.remoteFormTitle = '修改'
|
||||
remoteFormRef.value.open(row)
|
||||
}
|
||||
|
||||
// 删除
|
||||
const onDelete = async (row: RemoteGetOutput) => {
|
||||
ElMessageBox.confirm(`确定删除远程连接：【${row.name}】?`, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
})
|
||||
.then(async () => {
|
||||
const res = await new RemoteApi().delete({ id: row.id })
|
||||
if (res?.status === 200) {
|
||||
ElMessage.success('删除成功')
|
||||
onQuery()
|
||||
}
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
// 分页大小改变
|
||||
const onSizeChange = (val: number) => {
|
||||
state.pageInput.pageSize = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
// 分页改变
|
||||
const onCurrentChange = (val: number) => {
|
||||
state.pageInput.currentPage = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
// 获取字典数据
|
||||
const getDictList = async () => {
|
||||
const res = await new DictApi().getList([DictType.RemoteSite.dictTypeCode]).catch(() => {})
|
||||
if (res?.success && res.data) {
|
||||
state.Site = res.data.remoteSite || []
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -1,142 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="title"
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="600px"
|
||||
>
|
||||
<el-form :model="form" ref="formRef" label-width="80px">
|
||||
<el-row :gutter="35">
|
||||
<el-col v-if="form.type === 2" :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="上级分组" prop="parentId" :rules="[{ required: true, message: '请选择上级分组', trigger: ['change'] }]">
|
||||
<el-tree-select
|
||||
v-model="form.parentId"
|
||||
:data="roleTreeData"
|
||||
node-key="id"
|
||||
:props="{ label: 'name' }"
|
||||
check-strictly
|
||||
default-expand-all
|
||||
render-after-expand
|
||||
fit-input-width
|
||||
clearable
|
||||
class="w100"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="名称" prop="name" :rules="[{ required: true, message: '请输入名称', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.name" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col v-if="form.type === 2" :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="编码" prop="code">
|
||||
<el-input v-model="form.code" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="排序">
|
||||
<el-input-number v-model="form.sort" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col v-if="form.type === 2" :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="说明">
|
||||
<el-input v-model="form.description" clearable type="textarea" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/role/form">
|
||||
import { reactive, toRefs, ref, PropType } from 'vue'
|
||||
import { RoleGetListOutput, RoleUpdateInput } from '/@/api/admin/data-contracts'
|
||||
import { RoleApi } from '/@/api/admin/Role'
|
||||
import { cloneDeep } from 'lodash-es'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
roleTreeData: {
|
||||
type: Array as PropType<RoleGetListOutput[]>,
|
||||
default: () => [],
|
||||
},
|
||||
})
|
||||
|
||||
const formRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
form: {} as RoleUpdateInput,
|
||||
})
|
||||
|
||||
const { form } = toRefs(state)
|
||||
|
||||
// 打开对话框
|
||||
const open = async (row: RoleUpdateInput = { id: 0 }) => {
|
||||
let formData = cloneDeep(row) as RoleUpdateInput
|
||||
if (row.id > 0) {
|
||||
const res = await new RoleApi().get({ id: row.id }, { loading: true })
|
||||
|
||||
if (res?.success) {
|
||||
formData = res.data as RoleUpdateInput
|
||||
formData.parentId = formData.parentId && formData.parentId > 0 ? formData.parentId : undefined
|
||||
} else {
|
||||
return
|
||||
}
|
||||
}
|
||||
|
||||
state.form = formData
|
||||
state.showDialog = true
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
state.sureLoading = true
|
||||
let res = {} as any
|
||||
state.form.parentId = state.form.parentId && state.form.parentId > 0 ? state.form.parentId : undefined
|
||||
if (state.form.id != undefined && state.form.id > 0) {
|
||||
res = await new RoleApi().update(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
} else {
|
||||
res = await new RoleApi().add(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
}
|
||||
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
eventBus.emit('refreshRole')
|
||||
state.showDialog = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
@ -1,131 +0,0 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="innerTitle"
|
||||
append-to-body
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="480px"
|
||||
>
|
||||
<el-form :model="form" ref="formRef" label-width="80px" label-position="top">
|
||||
<el-row :gutter="35">
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="数据范围">
|
||||
<el-select key="dataScope" v-model="form.dataScope" placeholder="请选择" class="w100">
|
||||
<el-option v-for="item in state.dataScopeList" :key="item.value" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
|
||||
<org-menu
|
||||
ref="orgRef"
|
||||
show-checkbox
|
||||
check-on-click-node
|
||||
v-model="form.orgIds"
|
||||
:default-checked-keys="form.orgIds"
|
||||
class="w100"
|
||||
v-show="form.dataScope === 5"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/role/components/set-role-data-scope">
|
||||
import { ref, toRefs, reactive, computed, defineAsyncComponent } from 'vue'
|
||||
import { RoleGetListOutput, RoleSetDataScopeInput } from '/@/api/admin/data-contracts'
|
||||
import { RoleApi } from '/@/api/admin/Role'
|
||||
|
||||
const OrgMenu = defineAsyncComponent(() => import('/@/views/admin/org/components/org-menu.vue'))
|
||||
|
||||
const orgRef = ref()
|
||||
const props = defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
|
||||
const innerTitle = computed(() => {
|
||||
return props.title ? props.title : state.roleName ? `设置【${state.roleName}】数据权限` : '设置数据权限'
|
||||
})
|
||||
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
loading: false,
|
||||
sureLoading: false,
|
||||
permissionTreeData: [],
|
||||
roleId: 0 as number | undefined,
|
||||
roleName: '' as string | undefined | null,
|
||||
checkedKeys: [] as number[] | undefined | null,
|
||||
form: {} as RoleSetDataScopeInput,
|
||||
dataScopeList: [
|
||||
{ label: '全部', value: 1 },
|
||||
{ label: '本部门和下级部门', value: 2 },
|
||||
{ label: '本部门', value: 3 },
|
||||
{ label: '本人数据', value: 4 },
|
||||
{ label: '指定部门', value: 5 },
|
||||
],
|
||||
})
|
||||
|
||||
const { form } = toRefs(state)
|
||||
|
||||
// 打开对话框
|
||||
const open = async (role: RoleGetListOutput) => {
|
||||
state.roleId = role.id
|
||||
state.roleName = role.name
|
||||
|
||||
if ((role.id as number) > 0) {
|
||||
const res = await new RoleApi().get({ id: role.id }, { loading: true })
|
||||
|
||||
if (res?.success) {
|
||||
const data = res.data
|
||||
state.form = { roleId: data?.id, dataScope: data?.dataScope, orgIds: data?.orgIds } as RoleSetDataScopeInput
|
||||
|
||||
state.showDialog = true
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 关闭对话框
|
||||
const close = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = async () => {
|
||||
state.sureLoading = true
|
||||
const res = await new RoleApi().setDataScope(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
state.showDialog = false
|
||||
}
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
close,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
:deep(.el-dialog__body) {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
</style>
|
||||
@ -1,215 +0,0 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
append-to-body
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="780px"
|
||||
>
|
||||
<template #header="{ close, titleId, titleClass }">
|
||||
<div class="my-header">
|
||||
<div :id="titleId" :class="titleClass">
|
||||
设置{{ innerTitle }}
|
||||
<el-select v-model="state.platform" placeholder="请选择所属平台" style="width: 100px" @change="onQuery">
|
||||
<el-option v-for="item in state.dictData[DictType.PlatForm.name]" :key="item.code" :label="item.name" :value="item.code" />
|
||||
</el-select>
|
||||
菜单权限
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<div>
|
||||
<el-tree
|
||||
ref="permissionTreeRef"
|
||||
:data="state.permissionTreeData"
|
||||
node-key="id"
|
||||
show-checkbox
|
||||
highlight-current
|
||||
default-expand-all
|
||||
check-on-click-node
|
||||
:expand-on-click-node="false"
|
||||
:props="{ class: customNodeClass }"
|
||||
:default-checked-keys="state.checkedKeys"
|
||||
/>
|
||||
</div>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/role/components/set-role-menu">
|
||||
import { ref, reactive, getCurrentInstance, computed, markRaw } from 'vue'
|
||||
import { RoleGetListOutput, PermissionAssignInput, DictGetListOutput, PermissionGetPermissionListOutput } from '/@/api/admin/data-contracts'
|
||||
import { PermissionApi } from '/@/api/admin/Permission'
|
||||
import { ElTree } from 'element-plus'
|
||||
import { DictApi } from '/@/api/admin/Dict'
|
||||
import { PlatformType } from '/@/api/admin.extend/enum-contracts'
|
||||
|
||||
/** 字典分类 */
|
||||
const DictType = {
|
||||
PlatForm: { name: 'platform', desc: '平台' },
|
||||
}
|
||||
|
||||
const props = defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
|
||||
const innerTitle = computed(() => {
|
||||
return props.title ? props.title : state.roleName ? `${state.roleName}` : ''
|
||||
})
|
||||
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
loading: false,
|
||||
sureLoading: false,
|
||||
permissionTreeData: [] as PermissionGetPermissionListOutput[],
|
||||
roleId: 0 as number | undefined,
|
||||
roleName: '' as string | undefined | null,
|
||||
checkedKeys: [],
|
||||
platform: PlatformType.Web.name,
|
||||
dictData: {
|
||||
[DictType.PlatForm.name]: [] as DictGetListOutput[] | null,
|
||||
},
|
||||
})
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
const permissionTreeRef = ref<InstanceType<typeof ElTree>>()
|
||||
|
||||
const getDictList = async () => {
|
||||
const res = await new DictApi().getList([DictType.PlatForm.name]).catch(() => {})
|
||||
if (res?.success && res.data) {
|
||||
state.dictData = markRaw(res.data)
|
||||
}
|
||||
}
|
||||
|
||||
const getRolePermissionList = async () => {
|
||||
const res = await new PermissionApi().getRolePermissionList({ roleId: state.roleId })
|
||||
state.checkedKeys = res?.success ? (res.data as never[]) : []
|
||||
}
|
||||
|
||||
// 打开对话框
|
||||
const open = async (role: RoleGetListOutput) => {
|
||||
await getDictList()
|
||||
state.roleId = role.id
|
||||
state.roleName = role.name
|
||||
proxy.$modal.loading()
|
||||
await onQuery()
|
||||
await getRolePermissionList()
|
||||
proxy.$modal.closeLoading()
|
||||
state.showDialog = true
|
||||
}
|
||||
|
||||
// 关闭对话框
|
||||
const close = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
|
||||
const res = await new PermissionApi().getPermissionList({ platform: state.platform }).catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
if (res && res.data && res.data.length > 0) {
|
||||
state.permissionTreeData = res.data
|
||||
} else {
|
||||
state.permissionTreeData = []
|
||||
}
|
||||
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const customNodeClass = (data: any, node: any) => {
|
||||
let isPenultimate = true
|
||||
for (const key in data.children) {
|
||||
if (data.children[key]?.children?.length ?? 0 > 0) {
|
||||
isPenultimate = false
|
||||
break
|
||||
}
|
||||
}
|
||||
return data.children?.length > 0 && isPenultimate ? `is-penultimate level${node.level}` : ''
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = async () => {
|
||||
state.sureLoading = true
|
||||
const permissionIds = permissionTreeRef.value?.getCheckedKeys(true)
|
||||
const input = {
|
||||
platform: state.platform,
|
||||
roleId: state.roleId,
|
||||
permissionIds: permissionIds,
|
||||
} as PermissionAssignInput
|
||||
const res = await new PermissionApi().assign(input, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
state.showDialog = false
|
||||
}
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
close,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
:deep(.el-dialog__body) {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
:deep(.is-penultimate) {
|
||||
.el-tree-node__children {
|
||||
padding-left: 65px;
|
||||
white-space: pre-wrap;
|
||||
line-height: 100%;
|
||||
|
||||
.el-tree-node {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.el-tree-node__content {
|
||||
padding-left: 12px !important;
|
||||
padding-right: 12px;
|
||||
|
||||
.el-tree-node__expand-icon.is-leaf {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.level1 {
|
||||
.el-tree-node__children {
|
||||
padding-left: 36px;
|
||||
}
|
||||
}
|
||||
&.level2 {
|
||||
.el-tree-node__children {
|
||||
padding-left: 54x;
|
||||
}
|
||||
}
|
||||
&.level3 {
|
||||
.el-tree-node__children {
|
||||
padding-left: 72px;
|
||||
}
|
||||
}
|
||||
&.level4 {
|
||||
.el-tree-node__children {
|
||||
padding-left: 90px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,333 +0,0 @@
|
||||
<template>
|
||||
<MySplitPanes>
|
||||
<pane size="50" min-size="30" max-size="70">
|
||||
<div class="my-flex-column w100 h100">
|
||||
<el-card class="my-query-box mt8" shadow="never">
|
||||
<el-form :inline="true" @submit.stop.prevent>
|
||||
<el-form-item label="角色名称">
|
||||
<el-input v-model="state.filter.roleName" placeholder="角色名称" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
||||
<el-dropdown v-auth="'api:admin:role:add'" style="margin-left: 12px">
|
||||
<el-button type="primary"
|
||||
>新增<el-icon class="el-icon--right"><ele-ArrowDown /></el-icon
|
||||
></el-button>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item @click="onAdd(1)">新增分组</el-dropdown-item>
|
||||
<el-dropdown-item @click="onAdd(2)">新增角色</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</el-dropdown>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table
|
||||
ref="roleTableRef"
|
||||
v-loading="state.loading"
|
||||
:data="state.roleTreeData"
|
||||
row-key="id"
|
||||
default-expand-all
|
||||
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
|
||||
highlight-current-row
|
||||
style="width: 100%"
|
||||
border
|
||||
@current-change="onCurrentChange"
|
||||
>
|
||||
<el-table-column prop="name" label="角色名称" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="sort" label="排序" width="82" align="center" show-overflow-tooltip />
|
||||
<el-table-column label="操作" width="100" fixed="right" header-align="center" align="right">
|
||||
<template #default="{ row }">
|
||||
<el-button v-if="row.type === 1" v-auth="'api:admin:role:add'" icon="ele-Plus" text type="primary" @click="onAdd(2, row)"></el-button>
|
||||
<my-dropdown-more icon-only v-auths="['api:admin:permission:assign', 'api:admin:role:update', 'api:admin:role:delete']">
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item v-if="row.type === 2 && auth('api:admin:permission:assign')" @click="onSetRoleMenu(row)"
|
||||
>菜单权限</el-dropdown-item
|
||||
>
|
||||
<el-dropdown-item v-if="row.type === 2" @click="onSetRoleDataScope(row)">数据权限</el-dropdown-item>
|
||||
<el-dropdown-item v-if="auth('api:admin:role:update')" @click="onEdit(row)"
|
||||
>编辑{{ row.type === 1 ? '分组' : '角色' }}</el-dropdown-item
|
||||
>
|
||||
<el-dropdown-item v-if="auth('api:admin:role:delete')" @click="onDelete(row)"
|
||||
>删除{{ row.type === 1 ? '分组' : '角色' }}</el-dropdown-item
|
||||
>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</my-dropdown-more>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
</div>
|
||||
</pane>
|
||||
<pane>
|
||||
<div class="my-flex-column w100 h100">
|
||||
<el-card class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :inline="true" @submit.stop.prevent>
|
||||
<el-form-item label="姓名">
|
||||
<el-input v-model="state.filter.name" placeholder="姓名" @keyup.enter="onGetRoleUserList" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onGetRoleUserList"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:role:add-role-user'" type="primary" icon="ele-Plus" @click="onAddUser"> 添加员工 </el-button>
|
||||
<el-button v-auth="'api:admin:role:remove-role-user'" type="danger" icon="ele-Delete" @click="onRemoveUser"> 移除员工 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<el-table
|
||||
ref="userTableRef"
|
||||
v-loading="state.userListLoading"
|
||||
:data="state.userListData"
|
||||
row-key="id"
|
||||
style="width: 100%"
|
||||
border
|
||||
@row-click="onUserRowClick"
|
||||
>
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column prop="name" label="姓名" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="mobile" label="手机号" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="email" label="邮箱" min-width="180" show-overflow-tooltip />
|
||||
</el-table>
|
||||
</el-card>
|
||||
</div>
|
||||
</pane>
|
||||
|
||||
<role-form ref="roleFormRef" :title="state.roleFormTitle" :role-tree-data="state.roleFormTreeData"></role-form>
|
||||
<user-select
|
||||
ref="userSelectRef"
|
||||
:title="`添加【${state.roleName}】员工`"
|
||||
multiple
|
||||
:sure-loading="state.sureLoading"
|
||||
@sure="onSureUser"
|
||||
></user-select>
|
||||
<set-role-menu ref="setRoleMenuRef"></set-role-menu>
|
||||
<set-role-data-scope ref="setRoleDataScopeRef"></set-role-data-scope>
|
||||
</MySplitPanes>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/role">
|
||||
import { ref, reactive, onMounted, getCurrentInstance, onBeforeMount, nextTick, defineAsyncComponent } from 'vue'
|
||||
import { RoleGetListOutput, RoleGetRoleUserListOutput, UserGetPageOutput, RoleAddRoleUserListInput, RoleType } from '/@/api/admin/data-contracts'
|
||||
import { RoleApi } from '/@/api/admin/Role'
|
||||
import { listToTree, filterTree } from '/@/utils/tree'
|
||||
import { ElTable } from 'element-plus'
|
||||
import { cloneDeep } from 'lodash-es'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { auth } from '/@/utils/authFunction'
|
||||
import { Pane } from 'splitpanes'
|
||||
|
||||
// 引入组件
|
||||
const RoleForm = defineAsyncComponent(() => import('./components/role-form.vue'))
|
||||
const SetRoleMenu = defineAsyncComponent(() => import('./components/set-role-menu.vue'))
|
||||
const SetRoleDataScope = defineAsyncComponent(() => import('./components/set-role-data-scope.vue'))
|
||||
const UserSelect = defineAsyncComponent(() => import('/@/views/admin/user/components/user-select.vue'))
|
||||
const MyDropdownMore = defineAsyncComponent(() => import('/@/components/my-dropdown-more/index.vue'))
|
||||
const MySplitPanes = defineAsyncComponent(() => import('/@/components/my-layout/split-panes.vue'))
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const roleTableRef = ref()
|
||||
const roleFormRef = ref()
|
||||
const userTableRef = ref<InstanceType<typeof ElTable>>()
|
||||
const userSelectRef = ref()
|
||||
const setRoleMenuRef = ref()
|
||||
const setRoleDataScopeRef = ref()
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
userListLoading: false,
|
||||
sureLoading: false,
|
||||
roleFormTitle: '',
|
||||
filter: {
|
||||
name: '',
|
||||
roleName: '',
|
||||
},
|
||||
roleTreeData: [] as any,
|
||||
roleFormTreeData: [] as any,
|
||||
userListData: [] as RoleGetRoleUserListOutput[],
|
||||
roleId: undefined as number | undefined,
|
||||
roleName: '' as string | null | undefined,
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
onQuery()
|
||||
eventBus.off('refreshRole')
|
||||
eventBus.on('refreshRole', async () => {
|
||||
onQuery()
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeMount(() => {
|
||||
eventBus.off('refreshRole')
|
||||
})
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
const res = await new RoleApi().getList().catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
if (res && res.data && res.data.length > 0) {
|
||||
state.roleTreeData = filterTree(listToTree(cloneDeep(res.data)), state.filter.roleName)
|
||||
state.roleFormTreeData = listToTree(cloneDeep(res.data).filter((a) => a.parentId === 0))
|
||||
if (state.roleTreeData.length > 0 && state.roleTreeData[0].children?.length > 0) {
|
||||
nextTick(() => {
|
||||
roleTableRef.value!.setCurrentRow(state.roleTreeData[0].children[0])
|
||||
})
|
||||
}
|
||||
} else {
|
||||
state.roleTreeData = []
|
||||
state.roleFormTreeData = []
|
||||
}
|
||||
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const onAdd = (type: RoleType, row: RoleGetListOutput | undefined = undefined) => {
|
||||
switch (type) {
|
||||
case 1:
|
||||
state.roleFormTitle = '新增分组'
|
||||
roleFormRef.value.open({ type: 1 })
|
||||
break
|
||||
case 2:
|
||||
state.roleFormTitle = '新增角色'
|
||||
roleFormRef.value.open({ type: 2, parentId: row?.id, dataScope: 1 })
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
const onEdit = (row: RoleGetListOutput) => {
|
||||
switch (row.type) {
|
||||
case 1:
|
||||
state.roleFormTitle = '编辑分组'
|
||||
break
|
||||
case 2:
|
||||
state.roleFormTitle = '编辑角色'
|
||||
break
|
||||
}
|
||||
roleFormRef.value.open(row)
|
||||
}
|
||||
|
||||
const onDelete = (row: RoleGetListOutput) => {
|
||||
proxy.$modal
|
||||
.confirmDelete(`确定要删除角色【${row.name}】?`)
|
||||
.then(async () => {
|
||||
await new RoleApi().delete({ id: row.id }, { loading: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onGetRoleUserList = async () => {
|
||||
state.userListLoading = true
|
||||
const res = await new RoleApi().getRoleUserList({ RoleId: state.roleId, Name: state.filter.name }).catch(() => {
|
||||
state.userListLoading = false
|
||||
})
|
||||
state.userListLoading = false
|
||||
if (res?.success) {
|
||||
if (res.data && res.data.length > 0) {
|
||||
state.userListData = res.data
|
||||
} else {
|
||||
state.userListData = []
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const onCurrentChange = (currentRow: RoleGetListOutput, oldCurrentRow: RoleGetListOutput) => {
|
||||
if (!currentRow) {
|
||||
return
|
||||
}
|
||||
|
||||
if (currentRow?.id !== oldCurrentRow?.id && (oldCurrentRow?.id as number) > 0) {
|
||||
if ((currentRow?.parentId as number) === 0) {
|
||||
roleTableRef.value!.setCurrentRow(oldCurrentRow)
|
||||
}
|
||||
} else {
|
||||
if ((currentRow?.parentId as number) === 0) {
|
||||
roleTableRef.value!.setCurrentRow()
|
||||
}
|
||||
}
|
||||
|
||||
if ((currentRow?.parentId as number) !== 0 && (oldCurrentRow?.parentId as number) !== 0 && (currentRow?.id as number) > 0) {
|
||||
state.roleId = currentRow.id
|
||||
state.roleName = currentRow.name
|
||||
onGetRoleUserList()
|
||||
}
|
||||
}
|
||||
|
||||
const onUserRowClick = (row: RoleGetRoleUserListOutput) => {
|
||||
userTableRef.value!.toggleRowSelection(row, undefined)
|
||||
}
|
||||
|
||||
const onAddUser = () => {
|
||||
if (!((state.roleId as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择角色')
|
||||
return
|
||||
}
|
||||
userSelectRef.value.open({ roleId: state.roleId })
|
||||
}
|
||||
|
||||
const onRemoveUser = () => {
|
||||
if (!((state.roleId as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择角色')
|
||||
return
|
||||
}
|
||||
|
||||
const selectionRows = userTableRef.value!.getSelectionRows() as UserGetPageOutput[]
|
||||
|
||||
if (!((selectionRows.length as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择员工')
|
||||
return
|
||||
}
|
||||
|
||||
proxy.$modal
|
||||
.confirm(`确定要移除吗?`)
|
||||
.then(async () => {
|
||||
const userIds = selectionRows?.map((a) => a.id)
|
||||
const input = { roleId: state.roleId, userIds } as RoleAddRoleUserListInput
|
||||
await new RoleApi().removeRoleUser(input, { loading: true })
|
||||
onGetRoleUserList()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onSureUser = async (users: UserGetPageOutput[]) => {
|
||||
if (!(users?.length > 0)) {
|
||||
userSelectRef.value.close()
|
||||
return
|
||||
}
|
||||
|
||||
state.sureLoading = true
|
||||
const userIds = users?.map((a) => a.id)
|
||||
const input = { roleId: state.roleId, userIds } as RoleAddRoleUserListInput
|
||||
await new RoleApi().addRoleUser(input, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
state.sureLoading = false
|
||||
userSelectRef.value.close()
|
||||
onGetRoleUserList()
|
||||
}
|
||||
|
||||
const onSetRoleMenu = (role: RoleGetListOutput) => {
|
||||
if (!((role?.id as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择角色')
|
||||
return
|
||||
}
|
||||
setRoleMenuRef.value.open(role)
|
||||
}
|
||||
|
||||
const onSetRoleDataScope = (role: RoleGetListOutput) => {
|
||||
if (!((role?.id as number) > 0)) {
|
||||
proxy.$modal.msgWarning('请选择角色')
|
||||
return
|
||||
}
|
||||
setRoleDataScopeRef.value.open(role)
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@ -1,73 +0,0 @@
|
||||
<template>
|
||||
<div class="w100 h100 my-msg-card-box">
|
||||
<div class="h100 my-msg-box">
|
||||
<div class="h100 w-e-text-container my-msg-content-box" v-html="state.msg.content"></div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/site-msg/detail">
|
||||
import { reactive, onMounted } from 'vue'
|
||||
import { SiteMsgApi } from '/@/api/admin/SiteMsg'
|
||||
import { SiteMsgGetContentOutput } from '/@/api/admin/data-contracts'
|
||||
import { LocationQuery, useRoute } from 'vue-router'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
|
||||
const route = useRoute()
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
query: {} as LocationQuery,
|
||||
msg: {} as SiteMsgGetContentOutput,
|
||||
})
|
||||
|
||||
onMounted(async () => {
|
||||
state.query = route.query
|
||||
await getContent()
|
||||
if (!state.msg?.isRead) await sedRead()
|
||||
})
|
||||
|
||||
const sedRead = async () => {
|
||||
const res = await new SiteMsgApi().setRead({ id: (state.query.id || 0) as number }).catch(() => {})
|
||||
if (res?.success) {
|
||||
eventBus.emit('refreshSiteMsg')
|
||||
eventBus.emit('checkUnreadMsg')
|
||||
}
|
||||
}
|
||||
|
||||
const getContent = async () => {
|
||||
state.loading = true
|
||||
|
||||
const res = await new SiteMsgApi().getContent({ id: Number(state.query.id) }).catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
|
||||
state.msg = res?.data as SiteMsgGetContentOutput
|
||||
|
||||
state.loading = false
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.my-msg-card-box {
|
||||
padding: 10px;
|
||||
:deep() {
|
||||
.el-card__body {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.my-msg-box {
|
||||
padding: 20px;
|
||||
|
||||
.my-msg-content-box {
|
||||
min-width: 320px;
|
||||
max-width: 700px;
|
||||
border: 1px solid var(--next-border-color-light);
|
||||
background-color: var(--el-color-white);
|
||||
color: var(--el-color-black);
|
||||
margin: auto;
|
||||
padding: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,272 +0,0 @@
|
||||
<template>
|
||||
<MyLayout>
|
||||
<el-card v-show="state.showQuery" class="my-query-box mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form class="my-form-inline" :inline="true" label-width="auto" @submit.stop.prevent>
|
||||
<el-form-item label="">
|
||||
<el-select v-model="state.filter.isRead" :empty-values="[undefined]" style="width: 90px" @change="onQuery">
|
||||
<el-option v-for="status in state.statusList" :key="status.name" :label="status.name" :value="status.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="分类">
|
||||
<el-tree-select
|
||||
v-model="state.filter.typeId"
|
||||
placeholder="请选择分类"
|
||||
:data="state.msgTypeTreeData"
|
||||
node-key="id"
|
||||
:props="{ label: 'name' }"
|
||||
check-strictly
|
||||
default-expand-all
|
||||
fit-input-width
|
||||
clearable
|
||||
filterable
|
||||
@change="onQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="标题">
|
||||
<el-input v-model="state.filter.title" placeholder="标题" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="my-fill mt8" shadow="never">
|
||||
<div class="my-tools-box mb8 my-flex my-flex-between">
|
||||
<div>
|
||||
<el-button type="danger" :disabled="!isRowSelect" :loading="state.loadingBatchDelete" @click="onBatchDelete">删除</el-button>
|
||||
<el-button type="primary" :disabled="!isRowSelect" :loading="state.loadingBatchSetRead" @click="onBatchSetRead">标为已读</el-button>
|
||||
<el-button type="primary" :loading="state.loadingSetAllRead" @click="onSetAllRead">全部已读</el-button>
|
||||
</div>
|
||||
<div>
|
||||
<el-tooltip effect="dark" :content="state.showQuery ? '隐藏查询' : '显示查询'" placement="top">
|
||||
<el-button :icon="state.showQuery ? 'ele-ArrowUp' : 'ele-ArrowDown'" circle @click="state.showQuery = !state.showQuery" />
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</div>
|
||||
<el-table
|
||||
ref="tableRef"
|
||||
:data="state.msgList"
|
||||
style="width: 100%"
|
||||
v-loading="state.loading"
|
||||
row-key="id"
|
||||
default-expand-all
|
||||
border
|
||||
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
|
||||
>
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column prop="title" label="标题" min-width="120" show-overflow-tooltip>
|
||||
<template #default="{ row }">
|
||||
<div class="my-flex my-flex-items-center">
|
||||
<MyLink
|
||||
:model-value="{
|
||||
path: '/site-msg/detail',
|
||||
query: { id: row.id, tagsViewName: row.title },
|
||||
}"
|
||||
icon="ele-Message"
|
||||
:type="row.isRead ? '' : 'primary'"
|
||||
:bold="!row.isRead"
|
||||
>
|
||||
{{ row.title }}
|
||||
</MyLink>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="typeName" label="消息分类" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="receivedTime" label="接收时间" :formatter="formatterTime" min-width="160" show-overflow-tooltip />
|
||||
</el-table>
|
||||
<div class="my-flex my-flex-end" style="margin-top: 10px">
|
||||
<el-pagination
|
||||
v-model:currentPage="state.pageInput.currentPage"
|
||||
v-model:page-size="state.pageInput.pageSize"
|
||||
:total="state.total"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
background
|
||||
@size-change="onSizeChange"
|
||||
@current-change="onCurrentChange"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
</MyLayout>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/site-msg">
|
||||
import { ref, reactive, onMounted, getCurrentInstance, onBeforeMount, computed, defineAsyncComponent } from 'vue'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import dayjs from 'dayjs'
|
||||
import { SiteMsgApi } from '/@/api/admin/SiteMsg'
|
||||
import { PageInputSiteMsgGetPageInput, SiteMsgGetPageOutput, MsgTypeGetListOutput } from '/@/api/admin/data-contracts'
|
||||
import { listToTree } from '/@/utils/tree'
|
||||
import { MsgTypeApi } from '/@/api/admin/MsgType'
|
||||
import { ElTable } from 'element-plus'
|
||||
|
||||
const MyLink = defineAsyncComponent(() => import('/@/components/my-link/index.vue'))
|
||||
|
||||
const tableRef = ref<InstanceType<typeof ElTable>>()
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
showQuery: true,
|
||||
loadingSetAllRead: false,
|
||||
loadingBatchDelete: false,
|
||||
loadingBatchSetRead: false,
|
||||
orgFormTitle: '',
|
||||
statusList: [
|
||||
{ name: '全部', value: null },
|
||||
{ name: '已读', value: true },
|
||||
{ name: '未读', value: false },
|
||||
],
|
||||
filter: {
|
||||
isRead: null,
|
||||
typeId: null,
|
||||
title: '',
|
||||
},
|
||||
pageInput: {
|
||||
currentPage: 1,
|
||||
pageSize: 20,
|
||||
filter: {
|
||||
isRead: null,
|
||||
typeId: null,
|
||||
title: '',
|
||||
},
|
||||
} as PageInputSiteMsgGetPageInput,
|
||||
total: 0,
|
||||
msgList: [] as SiteMsgGetPageOutput[],
|
||||
msgTypeTreeData: [] as MsgTypeGetListOutput[],
|
||||
})
|
||||
|
||||
const selectionRows = computed(() => {
|
||||
return tableRef.value?.getSelectionRows()
|
||||
})
|
||||
|
||||
const rowSelectCount = computed(() => {
|
||||
return selectionRows.value?.length
|
||||
})
|
||||
|
||||
const isRowSelect = computed(() => {
|
||||
return rowSelectCount.value > 0
|
||||
})
|
||||
|
||||
const selectionIds = computed(() => {
|
||||
return selectionRows.value?.map((a: any) => a.id)
|
||||
})
|
||||
|
||||
onMounted(async () => {
|
||||
await getMsgTypes()
|
||||
onQuery()
|
||||
eventBus.off('refreshSiteMsg')
|
||||
eventBus.on('refreshSiteMsg', () => {
|
||||
onQuery()
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeMount(() => {
|
||||
eventBus.off('refreshSiteMsg')
|
||||
})
|
||||
|
||||
const formatterTime = (row: any, column: any, cellValue: any) => {
|
||||
return cellValue ? dayjs(cellValue).format('YYYY-MM-DD HH:mm:ss') : ''
|
||||
}
|
||||
|
||||
const getMsgTypes = async () => {
|
||||
const res = await new MsgTypeApi().getList().catch(() => {
|
||||
state.msgTypeTreeData = []
|
||||
})
|
||||
if (res?.success && res.data && res.data.length > 0) {
|
||||
state.msgTypeTreeData = listToTree(res.data)
|
||||
} else {
|
||||
state.msgTypeTreeData = []
|
||||
}
|
||||
}
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
if (state.pageInput.filter) {
|
||||
state.pageInput.filter = state.filter
|
||||
}
|
||||
|
||||
const res = await new SiteMsgApi().getPage(state.pageInput).catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
|
||||
state.msgList = res?.data?.list ?? []
|
||||
state.total = res?.data?.total ?? 0
|
||||
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const onSizeChange = (val: number) => {
|
||||
state.pageInput.currentPage = 1
|
||||
state.pageInput.pageSize = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onCurrentChange = (val: number) => {
|
||||
state.pageInput.currentPage = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onSetAllRead = () => {
|
||||
proxy.$modal
|
||||
.confirm(`确认标记所有消息为已读吗？`)
|
||||
.then(async () => {
|
||||
state.loadingSetAllRead = true
|
||||
const res = await new SiteMsgApi().setAllRead().catch(() => {
|
||||
state.loadingSetAllRead = false
|
||||
})
|
||||
|
||||
state.loadingSetAllRead = false
|
||||
if (res?.success) {
|
||||
proxy.$modal.msgSuccess('标记所有已读成功')
|
||||
onQuery()
|
||||
}
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onBatchDelete = () => {
|
||||
proxy.$modal
|
||||
.confirmDelete(`确定要删除消息?`)
|
||||
.then(async () => {
|
||||
state.loadingBatchDelete = true
|
||||
const res = await new SiteMsgApi().batchSoftDelete(selectionIds.value).catch(() => {
|
||||
state.loadingBatchDelete = false
|
||||
})
|
||||
state.loadingBatchDelete = false
|
||||
if (res?.success) {
|
||||
proxy.$modal.msgSuccess('删除成功')
|
||||
onQuery()
|
||||
}
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onBatchSetRead = () => {
|
||||
proxy.$modal
|
||||
.confirmDelete(`确定要标记消息为已读?`)
|
||||
.then(async () => {
|
||||
state.loadingBatchSetRead = true
|
||||
const res = await new SiteMsgApi().batchSetRead(selectionIds.value).catch(() => {
|
||||
state.loadingBatchSetRead = false
|
||||
})
|
||||
state.loadingBatchSetRead = false
|
||||
if (res?.success) {
|
||||
proxy.$modal.msgSuccess('标记已读成功')
|
||||
onQuery()
|
||||
}
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.my-form-inline {
|
||||
:deep() {
|
||||
.el-select {
|
||||
--el-select-width: 192px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,112 +0,0 @@
|
||||
<template>
|
||||
<el-drawer v-model="state.showDialog" direction="rtl" destroy-on-close :size="size">
|
||||
<template #header="{ titleId, titleClass }">
|
||||
<h4 :id="titleId" :class="titleClass">{{ title }}</h4>
|
||||
<el-icon v-if="state.isFull" class="el-drawer__btn" @click="state.isFull = !state.isFull" title="还原"><ele-CopyDocument /></el-icon>
|
||||
<el-icon v-else class="el-drawer__btn" @click="state.isFull = !state.isFull" title="最大化"><ele-FullScreen /></el-icon>
|
||||
</template>
|
||||
<div class="my-fill h100" style="padding: 20px">
|
||||
<div class="mb10 my-flex my-flex-end">
|
||||
<el-button type="primary" @click="onJsonShell">Shell</el-button>
|
||||
<el-button type="primary" @click="onJsonHttp">Http</el-button>
|
||||
</div>
|
||||
<MyJsonEditor ref="jsonEditorRef" v-model="state.content" :options="{ modes: [] }"></MyJsonEditor>
|
||||
</div>
|
||||
<template #footer>
|
||||
<div style="flex: auto; padding: 20px !important">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure">确 定</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-drawer>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { reactive, computed, ref } from 'vue'
|
||||
import MyJsonEditor from '/@/components/my-json-editor/index.vue'
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: 'Json编辑器',
|
||||
},
|
||||
})
|
||||
|
||||
const emits = defineEmits(['sure'])
|
||||
|
||||
const jsonEditorRef = ref()
|
||||
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
isFull: false,
|
||||
isMobile: document.body.clientWidth < 1000,
|
||||
content: '',
|
||||
topic: '',
|
||||
})
|
||||
|
||||
const size = computed(() => {
|
||||
return state.isMobile ? '100%' : state.isFull ? '100%' : '50%'
|
||||
})
|
||||
|
||||
const onJsonShell = () => {
|
||||
state.topic = '[shell]'
|
||||
state.content = `{
|
||||
"desc": "任务描述",
|
||||
"arguments": "-plaintext -d \\"{ \\\\\\"id\\\\\\": 1 }\\" \${grpcAddress} YourNamespace.YourGrpcService/YourMethod",
|
||||
"moduleName": "YourModuleName"
|
||||
}`
|
||||
jsonEditorRef.value.jsonEditor.set(JSON.parse(state.content))
|
||||
}
|
||||
|
||||
const onJsonHttp = () => {
|
||||
state.topic = '[系统预留]Http请求'
|
||||
state.content = `{
|
||||
"method": "get",
|
||||
"url": "",
|
||||
"header": {
|
||||
"Content-Type": "application/json"
|
||||
},
|
||||
"body": "{}"
|
||||
}`
|
||||
jsonEditorRef.value.jsonEditor.set(JSON.parse(state.content))
|
||||
}
|
||||
|
||||
// 打开对话框
|
||||
const open = (task: any) => {
|
||||
if (task) {
|
||||
state.topic = task.topic || ''
|
||||
state.content = task.body || ''
|
||||
}
|
||||
state.showDialog = true
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
emits('sure', { topic: state.topic, body: state.content })
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.el-alert {
|
||||
border-width: 0px !important;
|
||||
margin-left: 110px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.el-drawer__btn {
|
||||
cursor: pointer;
|
||||
margin-right: 8px;
|
||||
&:hover {
|
||||
color: var(--el-color-primary);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,264 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
:title="title"
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="600px"
|
||||
>
|
||||
<el-form :model="form" ref="formRef" label-width="110px">
|
||||
<el-row :gutter="35">
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="任务标题" prop="topic" :rules="[{ required: true, message: '请输入任务标题', trigger: ['blur', 'change'] }]">
|
||||
<el-input v-model="form.topic" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="任务参数" prop="body">
|
||||
<template #label>
|
||||
<div class="my-flex-y-center">
|
||||
任务参数<el-tooltip effect="dark" placement="top" hide-after="0">
|
||||
<template #content>设置Json数据</template>
|
||||
<SvgIcon name="ele-InfoFilled" class="ml5" />
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
<el-input v-model="form.body" clearable type="textarea" rows="6" />
|
||||
<el-link icon="ele-Edit" underline="never" style="line-height: normal; margin-top: 5px" @click="onOpenJson">Json</el-link>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item prop="alarmEmail">
|
||||
<template #label>
|
||||
<div class="my-flex-y-center">
|
||||
报警邮件<el-tooltip effect="dark" placement="top" hide-after="0">
|
||||
<template #content>多个邮件地址用逗号分隔</template>
|
||||
<SvgIcon name="ele-InfoFilled" class="ml5" />
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
<el-input v-model="form.alarmEmail" clearable placeholder="多个邮件地址用逗号分隔" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item prop="failRetryCount">
|
||||
<template #label>
|
||||
<div class="my-flex-y-center">失败重试次数</div>
|
||||
</template>
|
||||
<el-input-number v-model="form.failRetryCount" :min="0" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item prop="failRetryCount">
|
||||
<template #label>
|
||||
<div class="my-flex-y-center">重试间隔（秒）</div>
|
||||
</template>
|
||||
<el-input-number v-model="form.failRetryInterval" :min="0" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item prop="round" :rules="[{ required: true, message: '请输入执行轮数', trigger: ['blur', 'change'] }]">
|
||||
<template #label>
|
||||
<div class="my-flex-y-center">
|
||||
执行轮次<el-tooltip effect="dark" placement="top" hide-after="0">
|
||||
<template #content>循环多少次，-1为无限循环</template>
|
||||
<SvgIcon name="ele-InfoFilled" class="ml5" />
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
<el-input-number v-model="form.round" :min="-1" :disabled="form.interval === 21" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
||||
<el-form-item label="定时类型" prop="interval" :rules="[{ required: true, message: '请选择定时类型', trigger: ['change'] }]">
|
||||
<el-select v-model="form.interval" style="width: 150px" @change="onIntervalChange">
|
||||
<el-option v-for="item in state.intervals" :key="item.value" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-space fill class="w100">
|
||||
<el-form-item
|
||||
label="定时参数"
|
||||
prop="intervalArgument"
|
||||
:rules="[{ required: true, message: '请输入定时参数', trigger: ['blur', 'change'] }]"
|
||||
>
|
||||
<el-input v-model="form.intervalArgument" clearable>
|
||||
<template #append v-if="form.interval === 21">
|
||||
<el-button icon="ele-Clock" @click="onOpenCronDialog" />
|
||||
</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-alert v-if="form.interval === 1" type="info" :closable="false">
|
||||
设置 5 则每5秒触发，执行N次
|
||||
<br />
|
||||
设置 5, 5, 10, 10, 60, 60 则每次按不同的间隔秒数触发，执行6次
|
||||
</el-alert>
|
||||
<el-alert v-else-if="form.interval === 11" type="info" :closable="false"> 设置 08:00:00 则每天 08:00:00 触发，执行N次 </el-alert>
|
||||
<el-alert v-else-if="form.interval === 12" type="info" :closable="false">
|
||||
设置 1:08:00:00 则每周一 08:00:00 触发
|
||||
<br />
|
||||
设置 0:08:00:00 则每周日 08:00:00 触发
|
||||
</el-alert>
|
||||
<el-alert v-else-if="form.interval === 13" type="info" :closable="false">
|
||||
设置 1:08:00:00 则每月1日 08:00:00 触发
|
||||
<br />
|
||||
设置 -1:08:00:00 则每月最后一日 08:00:00 触发
|
||||
</el-alert>
|
||||
<el-alert v-else-if="form.interval === 21" type="info" :closable="false">
|
||||
设置 0/10 * * * * ? 则从0秒开始每10秒执行一次
|
||||
<br />
|
||||
<pre style="line-height: 20px">
|
||||
new FreeSchedulerBuilder()
|
||||
...
|
||||
.UseCustomInterval(task =>
|
||||
{
|
||||
//利用 cron 功能库解析 task.IntervalArgument 得到下一次执行时间
|
||||
//与当前时间相减，得到 TimeSpan，若返回 null 则任务完成
|
||||
return TimeSpan.FromSeconds(5);
|
||||
})
|
||||
.Build();
|
||||
</pre
|
||||
>
|
||||
</el-alert>
|
||||
</el-space>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">确 定</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
|
||||
<MyCronDialog ref="myCronDialogRef" @fill="onFillCron"></MyCronDialog>
|
||||
|
||||
<JsonEditorDialog ref="jsonEditorDialogRef" @sure="onSureArgs"></JsonEditorDialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/task/form">
|
||||
import { reactive, toRefs, ref, defineAsyncComponent } from 'vue'
|
||||
import { TaskUpdateInput } from '/@/api/admin/data-contracts'
|
||||
import { TaskApi } from '/@/api/admin/Task'
|
||||
import { cloneDeep } from 'lodash-es'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
|
||||
const MyCronDialog = defineAsyncComponent(() => import('/@/components/my-cron/dialog.vue'))
|
||||
|
||||
const JsonEditorDialog = defineAsyncComponent(() => import('./json-editor-dialog.vue'))
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
|
||||
const formRef = ref()
|
||||
const myCronDialogRef = ref()
|
||||
const jsonEditorDialogRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
form: {} as TaskUpdateInput,
|
||||
intervals: [
|
||||
{ label: '按秒触发', value: 1 },
|
||||
{ label: '每天', value: 11 },
|
||||
{ label: '每周几', value: 12 },
|
||||
{ label: '每月第几日', value: 13 },
|
||||
{ label: 'Cron表达式', value: 21 },
|
||||
],
|
||||
})
|
||||
|
||||
const { form } = toRefs(state)
|
||||
|
||||
//确定Cron表达式
|
||||
const onFillCron = (value: any) => {
|
||||
form.value.intervalArgument = value
|
||||
}
|
||||
|
||||
//确定任务参数
|
||||
const onSureArgs = (task: any) => {
|
||||
form.value.topic = task.topic
|
||||
form.value.body = task.body
|
||||
}
|
||||
|
||||
// 打开对话框
|
||||
const open = async (row: TaskUpdateInput = { id: '' }) => {
|
||||
let formData = cloneDeep(row) as TaskUpdateInput
|
||||
if (row.id) {
|
||||
const res = await new TaskApi().get({ id: row.id }, { loading: true })
|
||||
|
||||
if (res?.success) {
|
||||
formData = res.data as TaskUpdateInput
|
||||
}
|
||||
}
|
||||
|
||||
state.form = formData
|
||||
state.showDialog = true
|
||||
}
|
||||
|
||||
//打开Cron对话框
|
||||
const onOpenCronDialog = () => {
|
||||
myCronDialogRef.value.open(state.form.intervalArgument)
|
||||
}
|
||||
|
||||
//打开Json对话框
|
||||
const onOpenJson = () => {
|
||||
jsonEditorDialogRef.value.open(state.form)
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
state.sureLoading = true
|
||||
let res = {} as any
|
||||
if (state.form.id) {
|
||||
res = await new TaskApi().update(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
} else {
|
||||
res = await new TaskApi().add(state.form, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
}
|
||||
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
eventBus.emit('refreshTask')
|
||||
state.showDialog = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const onIntervalChange = () => {
|
||||
state.form.intervalArgument = ''
|
||||
if (state.form.interval === 21) state.form.round = -1
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.el-alert {
|
||||
border-width: 0px !important;
|
||||
margin-left: 110px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
</style>
|
||||
@ -1,133 +0,0 @@
|
||||
<template>
|
||||
<el-drawer v-model="state.showDialog" direction="ltr" :size="size">
|
||||
<template #header="{ titleId, titleClass }">
|
||||
<h4 :id="titleId" :class="titleClass">{{ title }}</h4>
|
||||
<el-icon v-if="state.isFull" class="el-drawer__btn" @click="state.isFull = !state.isFull" title="还原"><ele-CopyDocument /></el-icon>
|
||||
<el-icon v-else class="el-drawer__btn" @click="state.isFull = !state.isFull" title="最大化"><ele-FullScreen /></el-icon>
|
||||
</template>
|
||||
<div class="my-fill h100">
|
||||
<el-table v-loading="state.loading" :data="state.taskLogListData" row-key="id" style="width: 100%">
|
||||
<el-table-column prop="round" label="当前次数" width="90" />
|
||||
<el-table-column prop="success" label="状态" width="90">
|
||||
<template #default="{ row }">
|
||||
<el-tag v-if="!row.success" type="danger" disable-transitions>失败</el-tag>
|
||||
<el-tag v-else type="success" disable-transitions>成功</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="elapsedMilliseconds" label="耗时(ms)" width="100" />
|
||||
<el-table-column prop="exception" label="异常" min-width="180" />
|
||||
|
||||
<el-table-column prop="createTime" label="创建时间" :formatter="formatterTime" width="160" />
|
||||
<el-table-column prop="remark" label="备注" min-width="180" />
|
||||
</el-table>
|
||||
<div class="my-flex my-flex-end" style="margin-top: 20px; padding: 0px 10px">
|
||||
<el-pagination
|
||||
v-model:currentPage="state.pageInput.currentPage"
|
||||
v-model:page-size="state.pageInput.pageSize"
|
||||
:total="state.total"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
background
|
||||
@size-change="onSizeChange"
|
||||
@current-change="onCurrentChange"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<template #footer>
|
||||
<div style="flex: auto; padding: 20px !important">
|
||||
<el-button @click="onQuery" type="primary">刷 新</el-button>
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-drawer>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/taskLog">
|
||||
import { reactive, computed } from 'vue'
|
||||
import { ResultOutputPageOutputTaskLog, PageInputTaskLogGetPageInput, TaskGetPageOutput } from '/@/api/admin/data-contracts'
|
||||
import { TaskLogApi } from '/@/api/admin/TaskLog'
|
||||
import dayjs from 'dayjs'
|
||||
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
loading: false,
|
||||
isFull: false,
|
||||
isMobile: document.body.clientWidth < 1000,
|
||||
taskLogFormTitle: '',
|
||||
total: 0,
|
||||
pageInput: {
|
||||
currentPage: 1,
|
||||
pageSize: 20,
|
||||
filter: {
|
||||
taskId: null,
|
||||
},
|
||||
} as PageInputTaskLogGetPageInput,
|
||||
taskLogListData: [] as Array<ResultOutputPageOutputTaskLog>,
|
||||
})
|
||||
|
||||
const size = computed(() => {
|
||||
return state.isMobile ? '100%' : state.isFull ? '100%' : '50%'
|
||||
})
|
||||
|
||||
const formatterTime = (row: any, column: any, cellValue: any) => {
|
||||
return dayjs(cellValue).format('YYYY-MM-DD HH:mm:ss')
|
||||
}
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
const res = await new TaskLogApi().getPage(state.pageInput).catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
|
||||
state.taskLogListData = res?.data?.list ?? []
|
||||
state.total = res?.data?.total ?? 0
|
||||
state.loading = false
|
||||
}
|
||||
const onSizeChange = (val: number) => {
|
||||
state.pageInput.currentPage = 1
|
||||
state.pageInput.pageSize = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onCurrentChange = (val: number) => {
|
||||
state.pageInput.currentPage = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
// 打开对话框
|
||||
const open = (row: TaskGetPageOutput) => {
|
||||
if (state.pageInput.filter) state.pageInput.filter.taskId = row.id
|
||||
onQuery()
|
||||
state.showDialog = true
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.my-drawer-body-padding {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.el-drawer__btn {
|
||||
cursor: pointer;
|
||||
margin-right: 8px;
|
||||
&:hover {
|
||||
color: var(--el-color-primary);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,397 +0,0 @@
|
||||
<template>
|
||||
<my-layout>
|
||||
<div class="my-query-box mt8" style="position: relative">
|
||||
<el-card shadow="never" :body-style="{ paddingBottom: '0' }">
|
||||
<el-form :inline="true" label-width="auto" :label-position="'left'" @submit.stop.prevent>
|
||||
<el-form-item label="任务分组">
|
||||
<el-select v-model="state.filter.groupName" :empty-values="[null, undefined]" style="width: 120px" @change="onQuery">
|
||||
<el-option v-for="group in state.groupList" :key="group.name" :label="group.name" :value="group.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="任务名称">
|
||||
<el-input v-model="state.filter.taskName" placeholder="任务名称" @keyup.enter="onQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="任务状态">
|
||||
<el-select v-model="state.filter.taskStatus" :empty-values="[null]" style="width: 120px" @change="onQuery">
|
||||
<el-option v-for="status in state.statusList" :key="status.name" :label="status.name" :value="status.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="创建日期">
|
||||
<MyDateRange v-model:startDate="state.filter.startAddTime" v-model:endDate="state.filter.endAddTime" style="width: 230px" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
||||
<el-button v-auth="'api:admin:task:add'" type="primary" icon="ele-Plus" @click="onAdd"> 新增 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div
|
||||
v-show="rowSelectCount > 0"
|
||||
class="my-flex my-flex-items-center pl10"
|
||||
style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--el-bg-color)"
|
||||
>
|
||||
<el-text class="mx-1"
|
||||
>已选中 <el-text class="mx-1" type="primary">{{ rowSelectCount }}</el-text> 项</el-text
|
||||
>
|
||||
<el-divider direction="vertical" />
|
||||
<el-button v-auth="'api:admin:task:run'" icon="ele-Promotion" text type="primary" @click="onBatchRun">执行</el-button>
|
||||
<el-divider direction="vertical" />
|
||||
<el-button v-auth="'api:admin:task:pause'" icon="ele-CaretRight" text type="primary" @click="onBatchStart">启动</el-button>
|
||||
<el-divider direction="vertical" />
|
||||
<el-button v-auth="'api:admin:task:resume'" icon="ele-VideoPause" text type="primary" @click="onBatchPause">停止</el-button>
|
||||
<el-divider direction="vertical" />
|
||||
<el-button v-auth="'api:admin:task:delete'" icon="ele-Delete" text type="danger" @click="onBatchDelete">删除</el-button>
|
||||
|
||||
<el-button size="large" link @click="onClear" style="position: absolute; right: 6px; top: 6px">
|
||||
<svgIcon name="ele-Close" size="18"></svgIcon>
|
||||
</el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
|
||||
<el-card class="my-fill mt8 el-card-table" shadow="never">
|
||||
<el-table ref="tableRef" v-loading="state.loading" :data="state.taskListData" row-key="id" style="width: 100%" border>
|
||||
<el-table-column type="selection" width="40" />
|
||||
<el-table-column type="index" label="序号" width="60" :index="indexMethod" />
|
||||
<el-table-column prop="topic" label="任务名称" min-width="260">
|
||||
<template #default="{ row }">
|
||||
<div>{{ row.id }}</div>
|
||||
<div>{{ row.topic }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="status" label="任务状态" width="95">
|
||||
<template #default="{ row }">
|
||||
<el-tag v-if="row.status === 0 || row.status === 'Running'" disable-transitions>运行中</el-tag>
|
||||
<el-tag v-if="row.status === 1 || row.status === 'Paused'" type="info" disable-transitions>停止</el-tag>
|
||||
<el-tag v-if="row.status === 2 || row.status === 'Completed'" type="success" disable-transitions>完成</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="round" label="运行次数" width="90" />
|
||||
<el-table-column prop="currentRound" label="当前次数" width="90" />
|
||||
<el-table-column prop="errorTimes" label="失败次数" width="90">
|
||||
<template #default="{ row }">
|
||||
<el-text class="mx-1" type="danger">{{ row.errorTimes }}</el-text>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="body" label="任务数据" min-width="260" />
|
||||
<el-table-column prop="intervalArgument" label="定时参数" min-width="120">
|
||||
<template #default="{ row }">
|
||||
<div>{{ formatterInterval(row.interval) }}</div>
|
||||
<div>{{ row.intervalArgument }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="createTime" label="创建时间" :formatter="formatterTime" width="100" />
|
||||
<el-table-column prop="lastRunTime" label="最后运行时间" :formatter="formatterTime" width="120" />
|
||||
<el-table-column label="操作" width="210" fixed="right" header-align="center" align="center">
|
||||
<template #default="{ row }">
|
||||
<div class="my-flex">
|
||||
<el-button v-auth="'api:admin:task-log:get-page'" icon="ele-Tickets" text type="primary" @click="onShowLogs(row)">日志</el-button>
|
||||
<el-button v-auth="'api:admin:task:update'" icon="ele-Edit" text type="primary" @click="onUpdate(row)">修改</el-button>
|
||||
<el-button v-auth="'api:admin:task:delete'" icon="ele-Delete" text type="danger" @click="onDelete(row)">删除</el-button>
|
||||
</div>
|
||||
|
||||
<div class="my-flex">
|
||||
<el-button v-auth="'api:admin:task:run'" icon="ele-Promotion" text type="primary" @click="onRun(row)">执行</el-button>
|
||||
<el-button v-auth="'api:admin:task:update'" icon="ele-CopyDocument" text type="primary" @click="onCopy(row)"> 复制 </el-button>
|
||||
<el-button
|
||||
v-if="row.status === 1 || row.status === 'Paused'"
|
||||
v-auth="'api:admin:task:pause'"
|
||||
icon="ele-CaretRight"
|
||||
text
|
||||
type="primary"
|
||||
@click="onStart(row)"
|
||||
>
|
||||
启动
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="row.status === 0 || row.status === 'Running'"
|
||||
v-auth="'api:admin:task:resume'"
|
||||
icon="ele-VideoPause"
|
||||
text
|
||||
type="primary"
|
||||
@click="onPause(row)"
|
||||
>
|
||||
停止
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="my-flex my-flex-end" style="margin-top: 10px">
|
||||
<el-pagination
|
||||
v-model:currentPage="state.pageInput.currentPage"
|
||||
v-model:page-size="state.pageInput.pageSize"
|
||||
:total="state.total"
|
||||
:page-sizes="[10, 20, 50, 100]"
|
||||
background
|
||||
@size-change="onSizeChange"
|
||||
@current-change="onCurrentChange"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<task-logs ref="taskLogsRef" :title="state.taskLogsTitle"></task-logs>
|
||||
<task-form ref="taskFormRef" :title="state.taskFormTitle"></task-form>
|
||||
</my-layout>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/task">
|
||||
import { ref, reactive, onMounted, onBeforeMount, getCurrentInstance, defineAsyncComponent, computed } from 'vue'
|
||||
import { ElTable, ElMessage } from 'element-plus'
|
||||
import { TaskGetPageOutput, PageInputTaskGetPageInput, TaskStatus } from '/@/api/admin/data-contracts'
|
||||
import { TaskApi } from '/@/api/admin/Task'
|
||||
import dayjs from 'dayjs'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
import { cloneDeep } from 'lodash-es'
|
||||
|
||||
// 引入组件
|
||||
const TaskLogs = defineAsyncComponent(() => import('./components/task-logs.vue'))
|
||||
const TaskForm = defineAsyncComponent(() => import('./components/task-form.vue'))
|
||||
const MyDateRange = defineAsyncComponent(() => import('/@/components/my-date-range/index.vue'))
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
|
||||
const taskLogsRef = ref()
|
||||
const taskFormRef = ref()
|
||||
const tableRef = ref<InstanceType<typeof ElTable>>()
|
||||
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
taskFormTitle: '',
|
||||
filter: {
|
||||
taskName: '',
|
||||
groupName: '',
|
||||
taskStatus: undefined as TaskStatus | undefined,
|
||||
startAddTime: undefined,
|
||||
endAddTime: undefined,
|
||||
},
|
||||
total: 0,
|
||||
pageInput: {
|
||||
currentPage: 1,
|
||||
pageSize: 20,
|
||||
} as PageInputTaskGetPageInput,
|
||||
taskListData: [] as Array<TaskGetPageOutput>,
|
||||
taskLogsTitle: '',
|
||||
groupList: [{ name: '全部', value: '' }],
|
||||
statusList: [
|
||||
{ name: '全部', value: undefined },
|
||||
{ name: '运行中', value: 0 },
|
||||
{ name: '停止', value: 1 },
|
||||
{ name: '已完成', value: 2 },
|
||||
],
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
onQuery()
|
||||
eventBus.off('refreshTask')
|
||||
eventBus.on('refreshTask', async () => {
|
||||
onQuery()
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeMount(() => {
|
||||
eventBus.off('refreshTask')
|
||||
})
|
||||
|
||||
const rowSelectCount = computed(() => {
|
||||
return tableRef.value?.getSelectionRows().length
|
||||
})
|
||||
|
||||
const taskIds = computed(() => {
|
||||
return tableRef.value?.getSelectionRows().map((a: any) => a.id)
|
||||
})
|
||||
|
||||
const indexMethod = (index: number) => {
|
||||
if (state.pageInput.currentPage && state.pageInput.pageSize) return index + 1 + (state.pageInput.currentPage - 1) * state.pageInput.pageSize
|
||||
else return index
|
||||
}
|
||||
|
||||
const formatterInterval = (cellValue: any) => {
|
||||
let label = ''
|
||||
switch (cellValue) {
|
||||
case 1:
|
||||
case 'SEC':
|
||||
label = '按秒触发'
|
||||
break
|
||||
case 11:
|
||||
case 'RunOnDay':
|
||||
label = '每天'
|
||||
break
|
||||
case 12:
|
||||
case 'RunOnWeek':
|
||||
label = '每周几'
|
||||
break
|
||||
case 13:
|
||||
case 'RunOnMonth':
|
||||
label = '每月第几日'
|
||||
break
|
||||
case 21:
|
||||
case 'Custom':
|
||||
label = 'Cron表达式'
|
||||
break
|
||||
}
|
||||
return label
|
||||
}
|
||||
|
||||
const formatterTime = (row: any, column: any, cellValue: any) => {
|
||||
return dayjs(cellValue).format('YYYY-MM-DD HH:mm:ss')
|
||||
}
|
||||
|
||||
const onClear = () => {
|
||||
tableRef.value?.clearSelection()
|
||||
}
|
||||
|
||||
const onQuery = async () => {
|
||||
state.loading = true
|
||||
state.pageInput.filter = state.filter
|
||||
const res = await new TaskApi().getPage(state.pageInput).catch(() => {
|
||||
state.loading = false
|
||||
})
|
||||
|
||||
state.taskListData = res?.data?.list ?? []
|
||||
state.total = res?.data?.total ?? 0
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
const onAdd = () => {
|
||||
state.taskFormTitle = '新增任务'
|
||||
taskFormRef.value.open()
|
||||
}
|
||||
|
||||
const onUpdate = (row: TaskGetPageOutput) => {
|
||||
state.taskFormTitle = '修改任务'
|
||||
taskFormRef.value.open(row)
|
||||
}
|
||||
|
||||
const onCopy = (row: TaskGetPageOutput) => {
|
||||
state.taskFormTitle = '新增任务'
|
||||
var task = cloneDeep(row)
|
||||
task.id = null
|
||||
taskFormRef.value.open(task)
|
||||
}
|
||||
|
||||
// 查看日志
|
||||
const onShowLogs = (row: TaskGetPageOutput) => {
|
||||
state.taskLogsTitle = `${row.topic}${row.id}运行日志`
|
||||
taskLogsRef.value.open(row)
|
||||
}
|
||||
|
||||
const onRun = (row: TaskGetPageOutput) => {
|
||||
proxy.$modal
|
||||
.confirm(`确定要运行【${row.topic}】任务?`)
|
||||
.then(async () => {
|
||||
await new TaskApi().run({ id: row.id as string }, { loading: true, showSuccessMessage: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onPause = (row: TaskGetPageOutput) => {
|
||||
proxy.$modal
|
||||
.confirm(`确定要停止【${row.topic}】任务?`)
|
||||
.then(async () => {
|
||||
await new TaskApi().pause({ id: row.id as string }, { loading: true, showSuccessMessage: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onStart = (row: TaskGetPageOutput) => {
|
||||
proxy.$modal
|
||||
.confirm(`确定要启动【${row.topic}】任务?`)
|
||||
.then(async () => {
|
||||
await new TaskApi().resume({ id: row.id as string }, { loading: true, showSuccessMessage: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onDelete = (row: TaskGetPageOutput) => {
|
||||
proxy.$modal
|
||||
.confirmDelete(`确定要删除【${row.topic}】任务?`)
|
||||
.then(async () => {
|
||||
await new TaskApi().delete({ id: row.id as string }, { loading: true, showSuccessMessage: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const checkRowSelect = () => {
|
||||
if (rowSelectCount.value > 0) {
|
||||
return true
|
||||
} else {
|
||||
ElMessage({
|
||||
message: '请选择任务再操作',
|
||||
type: 'warning',
|
||||
})
|
||||
return false
|
||||
}
|
||||
}
|
||||
|
||||
const onBatchRun = () => {
|
||||
if (!checkRowSelect()) {
|
||||
return
|
||||
}
|
||||
|
||||
proxy.$modal
|
||||
.confirm(`确定要运行 ${rowSelectCount.value} 项任务?`)
|
||||
.then(async () => {
|
||||
await new TaskApi().batchRun(taskIds.value, { loading: true, showSuccessMessage: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onBatchPause = () => {
|
||||
if (!checkRowSelect()) {
|
||||
return
|
||||
}
|
||||
|
||||
proxy.$modal
|
||||
.confirm(`确定要停止 ${rowSelectCount.value} 项任务?`)
|
||||
.then(async () => {
|
||||
await new TaskApi().batchPause(taskIds.value, { loading: true, showSuccessMessage: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onBatchStart = () => {
|
||||
if (!checkRowSelect()) {
|
||||
return
|
||||
}
|
||||
|
||||
proxy.$modal
|
||||
.confirm(`确定要启动 ${rowSelectCount.value} 项任务?`)
|
||||
.then(async () => {
|
||||
await new TaskApi().batchResume(taskIds.value, { loading: true, showSuccessMessage: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onBatchDelete = () => {
|
||||
if (!checkRowSelect()) {
|
||||
return
|
||||
}
|
||||
|
||||
proxy.$modal
|
||||
.confirm(`确定要删除 ${rowSelectCount.value} 项任务?`)
|
||||
.then(async () => {
|
||||
await new TaskApi().batchDelete(taskIds.value, { loading: true, showSuccessMessage: true })
|
||||
onQuery()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
const onSizeChange = (val: number) => {
|
||||
state.pageInput.currentPage = 1
|
||||
state.pageInput.pageSize = val
|
||||
onQuery()
|
||||
}
|
||||
|
||||
const onCurrentChange = (val: number) => {
|
||||
state.pageInput.currentPage = val
|
||||
onQuery()
|
||||
}
|
||||
</script>
|
||||
@ -1,152 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
v-model="state.showDialog"
|
||||
destroy-on-close
|
||||
title="加载共享文件夹"
|
||||
draggable
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="600px"
|
||||
>
|
||||
<el-form :model="form" ref="formRef" label-width="120px">
|
||||
<el-alert
|
||||
v-if="state.isReadonly"
|
||||
title="当前为指定文件夹加载模式，父级文件夹和文件路径已自动设置"
|
||||
type="info"
|
||||
:closable="false"
|
||||
style="margin-bottom: 20px"
|
||||
/>
|
||||
<el-row :gutter="35">
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="父级文件夹">
|
||||
<el-input
|
||||
v-if="state.isReadonly"
|
||||
v-model="state.parentName"
|
||||
readonly
|
||||
placeholder="根目录"
|
||||
class="w100"
|
||||
/>
|
||||
<el-tree-select
|
||||
v-else
|
||||
v-model="form.parentId"
|
||||
:data="templateTreeData.filter(item => (item.type || 1) === 1)"
|
||||
node-key="id"
|
||||
check-strictly
|
||||
default-expand-all
|
||||
render-after-expand
|
||||
fit-input-width
|
||||
clearable
|
||||
:empty-values="[0, null, undefined]"
|
||||
class="w100"
|
||||
:props="{ label: 'name', value: 'id' }"
|
||||
placeholder="请选择父级文件夹，为空则表示根目录"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="文件夹路径" prop="folderPath" :rules="[{ required: true, message: '请输入文件夹路径', trigger: ['blur', 'change'] }]">
|
||||
<el-input
|
||||
v-model="form.folderPath"
|
||||
:readonly="state.isReadonly"
|
||||
clearable
|
||||
placeholder="请输入共享文件夹路径"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
||||
<el-form-item label="包含子文件夹">
|
||||
<el-switch v-model="form.includeSubfolders" />
|
||||
<el-text type="info" size="small" style="margin-left: 10px">
|
||||
是否包含子文件夹内容
|
||||
</el-text>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="onCancel">取 消</el-button>
|
||||
<el-button type="primary" @click="onSure" :loading="state.sureLoading">开始加载</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="admin/templatecenter/folder-load-form">
|
||||
import { reactive, toRefs, getCurrentInstance, ref, PropType } from 'vue'
|
||||
import { TemplateCenterGetTreeOutput } from '/@/api/admin/TemplateCenter'
|
||||
import { TemplateCenterApi } from '/@/api/admin/TemplateCenter'
|
||||
import eventBus from '/@/utils/mitt'
|
||||
|
||||
defineProps({
|
||||
templateTreeData: {
|
||||
type: Array as PropType<TemplateCenterGetTreeOutput[]>,
|
||||
default: () => [],
|
||||
},
|
||||
})
|
||||
|
||||
const { proxy } = getCurrentInstance() as any
|
||||
const formRef = ref()
|
||||
const state = reactive({
|
||||
showDialog: false,
|
||||
sureLoading: false,
|
||||
isReadonly: false,
|
||||
parentName: '',
|
||||
form: {
|
||||
parentId: undefined as number | undefined,
|
||||
folderPath: '',
|
||||
includeSubfolders: false,
|
||||
},
|
||||
})
|
||||
const { form } = toRefs(state)
|
||||
|
||||
// 打开对话框
|
||||
const open = async (parentId?: number, parentName?: string, folderPath?: string) => {
|
||||
state.isReadonly = !!(parentId && parentName) // 如果传入了父级信息，则为只读模式
|
||||
state.parentName = parentName || ''
|
||||
|
||||
state.form = {
|
||||
parentId: parentId || undefined,
|
||||
folderPath: folderPath || '',
|
||||
includeSubfolders: false,
|
||||
}
|
||||
state.showDialog = true
|
||||
}
|
||||
|
||||
// 取消
|
||||
const onCancel = () => {
|
||||
state.showDialog = false
|
||||
}
|
||||
|
||||
// 确定
|
||||
const onSure = () => {
|
||||
formRef.value.validate(async (valid: boolean) => {
|
||||
if (!valid) return
|
||||
|
||||
state.sureLoading = true
|
||||
|
||||
const res = await new TemplateCenterApi().getSharedFolderContent({
|
||||
folderPath: state.form.folderPath,
|
||||
parentId: state.form.parentId && state.form.parentId > 0 ? state.form.parentId : undefined,
|
||||
includeSubfolders: state.form.includeSubfolders,
|
||||
}, { showSuccessMessage: true }).catch(() => {
|
||||
state.sureLoading = false
|
||||
})
|
||||
|
||||
state.sureLoading = false
|
||||
|
||||
if (res?.success) {
|
||||
eventBus.emit('refreshTemplateCenter')
|
||||
state.showDialog = false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@ -1,427 +0,0 @@
|
||||
<template>
|
||||
<el-dialog v-model="state.isShowDialog" title="关键词生成助手" width="800px" destroy-on-close>
|
||||
<div class="keyword-helper">
|
||||
<!-- 使用说明 -->
|
||||
<el-alert
|
||||
title="使用说明"
|
||||
description="支持格式：通用关键词&后缀|特定关键词&后缀，如：报告模板,报告信息&doc,docx|报表&xlsx,xls|归档&pdf"
|
||||
type="info"
|
||||
:closable="false"
|
||||
style="margin-bottom: 20px"
|
||||
/>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<!-- 左侧：关键词配置 -->
|
||||
<el-col :span="12">
|
||||
<el-card header="关键词配置" shadow="never">
|
||||
<!-- 通用关键词 -->
|
||||
<div class="section">
|
||||
<h4>通用关键词</h4>
|
||||
<el-input
|
||||
v-model="state.commonKeywords"
|
||||
placeholder="输入通用关键词，用逗号分隔"
|
||||
type="textarea"
|
||||
:rows="2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<!-- 特定后缀关键词 -->
|
||||
<div class="section">
|
||||
<h4>
|
||||
特定后缀关键词
|
||||
<el-button type="primary" link size="small" @click="addExtensionGroup">
|
||||
<el-icon><Plus /></el-icon>
|
||||
添加组合
|
||||
</el-button>
|
||||
</h4>
|
||||
|
||||
<div v-for="(group, index) in state.extensionGroups" :key="index" class="extension-group">
|
||||
<el-row :gutter="10" align="middle">
|
||||
<el-col :span="10">
|
||||
<el-input
|
||||
v-model="group.keywords"
|
||||
placeholder="关键词，用逗号分隔"
|
||||
size="small"
|
||||
/>
|
||||
</el-col>
|
||||
<el-col :span="2" class="text-center">
|
||||
<span>&</span>
|
||||
</el-col>
|
||||
<el-col :span="10">
|
||||
<el-select
|
||||
v-model="group.extensions"
|
||||
placeholder="选择文件后缀"
|
||||
multiple
|
||||
collapse-tags
|
||||
collapse-tags-tooltip
|
||||
size="small"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-option-group label="文档类">
|
||||
<el-option label="doc" value="doc" />
|
||||
<el-option label="docx" value="docx" />
|
||||
<el-option label="pdf" value="pdf" />
|
||||
<el-option label="txt" value="txt" />
|
||||
<el-option label="md" value="md" />
|
||||
</el-option-group>
|
||||
<el-option-group label="表格类">
|
||||
<el-option label="xlsx" value="xlsx" />
|
||||
<el-option label="xls" value="xls" />
|
||||
<el-option label="csv" value="csv" />
|
||||
</el-option-group>
|
||||
<el-option-group label="演示文稿">
|
||||
<el-option label="ppt" value="ppt" />
|
||||
<el-option label="pptx" value="pptx" />
|
||||
</el-option-group>
|
||||
<el-option-group label="图片类">
|
||||
<el-option label="jpg" value="jpg" />
|
||||
<el-option label="jpeg" value="jpeg" />
|
||||
<el-option label="png" value="png" />
|
||||
<el-option label="gif" value="gif" />
|
||||
</el-option-group>
|
||||
<el-option-group label="压缩类">
|
||||
<el-option label="zip" value="zip" />
|
||||
<el-option label="rar" value="rar" />
|
||||
<el-option label="7z" value="7z" />
|
||||
</el-option-group>
|
||||
<el-option-group label="代码类">
|
||||
<el-option label="js" value="js" />
|
||||
<el-option label="ts" value="ts" />
|
||||
<el-option label="vue" value="vue" />
|
||||
<el-option label="html" value="html" />
|
||||
<el-option label="css" value="css" />
|
||||
</el-option-group>
|
||||
</el-select>
|
||||
</el-col>
|
||||
<el-col :span="2">
|
||||
<el-button
|
||||
type="danger"
|
||||
link
|
||||
size="small"
|
||||
@click="removeExtensionGroup(index)"
|
||||
>
|
||||
<el-icon><Delete /></el-icon>
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 快速模板 -->
|
||||
<div class="section">
|
||||
<h4>快速模板</h4>
|
||||
<el-space wrap>
|
||||
<el-button
|
||||
v-for="template in templates"
|
||||
:key="template.name"
|
||||
size="small"
|
||||
@click="applyTemplate(template)"
|
||||
>
|
||||
{{ template.name }}
|
||||
</el-button>
|
||||
</el-space>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
|
||||
<!-- 右侧：预览和生成 -->
|
||||
<el-col :span="12">
|
||||
<el-card header="预览和生成" shadow="never">
|
||||
<div class="section">
|
||||
<h4>生成结果</h4>
|
||||
<el-input
|
||||
v-model="generatedKeywords"
|
||||
type="textarea"
|
||||
:rows="6"
|
||||
readonly
|
||||
placeholder="配置左侧选项后，将在此显示生成的关键词"
|
||||
/>
|
||||
<div style="margin-top: 10px; text-align: right">
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
:disabled="!generatedKeywords"
|
||||
@click="copyToClipboard"
|
||||
>
|
||||
<el-icon><CopyDocument /></el-icon>
|
||||
复制到剪贴板
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h4>格式说明</h4>
|
||||
<div class="format-example">
|
||||
<p><strong>基本格式：</strong></p>
|
||||
<code>通用关键词&后缀|特定关键词&后缀</code>
|
||||
|
||||
<p><strong>示例解释：</strong></p>
|
||||
<div class="example-item">
|
||||
<code>报告模板,报告信息&doc,docx</code>
|
||||
<span>→ 在doc/docx文件中搜索"报告模板"或"报告信息"</span>
|
||||
</div>
|
||||
<div class="example-item">
|
||||
<code>|报表&xlsx,xls</code>
|
||||
<span>→ 在xlsx/xls文件中搜索"报表"</span>
|
||||
</div>
|
||||
<div class="example-item">
|
||||
<code>|归档&pdf</code>
|
||||
<span>→ 在pdf文件中搜索"归档"</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="state.isShowDialog = false">取消</el-button>
|
||||
<el-button type="primary" @click="applyKeywords">应用关键词</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts" name="KeywordHelper">
|
||||
import { reactive, computed } from 'vue'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { Plus, Delete, CopyDocument } from '@element-plus/icons-vue'
|
||||
|
||||
// 接口定义
|
||||
interface ExtensionGroup {
|
||||
keywords: string
|
||||
extensions: string[]
|
||||
}
|
||||
|
||||
interface Template {
|
||||
name: string
|
||||
commonKeywords: string
|
||||
extensionGroups: ExtensionGroup[]
|
||||
}
|
||||
|
||||
// 组件状态
|
||||
const state = reactive({
|
||||
isShowDialog: false,
|
||||
commonKeywords: '',
|
||||
extensionGroups: [] as ExtensionGroup[]
|
||||
})
|
||||
|
||||
// 快速模板
|
||||
const templates: Template[] = [
|
||||
{
|
||||
name: '办公文档',
|
||||
commonKeywords: '文档,模板',
|
||||
extensionGroups: [
|
||||
{ keywords: '报告,总结', extensions: ['doc', 'docx'] },
|
||||
{ keywords: '报表,统计', extensions: ['xlsx', 'xls'] },
|
||||
{ keywords: '演示,汇报', extensions: ['ppt', 'pptx'] }
|
||||
]
|
||||
},
|
||||
{
|
||||
name: '项目管理',
|
||||
commonKeywords: '项目,管理',
|
||||
extensionGroups: [
|
||||
{ keywords: '需求,方案', extensions: ['doc', 'docx', 'pdf'] },
|
||||
{ keywords: '计划,进度', extensions: ['xlsx', 'xls'] },
|
||||
{ keywords: '设计,原型', extensions: ['png', 'jpg', 'pdf'] }
|
||||
]
|
||||
},
|
||||
{
|
||||
name: '技术文档',
|
||||
commonKeywords: '技术,开发',
|
||||
extensionGroups: [
|
||||
{ keywords: 'API,接口', extensions: ['md', 'pdf'] },
|
||||
{ keywords: '代码,脚本', extensions: ['js', 'ts', 'vue'] },
|
||||
{ keywords: '配置,部署', extensions: ['json', 'yml', 'xml'] }
|
||||
]
|
||||
},
|
||||
{
|
||||
name: '财务相关',
|
||||
commonKeywords: '财务,会计',
|
||||
extensionGroups: [
|
||||
{ keywords: '报表,账单', extensions: ['xlsx', 'xls'] },
|
||||
{ keywords: '合同,协议', extensions: ['doc', 'docx', 'pdf'] },
|
||||
{ keywords: '发票,凭证', extensions: ['pdf', 'jpg', 'png'] }
|
||||
]
|
||||
}
|
||||
]
|
||||
|
||||
// 计算生成的关键词
|
||||
const generatedKeywords = computed(() => {
|
||||
const parts: string[] = []
|
||||
|
||||
// 添加通用关键词
|
||||
if (state.commonKeywords.trim()) {
|
||||
parts.push(state.commonKeywords.trim())
|
||||
}
|
||||
|
||||
// 添加特定后缀关键词
|
||||
state.extensionGroups.forEach(group => {
|
||||
if (group.keywords.trim() && group.extensions.length > 0) {
|
||||
const keywordsPart = group.keywords.trim()
|
||||
const extensionsPart = group.extensions.join(',')
|
||||
parts.push(`${keywordsPart}&${extensionsPart}`)
|
||||
}
|
||||
})
|
||||
|
||||
return parts.join('|')
|
||||
})
|
||||
|
||||
// 添加扩展组
|
||||
const addExtensionGroup = () => {
|
||||
state.extensionGroups.push({
|
||||
keywords: '',
|
||||
extensions: []
|
||||
})
|
||||
}
|
||||
|
||||
// 删除扩展组
|
||||
const removeExtensionGroup = (index: number) => {
|
||||
state.extensionGroups.splice(index, 1)
|
||||
}
|
||||
|
||||
// 应用模板
|
||||
const applyTemplate = (template: Template) => {
|
||||
state.commonKeywords = template.commonKeywords
|
||||
state.extensionGroups = [...template.extensionGroups]
|
||||
}
|
||||
|
||||
// 复制到剪贴板
|
||||
const copyToClipboard = async () => {
|
||||
if (!generatedKeywords.value) return
|
||||
|
||||
try {
|
||||
await navigator.clipboard.writeText(generatedKeywords.value)
|
||||
ElMessage.success('已复制到剪贴板')
|
||||
} catch (err) {
|
||||
// 降级处理
|
||||
const textArea = document.createElement('textarea')
|
||||
textArea.value = generatedKeywords.value
|
||||
document.body.appendChild(textArea)
|
||||
textArea.select()
|
||||
document.execCommand('copy')
|
||||
document.body.removeChild(textArea)
|
||||
ElMessage.success('已复制到剪贴板')
|
||||
}
|
||||
}
|
||||
|
||||
// 清空配置
|
||||
const clearAll = () => {
|
||||
state.commonKeywords = ''
|
||||
state.extensionGroups = []
|
||||
}
|
||||
|
||||
// 暴露给父组件的方法
|
||||
const emit = defineEmits<{
|
||||
apply: [keywords: string]
|
||||
}>()
|
||||
|
||||
// 打开对话框
|
||||
const open = (currentKeywords?: string) => {
|
||||
clearAll()
|
||||
|
||||
// 如果有当前关键词，尝试解析
|
||||
if (currentKeywords) {
|
||||
parseExistingKeywords(currentKeywords)
|
||||
}
|
||||
|
||||
state.isShowDialog = true
|
||||
}
|
||||
|
||||
// 解析现有关键词
|
||||
const parseExistingKeywords = (keywords: string) => {
|
||||
const parts = keywords.split('|')
|
||||
|
||||
for (const part of parts) {
|
||||
if (part.includes('&')) {
|
||||
// 特定后缀关键词
|
||||
const [keywordsPart, extensionsPart] = part.split('&')
|
||||
state.extensionGroups.push({
|
||||
keywords: keywordsPart.trim(),
|
||||
extensions: extensionsPart.split(',').map(e => e.trim())
|
||||
})
|
||||
} else {
|
||||
// 通用关键词
|
||||
state.commonKeywords = part.trim()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 应用关键词
|
||||
const applyKeywords = () => {
|
||||
if (generatedKeywords.value) {
|
||||
emit('apply', generatedKeywords.value)
|
||||
state.isShowDialog = false
|
||||
ElMessage.success('关键词已应用')
|
||||
} else {
|
||||
ElMessage.warning('请先配置关键词')
|
||||
}
|
||||
}
|
||||
|
||||
// 暴露方法给父组件
|
||||
defineExpose({
|
||||
open
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.keyword-helper {
|
||||
.section {
|
||||
margin-bottom: 20px;
|
||||
|
||||
h4 {
|
||||
margin: 0 0 10px 0;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #303133;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
|
||||
.extension-group {
|
||||
margin-bottom: 10px;
|
||||
padding: 10px;
|
||||
border: 1px solid #ebeef5;
|
||||
border-radius: 4px;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
color: #909399;
|
||||
}
|
||||
|
||||
.format-example {
|
||||
font-size: 12px;
|
||||
color: #606266;
|
||||
|
||||
p {
|
||||
margin: 10px 0 5px 0;
|
||||
}
|
||||
|
||||
code {
|
||||
background-color: #f5f7fa;
|
||||
padding: 2px 4px;
|
||||
border-radius: 3px;
|
||||
font-family: 'Courier New', monospace;
|
||||
}
|
||||
|
||||
.example-item {
|
||||
margin: 8px 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
|
||||
span {
|
||||
color: #909399;
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user