修改样式

src/layout/components/Navbar.vue

@@ -7,9 +7,12 @@
       <i class='el-icon-location-information topIcon'></i>
 
       <el-popover placement="top-start"
-                  width="200"
-                  trigger="hover"
-                  :content="organName">
+                  width="300"
+                  trigger="hover">
+        <template>
+          <!-- <p style="color: red">{{ organName }}</p> -->
+          <el-tag class="navbar_tag" type="info" v-for="item in organNameList" :key="item">{{ item }}</el-tag>
+        </template>
         <span slot="reference">{{ organName.length > 10 ? organName.substr(0, 10) + '...' : organName}}</span>
       </el-popover>
     </div>
@@ -110,6 +113,7 @@ export default {
     return {
       username: '',
       organName: this.$store.getters.organName,
+      organNameList: [],
       resetVisible: false,
       resetForm: {
         phone: '',
@@ -133,6 +137,8 @@ export default {
     // 手动加入
     this.toggleSideBar();
     this.username = this.$store.getters.name;
+    this.organNameList = this.organName.split(',')
+    console.log(this.organNameList)
   },
   methods: {
     toggleSideBar () {
@@ -214,6 +220,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.navbar_tag {
+  margin: 0 5px 8px;
+}
 .navbar {
   display: flex;
   flex-direction: row;

src/views/operateManager/serverIndexList.vue

@@ -175,7 +175,11 @@
             align="center"
             prop="groupNames"
             label="乐团名称"
-          ></el-table-column>
+          >
+            <template slot-scope="scope">
+              <overflow-text width="100%" :text="scope.row.groupNames"></overflow-text>
+            </template>
+          </el-table-column>
           <el-table-column align="center" prop="teacherName" label="指导老师">
             <template slot-scope="scope">
               <div>