diff --git a/rition-panel/index.html b/rition-panel/index.html
index 3c8c78f..bc4bcdc 100644
--- a/rition-panel/index.html
+++ b/rition-panel/index.html
@@ -1,5 +1,5 @@
-
+
<%= productName %>
diff --git a/rition-panel/package.json b/rition-panel/package.json
index a3d4452..baf26e7 100644
--- a/rition-panel/package.json
+++ b/rition-panel/package.json
@@ -13,21 +13,25 @@
"build": "quasar build"
},
"dependencies": {
- "axios": "^1.2.1",
"@quasar/extras": "^1.16.4",
+ "axios": "^1.2.1",
+ "echarts": "^5.5.0",
+ "element-plus": "^2.7.2",
"quasar": "^2.16.0",
+ "tailwindcss": "^3.4.3",
"vue": "^3.4.18",
+ "vue-echarts": "^6.7.2",
"vue-router": "^4.0.12"
},
"devDependencies": {
+ "@quasar/app-vite": "^1.9.0",
+ "autoprefixer": "^10.4.19",
"eslint": "^8.57.0",
- "eslint-plugin-vue": "^9.0.0",
- "vite-plugin-checker": "^0.6.4",
"eslint-config-prettier": "^8.1.0",
+ "eslint-plugin-vue": "^9.0.0",
+ "postcss": "^8.4.38",
"prettier": "^2.5.1",
- "@quasar/app-vite": "^1.9.0",
- "autoprefixer": "^10.4.2",
- "postcss": "^8.4.14"
+ "vite-plugin-checker": "^0.6.4"
},
"engines": {
"node": "^20 || ^18 || ^16",
diff --git a/rition-panel/postcss.config.js b/rition-panel/postcss.config.js
new file mode 100644
index 0000000..33ad091
--- /dev/null
+++ b/rition-panel/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+ plugins: {
+ tailwindcss: {},
+ autoprefixer: {},
+ },
+}
diff --git a/rition-panel/quasar.config.js b/rition-panel/quasar.config.js
index 7c0957a..9be71c4 100644
--- a/rition-panel/quasar.config.js
+++ b/rition-panel/quasar.config.js
@@ -21,7 +21,7 @@ module.exports = configure(function (/* ctx */) {
// --> boot files are part of "main.js"
// https://v2.quasar.dev/quasar-cli-vite/boot-files
boot: [
-
+ 'element',
'axios',
],
@@ -82,7 +82,7 @@ module.exports = configure(function (/* ctx */) {
// Full list of options: https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#devServer
devServer: {
// https: true
- open: true // opens browser window automatically
+ open: false // opens browser window automatically
},
// https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#framework
@@ -98,7 +98,7 @@ module.exports = configure(function (/* ctx */) {
//
// components: [],
// directives: [],
-
+ lang: 'zh-CN',
// Quasar plugins
plugins: []
},
diff --git a/rition-panel/src/boot/element.js b/rition-panel/src/boot/element.js
new file mode 100644
index 0000000..c980321
--- /dev/null
+++ b/rition-panel/src/boot/element.js
@@ -0,0 +1,9 @@
+import { boot } from 'quasar/wrappers'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+
+// "async" is optional;
+// more info on params: https://v2.quasar.dev/quasar-cli/boot-files
+export default boot(async ( { app } ) => {
+ app.use(ElementPlus)
+})
diff --git a/rition-panel/src/css/app.scss b/rition-panel/src/css/app.scss
index ecac98f..d8bc147 100644
--- a/rition-panel/src/css/app.scss
+++ b/rition-panel/src/css/app.scss
@@ -1 +1,4 @@
// app global css in SCSS form
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/rition-panel/src/layouts/MainLayout.vue b/rition-panel/src/layouts/MainLayout.vue
index e4a792e..a21ca30 100644
--- a/rition-panel/src/layouts/MainLayout.vue
+++ b/rition-panel/src/layouts/MainLayout.vue
@@ -1,52 +1,37 @@
-
+
-
+
- Quasar App
+ Ration面板
- Quasar v{{ $q.version }}
-
+
-
- Essential Links
+
+ 选择页面
-
+
+
+
-
+
diff --git a/rition-panel/src/pages/AlertListPage.vue b/rition-panel/src/pages/AlertListPage.vue
new file mode 100644
index 0000000..4c42ba1
--- /dev/null
+++ b/rition-panel/src/pages/AlertListPage.vue
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/rition-panel/src/pages/ContractPage.vue b/rition-panel/src/pages/ContractPage.vue
new file mode 100644
index 0000000..de247e8
--- /dev/null
+++ b/rition-panel/src/pages/ContractPage.vue
@@ -0,0 +1,57 @@
+
+
+
+
+
+ 添加
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
diff --git a/rition-panel/src/pages/MetricPage.vue b/rition-panel/src/pages/MetricPage.vue
new file mode 100644
index 0000000..20c3b91
--- /dev/null
+++ b/rition-panel/src/pages/MetricPage.vue
@@ -0,0 +1,99 @@
+
+
+
+
+
+ 查看范围：
+
+
+
+
+
+
+
刷新
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 添加
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+