{"version":3,"sources":["webpack:///./src/modules/class-school/teacher_personal_page/detail_exercise_assigned.vue?452c","webpack:///./src/modules/class-school/teacher_personal_page/_components/TabStatisticExercise.vue?99b7","webpack:///./src/modules/class-school/teacher_personal_page/_components/ChartPointInClass.vue?cd62","webpack:///src/modules/class-school/teacher_personal_page/_components/ChartPointInClass.vue","webpack:///./src/modules/class-school/teacher_personal_page/_components/ChartPointInClass.vue?7d11","webpack:///./src/modules/class-school/teacher_personal_page/_components/ChartPointInClass.vue","webpack:///src/modules/class-school/teacher_personal_page/_components/TabStatisticExercise.vue","webpack:///./src/modules/class-school/teacher_personal_page/_components/TabStatisticExercise.vue?6d56","webpack:///./src/modules/class-school/teacher_personal_page/_components/TabStatisticExercise.vue","webpack:///./src/modules/class-school/teacher_personal_page/_components/TabContentExercise.vue?92b0","webpack:///src/modules/class-school/teacher_personal_page/_components/TabContentExercise.vue","webpack:///./src/modules/class-school/teacher_personal_page/_components/TabContentExercise.vue?0480","webpack:///./src/modules/class-school/teacher_personal_page/_components/TabContentExercise.vue","webpack:///src/modules/class-school/teacher_personal_page/detail_exercise_assigned.vue","webpack:///./src/modules/class-school/teacher_personal_page/detail_exercise_assigned.vue?92b9","webpack:///./src/modules/class-school/teacher_personal_page/detail_exercise_assigned.vue","webpack:///./src/modules/class-school/teacher_personal_page/_components/TabContentExercise.vue?7e7d","webpack:///./src/modules/class-school/teacher_personal_page/detail_exercise_assigned.vue?bba9","webpack:///./src/modules/class-school/teacher_personal_page/_components/TabStatisticExercise.vue?7054"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","path","query","id","classSchoolId","nameClass","_s","nameExcercise","tabActive","tabStatistic","on","$event","handleChangeTab","lessonClassSchoolId","listGroupId","_e","tabContent","staticRenderFns","_m","fieldsTableMember","listMember","scopedSlots","_u","key","fn","data","label","row","item","stt","memberName","status","point","formatNumber","length","proxy","_l","index","listQuestionRateFalse","domProps","content","countMemberAnswerFalse","countMemberAnwer","name","components","ApexCharts","props","type","default","paramQueryDataMember","keyword","pageIndex","pageSize","subjectId","classId","options","series","chart","height","plotOptions","bar","horizontal","columnWidth","endingShape","dataLabels","position","xaxis","categories","yaxis","title","text","tickAmount","min","max","fill","opacity","tooltip","enabled","fillSeriesColor","colors","noData","yMax","watch","mounted","methods","value","renderChart","chartElement","updateChart","getListPointInClass","lstPostByPoint","xaxisCat","getListMember","getListUserExcerice","component","vueCustomScrollbar","ChartPointInClass","paramQueryDataQuestion","thClass","tdClass","urlQuestionImg","moment","getDataAll","getQuestionRateFalse","getQuestionExcerciseRateFalse","dataDetailExcercise","typeUploadExcercise","apiUrl","dataSource","indexQuestion","question","answers","questionId","indexanswers","TYPE_RADIO","correct","MultipleChoiceNew","PreviewQuestion","TYPE_CHECKBOX","TYPE_TRUE_FALSE_NO","TYPE_MATH_COL","TYPE_FILL_BLANK","TYPE_FILL_SENTENCE","TYPE_SELECT","TYPE_DOWN_ANSWER","TYPE_CIRCLE_ANSWER","TYPE_X_MARK","TYPE_DRAW_SHAPE_ANSWER","TYPE_GROUP","TYPE_FILL_INPUT_IMG","examId","created","getDetailLessonClassSchool","getDetailExcercise","self","TabStatisticExercise","TabContentExercise","tab"],"mappings":"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","file":"js/chunk-50b6cf45.d6a4e879.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"section-class-personal-page\"},[_c('div',{staticClass:\"ss-breadcrumb\"},[_c('div',{staticClass:\"container-hts\"},[_c('ul',{staticClass:\"margin-0 p-0\"},[_c('li',[_c('router-link',{attrs:{\"to\":\"/lop-hoc\"}},[_vm._v(\"Lớp học\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"/lop-hoc\"}},[_vm._v(\"Trang cá nhân\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":{path: '/trang-ca-nhan-giao-vien', query: { id: _vm.classSchoolId, nameClass: _vm.nameClass }}}},[_vm._v(_vm._s(_vm.nameClass))])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"\"}},[_vm._v(_vm._s(_vm.nameExcercise))])],1)])])]),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"pt-4\"},[_c('h2',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(_vm.nameExcercise))])]),_c('b-tabs',{staticClass:\"pre-class-school-list__filter__tabs\"},[_c('b-tab',{attrs:{\"title\":\"Thống kê\",\"active\":_vm.tabActive == _vm.tabStatistic},on:{\"click\":function($event){return _vm.handleChangeTab(_vm.tabStatistic)}}},[(_vm.tabActive == _vm.tabStatistic)?_c('TabStatisticExercise',{attrs:{\"lessonClassSchoolId\":_vm.lessonClassSchoolId,\"listGroupId\":_vm.listGroupId,\"classSchoolId\":_vm.classSchoolId}}):_vm._e()],1),_c('b-tab',{attrs:{\"title\":\"Nội dung\",\"active\":_vm.tabActive == _vm.tabContent},on:{\"click\":function($event){return _vm.handleChangeTab(_vm.tabContent)}}},[(_vm.tabActive == _vm.tabContent)?_c('TabContentExercise',{attrs:{\"lessonClassSchoolId\":_vm.lessonClassSchoolId,\"listGroupId\":_vm.listGroupId,\"classSchoolId\":_vm.classSchoolId}}):_vm._e()],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row mt-3\"},[_c('div',{staticClass:\"col-xl-6 col-lg-12\"},[_vm._m(0),_c('b-table',{staticClass:\"b-table-list\",attrs:{\"responsive\":\"\",\"striped\":\"\",\"hover\":\"\",\"sticky-header\":\"\",\"fields\":_vm.fieldsTableMember,\"items\":_vm.listMember},scopedSlots:_vm._u([{key:\"head(stt)\",fn:function(data){return [_c('span',{staticClass:\"col-table\"},[_vm._v(_vm._s(data.label))])]}},{key:\"head(name)\",fn:function(data){return [_c('span',{staticClass:\"col-table\"},[_vm._v(_vm._s(data.label))])]}},{key:\"cell(stt)\",fn:function(row){return [_vm._v(\"\\n                \"+_vm._s(row.item.stt)+\"\\n            \")]}},{key:\"cell(memberName)\",fn:function(row){return [_vm._v(\"\\n                \"+_vm._s(row.item.memberName)+\"\\n            \")]}},{key:\"cell(status)\",fn:function(row){return [_vm._v(\"\\n                \"+_vm._s(row.item.status)+\"\\n            \")]}},{key:\"cell(point)\",fn:function(row){return [_vm._v(\"\\n                \"+_vm._s(row.item.point != null ? _vm.formatNumber(row.item.point) : '-')+\"\\n            \")]}},(_vm.listMember.length == 0)?{key:\"table-caption\",fn:function(){return [_vm._v(\"Chưa có dữ liệu điểm\")]},proxy:true}:null],null,true)})],1),_c('div',{staticClass:\"col-xl-6 col-lg-12\"},[_vm._m(1),_c('div',{staticClass:\"chart-complete-ratio\"},[_c('vueCustomScrollbar',{staticClass:\"list-question-scroll\"},[_c('label',{staticClass:\"text-question-title\"},[_vm._v(\"\\n                    Danh sách các câu hỏi có tỷ lệ sai cao\\n                \")]),_c('div',{staticClass:\"question-list\"},[_vm._l((_vm.listQuestionRateFalse),function(item,index){return (_vm.listQuestionRateFalse.length > 0)?_c('div',{staticClass:\"question-item\"},[_c('div',{staticClass:\"q-top\"},[_c('p',{staticClass:\"text-primary m-0 float-left\"},[_vm._v(\"Câu \"+_vm._s(index + 1)+\":  \")]),(item.content)?_c('p',{staticClass:\"m-0 float-left\",domProps:{\"innerHTML\":_vm._s(item.content)}}):_c('span',{staticClass:\"m-0 float-left\"},[_vm._v(\"Câu hỏi chưa có nội dung\")])]),_c('div',{staticClass:\"q-bottom display-flex-center\"},[_c('strong',[_vm._v(\"Tỉ lệ câu sai: \")]),_vm._v(\"\\n                            \"+_vm._s(item.countMemberAnswerFalse * 1)+\"/\"+_vm._s(item.countMemberAnwer * 1)+\"\\n                        \")])]):_vm._e()}),(_vm.listQuestionRateFalse.length == 0)?_c('div',{staticClass:\"no-data\"},[_vm._v(\"\\n                        Dữ liệu đang được cập nhật...\\n                    \")]):_vm._e()],2)])],1),_c('div',{staticClass:\"chart-complete-ratio my-4 px-0\"},[_c('vueCustomScrollbar',{staticClass:\"chart-scroll\"},[_c('div',{staticClass:\"chart-header\"},[_c('label',{staticClass:\"text-question-title\"},[_vm._v(\"\\n                        Biểu đồ điểm trong lớp\\n                    \")]),_c('h4',[_vm._v(_vm._s(_vm.listMember.length))]),_c('label',{staticClass:\"text-question-title\"},[_vm._v(\"bài\")])]),_c('div',{staticClass:\"chart-area px-3\"},[_c('ChartPointInClass',{attrs:{\"classSchoolId\":_vm.classSchoolId,\"lessonClassSchoolId\":_vm.lessonClassSchoolId}})],1)])],1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mb-3\"},[_c('strong',[_vm._v(\"Danh sách điểm\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mb-3\"},[_c('strong',[_vm._v(\"Thống kê kết quả\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"chart\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div id=\"chart\">\r\n    </div>\r\n</template>\r\n<script>\r\n\r\nimport ApexCharts from 'apexcharts'\r\nimport { getListUserExcerice } from './../../_api/lessonClassSchoolUserServices';\r\n\r\nexport default {\r\n    name: 'ChartPointInClass',\r\n    components: { ApexCharts },\r\n    props: {\r\n        classSchoolId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        lessonClassSchoolId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        type: {\r\n            type: String,\r\n            default: 'ElectronicLecture'\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            listMember: [],\r\n            paramQueryDataMember: {\r\n                keyword: '',\r\n                pageIndex: 1,\r\n                pageSize: 5000000,\r\n                subjectId: 0,\r\n                classId: 0,\r\n                classSchoolId: 0,\r\n                lessonClassSchoolId: 0\r\n            },\r\n            options: {\r\n                series: [{\r\n                    name: 'Số bài đạt điểm',\r\n                    data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]\r\n                }],\r\n                chart: {\r\n                    type: 'bar',\r\n                    height: 300\r\n                },\r\n                plotOptions: {\r\n                    bar: {\r\n                        horizontal: false,\r\n                        columnWidth: '55%',\r\n                        endingShape: 'rounded',\r\n                        dataLabels: {\r\n                            position: 'center', // top, center, bottom\r\n                        },\r\n                    },\r\n                },\r\n                xaxis: {\r\n                    categories: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10'],\r\n                },\r\n                yaxis: {\r\n                    title: {\r\n                        text: 'Số bài đạt điểm'\r\n                    },\r\n                    tickAmount: 20,\r\n                    min: 0,\r\n                    max: 10,\r\n                },\r\n                fill: {\r\n                    opacity: 1\r\n                },\r\n                tooltip: {\r\n                    enabled: true,\r\n                    fillSeriesColor: false,\r\n                },\r\n                colors: ['#145aa5'],\r\n                noData: {\r\n                    text: 'Đang tải dữ liệu biểu đồ...'\r\n                },\r\n            },\r\n            yMax: 10,\r\n        }\r\n    },\r\n    watch: {\r\n        'lessonClassSchoolId': 'getListMember',\r\n        'listMember': 'updateChart',\r\n    },\r\n    mounted() {\r\n        //this.renderChart()\r\n        if (this.lessonClassSchoolId > 0) {\r\n            this.getListMember()\r\n        }\r\n    },\r\n    methods:{\r\n        formatNumber(value){\r\n            if (typeof value !== 'number') {\r\n                return value;\r\n            }\r\n            if (value % 1 == 0.5) {\r\n                return value.toFixed(1);\r\n            }\r\n            return value.toFixed(0);\r\n        },\r\n        renderChart() {\r\n            if (this.options.series.length > 0) {\r\n                const chartElement = document.querySelector(\"#chart\");\r\n                chartElement.innerHTML = ''\r\n                var chart = new ApexCharts(chartElement, this.options);\r\n                chart.render();\r\n            }\r\n        },\r\n        updateChart() {\r\n            this.getListPointInClass()\r\n            this.renderChart()\r\n        },\r\n        getListPointInClass() {\r\n            if (this.listMember.length > 0) {\r\n                //Tính số bài đạt điểm từ 0 đến 10\r\n                var lstPostByPoint = [];\r\n                var xaxisCat = [];\r\n                for (let point = 0; point <= 10; point+=0.5) {\r\n                    let count = this.listMember.filter(x => this.formatNumber(x.point * 1) * 1 == point).length\r\n                    if (count > this.yMax) this.yMax = count\r\n                    lstPostByPoint.push(count);\r\n                    if (point % 1 == 0.5) {\r\n                        xaxisCat.push('');\r\n                    }\r\n                    else {\r\n                        xaxisCat.push(point + '');\r\n                    }\r\n                }\r\n                this.options.series = [{\r\n                    name: 'Số bài đạt điểm',\r\n                    data: lstPostByPoint\r\n                }]\r\n                this.options.xaxis.categories = xaxisCat\r\n                this.options.yaxis = {\r\n                    title: {\r\n                        text: 'Số bài đạt điểm'\r\n                    },\r\n                    tickAmount: 10,\r\n                    min: 0,\r\n                    max: this.yMax,\r\n                }\r\n                \r\n            }\r\n        },\r\n        getListMember() {\r\n            this.listMember = []\r\n            this.paramQueryDataMember.classSchoolId = this.classSchoolId\r\n            this.paramQueryDataMember.lessonClassSchoolId = this.lessonClassSchoolId\r\n            getListUserExcerice(this.paramQueryDataMember).then(res => {\r\n                if (res && res.data && !res.errors && res.data.list != null) {\r\n                    for (let i = 0; i < res.data.list.length; i++) {\r\n                        const item = res.data.list[i];\r\n                        this.listMember.push({ \r\n                            'stt': i + 1,\r\n                            'memberName': item.userName,\r\n                            'status': item.status,\r\n                            'point': item.point,\r\n                        })\r\n                    }\r\n                }\r\n            })\r\n\r\n        },\r\n\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n\r\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartPointInClass.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartPointInClass.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChartPointInClass.vue?vue&type=template&id=e674e984&scoped=true&\"\nimport script from \"./ChartPointInClass.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartPointInClass.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"e674e984\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"row mt-3\">\r\n        <div class=\"col-xl-6 col-lg-12\">\r\n            <div class=\"mb-3\">\r\n                <strong>Danh sách điểm</strong>\r\n            </div>\r\n            <b-table responsive striped hover sticky-header :fields=\"fieldsTableMember\" :items=\"listMember\"\r\n                class=\"b-table-list\">\r\n                <template #head(stt)=\"data\">\r\n                    <span class=\"col-table\">{{ data.label }}</span>\r\n                </template>\r\n                <template #head(name)=\"data\">\r\n                    <span class=\"col-table\">{{ data.label }}</span>\r\n                </template>\r\n                <template #cell(stt)=\"row\">\r\n                    {{ row.item.stt }}\r\n                </template>\r\n                <template #cell(memberName)=\"row\">\r\n                    {{ row.item.memberName }}\r\n                </template>\r\n                <template #cell(status)=\"row\">\r\n                    {{ row.item.status }}\r\n                </template>\r\n                <template #cell(point)=\"row\">\r\n                    {{ row.item.point != null ? formatNumber(row.item.point) : '-' }}\r\n                </template>\r\n                <template #table-caption v-if=\"listMember.length == 0\">Chưa có dữ liệu điểm</template>\r\n            </b-table>\r\n        </div>\r\n        <div class=\"col-xl-6 col-lg-12\">\r\n            <div class=\"mb-3\">\r\n                <strong>Thống kê kết quả</strong>\r\n            </div>\r\n            <div class=\"chart-complete-ratio\">\r\n                <vueCustomScrollbar class=\"list-question-scroll\">\r\n                    <label class=\"text-question-title\">\r\n                        Danh sách các câu hỏi có tỷ lệ sai cao\r\n                    </label>\r\n                    <div class=\"question-list\">\r\n                        <div v-if=\"listQuestionRateFalse.length > 0\" class=\"question-item\"\r\n                            v-for=\"(item, index) of listQuestionRateFalse\">\r\n                            <div class=\"q-top\">\r\n                                <p class=\"text-primary m-0 float-left\">Câu {{ index + 1 }}: &nbsp;</p>\r\n                                <p class=\"m-0 float-left\" v-if=\"item.content\" v-html=\"item.content\">\r\n                                </p>\r\n                                <span class=\"m-0 float-left\" v-else>Câu hỏi chưa có nội dung</span>\r\n                            </div>\r\n                            <div class=\"q-bottom display-flex-center\">\r\n                                <strong>Tỉ lệ câu sai: </strong>\r\n                                {{ item.countMemberAnswerFalse * 1 }}/{{ item.countMemberAnwer * 1 }}\r\n                            </div>\r\n                        </div>\r\n                        <div v-if=\"listQuestionRateFalse.length == 0\" class=\"no-data\">\r\n                            Dữ liệu đang được cập nhật...\r\n                        </div>\r\n                    </div>\r\n                </vueCustomScrollbar>\r\n            </div>\r\n            <div class=\"chart-complete-ratio my-4 px-0\">\r\n                <vueCustomScrollbar class=\"chart-scroll\">\r\n                    <div class=\"chart-header\">\r\n                        <label class=\"text-question-title\">\r\n                            Biểu đồ điểm trong lớp\r\n                        </label>\r\n                        <h4>{{ listMember.length }}</h4>\r\n                        <label class=\"text-question-title\">bài</label>\r\n                    </div>\r\n                    <div class=\"chart-area px-3\">\r\n                        <ChartPointInClass :classSchoolId=\"classSchoolId\" :lessonClassSchoolId=\"lessonClassSchoolId\" />\r\n                    </div>\r\n                </vueCustomScrollbar>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport moment from \"moment\"\r\nimport vueCustomScrollbar from 'vue-custom-scrollbar'\r\nimport ChartPointInClass from './ChartPointInClass'\r\nimport { getListUserExcerice, getQuestionExcerciseRateFalse } from './../../_api/lessonClassSchoolUserServices';\r\nimport { APP_CONFIG } from \"@/utils/constants\";\r\nimport { setContentMediaEditorShow } from \"@/modules/question/preview-question/_store/helperQuestionContent\";\r\n\r\nexport default {\r\n    components: {\r\n        vueCustomScrollbar,\r\n        ChartPointInClass\r\n    },\r\n    props: {\r\n        listGroupId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        classSchoolId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        lessonClassSchoolId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            paramQueryDataQuestion: {\r\n                keyword: '',\r\n                pageIndex: 1,\r\n                pageSize: 3,\r\n                lessonClassSchoolId: 0,\r\n                listGroupId: 0,\r\n                classSchoolId: 0,\r\n            },\r\n            paramQueryDataMember: {\r\n                keyword: '',\r\n                pageIndex: 1,\r\n                pageSize: 5000000,\r\n                subjectId: 0,\r\n                classId: 0,\r\n                classSchoolId: 0,\r\n                lessonClassSchoolId: 0\r\n            },\r\n            fieldsTableMember: [\r\n                { key: 'stt', label: 'STT', thClass: 'w-60px text-center', tdClass: 'w-60px text-center' },\r\n                { key: 'memberName', label: 'Tên học sinh', thClass: 'text-center', tdClass: 'text-center' },\r\n                { key: 'status', label: 'Trạng thái', thClass: 'w-150px text-center', tdClass: 'w-150px text-center' },\r\n                { key: 'point', label: 'Điểm', thClass: 'w-150px text-center', tdClass: 'w-150px text-center' },\r\n            ],\r\n            listMember: [],\r\n            listQuestionRateFalse: [],\r\n            urlQuestionImg: APP_CONFIG.urlQuestionImg,\r\n        }\r\n    },\r\n    watch: {\r\n        'classSchoolId': 'getDataAll',\r\n    },\r\n    mounted() {\r\n        if (this.classSchoolId > 0) {\r\n            this.getDataAll()\r\n        }\r\n    },\r\n    methods: {\r\n        moment,\r\n        formatNumber(value) {\r\n            if (typeof value !== 'number') {\r\n                return value;\r\n            }\r\n            if (value % 1 == 0.5) {\r\n                return value.toFixed(1);\r\n            }\r\n            return value.toFixed(0);\r\n        },\r\n        getDataAll() {\r\n            this.getQuestionRateFalse()\r\n            this.getListMember()\r\n        },\r\n        getQuestionRateFalse() {\r\n            this.listQuestionRateFalse = []\r\n            this.paramQueryDataQuestion.lessonClassSchoolId = this.lessonClassSchoolId\r\n            this.paramQueryDataQuestion.listGroupId = this.listGroupId\r\n            this.paramQueryDataQuestion.classSchoolId = this.classSchoolId\r\n            getQuestionExcerciseRateFalse(this.paramQueryDataQuestion).then(res => {\r\n                if (res && res.data && !res.errors && res.data.list != null) {\r\n                    for (let i = 0; i < res.data.list.length; i++) {\r\n                        const item = res.data.list[i];\r\n                        let itemTemp = setContentMediaEditorShow(item)\r\n                        this.listQuestionRateFalse.push(itemTemp);\r\n                    }\r\n                }\r\n            })\r\n        },\r\n        getListMember() {\r\n            this.listMember = []\r\n            this.paramQueryDataMember.classSchoolId = this.classSchoolId\r\n            this.paramQueryDataMember.lessonClassSchoolId = this.lessonClassSchoolId\r\n            getListUserExcerice(this.paramQueryDataMember).then(res => {\r\n                if (res && res.data && !res.errors && res.data.list != null) {\r\n                    for (let i = 0; i < res.data.list.length; i++) {\r\n                        const item = res.data.list[i];\r\n                        this.listMember.push({\r\n                            'stt': i + 1,\r\n                            'memberName': item.userName,\r\n                            'status': item.status,\r\n                            'point': item.point,\r\n                        })\r\n                    }\r\n                }\r\n            })\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.chart-complete-ratio {\r\n    padding: 0.5rem 2rem;\r\n    border: 1px solid #dee2e6;\r\n    border-radius: 0.6rem;\r\n    min-height: 8rem;\r\n}\r\n\r\n.header-table .col-header {\r\n    color: #94a3b0;\r\n    padding: 0.3rem 1rem;\r\n}\r\n\r\n.col-cell {\r\n    padding: 0.3rem 1rem;\r\n}\r\n\r\n.icon-edit {\r\n    width: 15px;\r\n    cursor: pointer;\r\n}\r\n\r\n.width-60 {\r\n    width: 60px;\r\n}\r\n\r\n.question-list {\r\n    display: flex;\r\n    //align-items: center;\r\n    flex-direction: column;\r\n    row-gap: 1rem;\r\n}\r\n\r\n.question-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    row-gap: 1.2rem;\r\n}\r\n\r\n.table-list-member {\r\n    max-height: 60vh;\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\r\n}\r\n\r\n.list-question-scroll {\r\n    max-height: 30vh;\r\n    overflow-y: auto;\r\n}\r\n\r\n.float-left {\r\n    float: left;\r\n}\r\n\r\n.text-question-title {\r\n    color: #898989;\r\n}\r\n\r\n.chart-header {\r\n    padding: 1rem 2rem;\r\n    border-bottom: 1px solid #ced4da;\r\n    margin-bottom: 1rem;\r\n}\r\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TabStatisticExercise.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TabStatisticExercise.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TabStatisticExercise.vue?vue&type=template&id=42defc5a&scoped=true&\"\nimport script from \"./TabStatisticExercise.vue?vue&type=script&lang=js&\"\nexport * from \"./TabStatisticExercise.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TabStatisticExercise.vue?vue&type=style&index=0&id=42defc5a&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"42defc5a\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"row margin-top-10\"},[_c('div',{staticClass:\"col-md-12 wrap-page\"},[(_vm.dataDetailExcercise.typeUploadExcercise == 5 || _vm.dataDetailExcercise.typeUploadExcercise == 6)?_c('div',{staticClass:\"full-width\"},[_c('embed',{staticClass:\"ember-pdf\",attrs:{\"src\":_vm.apiUrl + _vm.dataDetailExcercise.path}})]):_vm._e(),(_vm.dataDetailExcercise.typeUploadExcercise == 1 || _vm.dataDetailExcercise.typeUploadExcercise == 2)?_c('div',_vm._l((_vm.dataDetailExcercise.listExcerciseQuestionClassSchool),function(dataSource,indexQuestion){return _c('div',{key:indexQuestion,staticClass:\"item-question-answer\"},[_c('PreviewQuestion',{attrs:{\"id\":(\"question_\" + indexQuestion),\"dataSource\":dataSource.question,\"location\":indexQuestion,\"questions\":dataSource.question.answers,\"isDontShowResultSaved\":false}})],1)}),0):(_vm.dataDetailExcercise.typeUploadExcercise == 3 || _vm.dataDetailExcercise.typeUploadExcercise == 4)?_c('div',_vm._l((_vm.dataDetailExcercise.listExcerciseQuestionClassSchool),function(dataSource,indexQuestion){return _c('div',{key:indexQuestion,staticClass:\"item-question-answer\"},[(dataSource.questionId > 0)?_c('div',[_c('PreviewQuestion',{attrs:{\"id\":(\"question_\" + indexQuestion),\"dataSource\":dataSource,\"location\":indexQuestion,\"questions\":dataSource.answers,\"isDontShowResultSaved\":false}})],1):_c('div',[_c('div',{staticClass:\"question\",domProps:{\"innerHTML\":_vm._s(dataSource.content)}}),_vm._l((dataSource.answers),function(item,indexanswers){return _c('div',{key:indexanswers},[(dataSource.type === _vm.TYPE_RADIO)?_c('MultipleChoiceNew',{attrs:{\"dataSource\":item,\"nameField\":(\"answer_\" + (dataSource.id)),\"location\":indexanswers,\"parent\":dataSource,\"valueSelected\":item.correct,\"answerContent\":item.content,\"statusUserExcercise\":2}}):_vm._e()],1)})],2)])}),0):_vm._e()])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <div class=\"row margin-top-10\">\r\n            <div class=\"col-md-12 wrap-page\">\r\n                <div class=\"full-width\"\r\n                    v-if=\"dataDetailExcercise.typeUploadExcercise == 5 || dataDetailExcercise.typeUploadExcercise == 6\">\r\n                    <embed :src=\"apiUrl + dataDetailExcercise.path\" class=\"ember-pdf\" />\r\n                </div>\r\n                <div\r\n                    v-if=\"dataDetailExcercise.typeUploadExcercise == 1 || dataDetailExcercise.typeUploadExcercise == 2\">\r\n                    <div class=\"item-question-answer\"\r\n                        v-for=\"(dataSource, indexQuestion) of dataDetailExcercise.listExcerciseQuestionClassSchool\"\r\n                        :key=\"indexQuestion\">\r\n                        <PreviewQuestion :id=\"`question_${indexQuestion}`\" :dataSource=\"dataSource.question\"\r\n                            :location=\"indexQuestion\" :questions=\"dataSource.question.answers\"\r\n                            :isDontShowResultSaved=\"false\" />\r\n                    </div>\r\n                </div>\r\n                <div\r\n                    v-else-if=\"dataDetailExcercise.typeUploadExcercise == 3 || dataDetailExcercise.typeUploadExcercise == 4\">\r\n                    <div class=\"item-question-answer\"\r\n                        v-for=\"(dataSource, indexQuestion) of dataDetailExcercise.listExcerciseQuestionClassSchool\"\r\n                        :key=\"indexQuestion\">\r\n                        <div v-if=\"dataSource.questionId > 0\">\r\n\r\n                            <PreviewQuestion :id=\"`question_${indexQuestion}`\" :dataSource=\"dataSource\"\r\n                                :location=\"indexQuestion\" :questions=\"dataSource.answers\"\r\n                                :isDontShowResultSaved=\"false\" />\r\n                        </div>\r\n                        <div v-else>\r\n                            <div class=\"question\" v-html=\"dataSource.content\">\r\n\r\n                            </div>\r\n                            <div v-for=\"(item, indexanswers) of dataSource.answers\" :key=\"indexanswers\">\r\n                                <MultipleChoiceNew v-if=\"dataSource.type === TYPE_RADIO\" :dataSource=\"item\"\r\n                                    :nameField=\"`answer_${dataSource.id}`\" :location=\"indexanswers\" :parent=\"dataSource\"\r\n                                    :valueSelected=\"item.correct\" :answerContent=\"item.content\"\r\n                                    :statusUserExcercise=\"2\" />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n<script>\r\nimport MultipleChoiceNew from './../../../question/preview-question/answers/multiple-choice/MultipleChoiceNew.vue'\r\nimport PreviewQuestion from '@/modules/question/preview-question-excercise-thieu/PreviewQuestion.vue'\r\nimport { getDetailExcercise } from './../../_api/LessonClassSchoolServices'\r\nimport { APP_CONFIG } from '@/utils/constants'\r\nimport store from '@/modules/question/preview-question-excercise-thieu/_store'\r\nimport { STORE_KEY as STORE_KEY_QUESTION, TYPE_GROUP, TYPE_DRAW_SHAPE_ANSWER, TYPE_DOWN_ANSWER, TYPE_FILL_BLANK, TYPE_SELECT, TYPE_MATH_COL } from '@/modules/question/preview-question-excercise-thieu/_store/constants'\r\nexport default {\r\n    components: {\r\n        MultipleChoiceNew,\r\n        PreviewQuestion\r\n    },\r\n    data() {\r\n        return {\r\n            TYPE_RADIO: 'radio',\r\n            TYPE_CHECKBOX: 'checkbox',\r\n            TYPE_TRUE_FALSE_NO: 'answer_t_f_no',\r\n            TYPE_MATH_COL: 'math_col',\r\n            TYPE_FILL_BLANK: 'fill_blank',\r\n            TYPE_FILL_SENTENCE: 'fill_sentence',\r\n            TYPE_SELECT: 'select',\r\n            TYPE_DOWN_ANSWER: 'down_answer',\r\n            TYPE_CIRCLE_ANSWER: 'circle_answer',\r\n            TYPE_X_MARK: 'x_mark_answer',\r\n            TYPE_DRAW_SHAPE_ANSWER: 'draw_shape_answer',\r\n            TYPE_GROUP: 'group',\r\n            TYPE_FILL_INPUT_IMG: 'fill_input_img',\r\n            dataDetailExcercise: {},\r\n            lessonClassSchoolId: 0,\r\n            examId: 0,\r\n            apiUrl: APP_CONFIG.appUrl + 'lessons/',\r\n        }\r\n    },\r\n    created() {\r\n        if (!(STORE_KEY_QUESTION in this.$store._modules.root._children)) {\r\n            this.$store.registerModule(STORE_KEY_QUESTION, store);\r\n        }\r\n    },\r\n    mounted() {\r\n        this.lessonClassSchoolId = this.$route.query.id\r\n        // this.examId = this.$route.query.Id\r\n        this.getDetailLessonClassSchool()\r\n    },\r\n    methods: {\r\n        getDetailLessonClassSchool() {\r\n            let self = this\r\n            getDetailExcercise(this.lessonClassSchoolId).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.dataDetailExcercise = res.data\r\n\r\n                }\r\n            })\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.wrap-page {\r\n    width: 100%;\r\n    height: 40rem;\r\n    overflow: auto;\r\n}\r\n\r\n.item-question-answer {\r\n    padding: 10px;\r\n    background: #e1effe;\r\n    border-radius: 10px;\r\n    border: 1px solid #b1b1b1;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 20px;\r\n}\r\n\r\n.full-width {\r\n    width: 100%;\r\n    height: 40rem;\r\n}\r\n\r\n.ember-pdf {\r\n    width: 100%;\r\n    height: inherit;\r\n}\r\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TabContentExercise.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TabContentExercise.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TabContentExercise.vue?vue&type=template&id=e78c7bd2&scoped=true&\"\nimport script from \"./TabContentExercise.vue?vue&type=script&lang=js&\"\nexport * from \"./TabContentExercise.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TabContentExercise.vue?vue&type=style&index=0&id=e78c7bd2&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"e78c7bd2\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <section class=\"section-class-personal-page\">\r\n        <div class=\"ss-breadcrumb\">\r\n            <div class=\"container-hts\">\r\n                <ul class=\"margin-0 p-0\">\r\n                    <li><router-link to=\"/lop-hoc\">Lớp học</router-link></li>\r\n                    <li><router-link to=\"/lop-hoc\">Trang cá nhân</router-link></li>\r\n                    <li><router-link :to=\"{path: '/trang-ca-nhan-giao-vien', query: { id: classSchoolId, nameClass: nameClass }}\">{{ nameClass }}</router-link></li>\r\n                    <li><router-link to=\"\">{{ nameExcercise }}</router-link></li>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n        <div class=\"container\">\r\n            <div class=\"pt-4\">\r\n                <h2 class=\"font-weight-bold\">{{ nameExcercise }}</h2>\r\n            </div>\r\n            <b-tabs class=\"pre-class-school-list__filter__tabs\">\r\n                <b-tab title=\"Thống kê\" @click=\"handleChangeTab(tabStatistic)\" :active=\"tabActive == tabStatistic\">\r\n                    <TabStatisticExercise v-if=\"tabActive == tabStatistic\" \r\n                        :lessonClassSchoolId=\"lessonClassSchoolId\"\r\n                        :listGroupId=\"listGroupId\"\r\n                        :classSchoolId=\"classSchoolId\"\r\n                    />\r\n                </b-tab>\r\n                <b-tab title=\"Nội dung\" @click=\"handleChangeTab(tabContent)\" :active=\"tabActive == tabContent\">\r\n                    <TabContentExercise v-if=\"tabActive == tabContent\" \r\n                        :lessonClassSchoolId=\"lessonClassSchoolId\"\r\n                        :listGroupId=\"listGroupId\"\r\n                        :classSchoolId=\"classSchoolId\"\r\n                    />\r\n                </b-tab>\r\n            </b-tabs>\r\n        </div>\r\n    </section>\r\n</template>\r\n<script>\r\nimport TabStatisticExercise from './_components/TabStatisticExercise.vue'\r\nimport TabContentExercise from './_components/TabContentExercise.vue'\r\nexport default{\r\n    components:{\r\n        TabStatisticExercise,\r\n        TabContentExercise\r\n    },\r\n    data(){\r\n        return{\r\n            nameClass: '',\r\n            nameExcercise: '',\r\n            tabActive:1,\r\n            tabStatistic:1,\r\n            tabContent:2,\r\n            lessonClassSchoolId: 0,\r\n            listGroupId: 0,\r\n            classSchoolId: 0,\r\n        }\r\n    },\r\n    mounted(){\r\n        this.lessonClassSchoolId = this.$router.history.current.query.id * 1\r\n        this.classSchoolId = this.$router.history.current.query.classSchoolId * 1\r\n        this.listGroupId = this.$router.history.current.query.listGroupId * 1\r\n        this.nameClass = this.$router.history.current.query.nameClass\r\n        this.nameExcercise = this.$router.history.current.query.nameExcercise\r\n    },\r\n    methods:{\r\n        handleChangeTab(tab){\r\n            this.tabActive = tab\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n    .pre-class-school-list__filter__tabs ul.nav-tabs li.nav-item {\r\n        padding: 0 3rem;\r\n    }\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail_exercise_assigned.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail_exercise_assigned.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./detail_exercise_assigned.vue?vue&type=template&id=8756003a&scoped=true&\"\nimport script from \"./detail_exercise_assigned.vue?vue&type=script&lang=js&\"\nexport * from \"./detail_exercise_assigned.vue?vue&type=script&lang=js&\"\nimport style0 from \"./detail_exercise_assigned.vue?vue&type=style&index=0&id=8756003a&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"8756003a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TabContentExercise.vue?vue&type=style&index=0&id=e78c7bd2&lang=scss&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail_exercise_assigned.vue?vue&type=style&index=0&id=8756003a&lang=scss&scoped=true&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TabStatisticExercise.vue?vue&type=style&index=0&id=42defc5a&lang=scss&scoped=true&\""],"sourceRoot":""}