员工主播管理，鼠标移入id 显示分配人

src/views/server/manageemployeehosts/index.vue

@@ -47,7 +47,7 @@
             <el-select v-model="queryParams.region" :placeholder="t('newHosts.placeHostsCountry')" clearable
               class="!w-240px" @change="changeCountry(queryParams.region)">
               <el-option v-for="dict in getStrDictOptions(DICT_TYPE.COUNTRY_GROUP)" :key="dict.value"
-                :label="$t(dict.label)" :value="dict.value" />
+                :label="dict.label" :value="dict.value" />
             </el-select>
           </el-form-item>
           <el-form-item :label="t('newHosts.hostsCountryinfo')" prop="country">
@@ -136,19 +136,29 @@
     <el-table v-if="!isMobile" v-loading="loading" :data="list" :stripe="true"
       @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" />
-
       <el-table-column :label="$t('employee.hostsId')" align="center" prop="hostsId">
         <template #default="scope">
-          <div style="color: green; text-decoration: underline;" @click="openHtml(scope.row, scope.row.hostsId)">
-            {{ scope.row.hostsId }}</div>
+          <el-tooltip class="box-item" effect="dark" :content="test(scope.row.userId)" placement="right">
+            <div style="color: green; text-decoration: underline;" @click="openHtml(scope.row, scope.row.hostsId)">
+              {{ scope.row.hostsId }}</div>
+          </el-tooltip>
+
         </template>
       </el-table-column>
+
       <el-table-column align="center" prop="hostsId" width="75">
         <template #default="scope">
           <el-link type="primary" @click="handleCopy(scope.row.hostsId)">复制</el-link>
-        </template>
 
+        </template>
       </el-table-column>
+
+
+
+
+
+
+
       <el-table-column :label="$t('employee.hostsLevel')" align="center" prop="hostsLevel" />
       <el-table-column :label="$t('employee.invitationType')" align="center" prop="invitationType">
         <template #default="scope">
@@ -592,6 +602,11 @@ function exportAi() {
 // onMounted(() => {
 //   getList()
 // })
+
+function test(id) {
+  const foundItem = allocationUserList.value.find(item => item.value === id);
+  return foundItem ? foundItem.label : null;
+}
 </script>
 
 <style scoped>