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