paper-record.vue 937 B

12345678910111213141516171819202122232425262728
  1. <template>
  2. <view class="page-content">
  3. <mx-nav-bar title="做题记录"/>
  4. <mx-tabs-swiper v-model="current" :tabs="subjects" :key-name="keyName" template="default" border>
  5. <template #="subject">
  6. <paper-record-list :subject-id="subject[keyValue]"/>
  7. </template>
  8. </mx-tabs-swiper>
  9. </view>
  10. </template>
  11. <script setup>
  12. import {ref, watchEffect} from 'vue'
  13. import {useTopicSubjects} from "@/pages/topic-center/hooks/useTopicSubjects";
  14. import {useTransfer} from "@/hooks/useTransfer";
  15. import _ from "lodash";
  16. import PaperRecordList from "@/pages/topic-center/paper-record/components/paper-record-list.vue";
  17. const {prevData} = useTransfer()
  18. const {subjects, keyName, keyValue} = useTopicSubjects()
  19. const current = ref(0)
  20. watchEffect(() => current.value = _.findIndex(subjects.value, s => s[keyValue] == prevData.value.subjectId))
  21. </script>
  22. <style lang="scss">
  23. </style>