refactor: 优化系统监控、代码生成、任务调度相关代码

src/layout/LayoutDefault.vue

@@ -24,7 +24,7 @@ const appStore = useAppStore()
 const { isMobile } = useDevice()
 </script>
 
-<style lang="scss" scoped>
+<style scoped lang="scss">
 .layout {
   height: 100%;
 }

src/layout/LayoutMix.vue

@@ -102,7 +102,7 @@ watch(
 )
 </script>
 
-<style lang="scss" scoped>
+<style scoped lang="scss">
 :deep(.arco-menu-pop) {
   white-space: nowrap;
 }

src/layout/components/Asider/index.vue

@@ -30,7 +30,7 @@ const handleCollapse = (isCollapsed: boolean) => {
 }
 </script>
 
-<style lang="scss" scoped>
+<style scoped lang="scss">
 :deep(.arco-menu.arco-menu-vertical.arco-menu-collapsed) {
 
   // Menu菜单组件修改

src/layout/components/Header/index.vue

@@ -23,7 +23,7 @@ import MenuFoldBtn from '../MenuFoldBtn.vue'
 defineOptions({ name: 'LayoutHeader' })
 </script>
 
-<style lang="scss" scoped>
+<style scoped lang="scss">
 .arco-dropdown-open .arco-icon-down {
   transform: rotate(180deg);
 }

src/layout/components/HeaderRightBar/Message.vue

@@ -63,7 +63,7 @@ onMounted(() => {
 })
 </script>
 
-<style lang="scss" scoped>
+<style scoped lang="scss">
 .message {
   height: auto;
   max-height: calc(100% - 51px);

src/layout/components/HeaderRightBar/SettingDrawer.vue

@@ -141,7 +141,7 @@ const changeColor = (colorObj: ColorObj) => {
 }
 </script>
 
-<style lang="scss" scoped>
+<style scoped lang="scss">
 :deep(.arco-descriptions-item-label-block) {
   color: var(--color-text-1);
 }

src/layout/components/HeaderRightBar/components/LayoutItem.vue

@@ -12,7 +12,7 @@ withDefaults(defineProps<Props>(), {})
 const emit = defineEmits(['click'])
 </script>
 
-<style lang="scss" scoped>
+<style scoped lang="scss">
 .layout-item {
   width: 60px;
   height: 50px;

src/layout/components/HeaderRightBar/index.vue

@@ -149,7 +149,7 @@ onMounted(() => {
 })
 </script>
 
-<style lang="scss" scoped>
+<style scoped lang="scss">
 .arco-dropdown-open .arco-icon-down {
   transform: rotate(180deg);
 }

src/layout/components/Logo.vue

@@ -26,7 +26,7 @@ const toHome = () => {
 }
 </script>
 
-<style lang="scss" scoped>
+<style scoped lang="scss">
 .system-logo {
   height: 56px;
   padding: 0 12px;

src/layout/components/Main.vue

@@ -18,7 +18,7 @@ const appStore = useAppStore()
 const tabsStore = useTabsStore()
 </script>
 
-<style lang="scss" scoped>
+<style scoped lang="scss">
 .main {
   width: 100%;
   height: 100%;

src/layout/components/Menu/MenuIcon.vue

@@ -10,4 +10,4 @@ interface Props {
 const props = withDefaults(defineProps<Props>(), {})
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped lang="scss"></style>

src/layout/components/Menu/index.vue

@@ -83,4 +83,4 @@ const onCollapse = (collapsed: boolean) => {
 }
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped lang="scss"></style>

src/layout/components/MenuFoldBtn.vue

@@ -49,7 +49,7 @@ const onClick = () => {
 }
 </script>
 
-<style lang="scss" scoped>
+<style scoped lang="scss">
 .menu-fold-btn {
   background-color: var(--color-secondary-hover) !important;
   flex-shrink: 0;

src/layout/components/Tabs/MagicIcon.vue

@@ -9,7 +9,7 @@
 
 <script setup lang="ts"></script>
 
-<style lang="scss" scoped>
+<style scoped lang="scss">
 .gi-more-icon-wrap {
   position: relative;
   box-sizing: border-box;

src/layout/components/Tabs/index.vue

@@ -133,7 +133,7 @@ const handleContextMenu = (e: MouseEvent, path: string) => {
 }
 </script>
 
-<style lang="scss" scoped>
+<style scoped lang="scss">
 :deep(.arco-tabs-nav-tab) {
   .arco-tabs-tab {
     svg {

src/layout/index.vue

@@ -12,4 +12,4 @@ defineOptions({ name: 'Layout' })
 const appStore = useAppStore()
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped lang="scss"></style>