|
@@ -98,7 +98,12 @@
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="tw-flex tw-justify-between tw-bg-white tw-p-4">
|
|
<div class="tw-flex tw-justify-between tw-bg-white tw-p-4">
|
|
- <a-button type="primary" shape="round" @click="saveStudentAnswer">
|
|
|
|
|
|
+ <a-button
|
|
|
|
+ :disabled="!student?.upload"
|
|
|
|
+ type="primary"
|
|
|
|
+ shape="round"
|
|
|
|
+ @click="saveStudentAnswer"
|
|
|
|
+ >
|
|
保存
|
|
保存
|
|
</a-button>
|
|
</a-button>
|
|
<div>
|
|
<div>
|
|
@@ -123,25 +128,16 @@
|
|
|
|
|
|
<div style="flex: 1" class="mark-body-container tw-relative">
|
|
<div style="flex: 1" class="mark-body-container tw-relative">
|
|
<ArrowLeftOutlined
|
|
<ArrowLeftOutlined
|
|
- v-if="student"
|
|
|
|
|
|
+ v-if="student && currentImage !== 0"
|
|
class="tw-cursor-pointer tw-absolute"
|
|
class="tw-cursor-pointer tw-absolute"
|
|
style="top: 45%; left: 20px; z-index: 1; font-size: 40px"
|
|
style="top: 45%; left: 20px; z-index: 1; font-size: 40px"
|
|
- :style="{
|
|
|
|
- color: currentImage === 0 ? 'white' : 'blueviolet',
|
|
|
|
- }"
|
|
|
|
title="上一张"
|
|
title="上一张"
|
|
@click="switchImageArrow({ left: true })"
|
|
@click="switchImageArrow({ left: true })"
|
|
/>
|
|
/>
|
|
<ArrowRightOutlined
|
|
<ArrowRightOutlined
|
|
- v-if="student"
|
|
|
|
|
|
+ v-if="student && currentImage !== student.sheetUrls.length - 1"
|
|
class="tw-cursor-pointer tw-absolute"
|
|
class="tw-cursor-pointer tw-absolute"
|
|
style="top: 45%; right: 20px; z-index: 1; font-size: 40px"
|
|
style="top: 45%; right: 20px; z-index: 1; font-size: 40px"
|
|
- :style="{
|
|
|
|
- color:
|
|
|
|
- currentImage === student.sheetUrls.length - 1
|
|
|
|
- ? 'white'
|
|
|
|
- : 'blueviolet',
|
|
|
|
- }"
|
|
|
|
title="上一张"
|
|
title="上一张"
|
|
@click="switchImageArrow({ right: true })"
|
|
@click="switchImageArrow({ right: true })"
|
|
/>
|
|
/>
|
|
@@ -153,7 +149,7 @@
|
|
:src="item"
|
|
:src="item"
|
|
:style="{
|
|
:style="{
|
|
display: index === currentImage ? 'block' : 'none',
|
|
display: index === currentImage ? 'block' : 'none',
|
|
- rotate: rotateDegree + 'deg',
|
|
|
|
|
|
+ transform: `rotate(${rotateDegree}deg)`,
|
|
translate: rotateDegree ? '0 calc(30vh)' : '',
|
|
translate: rotateDegree ? '0 calc(30vh)' : '',
|
|
}"
|
|
}"
|
|
@click="switchImage"
|
|
@click="switchImage"
|