style: global static.less (#33)

oneterm-ui/package.json

@@ -42,9 +42,11 @@
     "nprogress": "^0.2.0",
     "snabbdom": "^3.5.1",
     "sortablejs": "1.9.0",
+    "style-resources-loader": "^1.5.0",
     "viser-vue": "^2.3.3",
     "vue": "2.6.11",
     "vue-clipboard2": "^0.2.1",
+    "vue-cli-plugin-style-resources-loader": "^0.1.5",
     "vue-codemirror": "^4.0.6",
     "vue-cropper": "^0.5.8",
     "vue-grid-layout": "2.3.12",

oneterm-ui/src/components/CustomDrawer/CustomDrawer.vue

@@ -73,7 +73,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .custom-drawer-close {
   position: absolute;

oneterm-ui/src/components/EmployeeTransfer/index.vue

@@ -230,7 +230,6 @@ export default {
 </script>
 
 <style lang="less">
-@import '~@/style/static.less';
 .employee-transfer {
   width: 100%;
   .vue-treeselect__multi-value-item-container {
@@ -263,7 +262,6 @@ export default {
 </style>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 .employee-transfer {
   display: flex;
   justify-content: space-between;

oneterm-ui/src/components/RoleTransfer/index.vue

@@ -126,7 +126,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 .role-transfer {
   display: flex;
   justify-content: space-between;

oneterm-ui/src/components/TwoColumnLayout/TwoColumnLayout.vue

@@ -52,7 +52,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .two-column-layout {
   margin-bottom: -24px;

oneterm-ui/src/components/chartTime/index.vue

@@ -280,7 +280,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 .chart-time-display-time {
   .ops_display_wrapper(#fff);
 }

oneterm-ui/src/components/tools/UserMenu.vue

@@ -96,7 +96,6 @@ export default {
 </script>
 
 <style lang="less">
-@import '~@/style/static.less';
 .color {
   color: #custom_colors[color_1];
   background-color: #custom_colors[color_2];

oneterm-ui/src/modules/oneterm/views/assets/assets/assetList.vue

@@ -384,7 +384,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 @import '../../../style/index.less';
 .asset-list-sidebar-header {
   font-size: 14px;

oneterm-ui/src/modules/oneterm/views/assets/assets/createNode.vue

@@ -437,7 +437,6 @@ export default {
 }
 </style>
 <style lang="less">
-@import '~@/style/static.less';
 .asset-create-node-container {
   .ant-form-item {
     margin-bottom: 8px;

oneterm-ui/src/modules/oneterm/views/dashboard/timeRadio.vue

@@ -62,7 +62,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 .dashboard-timeradio-item {
   cursor: pointer;
   padding: 5px 10px;

oneterm-ui/src/modules/oneterm/views/dashboard/userRank.vue

@@ -62,7 +62,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 .user-rank {
   display: flex;
   flex-direction: column;

oneterm-ui/src/modules/oneterm/views/workStation/index.vue

@@ -137,7 +137,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 .oneterm-workstation {
   width: 100%;
   height: 100%;

oneterm-ui/src/views/noticeCenter/index.vue

@@ -284,7 +284,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .notice-center-left {
   color: rgba(0, 0, 0, 0.7);

oneterm-ui/src/views/setting/companyInfo/index.vue

@@ -331,7 +331,7 @@ export default {
 .ops-setting-companyinfo {
   padding-top: 15px;
   background-color: #fff;
-  border-radius: 15px;
+  border-radius: @border-radius-box;
   overflow: auto;
   margin-bottom: -24px;
   .ops-setting-companyinfo-upload-show {

oneterm-ui/src/views/setting/companyStructure/CategoryTree.vue

@@ -155,7 +155,6 @@ export default {
 </script>
 
 <style lang="less">
-@import '~@/style/static.less';
 ul,
 li {
   list-style: none;

oneterm-ui/src/views/setting/companyStructure/index.vue

@@ -862,14 +862,13 @@ export default {
 }
 </script>
 <style lang="less" scoped>
-@import '~@/style/static.less';
 .ops-setting-structure {
   margin-bottom: -24px;
   width: 100%;
   .ops-setting-structure-sidebar {
     height: 100%;
     padding: 15px;
-    border-radius: 15px;
+    border-radius: @border-radius-box;
     overflow-y: hidden;
     &:hover {
       overflow-y: overlay;
@@ -1026,7 +1025,7 @@ export default {
     padding: 12px;
     background-color: #fff;
     overflow-y: auto;
-    border-radius: 15px;
+    border-radius: @border-radius-box;
     .ops-setting-structure-main-controller {
       // height: 70px;
       margin-bottom: 12px;

oneterm-ui/src/views/setting/components/SearchForm.vue

@@ -64,7 +64,6 @@ name: 'SearchForm',
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
   .search-form-bar-filter {
     background-color: rgb(240, 245, 255);
     .ops_display_wrapper();

oneterm-ui/src/views/setting/notice/dingding.vue

@@ -137,7 +137,7 @@ export default {
   padding-top: 15px;
   overflow: auto;
   margin-bottom: -24px;
-  border-radius: 15px;
+  border-radius: @border-radius-box;
   .notice-dingding-wrapper-tips {
     display: inline-block;
     background-color: #ffdfdf;

oneterm-ui/src/views/setting/notice/feishu.vue

@@ -117,7 +117,7 @@ export default {
   padding-top: 15px;
   overflow: auto;
   margin-bottom: -24px;
-  border-radius: 15px;
+  border-radius: @border-radius-box;
   .notice-feishu-wrapper-tips {
     display: inline-block;
     background-color: #ffdfdf;

oneterm-ui/src/views/setting/notice/wx.vue

@@ -138,7 +138,7 @@ export default {
   padding-top: 15px;
   overflow: auto;
   margin-bottom: -24px;
-  border-radius: 15px;
+  border-radius: @border-radius-box;
   .notice-wx-wrapper-tips {
     display: inline-block;
     background-color: #ffdfdf;

oneterm-ui/src/views/setting/person/index.vue

@@ -354,7 +354,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 .setting-person {
   display: flex;
   flex-direction: row;
@@ -363,7 +362,7 @@ export default {
     height: 400px;
     margin-right: 24px;
     background-color: #fff;
-    border-radius: 15px;
+    border-radius: @border-radius-box;
     padding-top: 15px;
     .setting-person-left-item {
       cursor: pointer;
@@ -388,7 +387,7 @@ export default {
     width: 800px;
     height: 700px;
     background-color: #fff;
-    border-radius: 15px;
+    border-radius: @border-radius-box;
     padding: 24px 48px;
     .setting-person-right-disabled {
       background-color: #custom_colors[color_2];

oneterm-ui/vue.config.js

@@ -92,7 +92,12 @@ module.exports = {
       }
     }
   },
-
+  pluginOptions: {
+    'style-resources-loader': {
+      preProcessor: 'less',
+      patterns: [path.resolve(__dirname, './src/style/static.less')]
+    }
+  },
   devServer: {
     disableHostCheck: true,
     port: process.env.DEV_PORT || 8000