图表样式

src/components/Query/clickQuery/clickQuery.vue

@@ -33,7 +33,13 @@
             查询结果{{ index + 1
             }}<i title="定位" class="header-icon el-icon-s-promotion flyBtn2" @click.stop="flyTo(index)"></i>
           </template>
-          <el-table :data="item" :show-header="false" border style="width: 100%">
+          <el-table :data="item" :show-header="false" border style="width: 100%" :header-cell-style="{
+            background: 'rgba(10, 25, 38, 0.6)',
+            color: '#66b1ff',
+            fontSize: '14px',
+            fontFamily: 'Microsoft YaHei',
+            fontWeight: '400',
+          }">
             <el-table-column prop="name" label="字段" width="100">
             </el-table-column>
             <el-table-column prop="value" label="值" width="208">
@@ -127,7 +133,7 @@ export default {
       return store.state.toolBar[9];
     },
     vectorShow: function () {
-      return store.state.cockpit_vector.title ||store.state.cockpit_vector. goitem ? !store.state.viewer_flag : true
+      return store.state.cockpit_vector.title || store.state.cockpit_vector.goitem ? !store.state.viewer_flag : true
     },
   },
   created() { },
@@ -731,8 +737,6 @@ export default {
 };
 </script>
 <style>
-
-
 .sm-function-module-content-btn {
   text-align: center;
   padding-top: 5px;
@@ -800,4 +804,40 @@ export default {
 </style>
 <style lang="scss" scoped>
 @import "clickQuery";
+
+
+/deep/ .el-table tr {
+  background: rgba(10, 25, 38, 0.5) !important;
+}
+
+/deep/ .el-table td.el-table__cell,
+.el-table th.el-table__cell.is-leaf {
+  background: rgba(10, 25, 38, 0.5) !important;
+
+  border-bottom: 1px solid #EBEEF5;
+}
+
+
+.el-table {
+  color: #fff;
+  background: rgba(10, 25, 38, 0.5) !important;
+}
+
+/deep/ .el-table__fixed-right::before,
+.el-table__fixed::before {
+
+  background: rgba(10, 25, 38, 0.9) !important;
+
+}
+
+/deep/ .el-table__fixed-right-patch {
+  background: rgba(10, 25, 38, 0.9) !important;
+
+}
+
+/deep/ .el-table--border::after,
+.el-table--group::after,
+.el-table::before {
+  background: rgba(10, 25, 38, 0) !important;
+}
 </style>