{{ siteTitle.value?.site_title }}
@@ -179,7 +145,7 @@ export default defineComponent({
:default-openeds="openedIndexes"
@select="onMenuItemClick"
>
-
+
diff --git a/src/layouts/components/SidebarItem.vue b/src/layouts/components/SidebarItem.vue
index 04f59c858a250..5073e29e1666c 100644
--- a/src/layouts/components/SidebarItem.vue
+++ b/src/layouts/components/SidebarItem.vue
@@ -1,42 +1,27 @@
-
diff --git a/src/layouts/content/sidebar/SidebarLayout.vue b/src/layouts/content/sidebar/SidebarLayout.vue
deleted file mode 100644
index 31e7bb4920cf0..0000000000000
--- a/src/layouts/content/sidebar/SidebarLayout.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/layouts/index.ts b/src/layouts/index.ts
index b16c1b0dee19c..31f4c535ff783 100644
--- a/src/layouts/index.ts
+++ b/src/layouts/index.ts
@@ -1,5 +1,4 @@
import BlankLayout from './BlankLayout.vue';
-import NormalLayout from './NormalLayout.vue';
import Header from './components/Header.vue';
import Sidebar from './components/Sidebar.vue';
import SidebarItem from './components/SidebarItem.vue';
@@ -8,12 +7,11 @@ import DetailLayout from './content/detail/DetailLayout.vue';
import useDetail from './content/detail/useDetail';
import ListLayout from './content/list/ListLayout.vue';
import useList from './content/list/useList';
-import SidebarLayout from './content/sidebar/SidebarLayout.vue';
import SimpleLayout from './content/simple/SimpleLayout.vue';
+import NormalLayout from './NormalLayout.vue';
export {
BlankLayout as ClBlankLayout,
- NormalLayout as ClNormalLayout,
Header as ClHeader,
Sidebar as ClSidebar,
SidebarItem as ClSidebarItem,
@@ -22,6 +20,6 @@ export {
useDetail as useDetail,
ListLayout as ClListLayout,
useList as useList,
- SidebarLayout as ClSidebarLayout,
SimpleLayout as ClSimpleLayout,
+ NormalLayout as ClNormalLayout,
};
diff --git a/src/views/deps/components/form/InstallForm.vue b/src/views/deps/components/form/InstallForm.vue
index 78a7bce15fae2..6ecb7413dec35 100644
--- a/src/views/deps/components/form/InstallForm.vue
+++ b/src/views/deps/components/form/InstallForm.vue
@@ -1,97 +1,76 @@
-
@@ -169,4 +148,4 @@ export default defineComponent({
.dep-name {
margin-right: 10px;
}
-
\ No newline at end of file
+
diff --git a/src/views/deps/components/form/UninstallForm.vue b/src/views/deps/components/form/UninstallForm.vue
index 4750e77c1bc2e..0ee1f4f4b831f 100644
--- a/src/views/deps/components/form/UninstallForm.vue
+++ b/src/views/deps/components/form/UninstallForm.vue
@@ -1,63 +1,41 @@
-
@@ -118,4 +96,4 @@ export default defineComponent({
.dep-name {
margin-right: 10px;
}
-
\ No newline at end of file
+
diff --git a/src/views/deps/components/lang/DependencyLang.vue b/src/views/deps/components/lang/DependencyLang.vue
index 05ba16808d09b..13b0a28eff6dc 100644
--- a/src/views/deps/components/lang/DependencyLang.vue
+++ b/src/views/deps/components/lang/DependencyLang.vue
@@ -1,13 +1,5 @@
-
diff --git a/src/views/home/Home.vue b/src/views/home/Home.vue
index e069b7fc428a4..3ce6e4d13929d 100644
--- a/src/views/home/Home.vue
+++ b/src/views/home/Home.vue
@@ -1,5 +1,5 @@
-
@@ -317,4 +301,4 @@ export default defineComponent({
height: 400px;
}
}
-
\ No newline at end of file
+
diff --git a/src/views/index.ts b/src/views/index.ts
index ac405017fb9e5..b53936bbc9598 100644
--- a/src/views/index.ts
+++ b/src/views/index.ts
@@ -17,11 +17,11 @@ import DataSourceList from './ds/list/DataSourceList.vue';
import useDataSourceList from './ds/list/useDataSourceList';
import EnvironmentList from './environment/list/EnvironmentList.vue';
import useEnvironmentList from './environment/list/useEnvironmentList';
-import GitDetail from './git/detail/GitDetail.vue';
import GitDetailActionsChanges from './git/detail/actions/GitDetailActionsChanges.vue';
import GitDetailActionsCommon from './git/detail/actions/GitDetailActionsCommon.vue';
import GitDetailActionsFiles from './git/detail/actions/GitDetailActionsFiles.vue';
import GitDetailActionsSpiders from './git/detail/actions/GitDetailActionsSpiders.vue';
+import GitDetail from './git/detail/GitDetail.vue';
import GitDetailTabChanges from './git/detail/tabs/GitDetailTabChanges.vue';
import GitDetailTabFiles from './git/detail/tabs/GitDetailTabFiles.vue';
import GitDetailTabLogs from './git/detail/tabs/GitDetailTabLogs.vue';
@@ -57,11 +57,11 @@ import ScheduleDetailTabTasks from './schedule/detail/tabs/ScheduleDetailTabTask
import useScheduleDetail from './schedule/detail/useScheduleDetail';
import ScheduleList from './schedule/list/ScheduleList.vue';
import useScheduleList from './schedule/list/useScheduleList';
-import SpiderDetail from './spider/detail/SpiderDetail.vue';
import SpiderDetailActionsCommon from './spider/detail/actions/SpiderDetailActionsCommon.vue';
import SpiderDetailActionsData from './spider/detail/actions/SpiderDetailActionsData.vue';
import SpiderDetailActionsDataSource from './spider/detail/actions/SpiderDetailActionsDataSource.vue';
import SpiderDetailActionsFiles from './spider/detail/actions/SpiderDetailActionsFiles.vue';
+import SpiderDetail from './spider/detail/SpiderDetail.vue';
import SpiderDetailTabData from './spider/detail/tabs/SpiderDetailTabData.vue';
import SpiderDetailTabFiles from './spider/detail/tabs/SpiderDetailTabFiles.vue';
import SpiderDetailTabOverview from './spider/detail/tabs/SpiderDetailTabOverview.vue';
@@ -72,20 +72,20 @@ import useSpiderDetail from './spider/detail/useSpiderDetail';
import SpiderList from './spider/list/SpiderList.vue';
import useSpiderList from './spider/list/useSpiderList';
import SystemDetail from './system/detail/SystemDetail.vue';
-import TaskDetail from './task/detail/TaskDetail.vue';
import TaskDetailActionsCommon from './task/detail/actions/TaskDetailActionsCommon.vue';
import TaskDetailActionsData from './task/detail/actions/TaskDetailActionsData.vue';
import TaskDetailActionsLogs from './task/detail/actions/TaskDetailActionsLogs.vue';
import TaskDetailTabData from './task/detail/tabs/TaskDetailTabData.vue';
import TaskDetailTabLogs from './task/detail/tabs/TaskDetailTabLogs.vue';
import TaskDetailTabOverview from './task/detail/tabs/TaskDetailTabOverview.vue';
+import TaskDetail from './task/detail/TaskDetail.vue';
import useTaskDetail from './task/detail/useTaskDetail';
import TaskList from './task/list/TaskList.vue';
import useTaskList from './task/list/useTaskList';
import TokenList from './token/list/TokenList.vue';
import useTokenList from './token/list/useTokenList';
-import UserDetail from './user/detail/UserDetail.vue';
import UserDetailTabOverview from './user/detail/tabs/UserDetailTabOverview.vue';
+import UserDetail from './user/detail/UserDetail.vue';
import useUserDetail from './user/detail/useUserDetail';
import UserList from './user/list/UserList.vue';
import useUserList from './user/list/useUserList';
@@ -110,11 +110,11 @@ export {
useDataSourceList as useDataSourceList,
EnvironmentList as ClEnvironmentList,
useEnvironmentList as useEnvironmentList,
- GitDetail as ClGitDetail,
GitDetailActionsChanges as ClGitDetailActionsChanges,
GitDetailActionsCommon as ClGitDetailActionsCommon,
GitDetailActionsFiles as ClGitDetailActionsFiles,
GitDetailActionsSpiders as ClGitDetailActionsSpiders,
+ GitDetail as ClGitDetail,
GitDetailTabChanges as ClGitDetailTabChanges,
GitDetailTabFiles as ClGitDetailTabFiles,
GitDetailTabLogs as ClGitDetailTabLogs,
@@ -150,11 +150,11 @@ export {
useScheduleDetail as useScheduleDetail,
ScheduleList as ClScheduleList,
useScheduleList as useScheduleList,
- SpiderDetail as ClSpiderDetail,
SpiderDetailActionsCommon as ClSpiderDetailActionsCommon,
SpiderDetailActionsData as ClSpiderDetailActionsData,
SpiderDetailActionsDataSource as ClSpiderDetailActionsDataSource,
SpiderDetailActionsFiles as ClSpiderDetailActionsFiles,
+ SpiderDetail as ClSpiderDetail,
SpiderDetailTabData as ClSpiderDetailTabData,
SpiderDetailTabFiles as ClSpiderDetailTabFiles,
SpiderDetailTabOverview as ClSpiderDetailTabOverview,
@@ -165,20 +165,20 @@ export {
SpiderList as ClSpiderList,
useSpiderList as useSpiderList,
SystemDetail as ClSystemDetail,
- TaskDetail as ClTaskDetail,
TaskDetailActionsCommon as ClTaskDetailActionsCommon,
TaskDetailActionsData as ClTaskDetailActionsData,
TaskDetailActionsLogs as ClTaskDetailActionsLogs,
TaskDetailTabData as ClTaskDetailTabData,
TaskDetailTabLogs as ClTaskDetailTabLogs,
TaskDetailTabOverview as ClTaskDetailTabOverview,
+ TaskDetail as ClTaskDetail,
useTaskDetail as useTaskDetail,
TaskList as ClTaskList,
useTaskList as useTaskList,
TokenList as ClTokenList,
useTokenList as useTokenList,
- UserDetail as ClUserDetail,
UserDetailTabOverview as ClUserDetailTabOverview,
+ UserDetail as ClUserDetail,
useUserDetail as useUserDetail,
UserList as ClUserList,
useUserList as useUserList,
diff --git a/src/views/login/Login.vue b/src/views/login/Login.vue
index 3d23852f16077..06e42bcae487a 100644
--- a/src/views/login/Login.vue
+++ b/src/views/login/Login.vue
@@ -174,7 +174,7 @@ onUnmounted(() => {
-
+
{
>
![logo]()
-
{{ t(systemInfo.edition || '') }}
@@ -329,7 +328,7 @@ onUnmounted(() => {
.tips {
font-size: 14px;
- color: #666;
+ color: var(--cl-info-light-color);
margin-bottom: 10px;
background: transparent;
@@ -406,7 +405,7 @@ onUnmounted(() => {
line-height: 48px;
margin-left: 20px;
font-weight: 500;
- color: var(--cl-info-medium-color);
+ color: var(--cl-info-light-color);
opacity: 0.8;
.logo-sub-title-block {
@@ -423,7 +422,7 @@ onUnmounted(() => {
right: 10px;
top: 7px;
font-size: 16px;
- color: #889aa4;
+ color: var(--cl-info-light-color);
cursor: pointer;
user-select: none;
}
@@ -433,7 +432,7 @@ onUnmounted(() => {
display: flex;
justify-content: space-between;
font-size: 14px;
- color: #666;
+ color: var(--cl-info-light-color);
font-weight: 400;
margin-bottom: 10px;
padding-bottom: 10px;
@@ -453,7 +452,7 @@ onUnmounted(() => {
.lang {
margin-top: 20px;
text-align: center;
- color: #666;
+ color: var(--cl-primary-color);
span {
cursor: pointer;
@@ -493,13 +492,3 @@ onUnmounted(() => {
font-size: 1.2rem;
}
-
diff --git a/vue.config.js b/vue.config.js
deleted file mode 100644
index e5bac43263b13..0000000000000
--- a/vue.config.js
+++ /dev/null
@@ -1,117 +0,0 @@
-const path = require('path')
-const CopyWebpackPlugin = require('copy-webpack-plugin')
-const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
-
-const optimization = {
- splitChunks: {
- chunks: 'initial',
- minSize: 20000,
- minChunks: 1,
- maxAsyncRequests: 3,
- cacheGroups: {
- echarts: {
- test: /[\\/]node_modules[\\/]echarts/,
- priority: -1,
- enforce: true,
- },
- element: {
- test: /[\\/]node_modules[\\/]@?element/,
- priority: -1,
- enforce: true,
- },
- fontawesome: {
- test: /[\\/]node_modules[\\/](@fortawesome|fontawesome)/,
- priority: -1,
- enforce: true,
- },
- 'atom-material-icons': {
- test: /[\\/]node_modules[\\/]atom-material-icons/,
- priority: -1,
- enforce: true,
- },
- defaultVendors: {
- test: /[\\/]node_modules[\\/]/,
- priority: -10,
- reuseExistingChunk: true,
- },
- default: {
- minChunks: 2,
- priority: -20,
- reuseExistingChunk: true,
- },
- },
- },
-}
-
-const alias = {
- 'vue$': 'vue/dist/vue.esm-bundler.js',
- 'element-plus$': 'element-plus/dist/index.full.min.js',
- 'echarts$': 'echarts/dist/echarts.min.js',
-}
-
-const rules = [
- {
- test: [
- /\.(js)$/,
- ],
- exclude: [
- path.resolve(__dirname, 'src/assets/js/**/*.js'),
- ]
- }
-]
-
-const config = {
- outputDir: './dist',
- configureWebpack: {
- plugins: [],
- resolve: {
- alias,
- },
- module: {
- rules,
- },
- },
-}
-
-if (process.env.ENTRY) {
- config.pages = {
- index: {
- entry: `src/entry/${process.env.ENTRY}`,
- template: 'public/index.html',
- filename: 'index.html',
- title: 'Crawlab | Distributed Web Crawler Platform',
- }
- }
-}
-
-if (['production'].includes(process.env.NODE_ENV)) {
- // config.configureWebpack.optimization = optimization // TODO: need to figure out how to optimize output file size
- config.configureWebpack.externals = {
- '@fortawesome/fontawesome-svg-core': '@fortawesome/fontawesome-svg-core',
- '@fortawesome/free-brands-svg-icons': '@fortawesome/free-brands-svg-icons',
- '@fortawesome/free-regular-svg-icons': '@fortawesome/free-regular-svg-icons',
- '@fortawesome/free-solid-svg-icons': '@fortawesome/free-solid-svg-icons',
- '@element-plus/icons-vue': '@element-plus/icons-vue',
- 'atom-material-icons': 'atom-material-icons',
- 'fontawesome': 'fontawesome',
- 'echarts': 'echarts',
- 'element-plus': 'element-plus',
- 'vue': 'vue',
- 'vuex': 'vuex',
- }
- config.configureWebpack.plugins.push(new CopyWebpackPlugin({
- patterns: [
- {
- from: path.resolve(__dirname, 'public/js'),
- }
- ]
- }))
-} else if (['analyze'].includes(process.env.NODE_ENV)) {
- config.configureWebpack.optimization = optimization
- config.configureWebpack.plugins.push(new BundleAnalyzerPlugin({
- analyzerPort: 8889,
- }))
-}
-
-
-module.exports = config