NEZ-2744 fix: 取消页内scoped样式

2023-03-30 11:50:43 +08:00
parent 97c4b3c155
commit 31ba2bac02
22 changed files with 272 additions and 184 deletions
--- a/nezha-fronted/build/webpack.base.conf.js
+++ b/nezha-fronted/build/webpack.base.conf.js
@@ -112,6 +112,11 @@ const baseConfig = {
            use: ['raw-loader', 'pug-plain-loader']
          }
        ]
+      },
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        use: ['cache-loader', 'babel-loader']
      }
    ]
  },
--- a/nezha-fronted/build/webpack.dev.conf.js
+++ b/nezha-fronted/build/webpack.dev.conf.js
@@ -7,6 +7,7 @@ const path = require('path')
 const baseWebpackConfig = require('./webpack.base.conf')
 const CopyWebpackPlugin = require('copy-webpack-plugin')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
+// const SpeedMeasurePlugin = require('speed-measure-webpack-plugin')
 const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
 const portfinder = require('portfinder')
 const { VueLoaderPlugin } = require('vue-loader')
@@ -16,6 +17,7 @@ const PORT = process.env.PORT && Number(process.env.PORT)
 const devStart = process.env.npm_lifecycle_event
 const indexHtml = devStart === 'dev' ? 'src/entrance/app/index.html' : 'src/entrance/exportHtml/exportHtml.html'
 let devWebpackConfig = ''
+// const smp = new SpeedMeasurePlugin()
 devWebpackConfig = merge(baseWebpackConfig, {
  mode: 'development',
  module: {
@@ -108,7 +110,7 @@ module.exports = new Promise((resolve, reject) => {
          ? utils.createNotifierCallback()
          : undefined
      }))
-
+      // devWebpackConfig = smp.wrap(devWebpackConfig)
      resolve(devWebpackConfig)
    }
  })
--- a/nezha-fronted/package-lock.json
+++ b/nezha-fronted/package-lock.json
@@ -4518,6 +4518,12 @@
      "integrity": "sha512-4/rOEg86jivtPTeOUUT61jJO1Ya1TrR/OkqCSZDyq84WJh3LuuiphBYJN+fm5xufIk4XAFcEwte/8WzC8If/1g==",
      "dev": true
    },
+    "buffer-json": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/buffer-json/-/buffer-json-2.0.0.tgz",
+      "integrity": "sha512-+jjPFVqyfF1esi9fvfUs3NqM0pH1ziZ36VP4hmA/y/Ssfo/5w5xHKfTw9BwQjoJ1w/oVtpLomqwUHKdefGyuHw==",
+      "dev": true
+    },
    "buffer-xor": {
      "version": "1.0.3",
      "resolved": "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz",
@@ -4573,6 +4579,123 @@
        "unset-value": "^1.0.0"
      }
    },
