Kaynağa Gözat

修改查看练习结果详情样式交互

lm 2 gün önce
ebeveyn
işleme
a3223366f0

Dosya farkı çok büyük olduğundan ihmal edildi
+ 3 - 0
src/assets/practiceResult/broken_line.svg


+ 0 - 0
src/assets/practiceResult/broken_line.png → src/assets/practiceResult/broken_line_light.png


+ 16 - 0
src/assets/practiceResult/todo_list_light.svg

@@ -0,0 +1,16 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Frame" clip-path="url(#clip0_7828_30923)">
+<path id="Vector" d="M12.7607 15.0498H3.42734C2.37074 15.0498 1.49023 14.1693 1.49023 13.1127V2.98691C1.49023 1.93031 2.37074 1.0498 3.42734 1.0498H12.6726C13.7292 1.0498 14.6097 1.93031 14.6097 2.98691V11.4727C14.6097 11.7368 14.3456 12.001 14.0814 12.001C13.8173 12.001 13.5531 11.7368 13.5531 11.4727L13.6412 2.98691C13.6412 2.45861 13.2009 2.10641 12.7607 2.10641H3.42734C2.89904 2.10641 2.54684 2.54666 2.54684 2.98691V13.1127C2.54684 13.641 2.98709 13.9932 3.42734 13.9932H12.6726C13.2009 13.9932 13.5531 13.5529 13.5531 13.1127V11.3517C13.5531 11.0875 13.8173 10.8234 14.0814 10.8234C14.3456 10.8234 14.6097 11.0875 14.6097 11.3517V13.1127C14.6978 14.1693 13.8173 15.0498 12.7607 15.0498Z" fill="#2E64FA"/>
+<path id="Vector_2" d="M3.73828 5.14375C3.73828 5.28962 3.79623 5.42951 3.89937 5.53266C4.00252 5.6358 4.14241 5.69375 4.28828 5.69375C4.43415 5.69375 4.57405 5.6358 4.67719 5.53266C4.78033 5.42951 4.83828 5.28962 4.83828 5.14375C4.83828 4.99788 4.78033 4.85799 4.67719 4.75484C4.57405 4.6517 4.43415 4.59375 4.28828 4.59375C4.14241 4.59375 4.00252 4.6517 3.89937 4.75484C3.79623 4.85799 3.73828 4.99788 3.73828 5.14375Z" fill="#2E64FA"/>
+<path id="Vector_3" d="M11.8391 5.69375H6.29197C5.93977 5.69375 5.76367 5.41875 5.76367 5.14375C5.76367 4.86875 6.02782 4.59375 6.29197 4.59375H11.8391C12.1033 4.59375 12.3674 4.86875 12.3674 5.14375C12.3674 5.41875 12.1033 5.69375 11.8391 5.69375Z" fill="#2E64FA"/>
+<path id="Vector_4" d="M3.73828 8.05C3.73828 8.19587 3.79623 8.33576 3.89937 8.43891C4.00252 8.54205 4.14241 8.6 4.28828 8.6C4.43415 8.6 4.57405 8.54205 4.67719 8.43891C4.78033 8.33576 4.83828 8.19587 4.83828 8.05C4.83828 7.90413 4.78033 7.76424 4.67719 7.66109C4.57405 7.55795 4.43415 7.5 4.28828 7.5C4.14241 7.5 4.00252 7.55795 3.89937 7.66109C3.79623 7.76424 3.73828 7.90413 3.73828 8.05Z" fill="#2E64FA"/>
+<path id="Vector_5" d="M11.8391 8.6H6.29197C5.93977 8.6 5.76367 8.325 5.76367 8.05C5.76367 7.775 6.02782 7.5 6.29197 7.5H11.8391C12.1033 7.5 12.3674 7.775 12.3674 8.05C12.3674 8.325 12.1033 8.6 11.8391 8.6Z" fill="#2E64FA"/>
+<path id="Vector_6" d="M3.73828 10.9543C3.73828 11.1002 3.79623 11.2401 3.89937 11.3432C4.00252 11.4464 4.14241 11.5043 4.28828 11.5043C4.43415 11.5043 4.57405 11.4464 4.67719 11.3432C4.78033 11.2401 4.83828 11.1002 4.83828 10.9543C4.83828 10.8084 4.78033 10.6685 4.67719 10.5654C4.57405 10.4622 4.43415 10.4043 4.28828 10.4043C4.14241 10.4043 4.00252 10.4622 3.89937 10.5654C3.79623 10.6685 3.73828 10.8084 3.73828 10.9543Z" fill="#2E64FA"/>
+<path id="Vector_7" d="M11.8391 11.5043H6.29197C6.02782 11.5043 5.76367 11.2293 5.76367 10.9543C5.76367 10.6793 6.02782 10.4043 6.29197 10.4043H11.8391C12.1033 10.4043 12.3674 10.6793 12.3674 10.9543C12.3674 11.321 12.1033 11.5043 11.8391 11.5043Z" fill="#2E64FA"/>
+</g>
+<defs>
+<clipPath id="clip0_7828_30923">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

+ 3 - 0
src/views/targetImprove/practice/practiceResults.vue

@@ -167,6 +167,7 @@ export default ({
             ],
             tableData: [
                 {
+                    id:'1',
                     practiceTime: '2023-08-09 16:00:00',
                     practiceType: '指定练习',
                     knowledgeName: '一般词语',
@@ -178,6 +179,7 @@ export default ({
                     improvement: { type: 'up', value: '80.37%' },
                 },
                 {
+                    id:'2',
                     practiceTime: '2023-08-09 15:30:00',
                     practiceType: '指定练习',
                     knowledgeName: '句式仿写',
@@ -188,6 +190,7 @@ export default ({
                     improvement: { type: 'down', value: '89.36%' },
                 },
                 {
+                    id:'3',
                     practiceTime: '2023-08-09 14:15:00',
                     practiceType: '指定练习',
                     knowledgeName: '现代诗歌',

+ 9 - 3
src/views/targetImprove/practice/practiceResults/practiceDetail.vue

@@ -87,11 +87,11 @@
                             AI讲题
                         </span>
                         <span class="action_btn" :class="{'analysis_btn':item.operationType=='analysis'}" @click="questionOperationTrigger(item,'analysis')">
-                            <img :src="answerIcon" alt="">
+                            <img :src="item.operationType=='analysis' ? answerIconLight :answerIcon" alt="">
                             解析答案
                         </span>
                         <span class="action_btn" :class="{'answer_detail_btn':item.operationType=='stuAnswerDetail'}" @click="questionOperationTrigger(item,'stuAnswerDetail')">
-                            <img :src="deteaiIcon" alt="">
+                            <img :src="item.operationType=='stuAnswerDetail' ? deteaiIconLight :deteaiIcon" alt="">
                             作答详情
                         </span>
                     </div>
@@ -111,9 +111,13 @@
 import TopBackNav from '../../components/TopBackNav.vue';
 
 import aiIcon from '@/assets/knowledgeGraph/aiIcon.png'
-import answerIcon from '@/assets/practiceResult/broken_line.png'
+import answerIcon from '@/assets/practiceResult/broken_line.svg'
 import deteaiIcon from '@/assets/practiceResult/todo_list.png'
 
+import answerIconLight from '@/assets/practiceResult/broken_line_light.png'
+import deteaiIconLight from '@/assets/practiceResult/todo_list_light.svg'
+
+
 import AnswerAnalysis from './answerAnalysis.vue'
 import studentAnswerDetail from './studentAnswerDetail.vue';
 
@@ -129,6 +133,8 @@ export default ({
             aiIcon:aiIcon,
             answerIcon:answerIcon,
             deteaiIcon:deteaiIcon,
+            answerIconLight:answerIconLight,
+            deteaiIconLight:deteaiIconLight,
             questionList:[
                 {
                     id:'1',

Bu fark içinde çok fazla dosya değişikliği olduğu için bazı dosyalar gösterilmiyor