選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

SurveyCompleteView.vue 1.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <template lang="pug">
  2. main.view--surveycomplete
  3. article(style='display: flex; flex-direction: column; align-items: center; text-align: center;')
  4. h2 Thanks for Completing Our Survey!!
  5. h1 Please review your answers and let us know if you need to change anything.
  6. br
  7. h1 Your Profile Info:
  8. div(v-for='(answer, key) in answers')
  9. span(v-if='answer && key != "aspects"') Your {{ key }}: {{ answer }}
  10. br
  11. div(v-if="answers.aspects")
  12. h1 Your Survey Answers:
  13. div(v-for='(aspect, index) in answers.aspects')
  14. div(v-if='aspect')
  15. p {{ surveyObjects[index].response_key_prompt }}
  16. p You Answered: {{aspect}}
  17. br
  18. button(@click="changeAnswers") Change Answers
  19. br
  20. button(@click="finalSubmit") Submit Answers
  21. </template>
  22. <script>
  23. export default {
  24. props: {
  25. answers: {
  26. type: Object,
  27. default: () => ({}),
  28. },
  29. surveySteps: {
  30. type: Array,
  31. default: () => [],
  32. },
  33. },
  34. data: () => ({
  35. surveyObjects: [],
  36. }),
  37. created() {
  38. this.surveyObjects = this.surveySteps.slice(-6)
  39. },
  40. }
  41. </script>