|
|
@@ -72,7 +72,53 @@
|
|
|
<el-tag v-if="scope.row.projectId !== null">{{ getProjectLabel(scope.row.projectId) }}</el-tag>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="会员ID" align="center" prop="userId" />
|
|
|
+ <el-table-column label="会员ID" align="center" prop="userId" width="120">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div style="display: flex; align-items: center; justify-content: center; gap: 8px;">
|
|
|
+ <el-popover
|
|
|
+ placement="right"
|
|
|
+ trigger="hover"
|
|
|
+ width="auto"
|
|
|
+ >
|
|
|
+ <div style="text-align: center;">
|
|
|
+ <el-image
|
|
|
+ v-if="scope.row.avatar"
|
|
|
+ style="width: 100px; height: 100px; border-radius: 8px;"
|
|
|
+ :src="scope.row.avatar"
|
|
|
+ :preview-src-list="[scope.row.avatar]"
|
|
|
+ fit="cover"
|
|
|
+ >
|
|
|
+ <div slot="error" class="image-slot">
|
|
|
+ <i class="el-icon-picture-outline" style="font-size: 40px;"></i>
|
|
|
+ </div>
|
|
|
+ </el-image>
|
|
|
+ <div v-if="scope.row.nickname" style="margin-top: 8px; font-weight: bold;">
|
|
|
+ {{ scope.row.nickname }}
|
|
|
+ </div>
|
|
|
+ <div style="color: #999; font-size: 12px; margin-top: 4px;">
|
|
|
+ ID: {{ scope.row.userId }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div slot="reference" style="cursor: pointer;">
|
|
|
+ <el-avatar
|
|
|
+ v-if="scope.row.avatar"
|
|
|
+ :size="32"
|
|
|
+ :src="scope.row.avatar"
|
|
|
+ :alt="scope.row.nickname || '用户头像'"
|
|
|
+ style="border: 1px solid #e8e8e8;"
|
|
|
+ />
|
|
|
+ <el-avatar
|
|
|
+ v-else
|
|
|
+ :size="32"
|
|
|
+ icon="el-icon-user-solid"
|
|
|
+ style="background-color: #f0f2f5; color: #909399;"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </el-popover>
|
|
|
+ <span style="font-weight: 500;">{{ scope.row.userId }}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column label="昵称" align="center" prop="nickname" />
|
|
|
<el-table-column label="所属销售" align="center" prop="companyUserNickName" />
|
|
|
<el-table-column label="手机号码" align="center" prop="phone" />
|
