git

src/components/Question/TextAreas.vue

@@ -1,8 +1,6 @@
 <template>
-  <div>
-    <textarea>
-      asdsadas
-    </textarea>
+  <div @click="$emit('clicks')">
+    <textarea></textarea>
   </div>
 </template>
 
@@ -10,5 +8,15 @@
 export default {}
 </script>
 
-<style>
+<style lang="less" scoped>
+div {
+  width: 93%;
+  > textarea {
+    width: 100%;
+    height: 20vh;
+    border: 1px solid rgb(192, 191, 191);
+    padding: 5px 8px;
+    font-size: 14px;
+  }
+}
 </style>

src/components/Question/Title.vue

@@ -29,8 +29,6 @@ export default {
           return '单选'
         case 'checkBox':
           return '多选'
-        case 'switch':
-          return '判断'
         case 'textarea':
           return '简答题'
         default:

src/components/Question/index.vue

@@ -3,10 +3,11 @@
     <q-title v-bind="qTitleContent"></q-title>
     <div style="margin-top:3em;">
       <div class="scroll">
-        <div v-for="answer in question.answerList" :key="answer.answerId">
-          <TextAreas v-if="answer.questionType=='textarea'" />
+        <div v-if="types=='textarea'">
+          <textarea @input="handleTextArea"></textarea>
+        </div>
+        <div v-else v-for="answer in question.answerList" :key="answer.answerId">
           <answer
-            v-else
             :active="values.includes(answer.optCode)"
             :option="answer.optCode"
             :label="answer.content"
@@ -23,8 +24,8 @@ export default {
   name: 'Question',
   components: {
     Answer: () => import('./Answer.vue'),
-    QTitle: () => import('./Title.vue'),
-    TextAreas: () => import('./TextAreas.vue')
+    QTitle: () => import('./Title.vue')
+    // TextAreas: () => import('./TextAreas.vue')
   },
   props: {
     value: {
@@ -54,7 +55,7 @@ export default {
   computed: {
     qTitleContent() {
       return {
-        serialNo: this.question.sortNo + 1,
+        serialNo: this.question.sortNo,
         title: this.question.content,
         qType: this.question.questionType
       }
@@ -67,12 +68,16 @@ export default {
   },
 
   methods: {
+    handleTextArea(e) {
+      // console.log(e.target.value)
+      this.handleAnswer(e.target.value)
+    },
     handleAnswer(opt) {
       console.log('🚀 ~ file: index.vue ~ line 68 ~ handleAnswer ~ opt', opt)
       const isChecked = this.values.includes(opt)
 
       // 如果是多选
-      if (this.question.optType === 'checkBox') {
+      if (this.question.questionType === 'checkBox') {
         if (isChecked) {
           this.$emit(
             'input',
@@ -106,6 +111,16 @@ export default {
     width: 100%;
     height: 46vh;
     overflow: auto;
+    div {
+      width: 93%;
+      > textarea {
+        width: 100%;
+        height: 20vh;
+        border: 1px solid rgb(192, 191, 191);
+        padding: 5px 8px;
+        font-size: 14px;
+      }
+    }
   }
 }
 </style>

src/components/QuestionnHome.vue

@@ -44,7 +44,7 @@ export default {
   width: 100vw;
   height: 100vh;
   z-index: 5000;
-  background-color: aquamarine;
+  background-color: #fff;
   display: flex;
   position: absolute;
   flex-direction: column;

src/components/Questionnaire.vue

@@ -150,17 +150,21 @@ export default {
       console.log(NEW_ARR)
 
       getQuestionAnswer(
-        this.$store.state.user.appid,
-        query('gameId'),
+        'f5a47d178019bda33a370d7a6ed1e4c3',
+        // answerOpt: '22',
+        // answerText: '1',
+        // personId: this.$store.state.user.personId,
+        // questionId: 'f5a47d178019bda33a370d7a6ed1e4c3',
+        // score: '1'
         NEW_ARR
       ).then((e) => {
         console.log(e.score, e)
-        this.$store.commit('SET_USER_INFO', { scoreNumb: e.result.score })
-        this.$store.commit('SET_USER_INFO', { resultInfo: e.result.resultId })
+        // this.$store.commit('SET_USER_INFO', { scoreNumb: e.result.score })
+        // this.$store.commit('SET_USER_INFO', { resultInfo: e.result.resultId })
         this.LoadingShowAAA = false
         this.showPopup = false
 
-        this.$router.replace('/Leaderboard') //replace  不记录页面 ，无法返回
+        this.$router.go(-1) //replace  不记录页面 ，无法返回
       })
     },
 

src/util/api.js

@@ -58,7 +58,7 @@ export const getSchoolClass = (params) => request(`/api/wx/school-class?termId=$
  * @returns 
  * 
  */
-export const getCourse = (params) => request(`/api/wx/course`, { method: 'get' })
+export const getCourse = (params) => request(`/api/wx/course?pageSize=99999`, { method: 'get' })
 
 /**
  * 获取课程表详情