blackteay/go-view
1
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-06-29 16:29:14 +08:00
Code Issues Projects Releases Wiki Activity

Pre Merge pull request !245 from 宝莉/lyw

Browse Source
This commit is contained in:
宝莉 2024-09-10 07:18:41 +00:00 committed by Gitee
commit 8b6a442f65
No known key found for this signature in database
GPG Key ID: 173E9B9CA92EEF8F
511 changed files with 50825 additions and 5011 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
.env
View File

@ -2,7 +2,10 @@
VITE_DEV_PORT = '8080'
# development path
VITE_DEV_PATH = 'https://demo.mtruning.club'
# VITE_DEV_PATH = 'http://192.168.0.34:11887'
VITE_DEV_PATH = 'http://192.168.0.34:8025/'
# VITE_DEV_PATH = 'http://192.168.0.120:3001'
VITE_DEV_TOKEN = "197fccbc-0048-4552-aeb3-9b19edb351d6"
# production path
VITE_PRO_PATH = 'https://demo.mtruning.club'
# VITE_PRO_PATH = 'http://192.168.0.235:8177'

2
.gitignore vendored
View File

@ -1,6 +1,6 @@
node_modules
.DS_Store
dist
customLargeScreen
dist-ssr
*.local
.vscode

8
README.md
View File

