Merge remote-tracking branch 'origin/dev' into dev-hub
This commit is contained in:
jackhoo_98
commit
cc8e9aa77b
|
|
@ -17,12 +17,18 @@ module.exports = {
|
||||||
'perf', // 性能优化
|
'perf', // 性能优化
|
||||||
]
|
]
|
||||||
],
|
],
|
||||||
'type-case': [0],
|
|
||||||
'type-empty': [0],
|
|
||||||
'scope-empty': [0],
|
|
||||||
'scope-case': [0],
|
'scope-case': [0],
|
||||||
'subject-full-stop': [0, 'never'],
|
},
|
||||||
'subject-case': [0, 'never'],
|
plugins: [
|
||||||
'header-max-length': [0, 'always', 72]
|
{
|
||||||
}
|
rules: {
|
||||||
|
"commit-rule": ({ raw }) => {
|
||||||
|
return [
|
||||||
|
/^\[(build|feat|fix|update|refactor|docs|chore|style|revert|perf)].+/g.test(raw),
|
||||||
|
`commit备注信息格式错误，格式为 <[type] 修改内容>，type支持${types.join(",")}`
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
|
|
@ -1,52 +0,0 @@
|
||||||
// generated by unplugin-vue-components
|
|
||||||
// We suggest you to commit this file into source control
|
|
||||||
// Read more: https://github.com/vuejs/core/pull/3399
|
|
||||||
import '@vue/runtime-core'
|
|
||||||
|
|
||||||
export {}
|
|
||||||
|
|
||||||
declare module '@vue/runtime-core' {
|
|
||||||
export interface GlobalComponents {
|
|
||||||
AAlert: typeof import('ant-design-vue/es')['Alert']
|
|
||||||
ABadge: typeof import('ant-design-vue/es')['Badge']
|
|
||||||
AButton: typeof import('ant-design-vue/es')['Button']
|
|
||||||
ACheckbox: typeof import('ant-design-vue/es')['Checkbox']
|
|
||||||
ACheckboxGroup: typeof import('ant-design-vue/es')['CheckboxGroup']
|
|
||||||
ACol: typeof import('ant-design-vue/es')['Col']
|
|
||||||
ACollapse: typeof import('ant-design-vue/es')['Collapse']
|
|
||||||
ACollapsePanel: typeof import('ant-design-vue/es')['CollapsePanel']
|
|
||||||
ADatePicker: typeof import('ant-design-vue/es')['DatePicker']
|
|
||||||
ADivider: typeof import('ant-design-vue/es')['Divider']
|
|
||||||
AEmpty: typeof import('ant-design-vue/es')['Empty']
|
|
||||||
AForm: typeof import('ant-design-vue/es')['Form']
|
|
||||||
AFormItem: typeof import('ant-design-vue/es')['FormItem']
|
|
||||||
AInput: typeof import('ant-design-vue/es')['Input']
|
|
||||||
AInputNumber: typeof import('ant-design-vue/es')['InputNumber']
|
|
||||||
AInputPassword: typeof import('ant-design-vue/es')['InputPassword']
|
|
||||||
AModal: typeof import('ant-design-vue/es')['Modal']
|
|
||||||
APagination: typeof import('ant-design-vue/es')['Pagination']
|
|
||||||
APopconfirm: typeof import('ant-design-vue/es')['Popconfirm']
|
|
||||||
ARadioGroup: typeof import('ant-design-vue/es')['RadioGroup']
|
|
||||||
ARow: typeof import('ant-design-vue/es')['Row']
|
|
||||||
ASelect: typeof import('ant-design-vue/es')['Select']
|
|
||||||
ASelectOption: typeof import('ant-design-vue/es')['SelectOption']
|
|
||||||
ASpin: typeof import('ant-design-vue/es')['Spin']
|
|
||||||
ASwitch: typeof import('ant-design-vue/es')['Switch']
|
|
||||||
ATable: typeof import('ant-design-vue/es')['Table']
|
|
||||||
ATimePicker: typeof import('ant-design-vue/es')['TimePicker']
|
|
||||||
ATooltip: typeof import('ant-design-vue/es')['Tooltip']
|
|
||||||
ATreeSelect: typeof import('ant-design-vue/es')['TreeSelect']
|
|
||||||
AUpload: typeof import('ant-design-vue/es')['Upload']
|
|
||||||
BadgeStatus: typeof import('./src/components/BadgeStatus/index.vue')['default']
|
|
||||||
CardBox: typeof import('./src/components/CardBox/index.vue')['default']
|
|
||||||
FormFormBuilder: typeof import('./src/components/Form/FormBuilder.vue')['default']
|
|
||||||
GeoComponent: typeof import('./src/components/GeoComponent/index.vue')['default']
|
|
||||||
MonacoEditor: typeof import('./src/components/MonacoEditor/index.vue')['default']
|
|
||||||
PermissionButton: typeof import('./src/components/PermissionButton/index.vue')['default']
|
|
||||||
RouterLink: typeof import('vue-router')['RouterLink']
|
|
||||||
RouterView: typeof import('vue-router')['RouterView']
|
|
||||||
Table: typeof import('./src/components/Table/index.vue')['default']
|
|
||||||
TitleComponent: typeof import('./src/components/TitleComponent/index.vue')['default']
|
|
||||||
ValueItem: typeof import('./src/components/ValueItem/index.vue')['default']
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
export default {
|
export default {
|
||||||
theme: {
|
theme: {
|
||||||
'primary-color': '#00A4FF',
|
'primary-color': '#1d39c4',
|
||||||
},
|
},
|
||||||
logo: '/favicon.ico',
|
logo: '/favicon.ico',
|
||||||
title: 'Jetlinks'
|
title: 'Jetlinks'
|
||||||
|
|
|
||||||
|
|
@ -43,6 +43,7 @@
|
||||||
"typescript": "^4.9.3",
|
"typescript": "^4.9.3",
|
||||||
"vite": "^4.0.0",
|
"vite": "^4.0.0",
|
||||||
"vite-plugin-html": "^3.2.0",
|
"vite-plugin-html": "^3.2.0",
|
||||||
|
"vite-plugin-style-import": "^2.0.0",
|
||||||
"vite-plugin-vue-setup-extend": "^0.4.0",
|
"vite-plugin-vue-setup-extend": "^0.4.0",
|
||||||
"vue-tsc": "^1.0.11"
|
"vue-tsc": "^1.0.11"
|
||||||
}
|
}
|
||||||
|
|
@ -2399,6 +2400,17 @@
|
||||||
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001441.tgz",
|
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001441.tgz",
|
||||||
"integrity": "sha512-OyxRR4Vof59I3yGWXws6i908EtGbMzVUi3ganaZQHmydk1iwDhRnvaPG2WaR0KcqrDFKrxVZHULT396LEPhXfg=="
|
"integrity": "sha512-OyxRR4Vof59I3yGWXws6i908EtGbMzVUi3ganaZQHmydk1iwDhRnvaPG2WaR0KcqrDFKrxVZHULT396LEPhXfg=="
|
||||||
},
|
},
|
||||||
|
"node_modules/capital-case": {
|
||||||
|
"version": "1.0.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/capital-case/-/capital-case-1.0.4.tgz",
|
||||||
|
"integrity": "sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==",
|
||||||
|
"dev": true,
|
||||||
|
"dependencies": {
|
||||||
|
"no-case": "^3.0.4",
|
||||||
|
"tslib": "^2.0.3",
|
||||||
|
"upper-case-first": "^2.0.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/capture-stack-trace": {
|
"node_modules/capture-stack-trace": {
|
||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmmirror.com/capture-stack-trace/-/capture-stack-trace-1.0.2.tgz",
|
"resolved": "https://registry.npmmirror.com/capture-stack-trace/-/capture-stack-trace-1.0.2.tgz",
|
||||||
|
|
@ -2421,6 +2433,26 @@
|
||||||
"node": ">=10"
|
"node": ">=10"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/change-case": {
|
||||||
|
"version": "4.1.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/change-case/-/change-case-4.1.2.tgz",
|
||||||
|
"integrity": "sha512-bSxY2ws9OtviILG1EiY5K7NNxkqg/JnRnFxLtKQ96JaviiIxi7djMrSd0ECT9AC+lttClmYwKw53BWpOMblo7A==",
|
||||||
|
"dev": true,
|
||||||
|
"dependencies": {
|
||||||
|
"camel-case": "^4.1.2",
|
||||||
|
"capital-case": "^1.0.4",
|
||||||
|
"constant-case": "^3.0.4",
|
||||||
|
"dot-case": "^3.0.4",
|
||||||
|
"header-case": "^2.0.4",
|
||||||
|
"no-case": "^3.0.4",
|
||||||
|
"param-case": "^3.0.4",
|
||||||
|
"pascal-case": "^3.1.2",
|
||||||
|
"path-case": "^3.0.4",
|
||||||
|
"sentence-case": "^3.0.4",
|
||||||
|
"snake-case": "^3.0.4",
|
||||||
|
"tslib": "^2.0.3"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/chardet": {
|
"node_modules/chardet": {
|
||||||
"version": "0.7.0",
|
"version": "0.7.0",
|
||||||
"resolved": "https://registry.npmmirror.com/chardet/-/chardet-0.7.0.tgz",
|
"resolved": "https://registry.npmmirror.com/chardet/-/chardet-0.7.0.tgz",
|
||||||
|
|
@ -2737,6 +2769,23 @@
|
||||||
"integrity": "sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw==",
|
"integrity": "sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
|
"node_modules/console": {
|
||||||
|
"version": "0.7.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/console/-/console-0.7.2.tgz",
|
||||||
|
"integrity": "sha512-+JSDwGunA4MTEgAV/4VBKwUHonP8CzJ/6GIuwPi6acKFqFfHUdSGCm89ZxZ5FfGWdZfkdgAroy5bJ5FSeN/t4g==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
|
"node_modules/constant-case": {
|
||||||
|
"version": "3.0.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/constant-case/-/constant-case-3.0.4.tgz",
|
||||||
|
"integrity": "sha512-I2hSBi7Vvs7BEuJDr5dDHfzb/Ruj3FyvFyh7KLilAjNQw3Be+xgqUBA2W6scVEcL0hL1dwPRtIqEPVUCKkSsyQ==",
|
||||||
|
"dev": true,
|
||||||
|
"dependencies": {
|
||||||
|
"no-case": "^3.0.4",
|
||||||
|
"tslib": "^2.0.3",
|
||||||
|
"upper-case": "^2.0.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/conventional-changelog-angular": {
|
"node_modules/conventional-changelog-angular": {
|
||||||
"version": "5.0.13",
|
"version": "5.0.13",
|
||||||
"resolved": "https://registry.npmmirror.com/conventional-changelog-angular/-/conventional-changelog-angular-5.0.13.tgz",
|
"resolved": "https://registry.npmmirror.com/conventional-changelog-angular/-/conventional-changelog-angular-5.0.13.tgz",
|
||||||
|
|
@ -3242,6 +3291,12 @@
|
||||||
"integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
|
"integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
|
"node_modules/es-module-lexer": {
|
||||||
|
"version": "0.9.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.9.3.tgz",
|
||||||
|
"integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
"node_modules/esbuild": {
|
"node_modules/esbuild": {
|
||||||
"version": "0.16.12",
|
"version": "0.16.12",
|
||||||
"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.16.12.tgz",
|
"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.16.12.tgz",
|
||||||
|
|
@ -3818,6 +3873,16 @@
|
||||||
"he": "bin/he"
|
"he": "bin/he"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/header-case": {
|
||||||
|
"version": "2.0.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/header-case/-/header-case-2.0.4.tgz",
|
||||||
|
"integrity": "sha512-H/vuk5TEEVZwrR0lp2zed9OCo1uAILMlx0JEMgC26rzyJJ3N1v6XkwHHXJQdR2doSjcGPM6OKPYoJgf0plJ11Q==",
|
||||||
|
"dev": true,
|
||||||
|
"dependencies": {
|
||||||
|
"capital-case": "^1.0.4",
|
||||||
|
"tslib": "^2.0.3"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/homedir-polyfill": {
|
"node_modules/homedir-polyfill": {
|
||||||
"version": "1.0.3",
|
"version": "1.0.3",
|
||||||
"resolved": "https://registry.npmmirror.com/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz",
|
"resolved": "https://registry.npmmirror.com/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz",
|
||||||
|
|
@ -6640,6 +6705,16 @@
|
||||||
"tslib": "^2.0.3"
|
"tslib": "^2.0.3"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/path-case": {
|
||||||
|
"version": "3.0.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/path-case/-/path-case-3.0.4.tgz",
|
||||||
|
"integrity": "sha512-qO4qCFjXqVTrcbPt/hQfhTQ+VhFsqNKOPtytgNKkKxSoEp3XPUQ8ObFuePylOIok5gjn69ry8XiULxCwot3Wfg==",
|
||||||
|
"dev": true,
|
||||||
|
"dependencies": {
|
||||||
|
"dot-case": "^3.0.4",
|
||||||
|
"tslib": "^2.0.3"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/path-exists": {
|
"node_modules/path-exists": {
|
||||||
"version": "4.0.0",
|
"version": "4.0.0",
|
||||||
"resolved": "https://registry.npmmirror.com/path-exists/-/path-exists-4.0.0.tgz",
|
"resolved": "https://registry.npmmirror.com/path-exists/-/path-exists-4.0.0.tgz",
|
||||||
|
|
@ -7334,6 +7409,17 @@
|
||||||
"integrity": "sha512-EjnoLE5OGmDAVV/8YDoN5KiajNadjzIp9BAHOhYeQHt7j0UWxjmgsx4YD48wp4Ue1Qogq38F1GNUJNqF1kKKxA==",
|
"integrity": "sha512-EjnoLE5OGmDAVV/8YDoN5KiajNadjzIp9BAHOhYeQHt7j0UWxjmgsx4YD48wp4Ue1Qogq38F1GNUJNqF1kKKxA==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
|
"node_modules/sentence-case": {
|
||||||
|
"version": "3.0.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/sentence-case/-/sentence-case-3.0.4.tgz",
|
||||||
|
"integrity": "sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg==",
|
||||||
|
"dev": true,
|
||||||
|
"dependencies": {
|
||||||
|
"no-case": "^3.0.4",
|
||||||
|
"tslib": "^2.0.3",
|
||||||
|
"upper-case-first": "^2.0.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/set-blocking": {
|
"node_modules/set-blocking": {
|
||||||
"version": "2.0.0",
|
"version": "2.0.0",
|
||||||
"resolved": "https://registry.npmmirror.com/set-blocking/-/set-blocking-2.0.0.tgz",
|
"resolved": "https://registry.npmmirror.com/set-blocking/-/set-blocking-2.0.0.tgz",
|
||||||
|
|
@ -7420,6 +7506,16 @@
|
||||||
"node": ">=4"
|
"node": ">=4"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/snake-case": {
|
||||||
|
"version": "3.0.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz",
|
||||||
|
"integrity": "sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==",
|
||||||
|
"dev": true,
|
||||||
|
"dependencies": {
|
||||||
|
"dot-case": "^3.0.4",
|
||||||
|
"tslib": "^2.0.3"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/source-map": {
|
"node_modules/source-map": {
|
||||||
"version": "0.6.1",
|
"version": "0.6.1",
|
||||||
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
|
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
|
||||||
|
|
@ -8058,6 +8154,24 @@
|
||||||
"node": ">=8"
|
"node": ">=8"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/upper-case": {
|
||||||
|
"version": "2.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/upper-case/-/upper-case-2.0.2.tgz",
|
||||||
|
"integrity": "sha512-KgdgDGJt2TpuwBUIjgG6lzw2GWFRCW9Qkfkiv0DxqHHLYJHmtmdUIKcZd8rHgFSjopVTlw6ggzCm1b8MFQwikg==",
|
||||||
|
"dev": true,
|
||||||
|
"dependencies": {
|
||||||
|
"tslib": "^2.0.3"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/upper-case-first": {
|
||||||
|
"version": "2.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/upper-case-first/-/upper-case-first-2.0.2.tgz",
|
||||||
|
"integrity": "sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg==",
|
||||||
|
"dev": true,
|
||||||
|
"dependencies": {
|
||||||
|
"tslib": "^2.0.3"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/uppercamelcase": {
|
"node_modules/uppercamelcase": {
|
||||||
"version": "1.1.0",
|
"version": "1.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/uppercamelcase/-/uppercamelcase-1.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/uppercamelcase/-/uppercamelcase-1.1.0.tgz",
|
||||||
|
|
@ -8232,6 +8346,52 @@
|
||||||
"integrity": "sha512-sTitTPYnn23esFR3RlqYBWn4c45WGeLcsKzQiUpXJAyfcWkolvlYpV8FLo7JishK946oQwMFUCHXQ9AjGPKExw==",
|
"integrity": "sha512-sTitTPYnn23esFR3RlqYBWn4c45WGeLcsKzQiUpXJAyfcWkolvlYpV8FLo7JishK946oQwMFUCHXQ9AjGPKExw==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
|
"node_modules/vite-plugin-style-import": {
|
||||||
|
"version": "2.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/vite-plugin-style-import/-/vite-plugin-style-import-2.0.0.tgz",
|
||||||
|
"integrity": "sha512-qtoHQae5dSUQPo/rYz/8p190VU5y19rtBaeV7ryLa/AYAU/e9CG89NrN/3+k7MR8mJy/GPIu91iJ3zk9foUOSA==",
|
||||||
|
"dev": true,
|
||||||
|
"dependencies": {
|
||||||
|
"@rollup/pluginutils": "^4.1.2",
|
||||||
|
"change-case": "^4.1.2",
|
||||||
|
"console": "^0.7.2",
|
||||||
|
"es-module-lexer": "^0.9.3",
|
||||||
|
"fs-extra": "^10.0.0",
|
||||||
|
"magic-string": "^0.25.7",
|
||||||
|
"pathe": "^0.2.0"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"vite": ">=2.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/vite-plugin-style-import/node_modules/@rollup/pluginutils": {
|
||||||
|
"version": "4.2.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz",
|
||||||
|
"integrity": "sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==",
|
||||||
|
"dev": true,
|
||||||
|
"dependencies": {
|
||||||
|
"estree-walker": "^2.0.1",
|
||||||
|
"picomatch": "^2.2.2"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 8.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/vite-plugin-style-import/node_modules/magic-string": {
|
||||||
|
"version": "0.25.9",
|
||||||
|
"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
|
||||||
|
"integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
|
||||||
|
"dev": true,
|
||||||
|
"dependencies": {
|
||||||
|
"sourcemap-codec": "^1.4.8"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/vite-plugin-style-import/node_modules/pathe": {
|
||||||
|
"version": "0.2.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/pathe/-/pathe-0.2.0.tgz",
|
||||||
|
"integrity": "sha512-sTitTPYnn23esFR3RlqYBWn4c45WGeLcsKzQiUpXJAyfcWkolvlYpV8FLo7JishK946oQwMFUCHXQ9AjGPKExw==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
"node_modules/vite-plugin-vue-setup-extend": {
|
"node_modules/vite-plugin-vue-setup-extend": {
|
||||||
"version": "0.4.0",
|
"version": "0.4.0",
|
||||||
"resolved": "https://registry.npmmirror.com/vite-plugin-vue-setup-extend/-/vite-plugin-vue-setup-extend-0.4.0.tgz",
|
"resolved": "https://registry.npmmirror.com/vite-plugin-vue-setup-extend/-/vite-plugin-vue-setup-extend-0.4.0.tgz",
|
||||||
|
|
@ -10382,6 +10542,17 @@
|
||||||
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001441.tgz",
|
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001441.tgz",
|
||||||
"integrity": "sha512-OyxRR4Vof59I3yGWXws6i908EtGbMzVUi3ganaZQHmydk1iwDhRnvaPG2WaR0KcqrDFKrxVZHULT396LEPhXfg=="
|
"integrity": "sha512-OyxRR4Vof59I3yGWXws6i908EtGbMzVUi3ganaZQHmydk1iwDhRnvaPG2WaR0KcqrDFKrxVZHULT396LEPhXfg=="
|
||||||
},
|
},
|
||||||
|
"capital-case": {
|
||||||
|
"version": "1.0.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/capital-case/-/capital-case-1.0.4.tgz",
|
||||||
|
"integrity": "sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"no-case": "^3.0.4",
|
||||||
|
"tslib": "^2.0.3",
|
||||||
|
"upper-case-first": "^2.0.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
"capture-stack-trace": {
|
"capture-stack-trace": {
|
||||||
"version": "1.0.2",
|
"version": "1.0.2",
|
||||||
"resolved": "https://registry.npmmirror.com/capture-stack-trace/-/capture-stack-trace-1.0.2.tgz",
|
"resolved": "https://registry.npmmirror.com/capture-stack-trace/-/capture-stack-trace-1.0.2.tgz",
|
||||||
|
|
@ -10398,6 +10569,26 @@
|
||||||
"supports-color": "^7.1.0"
|
"supports-color": "^7.1.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"change-case": {
|
||||||
|
"version": "4.1.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/change-case/-/change-case-4.1.2.tgz",
|
||||||
|
"integrity": "sha512-bSxY2ws9OtviILG1EiY5K7NNxkqg/JnRnFxLtKQ96JaviiIxi7djMrSd0ECT9AC+lttClmYwKw53BWpOMblo7A==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"camel-case": "^4.1.2",
|
||||||
|
"capital-case": "^1.0.4",
|
||||||
|
"constant-case": "^3.0.4",
|
||||||
|
"dot-case": "^3.0.4",
|
||||||
|
"header-case": "^2.0.4",
|
||||||
|
"no-case": "^3.0.4",
|
||||||
|
"param-case": "^3.0.4",
|
||||||
|
"pascal-case": "^3.1.2",
|
||||||
|
"path-case": "^3.0.4",
|
||||||
|
"sentence-case": "^3.0.4",
|
||||||
|
"snake-case": "^3.0.4",
|
||||||
|
"tslib": "^2.0.3"
|
||||||
|
}
|
||||||
|
},
|
||||||
"chardet": {
|
"chardet": {
|
||||||
"version": "0.7.0",
|
"version": "0.7.0",
|
||||||
"resolved": "https://registry.npmmirror.com/chardet/-/chardet-0.7.0.tgz",
|
"resolved": "https://registry.npmmirror.com/chardet/-/chardet-0.7.0.tgz",
|
||||||
|
|
@ -10653,6 +10844,23 @@
|
||||||
"integrity": "sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw==",
|
"integrity": "sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
|
"console": {
|
||||||
|
"version": "0.7.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/console/-/console-0.7.2.tgz",
|
||||||
|
"integrity": "sha512-+JSDwGunA4MTEgAV/4VBKwUHonP8CzJ/6GIuwPi6acKFqFfHUdSGCm89ZxZ5FfGWdZfkdgAroy5bJ5FSeN/t4g==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
|
"constant-case": {
|
||||||
|
"version": "3.0.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/constant-case/-/constant-case-3.0.4.tgz",
|
||||||
|
"integrity": "sha512-I2hSBi7Vvs7BEuJDr5dDHfzb/Ruj3FyvFyh7KLilAjNQw3Be+xgqUBA2W6scVEcL0hL1dwPRtIqEPVUCKkSsyQ==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"no-case": "^3.0.4",
|
||||||
|
"tslib": "^2.0.3",
|
||||||
|
"upper-case": "^2.0.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
"conventional-changelog-angular": {
|
"conventional-changelog-angular": {
|
||||||
"version": "5.0.13",
|
"version": "5.0.13",
|
||||||
"resolved": "https://registry.npmmirror.com/conventional-changelog-angular/-/conventional-changelog-angular-5.0.13.tgz",
|
"resolved": "https://registry.npmmirror.com/conventional-changelog-angular/-/conventional-changelog-angular-5.0.13.tgz",
|
||||||
|
|
@ -11078,6 +11286,12 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"es-module-lexer": {
|
||||||
|
"version": "0.9.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.9.3.tgz",
|
||||||
|
"integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
"esbuild": {
|
"esbuild": {
|
||||||
"version": "0.16.12",
|
"version": "0.16.12",
|
||||||
"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.16.12.tgz",
|
"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.16.12.tgz",
|
||||||
|
|
@ -11518,6 +11732,16 @@
|
||||||
"integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
|
"integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
|
"header-case": {
|
||||||
|
"version": "2.0.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/header-case/-/header-case-2.0.4.tgz",
|
||||||
|
"integrity": "sha512-H/vuk5TEEVZwrR0lp2zed9OCo1uAILMlx0JEMgC26rzyJJ3N1v6XkwHHXJQdR2doSjcGPM6OKPYoJgf0plJ11Q==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"capital-case": "^1.0.4",
|
||||||
|
"tslib": "^2.0.3"
|
||||||
|
}
|
||||||
|
},
|
||||||
"homedir-polyfill": {
|
"homedir-polyfill": {
|
||||||
"version": "1.0.3",
|
"version": "1.0.3",
|
||||||
"resolved": "https://registry.npmmirror.com/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz",
|
"resolved": "https://registry.npmmirror.com/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz",
|
||||||
|
|
@ -13740,6 +13964,16 @@
|
||||||
"tslib": "^2.0.3"
|
"tslib": "^2.0.3"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"path-case": {
|
||||||
|
"version": "3.0.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/path-case/-/path-case-3.0.4.tgz",
|
||||||
|
"integrity": "sha512-qO4qCFjXqVTrcbPt/hQfhTQ+VhFsqNKOPtytgNKkKxSoEp3XPUQ8ObFuePylOIok5gjn69ry8XiULxCwot3Wfg==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"dot-case": "^3.0.4",
|
||||||
|
"tslib": "^2.0.3"
|
||||||
|
}
|
||||||
|
},
|
||||||
"path-exists": {
|
"path-exists": {
|
||||||
"version": "4.0.0",
|
"version": "4.0.0",
|
||||||
"resolved": "https://registry.npmmirror.com/path-exists/-/path-exists-4.0.0.tgz",
|
"resolved": "https://registry.npmmirror.com/path-exists/-/path-exists-4.0.0.tgz",
|
||||||
|
|
@ -14283,6 +14517,17 @@
|
||||||
"integrity": "sha512-EjnoLE5OGmDAVV/8YDoN5KiajNadjzIp9BAHOhYeQHt7j0UWxjmgsx4YD48wp4Ue1Qogq38F1GNUJNqF1kKKxA==",
|
"integrity": "sha512-EjnoLE5OGmDAVV/8YDoN5KiajNadjzIp9BAHOhYeQHt7j0UWxjmgsx4YD48wp4Ue1Qogq38F1GNUJNqF1kKKxA==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
|
"sentence-case": {
|
||||||
|
"version": "3.0.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/sentence-case/-/sentence-case-3.0.4.tgz",
|
||||||
|
"integrity": "sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"no-case": "^3.0.4",
|
||||||
|
"tslib": "^2.0.3",
|
||||||
|
"upper-case-first": "^2.0.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
"set-blocking": {
|
"set-blocking": {
|
||||||
"version": "2.0.0",
|
"version": "2.0.0",
|
||||||
"resolved": "https://registry.npmmirror.com/set-blocking/-/set-blocking-2.0.0.tgz",
|
"resolved": "https://registry.npmmirror.com/set-blocking/-/set-blocking-2.0.0.tgz",
|
||||||
|
|
@ -14356,6 +14601,16 @@
|
||||||
"babel-code-frame": "^6.26.0"
|
"babel-code-frame": "^6.26.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"snake-case": {
|
||||||
|
"version": "3.0.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz",
|
||||||
|
"integrity": "sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"dot-case": "^3.0.4",
|
||||||
|
"tslib": "^2.0.3"
|
||||||
|
}
|
||||||
|
},
|
||||||
"source-map": {
|
"source-map": {
|
||||||
"version": "0.6.1",
|
"version": "0.6.1",
|
||||||
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
|
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
|
||||||
|
|
@ -14836,6 +15091,24 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"upper-case": {
|
||||||
|
"version": "2.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/upper-case/-/upper-case-2.0.2.tgz",
|
||||||
|
"integrity": "sha512-KgdgDGJt2TpuwBUIjgG6lzw2GWFRCW9Qkfkiv0DxqHHLYJHmtmdUIKcZd8rHgFSjopVTlw6ggzCm1b8MFQwikg==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"tslib": "^2.0.3"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"upper-case-first": {
|
||||||
|
"version": "2.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/upper-case-first/-/upper-case-first-2.0.2.tgz",
|
||||||
|
"integrity": "sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"tslib": "^2.0.3"
|
||||||
|
}
|
||||||
|
},
|
||||||
"uppercamelcase": {
|
"uppercamelcase": {
|
||||||
"version": "1.1.0",
|
"version": "1.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/uppercamelcase/-/uppercamelcase-1.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/uppercamelcase/-/uppercamelcase-1.1.0.tgz",
|
||||||
|
|
@ -14961,6 +15234,48 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"vite-plugin-style-import": {
|
||||||
|
"version": "2.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/vite-plugin-style-import/-/vite-plugin-style-import-2.0.0.tgz",
|
||||||
|
"integrity": "sha512-qtoHQae5dSUQPo/rYz/8p190VU5y19rtBaeV7ryLa/AYAU/e9CG89NrN/3+k7MR8mJy/GPIu91iJ3zk9foUOSA==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"@rollup/pluginutils": "^4.1.2",
|
||||||
|
"change-case": "^4.1.2",
|
||||||
|
"console": "^0.7.2",
|
||||||
|
"es-module-lexer": "^0.9.3",
|
||||||
|
"fs-extra": "^10.0.0",
|
||||||
|
"magic-string": "^0.25.7",
|
||||||
|
"pathe": "^0.2.0"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@rollup/pluginutils": {
|
||||||
|
"version": "4.2.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz",
|
||||||
|
"integrity": "sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"estree-walker": "^2.0.1",
|
||||||
|
"picomatch": "^2.2.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"magic-string": {
|
||||||
|
"version": "0.25.9",
|
||||||
|
"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
|
||||||
|
"integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"sourcemap-codec": "^1.4.8"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"pathe": {
|
||||||
|
"version": "0.2.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/pathe/-/pathe-0.2.0.tgz",
|
||||||
|
"integrity": "sha512-sTitTPYnn23esFR3RlqYBWn4c45WGeLcsKzQiUpXJAyfcWkolvlYpV8FLo7JishK946oQwMFUCHXQ9AjGPKExw==",
|
||||||
|
"dev": true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
"vite-plugin-vue-setup-extend": {
|
"vite-plugin-vue-setup-extend": {
|
||||||
"version": "0.4.0",
|
"version": "0.4.0",
|
||||||
"resolved": "https://registry.npmmirror.com/vite-plugin-vue-setup-extend/-/vite-plugin-vue-setup-extend-0.4.0.tgz",
|
"resolved": "https://registry.npmmirror.com/vite-plugin-vue-setup-extend/-/vite-plugin-vue-setup-extend-0.4.0.tgz",
|
||||||
|
|
|
||||||
|
|
@ -48,6 +48,7 @@
|
||||||
"typescript": "^4.9.3",
|
"typescript": "^4.9.3",
|
||||||
"vite": "^4.0.0",
|
"vite": "^4.0.0",
|
||||||
"vite-plugin-html": "^3.2.0",
|
"vite-plugin-html": "^3.2.0",
|
||||||
|
"vite-plugin-style-import": "^2.0.0",
|
||||||
"vite-plugin-vue-setup-extend": "^0.4.0",
|
"vite-plugin-vue-setup-extend": "^0.4.0",
|
||||||
"vue-tsc": "^1.0.11"
|
"vue-tsc": "^1.0.11"
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
import server from '@/utils/request'
|
|
||||||
|
|
||||||
export const deleteMetadata = (deviceId: string) => server.remove(`/device-instance/${deviceId}/metadata`)
|
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
import server from '@/utils/request'
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 删除设备物模型
|
||||||
|
* @param deviceId 设备ID
|
||||||
|
* @returns
|
||||||
|
*/
|
||||||
|
export const deleteMetadata = (deviceId: string) => server.remove(`/device-instance/${deviceId}/metadata`)
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 保存设备物模型
|
||||||
|
* @param id 设备ID
|
||||||
|
* @param data 物模型
|
||||||
|
* @returns
|
||||||
|
*/
|
||||||
|
export const saveMetadata = (id: string, data: string) => server.put(`/device/instance/${id}/metadata`, data)
|
||||||
|
|
@ -0,0 +1,26 @@
|
||||||
|
import server from '@/utils/request'
|
||||||
|
import type { DeviceMetadata } from '@/views/device/Product/typings'
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 根据条件查询产品（不带翻页）
|
||||||
|
* @param data 查询条件
|
||||||
|
* @returns
|
||||||
|
*/
|
||||||
|
export const queryNoPagingPost = (data: any) => server.post(`/device-product/_query/no-paging?paging=false`, data)
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 导入第三方物模型
|
||||||
|
* @param direction from|to
|
||||||
|
* @param type 物模型类型
|
||||||
|
* @param data 物模型数据
|
||||||
|
* @returns
|
||||||
|
*/
|
||||||
|
export const convertMetadata = (direction: 'from' | 'to', type: string, data: any) => server.post<DeviceMetadata>(`/device/product/metadata/convert-${direction}/${type}`, data)
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 修改产品
|
||||||
|
* @param id 产品ID
|
||||||
|
* @param data 产品数据
|
||||||
|
* @returns
|
||||||
|
*/
|
||||||
|
export const modify = (id: string, data: any) => server.put(`/device-product/${id}`, data)
|
||||||
|
|
@ -241,7 +241,7 @@ watch(props.initValue, (newValue: any) => {
|
||||||
})
|
})
|
||||||
|
|
||||||
defineExpose({
|
defineExpose({
|
||||||
resetModel,
|
reset: resetModel,
|
||||||
formValidate,
|
formValidate,
|
||||||
setItemValue,
|
setItemValue,
|
||||||
setData
|
setData
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,7 @@
|
||||||
<a-button v-else v-bind="buttonProps" :disabled="_isPermission"></a-button>
|
<a-button v-else v-bind="buttonProps" :disabled="_isPermission"></a-button>
|
||||||
</a-tooltip>
|
</a-tooltip>
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts" name="PermissionButton">
|
||||||
import type { ButtonProps, TooltipProps, PopconfirmProps } from 'ant-design-vue'
|
import type { ButtonProps, TooltipProps, PopconfirmProps } from 'ant-design-vue'
|
||||||
import { usePermissionStore } from '@/store/permission';
|
import { usePermissionStore } from '@/store/permission';
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,71 @@
|
||||||
|
<!-- 单选卡片 -->
|
||||||
|
<template>
|
||||||
|
<div class="m-radio">
|
||||||
|
<div
|
||||||
|
class="m-radio-item"
|
||||||
|
:class="{ active: myValue === item.value }"
|
||||||
|
v-for="(item, index) in options"
|
||||||
|
:key="index"
|
||||||
|
@click="myValue = item.value"
|
||||||
|
>
|
||||||
|
<img class="img" :src="item.logo" alt="" />
|
||||||
|
<span>{{ item.label }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType } from 'vue';
|
||||||
|
|
||||||
|
interface IOption {
|
||||||
|
label: string;
|
||||||
|
value: string;
|
||||||
|
logo: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
type Emits = {
|
||||||
|
(e: 'update:modelValue', data: string): void;
|
||||||
|
};
|
||||||
|
const emit = defineEmits<Emits>();
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
options: {
|
||||||
|
type: Array as PropType<IOption[]>,
|
||||||
|
default: () => [],
|
||||||
|
},
|
||||||
|
modelValue: {
|
||||||
|
type: String,
|
||||||
|
default: '',
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const myValue = computed({
|
||||||
|
get: () => props.modelValue,
|
||||||
|
set: (val) => emit('update:modelValue', val),
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.m-radio {
|
||||||
|
display: flex;
|
||||||
|
&-item {
|
||||||
|
padding: 10px 15px;
|
||||||
|
margin-right: 15px;
|
||||||
|
border: 1px solid #d9d9d9;
|
||||||
|
border-radius: 2px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
gap: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
.img {
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
}
|
||||||
|
&.active {
|
||||||
|
color: #1d39c4;
|
||||||
|
border-color: #1d39c4;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,125 @@
|
||||||
|
<template>
|
||||||
|
<div class='JSearch-item'>
|
||||||
|
<div class='JSearch-item--type'>
|
||||||
|
<a-select
|
||||||
|
v-if='index !== 1 && index !== 4'
|
||||||
|
:options='typeOptions'
|
||||||
|
v-model:value='termsModel.type'
|
||||||
|
style='width: 100%;'
|
||||||
|
/>
|
||||||
|
<span v-else>
|
||||||
|
{{
|
||||||
|
index === 1 ? '第一组' : '第二组'
|
||||||
|
}}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<a-select
|
||||||
|
class='JSearch-item--column'
|
||||||
|
:options='columnOptions'
|
||||||
|
v-model:value='termsModel.column'
|
||||||
|
/>
|
||||||
|
<a-select
|
||||||
|
class='JSearch-item--termType'
|
||||||
|
:options='termTypeOptions'
|
||||||
|
v-model:value='termsModel.termType'
|
||||||
|
/>
|
||||||
|
<div class='JSearch-item--value'>
|
||||||
|
<a-input
|
||||||
|
v-if='component === componentType.input'
|
||||||
|
v-model:value='termsModel.value'
|
||||||
|
/>
|
||||||
|
<a-select
|
||||||
|
v-else-if='component === componentType.select'
|
||||||
|
v-model:value='termsModel.value'
|
||||||
|
:options='options'
|
||||||
|
/>
|
||||||
|
<a-inputnumber
|
||||||
|
v-else-if='component === componentType.inputNumber'
|
||||||
|
v-model:value='termsModel.value'
|
||||||
|
/>
|
||||||
|
<a-input-password
|
||||||
|
v-else-if='component === componentType.password'
|
||||||
|
v-model:value='termsModel.value'
|
||||||
|
/>
|
||||||
|
<a-switch
|
||||||
|
v-else-if='component === componentType.switch'
|
||||||
|
v-model:checked='termsModel.value'
|
||||||
|
/>
|
||||||
|
<a-radio-group
|
||||||
|
v-else-if='component === componentType.radio'
|
||||||
|
v-model:value='termsModel.value'
|
||||||
|
/>
|
||||||
|
<a-checkbox-group
|
||||||
|
v-else-if='component === componentType.checkbox'
|
||||||
|
v-model:value='termsModel.value'
|
||||||
|
:options='options'
|
||||||
|
/>
|
||||||
|
<a-time-picker
|
||||||
|
v-else-if='component === componentType.time'
|
||||||
|
v-model:value='termsModel.value'
|
||||||
|
/>
|
||||||
|
<a-date-picker
|
||||||
|
v-else-if='component === componentType.date'
|
||||||
|
v-model:value='termsModel.value'
|
||||||
|
/>
|
||||||
|
<a-tree-select
|
||||||
|
v-else-if='component === componentType.tree'
|
||||||
|
v-model:value='termsModel.value'
|
||||||
|
:tree-data='options'
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang='ts' name='SearchItem'>
|
||||||
|
import { componentType } from 'components/Form'
|
||||||
|
import { typeOptions } from './util'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
component: {
|
||||||
|
type: String,
|
||||||
|
default: componentType.input
|
||||||
|
},
|
||||||
|
index: {
|
||||||
|
type: Number,
|
||||||
|
default: 1
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const termsModel = reactive({})
|
||||||
|
|
||||||
|
const options = ref([])
|
||||||
|
|
||||||
|
const columnOptions = reactive([])
|
||||||
|
|
||||||
|
const termTypeOptions = reactive([])
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang='less'>
|
||||||
|
.JSearch-item {
|
||||||
|
display: flex;
|
||||||
|
gap: 16px;
|
||||||
|
|
||||||
|
.JSearch-item--type {
|
||||||
|
min-width: 120px;
|
||||||
|
> span {
|
||||||
|
line-height: 34px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.JSearch-item--column {
|
||||||
|
min-width: 120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.JSearch-item--termType {
|
||||||
|
min-width: 120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.JSearch-item--value {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,72 @@
|
||||||
|
<template>
|
||||||
|
<div class='JSearch-content'>
|
||||||
|
<div class='left'>
|
||||||
|
<SearchItem :index='1' />
|
||||||
|
<SearchItem :index='2' />
|
||||||
|
<SearchItem :index='3' />
|
||||||
|
</div>
|
||||||
|
<div class='center'>
|
||||||
|
<a-select
|
||||||
|
:options='typeOptions'
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class='right'>
|
||||||
|
<SearchItem :index='4' />
|
||||||
|
<SearchItem :index='5' />
|
||||||
|
<SearchItem :index='6' />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang='ts' name='Search'>
|
||||||
|
import SearchItem from './Item.vue'
|
||||||
|
import { typeOptions } from './util'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
defaultParams: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({})
|
||||||
|
},
|
||||||
|
columns: {
|
||||||
|
type: Array,
|
||||||
|
default: () => []
|
||||||
|
},
|
||||||
|
type: {
|
||||||
|
type: String,
|
||||||
|
default: 'advanced'
|
||||||
|
},
|
||||||
|
|
||||||
|
key: {
|
||||||
|
type: String,
|
||||||
|
default: '',
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const searchParams = reactive({
|
||||||
|
data: {}
|
||||||
|
})
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang='less'>
|
||||||
|
.JSearch-content {
|
||||||
|
display: flex;
|
||||||
|
gap: 16px;
|
||||||
|
.left, & .right {
|
||||||
|
display: flex;
|
||||||
|
gap: 16px;
|
||||||
|
flex-direction: column;
|
||||||
|
width: 0;
|
||||||
|
flex-grow: 1;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.center {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
flex-basis: 120px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
import Search from './Search.vue'
|
||||||
|
|
||||||
|
export default Search
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
export const typeOptions = [
|
||||||
|
{ label: '或者', value: 'or' },
|
||||||
|
{ label: '并且', value: 'and' },
|
||||||
|
]
|
||||||
|
|
@ -0,0 +1,52 @@
|
||||||
|
.jtable-body {
|
||||||
|
width: 100%;
|
||||||
|
padding: 0 24px 24px;
|
||||||
|
background-color: white;
|
||||||
|
.jtable-body-header {
|
||||||
|
padding: 16px 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
.jtable-body-header-right {
|
||||||
|
display: flex;
|
||||||
|
gap: 8px;
|
||||||
|
.jtable-setting-item {
|
||||||
|
color: rgba(0, 0, 0, 0.75);
|
||||||
|
font-size: 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: @primary-color-hover;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
color: @primary-color-active;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.jtable-content {
|
||||||
|
.jtable-alert {
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
.jtable-card {
|
||||||
|
.jtable-card-items {
|
||||||
|
display: grid;
|
||||||
|
grid-gap: 26px;
|
||||||
|
.jtable-card-item {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.jtable-pagination {
|
||||||
|
margin-top: 20px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
:global {
|
||||||
|
.ant-pagination-item {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,268 @@
|
||||||
|
import { UnorderedListOutlined, AppstoreOutlined } from '@ant-design/icons-vue'
|
||||||
|
import styles from './index.module.less'
|
||||||
|
import { Pagination, Table, Empty, Spin, Alert } from 'ant-design-vue'
|
||||||
|
import type { TableProps, ColumnProps } from 'ant-design-vue/es/table'
|
||||||
|
import type { TooltipProps } from 'ant-design-vue/es/tooltip'
|
||||||
|
import type { PopconfirmProps } from 'ant-design-vue/es/popconfirm'
|
||||||
|
import { CSSProperties, PropType } from 'vue';
|
||||||
|
|
||||||
|
enum ModelEnum {
|
||||||
|
TABLE = 'TABLE',
|
||||||
|
CARD = 'CARD',
|
||||||
|
}
|
||||||
|
|
||||||
|
type RequestData = {
|
||||||
|
code: string;
|
||||||
|
result: {
|
||||||
|
data: Record<string, any>[] | undefined;
|
||||||
|
pageIndex: number;
|
||||||
|
pageSize: number;
|
||||||
|
total: number;
|
||||||
|
};
|
||||||
|
status: number;
|
||||||
|
} & Record<string, any>;
|
||||||
|
|
||||||
|
export interface ActionsType {
|
||||||
|
key: string;
|
||||||
|
text?: string;
|
||||||
|
disabled?: boolean;
|
||||||
|
permission?: boolean;
|
||||||
|
onClick?: (data: any) => void;
|
||||||
|
style?: CSSProperties;
|
||||||
|
tooltip?: TooltipProps;
|
||||||
|
popConfirm?: PopconfirmProps;
|
||||||
|
icon?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface JColumnProps extends ColumnProps{
|
||||||
|
scopedSlots?: boolean; // 是否为插槽 true: 是 false: 否
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface JTableProps extends TableProps{
|
||||||
|
request?: (params: Record<string, any> & {
|
||||||
|
pageSize: number;
|
||||||
|
pageIndex: number;
|
||||||
|
}) => Promise<Partial<RequestData>>;
|
||||||
|
cardBodyClass?: string;
|
||||||
|
columns: JColumnProps[];
|
||||||
|
params?: Record<string, any> & {
|
||||||
|
pageSize: number;
|
||||||
|
pageIndex: number;
|
||||||
|
};
|
||||||
|
model?: keyof typeof ModelEnum | undefined; // 显示table还是card
|
||||||
|
actions?: ActionsType[];
|
||||||
|
noPagination?: boolean;
|
||||||
|
rowSelection?: TableProps['rowSelection'];
|
||||||
|
cardProps?: Record<string, any>;
|
||||||
|
dataSource?: Record<string, any>[];
|
||||||
|
}
|
||||||
|
|
||||||
|
const JTable = defineComponent<JTableProps>({
|
||||||
|
name: 'JTable',
|
||||||
|
slots: [
|
||||||
|
'headerTitle', // 顶部左边插槽
|
||||||
|
'card', // 卡片内容
|
||||||
|
],
|
||||||
|
emits: [
|
||||||
|
'modelChange', // 切换卡片和表格
|
||||||
|
],
|
||||||
|
props: {
|
||||||
|
request: {
|
||||||
|
type: Function,
|
||||||
|
default: undefined
|
||||||
|
},
|
||||||
|
cardBodyClass: {
|
||||||
|
type: String,
|
||||||
|
default: ''
|
||||||
|
},
|
||||||
|
columns: {
|
||||||
|
type: Array,
|
||||||
|
default: () => []
|
||||||
|
},
|
||||||
|
params: {
|
||||||
|
type: Object,
|
||||||
|
default: () => {}
|
||||||
|
},
|
||||||
|
model: {
|
||||||
|
type: [String, undefined],
|
||||||
|
default: undefined
|
||||||
|
},
|
||||||
|
actions: {
|
||||||
|
type: Array as PropType<ActionsType[]>,
|
||||||
|
default: () => []
|
||||||
|
},
|
||||||
|
noPagination: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
rowSelection: {
|
||||||
|
type: Object as PropType<TableProps['rowSelection']>,
|
||||||
|
default: () => undefined
|
||||||
|
},
|
||||||
|
cardProps: {
|
||||||
|
type: Object,
|
||||||
|
default: undefined
|
||||||
|
},
|
||||||
|
dataSource: {
|
||||||
|
type: Array,
|
||||||
|
default: () => []
|
||||||
|
}
|
||||||
|
} as any,
|
||||||
|
setup(props: JTableProps ,{ slots, emit }){
|
||||||
|
const simpleImage = Empty.PRESENTED_IMAGE_SIMPLE
|
||||||
|
const _model = ref<keyof typeof ModelEnum>(props.model ? props.model : ModelEnum.CARD); // 模式切换
|
||||||
|
const column = ref<number>(4);
|
||||||
|
const _dataSource = ref<Record<string, any>[]>([])
|
||||||
|
const pageIndex = ref<number>(0)
|
||||||
|
const pageSize = ref<number>(6)
|
||||||
|
const total = ref<number>(0)
|
||||||
|
const _columns = ref<JColumnProps[]>(props?.columns || [])
|
||||||
|
const loading = ref<boolean>(true)
|
||||||
|
|
||||||
|
// alert关闭，取消选择
|
||||||
|
const handleAlertClose = () => {
|
||||||
|
emit('cancelSelect')
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 请求数据
|
||||||
|
*/
|
||||||
|
const handleSearch = async (_params?: Record<string, any>) => {
|
||||||
|
loading.value = true
|
||||||
|
if(props.request) {
|
||||||
|
const resp = await props.request({
|
||||||
|
pageSize: 12,
|
||||||
|
pageIndex: 1,
|
||||||
|
..._params
|
||||||
|
})
|
||||||
|
if(resp.status === 200){
|
||||||
|
// 判断如果是最后一页且最后一页为空，就跳转到前一页
|
||||||
|
if(resp.result?.data?.length === 0 && resp.result.total && resp.result.pageSize && resp.result.pageIndex) {
|
||||||
|
handleSearch({
|
||||||
|
..._params,
|
||||||
|
pageSize: pageSize.value,
|
||||||
|
pageIndex: pageIndex.value - 1,
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
_dataSource.value = resp.result?.data || []
|
||||||
|
pageIndex.value = resp.result?.pageIndex || 0
|
||||||
|
pageSize.value = resp.result?.pageSize || 6
|
||||||
|
total.value = resp.result?.total || 0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
_dataSource.value = props?.dataSource || []
|
||||||
|
}
|
||||||
|
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
|
||||||
|
watchEffect(() => {
|
||||||
|
handleSearch(props.params)
|
||||||
|
})
|
||||||
|
|
||||||
|
return () => <Spin spinning={loading.value}>
|
||||||
|
<div class={styles["jtable-body"]}>
|
||||||
|
<div class={styles["jtable-body-header"]}>
|
||||||
|
<div class={styles["jtable-body-header-left"]}>
|
||||||
|
{/* 顶部左边插槽 */}
|
||||||
|
{slots.headerTitle && slots.headerTitle()}
|
||||||
|
</div>
|
||||||
|
<div class={styles["jtable-body-header-right"]}>
|
||||||
|
<div class={[styles["jtable-setting-item"], ModelEnum.CARD === _model.value ? styles['active'] : '']} onClick={() => {
|
||||||
|
_model.value = ModelEnum.CARD
|
||||||
|
}}>
|
||||||
|
<AppstoreOutlined />
|
||||||
|
</div>
|
||||||
|
<div class={[styles["jtable-setting-item"], ModelEnum.TABLE === _model.value ? styles['active'] : '']} onClick={() => {
|
||||||
|
_model.value = ModelEnum.TABLE
|
||||||
|
}}>
|
||||||
|
<UnorderedListOutlined />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/* content */}
|
||||||
|
<div class={styles['jtable-content']}>
|
||||||
|
{
|
||||||
|
props?.rowSelection && props?.rowSelection?.selectedRowKeys && props.rowSelection.selectedRowKeys?.length ?
|
||||||
|
<div class={styles['jtable-alert']}>
|
||||||
|
<Alert
|
||||||
|
message={'已选择' + props?.rowSelection?.selectedRowKeys?.length + '项'}
|
||||||
|
type="info"
|
||||||
|
onClose={handleAlertClose}
|
||||||
|
closeText={<a>取消选择</a>}
|
||||||
|
/>
|
||||||
|
</div> : null
|
||||||
|
}
|
||||||
|
{
|
||||||
|
_model.value === ModelEnum.CARD ?
|
||||||
|
<div class={styles['jtable-card']}>
|
||||||
|
{
|
||||||
|
_dataSource.value.length ?
|
||||||
|
<div
|
||||||
|
class={styles['jtable-card-items']}
|
||||||
|
style={{gridTemplateColumns: `repeat(${column.value}, 1fr)`}}
|
||||||
|
>
|
||||||
|
{
|
||||||
|
_dataSource.value.map(item => slots.card ?
|
||||||
|
<div class={[styles['jtable-card-item'], props.cardBodyClass]}>{slots.card({row: item, actions: props?.actions || []})}</div>
|
||||||
|
: null)
|
||||||
|
}
|
||||||
|
</div> :
|
||||||
|
<div><Empty image={Empty.PRESENTED_IMAGE_SIMPLE} /></div>
|
||||||
|
}
|
||||||
|
</div> :
|
||||||
|
<div>
|
||||||
|
<Table
|
||||||
|
dataSource={_dataSource.value}
|
||||||
|
columns={_columns.value}
|
||||||
|
pagination={false}
|
||||||
|
rowKey="id"
|
||||||
|
rowSelection={props.rowSelection}
|
||||||
|
scroll={{x: 1366}}
|
||||||
|
v-slots={{
|
||||||
|
bodyCell: (dt: Record<string, any>) => {
|
||||||
|
const {column, record} = dt;
|
||||||
|
if((column?.key || column?.dataIndex) && column?.scopedSlots && (slots?.[column?.dataIndex] || slots?.[column?.key])) {
|
||||||
|
const _key = column?.key || column?.dataIndex
|
||||||
|
return slots?.[_key]!({row: record, actions: props.actions})
|
||||||
|
} else {
|
||||||
|
return record?.[column?.dataIndex] || ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
{/* 分页 */}
|
||||||
|
{
|
||||||
|
_dataSource.value.length && !props.noPagination &&
|
||||||
|
<div class={styles['jtable-pagination']}>
|
||||||
|
<Pagination
|
||||||
|
size="small"
|
||||||
|
total={total.value}
|
||||||
|
showQuickJumper={false}
|
||||||
|
showSizeChanger={true}
|
||||||
|
current={pageIndex.value}
|
||||||
|
pageSize={pageSize.value}
|
||||||
|
pageSizeOptions={['12', '24', '48', '60', '100']}
|
||||||
|
showTotal={(total, range) => {
|
||||||
|
return `第 ${range[0]} - ${range[1]} 条/总共 ${total} 条`
|
||||||
|
}}
|
||||||
|
onChange={(page, size) => {
|
||||||
|
handleSearch({
|
||||||
|
...props.params,
|
||||||
|
pageSize: size,
|
||||||
|
pageIndex: pageSize.value === size ? page : 1,
|
||||||
|
})
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
</Spin>
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
export default JTable
|
||||||
|
|
@ -79,7 +79,7 @@
|
||||||
</a-spin>
|
</a-spin>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts" name="JTable">
|
||||||
import { UnorderedListOutlined, AppstoreOutlined } from '@ant-design/icons-vue'
|
import { UnorderedListOutlined, AppstoreOutlined } from '@ant-design/icons-vue'
|
||||||
import type { TableProps, ColumnsType } from 'ant-design-vue/es/table'
|
import type { TableProps, ColumnsType } from 'ant-design-vue/es/table'
|
||||||
import type { TooltipProps } from 'ant-design-vue/es/tooltip'
|
import type { TooltipProps } from 'ant-design-vue/es/tooltip'
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,11 @@
|
||||||
import type { App } from 'vue'
|
import type { App } from 'vue'
|
||||||
import AIcon from './AIcon'
|
import AIcon from './AIcon'
|
||||||
import PermissionButton from './PermissionButton/index.vue'
|
import PermissionButton from './PermissionButton/index.vue'
|
||||||
import JTable from './Table/index.vue'
|
import JTable from './Table/index'
|
||||||
import TitleComponent from "./TitleComponent/index.vue";
|
import TitleComponent from "./TitleComponent/index.vue";
|
||||||
import Form from './Form';
|
import Form from './Form';
|
||||||
import CardBox from './CardBox/index.vue';
|
import CardBox from './CardBox/index.vue';
|
||||||
|
import Search from './Search'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
install(app: App) {
|
install(app: App) {
|
||||||
|
|
@ -14,5 +15,6 @@ export default {
|
||||||
.component('TitleComponent', TitleComponent)
|
.component('TitleComponent', TitleComponent)
|
||||||
.component('Form', Form)
|
.component('Form', Form)
|
||||||
.component('CardBox', CardBox)
|
.component('CardBox', CardBox)
|
||||||
|
.component('Search', Search)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@ import App from './App.vue'
|
||||||
import store from './store'
|
import store from './store'
|
||||||
import router from './router'
|
import router from './router'
|
||||||
import components from './components'
|
import components from './components'
|
||||||
import './style.css'
|
import './style.less'
|
||||||
import 'ant-design-vue/es/notification/style/css';
|
import 'ant-design-vue/es/notification/style/css';
|
||||||
import Antd from 'ant-design-vue/es'
|
import Antd from 'ant-design-vue/es'
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -8,9 +8,15 @@ const router = createRouter({
|
||||||
routes: menus
|
routes: menus
|
||||||
})
|
})
|
||||||
|
|
||||||
|
const filterPath = [
|
||||||
|
'/form',
|
||||||
|
'/search'
|
||||||
|
]
|
||||||
|
|
||||||
router.beforeEach((to, from, next) => {
|
router.beforeEach((to, from, next) => {
|
||||||
const token = LocalStore.get(TOKEN_KEY)
|
const token = LocalStore.get(TOKEN_KEY)
|
||||||
if (token) {
|
|
||||||
|
if (token || filterPath.includes(to.path)) {
|
||||||
next()
|
next()
|
||||||
} else {
|
} else {
|
||||||
if (to.path === LoginPath) {
|
if (to.path === LoginPath) {
|
||||||
|
|
|
||||||
|
|
@ -44,6 +44,26 @@ export default [
|
||||||
path: '/form',
|
path: '/form',
|
||||||
component: () => import('@/views/demo/Form.vue')
|
component: () => import('@/views/demo/Form.vue')
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: '/search',
|
||||||
|
component: () => import('@/views/demo/Search.vue')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/notice/Config',
|
||||||
|
component: () => import('@/views/notice/Config/index.vue')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/notice/Config/detail/:id',
|
||||||
|
component: () => import('@/views/notice/Config/Detail/index.vue')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/notice/Template',
|
||||||
|
component: () => import('@/views/notice/Template/index.vue')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/notice/Template/detail/:id',
|
||||||
|
component: () => import('@/views/notice/Template/Detail/index.vue')
|
||||||
|
},
|
||||||
// end: 测试用, 可删除
|
// end: 测试用, 可删除
|
||||||
|
|
||||||
// link 运维管理
|
// link 运维管理
|
||||||
|
|
@ -69,7 +89,7 @@ export default [
|
||||||
},
|
},
|
||||||
// 初始化
|
// 初始化
|
||||||
{
|
{
|
||||||
path: '/init-home',
|
path: '/init-home',
|
||||||
component: () => import('@/views/init-home/index.vue')
|
component: () => import('@/views/init-home/index.vue')
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
import { InstanceModel } from "@/views/device/instance/typings";
|
||||||
|
import { defineStore } from "pinia";
|
||||||
|
|
||||||
|
export const useInstanceStore = defineStore({
|
||||||
|
id: 'device',
|
||||||
|
state: () => ({} as InstanceModel),
|
||||||
|
});
|
||||||
|
|
@ -26,23 +26,24 @@ export const request = axios.create({
|
||||||
* @param {String} responseType 如果接口是需要导出文件流，那么responseType = 'blob'
|
* @param {String} responseType 如果接口是需要导出文件流，那么responseType = 'blob'
|
||||||
* @returns {AxiosInstance}
|
* @returns {AxiosInstance}
|
||||||
*/
|
*/
|
||||||
export const post = function(url: string, data = {}, params = {}) {
|
export const post = function<T>(url: string, data = {}, params = {}) {
|
||||||
params = typeof params === 'string' ? { responseType: params } : params
|
params = typeof params === 'string' ? { responseType: params } : params
|
||||||
return request({
|
return request<any, AxiosResponseRewrite<T>>({
|
||||||
...params,
|
...params,
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
url,
|
url,
|
||||||
data
|
data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* put method request
|
* put method request
|
||||||
* @param {String} url
|
* @param {String} url
|
||||||
* @param {Object} [data]
|
* @param {Object} [data]
|
||||||
* @returns {AxiosInstance}
|
* @returns {AxiosInstance}
|
||||||
*/
|
*/
|
||||||
export const put = function(url: string, data = {},) {
|
export const put = function<T>(url: string, data = {},) {
|
||||||
return request({
|
return request<any, AxiosResponseRewrite<T>>({
|
||||||
method: 'PUT',
|
method: 'PUT',
|
||||||
url,
|
url,
|
||||||
data
|
data
|
||||||
|
|
@ -55,8 +56,8 @@ export const put = function(url: string, data = {},) {
|
||||||
* @param {Object} [data]
|
* @param {Object} [data]
|
||||||
* @returns {AxiosInstance}
|
* @returns {AxiosInstance}
|
||||||
*/
|
*/
|
||||||
export const patch = function(url: string, data = {}) {
|
export const patch = function<T>(url: string, data = {}) {
|
||||||
return request({
|
return request<any, AxiosResponseRewrite<T>>({
|
||||||
method: 'PATCH',
|
method: 'PATCH',
|
||||||
url,
|
url,
|
||||||
data
|
data
|
||||||
|
|
@ -69,8 +70,8 @@ export const patch = function(url: string, data = {}) {
|
||||||
* @param {Object} [ext] 扩展参数
|
* @param {Object} [ext] 扩展参数
|
||||||
* @returns {AxiosInstance}
|
* @returns {AxiosInstance}
|
||||||
*/
|
*/
|
||||||
export const get = function(url: string, params = {}, ext?: any) {
|
export const get = function<T>(url: string, params = {}, ext?: any) {
|
||||||
return request({
|
return request<any, AxiosResponseRewrite<T>>({
|
||||||
method: 'GET',
|
method: 'GET',
|
||||||
url,
|
url,
|
||||||
params,
|
params,
|
||||||
|
|
@ -85,8 +86,8 @@ export const get = function(url: string, params = {}, ext?: any) {
|
||||||
* @param {Object} [ext] 扩展参数
|
* @param {Object} [ext] 扩展参数
|
||||||
* @returns {AxiosInstance}
|
* @returns {AxiosInstance}
|
||||||
*/
|
*/
|
||||||
export const remove = function(url: string, params = {}, ext?: any) {
|
export const remove = function<T>(url: string, params = {}, ext?: any) {
|
||||||
return request({
|
return request<any, AxiosResponseRewrite<T>>({
|
||||||
method: 'DELETE',
|
method: 'DELETE',
|
||||||
url,
|
url,
|
||||||
params,
|
params,
|
||||||
|
|
@ -101,7 +102,7 @@ export const remove = function(url: string, params = {}, ext?: any) {
|
||||||
* @return {*}
|
* @return {*}
|
||||||
*/
|
*/
|
||||||
export const getStream = function(url: string, params = {}) {
|
export const getStream = function(url: string, params = {}) {
|
||||||
return get(url, params, {
|
return get<any>(url, params, {
|
||||||
responseType: 'arraybuffer' // 设置请求数据类型，返回blob可解析类型
|
responseType: 'arraybuffer' // 设置请求数据类型，返回blob可解析类型
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -21,7 +21,7 @@ const submit = () => {
|
||||||
}
|
}
|
||||||
|
|
||||||
const reset = () => {
|
const reset = () => {
|
||||||
|
form.value.reset()
|
||||||
}
|
}
|
||||||
|
|
||||||
const setValue =() => {
|
const setValue =() => {
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
<template>
|
||||||
|
<div class='search'>
|
||||||
|
<Search />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.search {
|
||||||
|
width: calc(100% - 330px);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -38,14 +38,14 @@
|
||||||
<a-button type="primary">新增</a-button>
|
<a-button type="primary">新增</a-button>
|
||||||
</template>
|
</template>
|
||||||
<template #card="slotProps">
|
<template #card="slotProps">
|
||||||
<CardBox :value="slotProps" @click="handleClick" :actions="actions" v-bind="slotProps" :active="_selectedRowKeys.includes(slotProps.id)">
|
<CardBox :value="slotProps" @click="handleClick" :actions="slotProps.actions" v-bind="slotProps.row" :active="_selectedRowKeys.includes(slotProps.row.id)">
|
||||||
<template #img>
|
<template #img>
|
||||||
<slot name="img">
|
<slot name="img">
|
||||||
<img :src="getImage('/device-product.png')" />
|
<img :src="getImage('/device-product.png')" />
|
||||||
</slot>
|
</slot>
|
||||||
</template>
|
</template>
|
||||||
<template #content>
|
<template #content>
|
||||||
<h3>{{slotProps.name}}</h3>
|
<h3>{{slotProps.row.name}}</h3>
|
||||||
<a-row>
|
<a-row>
|
||||||
<a-col :span="12">
|
<a-col :span="12">
|
||||||
<div class="card-item-content-text">
|
<div class="card-item-content-text">
|
||||||
|
|
@ -68,11 +68,11 @@
|
||||||
</template>
|
</template>
|
||||||
<template #action="slotProps">
|
<template #action="slotProps">
|
||||||
<a-space :size="16">
|
<a-space :size="16">
|
||||||
<a-tooltip v-for="i in actions" :key="i.key" v-bind="i.tooltip">
|
<a-tooltip v-for="i in slotProps.actions" :key="i.key" v-bind="i.tooltip">
|
||||||
<a-popconfirm v-if="i.popConfirm" v-bind="i.popConfirm">
|
<a-popconfirm v-if="i.popConfirm" v-bind="i.popConfirm">
|
||||||
<a-button style="padding: 0" type="link"><AIcon :type="i.icon" /></a-button>
|
<a-button style="padding: 0" type="link"><AIcon :type="i.icon" /></a-button>
|
||||||
</a-popconfirm>
|
</a-popconfirm>
|
||||||
<a-button style="padding: 0" type="link" v-else @click="i.onClick && i.onClick(slotProps)">
|
<a-button style="padding: 0" type="link" v-else @click="i.onClick && i.onClick(slotProps.row)">
|
||||||
<AIcon :type="i.icon" />
|
<AIcon :type="i.icon" />
|
||||||
</a-button>
|
</a-button>
|
||||||
</a-tooltip>
|
</a-tooltip>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
import { Button } from 'ant-design-vue'
|
||||||
|
|
||||||
|
export default defineComponent({
|
||||||
|
setup(){
|
||||||
|
return () => <div>
|
||||||
|
<Button type='primary'>新增</Button>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
@ -0,0 +1,84 @@
|
||||||
|
export type DeviceInstance = {
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
describe: string;
|
||||||
|
description: string;
|
||||||
|
productId: string;
|
||||||
|
productName: string;
|
||||||
|
protocolName: string;
|
||||||
|
security: any;
|
||||||
|
deriveMetadata: string;
|
||||||
|
metadata: string;
|
||||||
|
binds: any;
|
||||||
|
state: {
|
||||||
|
value: string;
|
||||||
|
text: string;
|
||||||
|
};
|
||||||
|
creatorId: string;
|
||||||
|
creatorName: string;
|
||||||
|
createTime: number;
|
||||||
|
registryTime: string;
|
||||||
|
disabled?: boolean;
|
||||||
|
aloneConfiguration?: boolean;
|
||||||
|
deviceType: {
|
||||||
|
value: string;
|
||||||
|
text: string;
|
||||||
|
};
|
||||||
|
transportProtocol: string;
|
||||||
|
messageProtocol: string;
|
||||||
|
orgId: string;
|
||||||
|
orgName: string;
|
||||||
|
configuration: Record<string, any>;
|
||||||
|
relations?: any[];
|
||||||
|
cachedConfiguration: any;
|
||||||
|
transport: string;
|
||||||
|
protocol: string;
|
||||||
|
address: string;
|
||||||
|
registerTime: number;
|
||||||
|
onlineTime: string | number;
|
||||||
|
offlineTime: string | number;
|
||||||
|
tags: any;
|
||||||
|
photoUrl: string;
|
||||||
|
independentMetadata?: boolean;
|
||||||
|
accessProvider?: string;
|
||||||
|
accessId?: string;
|
||||||
|
features?: any[];
|
||||||
|
parentId?: string;
|
||||||
|
classifiedName?: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
type Unit = {
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
symbol: string;
|
||||||
|
text: string;
|
||||||
|
type: string;
|
||||||
|
value: string;
|
||||||
|
description: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
type PropertyData = {
|
||||||
|
data: {
|
||||||
|
value?:
|
||||||
|
| {
|
||||||
|
formatValue: string;
|
||||||
|
property: string;
|
||||||
|
value: any;
|
||||||
|
}
|
||||||
|
| any;
|
||||||
|
timeString: string;
|
||||||
|
timestamp: number;
|
||||||
|
formatValue: string;
|
||||||
|
property: string;
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
type InstanceModel = {
|
||||||
|
current: Partial<DeviceInstance>;
|
||||||
|
detail: Partial<DeviceInstance>;
|
||||||
|
config: any;
|
||||||
|
metadataItem: MetadataItem;
|
||||||
|
params: Set<string>; // 处理无限循环Card
|
||||||
|
active?: string; // 当前编辑的Card
|
||||||
|
selectedRows: Map<string, any>;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,179 @@
|
||||||
|
import type { BaseItem, State } from '@/utils/typings';
|
||||||
|
|
||||||
|
type DeviceType = {
|
||||||
|
text: string;
|
||||||
|
value: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type ProductItem = {
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
classifiedId: string | string[];
|
||||||
|
classifiedName: string;
|
||||||
|
configuration: Record<string, any>;
|
||||||
|
createTime: number;
|
||||||
|
updateTime: number;
|
||||||
|
creatorId: string;
|
||||||
|
deviceType: DeviceType;
|
||||||
|
deviceTypeId?: string;
|
||||||
|
count?: number;
|
||||||
|
messageProtocol: string;
|
||||||
|
metadata: string;
|
||||||
|
orgId: string;
|
||||||
|
protocolName: string;
|
||||||
|
state: number;
|
||||||
|
transportProtocol: string;
|
||||||
|
describe?: string;
|
||||||
|
accessId?: string;
|
||||||
|
accessName?: string;
|
||||||
|
photoUrl?: string;
|
||||||
|
storePolicy?: string;
|
||||||
|
accessProvider?: string;
|
||||||
|
modifyTime?: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type ConfigProperty = {
|
||||||
|
property: string;
|
||||||
|
name: string;
|
||||||
|
description: string;
|
||||||
|
type: {
|
||||||
|
name: string;
|
||||||
|
id: string;
|
||||||
|
type: string;
|
||||||
|
elements?: any[];
|
||||||
|
expands?: any;
|
||||||
|
};
|
||||||
|
scopes: any[];
|
||||||
|
};
|
||||||
|
|
||||||
|
export type ConfigMetadata = {
|
||||||
|
name: string;
|
||||||
|
description: string;
|
||||||
|
scopes: any[];
|
||||||
|
properties: ConfigProperty[];
|
||||||
|
};
|
||||||
|
|
||||||
|
export type MetadataType = 'events' | 'functions' | 'properties' | 'tags';
|
||||||
|
|
||||||
|
export type DeviceMetadata = {
|
||||||
|
events: Partial<EventMetadata>[];
|
||||||
|
properties: Partial<PropertyMetadata>[];
|
||||||
|
functions: Partial<FunctionMetadata>[];
|
||||||
|
tags: Partial<TagMetadata>[];
|
||||||
|
};
|
||||||
|
export type MetadataItem = Partial<EventMetadata | PropertyMetadata | FunctionMetadata> &
|
||||||
|
Record<string, any>;
|
||||||
|
|
||||||
|
type EventMetadata = {
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
expands?: {
|
||||||
|
eventType?: string;
|
||||||
|
level?: string;
|
||||||
|
} & Record<string, any>;
|
||||||
|
valueType: {
|
||||||
|
type: string;
|
||||||
|
properties: {
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
dataType: string;
|
||||||
|
valueType: {
|
||||||
|
type: string;
|
||||||
|
} & Record<any, any>;
|
||||||
|
}[];
|
||||||
|
};
|
||||||
|
description: string;
|
||||||
|
};
|
||||||
|
type FunctionMetadata = {
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
async: boolean;
|
||||||
|
output: Record<string, unknown>;
|
||||||
|
inputs: ({
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
valueType: {
|
||||||
|
type: string;
|
||||||
|
} & Record<any, any>;
|
||||||
|
} & Record<string, any>)[];
|
||||||
|
};
|
||||||
|
type PropertyMetadata = {
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
dataType?: string;
|
||||||
|
valueType: {
|
||||||
|
type: string;
|
||||||
|
} & Record<any, any>;
|
||||||
|
expands: Record<string, any>;
|
||||||
|
description?: string;
|
||||||
|
// 运行状态处需要数据
|
||||||
|
list?: Record<string, unknown>[];
|
||||||
|
};
|
||||||
|
type TagMetadata = {
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
valueType: {
|
||||||
|
type: string;
|
||||||
|
} & Record<string, any>;
|
||||||
|
expands: Record<string, any>;
|
||||||
|
};
|
||||||
|
|
||||||
|
type AlarmRule = {
|
||||||
|
actions: {
|
||||||
|
configuration: Record<string, unknown>;
|
||||||
|
executor: string;
|
||||||
|
}[];
|
||||||
|
productId: string;
|
||||||
|
productName: string;
|
||||||
|
properties: Record<string, unknown>[];
|
||||||
|
shakeLimit: Record<string, unknown>;
|
||||||
|
triggers: Record<string, unknown>[];
|
||||||
|
} & BaseItem;
|
||||||
|
|
||||||
|
type AlarmSetting = {
|
||||||
|
state: State;
|
||||||
|
createTime: number;
|
||||||
|
target: string;
|
||||||
|
targetId: string;
|
||||||
|
alarmRule: AlarmRule[];
|
||||||
|
} & BaseItem;
|
||||||
|
|
||||||
|
type AlarmRecord = {
|
||||||
|
id: string;
|
||||||
|
alarmId: string;
|
||||||
|
alarmName: string;
|
||||||
|
alarmTime: number;
|
||||||
|
description: string;
|
||||||
|
deviceId: string;
|
||||||
|
deviceName: string;
|
||||||
|
productId: string;
|
||||||
|
productName: string;
|
||||||
|
state: string;
|
||||||
|
updateTime: number;
|
||||||
|
alarmData: {
|
||||||
|
alarmId: string;
|
||||||
|
alarmName: string;
|
||||||
|
deviceId: string;
|
||||||
|
deviceName: string;
|
||||||
|
id: string;
|
||||||
|
productId: string;
|
||||||
|
productName: string;
|
||||||
|
timestamp: number;
|
||||||
|
} & Record<string, unknown>;
|
||||||
|
};
|
||||||
|
|
||||||
|
type UnitType = {
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
description: string;
|
||||||
|
symbol: string;
|
||||||
|
text: string;
|
||||||
|
type: string;
|
||||||
|
value: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
type ObserverMetadata = {
|
||||||
|
type: unknown[];
|
||||||
|
subscribe: (data: any) => void;
|
||||||
|
next: (data: any) => void;
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,87 @@
|
||||||
|
<!-- webhook请求头可编辑表格 -->
|
||||||
|
<template>
|
||||||
|
<a-table
|
||||||
|
:columns="columns"
|
||||||
|
:data-source="dataSource"
|
||||||
|
bordered
|
||||||
|
:pagination="false"
|
||||||
|
>
|
||||||
|
<template #bodyCell="{ column, text, record }">
|
||||||
|
<template v-if="['KEY', 'VALUE'].includes(column.dataIndex)">
|
||||||
|
<a-input v-model="record[column.dataIndex]" />
|
||||||
|
</template>
|
||||||
|
<template v-else-if="column.dataIndex === 'operation'">
|
||||||
|
<a-button type="text">
|
||||||
|
<template #icon>
|
||||||
|
<delete-outlined @click="handleDelete(record.idx)" />
|
||||||
|
</template>
|
||||||
|
</a-button>
|
||||||
|
</template>
|
||||||
|
</template>
|
||||||
|
</a-table>
|
||||||
|
<a-button
|
||||||
|
type="dashed"
|
||||||
|
@click="handleAdd"
|
||||||
|
style="width: 100%; margin-top: 5px"
|
||||||
|
>
|
||||||
|
<template #icon>
|
||||||
|
<plus-outlined />
|
||||||
|
</template>
|
||||||
|
添加
|
||||||
|
</a-button>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PlusOutlined, DeleteOutlined } from '@ant-design/icons-vue';
|
||||||
|
// import { cloneDeep } from 'lodash-es';
|
||||||
|
// import { defineComponent, reactive, ref } from 'vue';
|
||||||
|
// import type { UnwrapRef } from 'vue';
|
||||||
|
|
||||||
|
interface DataItem {
|
||||||
|
idx: number;
|
||||||
|
KEY: string;
|
||||||
|
VALUE: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
const data: DataItem[] = [];
|
||||||
|
for (let i = 0; i < 2; i++) {
|
||||||
|
data.push({
|
||||||
|
idx: i,
|
||||||
|
KEY: `key ${i}`,
|
||||||
|
VALUE: `value${i}`,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
const columns = [
|
||||||
|
{
|
||||||
|
title: 'KEY',
|
||||||
|
dataIndex: 'KEY',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'VALUE',
|
||||||
|
dataIndex: 'VALUE',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '操作',
|
||||||
|
dataIndex: 'operation',
|
||||||
|
width: 80,
|
||||||
|
fixed: 'right',
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
const dataSource = ref(data);
|
||||||
|
console.log('dataSource: ', dataSource.value);
|
||||||
|
|
||||||
|
const handleDelete = (idx: number) => {
|
||||||
|
dataSource.value.splice(idx, 1);
|
||||||
|
};
|
||||||
|
const handleAdd = () => {
|
||||||
|
dataSource.value.push({
|
||||||
|
idx: dataSource.value.length + 1,
|
||||||
|
KEY: `key ${dataSource.value.length + 1}`,
|
||||||
|
VALUE: `value ${dataSource.value.length + 1}`,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped></style>
|
||||||
|
|
@ -0,0 +1,413 @@
|
||||||
|
<!-- 通知配置详情 -->
|
||||||
|
<template>
|
||||||
|
<div class="page-container">
|
||||||
|
<a-card>
|
||||||
|
<a-row>
|
||||||
|
<a-col :span="10">
|
||||||
|
<a-form layout="vertical">
|
||||||
|
<a-form-item
|
||||||
|
label="通知方式"
|
||||||
|
v-bind="validateInfos.type"
|
||||||
|
>
|
||||||
|
<a-select
|
||||||
|
v-model:value="formData.type"
|
||||||
|
placeholder="请选择通知方式"
|
||||||
|
>
|
||||||
|
<a-select-option
|
||||||
|
v-for="(item, index) in NOTICE_METHOD"
|
||||||
|
:key="index"
|
||||||
|
:value="item.value"
|
||||||
|
>
|
||||||
|
{{ item.label }}
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="名称" v-bind="validateInfos.name">
|
||||||
|
<a-input
|
||||||
|
v-model:value="formData.name"
|
||||||
|
placeholder="请输入名称"
|
||||||
|
/>
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item
|
||||||
|
label="类型"
|
||||||
|
v-bind="validateInfos.provider"
|
||||||
|
v-if="formData.type !== 'email'"
|
||||||
|
>
|
||||||
|
<RadioCard
|
||||||
|
:options="msgType"
|
||||||
|
v-model="formData.provider"
|
||||||
|
/>
|
||||||
|
</a-form-item>
|
||||||
|
<!-- 钉钉 -->
|
||||||
|
<template v-if="formData.type === 'dingTalk'">
|
||||||
|
<template
|
||||||
|
v-if="formData.provider === 'dingTalkMessage'"
|
||||||
|
>
|
||||||
|
<a-form-item
|
||||||
|
label="AppKey"
|
||||||
|
v-bind="
|
||||||
|
validateInfos['configuration.appKey']
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<a-input
|
||||||
|
v-model:value="
|
||||||
|
formData.configuration.appKey
|
||||||
|
"
|
||||||
|
placeholder="请输入AppKey"
|
||||||
|
/>
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item
|
||||||
|
label="AppSecret"
|
||||||
|
v-bind="
|
||||||
|
validateInfos['configuration.appSecret']
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<a-input
|
||||||
|
v-model:value="
|
||||||
|
formData.configuration.appSecret
|
||||||
|
"
|
||||||
|
placeholder="请输入AppSecret"
|
||||||
|
/>
|
||||||
|
</a-form-item>
|
||||||
|
</template>
|
||||||
|
<template
|
||||||
|
v-if="
|
||||||
|
formData.provider === 'dingTalkRobotWebHook'
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<a-form-item
|
||||||
|
label="webHook"
|
||||||
|
v-bind="validateInfos['configuration.url']"
|
||||||
|
>
|
||||||
|
<a-input
|
||||||
|
v-model:value="
|
||||||
|
formData.configuration.url
|
||||||
|
"
|
||||||
|
placeholder="请输入webHook"
|
||||||
|
/>
|
||||||
|
</a-form-item>
|
||||||
|
</template>
|
||||||
|
</template>
|
||||||
|
<!-- 微信 -->
|
||||||
|
<template v-if="formData.type === 'weixin'">
|
||||||
|
<a-form-item
|
||||||
|
label="corpId"
|
||||||
|
v-bind="validateInfos['configuration.corpId']"
|
||||||
|
>
|
||||||
|
<a-input
|
||||||
|
v-model:value="
|
||||||
|
formData.configuration.corpId
|
||||||
|
"
|
||||||
|
placeholder="请输入corpId"
|
||||||
|
/>
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item
|
||||||
|
label="corpSecret"
|
||||||
|
v-bind="
|
||||||
|
validateInfos['configuration.corpSecret']
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<a-input
|
||||||
|
v-model:value="
|
||||||
|
formData.configuration.corpSecret
|
||||||
|
"
|
||||||
|
placeholder="请输入corpSecret"
|
||||||
|
/>
|
||||||
|
</a-form-item>
|
||||||
|
</template>
|
||||||
|
<!-- 邮件 -->
|
||||||
|
<template v-if="formData.type === 'email'">
|
||||||
|
<a-form-item
|
||||||
|
label="服务器地址"
|
||||||
|
v-bind="validateInfos['configuration.host']"
|
||||||
|
>
|
||||||
|
<a-space>
|
||||||
|
<a-input
|
||||||
|
v-model:value="
|
||||||
|
formData.configuration.host
|
||||||
|
"
|
||||||
|
placeholder="请输入服务器地址"
|
||||||
|
/>
|
||||||
|
<a-input-number
|
||||||
|
v-model:value="
|
||||||
|
formData.configuration.port
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
<a-checkbox
|
||||||
|
v-model:value="
|
||||||
|
formData.configuration.ssl
|
||||||
|
"
|
||||||
|
>
|
||||||
|
开启SSL
|
||||||
|
</a-checkbox>
|
||||||
|
</a-space>
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item
|
||||||
|
label="发件人"
|
||||||
|
v-bind="validateInfos['configuration.sender']"
|
||||||
|
>
|
||||||
|
<a-input
|
||||||
|
v-model:value="
|
||||||
|
formData.configuration.sender
|
||||||
|
"
|
||||||
|
placeholder="请输入发件人"
|
||||||
|
/>
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item
|
||||||
|
label="用户名"
|
||||||
|
v-bind="validateInfos['configuration.username']"
|
||||||
|
>
|
||||||
|
<a-input
|
||||||
|
v-model:value="
|
||||||
|
formData.configuration.username
|
||||||
|
"
|
||||||
|
placeholder="请输入用户名"
|
||||||
|
/>
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item
|
||||||
|
label="密码"
|
||||||
|
v-bind="validateInfos['configuration.password']"
|
||||||
|
>
|
||||||
|
<a-input
|
||||||
|
v-model:value="
|
||||||
|
formData.configuration.password
|
||||||
|
"
|
||||||
|
placeholder="请输入密码"
|
||||||
|
/>
|
||||||
|
</a-form-item>
|
||||||
|
</template>
|
||||||
|
<!-- 语音/短信 -->
|
||||||
|
<template
|
||||||
|
v-if="
|
||||||
|
formData.type === 'voice' ||
|
||||||
|
formData.type === 'sms'
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<a-form-item
|
||||||
|
label="RegionId"
|
||||||
|
v-bind="validateInfos['configuration.regionId']"
|
||||||
|
>
|
||||||
|
<a-select
|
||||||
|
v-model:value="
|
||||||
|
formData.configuration.regionId
|
||||||
|
"
|
||||||
|
placeholder="请选择RegionId"
|
||||||
|
>
|
||||||
|
<a-select-option
|
||||||
|
v-for="(item, index) in regionList"
|
||||||
|
:key="index"
|
||||||
|
:value="item.value"
|
||||||
|
>
|
||||||
|
{{ item.label }}
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item
|
||||||
|
label="AccessKeyId"
|
||||||
|
v-bind="
|
||||||
|
validateInfos['configuration.accessKeyId']
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<a-input
|
||||||
|
v-model:value="
|
||||||
|
formData.configuration.accessKeyId
|
||||||
|
"
|
||||||
|
placeholder="请输入AccessKeyId"
|
||||||
|
/>
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item
|
||||||
|
label="Secret"
|
||||||
|
v-bind="validateInfos['configuration.secret']"
|
||||||
|
>
|
||||||
|
<a-input
|
||||||
|
v-model:value="
|
||||||
|
formData.configuration.secret
|
||||||
|
"
|
||||||
|
placeholder="Secret"
|
||||||
|
/>
|
||||||
|
</a-form-item>
|
||||||
|
</template>
|
||||||
|
<!-- webhook -->
|
||||||
|
<template v-if="formData.type === 'webhook'">
|
||||||
|
<a-form-item
|
||||||
|
label="Webhook"
|
||||||
|
v-bind="validateInfos['configuration.url']"
|
||||||
|
>
|
||||||
|
<a-input
|
||||||
|
v-model:value="formData.configuration.url"
|
||||||
|
placeholder="请输入Webhook"
|
||||||
|
/>
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="请求头">
|
||||||
|
<EditTable
|
||||||
|
v-model:headers="
|
||||||
|
formData.configuration.headers
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
</a-form-item>
|
||||||
|
</template>
|
||||||
|
<a-form-item label="说明">
|
||||||
|
<a-textarea
|
||||||
|
v-model:value="formData.description"
|
||||||
|
show-count
|
||||||
|
:maxlength="200"
|
||||||
|
:rows="5"
|
||||||
|
placeholder="请输入说明"
|
||||||
|
/>
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item :wrapper-col="{ offset: 0, span: 3 }">
|
||||||
|
<a-button
|
||||||
|
type="primary"
|
||||||
|
@click="handleSubmit"
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
保存
|
||||||
|
</a-button>
|
||||||
|
</a-form-item>
|
||||||
|
</a-form>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="12" :push="2"></a-col>
|
||||||
|
</a-row>
|
||||||
|
</a-card>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { getImage, LocalStore } from '@/utils/comm';
|
||||||
|
import { Form } from 'ant-design-vue';
|
||||||
|
import { message } from 'ant-design-vue';
|
||||||
|
import { ConfigFormData } from '../types';
|
||||||
|
import {
|
||||||
|
NOTICE_METHOD,
|
||||||
|
CONFIG_FIELD_MAP,
|
||||||
|
MSG_TYPE,
|
||||||
|
} from '@/views/notice/const';
|
||||||
|
import regionList from './regionId';
|
||||||
|
import EditTable from './components/EditTable.vue'
|
||||||
|
|
||||||
|
const useForm = Form.useForm;
|
||||||
|
|
||||||
|
// 消息类型
|
||||||
|
const msgType = ref([
|
||||||
|
{
|
||||||
|
label: '钉钉消息',
|
||||||
|
value: 'dingTalkMessage',
|
||||||
|
logo: getImage('/notice/dingtalk.png'),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '群机器人消息',
|
||||||
|
value: 'dingTalkRobotWebHook',
|
||||||
|
logo: getImage('/notice/dingTalk-rebot.png'),
|
||||||
|
},
|
||||||
|
]);
|
||||||
|
|
||||||
|
// 表单数据
|
||||||
|
const formData = ref<ConfigFormData>({
|
||||||
|
configuration: {
|
||||||
|
appKey: '',
|
||||||
|
appSecret: '',
|
||||||
|
url: '',
|
||||||
|
},
|
||||||
|
description: '',
|
||||||
|
name: '',
|
||||||
|
provider: 'dingTalkMessage',
|
||||||
|
type: NOTICE_METHOD[0].value,
|
||||||
|
});
|
||||||
|
|
||||||
|
// 根据通知方式展示对应的字段
|
||||||
|
watch(
|
||||||
|
() => formData.value.type,
|
||||||
|
(val) => {
|
||||||
|
formData.value.configuration = CONFIG_FIELD_MAP[val];
|
||||||
|
msgType.value = MSG_TYPE[val];
|
||||||
|
|
||||||
|
formData.value.provider = msgType.value[0].value;
|
||||||
|
},
|
||||||
|
);
|
||||||
|
|
||||||
|
// 验证规则
|
||||||
|
const formRules = ref({
|
||||||
|
type: [{ required: true, message: '请选择通知方式' }],
|
||||||
|
name: [
|
||||||
|
{ required: true, message: '请输入名称' },
|
||||||
|
{ max: 64, message: '最多可输入64个字符' },
|
||||||
|
],
|
||||||
|
provider: [{ required: true, message: '请选择类型' }],
|
||||||
|
// 钉钉
|
||||||
|
'configuration.appKey': [
|
||||||
|
{ required: true, message: '请输入AppKey' },
|
||||||
|
{ max: 64, message: '最多可输入64个字符' },
|
||||||
|
],
|
||||||
|
'configuration.appSecret': [
|
||||||
|
{ required: true, message: '请输入AppSecret' },
|
||||||
|
{ max: 64, message: '最多可输入64个字符' },
|
||||||
|
],
|
||||||
|
// 'configuration.url': [{ required: true, message: '请输入WebHook' }],
|
||||||
|
// 微信
|
||||||
|
'configuration.corpId': [
|
||||||
|
{ required: true, message: '请输入corpId' },
|
||||||
|
{ max: 64, message: '最多可输入64个字符' },
|
||||||
|
],
|
||||||
|
'configuration.corpSecret': [
|
||||||
|
{ required: true, message: '请输入corpSecret' },
|
||||||
|
{ max: 64, message: '最多可输入64个字符' },
|
||||||
|
],
|
||||||
|
// 阿里云语音/短信
|
||||||
|
'configuration.regionId': [
|
||||||
|
{ required: true, message: '请输入RegionId' },
|
||||||
|
{ max: 64, message: '最多可输入64个字符' },
|
||||||
|
],
|
||||||
|
'configuration.accessKeyId': [
|
||||||
|
{ required: true, message: '请输入AccessKeyId' },
|
||||||
|
{ max: 64, message: '最多可输入64个字符' },
|
||||||
|
],
|
||||||
|
'configuration.secret': [
|
||||||
|
{ required: true, message: '请输入Secret' },
|
||||||
|
{ max: 64, message: '最多可输入64个字符' },
|
||||||
|
],
|
||||||
|
// 邮件
|
||||||
|
'configuration.host': [{ required: true, message: '请输入服务器地址' }],
|
||||||
|
'configuration.sender': [{ required: true, message: '请输入发件人' }],
|
||||||
|
'configuration.username': [
|
||||||
|
{ required: true, message: '请输入用户名' },
|
||||||
|
{ max: 64, message: '最多可输入64个字符' },
|
||||||
|
],
|
||||||
|
'configuration.password': [
|
||||||
|
{ required: true, message: '请输入密码' },
|
||||||
|
{ max: 64, message: '最多可输入64个字符' },
|
||||||
|
],
|
||||||
|
// webhook
|
||||||
|
'configuration.url': [
|
||||||
|
{ required: true, message: '请输入Webhook' },
|
||||||
|
{
|
||||||
|
pattern:
|
||||||
|
/^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/,
|
||||||
|
message: 'Webhook需要是一个合法的URL',
|
||||||
|
trigger: 'blur',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
description: [{ max: 200, message: '最多可输入200个字符' }],
|
||||||
|
});
|
||||||
|
|
||||||
|
const { resetFields, validate, validateInfos } = useForm(
|
||||||
|
formData.value,
|
||||||
|
formRules.value,
|
||||||
|
);
|
||||||
|
console.log('validateInfos: ', validateInfos);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 表单提交
|
||||||
|
*/
|
||||||
|
const handleSubmit = () => {
|
||||||
|
validate()
|
||||||
|
.then(async () => {})
|
||||||
|
.catch((err) => {});
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.page-container {
|
||||||
|
background: #f0f2f5;
|
||||||
|
padding: 24px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,119 @@
|
||||||
|
// 数据来源 https://help.aliyun.com/document_detail/188196.html
|
||||||
|
export default [
|
||||||
|
/** 公共云 */
|
||||||
|
//中国地区（包含中国香港、中国澳门，不包含中国台湾）
|
||||||
|
{
|
||||||
|
value: 'cn-qingdao',
|
||||||
|
label: '华北1（青岛）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'cn-beijing',
|
||||||
|
label: '华北2（北京）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'cn-zhangjiakou',
|
||||||
|
label: '华北3（张家口）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'cn-huhehaote',
|
||||||
|
label: '华北5（呼和浩特）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'cn-wulanchabu',
|
||||||
|
label: '华北6（乌兰察布）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'cn-hangzhou',
|
||||||
|
label: '华东1（杭州）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'cn-shanghai',
|
||||||
|
label: '华东2（上海）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'cn-nanjing',
|
||||||
|
label: '华东5 （南京-本地地域）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'cn-fuzhou',
|
||||||
|
label: '华东6（福州-本地地域）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'cn-shenzhen',
|
||||||
|
label: '华南1（深圳）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'cn-heyuan',
|
||||||
|
label: '华南2（河源）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'cn-guangzhou',
|
||||||
|
label: '华南3（广州）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'cn-chengdu',
|
||||||
|
label: '西南1（成都）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'cn-hongkong',
|
||||||
|
label: '中国香港',
|
||||||
|
},
|
||||||
|
|
||||||
|
//其他国家和地区
|
||||||
|
{
|
||||||
|
value: 'ap-southeast-1',
|
||||||
|
label: '新加坡',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'ap-southeast-2',
|
||||||
|
label: '澳大利亚（悉尼）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'ap-southeast-3',
|
||||||
|
label: '马来西亚（吉隆坡）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'ap-southeast-5',
|
||||||
|
label: '印度尼西亚（雅加达）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'ap-southeast-6',
|
||||||
|
label: '菲律宾（马尼拉）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'ap-southeast-7',
|
||||||
|
label: '泰国（曼谷）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'ap-south-1',
|
||||||
|
label: '印度（孟买）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'ap-northeast-1',
|
||||||
|
label: '日本（东京）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'ap-northeast-2',
|
||||||
|
label: '韩国（首尔）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'us-west-1',
|
||||||
|
label: '美国（硅谷）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'us-east-1',
|
||||||
|
label: '美国（弗吉尼亚）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'eu-central-1',
|
||||||
|
label: '德国（法兰克福）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'eu-west-1',
|
||||||
|
label: '英国（伦敦）',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'me-east-1',
|
||||||
|
label: '阿联酋（迪拜）',
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
<!-- 通知配置 -->
|
||||||
|
<template>
|
||||||
|
<div class="page-container">通知配置</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts"></script>
|
||||||
|
|
||||||
|
<style lang="less" scoped></style>
|
||||||
|
|
@ -0,0 +1,37 @@
|
||||||
|
interface IHeaders {
|
||||||
|
key: string;
|
||||||
|
value: string;
|
||||||
|
}
|
||||||
|
export type ConfigFormData = {
|
||||||
|
configuration: {
|
||||||
|
// 钉钉
|
||||||
|
appKey?: string;
|
||||||
|
appSecret?: string;
|
||||||
|
url?: string;
|
||||||
|
// 微信
|
||||||
|
corpId?: string;
|
||||||
|
corpSecret?: string;
|
||||||
|
// 邮件
|
||||||
|
host?: string;
|
||||||
|
port?: number;
|
||||||
|
ssl?: boolean;
|
||||||
|
sender?: string;
|
||||||
|
username?: string;
|
||||||
|
password?: string;
|
||||||
|
// 语音
|
||||||
|
regionId?: string;
|
||||||
|
accessKeyId?: string;
|
||||||
|
secret?: string;
|
||||||
|
// 短信
|
||||||
|
regionId?: string;
|
||||||
|
accessKeyId?: string;
|
||||||
|
secret?: string;
|
||||||
|
// webhook
|
||||||
|
// url?: string;
|
||||||
|
headers?: IHeaders[];
|
||||||
|
};
|
||||||
|
description: string;
|
||||||
|
name: string;
|
||||||
|
provider: string;
|
||||||
|
type: string;
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
<!-- 通知模板详情 -->
|
||||||
|
<template>
|
||||||
|
<div class="page-container">通知模板详情</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts"></script>
|
||||||
|
|
||||||
|
<style lang="less" scoped></style>
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
<!-- 通知模板 -->
|
||||||
|
<template>
|
||||||
|
<div class="page-container">通知模板</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts"></script>
|
||||||
|
|
||||||
|
<style lang="less" scoped></style>
|
||||||
|
|
@ -0,0 +1,126 @@
|
||||||
|
import { getImage } from '@/utils/comm';
|
||||||
|
|
||||||
|
interface INoticeMethod {
|
||||||
|
label: string;
|
||||||
|
value: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 通知方式
|
||||||
|
export const NOTICE_METHOD: INoticeMethod[] = [
|
||||||
|
{
|
||||||
|
label: '钉钉',
|
||||||
|
value: 'dingTalk',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '微信',
|
||||||
|
value: 'weixin',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '邮件',
|
||||||
|
value: 'email',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '语音',
|
||||||
|
value: 'voice',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '短信',
|
||||||
|
value: 'sms',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'webhook',
|
||||||
|
value: 'webhook',
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
// 消息类型
|
||||||
|
export const MSG_TYPE = {
|
||||||
|
dingTalk: [
|
||||||
|
{
|
||||||
|
label: '钉钉消息',
|
||||||
|
value: 'dingTalkMessage',
|
||||||
|
logo: getImage('/notice/dingtalk.png'),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '群机器人消息',
|
||||||
|
value: 'dingTalkRobotWebHook',
|
||||||
|
logo: getImage('/notice/dingTalk-rebot.png'),
|
||||||
|
},
|
||||||
|
],
|
||||||
|
weixin: [
|
||||||
|
{
|
||||||
|
label: '企业消息',
|
||||||
|
value: 'corpMessage',
|
||||||
|
logo: getImage('/notice/weixin-corp.png'),
|
||||||
|
},
|
||||||
|
// {
|
||||||
|
// label: '服务号消息',
|
||||||
|
// value: 'officialMessage'
|
||||||
|
// logo: getImage('/notice/weixin-official.png'),
|
||||||
|
// }
|
||||||
|
],
|
||||||
|
voice: [
|
||||||
|
{
|
||||||
|
label: '阿里云语音',
|
||||||
|
value: 'aliyun',
|
||||||
|
logo: getImage('/notice/voice.png'),
|
||||||
|
},
|
||||||
|
],
|
||||||
|
sms: [
|
||||||
|
{
|
||||||
|
label: '阿里云短信',
|
||||||
|
value: 'aliyunSms',
|
||||||
|
logo: getImage('/notice/sms.png'),
|
||||||
|
},
|
||||||
|
],
|
||||||
|
webhook: [
|
||||||
|
{
|
||||||
|
label: 'webhook',
|
||||||
|
value: 'http',
|
||||||
|
logo: getImage('/notice/webhook.png'),
|
||||||
|
},
|
||||||
|
],
|
||||||
|
email: [
|
||||||
|
{
|
||||||
|
label: 'email',
|
||||||
|
value: 'embedded',
|
||||||
|
logo: getImage('/notice/email.png'),
|
||||||
|
},
|
||||||
|
],
|
||||||
|
}
|
||||||
|
|
||||||
|
// 字段关系映射
|
||||||
|
// 配置
|
||||||
|
export const CONFIG_FIELD_MAP = {
|
||||||
|
dingTalk: {
|
||||||
|
appKey: undefined,
|
||||||
|
appSecret: undefined,
|
||||||
|
url: undefined,
|
||||||
|
},
|
||||||
|
weixin: {
|
||||||
|
corpId: undefined,
|
||||||
|
corpSecret: undefined,
|
||||||
|
},
|
||||||
|
email: {
|
||||||
|
host: undefined,
|
||||||
|
port: 25,
|
||||||
|
ssl: false,
|
||||||
|
sender: undefined,
|
||||||
|
username: undefined,
|
||||||
|
password: undefined,
|
||||||
|
},
|
||||||
|
voice: {
|
||||||
|
regionId: undefined,
|
||||||
|
accessKeyId: undefined,
|
||||||
|
secret: undefined,
|
||||||
|
},
|
||||||
|
sms: {
|
||||||
|
regionId: undefined,
|
||||||
|
accessKeyId: undefined,
|
||||||
|
secret: undefined,
|
||||||
|
},
|
||||||
|
webhook: {
|
||||||
|
url: undefined,
|
||||||
|
headers: [],
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
@ -9,7 +9,6 @@
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<div class="lang" data-lang=""></div>
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="top">
|
<div class="top">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
|
|
@ -109,17 +108,13 @@
|
||||||
</a-button>
|
</a-button>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-form>
|
</a-form>
|
||||||
<div style="margin-top: 20px">
|
<div class="other">
|
||||||
<a-divider plain style="height: 12px">
|
<a-divider plain>
|
||||||
<div
|
<div class="other-text">
|
||||||
style="color: #807676d9, font-size: 12px"
|
|
||||||
>
|
|
||||||
其他方式登录
|
其他方式登录
|
||||||
</div>
|
</div>
|
||||||
</a-divider>
|
</a-divider>
|
||||||
<div
|
<div class="other-button">
|
||||||
style="position: relative, bottom: 10px; text-align: center"
|
|
||||||
>
|
|
||||||
<a-button
|
<a-button
|
||||||
v-for="(item, index) in bindings"
|
v-for="(item, index) in bindings"
|
||||||
:key="index"
|
:key="index"
|
||||||
|
|
@ -312,8 +307,6 @@ screenRotation(screenWidth.value, screenHeight.value);
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="less">
|
<style scoped lang="less">
|
||||||
@import 'ant-design-vue/es/style/themes/default.less';
|
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
display: flex;
|
display: flex;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
|
@ -336,22 +329,12 @@ screenRotation(screenWidth.value, screenHeight.value);
|
||||||
background: #fff;
|
background: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lang {
|
|
||||||
width: 100%;
|
|
||||||
height: 40px;
|
|
||||||
line-height: 44px;
|
|
||||||
text-align: right;
|
|
||||||
|
|
||||||
:global(.ant-dropdown-trigger) {
|
|
||||||
margin-right: 24px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row-reverse;
|
flex-direction: row-reverse;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding: 0 0 15% 0;
|
padding: 0 0 15% 0;
|
||||||
|
margin-top: 20%;
|
||||||
|
|
||||||
.top {
|
.top {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -404,17 +387,6 @@ screenRotation(screenWidth.value, screenHeight.value);
|
||||||
max-width: 328px;
|
max-width: 328px;
|
||||||
}
|
}
|
||||||
|
|
||||||
// ::v-deep {
|
|
||||||
// .@{ant-prefix}-tabs-nav-list {
|
|
||||||
// margin: auto;
|
|
||||||
// font-size: 16px;
|
|
||||||
// }
|
|
||||||
|
|
||||||
// // .ant-formily-item-size-large .ant-formily-item-help {
|
|
||||||
// // text-align: left;
|
|
||||||
// // }
|
|
||||||
// }
|
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
margin-left: 16px;
|
margin-left: 16px;
|
||||||
color: rgba(0, 0, 0, 0.2);
|
color: rgba(0, 0, 0, 0.2);
|
||||||
|
|
@ -429,12 +401,17 @@ screenRotation(screenWidth.value, screenHeight.value);
|
||||||
}
|
}
|
||||||
|
|
||||||
.other {
|
.other {
|
||||||
margin-top: 24px;
|
margin-top: 20px;
|
||||||
line-height: 22px;
|
|
||||||
text-align: left;
|
|
||||||
|
|
||||||
.register {
|
.other-text {
|
||||||
float: right;
|
color: #807676d9;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.other-button {
|
||||||
|
position: relative;
|
||||||
|
bottom: 10px;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -16,7 +16,11 @@
|
||||||
"allowJs": true,
|
"allowJs": true,
|
||||||
"baseUrl": "./",
|
"baseUrl": "./",
|
||||||
"paths": {
|
"paths": {
|
||||||
"@/*": ["./src/*"]
|
"@/*": ["./src/*"],
|
||||||
|
"components/*": ["./src/components/*"],
|
||||||
|
"layouts/*": ["./src/layouts/*"],
|
||||||
|
"store/*": ["./src/store/*"],
|
||||||
|
"style/*": ["./src/style/*"],
|
||||||
},
|
},
|
||||||
"types": ["ant-design-vue/typings/global"],
|
"types": ["ant-design-vue/typings/global"],
|
||||||
"suppressImplicitAnyIndexErrors": true
|
"suppressImplicitAnyIndexErrors": true
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@ import { createHtmlPlugin } from 'vite-plugin-html'
|
||||||
import Config from './config/config'
|
import Config from './config/config'
|
||||||
import {VueAmapResolver} from '@vuemap/unplugin-resolver'
|
import {VueAmapResolver} from '@vuemap/unplugin-resolver'
|
||||||
import VueSetupExtend from 'vite-plugin-vue-setup-extend'
|
import VueSetupExtend from 'vite-plugin-vue-setup-extend'
|
||||||
|
import { createStyleImportPlugin, AndDesignVueResolve } from 'vite-plugin-style-import'
|
||||||
import * as path from 'path'
|
import * as path from 'path'
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -20,7 +20,7 @@ export default defineConfig(({ mode}) => {
|
||||||
resolve: {
|
resolve: {
|
||||||
alias: {
|
alias: {
|
||||||
'@': path.resolve(__dirname, 'src'),
|
'@': path.resolve(__dirname, 'src'),
|
||||||
'styles': path.resolve(__dirname, 'src/style'),
|
'style': path.resolve(__dirname, 'src/style'),
|
||||||
'layouts': path.resolve(__dirname, 'src/layouts'),
|
'layouts': path.resolve(__dirname, 'src/layouts'),
|
||||||
'components': path.resolve(__dirname, 'src/components'),
|
'components': path.resolve(__dirname, 'src/components'),
|
||||||
'store': path.resolve(__dirname, 'src/store'),
|
'store': path.resolve(__dirname, 'src/store'),
|
||||||
|
|
@ -69,7 +69,10 @@ export default defineConfig(({ mode}) => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}),
|
}),
|
||||||
VueSetupExtend()
|
VueSetupExtend(),
|
||||||
|
createStyleImportPlugin({
|
||||||
|
resolves: [AndDesignVueResolve()]
|
||||||
|
})
|
||||||
],
|
],
|
||||||
server: {
|
server: {
|
||||||
host:'0.0.0.0',
|
host:'0.0.0.0',
|
||||||
|
|
@ -89,8 +92,8 @@ export default defineConfig(({ mode}) => {
|
||||||
preprocessorOptions: {
|
preprocessorOptions: {
|
||||||
less: {
|
less: {
|
||||||
modifyVars: {
|
modifyVars: {
|
||||||
|
hack: `true; @import (reference) "${path.resolve('src/style/variable.less')}";`,
|
||||||
...Config.theme,
|
...Config.theme,
|
||||||
hack: `true; @import (reference) "${path.resolve('src/style/variable.less')}";`
|
|
||||||
},
|
},
|
||||||
javascriptEnabled: true,
|
javascriptEnabled: true,
|
||||||
}
|
}
|
||||||
|
|
|
||||||
116
yarn.lock
116
yarn.lock
|
|
@ -578,6 +578,14 @@
|
||||||
"@nodelib/fs.scandir" "2.1.5"
|
"@nodelib/fs.scandir" "2.1.5"
|
||||||
"fastq" "^1.6.0"
|
"fastq" "^1.6.0"
|
||||||
|
|
||||||
|
"@rollup/pluginutils@^4.1.2":
|
||||||
|
"integrity" "sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ=="
|
||||||
|
"resolved" "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz"
|
||||||
|
"version" "4.2.1"
|
||||||
|
dependencies:
|
||||||
|
"estree-walker" "^2.0.1"
|
||||||
|
"picomatch" "^2.2.2"
|
||||||
|
|
||||||
"@rollup/pluginutils@^4.2.0":
|
"@rollup/pluginutils@^4.2.0":
|
||||||
"integrity" "sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ=="
|
"integrity" "sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ=="
|
||||||
"resolved" "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz"
|
"resolved" "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz"
|
||||||
|
|
@ -1251,6 +1259,15 @@
|
||||||
"resolved" "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001441.tgz"
|
"resolved" "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001441.tgz"
|
||||||
"version" "1.0.30001441"
|
"version" "1.0.30001441"
|
||||||
|
|
||||||
|
"capital-case@^1.0.4":
|
||||||
|
"integrity" "sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A=="
|
||||||
|
"resolved" "https://registry.npmjs.org/capital-case/-/capital-case-1.0.4.tgz"
|
||||||
|
"version" "1.0.4"
|
||||||
|
dependencies:
|
||||||
|
"no-case" "^3.0.4"
|
||||||
|
"tslib" "^2.0.3"
|
||||||
|
"upper-case-first" "^2.0.2"
|
||||||
|
|
||||||
"capture-stack-trace@^1.0.0":
|
"capture-stack-trace@^1.0.0":
|
||||||
"integrity" "sha512-X/WM2UQs6VMHUtjUDnZTRI+i1crWteJySFzr9UpGoQa4WQffXVTTXuekjl7TjZRlcF2XfjgITT0HxZ9RnxeT0w=="
|
"integrity" "sha512-X/WM2UQs6VMHUtjUDnZTRI+i1crWteJySFzr9UpGoQa4WQffXVTTXuekjl7TjZRlcF2XfjgITT0HxZ9RnxeT0w=="
|
||||||
"resolved" "https://registry.npmmirror.com/capture-stack-trace/-/capture-stack-trace-1.0.2.tgz"
|
"resolved" "https://registry.npmmirror.com/capture-stack-trace/-/capture-stack-trace-1.0.2.tgz"
|
||||||
|
|
@ -1301,6 +1318,24 @@
|
||||||
"ansi-styles" "^4.1.0"
|
"ansi-styles" "^4.1.0"
|
||||||
"supports-color" "^7.1.0"
|
"supports-color" "^7.1.0"
|
||||||
|
|
||||||
|
"change-case@^4.1.2":
|
||||||
|
"integrity" "sha512-bSxY2ws9OtviILG1EiY5K7NNxkqg/JnRnFxLtKQ96JaviiIxi7djMrSd0ECT9AC+lttClmYwKw53BWpOMblo7A=="
|
||||||
|
"resolved" "https://registry.npmjs.org/change-case/-/change-case-4.1.2.tgz"
|
||||||
|
"version" "4.1.2"
|
||||||
|
dependencies:
|
||||||
|
"camel-case" "^4.1.2"
|
||||||
|
"capital-case" "^1.0.4"
|
||||||
|
"constant-case" "^3.0.4"
|
||||||
|
"dot-case" "^3.0.4"
|
||||||
|
"header-case" "^2.0.4"
|
||||||
|
"no-case" "^3.0.4"
|
||||||
|
"param-case" "^3.0.4"
|
||||||
|
"pascal-case" "^3.1.2"
|
||||||
|
"path-case" "^3.0.4"
|
||||||
|
"sentence-case" "^3.0.4"
|
||||||
|
"snake-case" "^3.0.4"
|
||||||
|
"tslib" "^2.0.3"
|
||||||
|
|
||||||
"chardet@^0.7.0":
|
"chardet@^0.7.0":
|
||||||
"integrity" "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA=="
|
"integrity" "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA=="
|
||||||
"resolved" "https://registry.npmmirror.com/chardet/-/chardet-0.7.0.tgz"
|
"resolved" "https://registry.npmmirror.com/chardet/-/chardet-0.7.0.tgz"
|
||||||
|
|
@ -1548,6 +1583,20 @@
|
||||||
"resolved" "https://registry.npmjs.org/consola/-/consola-2.15.3.tgz"
|
"resolved" "https://registry.npmjs.org/consola/-/consola-2.15.3.tgz"
|
||||||
"version" "2.15.3"
|
"version" "2.15.3"
|
||||||
|
|
||||||
|
"console@^0.7.2":
|
||||||
|
"integrity" "sha512-+JSDwGunA4MTEgAV/4VBKwUHonP8CzJ/6GIuwPi6acKFqFfHUdSGCm89ZxZ5FfGWdZfkdgAroy5bJ5FSeN/t4g=="
|
||||||
|
"resolved" "https://registry.npmjs.org/console/-/console-0.7.2.tgz"
|
||||||
|
"version" "0.7.2"
|
||||||
|
|
||||||
|
"constant-case@^3.0.4":
|
||||||
|
"integrity" "sha512-I2hSBi7Vvs7BEuJDr5dDHfzb/Ruj3FyvFyh7KLilAjNQw3Be+xgqUBA2W6scVEcL0hL1dwPRtIqEPVUCKkSsyQ=="
|
||||||
|
"resolved" "https://registry.npmjs.org/constant-case/-/constant-case-3.0.4.tgz"
|
||||||
|
"version" "3.0.4"
|
||||||
|
dependencies:
|
||||||
|
"no-case" "^3.0.4"
|
||||||
|
"tslib" "^2.0.3"
|
||||||
|
"upper-case" "^2.0.2"
|
||||||
|
|
||||||
"conventional-changelog-angular@^5.0.11":
|
"conventional-changelog-angular@^5.0.11":
|
||||||
"integrity" "sha512-i/gipMxs7s8L/QeuavPF2hLnJgH6pEZAttySB6aiQLWcX3puWDL3ACVmvBhJGxnAy52Qc15ua26BufY6KpmrVA=="
|
"integrity" "sha512-i/gipMxs7s8L/QeuavPF2hLnJgH6pEZAttySB6aiQLWcX3puWDL3ACVmvBhJGxnAy52Qc15ua26BufY6KpmrVA=="
|
||||||
"resolved" "https://registry.npmmirror.com/conventional-changelog-angular/-/conventional-changelog-angular-5.0.13.tgz"
|
"resolved" "https://registry.npmmirror.com/conventional-changelog-angular/-/conventional-changelog-angular-5.0.13.tgz"
|
||||||
|
|
@ -1914,6 +1963,11 @@
|
||||||
dependencies:
|
dependencies:
|
||||||
"is-arrayish" "^0.2.1"
|
"is-arrayish" "^0.2.1"
|
||||||
|
|
||||||
|
"es-module-lexer@^0.9.3":
|
||||||
|
"integrity" "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ=="
|
||||||
|
"resolved" "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.9.3.tgz"
|
||||||
|
"version" "0.9.3"
|
||||||
|
|
||||||
"esbuild@^0.16.3":
|
"esbuild@^0.16.3":
|
||||||
"integrity" "sha512-eq5KcuXajf2OmivCl4e89AD3j8fbV+UTE9vczEzq5haA07U9oOTzBWlh3+6ZdjJR7Rz2QfWZ2uxZyhZxBgJ4+g=="
|
"integrity" "sha512-eq5KcuXajf2OmivCl4e89AD3j8fbV+UTE9vczEzq5haA07U9oOTzBWlh3+6ZdjJR7Rz2QfWZ2uxZyhZxBgJ4+g=="
|
||||||
"resolved" "https://registry.npmjs.org/esbuild/-/esbuild-0.16.12.tgz"
|
"resolved" "https://registry.npmjs.org/esbuild/-/esbuild-0.16.12.tgz"
|
||||||
|
|
@ -2137,7 +2191,7 @@
|
||||||
"resolved" "https://registry.npmmirror.com/fs-exists-sync/-/fs-exists-sync-0.1.0.tgz"
|
"resolved" "https://registry.npmmirror.com/fs-exists-sync/-/fs-exists-sync-0.1.0.tgz"
|
||||||
"version" "0.1.0"
|
"version" "0.1.0"
|
||||||
|
|
||||||
"fs-extra@^10.0.1":
|
"fs-extra@^10.0.0", "fs-extra@^10.0.1":
|
||||||
"integrity" "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ=="
|
"integrity" "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ=="
|
||||||
"resolved" "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz"
|
"resolved" "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz"
|
||||||
"version" "10.1.0"
|
"version" "10.1.0"
|
||||||
|
|
@ -2357,6 +2411,14 @@
|
||||||
"resolved" "https://registry.npmjs.org/he/-/he-1.2.0.tgz"
|
"resolved" "https://registry.npmjs.org/he/-/he-1.2.0.tgz"
|
||||||
"version" "1.2.0"
|
"version" "1.2.0"
|
||||||
|
|
||||||
|
"header-case@^2.0.4":
|
||||||
|
"integrity" "sha512-H/vuk5TEEVZwrR0lp2zed9OCo1uAILMlx0JEMgC26rzyJJ3N1v6XkwHHXJQdR2doSjcGPM6OKPYoJgf0plJ11Q=="
|
||||||
|
"resolved" "https://registry.npmjs.org/header-case/-/header-case-2.0.4.tgz"
|
||||||
|
"version" "2.0.4"
|
||||||
|
dependencies:
|
||||||
|
"capital-case" "^1.0.4"
|
||||||
|
"tslib" "^2.0.3"
|
||||||
|
|
||||||
"homedir-polyfill@^1.0.0":
|
"homedir-polyfill@^1.0.0":
|
||||||
"integrity" "sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA=="
|
"integrity" "sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA=="
|
||||||
"resolved" "https://registry.npmmirror.com/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz"
|
"resolved" "https://registry.npmmirror.com/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz"
|
||||||
|
|
@ -3620,6 +3682,14 @@
|
||||||
"no-case" "^3.0.4"
|
"no-case" "^3.0.4"
|
||||||
"tslib" "^2.0.3"
|
"tslib" "^2.0.3"
|
||||||
|
|
||||||
|
"path-case@^3.0.4":
|
||||||
|
"integrity" "sha512-qO4qCFjXqVTrcbPt/hQfhTQ+VhFsqNKOPtytgNKkKxSoEp3XPUQ8ObFuePylOIok5gjn69ry8XiULxCwot3Wfg=="
|
||||||
|
"resolved" "https://registry.npmjs.org/path-case/-/path-case-3.0.4.tgz"
|
||||||
|
"version" "3.0.4"
|
||||||
|
dependencies:
|
||||||
|
"dot-case" "^3.0.4"
|
||||||
|
"tslib" "^2.0.3"
|
||||||
|
|
||||||
"path-exists@^3.0.0":
|
"path-exists@^3.0.0":
|
||||||
"integrity" "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ=="
|
"integrity" "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ=="
|
||||||
"resolved" "https://registry.npmmirror.com/path-exists/-/path-exists-3.0.0.tgz"
|
"resolved" "https://registry.npmmirror.com/path-exists/-/path-exists-3.0.0.tgz"
|
||||||
|
|
@ -4105,6 +4175,15 @@
|
||||||
dependencies:
|
dependencies:
|
||||||
"lru-cache" "^6.0.0"
|
"lru-cache" "^6.0.0"
|
||||||
|
|
||||||
|
"sentence-case@^3.0.4":
|
||||||
|
"integrity" "sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg=="
|
||||||
|
"resolved" "https://registry.npmjs.org/sentence-case/-/sentence-case-3.0.4.tgz"
|
||||||
|
"version" "3.0.4"
|
||||||
|
dependencies:
|
||||||
|
"no-case" "^3.0.4"
|
||||||
|
"tslib" "^2.0.3"
|
||||||
|
"upper-case-first" "^2.0.2"
|
||||||
|
|
||||||
"set-blocking@^2.0.0":
|
"set-blocking@^2.0.0":
|
||||||
"integrity" "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="
|
"integrity" "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="
|
||||||
"resolved" "https://registry.npmmirror.com/set-blocking/-/set-blocking-2.0.0.tgz"
|
"resolved" "https://registry.npmmirror.com/set-blocking/-/set-blocking-2.0.0.tgz"
|
||||||
|
|
@ -4189,6 +4268,14 @@
|
||||||
dependencies:
|
dependencies:
|
||||||
"babel-code-frame" "^6.26.0"
|
"babel-code-frame" "^6.26.0"
|
||||||
|
|
||||||
|
"snake-case@^3.0.4":
|
||||||
|
"integrity" "sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg=="
|
||||||
|
"resolved" "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz"
|
||||||
|
"version" "3.0.4"
|
||||||
|
dependencies:
|
||||||
|
"dot-case" "^3.0.4"
|
||||||
|
"tslib" "^2.0.3"
|
||||||
|
|
||||||
"source-map-js@^1.0.2":
|
"source-map-js@^1.0.2":
|
||||||
"integrity" "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
|
"integrity" "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
|
||||||
"resolved" "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz"
|
"resolved" "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz"
|
||||||
|
|
@ -4724,6 +4811,20 @@
|
||||||
"semver-diff" "^3.1.1"
|
"semver-diff" "^3.1.1"
|
||||||
"xdg-basedir" "^4.0.0"
|
"xdg-basedir" "^4.0.0"
|
||||||
|
|
||||||
|
"upper-case-first@^2.0.2":
|
||||||
|
"integrity" "sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg=="
|
||||||
|
"resolved" "https://registry.npmjs.org/upper-case-first/-/upper-case-first-2.0.2.tgz"
|
||||||
|
"version" "2.0.2"
|
||||||
|
dependencies:
|
||||||
|
"tslib" "^2.0.3"
|
||||||
|
|
||||||
|
"upper-case@^2.0.2":
|
||||||
|
"integrity" "sha512-KgdgDGJt2TpuwBUIjgG6lzw2GWFRCW9Qkfkiv0DxqHHLYJHmtmdUIKcZd8rHgFSjopVTlw6ggzCm1b8MFQwikg=="
|
||||||
|
"resolved" "https://registry.npmjs.org/upper-case/-/upper-case-2.0.2.tgz"
|
||||||
|
"version" "2.0.2"
|
||||||
|
dependencies:
|
||||||
|
"tslib" "^2.0.3"
|
||||||
|
|
||||||
"uppercamelcase@^1.1.0":
|
"uppercamelcase@^1.1.0":
|
||||||
"integrity" "sha512-C7YEMvhgrvTEKEEVqA7LXNID/1TvvIwYZqNIKLquS6y/MGSkRQAav9LnTTILlC1RqUM8eTVBOe1U/fnB652PRA=="
|
"integrity" "sha512-C7YEMvhgrvTEKEEVqA7LXNID/1TvvIwYZqNIKLquS6y/MGSkRQAav9LnTTILlC1RqUM8eTVBOe1U/fnB652PRA=="
|
||||||
"resolved" "https://registry.npmjs.org/uppercamelcase/-/uppercamelcase-1.1.0.tgz"
|
"resolved" "https://registry.npmjs.org/uppercamelcase/-/uppercamelcase-1.1.0.tgz"
|
||||||
|
|
@ -4809,6 +4910,19 @@
|
||||||
"node-html-parser" "^5.3.3"
|
"node-html-parser" "^5.3.3"
|
||||||
"pathe" "^0.2.0"
|
"pathe" "^0.2.0"
|
||||||
|
|
||||||
|
"vite-plugin-style-import@^2.0.0":
|
||||||
|
"integrity" "sha512-qtoHQae5dSUQPo/rYz/8p190VU5y19rtBaeV7ryLa/AYAU/e9CG89NrN/3+k7MR8mJy/GPIu91iJ3zk9foUOSA=="
|
||||||
|
"resolved" "https://registry.npmjs.org/vite-plugin-style-import/-/vite-plugin-style-import-2.0.0.tgz"
|
||||||
|
"version" "2.0.0"
|
||||||
|
dependencies:
|
||||||
|
"@rollup/pluginutils" "^4.1.2"
|
||||||
|
"change-case" "^4.1.2"
|
||||||
|
"console" "^0.7.2"
|
||||||
|
"es-module-lexer" "^0.9.3"
|
||||||
|
"fs-extra" "^10.0.0"
|
||||||
|
"magic-string" "^0.25.7"
|
||||||
|
"pathe" "^0.2.0"
|
||||||
|
|
||||||
"vite-plugin-vue-setup-extend@^0.4.0":
|
"vite-plugin-vue-setup-extend@^0.4.0":
|
||||||
"integrity" "sha512-WMbjPCui75fboFoUTHhdbXzu4Y/bJMv5N9QT9a7do3wNMNHHqrk+Tn2jrSJU0LS5fGl/EG+FEDBYVUeWIkDqXQ=="
|
"integrity" "sha512-WMbjPCui75fboFoUTHhdbXzu4Y/bJMv5N9QT9a7do3wNMNHHqrk+Tn2jrSJU0LS5fGl/EG+FEDBYVUeWIkDqXQ=="
|
||||||
"resolved" "https://registry.npmmirror.com/vite-plugin-vue-setup-extend/-/vite-plugin-vue-setup-extend-0.4.0.tgz"
|
"resolved" "https://registry.npmmirror.com/vite-plugin-vue-setup-extend/-/vite-plugin-vue-setup-extend-0.4.0.tgz"
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue