fix: css抽取顺序报错

frontend/package.json

@@ -6,6 +6,7 @@
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
+    "serves": "node --max_old_space_size=4096 node_modules/@vue/cli-service/bin/vue-cli-service.js build",
     "build:prod": "vue-cli-service build",
     "build:stage": "vue-cli-service build --mode staging",
     "dll": "webpack -p --progress --config ./webpack.dll.conf.js",

frontend/src/components/deCustomCm/deBtn.vue

@@ -79,9 +79,9 @@ export default {
 $namespace: "de";
 $state-prefix: "is-de-";
 $modifier-separator: "--";
+$B: null;
 @mixin b($block) {
-  $B: $namespace + "-" + $block !global;
-
+  $B: $namespace + "-" + $block;
   .#{$B} {
     @content;
   }

frontend/src/views/dataset/group/Group.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-col class="tree-style de-dataset-search">
+  <el-col class="de-dataset-search">
     <!-- group -->
     <el-col>
       <div
@@ -1241,14 +1241,12 @@ export default {
   align-items: center;
   width: 100%;
 }
-.tree-style {
-  padding: 10px 15px;
-  height: 100%;
-  overflow-y: auto;
-}
 </style>
 <style lang="scss">
 .de-dataset-search {
+  padding: 10px 24px;
+  height: 100%;
+  overflow-y: auto;
   .main-area-input {
     .el-input-group__append {
       width: 70px;

frontend/src/views/system/task/dataset.vue

@@ -1,6 +1,6 @@
 <template>
   <de-layout-content>
-    <div class="organization">
+    <div class="de-task-record">
       <el-tabs
         v-model="tabActive"
         @tab-click="changeTab"
@@ -120,32 +120,8 @@ export default {
   }
 }
 </script>
-
-<style lang="scss" scoped>
-.de-msg-radio-class {
-  padding: 0 5px;
-  ::v-deep .el-radio-button__inner {
-    border-radius: 4px 4px 4px 4px !important;
-    border-left: 1px solid #dcdfe6 !important;
-    padding: 10px 10px;
-  }
-
-  ::v-deep .el-radio-button__orig-radio:checked + .el-radio-button__inner {
-    color: #fff;
-    background-color: #0a7be0;
-    border-color: #0a7be0;
-    -webkit-box-shadow: 0px 0 0 0 #0a7be0;
-    box-shadow: 0px 0 0 0 #0a7be0;
-  }
-}
-.de-msg-a:hover {
-  text-decoration: underline !important;
-  color: #0a7be0 !important;
-  cursor: pointer !important;
-}
-</style>
 <style scoped lang="scss">
-.organization {
+.de-task-record {
   height: 100%;
   background-color: var(--MainBG, #f5f6f7);
 
@@ -155,11 +131,11 @@ export default {
     overflow-x: auto;
   }
 
-  >>> .el-tabs__header {
+  ::v-deep.el-tabs__header {
     margin: 0 0 12px;
   }
 
-  >>> .el-tabs__item {
+  ::v-deep.el-tabs__item {
     height: 24px;
     line-height: 24px;
     margin-bottom: 9px;