+    "cache-loader": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmmirror.com/cache-loader/-/cache-loader-4.1.0.tgz",
+      "integrity": "sha512-ftOayxve0PwKzBF/GLsZNC9fJBXl8lkZE3TOsjkboHfVHVkL39iUEs1FO07A33mizmci5Dudt38UZrrYXDtbhw==",
+      "dev": true,
+      "requires": {
+        "buffer-json": "^2.0.0",
+        "find-cache-dir": "^3.0.0",
+        "loader-utils": "^1.2.3",
+        "mkdirp": "^0.5.1",
+        "neo-async": "^2.6.1",
+        "schema-utils": "^2.0.0"
+      },
+      "dependencies": {
+        "ajv-keywords": {
+          "version": "3.5.2",
+          "resolved": "https://registry.npmmirror.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+          "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+          "dev": true
+        },
+        "find-cache-dir": {
+          "version": "3.3.2",
+          "resolved": "https://registry.npmmirror.com/find-cache-dir/-/find-cache-dir-3.3.2.tgz",
+          "integrity": "sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==",
+          "dev": true,
+          "requires": {
+            "commondir": "^1.0.1",
+            "make-dir": "^3.0.2",
+            "pkg-dir": "^4.1.0"
+          }
+        },
+        "find-up": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmmirror.com/find-up/-/find-up-4.1.0.tgz",
+          "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+          "dev": true,
+          "requires": {
+            "locate-path": "^5.0.0",
+            "path-exists": "^4.0.0"
+          }
+        },
+        "locate-path": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmmirror.com/locate-path/-/locate-path-5.0.0.tgz",
+          "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+          "dev": true,
+          "requires": {
+            "p-locate": "^4.1.0"
+          }
+        },
+        "make-dir": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmmirror.com/make-dir/-/make-dir-3.1.0.tgz",
+          "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+          "dev": true,
+          "requires": {
+            "semver": "^6.0.0"
+          }
+        },
+        "p-limit": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmmirror.com/p-limit/-/p-limit-2.3.0.tgz",
+          "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+          "dev": true,
+          "requires": {
+            "p-try": "^2.0.0"
+          }
+        },
+        "p-locate": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmmirror.com/p-locate/-/p-locate-4.1.0.tgz",
+          "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+          "dev": true,
+          "requires": {
+            "p-limit": "^2.2.0"
+          }
+        },
+        "p-try": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmmirror.com/p-try/-/p-try-2.2.0.tgz",
+          "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+          "dev": true
+        },
+        "path-exists": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmmirror.com/path-exists/-/path-exists-4.0.0.tgz",
+          "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+          "dev": true
+        },
+        "pkg-dir": {
+          "version": "4.2.0",
+          "resolved": "https://registry.npmmirror.com/pkg-dir/-/pkg-dir-4.2.0.tgz",
+          "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
+          "dev": true,
+          "requires": {
+            "find-up": "^4.0.0"
+          }
+        },
+        "schema-utils": {
+          "version": "2.7.1",
+          "resolved": "https://registry.npmmirror.com/schema-utils/-/schema-utils-2.7.1.tgz",
+          "integrity": "sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==",
+          "dev": true,
+          "requires": {
+            "@types/json-schema": "^7.0.5",
+            "ajv": "^6.12.4",
+            "ajv-keywords": "^3.5.2"
+          }
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmmirror.com/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        }
+      }
+    },
    "cacheable-request": {
      "version": "2.1.4",
      "resolved": "https://registry.npmjs.org/cacheable-request/-/cacheable-request-2.1.4.tgz",
@@ -14212,7 +14335,7 @@
    },
    "node-sass": {
      "version": "4.14.1",
-      "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.14.1.tgz",
+      "resolved": "https://registry.npmmirror.com/node-sass/-/node-sass-4.14.1.tgz",
      "integrity": "sha512-sjCuOlvGyCJS40R8BscF5vhVlQjNN069NtQ1gSxyK1u9iqvn6tf7O1R4GNowVZfiZUCRt5MmMs1xd+4V/7Yr0g==",
      "dev": true,
      "requires": {
@@ -17092,7 +17215,7 @@
    },
    "sass-loader": {
      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-8.0.2.tgz",
+      "resolved": "https://registry.npmmirror.com/sass-loader/-/sass-loader-8.0.2.tgz",
      "integrity": "sha512-7o4dbSK8/Ol2KflEmSco4jTjQoV988bM82P9CZdmo9hR3RLnvNc0ufMNdMrB0caq38JQ/FgF4/7RcbcfKzxoFQ==",
      "dev": true,
      "requires": {
@@ -20586,7 +20709,7 @@
    },
    "webpack-bundle-analyzer": {
      "version": "2.13.1",
-      "resolved": "https://registry.npmjs.org/webpack-bundle-analyzer/-/webpack-bundle-analyzer-2.13.1.tgz",
+      "resolved": "https://registry.npmmirror.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-2.13.1.tgz",
      "integrity": "sha512-rwxyfecTAxoarCC9VlHlIpfQCmmJ/qWD5bpbjkof+7HrNhTNZIwZITxN6CdlYL2axGmwNUQ+tFgcSOiNXMf/sQ==",
      "dev": true,
      "requires": {
--- a/nezha-fronted/package.json
+++ b/nezha-fronted/package.json
@@ -105,6 +105,7 @@
    "babel-plugin-transform-vue-jsx": "^3.7.0",
    "babel-preset-env": "^1.7.0",
    "babel-preset-stage-2": "^6.22.0",
+    "cache-loader": "^4.1.0",
    "chalk": "^2.0.1",
    "copy-webpack-plugin": "^4.0.1",
    "css-loader": "^3.5.3",
--- a/nezha-fronted/src/assets/css/components/common/bottomBox/bottomBox.scss
+++ b/nezha-fronted/src/assets/css/components/common/bottomBox/bottomBox.scss
@@ -428,6 +428,12 @@
        line-height: 20px;
        margin-top: 5px;
        color: $--color-text-primary;
+        .ql-container.ql-snow{
+          border: unset !important;
+        }
+        .ql-editor{
+          padding: 0 !important;
+        }
      }
    }
    .descriptions-info:hover {
@@ -444,6 +450,17 @@
      color: $--color-text-regular;
    }
  }
+  .top-tool-right>.el-input.el-input--small.el-input-group{
+    position: relative;
+    .search-icon-btn{
+      height: 100%;
+      padding: 0 3px;
+      background-color: transparent;
+      border: 0;
+      position: absolute;
+      right: 0;
+    }
+  }
 }

 //endpoint 二级页面搜索
