逻辑库列表。用户组显示优化

src/views/xtfkgl/AjXtljfkView.vue

@@ -25,6 +25,7 @@
                                             class="item"
                                             effect="dark"
                                             placement="bottom"
+                                            :open-delay="300"
                                             style="width: auto !important">
                                         <span>{{ item.name }}</span>
                                         <div slot="content" class="tooTipBtn">
@@ -55,8 +56,7 @@
                                             v-for="item in scope.row.groups"
                                             :class="{divtext:item.type === 1}"
                                             :title="item.name"
-                                            :key="item.id"
-                                    >
+                                            :key="item.id">
                                         <div v-if="item.type === 1 && item.user && item.user.length >0">
                                             <el-tooltip
                                                     class="item"
@@ -205,7 +205,7 @@ export default {
     this.width5 = (this.width5 * w2) / w1
     this.width6 = (this.width6 * w2) / w1
 
-    this.initTestData()
+    // this.initTestData()
     // this.getList()
   },
   methods: {

src/views/xtfkgl/RyXtljfkView.vue

@@ -14,16 +14,16 @@
                 <el-table-column prop="sjkyh" label="数据库用户组/用户" :width="width2">
                     <template slot-scope="scope">
                         <div class="tagsBox">
-                            <div v-for="item in strArr(scope.row.groups)"
+
+                            <div v-for="item in strArr(scope.row.groups)" :key="item.logicId"
                                  :class="{ tags: true, tagszu: item.type === 1 }"
-                                 :key="item.logicId"
                                  v-show="item !== ''">
-
                                 <div v-if="item.type === 1 && item.user && item.user.length >0">
                                     <el-tooltip
                                             class="item"
                                             effect="dark"
                                             placement="bottom"
+                                            :open-delay="300"
                                             style="width: auto !important">
                                         <span>{{ item.name }}</span>
                                         <div slot="content" class="tooTipBtn">
@@ -50,23 +50,21 @@
 
                                 <span style="margin-left: 5px">...</span>
                                 <div slot="content" class="tooTipBtn">
-                                    <div
-                                            v-for="item in scope.row.groups"
-                                            :class="{divtext:item.type === 1}"
-                                            :title="item.name">
+                                    <div v-for="item in scope.row.groups">
                                         <div v-if="item.type === 1 && item.user && item.user.length >0">
                                             <el-tooltip
                                                     class="item"
                                                     effect="dark"
                                                     placement="right"
-                                                    style="width: auto !important">
-                                                <span>{{ item.name }}</span>
+                                                    style="width: auto !important;">
+                                                <div :class="{divtext:item.type === 1}">
+                                                    <span>{{ item.name }}</span>
+                                                </div>
                                                 <div slot="content" class="tooTipBtn">
                                                     <div
                                                             v-for="it in item.user"
                                                             :title="it.name"
-                                                            :key="it.id"
-                                                    >
+                                                            :key="it.id">
                                                         {{ it.name }}
                                                     </div>
                                                 </div>
@@ -204,7 +202,7 @@ export default {
     this.width5 = (this.width5 * w2) / w1
     this.width6 = (this.width6 * w2) / w1
 
-    this.initTestData()
+    // this.initTestData()
     this.getList()
   },
   methods: {