yxk-20260729
改善提案 Task_improve005 不显示 TaskHandleInnerContent。评委选择“投票通过”或“投票反对”后弹出确认框;确认即锁定个人投票并直接完成当前流程任务。
This commit is contained in:
@@ -86,12 +86,15 @@
|
||||
</template>
|
||||
|
||||
<template v-if="isTask('Task_improve005')">
|
||||
<a-form-item label="我的投票">
|
||||
<a-space v-if="currentVote">
|
||||
<a-button :type="currentVote.voteResult === 'agree' ? 'primary' : 'default'" :loading="savingVote" @click="confirmInstituteVote('agree')">投票通过</a-button>
|
||||
<a-button danger :type="currentVote.voteResult === 'disagree' ? 'primary' : 'default'" :loading="savingVote" @click="confirmInstituteVote('disagree')">投票反对</a-button>
|
||||
<span>{{ voteResultLabel(currentVote) }}</span>
|
||||
</a-space>
|
||||
<!-- 投票操作独占整行,避免受通用标签列宽影响而视觉偏右。 -->
|
||||
<a-form-item label="我的投票" class="vote-action-form-item" :label-col="{ span: 24 }" :wrapper-col="{ span: 24 }">
|
||||
<div v-if="currentVote" class="vote-action-panel">
|
||||
<div class="vote-action-buttons">
|
||||
<a-button size="large" type="primary" class="vote-action-button" :loading="savingVote" @click="confirmInstituteVote('agree')">投票通过</a-button>
|
||||
<a-button size="large" danger class="vote-action-button" :type="currentVote.voteResult === 'disagree' ? 'primary' : 'default'" :loading="savingVote" @click="confirmInstituteVote('disagree')">投票反对</a-button>
|
||||
</div>
|
||||
<span class="vote-action-status">{{ voteResultLabel(currentVote) }}</span>
|
||||
</div>
|
||||
<span v-else class="form-help">当前用户不在所级评议投票名单中。</span>
|
||||
</a-form-item>
|
||||
</template>
|
||||
@@ -516,6 +519,44 @@
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.vote-action-panel {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.vote-action-form-item {
|
||||
:deep(.ant-form-item-label) {
|
||||
padding-bottom: 8px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
:deep(.ant-form-item-control-input-content) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.vote-action-buttons {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(160px, 1fr));
|
||||
gap: 16px;
|
||||
width: min(100%, 352px);
|
||||
}
|
||||
|
||||
.vote-action-button {
|
||||
min-width: 160px;
|
||||
height: 52px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.vote-action-status {
|
||||
margin-top: 10px;
|
||||
color: #64748b;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.vote-member-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
|
||||
@@ -551,4 +592,15 @@
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.vote-action-buttons {
|
||||
grid-template-columns: 1fr;
|
||||
width: min(100%, 280px);
|
||||
}
|
||||
|
||||
.vote-action-button {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user