jiezhoufg/apaas-custom-mydemo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: [流程查询] 更改基础信息的展示问题

Browse Source
This commit is contained in:
yehuangf 2025-12-29 15:29:43 +08:00
parent 08243e4a37
commit 4b692a3578
2 changed files with 72 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/custom/apaas-custom-mydemo/custom-page/approvalProgressDetail.vue
View File

@ -39,17 +39,19 @@
基础信息
</div>
<div class="info-grid">
<div class="info-item">
<div class="theme-info-item">
<span class="label">流程主题</span>
<span class="value">{{ progressDetail.progressTitle || '--' }}</span>
</div>
<div class="info-item">
<span class="label">模板名称</span>
<span class="value">{{ progressDetail.contentName || '--' }}</span>
</div>
<div class="info-item">
<span class="label">版本</span>
<span class="value">{{ progressDetail.templateVersion || '--' }}</span>
<div class="remain-info">
<div class="info-item">
<span class="label">模板名称</span>
<span class="value">{{ progressDetail.contentName || '--' }}</span>
</div>
<div class="info-item">
<span class="label">版本</span>
<span class="value">{{ progressDetail.templateVersion || '--' }}</span>
</div>
</div>
</div>
</section>
@ -764,7 +766,7 @@ export default {
.detail-panel {
width: 100%;
max-width: 1200px;
// max-width: 1200px;
background: #ffffff;
border-radius: 12px;
overflow: hidden;
@ -842,24 +844,34 @@ export default {
}
.info-grid {
display: grid;
grid-template-columns: repeat(3, minmax(200px, 1fr));
gap: 16px 24px;
.label {
font-size: 15px;
color: #909399;
}
.info-item {
.value {
font-size: 15px;
color: #303133;
font-weight: 500;
}
.theme-info-item {
display: flex;
flex-direction: column;
gap: 6px;
.label {
font-size: 13px;
color: #909399;
}
gap: 16px 24px;
margin-bottom: 16px;
.value {
font-size: 15px;
color: #303133;
font-weight: 500;
flex: 1;
}
}
.remain-info {
display: flex;
gap: 16px 24px;
.info-item {
flex: 1;
display: flex;
gap: 16px 24px;
}
}
}

62
src/custom/apaas-custom-mydemo/custom-page/engineCheck.vue
View File

@ -37,17 +37,19 @@
基础信息
</div>
<div class="info-grid">
<div class="info-item">
<div class="theme-info-item">
<span class="label">流程主题</span>
<span class="value">{{ progressDetail.processTitle || '--' }}</span>
</div>
<div class="info-item">
<span class="label">机型名称</span>
<span class="value">{{ progressDetail.modelName || '--' }}</span>
</div>
<div class="info-item">
<span class="label">发起人</span>
<span class="value">{{ progressDetail.applicant || '--' }}</span>
<div class="remain-info">
<div class="info-item">
<span class="label">机型名称</span>
<span class="value">{{ progressDetail.modelName || '--' }}</span>
</div>
<div class="info-item">
<span class="label">发起人</span>
<span class="value">{{ progressDetail.applicant || '--' }}</span>
</div>
</div>
</div>
</section>
@ -862,7 +864,7 @@ export default {
.detail-panel {
width: 100%;
max-width: 1200px;
// max-width: 1200px;
background: #ffffff;
border-radius: 12px;
overflow: hidden;
@ -939,26 +941,34 @@ export default {
}
.info-grid {
display: grid;
grid-template-columns: repeat(3, minmax(200px, 1fr));
gap: 16px 24px;
.label {
font-size: 15px;
color: #909399;
}
.info-item {
.value {
font-size: 15px;
color: #303133;
font-weight: 500;
}
.theme-info-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
.label {
font-size: 16px;
color: #909399;
white-space: nowrap;
}
gap: 16px 24px;
margin-bottom: 16px;
.value {
font-size: 15px;
color: #303133;
font-weight: 500;
flex: 1;
}
}
.remain-info {
display: flex;
gap: 16px 24px;
.info-item {
flex: 1;
display: flex;
gap: 16px 24px;
}
}
}