|
@@ -10,7 +10,6 @@
|
|
|
activatable
|
|
|
color="primary"
|
|
|
item-value="id"
|
|
|
- item-title="anotherName"
|
|
|
open-all
|
|
|
open-strategy="single"
|
|
|
density="compact"
|
|
@@ -18,7 +17,10 @@
|
|
|
@update:opened="handleClick"
|
|
|
>
|
|
|
<template v-slot:title="{ item }">
|
|
|
- <div style="font-size: 15px;">{{ item.anotherName }}</div>
|
|
|
+ <div class="treeTitle font-size-15">
|
|
|
+ {{ item.anotherName || item.name }}
|
|
|
+ <v-tooltip activator="parent" location="end">{{ item.anotherName || item.name }}</v-tooltip>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
</v-treeview>
|
|
|
</v-col>
|
|
@@ -123,7 +125,7 @@ const tableData = ref([])
|
|
|
const treeData = ref([])
|
|
|
const headers = [
|
|
|
{ title: t('login.username'), key: 'name', sortable: false },
|
|
|
- { title: t('enterprise.userManagement.affiliatedEnterprise'), key: 'enterpriseAnotherName', sortable: false },
|
|
|
+ { title: t('enterprise.userManagement.affiliatedEnterprise'), key: 'enterpriseAnotherName', sortable: false, value: item => item.enterpriseAnotherName || item.enterpriseName },
|
|
|
{ title: t('enterprise.userManagement.post'), key: 'postName', sortable: false },
|
|
|
{ title: t('enterprise.userManagement.phone'), key: 'phone', sortable: false },
|
|
|
{ title: t('enterprise.userManagement.email'), key: 'email', sortable: false },
|
|
@@ -357,4 +359,11 @@ const handleSubmit = async () => {
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
}
|
|
|
+.treeTitle {
|
|
|
+ width: 100%;
|
|
|
+ max-width: 100%;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
</style>
|