[update] echarts公共配置抽离，井口数据监控表格调整UI相同

src/views/systemOverview/systemSettings/SystemSettings.vue

@@ -65,10 +65,9 @@
               <a-tooltip>
                 <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
                 <div class="table-text"
-                     style="width: 76px;"
                      :class="{
-                      'tag-blue': record.userType === userType.admin.value,
-                      'tag-cyan': record.userType === userType.common.value
+                      'tag-blue width-76': record.userType === userType.admin.value,
+                      'tag-cyan width-76': record.userType === userType.common.value
                 }">{{ text || text === 0 ? text : global.emptyLine }}</div>
               </a-tooltip>
             </template>
@@ -160,10 +159,9 @@
               <a-tooltip>
                 <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
                 <div class="table-text"
-                     style="width: 118px;"
                      :class="{
-                      'tag-blue': text === msgType.hostToDevice.label,
-                      'tag-cyan': text === msgType.deviceToHost.label
+                      'tag-blue width-118': text === msgType.hostToDevice.label,
+                      'tag-cyan width-118': text === msgType.deviceToHost.label
                 }">{{ text || text === 0 ? text : global.emptyLine }}</div>
               </a-tooltip>
             </template>
@@ -562,4 +560,10 @@ export default {
     }
   }
 }
+.width-118 {
+  width: 118px;
+}
+.width-76 {
+  width: 76px;
+}
 </style>