fix(company): 公司详情 已启用应用 图标改按组件名渲染
AppIcon 存的是 Element Plus 图标组件名(UserFilled/Connection/Money 等)而非图片 URL,原实现用 img :src=AppIcon 会加载失败变成破图,且不落回默认图标。改为与 AppMarket/AppMine/AppPending 一致:el-icon + component :is=(AppIcon 或 Grid),无图标时回退默认 Grid 占位图标;顺带移除已失效的 .company-app-icon img 样式。
This commit is contained in:
1 parent
507419b6d6
commit
bdc4cc776b
1 file changed
+2
-9
@@ -407,8 +407,8 @@ watch(companyUUID, () => {
|
||||
<template v-else>
|
||||
<div v-for="a in companyApps" :key="a.AppUUID" class="company-app-item">
|
||||
<div class="company-app-icon">
|
||||
<img v-if="a.AppIcon" :src="a.AppIcon" :alt="a.AppName" />
|
||||
<el-icon v-else :size="20"><Grid /></el-icon>
|
||||
<!-- AppIcon 为 Element Plus 图标组件名(非图片 URL),无值时回退默认图标 -->
|
||||
<el-icon :size="20"><component :is="a.AppIcon || 'Grid'" /></el-icon>
|
||||
</div>
|
||||
<div class="company-app-main">
|
||||
<div class="company-app-name">{{ a.AppName || a.AppCode }}</div>
|
||||
@@ -774,13 +774,6 @@ watch(companyUUID, () => {
|
||||
color: var(--el-color-primary);
|
||||
flex-shrink: 0;
|
||||
overflow: hidden;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.company-app-main {
|
||||
|
||||
Reference in new issue
Block a user