@ -109,11 +109,3 @@ export const http = (type?: RequestHttpEnum) => {
* build: 影响项目构建或依赖修改
* style: 不影响程序逻辑的代码修改
* chore: 不属于以上类型的其他类型(日常事务)
## 交流
QQ 群：1030129384
![QQ群](readme/go-view-qq.png)
![渲染海报](readme/logo-poster.png)

2
build/constant.ts
View File

@ -1,5 +1,5 @@
import path from 'path'
export const OUTPUT_DIR = 'dist'
export const OUTPUT_DIR = 'customLargeScreen'
// monaco-editor 路径
export const prefix = `monaco-editor/esm/vs`

11
index.html
View File

@ -4,13 +4,10 @@
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit" />
<meta name="description" content="GoView 是高效、高性能的拖拽式低代码数据可视化开发平台，将页面元素封装为基础组件，无需编写代码即可完成业务需求。">
<meta name="keywords" content="GoView，goview，低代码，可视化">
<meta name="author" content="奔跑的面条，面条">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=0">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes" media="(min-width: 769px)">
<link rel="icon" href="./favicon.ico" />
<title>GoView</title>
<meta
name="viewport"
content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"
/>
<link rel="stylesheet" href="./index.css" />
</head>
<body>

10777
package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

7
package.json
View File

@ -7,6 +7,7 @@
"scripts": {
"dev": "vite --host",
"build": "vue-tsc --noEmit && vite build",
"viteBuild": " vite build",
"preview": "vite preview",
"new": "plop --plopfile ./plop/plopfile.js",
"postinstall": "husky install",
@ -21,6 +22,7 @@
"@types/crypto-js": "^4.1.1",
"@types/keymaster": "^1.6.30",
"@types/lodash": "^4.14.184",
"@vicons/fa": "^0.12.0",
"animate.css": "^4.1.1",
"axios": "^1.4.0",
"color": "^4.2.3",
@ -36,8 +38,10 @@
"iconify-icon": "^1.0.8",
"keymaster": "^1.6.2",
"mitt": "^3.0.0",
"moment": "^2.29.4",
"monaco-editor": "^0.33.0",
"naive-ui": "2.34.3",
"nanoid": "^5.0.4",
"pinia": "^2.0.13",
"screenfull": "^6.0.1",
"three": "^0.145.0",
@ -57,7 +61,10 @@
"@typescript-eslint/eslint-plugin": "^5.18.0",
"@typescript-eslint/parser": "^5.18.0",
"@vicons/carbon": "^0.12.0",
"@vicons/fluent": "^0.12.0",
"@vicons/ionicons5": "~0.11.0",
"@vicons/material": "^0.12.0",
"@vicons/tabler": "^0.12.0",
"@vitejs/plugin-vue": "^4.2.3",
"@vitejs/plugin-vue-jsx": "^3.0.1",
"@vue/compiler-sfc": "^3.2.31",

7578
pnpm-lock.yaml generated
View File

File diff suppressed because it is too large Load Diff

63
proxyConfig.ts Normal file
View File

@ -0,0 +1,63 @@
import { loadEnv } from 'vite'
// 这里是开发环境的代理配置
const devProxy = (mode:any) => {
return {
// 开发
'/dcim': {
// @ts-ignore
target: loadEnv(mode, process.cwd()).VITE_DEV_PATH,
changeOrigin: true,
ws: true,
secure: true,
},
// 开发首页缩略图
'/data/file': {
// @ts-ignore
target: loadEnv(mode, process.cwd()).VITE_DEV_PATH,
changeOrigin: true,
ws: true,
secure: true,
},
// 开发 图片
'/svgConfig/customLargeScreen': {
// @ts-ignore
target: loadEnv(mode, process.cwd()).VITE_DEV_PATH,
changeOrigin: true,
// rewrite: (path) => path.replace(new RegExp(`^/svgConfig/customLargeScreen`), ''),
ws: true,
secure: true,
},
// 开发
'/dynamic_report': {
// @ts-ignore
target: loadEnv(mode, process.cwd()).VITE_DEV_PATH,
changeOrigin: true,
ws: true,
secure: true,
},
};
}
// 这里是生产环境的代理配置
const prodProxy = (mode:any) => {
return {
/*
// 生产list页缩略图 开发时注释掉
'/svgConfig/customLargeScreen/data/file': {
// @ts-ignore
target: loadEnv(mode, process.cwd()).VITE_PRO_PATH,
// target: window.location.href,
changeOrigin: true,
rewrite: (path:any) => {
console.log(path.replace(new RegExp(`^/svgConfig/customLargeScreen/data/file`), '/data/file'))
return path.replace(new RegExp(`^/svgConfig/customLargeScreen/data/file`), '/data/file')
},
ws: true,
secure: true,
},
*/
}
}
// 根据环境变量导出相应的配置
export const proxyConfig = process.env.NODE_ENV === 'production' ? prodProxy : devProxy;

BIN
public/favicon.ico
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.0 KiB

80
src/App.vue
View File

@ -18,6 +18,86 @@ import { NConfigProvider } from 'naive-ui'
import { GoAppProvider } from '@/components/GoAppProvider'
import { I18n } from '@/components/I18n'
import { useSystemInit, useDarkThemeHook, useThemeOverridesHook, useCode, useLang } from '@/hooks'
import { getToken } from '@/api/path'
import { useRouterStore } from '@/store/modules/routerStore/routerStore'
import { useOriginStore } from '@/store/modules/originStore/originStore'
import { useGetMessageByParent } from '@/utils/utils'
import router from '@/router'
import {useDesignStore} from "@/store/modules/designStore/designStore";
import { AppThemeColorType } from '@/store/modules/designStore/designStore.d'
const {getMessageByParent} = useGetMessageByParent()
// console.log(window.location.origin)
const routerStore = useRouterStore()
getMessageByParent('setCallByParent', (e) => {
if(e.data.type === 'setCallByParent' && e.data.page === 'customLargeScreen') {
const {data}:{data:any} = e
if(data.page === 'customLargeScreen' && data.type === 'setCallByParent') {
routerStore.setCallByParent(data.callByParent)
}
}
})
const originStore = useOriginStore()
getMessageByParent('getStore', (e) => {
if(e.data.type === 'getStore' && e.data.page === 'customLargeScreen') {
originStore.setOriginStore(e.data.data, false)
let map: { [k: string]: AppThemeColorType } = {
blueTheme: {
"CMYK": [75, 41, 0, 0],
"RGB": [65,150,255],
"hex": "#4196ff",
"name": "天蓝",
"pinyin": "tianlan"
},
greenTheme: {
"CMYK": [100, 0, 3, 17],
"RGB": [0,212,206],
"hex": "#00d4ce",
"name": "墨绿",
"pinyin": "molv"
},
simpleTheme: {
"CMYK": [0, 82, 70, 35],
"RGB": [167,30,50],
"hex": "#a71e32",
"name": "简约",
"pinyin": "jianyue"
},
whiteOrangeTheme: {
"CMYK": [0, 50, 100, 7],
"RGB": [238,119,0],
"hex": "#EE7700",
"name": "白橙",
"pinyin": "baicheng"
},
lightSkyBlueTheme: {
"CMYK": [99, 11, 0, 5],
"RGB": [3,216,243],
"hex": "#03D8F3",
"name": "亮天蓝色",
"pinyin": "liangtianlanse"
},
}
let theme = e.data.data.app.theme as string
const designStore = useDesignStore()
designStore.setAppColor(map[theme])
}
})
getMessageByParent('loaded', (e) => {
if(e.data.type === 'changeRoute' && e.data.page === 'customLargeScreen') {
if(import.meta.env.MODE === 'production') {
routerStore.setToken(e.data.token)
}
else {
routerStore.setToken(import.meta.env.VITE_DEV_TOKEN)
}
router.replace(e.data.path ? e.data.path : '/chart/preview/null')
}
})
// getToken()
// 暗黑主题
const darkTheme = useDarkThemeHook()

112
src/api/axios.ts
View File

@ -1,5 +1,5 @@
import axios, { AxiosResponse, AxiosRequestConfig, Axios, AxiosError, InternalAxiosRequestConfig } from 'axios'
import { RequestHttpHeaderEnum, ResultEnum, ModuleTypeEnum } from '@/enums/httpEnum'
import { RequestHttpHeaderEnum, ResultEnum, ResultErrcode } from '@/enums/httpEnum'
import { PageEnum, ErrorPageNameMap } from '@/enums/pageEnum'
import { StorageEnum } from '@/enums/storageEnum'
import { axiosPre } from '@/settings/httpSetting'
@ -7,11 +7,15 @@ import { SystemStoreEnum, SystemStoreUserInfoEnum } from '@/store/modules/system
import { redirectErrorPage, getLocalStorage, routerTurnByName, isPreview } from '@/utils'
import { fetchAllowList } from './axios.config'
import includes from 'lodash/includes'
import { postMessageToParent } from "@/utils";
export interface MyResponseType<T> {
code: ResultEnum
data: T
message: string
// 兼顾主系统
errcode: string
errmsg: string
}
export interface MyRequestInstance extends Axios {
@ -19,23 +23,24 @@ export interface MyRequestInstance extends Axios {
}
const axiosInstance = axios.create({
baseURL: `${import.meta.env.PROD ? import.meta.env.VITE_PRO_PATH : ''}${axiosPre}`,
// baseURL: `${import.meta.env.PROD ? import.meta.env.VITE_PRO_PATH : ''}${axiosPre}`,
baseURL: `${import.meta.env.PROD ? window.location.origin : ''}${axiosPre}`,
timeout: ResultEnum.TIMEOUT
}) as unknown as MyRequestInstance
axiosInstance.interceptors.request.use(
(config: InternalAxiosRequestConfig) => {
// 白名单校验
if (includes(fetchAllowList, config.url)) return config
// 获取 token
const info = getLocalStorage(StorageEnum.GO_SYSTEM_STORE)
// 重新登录
if (!info) {
routerTurnByName(PageEnum.BASE_LOGIN_NAME)
return config
}
const userInfo = info[SystemStoreEnum.USER_INFO]
config.headers[userInfo[SystemStoreUserInfoEnum.TOKEN_NAME] || 'token'] = userInfo[SystemStoreUserInfoEnum.USER_TOKEN] || ''
// // 白名单校验
// if (includes(fetchAllowList, config.url)) return config
// // 获取 token
// const info = getLocalStorage(StorageEnum.GO_SYSTEM_STORE)
// // 重新登录
// if (!info) {
// routerTurnByName(PageEnum.BASE_LOGIN_NAME)
// return config
// }
// const userInfo = info[SystemStoreEnum.USER_INFO]
// config.headers[userInfo[SystemStoreUserInfoEnum.TOKEN_NAME] || 'token'] = userInfo[SystemStoreUserInfoEnum.USER_TOKEN] || ''
return config
},
(err: AxiosError) => {
@ -46,48 +51,79 @@ axiosInstance.interceptors.request.use(
// 响应拦截器
axiosInstance.interceptors.response.use(
(res: AxiosResponse) => {
const { code, errcode, errmsg } = res.data as { code: number, errcode: string, errmsg: string }
const logOutCodeList = ['00004', '000012', '000013']
if(logOutCodeList.some(_ => _ === errcode)) {
// window['$message'].error(errmsg)
// setTimeout(() => {
// postMessageToParent({
// type: 'logOut'
// })
// })
// axios加载时 pinia还没加载好 要异步加载拿到pinia
import('@/store/modules/modalStore/modalStore').then(res => {
const modalStore = res.useModalStore()
modalStore.setModalStore({
showModal: true,
title: '提示',
content: errmsg,
positiveText: '重新登录',
positiveClick: () => {
modalStore.clear()
setTimeout(() => {
postMessageToParent({
type: 'logOut'
})
}, 500)
},
})
})
return Promise.resolve(res.data)
}
// 预览页面错误不进行处理
if (isPreview()) {
return Promise.resolve(res.data)
}
const { code } = res.data as { code: number }
if (code === undefined || code === null) return Promise.resolve(res.data)
// if (code === undefined || code === null) return Promise.resolve(res.data)
// 成功
if (code === ResultEnum.SUCCESS) {
if (errcode === ResultErrcode.SUCCESS) {
return Promise.resolve(res.data)
}
// 登录过期
if (code === ResultEnum.TOKEN_OVERDUE) {
window['$message'].error(window['$t']('http.token_overdue_message'))
routerTurnByName(PageEnum.BASE_LOGIN_NAME)
return Promise.resolve(res.data)
}
// // 登录过期
// if (code === ResultEnum.TOKEN_OVERDUE) {
// window['$message'].error(window['$t']('http.token_overdue_message'))
// routerTurnByName(PageEnum.BASE_LOGIN_NAME)
// return Promise.resolve(res.data)
// }
// 固定错误码重定向
if (ErrorPageNameMap.get(code)) {
redirectErrorPage(code)
return Promise.resolve(res.data)
}
// if (ErrorPageNameMap.get(code)) {
// redirectErrorPage(code)
// return Promise.resolve(res.data)
// }
// 提示错误
window['$message'].error(window['$t']((res.data as any).msg))
// 统一提示错误
window['$message'].error(errmsg)
return Promise.resolve(res.data)
},
(err: AxiosError) => {
const status = err.response?.status
switch (status) {
case 401:
routerTurnByName(PageEnum.BASE_LOGIN_NAME)
Promise.reject(err)
break
default:
Promise.reject(err)
break
}
// const status = err.response?.status
// switch (status) {
// case 401:
// routerTurnByName(PageEnum.BASE_LOGIN_NAME)
// Promise.reject(err)
// break
//
// default:
// Promise.reject(err)
// break
// }
}
)

18
src/api/http.ts
View File

@ -8,6 +8,8 @@ import {
RequestParamsObjType
} from '@/enums/httpEnum'
import type { RequestGlobalConfigType, RequestConfigType } from '@/store/modules/chartEditStore/chartEditStore.d'
import moment from "moment";
import {getToken} from "@/api/path";
export const get = <T = any>(url: string, params?: object) => {
return axiosInstance<T>({
@ -139,7 +141,9 @@ export const customizeHttp = (targetParams: RequestConfigType, globalParams: Req
// SQL 请求对象
requestSQLContent,
// 请求内容 params / cookie / header / body: 同 requestParamsBodyType
requestParams: targetRequestParams
requestParams: targetRequestParams,
// 请求参数body-json预处理
requestBodyJSONPre
} = targetParams
// 静态排除
@ -172,9 +176,21 @@ export const customizeHttp = (targetParams: RequestConfigType, globalParams: Req
case RequestBodyEnum.JSON:
headers['Content-Type'] = ContentTypeEnum.JSON
//json对象也能使用'javasctipt:'来动态拼接参数
if(requestBodyJSONPre.enable) {
const fn = new Function('global', requestBodyJSONPre.handler)
const global = {
moment,
getToken
}
const res = fn(global)
// @ts-ignore
data = JSON.stringify(res, null, 2)
}
else {
data = translateStr(targetRequestParams.Body['json'])
if(typeof data === 'string') data = JSON.parse(data)
// json 赋值给 data
}
break
case RequestBodyEnum.XML:

65
src/api/path/business.api.ts Normal file
View File

@ -0,0 +1,65 @@
// import Cookies from 'js-cookie';
import { http } from "@/api/http";
import { RequestHttpEnum } from "@/enums/httpEnum";
import { httpErrorHandle } from '@/utils'
import moment from 'moment'
/*
export function getToken() {
// 为了开发时只单独展示goview 需要localStorage
// const storage_access_token = localStorage.getItem('access_token_obj')
// if(storage_access_token) {
// const obj = JSON.parse(storage_access_token)
// const { access_token, expiration } = obj
// if(expiration >= Number(moment().format('x'))) return access_token
// }
let queryStr = window.location.href
queryStr = queryStr.split('?')[1]
if(queryStr && queryStr.indexOf('#') > -1) queryStr = queryStr.split('#')[0]
let query:{[key:string]: string} = {}
queryStr && queryStr.split('&').forEach((item:string) => {
query[item.split('=')[0]] = item.split('=')[1]
})
// const obj = {
// access_token: query.access_token,
// expiration: 86400000 + Number(moment().format('x'))
// }
// if(query.access_token) localStorage.setItem('access_token_obj', JSON.stringify(obj))
return query.access_token
}
*/
// 初次等待久一点 因为dom加载后才能获取父页面传来的token 才能存入store
export async function getToken() {
return new Promise(resolve => {
let timer = setInterval(() => {
import('@/store/modules/routerStore/routerStore').then(res => {
let routerStore = res.useRouterStore()
if(routerStore.token) {
clearInterval(timer)
resolve(routerStore.token)
}
})
}, 100)
})
}
export const publicInterface = async (paramType:string, interfaceType:string, paramData?:unknown) =>{
try {
let access_token = ''
if(import.meta.env.MODE === 'production') {
access_token = await getToken() as string
}
else {
access_token = import.meta.env.VITE_DEV_TOKEN
}
const res = await http(RequestHttpEnum.POST)<any>(paramType, {
access_token,
type: interfaceType,
data: paramData
})
return res
} catch {
httpErrorHandle()
}
}

0
src/api/path/business.d.ts vendored Normal file
View File

1
src/api/path/index.ts
View File

@ -1,2 +1,3 @@
export * from '@/api/path/project.api'
export * from '@/api/path/system.api'
export * from '@/api/path/business.api'

79
src/api/path/project.api.ts
View File

@ -1,99 +1,56 @@
import { http } from '@/api/http'
import { httpErrorHandle } from '@/utils'
import { ContentTypeEnum, RequestHttpEnum, ModuleTypeEnum } from '@/enums/httpEnum'
import { ProjectItem, ProjectDetail } from './project'
import {publicInterface} from './business.api'
import {http} from "@/api/http";
import {ContentTypeEnum, RequestHttpEnum} from "@/enums/httpEnum";
import {httpErrorHandle} from "@/utils";
// * 项目列表
export const projectListApi = async (data: object) => {
try {
const res = await http(RequestHttpEnum.GET)<ProjectItem[]>(`${ModuleTypeEnum.PROJECT}/list`, data)
return res
} catch {
httpErrorHandle()
let res:any = await publicInterface('/dcim/system/custom_large_screen', 'get_page', data)
return {
data: res.data.item,
errcode: res.errcode,
count: res.data.page.total
}
// return publicInterface('/dcim/system/custom_large_screen', 'get_page', data)
}
// * 新增项目
export const createProjectApi = async (data: object) => {
try {
const res = await http(RequestHttpEnum.POST)<{
/**
* 项目id
*/
id: number
}>(`${ModuleTypeEnum.PROJECT}/create`, data)
return res
} catch {
httpErrorHandle()
}
return publicInterface('/dcim/system/custom_large_screen', 'add', data)
}
// * 获取项目
export const fetchProjectApi = async (data: object) => {
try {
const res = await http(RequestHttpEnum.GET)<ProjectDetail>(`${ModuleTypeEnum.PROJECT}/getData`, data)
return res
} catch {
httpErrorHandle()
}
return publicInterface('/dcim/system/custom_large_screen', 'get_one', data)
}
// * 保存项目
export const saveProjectApi = async (data: object) => {
try {
const res = await http(RequestHttpEnum.POST)(
`${ModuleTypeEnum.PROJECT}/save/data`,
data,
ContentTypeEnum.FORM_URLENCODED
)
return res
} catch {
httpErrorHandle()
}
return publicInterface('/dcim/system/custom_large_screen', 'mod', data)
}
// * 修改项目基础信息
export const updateProjectApi = async (data: object) => {
try {
const res = await http(RequestHttpEnum.POST)(`${ModuleTypeEnum.PROJECT}/edit`, data)
return res
} catch {
httpErrorHandle()
}
return publicInterface('/dcim/system/custom_large_screen', 'mod', data)
}
// * 删除项目
export const deleteProjectApi = async (data: object) => {
try {
const res = await http(RequestHttpEnum.DELETE)(`${ModuleTypeEnum.PROJECT}/delete`, data)
return res
} catch {
httpErrorHandle()
}
return publicInterface('/dcim/system/custom_large_screen', 'del', data)
}
// * 修改发布状态 [-1未发布,1发布]
export const changeProjectReleaseApi = async (data: object) => {
try {
const res = await http(RequestHttpEnum.PUT)(`${ModuleTypeEnum.PROJECT}/publish`, data)
return res
} catch {
httpErrorHandle()
}
return publicInterface('/dcim/system/custom_large_screen', 'mod', data)
}
// * 上传文件
export const uploadFile = async (data: object) => {
try {
const res = await http(RequestHttpEnum.POST)<{
/**
* 文件地址
*/
fileName: string,
fileurl: string,
}>(`${ModuleTypeEnum.PROJECT}/upload`, data, ContentTypeEnum.FORM_DATA)
const res = await http(RequestHttpEnum.POST)<any>('/dcim/system/custom_large_screen/upload_file', data, ContentTypeEnum.FORM_DATA)
return res
} catch {
httpErrorHandle()
}
// return publicInterface('/dcim/system/custom_large_screen/upload_file', 'get', data)
}

99
src/api/path/projectV3.api.ts Normal file
View File

@ -0,0 +1,99 @@
import { http } from '@/api/http'
import { httpErrorHandle } from '@/utils'
import { ContentTypeEnum, RequestHttpEnum, ModuleTypeEnum } from '@/enums/httpEnum'
import { ProjectItem, ProjectDetail } from './project'
// * 项目列表
export const projectListApi = async (data: object) => {
try {
const res = await http(RequestHttpEnum.GET)<ProjectItem[]>(`${ModuleTypeEnum.PROJECT}/list`, data)
return res
} catch {
httpErrorHandle()
}
}
// * 新增项目
export const createProjectApi = async (data: object) => {
try {
const res = await http(RequestHttpEnum.POST)<{
/**
* 项目id
*/
id: number
}>(`${ModuleTypeEnum.PROJECT}/create`, data)
return res
} catch {
httpErrorHandle()
}
}
// * 获取项目
export const fetchProjectApi = async (data: object) => {
try {
const res = await http(RequestHttpEnum.GET)<ProjectDetail>(`${ModuleTypeEnum.PROJECT}/getData`, data)
return res
} catch {
httpErrorHandle()
}
}
// * 保存项目
export const saveProjectApi = async (data: object) => {
try {
const res = await http(RequestHttpEnum.POST)(
`${ModuleTypeEnum.PROJECT}/save/data`,
data,
ContentTypeEnum.FORM_URLENCODED
)
return res
} catch {
httpErrorHandle()
}
}
// * 修改项目基础信息
export const updateProjectApi = async (data: object) => {
try {
const res = await http(RequestHttpEnum.POST)(`${ModuleTypeEnum.PROJECT}/edit`, data)
return res
} catch {
httpErrorHandle()
}
}
// * 删除项目
export const deleteProjectApi = async (data: object) => {
try {
const res = await http(RequestHttpEnum.DELETE)(`${ModuleTypeEnum.PROJECT}/delete`, data)
return res
} catch {
httpErrorHandle()
}
}
// * 修改发布状态 [-1未发布,1发布]
export const changeProjectReleaseApi = async (data: object) => {
try {
const res = await http(RequestHttpEnum.PUT)(`${ModuleTypeEnum.PROJECT}/publish`, data)
return res
} catch {
httpErrorHandle()
}
}
// * 上传文件
export const uploadFile = async (data: object) => {
try {
const res = await http(RequestHttpEnum.POST)<{
/**
* 文件地址
*/
fileName: string,
fileurl: string,
}>(`${ModuleTypeEnum.PROJECT}/upload`, data, ContentTypeEnum.FORM_DATA)
return res
} catch {
httpErrorHandle()
}
}

BIN
src/assets/customComponents/RealTimeAlarmStatistics/scanner.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
src/assets/customComponents/Theme2/background.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
src/assets/customComponents/Theme3/background.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 286 KiB

BIN
src/assets/customComponents/theme1/backgrond.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 878 KiB

BIN
src/assets/images/chart/charts/Dashboard.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 80 KiB

BIN
src/assets/images/chart/charts/PieCommon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

0
src/assets/images/chart/charts/pie.png → src/assets/images/chart/charts/PieCommon1.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 54 KiB

After

Width:  |  Height:  |  Size: 54 KiB

BIN
src/assets/images/chart/charts/PieCommon2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

BIN
src/assets/images/chart/charts/PieCommon3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
src/assets/images/chart/charts/line_with_data_zoom.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

BIN
src/assets/images/chart/customponents/AlarmLevelStatistic.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
src/assets/images/chart/customponents/AlarmTrend.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

BIN
src/assets/images/chart/customponents/Background1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 878 KiB

BIN
src/assets/images/chart/customponents/Background2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 209 KiB

BIN
src/assets/images/chart/customponents/Background3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 382 KiB

BIN
src/assets/images/chart/customponents/Background4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 213 KiB

BIN
src/assets/images/chart/customponents/Background5.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 684 KiB

BIN
src/assets/images/chart/customponents/Background6.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
src/assets/images/chart/customponents/ClassifiedStatistic.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

BIN
src/assets/images/chart/customponents/ComprehensivePUE.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
src/assets/images/chart/customponents/ComprehensivePUE1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
src/assets/images/chart/customponents/DeviceAlarmOverview.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
src/assets/images/chart/customponents/DeviceRunningState.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
src/assets/images/chart/customponents/ElectricityConsumption.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
src/assets/images/chart/customponents/EngineeringConfig.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 159 KiB

BIN
src/assets/images/chart/customponents/GDMap.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 840 KiB

BIN
src/assets/images/chart/customponents/JumpBtn.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
src/assets/images/chart/customponents/MonitorRealTimeEvents.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

BIN
src/assets/images/chart/customponents/Overview.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
src/assets/images/chart/customponents/OverviewOfComputingNodes.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 116 KiB

BIN
src/assets/images/chart/customponents/Position.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
src/assets/images/chart/customponents/PowerCapacity.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
src/assets/images/chart/customponents/RealTimeAlarmStatistics.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 152 KiB

BIN
src/assets/images/chart/customponents/RealTimeEvent.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 191 KiB

BIN
src/assets/images/chart/customponents/RealTimeTraffic.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
src/assets/images/chart/customponents/RoomTemperature.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
src/assets/images/chart/customponents/SiteStatistics.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
src/assets/images/chart/customponents/SystemRuntime.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
src/assets/images/chart/customponents/TemperatureTop10.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
src/assets/images/chart/customponents/VideoList.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
src/assets/images/chart/decorates/Base1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 77 KiB

BIN
src/assets/images/chart/decorates/Base2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 60 KiB

BIN
src/assets/images/chart/decorates/Base3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 155 KiB

BIN
src/assets/images/chart/decorates/Base4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

BIN
src/assets/images/chart/decorates/Base5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
src/assets/images/chart/decorates/Base6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 53 KiB

BIN
src/assets/images/chart/decorates/Base7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

BIN
src/assets/images/chart/decorates/Base8.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 65 KiB

BIN
src/assets/images/chart/decorates/BorderCustom1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
src/assets/images/chart/decorates/BorderCustom2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 819 B

BIN
src/assets/images/chart/decorates/FullScreenBtn.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
src/assets/images/chart/decorates/TimeCommon1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
src/assets/images/chart/decorates/TopBar1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.8 KiB

BIN
src/assets/images/chart/decorates/TopBar2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
src/assets/images/chart/decorates/TopBar3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
src/assets/images/chart/decorates/TopBar4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
src/assets/images/chart/decorates/TopBar5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
src/assets/images/chart/decorates/TopBar6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
src/assets/images/chart/decorates/TopBar7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
src/assets/images/chart/decorates/TopBar8.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
src/assets/images/chart/tables/TableList1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 112 KiB

43
src/assets/images/common/告警定位.svg Normal file
View File

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 41.8 47.8" style="enable-background:new 0 0 41.8 47.8;" xml:space="preserve">
<g id="bg">
</g>
<g id="顶栏">
</g>
<g id="楼宇蒙层">
</g>
<g id="内容">
<g>
<ellipse style="opacity:0.5;fill:#F43B42;" cx="20.8" cy="36.8" rx="15.4" ry="7.7"/>
<g>
<ellipse style="fill:none;stroke:#F43B42;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2.0175,2.0175;" cx="20.8" cy="36.8" rx="20" ry="10"/>
</g>
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="3.5071" y1="11.6331" x2="37.1067" y2="11.6331">
<stop offset="0" style="stop-color:#F43B42;stop-opacity:0.15"/>
<stop offset="0.5" style="stop-color:#F43B42"/>
<stop offset="1" style="stop-color:#F43B42;stop-opacity:0.15"/>
</linearGradient>
<polygon style="fill:url(#SVGID_1_);stroke:#F43B42;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" points="
20.3,22.4 3.5,11.6 20.3,0.8 37.1,11.6 "/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="3.5071" y1="24.2332" x2="20.3069" y2="24.2332">
<stop offset="0" style="stop-color:#F43B42;stop-opacity:0.15"/>
<stop offset="0.5" style="stop-color:#F43B42"/>
<stop offset="1" style="stop-color:#F43B42;stop-opacity:0.15"/>
</linearGradient>
<polygon style="fill:url(#SVGID_2_);stroke:#F43B42;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" points="
20.3,22.4 20.3,36.8 3.5,11.6 "/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="20.3069" y1="24.2332" x2="37.1067" y2="24.2332">
<stop offset="0" style="stop-color:#F43B42;stop-opacity:0.15"/>
<stop offset="0.5" style="stop-color:#F43B42"/>
<stop offset="1" style="stop-color:#F43B42;stop-opacity:0.15"/>
</linearGradient>
<polygon style="fill:url(#SVGID_3_);stroke:#F43B42;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" points="
20.3,22.4 20.3,36.8 37.1,11.6 "/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

43
src/assets/images/common/普通定位.svg Normal file
View File

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 41.8 47.5" style="enable-background:new 0 0 41.8 47.5;" xml:space="preserve">
<g id="bg">
</g>
<g id="顶栏">
</g>
<g id="楼宇蒙层">
</g>
<g id="内容">
<g>
<ellipse style="opacity:0.5;fill:#4DCA59;" cx="20.9" cy="36.7" rx="15.4" ry="7.7"/>
<g>
<ellipse style="fill:none;stroke:#4DCA59;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2.0175,2.0175;" cx="20.9" cy="36.7" rx="20" ry="10"/>
</g>
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="3.6473" y1="11.4665" x2="37.2469" y2="11.4665">
<stop offset="0" style="stop-color:#4DCA59;stop-opacity:0.15"/>
<stop offset="0.5" style="stop-color:#4DCA59"/>
<stop offset="1" style="stop-color:#4DCA59;stop-opacity:0.15"/>
</linearGradient>
<polygon style="fill:url(#SVGID_1_);stroke:#4DCA59;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" points="
20.4,22.3 3.6,11.5 20.4,0.7 37.2,11.5 "/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="3.6473" y1="24.0666" x2="20.4471" y2="24.0666">
<stop offset="0" style="stop-color:#4DCA59;stop-opacity:0.15"/>
<stop offset="0.5" style="stop-color:#4DCA59"/>
<stop offset="1" style="stop-color:#4DCA59;stop-opacity:0.15"/>
</linearGradient>
<polygon style="fill:url(#SVGID_2_);stroke:#4DCA59;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" points="
20.4,22.3 20.4,36.7 3.6,11.5 "/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="20.4471" y1="24.0666" x2="37.2469" y2="24.0666">
<stop offset="0" style="stop-color:#4DCA59;stop-opacity:0.15"/>
<stop offset="0.5" style="stop-color:#4DCA59"/>
<stop offset="1" style="stop-color:#4DCA59;stop-opacity:0.15"/>
</linearGradient>
<polygon style="fill:url(#SVGID_3_);stroke:#4DCA59;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" points="
20.4,22.3 20.4,36.7 37.2,11.5 "/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
src/assets/images/icons/snow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 332 B

BIN
src/assets/logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 11 KiB

54
src/components/Pages/ChartItemSetting/GlobalSetting.vue
View File

@ -158,9 +158,15 @@
></n-select>
</setting-item>
</setting-item-box>
<setting-item-box name="最小值" alone v-if="'min' in xAxis">
<setting-item name="">
<n-input-number v-model:value="xAxis.min" size="small"/>
</setting-item>
</setting-item-box>
</collapse-item>
<collapse-item v-if="yAxis" name="Y轴">
<template v-for="(yAxis, i) in yAxisArr" :key="i">
<collapse-item v-if="yAxis" :name="`Y轴-${i + 1}`">
<template #header>
<n-switch v-model:value="yAxis.show" size="small"></n-switch>
</template>
@ -250,7 +256,13 @@
></n-select>
</setting-item>
</setting-item-box>
<setting-item-box name="最小值" alone v-if="'min' in yAxis">
<setting-item name="">
<n-input-number v-model:value="yAxis.min" size="small"/>
</setting-item>
</setting-item-box>
</collapse-item>
</template>
<collapse-item v-if="legend" name="图例">
<template #header>
@ -271,6 +283,23 @@
<setting-item name="y轴">
<n-select v-model:value="legend.y" size="small" :options="legendConfig.lengendY" />
</setting-item>
<setting-item name="上">
<n-input-number
v-model:value="legend.top"
:min="0"
size="small"
placeholder="px"
/>
</setting-item>
<setting-item name="右">
<n-input-number
v-model:value="legend.right"
:min="0"
size="small"
placeholder="px"
/>
</setting-item>
</setting-item-box>
<setting-item-box name="图例信息">
<setting-item name="方向">
@ -289,6 +318,20 @@
</setting-item>
</setting-item-box>
</collapse-item>
<collapse-item v-if="dataZoom" name="滚动条">
<template #header>
<n-switch v-model:value="dataZoom.show" size="small"></n-switch>
</template>
<setting-item-box name="样式">
<!-- <setting-item name="颜色">
<n-color-picker size="small" v-model:value="dataZoom.backgroundColor"></n-color-picker>
</setting-item> -->
<setting-item name="展示个数">
<n-input-number v-model:value="dataZoom.endValue" :min="1" size="small"></n-input-number>
</setting-item>
</setting-item-box>
</collapse-item>
<collapse-item v-if="visualMap" name="视觉映射">
<template #header>
@ -336,7 +379,7 @@
</template>
<script setup lang="ts">
import { PropType, computed, watch } from 'vue'
import { PropType, computed, watch, Ref } from 'vue'
import { GlobalThemeJsonType } from '@/settings/chartThemes/index'
import { axisConfig, legendConfig } from '@/packages/chartConfiguration/echarts/index'
import { CollapseItem, SettingItemBox, SettingItem, GlobalSettingPosition } from '@/components/Pages/ChartItemSetting'
@ -368,17 +411,20 @@ const title = computed(() => {
return props.optionData.title
})
const xAxis = computed(() => {
const xAxis: Ref<any> = computed(() => {
return props.optionData.xAxis
})
const yAxis = computed(() => {
const yAxisArr: Ref<any> = computed(() => {
return props.optionData.yAxis
})
const legend = computed(() => {
return props.optionData.legend
})
const dataZoom = computed(() => {
return props.optionData.dataZoom
})
const grid = computed(() => {
return props.optionData.grid

49
src/components/Pages/ChartItemSetting/PositionSetting.vue
View File

@ -33,13 +33,37 @@
<n-text depth="3">左</n-text>
</template>
</n-input-number>
<n-input-number
:value="marginBottom"
@update:value="(v: number) => handleUpdate('y', v)"
:min="0"
size="small"
placeholder="px"
style="margin-top: 5px;"
>
<template #prefix>
<n-text depth="3">下</n-text>
</template>
</n-input-number>
<n-input-number
:value="marginRight"
@update:value="(v: number) => handleUpdate('x', v)"
:min="0"
size="small"
placeholder="px"
style="margin-top: 5px;"
>
<template #prefix>
<n-text depth="3">右</n-text>
</template>
</n-input-number>
</setting-item-box>
</template>
<script setup lang="ts">
import { PropType } from 'vue'
import { PropType, computed } from 'vue'
import { PickCreateComponentType } from '@/packages/index.d'
import { SettingItemBox } from '@/components/Pages/ChartItemSetting'
import { SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
import { renderIcon } from '@/utils'
import { icon } from '@/plugins/index'
import { EditCanvasConfigType } from '@/store/modules/chartEditStore/chartEditStore.d'
@ -125,4 +149,25 @@ const positonHandle = (key: string) => {
break
}
}
const marginBottom = computed(() => {
const { h, y } = props.chartAttr
const { height:canvasHeight } = props.canvasConfig
return canvasHeight - h - y
})
const marginRight = computed(() => {
const { w, x } = props.chartAttr
const { width:canvasWidth } = props.canvasConfig
return canvasWidth - w - x
})
const handleUpdate = (type: string, v: number) => {
const { w, h } = props.chartAttr
const { width:canvasWidth, height:canvasHeight } = props.canvasConfig
if(type === 'y') {
props.chartAttr.y = canvasHeight - h - v
}
else if(type === 'x') {
props.chartAttr.x = canvasWidth - w - v
}
}
</script>

1
src/components/Pages/ChartItemSetting/SettingItemBox.vue
View File

@ -48,6 +48,7 @@ $leftWidth: 60px;
text-align: left;
margin-top: 4px;
margin-left: 10px;
margin-right: 4px;
font-size: 12px;
}
.item-right {

4
src/components/Pages/ChartItemSetting/SizeSetting.vue
View File

@ -8,7 +8,7 @@
placeholder="px"
>
<template #prefix>
<n-text depth="3">宽度</n-text>
<n-text depth="3">宽</n-text>
</template>
</n-input-number>
<n-input-number
@ -19,7 +19,7 @@
placeholder="px"
>
<template #prefix>
<n-text depth="3">高度</n-text>
<n-text depth="3">高</n-text>
</template>
</n-input-number>
</setting-item-box>

25
src/components/Pages/ChartItemSetting/StylesSetting.vue
View File

@ -71,18 +71,27 @@
<!-- 预设滤镜 -->
<div v-if="presetImageList.length" class="preset-filter">
<n-image
<!-- <n-image-->
<!-- class="preset-img"-->
<!-- width="46"-->
<!-- preview-disabled-->
<!-- object-fit="scale-down"-->
<!-- v-for="(item, index) in presetImageList"-->
<!-- :key="index"-->
<!-- :class="{ 'active-preset': item.hueRotate === chartStyles.hueRotate }"-->
<!-- :style="{ filter: `hue-rotate(${item.hueRotate}deg)` }"-->
<!-- :src="item.src"-->
<!-- @click="() => (chartStyles.hueRotate = item.hueRotate)"-->
<!-- ></n-image>-->
<div
class="preset-img"
width="46"
preview-disabled
object-fit="scale-down"
style="width: 46px;height: 38px;background: #3ba4ff;"
v-for="(item, index) in presetImageList"
:key="index"
:class="{ 'active-preset': item.hueRotate === chartStyles.hueRotate }"
:style="{ filter: `hue-rotate(${item.hueRotate}deg)` }"
:src="item.src"
@click="() => (chartStyles.hueRotate = item.hueRotate)"
></n-image>
></div>
</div>
<!-- 混合模式 -->
@ -169,7 +178,7 @@ import { ref, PropType } from 'vue'
import { PickCreateComponentType, BlendModeEnumList } from '@/packages/index.d'
import { SettingItemBox, SettingItem, CollapseItem } from '@/components/Pages/ChartItemSetting'
import { icon } from '@/plugins'
import logoImg from '@/assets/logo.png'
// import logoImg from '@/assets/logo.png'
import { useDesignStore } from '@/store/modules/designStore/designStore'
const props = defineProps({
@ -210,7 +219,7 @@ const presetImageList = ref([] as presetImageData[])
for (let i = 1; i <= 12; i++) {
presetImageList.value.push({
index: i,
src: logoImg,
src: '',
hueRotate: i * 30
})
}

22
src/components/VDialog/index.vue Normal file
View File

@ -0,0 +1,22 @@
<template>
<n-modal
v-model:show="modalStore.showModal"
preset="dialog"
:title="modalStore.title"
:content="modalStore.content"
:positiveText="modalStore.positiveText"
:negativeText="modalStore.negativeText"
@positive-click="modalStore.positiveClick"
@negative-click="modalStore.negativeClick"
/>
</template>
<script setup lang="ts">
import {useModalStore} from '@/store/modules/modalStore/modalStore'
const modalStore = useModalStore()
</script>
<style lang="scss" scoped>
</style>

6
src/enums/editPageEnum.ts
View File

@ -46,6 +46,12 @@ export enum MenuEnum {
GROUP = 'group',
// 解组
UN_GROUP = 'unGroup',
// 水平对齐
H_ALIGN = 'hAlign',
// 垂直对齐
V_ALIGN = 'vAlign',
// 水平平均分布
// 垂直平均分布
// 后退
BACK = 'back',
FORWORD = 'forward',

4
src/enums/eventEnum.ts
View File

@ -50,7 +50,9 @@ export const excludeParseEventKeyList = [
BaseEvent.ON_MOUSE_ENTER,
BaseEvent.ON_MOUSE_LEAVE,
//过滤器
'filter'
'filter',
//body-json处理
'handler',
]
// 内置字符串函数键值列表
export const excludeParseEventValueList = [

3
src/enums/fileTypeEnum.ts
View File

@ -7,4 +7,7 @@ export enum FileTypeEnum {
PNG = 'image/png',
JPEG = 'image/jpeg',
GIF = 'image/gif',
// 视频
MP4 = 'video/mp4',
WEBM = 'video/webm',
}

3
src/enums/httpEnum.ts
View File

@ -14,6 +14,9 @@ export enum ResultEnum {
TOKEN_OVERDUE = 886,
TIMEOUT = 60000,
}
export enum ResultErrcode {
SUCCESS = '00000'
}
// 数据相关
export enum RequestDataTypeEnum {

40
src/hooks/commonDataComponents/data.json Normal file
View File

@ -0,0 +1,40 @@
{
"dimensions": ["product", "data1", "data2"],
"source": [
{
"product": "Mon",
"data1": 120,
"data2": 130
},
{
"product": "Tue",
"data1": 200,
"data2": 130
},
{
"product": "Wed",
"data1": 150,
"data2": 312
},
{
"product": "Thu",
"data1": 80,
"data2": 268
},
{
"product": "Fri",
"data1": 70,
"data2": 155
},
{
"product": "Sat",
"data1": 110,
"data2": 117
},
{
"product": "Sun",
"data1": 130,
"data2": 160
}
]
}

7
src/hooks/commonDataComponents/singleData.json Normal file
View File

@ -0,0 +1,7 @@
{
"name": "",
"status": null,
"time": "",
"unit": "",
"value": 0
}

40
src/hooks/commonDataComponents/useAlarmTrendRes.ts Normal file
View File

@ -0,0 +1,40 @@
import { publicInterface } from "@/api/path";
import { CreateComponentType } from '@/packages/index.d'
import { ResultErrcode } from "@/enums/httpEnum";
import { AlarmTrendType } from '@/store/modules/chartEditStore/chartEditStore.d'
import dataJson from "./data.json";
import {useGlobalQueryParamsStore} from '@/store/modules/globalQueryParamsStore/globalQueryParamsStore'
export const handleAlarmTrend =async (targetComponent: CreateComponentType) => {
console.log(targetComponent.commonData,'targetComponent.commonData');
const globalQueryParamsStore = useGlobalQueryParamsStore()
const obj = targetComponent.commonData[targetComponent.commonData.currentSource] as AlarmTrendType
let { enable, signal_ids,alarmConfirmStatus,alarmRecoveryStatus,level} = obj
if(!enable) return {
errcode: ResultErrcode.SUCCESS,
data: { ...dataJson },
errmsg: ''
}
const queryParams = {
signal_ids:signal_ids.length?signal_ids.split(','):[],
alarmConfirmStatus,
alarmRecoveryStatus,
level
}
const res = await publicInterface('/dcim/dems/devie_history_alarm', 'trend_chart', queryParams)
if (res && res.data) {
console.log(res,'res_handleAlarmTrend');
// res.data = {
// // dimensions: res?.data.brand_count.map((item: {})=>Object.keys(item).join('')),
// dimensions: ['名称','温度值'],
// source:res?.data.map((item: any)=>{
// return {
// '名称':`${item.node_name}-${item.dems_device_point.node_name}`,
// '温度值':item.dems_device_point.node_value,
// }
// })
// }
return res
}
}

39
src/hooks/commonDataComponents/useAreaDevCountRes.ts Normal file
View File

@ -0,0 +1,39 @@
import { publicInterface } from "@/api/path";
import { CreateComponentType } from '@/packages/index.d'
import { ResultErrcode } from "@/enums/httpEnum";
import { AreaDevCountType } from '@/store/modules/chartEditStore/chartEditStore.d'
import dataJson from "./data.json";
import {useGlobalQueryParamsStore} from '@/store/modules/globalQueryParamsStore/globalQueryParamsStore'
export const handleAreaDevCountClass =async (targetComponent: CreateComponentType) => {
const globalQueryParamsStore = useGlobalQueryParamsStore()
const obj = targetComponent.commonData[targetComponent.commonData.currentSource] as AreaDevCountType
// targetComponent?.option.series.forEach((item,index)=>{
// item.encode = { y:index===0? 'dev_count':'it_dev_count', x: 'space' }
// })
const queryParams = {
device_codes: obj.device_codes?.length
? obj.device_codes.split(',')
: [],
...globalQueryParamsStore.getAreaDevCountQueryParams,
space_type:'station'
}
// 处理数据
const res = await publicInterface('/dcim/dems/device','get_area_dev_count', queryParams)
res!.data = {
// dimensions: res?.data.brand_count.map((item: {})=>Object.keys(item).join('')),
dimensions: ['区域','配电设备总数','IT设备总数'],
source:res?.data.map((item: any)=>{
return {
'区域':item?.space?.label,
'配电设备总数':item?.dev_count,
'IT设备总数':item?.it_dev_count,
complete_id:item?.space?.complete_id,
complete_name:item?.space.complete_name
}
})
}
return res
}

56
src/hooks/commonDataComponents/useAssetsClassRes.ts Normal file
View File

@ -0,0 +1,56 @@
import { publicInterface } from "@/api/path";
import { CreateComponentType } from '@/packages/index.d'
import { ResultErrcode } from "@/enums/httpEnum";
import { AssetsClassType } from '@/store/modules/chartEditStore/chartEditStore.d'
import dataJson from "./data.json";
import {useGlobalQueryParamsStore} from '@/store/modules/globalQueryParamsStore/globalQueryParamsStore'
export const handleAssetsClass =async (targetComponent: CreateComponentType) => {
const globalQueryParamsStore = useGlobalQueryParamsStore()
const obj = targetComponent.commonData[targetComponent.commonData.currentSource] as AssetsClassType
let { enable, dataSource,device_codes } = obj
if(!enable) return {
errcode: ResultErrcode.SUCCESS,
data: { ...dataJson },
errmsg: ''
}
const query = {
device_codes:device_codes?.length
? device_codes.split(',')
: [],
...globalQueryParamsStore.getGlobalQueryParams
}
// 处理数据
if(dataSource==='IT'){
const res = await publicInterface('/dcim/asset','get_asset_overview_page_info_new', query)
res!.data = {
// dimensions: res?.data.brand_count.map((item: {})=>Object.keys(item).join('')),
dimensions: ['品牌','data'],
source:res?.data?.brand_count? res?.data?.brand_count.map((item: {})=>{
return {
'品牌':Object.keys(item)[0]||'未知品牌',
data:Object.values(item)[0],
}
}):[{'品牌':'品牌',data:'0'}]
}
return res
}else{
const res = await publicInterface('/dcim/dems/device','get_dev_brand_count', query)
res!.data = {
// dimensions: res?.data.brand_count.map((item: {})=>Object.keys(item).join('')),
dimensions: ['品牌','data'],
source:res!.data.length? res?.data.map((item: any)=>{
return {
'品牌':item?.name||'未知品牌',
data:item?.count||'0',
}
}):[{'品牌':'品牌',data:'0'}]
}
console.log(res,'调用了吗11')
return res
}
}

39
src/hooks/commonDataComponents/useCategoryBrandCountTableRes.ts Normal file
View File

@ -0,0 +1,39 @@
import moment from "moment";
import { publicInterface } from "@/api/path";
import { DateTypeEnum } from '@/store/modules/chartEditStore/chartEditStore.d'
import { commonDataType, CategoryBrandCountTableType } from '@/store/modules/chartEditStore/chartEditStore.d'
import { CreateComponentType } from '@/packages/index.d'
import { ResultErrcode } from '@/enums/httpEnum'
import dataJson from './data.json'
import {useGlobalQueryParamsStore} from '@/store/modules/globalQueryParamsStore/globalQueryParamsStore'
export const handleCategoryBrandCountTable =async (targetComponent: CreateComponentType) => {
let { currentSource, enable,device_codes } = (targetComponent.commonData as commonDataType).categoryBrandCountTable as CategoryBrandCountTableType
if(!enable) return {
errcode: ResultErrcode.SUCCESS,
data: { ...dataJson },
errmsg: ''
}
const globalQueryParamsStore = useGlobalQueryParamsStore()
const queryParams = {
device_codes:device_codes?.length
? device_codes.split(',')
: [],
...globalQueryParamsStore.getGlobalQueryParams
}
const res = await publicInterface(currentSource==='IT'?'/dcim/asset':'/dcim/dems/device',currentSource==='IT'?'get_category_brand_count': 'get_dev_category_brand_count', queryParams)
const top = ['TOP1','TOP2','TOP3']
res!.data = {
dimensions: ['分类名',...top],
source:res?.data.map((item: any)=>{
let obj:any = {'分类名':item.name,}
item.brand.forEach((v:any,index:number)=>{
obj[top[index]] = v.Brand
})
return obj
})
}
return res
}

70
src/hooks/commonDataComponents/useCompanyTempTopRes.ts Normal file
View File

@ -0,0 +1,70 @@
import { publicInterface } from '@/api/path'
import { CreateComponentType } from '@/packages/index.d'
import { ResultErrcode } from '@/enums/httpEnum'
import { CompanyTempTopType } from '@/store/modules/chartEditStore/chartEditStore.d'
import dataJson from './data.json'
export const handleCompanyTempTop = async (targetComponent: CreateComponentType) => {
console.log(targetComponent, 'targetComponent_targetComponent')
const option = targetComponent.option as any
const obj = targetComponent.commonData[targetComponent.commonData.currentSource] as CompanyTempTopType
let { enable, space_complete_id, signal_ids,spaceLevel } = obj
if (!enable)
return {
errcode: ResultErrcode.SUCCESS,
data: { ...dataJson },
errmsg: ''
}
option.tooltip.formatter = (value:any)=>{
const item = value[0].data
// 将字符串按照 '/' 分割成数组
const parts = item.space_complete_name.split('/');
// 从数组开头开始，截取指定层级及以后的部分
const space_complete_name = parts.slice(spaceLevel, parts.length );
return `
${space_complete_name.join('/')}/${item.device_name}</br>
${item['名称']}&nbsp;&nbsp;&nbsp;&nbsp;${item['温度值']}°C
`
}
const res: any = await publicInterface('/dcim/dems/device_point', 'temp_list_dashboard', {
signal_ids: [signal_ids],
space_complete_id
})
if (res && res.data) {
// option.yAxis[0].data = res?.data.slice(0, 10).map((item: any) => item.dems_device_point.node_value)
// option.xAxis.data = res?.data.slice(0, 10).map((item: any) => item.node_name)
res.data = {
dimensions: ['uid', '温度值',],
source: res?.data.slice(0, 10).map((item: any) => {
return {
uid: item.dems_device_point.uid,
名称: `${item.dems_device_point.node_name}`,
温度值: item.dems_device_point.node_value,
space_complete_name:item.space_complete_name,
device_name:item.node_name
}
}),
encode: {
x: '名称',
y: '温度值'
}
}
return res
} else {
// 后端没有给errcode,前端重置
res.errcode = '00000'
res.data = {
dimensions: [],
source: []
}
return res
}
}

Some files were not shown because too many files have changed in this diff Show More