--- a/nezha-fronted/src/assets/css/components/common/labelFilter/clickSearch.scss
+++ b/nezha-fronted/src/assets/css/components/common/labelFilter/clickSearch.scss
@@ -76,6 +76,7 @@
  padding-left: 15px;
  padding-right: 80px;
  background: $--background-color-empty;
+  overflow: hidden;
  div.el-skeleton{
    display: flex !important;
    align-items: center !important;
--- a/nezha-fronted/src/assets/css/components/common/project/L5/topologyTopTool.scss
+++ b/nezha-fronted/src/assets/css/components/common/project/L5/topologyTopTool.scss
@@ -37,7 +37,8 @@
    margin-right: 10px;
  }
  .is-active-meta2d.top-tool-item {
-    background: mix(#FFF, $--background-color-disabled, 35%);
+    // background: mix(#FFF, $--background-color-disabled, 35%);
+    background: #0000ff;
    border: 1px solid mix(#000, $--background-color-disabled, 35%);
    color: $--color-text-disabled;
  }
--- a/nezha-fronted/src/assets/css/components/common/project/meta2dHeader.scss
+++ b/nezha-fronted/src/assets/css/components/common/project/meta2dHeader.scss
@@ -9,4 +9,8 @@
  .tools-left{
    display: flex;
  }
+  .tools-left-drag{
+    margin-left: 10px;
+    margin-right: 10px;
+  }
 }
--- a/nezha-fronted/src/assets/css/components/common/project/meta2dMain.scss
+++ b/nezha-fronted/src/assets/css/components/common/project/meta2dMain.scss
@@ -11,7 +11,10 @@
  height: 100%;
 }
 .meta2d-chart{
-
+  .meta2d-project {
+    height: 100% !important;
+    border: none !important;
+  }
 }
 .meta2d-project{
  height: calc(100% - 78px);
--- a/nezha-fronted/src/assets/css/components/common/project/meta2dProps.scss
+++ b/nezha-fronted/src/assets/css/components/common/project/meta2dProps.scss
@@ -92,6 +92,11 @@
        overflow-y: auto;
      }
    }
