考试

src/api/api.js

@@ -44,3 +44,5 @@ export const VOTE_DETAIL2 = voteId => `/vote/queryVoteAndVoteStemDetailByVoteId?
 export const COMMENT_ADD = '/comment post'
 export const COMMENT_PRAISE = '/comment/praise post'
 export const COMMENT_COLLECTION = '/comment/collection post'
+
+export const ASSESSMENT_QUERY = assessmentId => `/assessment/queryAssessmentDetailById?assessmentId=${assessmentId} post`

src/views/survey/SurveyDetail.vue

@@ -37,17 +37,17 @@
       <div>
         <div
             class="question"
-          v-for="(value, index) in question"
+            v-for="(value, index) in data.scoringQuestionVoList"
             :key="index"
             :style="{ 'margin-top': index === 0 ? '57px' : '41px' }"
         >
-          <div class="text">{{ value.text }}</div>
+          <div class="text">{{ value.assessmentScTitle }}</div>
           <div class="answer">
             <div class="answerL">完全没用</div>
             <div class="answerC">
               <div
                   class="answerCitem"
-                v-for="(item, key) in select"
+                  v-for="(item, key) in Array.from({length:value.assessmentMaxScore},(k,i)=>i)"
                   :key="key"
                   :style="{
                   'margin-left': key === 0 ? '15px' : '10px',
@@ -60,46 +60,55 @@
                       ? '#fff'
                       : 'rgba(86, 163, 249, 1)',
                 }"
-                @click="score(value, item)"
+                  @click="()=>{value.selectAnswer=item}"
               >
-                <div>{{ item }}</div>
+                <div>{{ item+1 }}</div>
               </div>
             </div>
             <div class="answerR">非常有帮助/启发</div>
           </div>
         </div>
-        <div class="question" style="margin-top: 41px">
+        <div class="question" style="margin-top: 41px" v-for="(item,i) in data.singleStemVoList" :key="i">
-          <div class="text">4.类似相应的课程，您认为适合哪些人观看？</div>
+          <div class="text">{{ item.singleStemName }}</div>
           <div
-            v-for="(value, index) in viewpeople"
+              v-for="(value, index) in item.assessmentSingleChoiceVoList"
               :key="index"
               style="display: flex; align-items: center"
-            :style="{ 'margin-top': index === 0 ? '29px' : '22px' }"
+              :style="{ 'margin-top': index === 0 ? '29px' : '22px' ,cursor:'pointer'}"
-            @click="selectPeople(value)"
+              @click="()=>{
+                item.assessmentSingleChoiceVoList.forEach(e=>{e.select = false});
+                value.select=true;
+              }"
           >
-            <img
+            <img style="width: 19px; height: 18px; cursor: pointer" :src=" value.select? checkbox: checkbox2"/>
-              style="width: 19px; height: 18px; cursor: pointer"
+            <div class="people">{{ value.singleOptionName }}</div>
-              :src="
-                value.select
-                  ? checkbox
-                  : checkbox2
-              "
-            />
-            <div class="people">{{ value.text }}</div>
           </div>
         </div>
-        <div class="question" style="margin-top: 41px">
+
-          <div class="text">5.您的其他意见</div>
+        <div class="question" style="margin-top: 41px" v-for="(item,i) in data.multipleStemVoList" :key="i">
+          <div class="text">{{ item.multipleStemName }}</div>
+          <div
+              v-for="(value, index) in item.multipleChoiceVoList"
+              :key="index"
+              style="display: flex; align-items: center"
+              :style="{ 'margin-top': index === 0 ? '29px' : '22px' ,cursor:'pointer'}"
+              @click="()=>value.select=!value.select"
+          >
+            <img style="width: 19px; height: 18px; cursor: pointer" :src="value.select? checkbox: checkbox2"/>
+            <div class="people">{{ value.multipleOptionName }}</div>
+          </div>
+        </div>
+        <div class="question" style="margin-top: 41px" v-for="(item,i) in data.essayQuestionVoList">
+          <div class="text">{{ item.assessmentQaTitle }}</div>
           <div style="width: 713px; margin-top: 31px; position: relative">
             <el-input
-              v-model="textarea1"
+                v-model="item.content"
                 :autosize="{ minRows: 5, maxRows: 5 }"
                 resize="none"
                 maxlength="200"
                 type="textarea"
-              @input="textareaInput"
             />
-            <div class="words">{{ textarealength }}/200</div>
+            <div class="words">{{ item.content?.length || 0 }}/200</div>
           </div>
         </div>
         <div style="display: flex; justify-content: center">
@@ -111,13 +120,19 @@
     <!--    todo 测评页面 没有接口-->
   </div>
 </template>
-<script>
+<script setup>
 import {reactive, toRefs} from "vue";
 import checkbox from '@/assets/image/checkbox.png'
 import checkbox2 from '@/assets/image/checkbox2.png'
-export default {
+import {useRoute} from "vue-router/dist/vue-router";
-  name: "SurveyDetail",
+import {usePage, useRequest} from "@/api/request";
-  setup() {
+import {ASSESSMENT_QUERY, COMMENT_LIST, DISCUSS_DETAIL} from "@/api/api";
+
+const {query: {id, discussSubmitId}} = useRoute()
+
+
+const {data} = useRequest(ASSESSMENT_QUERY(112), {})
+
 const state = reactive({
   question: [
     {
@@ -185,16 +200,7 @@ export default {
   state.textarea1 = e;
   state.textarealength = e.length;
 };
-    return {
+
-      ...toRefs(state),
-      score,
-      selectPeople,
-      textareaInput,
-      checkbox,
-      checkbox2
-    };
-  },
-};
 </script>
 <style lang="scss">
 .surveydetail {
@@ -204,18 +210,21 @@ export default {
     font-size: 14px;
     line-height: 24px;
   }
+
   .prevnext {
     display: flex;
     align-items: center;
     font-size: 14px;
     font-weight: 500;
     color: #ffffff;
+
     .prev {
       display: flex;
       align-items: center;
       cursor: pointer;
     }
   }
+
   .title {
     font-size: 20px;
     font-weight: 800;
@@ -224,6 +233,7 @@ export default {
     margin-top: 17px;
     margin-left: -11px;
   }
+
   .bascinfo {
     width: 100%;
     min-height: 1032px;
@@ -239,6 +249,7 @@ export default {
       font-weight: 500;
       color: #333330;
     }
+
     .question .answer {
       margin-top: 30px;
       display: flex;
@@ -247,6 +258,7 @@ export default {
       font-weight: 500;
       color: #56a3f9;
     }
+
     .question .answer .answerC {
       width: 540px;
       height: 73px;
@@ -272,12 +284,14 @@ export default {
         cursor: pointer;
       }
     }
+
     .question .people {
       font-size: 14px;
       font-weight: 500;
       color: #333330;
       margin-left: 15px;
     }
+
     .question .words {
       position: absolute;
       right: 15px;
@@ -286,10 +300,12 @@ export default {
       font-weight: 500;
       color: #333330;
     }
+
     .question .el-textarea__inner {
       border-radius: 8px;
       background-color: rgba(245, 246, 247, 1);
     }
+
     .submit {
       width: 126px;
       height: 46px;

vite.config.js

@@ -80,6 +80,9 @@ export default defineConfig(({command}) =>
                 },'/examination': {
                     target: 'http://localhost:30001',
                     changeOrigin: true,
+                },'/assessment': {
+                    target: 'http://localhost:30001',
+                    changeOrigin: true,
                 },
             }
         }