{"version":3,"file":"errorResult.6df3086c.mjs","sources":["../../../../pages/practice/errorResult.vue"],"sourcesContent":["<template>\n  <NuxtLayout>\n    <div class=\"exam_result\" :style=\"{minHeight:minHeight}\">\n      <div class=\"exam_result_box\">\n        <p class=\"font20 mgb10\">恭喜你，完成此次练习</p>\n        <div class=\"box_practice\" v-if=\"info\">\n          <div class=\"box_counts_item\">\n            <div class=\"box_item_content\">{{ info.correctQuestionCount || '0' }}</div>\n            <div class=\"box_item_title\">正确题数</div>\n          </div>\n          <div class=\"box_counts_item\">\n            <div class=\"box_item_content\">{{ info.errorQuestionCount || '0'}}</div>\n            <div class=\"box_item_title\">错误题数</div>\n          </div>\n        </div>\n        <div class=\"box_btn_list\">\n          <el-button plain @click=\"handleBack\">返回</el-button>\n          <el-button plain  @click=\"handReplace\">再来一次</el-button>\n          <el-button type=\"primary\" @click=\"handleViewAnalysis\">查看答卷</el-button>\n        </div>\n      </div>\n    </div>\n  </NuxtLayout>\n</template>\n\n<script setup>\nimport {useLayoutStore} from \"../../stores/layout\";\nimport {reactive} from \"vue\";\nimport {getStore} from \"../../utils/storage\";\nimport cookie from \"@/utils/cookies\";\n//import {errorQuestionMoveLastErrorQuestionRecord} from \"../../api/paper\";\nconst router = useRouter()\nconst layoutStore = useLayoutStore();\nconst footerType = computed(() => layoutStore.footerType);\nconst footerLayoutEunm = ref({\n  1: (66 + 150) + 'px',\n  2: (66 + 180) + 'px',\n  3: (66 + 260) + 'px',\n});\nlet cookieData = cookie.getShop()\nuseHead({\n  title: cookieData.shopName\n})\n\nconst minHeight = computed(()=>{\n  return `calc(100vh - ${footerLayoutEunm.value[footerType.value]}`\n})\nconst map = reactive({\n  operateType: 1,\n  questionCategoryId: '',\n  questionType: 0,\n  sourceType: 1,\n})\nconst info = ref(null)\nconst route = useRoute()\nonMounted(() => {\n  info.value = JSON.parse(getStore('practiceInfoAndResult'))\n  map.operateType = parseInt(route.query.operateType)\n  map.questionCategoryId = route.query.questionCategoryId\n  map.questionType = parseInt(route.query.questionType)\n  map.sourceType = parseInt(route.query.sourceType)\n})\nconst handleBack = () => {\n  const d = {\n    type: '2',\n    questionCategoryId: map.questionCategoryId,\n    sourceType: map.sourceType,\n  }\n  let url = '/account/paper'\n  if(map.operateType === 2) {\n    url = '/account/collect'\n    d.type = '3'\n\n  }\n  router.replace({\n    path: url,\n    query: d\n  })\n};\nconst handleViewAnalysis = ()  => {\n  router.push({\n    path: '/practice/errorAnalysis',\n    query: {\n      ...map\n    }\n  })\n}\nconst handReplace = () => {\n  //await errorQuestionMoveLastErrorQuestionRecord({operateType:map.operateType,sourceType:map.sourceType,questionType:map.questionType})\n  router.replace({\n    path: '/practice/error',\n    query: {\n      ...map\n    }\n  })\n}\n</script>\n\n<style scoped lang=\"scss\">\n.exam_result{\n  width: 100%;\n  height: 100%;\n  background: url(\"~/assets/images/rusult.png\") no-repeat;\n  background-size: cover;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-top: 20px;\n  padding-bottom: 20px;\n}\n.exam_result_box {\n  width: 650px;\n  margin: auto;\n  background: #ffffff;\n  border-radius: 6px;\n  padding: 30px 50px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  position: relative;\n\n  .flex_rank{\n    cursor: pointer;\n    position: absolute;\n    right: 0;\n    background: #F2994A;\n    border-radius: 8px 0 0 8px;\n    width: 30px;\n    height: 110px;\n    padding: 10px;\n    gap: 10px;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    color: #FFFFFF;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 14px;\n    top: 255px;\n  }\n  img {\n    width: 60px;\n    height: 60px;\n    margin-bottom: 17px;\n  }\n  .score {\n    color: #f61818;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 60px;\n  }\n  .red_rate {\n    font-size: 36px;\n    color: #f61818;\n  }\n  .tip {\n    font-style: normal;\n    font-weight: 400;\n    font-size: 14px;\n    color: #F2994A;\n  }\n  .counts {\n    height: 81px;\n    background: #f6f8fb;\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    .border {\n      width: 1px;\n      height: 20px;\n      background: #ebeef5;\n    }\n    .count {\n      text-align: center;\n      width: 111px;\n    }\n  }\n  .divide {\n    width: 20px;\n    height: 2px;\n    background: #333;\n    margin: 45px 0;\n  }\n  .btns {\n    display: flex;\n    justify-content: space-between;\n    column-gap: 15px;\n    div {\n      width: 160px;\n      height: 40px;\n      line-height: 40px;\n      text-align: center;\n      background: #f6f8fb;\n      border-radius: 5px;\n      color: #2256f6;\n    }\n  }\n  .view_answer {\n    width: 335px;\n    height: 40px;\n    margin-top: 30px;\n    line-height: 40px;\n    color: #fff;\n    background: #58b85c;\n    border-radius: 5px;\n    text-align: center;\n  }\n}\n.box_btn_list{\n  margin-top: 20px;\n  width: 397px;\n  .el-button{\n    width: 100%;\n    height: 42px;\n\n  }\n  .el-button+.el-button{\n    margin-left: 0;\n    margin-top: 15px;\n  }\n}\n.box_practice{\n  margin-top: 35px;\n  background: rgba(242, 243, 245, 0.5);\n  border-radius: 5px;\n  display: flex;\n  flex-wrap: wrap;\n  max-width: 570px;\n  padding: 64px 75px;\n}\n.box_counts_item{\n  display: flex;\n  flex-direction: column;\n  width: calc((510px - 16px - 16px - 16px) / 4);\n  height: 48px;\n  justify-content: center;\n  align-items: center;\n}\n.box_counts_item+.box_counts_item{\n  margin-left: 16px;\n}\n.box_counts_item:nth-child(-n+4){\n  margin-bottom: 20px;\n}\n.box_counts_item:nth-child(5){\n  margin-left: 0;\n}\n</style>\n"],"names":["router","useRouter","layoutStore","useLayoutStore","footerType","computed","footerLayoutEunm","ref","cookieData","cookie","getShop","useHead","title","shopName","minHeight","value","map","reactive","operateType","questionCategoryId","questionType","sourceType","info","route","useRoute","onMounted","JSON","parse","getStore","parseInt","query","handleBack","d","type","url","replace","path","handleViewAnalysis","push","handReplace"],"mappings":"4rBA+BA,MAAAA,EAAAC,IACAC,EAAAC,IACAC,EAAAC,GAAA,IAAAH,EAAAE,aACAE,EAAAC,EAAA,CACA,EAAA,QACA,EAAA,QACA,EAAA,UAEA,IAAAC,EAAAC,EAAAC,UACAC,EAAA,CACAC,MAAAJ,EAAAK,WAGA,MAAAC,EAAAT,GAAA,IACA,gBAAAC,EAAAS,MAAAX,EAAAW,WAEAC,EAAAC,EAAA,CACAC,YAAA,EACAC,mBAAA,GACAC,aAAA,EACAC,WAAA,IAEAC,EAAAf,EAAA,MACAgB,EAAAC,IACAC,GAAA,KACAH,EAAAP,MAAAW,KAAAC,MAAAC,EAAA,0BACAZ,EAAAE,YAAAW,SAAAN,EAAAO,MAAAZ,aACAF,EAAAG,mBAAAI,EAAAO,MAAAX,mBACAH,EAAAI,aAAAS,SAAAN,EAAAO,MAAAV,cACAJ,EAAAK,WAAAQ,SAAAN,EAAAO,MAAAT,WAAA,IAEA,MAAAU,EAAA,KACA,MAAAC,EAAA,CACAC,KAAA,IACAd,mBAAAH,EAAAG,mBACAE,WAAAL,EAAAK,YAEA,IAAAa,EAAA,iBACA,IAAAlB,EAAAE,cACAgB,EAAA,mBACAF,EAAAC,KAAA,KAGAjC,EAAAmC,QAAA,CACAC,KAAAF,EACAJ,MAAAE,GACA,EAEAK,EAAA,KACArC,EAAAsC,KAAA,CACAF,KAAA,0BACAN,MAAA,IACAd,IAEA,EAEAuB,EAAA,KAEAvC,EAAAmC,QAAA,CACAC,KAAA,kBACAN,MAAA,IACAd,IAEA"}