NEZ-1072 feat: 主题切换

nezha-fronted/src/components/common/bottomBox/tabs/panelTabNew.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="full-width-height chart-list">
+  <div class="full-width-height chart-list panel-tab-new">
    <nz-bottom-data-list
       :showTitle='showTitle'
       :layout="[]"
@@ -592,241 +592,3 @@ export default {
   }
 }
 </script>
-<style scoped lang="scss">
-  .panel {
-    height: 100%;
-  }
-
-  .panel .el-table {
-    border-radius: 5px;
-  }
-
-  .panel-list-width {
-    width:240px;
-  }
-
-  .panel-dropdown-title {
-    line-height:24px;
-    padding-left:5px;
-    margin-left:10px;
-    margin-top: 3px;
-    text-align:left;
-    border-radius:4px;
-    width:120px;
-    height:24px;
-    border:solid 1px  #d8dce1;
-    white-space: nowrap;
-    overflow-x: hidden;
-    text-overflow: ellipsis;
-  }
-  .panel-list-title {
-    min-height:24px;
-    width:100px;
-    white-space: nowrap;
-    overflow-x: hidden;
-    text-overflow: ellipsis;
-  }
-
-  .panel-list-item {
-    width:190px;
-    white-space: nowrap;
-    overflow-x: hidden;
-    text-overflow: ellipsis;
-  }
-
-  .content-right-option {
-    cursor: pointer;
-    display: inline-block;
-    margin-right: 6px;
-  }
-
-  .content-right-option .nz-icon-delete {
-    color: #F98D9A;
-  }
-
-  .content-right-option .nz-icon-delete:hover {
-    color: #D96D7A;
-  }
-
-  .content-right-option .nz-icon-view {
-    color: #60BEFF;
-  }
-
-  .content-right-option .nz-icon-view:hover {
-    color: #409EFF;
-  }
-
-  /* begin-chart list*/
-  .table-list {
-    overflow-y: auto;
-    height: 100%;
-    padding: 20px 0;
-    box-sizing: border-box;
-  }
-
-  .box-content {
-    position: relative;
-  }
-
-  /* end-chart list*/
-  /* begin--Panel-自定义可编辑的el-select下拉框样式*/
-  .panel-dropdown-btn {
-    display: inline-block;
-    margin-left: 7px;
-    float: right;
-    color: #60BEFF;
-    font-size: 13px
-  }
-
-  .panel-dropdown-btn:hover {
-    color: #409EFF;
-  }
-
-  .panel-dropdown-btn-create {
-    display: inline-block;
-    float: left;
-    font-size: 13px;
-    color: #F98D9A;
-    width: 100%;
-  }
-
-  .panel-dropdown-btn-create:hover {
-    color: #D96D7A;
-  }
-
-  .panel-dropdown-btn-delete {
-    color: #F98D9A;
-    font-size: 13px
-  }
-
-  .panel-dropdown-btn-delete:hover {
-    color: #D96D7A;
-  }
-
-  .panel-dropdown-error-message {
-    color: #F98D9A;
-  }
-
-  /* end--Panel-自定义可编辑的el-select下拉框样式*/
-  .panel-select-width {
-    width: 150px;
-  }
-
-  .panel-refresh-interval {
-    margin-right: 5px;
-    float: right;
-  }
-
-  .panel-refresh-interval-select {
-    width: 95px;
-  }
-
-  .panel-calendar {
-    float: right;
-    margin-right: 1px;
-  }
-
-  .top-tools {
-    button {
-      background: $btn-light-background-color;
-      outline: none;
-      border: 1px solid #ccc;
-    }
-
-    button:hover {
-      background: $btn-light-background-color-hover;
-    }
-  }
-
-  .nz-dashboard-dropdown {
-    height: 300px;
-    overflow-y: auto;
-    li {
-      /*padding: 0 20px !important;*/
-      padding-left:20px !important;
-      padding-right:0px !important;
-      width:240px;
-      white-space:nowrap;
-      overflow-x:hidden;
-      text-overflow:ellipsis;
-    }
-  }
-
-  .nz-dashboard-dropdown-bg {
-    background: $global-text-color-active;
-    color: #fff;
-  }
-
-  .el-dropdown-link {
-    cursor: pointer;
-    font-weight: bold;
-  }
-
-  .refresh {
-    display: flex;
-    background: #fff;
-    border-radius: 4px;
-    align-items: center;
-    justify-content: center;
-    margin: 0 10px;
-    border: 1px solid #ccc;
-    background: $btn-light-background-color;
-
-    span {
-      display: inline-block;
-      padding: 1px 8px;
-    }
-  }
-
-  .popover_ul li {
-    padding: 10px 3px;
-    cursor: pointer;
-  }
-
-  .popover_ul li:hover {
-    background: $dropdown-hover-background-color !important;
-    color: $global-text-color-active !important;
-  }
-
-  .nz-dashboard-refresh {
-    border-right: 1px solid #ccc;
-    color: #F0BF84;
-  }
-
-  .nz-dashboard-picker {
-  }
-.full-width-height{
-  width: 100%;
-  height: 100%;
-}
-</style>
-<style lang="scss">
-  .nz-dashboard-dropdown {
-    z-index: 3001 !important;
-  }
-  .panel-calendar .el-range-editor--mini.el-input__inner {
-    height: 25px !important;
-    border-color: #d8d8d8;
-  }
-
-  .panel-calendar .el-range-editor--mini .el-range__close-icon {
-    line-height: 18px;
-  }
-
-  .panel-calendar .el-range-editor--mini .el-range__icon {
-    display: none;
-  }
-
-  .panel-calendar .el-range-editor--mini .el-range-separator {
-    line-height: 17px;
-  }
-
-  .panel-calendar .el-date-editor--datetimerange.el-input, .panel-calendar .el-date-editor--datetimerange.el-input__inner {
-    padding-right: 0;
-    vertical-align: top;
-  }
-
-  .nz-dashboard-dropdown .nz-icon-edit {
-    font-size: 12px;
-  }
-</style>