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

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

@ -39,10 +39,11 @@
基础信息 基础信息
</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="remain-info">
<div class="info-item"> <div class="info-item">
<span class="label">模板名称</span> <span class="label">模板名称</span>
<span class="value">{{ progressDetail.contentName || '--' }}</span> <span class="value">{{ progressDetail.contentName || '--' }}</span>
@ -52,6 +53,7 @@
<span class="value">{{ progressDetail.templateVersion || '--' }}</span> <span class="value">{{ progressDetail.templateVersion || '--' }}</span>
</div> </div>
</div> </div>
</div>
</section> </section>
<section class="block-section"> <section class="block-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,17 +844,8 @@ export default {
} }
.info-grid { .info-grid {
display: grid;
grid-template-columns: repeat(3, minmax(200px, 1fr));
gap: 16px 24px;
.info-item {
display: flex;
flex-direction: column;
gap: 6px;
.label { .label {
font-size: 13px; font-size: 15px;
color: #909399; color: #909399;
} }
@ -861,6 +854,25 @@ export default {
color: #303133; color: #303133;
font-weight: 500; font-weight: 500;
} }
.theme-info-item {
display: flex;
gap: 16px 24px;
margin-bottom: 16px;
.value {
flex: 1;
}
}
.remain-info {
display: flex;
gap: 16px 24px;
.info-item {
flex: 1;
display: flex;
gap: 16px 24px;
}
} }
} }

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

@ -37,10 +37,11 @@
基础信息 基础信息
</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="remain-info">
<div class="info-item"> <div class="info-item">
<span class="label">机型名称</span> <span class="label">机型名称</span>
<span class="value">{{ progressDetail.modelName || '--' }}</span> <span class="value">{{ progressDetail.modelName || '--' }}</span>
@ -50,6 +51,7 @@
<span class="value">{{ progressDetail.applicant || '--' }}</span> <span class="value">{{ progressDetail.applicant || '--' }}</span>
</div> </div>
</div> </div>
</div>
</section> </section>
<section class="block-section"> <section class="block-section">
<div class="section-title"> <div class="section-title">
@ -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,20 +941,9 @@ export default {
} }
.info-grid { .info-grid {
display: grid;
grid-template-columns: repeat(3, minmax(200px, 1fr));
gap: 16px 24px;
.info-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
.label { .label {
font-size: 16px; font-size: 15px;
color: #909399; color: #909399;
white-space: nowrap;
} }
.value { .value {
@ -960,6 +951,25 @@ export default {
color: #303133; color: #303133;
font-weight: 500; font-weight: 500;
} }
.theme-info-item {
display: flex;
gap: 16px 24px;
margin-bottom: 16px;
.value {
flex: 1;
}
}
.remain-info {
display: flex;
gap: 16px 24px;
.info-item {
flex: 1;
display: flex;
gap: 16px 24px;
}
} }
} }