|
|
|
@ -8,11 +8,11 @@ |
|
|
|
|
<!-- 左边按钮 --> |
|
|
|
|
<button class="submit-left" @click="SubLeft"></button> |
|
|
|
|
<div class="question-body"> |
|
|
|
|
<div class="sumTotal">第一个/共X个</div> |
|
|
|
|
<div class="question">知识点学习</div> |
|
|
|
|
<div class="sumTotal">第<span>{{currentKnowledgeIndex+1}}</span>个/共{{Knowledges .length}}个</div> |
|
|
|
|
<div class="question">{{currentKnowledgeTitle}}</div> |
|
|
|
|
|
|
|
|
|
<el-scrollbar height="210px"> |
|
|
|
|
<div class="txt" v-html="Text"></div> |
|
|
|
|
<div class="txt" v-html="currentKnowledge"></div> |
|
|
|
|
</el-scrollbar> |
|
|
|
|
<div class="finished">已学习</div> |
|
|
|
|
</div> |
|
|
|
@ -26,32 +26,51 @@ |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script lang="ts" setup> |
|
|
|
|
<script lang="ts" setup name="knowledgePage"> |
|
|
|
|
import settingStore from "@/store/modules/setting"; |
|
|
|
|
import { getExperiment } from '@/api/index' |
|
|
|
|
import { ref, computed, onMounted, onUnmounted } from "vue" |
|
|
|
|
import { useRouter } from 'vue-router'; |
|
|
|
|
import { ref, computed, onMounted, } from "vue" |
|
|
|
|
import { ElMessage } from 'element-plus' |
|
|
|
|
import {getKnowledgeService } from '@/api/user' |
|
|
|
|
const setting = settingStore(); |
|
|
|
|
//左箭头 |
|
|
|
|
const SubLeft = () => { |
|
|
|
|
|
|
|
|
|
console.log(currentKnowledgeIndex.value) |
|
|
|
|
if(currentKnowledgeIndex.value >= 1){ |
|
|
|
|
currentKnowledgeIndex.value = currentKnowledgeIndex.value - 1 |
|
|
|
|
}else{ |
|
|
|
|
ElMessage.warning('无法上翻') |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
//右箭头 |
|
|
|
|
const SubRight = () => { |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const Text = ref() |
|
|
|
|
const getContent = async () => { |
|
|
|
|
const res: any = await getExperiment(); |
|
|
|
|
// console.log(res.result.purposeRequirements,'res') |
|
|
|
|
Text.value = res.result.purposeRequirements |
|
|
|
|
console.log(Text.value); |
|
|
|
|
|
|
|
|
|
const Knowledges = ref<any[]>([]); |
|
|
|
|
const getKnowledge = async () => { |
|
|
|
|
const res: any = await getKnowledgeService(); |
|
|
|
|
Knowledges.value = res.result.records |
|
|
|
|
// console.log(Knowledges.value,'ress') |
|
|
|
|
} |
|
|
|
|
// 当前题目的索引 |
|
|
|
|
const currentKnowledgeIndex = ref(0); |
|
|
|
|
const currentKnowledge = computed(() => { |
|
|
|
|
// 确保 questions.value 至少有一个元素 |
|
|
|
|
if (Knowledges.value.length > 0) { |
|
|
|
|
return Knowledges.value[currentKnowledgeIndex.value].knowledgeContext; |
|
|
|
|
} |
|
|
|
|
return ''; |
|
|
|
|
}); |
|
|
|
|
const currentKnowledgeTitle = computed(() => { |
|
|
|
|
// 确保 questions.value 至少有一个元素 |
|
|
|
|
if (Knowledges.value.length > 0) { |
|
|
|
|
return Knowledges.value[currentKnowledgeIndex.value].knowledgeName; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
return ''; |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
onMounted(() => { getContent() }); |
|
|
|
|
|
|
|
|
|
onMounted(() => { getKnowledge() }); |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|