+    .pen-tools-item {
+      margin-right: 5px;
+      font-size:17px;
+      cursor: pointer;
+    }
  }
  .right-box__container .chart-config .thresholds-item .mapping-display-input input{
    padding-left: 15px;
--- a/nezha-fronted/src/assets/css/components/common/searchBox.scss
+++ b/nezha-fronted/src/assets/css/components/common/searchBox.scss
@@ -0,0 +1,100 @@
+#nz-search-box{
+    .search-box-input {
+      border: 1px solid #E7EAED;
+      white-space: nowrap;
+      width: 400px;
+      overflow: hidden;
+      display: flex;
+      align-items: center;
+      .search-box-input-content{
+        width: calc(100% - 30px);
+        white-space: nowrap;
+        overflow-y: auto;
+        display: flex;
+        align-items: center;
+        .el-input__inner{
+          border: none;
+        }
+        .search-box-tag{
+          display: inline-flex;
+          font-size: 12px;
+          border: 1px solid #e1e4e8;
+          background: #eaecef;
+          height: 20px;
+          padding: 0 8px 0 8px;
+          border-radius: 2px;
+          margin: 2px 4px 2px 4px;
+          align-items: center;
+        }
+        .el-input--mini {
+          display: inline-block;
+          min-width: 100px;
+          width: auto;
+          max-width: 170px;
+          flex: 1;
+        }
+      }
+      .nz-icon-search{
+        display: inline-block;
+        height: 100%;
+        line-height: 1;
+        margin-left: 5px;
+      }
+    }
+    .search-box-tag{
+      display: flex;
+    }
+    .search-item{
+      border-bottom: 1px solid #e1e4e8;
+      font-size: 12px;
+      position: relative;
+    }
+    .search-item.search-item-select {
+      background: #1da1f2;
+      color: #333;
+      .content-remark{
+        color: #fff;
+      }
+    }
+    .icon-k,.icon-s, .icon-v{
+      display: inline-block;
+      width: 26px;
+      height: 100%;
+      line-height: 27px;
+      text-align: center;
+      margin-right: 5px;
+    }
+    .icon-k{
+      color: #ff8f44;
+      background: #fff4ec;
+    }
+    .icon-s{
+      color: #4276e5;
+      background: #eaf1ff;
+    }
+    .icon-v{
+      color: #a884f3;
+      background: #f7f3ff;
+    }
+    .el-popper{
+      padding: 0;
+    }
+    .tag-box{
+      padding: 5px 0px;
+      min-width: 75px;
+      .tag-box-content{
+        display: flex;
+        flex-direction: column;
+      }
+      .search-box-tag{
+        display: inline !important;
+        margin-bottom: 5px !important;
+      }
+    }
+    .content-remark{
+      position: absolute;
+      left: 300px;
+      top: 5px;
+      color: #999;
+    }
+  }
--- a/nezha-fronted/src/assets/css/components/index.scss
+++ b/nezha-fronted/src/assets/css/components/index.scss
@@ -87,6 +87,7 @@
@import './common/nzTransfer.scss';
@import './common/pagination.scss';
@import './common/searchInput.scss';
+@import './common/searchBox.scss';
@import './common/timePicker.scss';
@import './common/deleteButton.scss';
@import './common/diagnosisTab.scss';
--- a/nezha-fronted/src/assets/css/components/page/config/system/license.scss
+++ b/nezha-fronted/src/assets/css/components/page/config/system/license.scss
@@ -197,7 +197,9 @@
    }
  }
  .el-dialog__body{
-
+    padding: 20px !important;
+    height: calc(100% - 40px) !important;
+    width: calc(100% - 40px) !important;
  }
  .el-button{
    //background-color: $--background-color-1 !important;
--- a/nezha-fronted/src/components/chart/chart/chartAutotopology.vue
+++ b/nezha-fronted/src/components/chart/chart/chartAutotopology.vue
@@ -129,12 +129,3 @@ export default {
  }
 }
 </script>
-
-<style scoped lang="scss">
-.meta2d-chart {
-  /deep/.meta2d-project {
-    height: 100%;
-    border: none;
-  }
-}
-</style>
--- a/nezha-fronted/src/components/common/bottomBox/tabs/logBottomTab.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/logBottomTab.vue
@@ -158,16 +158,3 @@ export default {
  }
 }
 </script>
-<style lang="scss" scoped>
-.top-tool-right>.el-input.el-input--small.el-input-group{
-  position: relative;
-  .search-icon-btn{
-    height: 100%;
-    padding: 0 3px;
-    background-color: transparent;
-    border: 0;
-    position: absolute;
-    right: 0;
-  }
-}
-</style>
--- a/nezha-fronted/src/components/common/labelFilter/clickSearchNew.vue
+++ b/nezha-fronted/src/components/common/labelFilter/clickSearchNew.vue
@@ -328,8 +328,3 @@ export default {
  }
 }
 </script>
-<style scoped lang="scss">
-  .search-items{
-    overflow: hidden;
-  }
-</style>
--- a/nezha-fronted/src/components/common/project/meta2d/meta2dCanvas.vue
+++ b/nezha-fronted/src/components/common/project/meta2d/meta2dCanvas.vue
@@ -345,11 +345,3 @@ export default {
  }
 }
 </script>
-
-<style scoped lang="scss">
-.pen-tools-item {
-  margin-right: 5px;
-  fontSize:17px;
-  cursor: pointer;
-}
-</style>
--- a/nezha-fronted/src/components/common/project/meta2d/meta2dHeader.vue
+++ b/nezha-fronted/src/components/common/project/meta2d/meta2dHeader.vue
@@ -224,10 +224,3 @@ export default {
  }
 }
 </script>
