调整项目管理参与人的显示

fhKeeper/formulahousekeeper/timesheet/src/views/project/list.vue

@@ -71,9 +71,19 @@
             </el-table-column>
             <el-table-column prop="participator" label="参与者" sortable v-if="user.company.packageProject==0">
                 <template slot-scope="scope">
-                    <v-for v-for="par in scope.row.participator" :key="par.id" >
+                    <!-- <v-for v-for="par in scope.row.participator" :key="par.id" >
                         <el-link style="margin-right:10px;" type="primary" @click="showUser(par.id)">{{par.name}}</el-link>
-                    </v-for>
+                    </v-for> -->
+                    <el-popover placement="top" width="700" trigger="hover" v-if="scope.row.participator.length > 0">
+                        <span v-for="par in scope.row.participator" :key="par.id">
+                            <el-link style="margin-right:10px;" type="primary" @click="showUser(par.id)">{{par.name}}</el-link>
+                        </span>
+                        <div slot="reference" class="addss">
+                            <span v-for="par in scope.row.participator" :key="par.id">
+                                <el-link style="margin-right:10px;" type="primary" @click="showUser(par.id)">{{par.name}}</el-link>
+                            </span>
+                        </div>
+                    </el-popover>
                 </template>
             </el-table-column>
             <!-- 客户管理 -->
@@ -1653,4 +1663,10 @@
     display: inline-table;
     margin-top: 20px;
 }
+.addss {
+    width: 100%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
 </style>