fix tables global styles

1 files changed, 5 insertions, 50 deletions

diff --git a/src/views/SILA/AnalyticalPanel/AnalyticalPanelPage.vue b/src/views/SILA/AnalyticalPanel/AnalyticalPanelPage.vue
index 045fc5ef..72e6e77e 100644
--- a/src/views/SILA/AnalyticalPanel/AnalyticalPanelPage.vue
+++ b/src/views/SILA/AnalyticalPanel/AnalyticalPanelPage.vue
@@ -9,7 +9,8 @@
         <b-table
           show-empty
           responsive="md"
-          class="bootstrap-analytical-table"
+          class="table-analytical"
+          no-border-collapse
           :items="serverItems"
           :fields="server_fields"
         >
@@ -36,8 +37,8 @@
             show-empty
             :sticky-header="stickyHeader"
             responsive="md"
-            class="bootstrap-analytical-table"
-            :no-border-collapse="true"
+            class="table-analytical"
+            no-border-collapse
             :items="eventsItems"
             :fields="events_fields"
           >
@@ -114,11 +115,6 @@
       :first-action="selectAmper"
       :second-action="selectVolt"
     />
-    <!-- <unit-popover
-        :select-amper="selectAmper"
-        :select-volt="selectVolt"
-        :unit="unit"
-      /> -->
     <date-switch :switch-time-scale="switchTimeScale" :time-scale="timeScale" />
     <accessory-table :records="accessoryData.power" />
     <power-table :time-scale="timeScale" />
@@ -163,18 +159,12 @@ export default {
           key: 'param',
           label: 'Раздел',
           formatter: this.dataFormatter,
-          thClass: 'semi-bold-12px__caps bootstrap-analytical-th',
-          class: 'bootstrap-analytical-table__column-first',
-          tdClass: 'regular-12px bootstrap-analytical-table__td',
         },
         {
           key: 'value',
           label: 'Статус',
           formatter: this.dataFormatter,
-          thClass: 'semi-bold-12px__caps bootstrap-analytical-th',
-          class:
-            'bootstrap-rounded-table__column-last analytical-table__status',
-          tdClass: 'regular-12px bootstrap-analytical-table__td',
+          thStyle: { width: '10%' },
         },
       ],
       events_fields: [
@@ -182,25 +172,16 @@ export default {
           key: 'date',
           label: 'Время',
           formatter: this.dataFormatter,
-          thClass: 'semi-bold-12px__caps bootstrap-analytical-th',
-          class: 'bootstrap-analytical-table__column-first',
-          tdClass: 'regular-12px bootstrap-analytical-table__td',
         },
         {
           key: 'type',
           label: 'Тип события',
           formatter: this.dataFormatter,
-          thClass: 'semi-bold-12px__caps bootstrap-analytical-th',
-          class: 'bootstrap-analytical-table__column-center',
-          tdClass: 'regular-12px bootstrap-analytical-table__td',
         },
         {
           key: 'description',
           label: 'О событии',
           formatter: this.dataFormatter,
-          thClass: 'semi-bold-12px__caps bootstrap-analytical-th',
-          class: 'bootstrap-analytical-table__column-last',
-          tdClass: 'regular-12px bootstrap-analytical-table__td',
         },
       ],
     };
@@ -218,32 +199,6 @@ export default {
   },
 };
 </script>
-<style lang="scss">
-.analytical-table__status {
-  width: 10%;
-}
-
-#popover-unit-ractive {
-  padding-left: 5px;
-}
-
-#popover-unit-ampere {
-  width: 89px;
-  height: 28px;
-  border-radius: 8px;
-  font-weight: 500;
-  font-size: 12px;
-}
-
-#popover-unit-volt {
-  width: 89px;
-  height: 28px;
-  border-radius: 8px;
-  font-weight: 500;
-  font-size: 12px;
-  // color: $red-brand-primary;
-}
-</style>
 <style lang="scss" scoped>
 .tables-container {
   display: flex;