-
-<style scoped lang="scss">
-.tools-left-drag{
-  margin-left: 10px;
-  margin-right: 10px;
-}
-</style>
--- a/nezha-fronted/src/components/common/project/meta2d/topologyTopTool.vue
+++ b/nezha-fronted/src/components/common/project/meta2d/topologyTopTool.vue
@@ -323,8 +323,3 @@ export default {
  }
 }
 </script>
-<style scoped lang="scss">
-  .is-active-meta2d {
-    background: #0000ff;
-  }
-</style>
--- a/nezha-fronted/src/components/common/searchBox/searchBox.vue
+++ b/nezha-fronted/src/components/common/searchBox/searchBox.vue
@@ -515,106 +515,3 @@ export default {
  }
 }
 </script>
-
-<style lang="scss">
-#nz-search-box{
-  .search-box-input {
-    border: 1px solid #E7EAED;
-    white-space: nowrap;
-    width: 400px;
-    overflow: hidden;
-    display: flex;
-    align-items: center;
-    .search-box-input-content{
-      width: calc(100% - 30px);
-      white-space: nowrap;
-      overflow-y: auto;
-      display: flex;
-      align-items: center;
-      .el-input__inner{
-        border: none;
-      }
-      .search-box-tag{
-        display: inline-flex;
-        font-size: 12px;
-        border: 1px solid #e1e4e8;
-        background: #eaecef;
-        height: 20px;
-        padding: 0 8px 0 8px;
-        border-radius: 2px;
-        margin: 2px 4px 2px 4px;
-        align-items: center;
-      }
-      .el-input--mini {
-        display: inline-block;
-        min-width: 100px;
-        width: auto;
-        max-width: 170px;
-        flex: 1;
-      }
-    }
-    .nz-icon-search{
-      display: inline-block;
-      height: 100%;
-      line-height: 1;
-      margin-left: 5px;
-    }
-  }
-  .search-box-tag{
-    display: flex;
-  }
-  .search-item{
-    border-bottom: 1px solid #e1e4e8;
-    font-size: 12px;
-    position: relative;
-  }
-  .search-item.search-item-select {
-    background: #1da1f2;
-    color: #333;
-    .content-remark{
-      color: #fff;
-    }
-  }
-  .icon-k,.icon-s, .icon-v{
-    display: inline-block;
-    width: 26px;
-    height: 100%;
-    line-height: 27px;
-    text-align: center;
-    margin-right: 5px;
-  }
-  .icon-k{
-    color: #ff8f44;
-    background: #fff4ec;
-  }
-  .icon-s{
-    color: #4276e5;
-    background: #eaf1ff;
-  }
-  .icon-v{
-    color: #a884f3;
-    background: #f7f3ff;
-  }
-  .el-popper{
-    padding: 0;
-  }
-  .tag-box{
-    padding: 5px 0px;
-    min-width: 75px;
-    .tag-box-content{
-      display: flex;
-      flex-direction: column;
-    }
-    .search-box-tag{
-      display: inline !important;
-      margin-bottom: 5px !important;
-    }
-  }
-  .content-remark{
-    position: absolute;
-    left: 300px;
-    top: 5px;
-    color: #999;
-  }
-}
-</style>
--- a/nezha-fronted/src/components/common/table/asset/assetCommentTable.vue
+++ b/nezha-fronted/src/components/common/table/asset/assetCommentTable.vue
@@ -128,23 +128,3 @@ export default {
  }
 }
 </script>
-<style lang="scss" scoped>
-.comment-editor>>>.textarea-button{
-  display: flex;
-  justify-content: flex-end;
-  padding-bottom: 10px;
-  padding-right: 10px;
-  .nz-btn.nz-btn-size-mini{
-    width: 74px;
-    height: 30px;
-  }
-}
-#assetCommentTable>>>.descriptions-content {
-  .ql-container.ql-snow{
-    border: unset;
-  }
-  .ql-editor{
-    padding: 0;
-  }
-}
-</style>
--- a/nezha-fronted/src/components/page/config/system/license.vue
+++ b/nezha-fronted/src/components/page/config/system/license.vue
@@ -456,10 +456,3 @@ export default {
  }
 }
 </script>
-<style scoped lang="scss">
-  /deep/ .el-dialog__body{
-    padding: 20px !important;
-    height: calc(100% - 40px);
-    width: calc(100% - 40px);
-  }
-</style>