| | |
| | | <template #main> |
| | | <el-scrollbar> |
| | | <ToolBar |
| | | ref="toolBarRef" |
| | | class="toolbar-sticky" |
| | | :title="curSubtask.title" |
| | | :descriptions="proStatus" |
| | | :buttons="buttons" |
| | | :loading="mainLoading" |
| | | ></ToolBar> |
| | | <el-scrollbar |
| | | v-if="curProList.length > 0" |
| | | class="scrollbar-inner" |
| | | v-loading="mainLoading" |
| | | > |
| | | <div v-if="curProList.length > 0" v-loading="mainLoading"> |
| | | <CompProblemCard |
| | | :key="i" |
| | | v-for="(p, i) in curProList" |
| | |
| | | @submit="updateSubtask" |
| | | @check="handleProblemCheck" |
| | | ></CompProblemCard> |
| | | </el-scrollbar> |
| | | </div> |
| | | <el-empty v-else description="暂无问题" v-loading="mainLoading" /> |
| | | </el-scrollbar> |
| | | </template> |
| | |
| | | <script> |
| | | import ArbitraryPhoto from './components/ArbitraryPhoto.vue'; |
| | | import taskApi from '@/api/fysp/taskApi'; |
| | | import problemApi from '@/api/fysp/problemApi'; |
| | | import ProCheckProxy from './ProCheckProxy'; |
| | | import CompProblemAddOrUpd from './components/CompProblemAddOrUpd.vue'; |
| | | import CompProblemCard from './components/CompProblemCard.vue'; |
| | |
| | | this.sideLoading = false; |
| | | this.mainLoading = true; |
| | | // const controller = new AbortController(); |
| | | taskApi |
| | | problemApi |
| | | .getProBySubtask(s.data.stGuid) |
| | | .then((res) => { |
| | | this.curProList = res; |
| | |
| | | this.sideLoading = false; |
| | | setTimeout(() => { |
| | | this.mainLoading = true; |
| | | taskApi |
| | | problemApi |
| | | .getProBySubtask(this.curSubtask.data.stGuid) |
| | | .then((res) => { |
| | | if (refresh) { |
| | |
| | | .scrollbar-inner { |
| | | height: calc(100vh - 60px * 2 - 20px * 2 - var(--height-toolbar)); |
| | | } |
| | | |
| | | .toolbar-sticky { |
| | | position: sticky; |
| | | z-index: 2; |
| | | top: 0; |
| | | } |
| | | </style> |