feat: 项目编号移动到项目名称前面,项目图片改为展示项目编号

This commit is contained in:
JiangSheng
2026-01-27 16:13:08 +08:00
parent 60dbccb0dd
commit f80c239d8c

View File

@@ -34,6 +34,21 @@
</template>
</el-dropdown>
<div class="img-box">
<template v-if="enableConfigByTenant([TENANT_ENUM.LYRIC])">
<div
class="gl-pointer-class pure-bg"
@click="goProjectDetailFun(project.uuid, project.nodeName)"
>
<span
class="node-code"
@click="goProjectDetailFun(project.uuid, project.nodeName)"
>
{{ project.nodeCode }}
</span>
</div>
</template>
<template v-else>
<img
class="gl-pointer-class"
v-if="project.detailImgUrl"
@@ -55,6 +70,8 @@
src="@/assets/imgs/projectList/project-green.png"
alt=""
/>
</template>
</div>
<div class="bottom-box">
<span
@@ -104,6 +121,11 @@
同步
</el-button> -->
</template>
<template #nodeCode="{ row }">
<span class="gl-pointer-class" @click="goProjectDetailFun(row.uuid, row.nodeName)">
{{ row.nodeCode }}
</span>
</template>
<template #nodeName="{ row }">
<span class="gl-pointer-class" @click="goProjectDetailFun(row.uuid, row.nodeName)">
{{ row.nodeName }}
@@ -173,7 +195,7 @@ import { projectStatus } from '@/components/common/statusDot/statusMap';
import { MoreFilled } from '@element-plus/icons-vue';
import { ElMessageBox } from 'element-plus';
import { PROJECT_EXE_STATUS_CODE } from '@/utils/enum/project';
// import { enableConfigByTenant, TENANT_ENUM } from '@/tenants/tenant';
import { enableConfigByTenant, TENANT_ENUM } from '@/tenants/tenant';
// import { getUserId, getUserTenantId } from '@/utils/user';
import projectOverview from '@/views/task/projectOverview/index.vue';
@@ -540,10 +562,35 @@ const shwoProjectsFun = () => {
cursor: pointer;
}
}
.img-box {
width: 100%;
height: 100%;
position: relative;
img {
width: 100%;
height: 100%;
}
.pure-bg {
width: 100%;
height: 100%;
background: rgba(216, 210, 210, 0.2);
display: flex;
align-items: center;
justify-content: center;
}
.node-code {
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--el-color-primary);
font-size: 20px;
cursor: pointer;
width: 100%;
text-align: center;
padding: 0 15px;
}
}
.bottom-box {
position: absolute;
left: 0;