useUnit.js 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. import {
  2. onLoad,
  3. onReady,
  4. } from "@dcloudio/uni-app"
  5. import {
  6. reactive,
  7. ref,
  8. computed,
  9. toRefs,
  10. onMounted,
  11. watch
  12. } from "vue";
  13. import {
  14. catchError,
  15. toast
  16. } from "@/utils/common.js"
  17. import * as httpUnit from "@/api/unitTest.js"
  18. import cacheManager, {useXuekeNianji,useUnitTestTishi} from "@/utils/cacheManager.js"
  19. function useJifen() {
  20. const data = reactive({
  21. rightAnswer: 0, // 答对
  22. wrongAnswer: 0, // 答错
  23. jifen: 0, // 积分
  24. zhangType: '' // 当前章类型 'last' 代表最后一章,最后一章无继续
  25. })
  26. function updateJifen({rightAnswer,wrongAnswer,jifen}) {
  27. data.rightAnswer = rightAnswer;
  28. data.wrongAnswer = wrongAnswer;
  29. data.jifen = jifen;
  30. }
  31. return {
  32. ...toRefs(data),
  33. updateJifen
  34. }
  35. }
  36. export function useExam() {
  37. // 缓存
  38. const {getXueke} = useXuekeNianji();
  39. const { showTishi, handleCloseTishi, handleShowTishi} = useTishiLeftRight()
  40. const {rightAnswer,wrongAnswer,jifen, updateJifen} = useJifen();
  41. const data = reactive({
  42. count: 0, // 已答题数
  43. total: 0, // 总题数
  44. current: 0, // 当前试题序列
  45. list: [], // 试题列表
  46. jieId: null, // 节Id
  47. zhangId: null,
  48. nianji: null,
  49. xueke: null,
  50. })
  51. onLoad((options) => {
  52. const { cardId } = getXueke();
  53. const {
  54. jieId,zhangId,nianji
  55. } = options;
  56. data.jieId = jieId; // 需要路由参数 节Id
  57. data.zhangId = zhangId;// 需要路由参数 章Id
  58. data.nianji = nianji; // 需要年纪Id 来执行返回页面
  59. data.xueke = cardId; // 需要年纪Id 来执行返回页面
  60. // 初始化页面数据
  61. initPage();
  62. })
  63. watch(() => data.list, (val) => {
  64. const list = data.list.filter(item => item.reply!==null);
  65. data.count = list.length;
  66. },{deep: true})
  67. // 初始化页面数据
  68. async function initPage() {
  69. const [err, cdata] = await catchError(httpUnit.getExamData({
  70. jieId: data.jieId
  71. }));
  72. if (err) {
  73. toast("单元测试数据获取异常");
  74. return;
  75. }
  76. refreshExam(cdata);
  77. }
  78. function formatListToUse(list) {
  79. list.forEach((item, index) => {
  80. item.mta_show = false;
  81. item.reply = null;
  82. })
  83. }
  84. // 数据赋值
  85. function refreshExam(list) {
  86. const cList = list;
  87. formatListToUse(cList)
  88. data.list = cList;
  89. data.total = cList.length;
  90. handleShowTishi();
  91. }
  92. // 交卷
  93. async function handleSubmit(dom) {
  94. const result = [];
  95. data.list.forEach(item => {
  96. result.push({reply: item.reply,stId: item.stId})
  97. })
  98. const [error, cdata] =await catchError(httpUnit.getExamSubmit(result));
  99. if (error) {
  100. toast("单元测试数据提交异常");
  101. return ;
  102. }
  103. dom.showPopup({
  104. right:cdata.dui,
  105. wrong:cdata.cuo,
  106. jifen:cdata.jifen
  107. });
  108. }
  109. return {
  110. ...toRefs(data),
  111. rightAnswer,
  112. wrongAnswer,
  113. jifen,
  114. showTishi,
  115. handleSubmit,
  116. initPage,
  117. handleCloseTishi,
  118. handleShowTishi
  119. }
  120. }
  121. // 提示信息显示隐藏
  122. function useTishiLeftRight() {
  123. const { updateTishi, getTishi} = useUnitTestTishi();
  124. const showTishi = ref(false);
  125. // 大鹅关闭追加缓存 --- 单独针对当前手机的缓存提示
  126. function handleCloseTishi() {
  127. updateTishi();
  128. showTishi.value = false;
  129. }
  130. // 大鹅显示追加缓存 --- 单独针对当前手机的缓存提示
  131. function handleShowTishi() {
  132. const isNotShow = Boolean(getTishi());
  133. showTishi.value = !isNotShow;
  134. }
  135. return {
  136. showTishi,
  137. handleCloseTishi,
  138. handleShowTishi
  139. }
  140. }