feat: 项目编号移动到项目名称前面,项目图片改为展示项目编号
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user