|
@@ -6,7 +6,6 @@
|
|
|
{
|
|
|
hide: store.isScoreBoardCollapsed && !props.modal,
|
|
|
'in-dialog': store.isScoreBoardCollapsed && props.modal,
|
|
|
- show: !store.isScoreBoardCollapsed,
|
|
|
},
|
|
|
]"
|
|
|
:style="{
|
|
@@ -33,49 +32,13 @@
|
|
|
>
|
|
|
提交
|
|
|
</qm-button>
|
|
|
- <!-- 暂时隐藏
|
|
|
- <div
|
|
|
- class="tw-flex tw-rounded tw-justify-between tw-p-2 tw-pl-5 top-container tw-mb-4"
|
|
|
- >
|
|
|
- <div class="tw-flex tw-place-content-center tw-items-center tw-gap-2">
|
|
|
- <div class="tw-flex tw-flex-col tw-gap-1">
|
|
|
- <a-popconfirm
|
|
|
- v-if="store.setting.enableAllZero && !store.setting.forceSpecialTag"
|
|
|
- title="确定给全零分?"
|
|
|
- :overlayStyle="{ width: '200px' }"
|
|
|
- @confirm="$emit('allZeroSubmit')"
|
|
|
- >
|
|
|
- <a-button
|
|
|
- type="primary"
|
|
|
- size="middle"
|
|
|
- class="all-zero-unselective-button"
|
|
|
- >
|
|
|
- <span>全零分</span>
|
|
|
- </a-button>
|
|
|
- </a-popconfirm>
|
|
|
- <a-popconfirm
|
|
|
- v-if="store.setting.selective"
|
|
|
- title="确定是未选做?"
|
|
|
- :overlayStyle="{ width: '200px' }"
|
|
|
- @confirm="$emit('unselectiveSubmit')"
|
|
|
- >
|
|
|
- <a-button
|
|
|
- type="primary"
|
|
|
- size="middle"
|
|
|
- class="all-zero-unselective-button"
|
|
|
- >
|
|
|
- <span>未选做</span>
|
|
|
- </a-button>
|
|
|
- </a-popconfirm>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- -->
|
|
|
-
|
|
|
<div
|
|
|
v-if="store.currentTask && store.currentTask.questionList"
|
|
|
class="board-questions"
|
|
|
- :style="{ height: `${topPercent}%` }"
|
|
|
+ :style="{
|
|
|
+ height: areaHeight ? `${areaHeight}px` : 'auto',
|
|
|
+ flexGrow: areaHeight ? 0 : 2,
|
|
|
+ }"
|
|
|
>
|
|
|
<template
|
|
|
v-for="(question, index) in store.currentTask.questionList"
|
|
@@ -141,14 +104,12 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
</div>
|
|
|
- <div ref="dragSpliter" class="board-spliter">
|
|
|
- <div class="board-spliter-up" @click="topPercent = 20">
|
|
|
+ <div class="board-spliter">
|
|
|
+ <div class="board-spliter-up" @click="areaHeight = 74">
|
|
|
<img src="@/assets/icons/icon-up.svg" />
|
|
|
</div>
|
|
|
- <div class="board-spliter-bar">
|
|
|
- <img src="@/assets/icons/icon-drag.svg" />
|
|
|
- </div>
|
|
|
- <div class="board-spliter-down" @click="topPercent = 90">
|
|
|
+ <div ref="dragSpliter" class="board-spliter-bar"></div>
|
|
|
+ <div class="board-spliter-down" @click="areaHeight = 0">
|
|
|
<img src="@/assets/icons/icon-down.svg" />
|
|
|
</div>
|
|
|
</div>
|
|
@@ -253,7 +214,7 @@ import { cloneDeep } from "lodash-es";
|
|
|
|
|
|
const props = defineProps<{ modal?: boolean }>();
|
|
|
const emit = defineEmits(["submit", "unselectiveSubmit"]);
|
|
|
-const { dragSpliter, topPercent } = dragSplitPane();
|
|
|
+const { dragSpliter, areaHeight } = dragSplitPane();
|
|
|
const activeRightMenuItem = ref<any>(null);
|
|
|
const tmpStyle = reactive<any>({
|
|
|
left: 0,
|
|
@@ -309,14 +270,6 @@ const positioning = (question: Question) => {
|
|
|
);
|
|
|
activeRightMenuItem.value = null;
|
|
|
};
|
|
|
-watch(topPercent, () => {
|
|
|
- if (topPercent.value < 10) {
|
|
|
- topPercent.value = 10;
|
|
|
- }
|
|
|
- if (topPercent.value > 90) {
|
|
|
- topPercent.value = 90;
|
|
|
- }
|
|
|
-});
|
|
|
|
|
|
const { chooseQuestion } = autoChooseFirstQuestion();
|
|
|
let sliceImagesWithTrackListCopy = ref([]);
|