{"version":3,"sources":["webpack:///./src/components/task/components/dialogs/examChartInPage.vue?436c","webpack:///./src/components/task/components/dialogs/examChartInPage.vue","webpack:///src/components/task/components/dialogs/examChartInPage.vue","webpack:///./src/components/task/components/dialogs/examChartInPage.vue?8cec","webpack:///./src/components/task/components/dialogs/examChartInPage.vue?78fd"],"names":["render","_vm","this","_c","_self","staticClass","_l","obj","questions","q","i","key","domProps","_s","concat","question","answers","a","ai","_v","class","point","answer","count","attrs","map","legend","show","chart","width","type","labels","$route","params","ot","filter","x","reduce","sum","_ref","_m","_ref2","_e","staticRenderFns","components","apexchart","VueApexCharts","props","id","Number","default","data","showSidebar","rdy","mounted","init","methods","_objectSpread","mapActions","_this","_obj","$store","state","app","mainLayoutConfig","header","aside","expanded","handleMainLayoutConfig","request","api","method","url","examId","courseId","cid","lessonId","lid","store","then","res","visibleChanged","e","Object","assign","$data","$options","$emit","component"],"mappings":"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","file":"js/chunk-03d25396.22ec4602.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./examChartInPage.vue?vue&type=style&index=0&id=60ba280e&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"bg-white\"},_vm._l((_vm.obj.questions),function(q,i){return _c('div',{key:i,staticClass:\"mg-b-10 question\"},[_c('div',{staticClass:\"bd-y pd-5 bg-gray-100 font-weight-bolder\",domProps:{\"innerHTML\":_vm._s(`${i + 1}. ${q.question}`)}}),_c('div',{staticClass:\"d-flex align-items-center pd-x-20\"},[_c('div',{staticClass:\"wd-50p\"},_vm._l((q.answers),function(a,ai){return _c('div',{key:ai,staticClass:\"d-flex align-items-center bd-b\"},[_c('div',{staticClass:\"pd-r-10 bd-r\"},[_vm._v(_vm._s(ai + 1))]),_c('div',{class:`pd-l-5 pd-y-5 ${a.point > 0 ? 'text-primary' : ''}`},[_vm._v(\" \"+_vm._s(a.answer)+\" \")]),_c('div',{staticClass:\"mg-l-auto bd-l pd-l-5 wd-60 text-right\"},[_vm._v(\" \"+_vm._s(a.count)+\" \")])])}),0),_c('div',{staticClass:\"wd-30p\"},[_c('apexchart',{attrs:{\"type\":\"pie\",\"series\":q.answers.map(a => {\n              return a.count;\n            }),\"options\":{\n            legend: { show: false },\n            chart: { width: 250, type: 'pie' },\n            labels: q.answers.map(a => {\n              return a.answer;\n            })\n          }}})],1),(_vm.$route.params.ot != 700)?_c('div',{staticClass:\"wd-20p\"},[_c('div',{staticClass:\"row row-sm\"},[_c('div',{staticClass:\"col-6 col-sm-4 col-md-3 col-lg\"},[_c('h4',{staticClass:\"tx-normal tx-rubik mg-b-10\"},[_vm._v(\" \"+_vm._s(q.answers .filter(x => x.point > 0) .reduce((sum, { count }) => sum + count, 0))+\" \")]),_vm._m(0,true),_c('h6',{staticClass:\"tx-uppercase tx-spacing-1 tx-semibold tx-10 tx-color-02 mg-b-2\"},[_vm._v(\" Зөв хариулсан \")])]),_c('div',{staticClass:\"col-6 col-sm-4 col-md-3 col-lg\"},[_c('h4',{staticClass:\"tx-normal tx-rubik mg-b-10\"},[_vm._v(\" \"+_vm._s(q.answers .filter(x => x.point == 0) .reduce((sum, { count }) => sum + count, 0))+\" \")]),_vm._m(1,true),_c('h6',{staticClass:\"tx-uppercase tx-spacing-1 tx-semibold tx-10 tx-color-02 mg-b-2\"},[_vm._v(\" Буруу хариулсан \")])])])]):_vm._e()])])}),0)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"progress ht-2 mg-b-10\"},[_c('div',{staticClass:\"progress-bar wd-100p bg-success\",attrs:{\"role\":\"progressbar\",\"aria-valuenow\":\"100\",\"aria-valuemin\":\"0\",\"aria-valuemax\":\"100\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"progress ht-2 mg-b-10\"},[_c('div',{staticClass:\"progress-bar wd-100p bg-danger\",attrs:{\"role\":\"progressbar\",\"aria-valuenow\":\"100\",\"aria-valuemin\":\"0\",\"aria-valuemax\":\"100\"}})])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"bg-white\">\n    <div v-for=\"(q, i) in obj.questions\" :key=\"i\" class=\"mg-b-10 question\">\n      <div\n        class=\"bd-y pd-5 bg-gray-100 font-weight-bolder\"\n        v-html=\"`${i + 1}. ${q.question}`\"\n      ></div>\n      <div class=\"d-flex align-items-center pd-x-20\">\n        <div class=\"wd-50p\">\n          <div\n            v-for=\"(a, ai) in q.answers\"\n            :key=\"ai\"\n            class=\"d-flex align-items-center bd-b\"\n          >\n            <div class=\"pd-r-10 bd-r\">{{ ai + 1 }}</div>\n            <div :class=\"`pd-l-5 pd-y-5 ${a.point > 0 ? 'text-primary' : ''}`\">\n              {{ a.answer }}\n            </div>\n            <div class=\"mg-l-auto bd-l pd-l-5 wd-60 text-right\">\n              {{ a.count }}\n            </div>\n          </div>\n        </div>\n        <div class=\"wd-30p\">\n          <apexchart\n            type=\"pie\"\n            :series=\"\n              q.answers.map(a => {\n                return a.count;\n              })\n            \"\n            :options=\"{\n              legend: { show: false },\n              chart: { width: 250, type: 'pie' },\n              labels: q.answers.map(a => {\n                return a.answer;\n              })\n            }\"\n          ></apexchart>\n        </div>\n        <div class=\"wd-20p\" v-if=\"$route.params.ot != 700\">\n          <div class=\"row row-sm\">\n            <div class=\"col-6 col-sm-4 col-md-3 col-lg\">\n              <h4 class=\"tx-normal tx-rubik mg-b-10\">\n                {{\n                  q.answers\n                    .filter(x => x.point > 0)\n                    .reduce((sum, { count }) => sum + count, 0)\n                }}\n              </h4>\n              <div class=\"progress ht-2 mg-b-10\">\n                <div\n                  class=\"progress-bar wd-100p bg-success\"\n                  role=\"progressbar\"\n                  aria-valuenow=\"100\"\n                  aria-valuemin=\"0\"\n                  aria-valuemax=\"100\"\n                ></div>\n              </div>\n              <h6\n                class=\"tx-uppercase tx-spacing-1 tx-semibold tx-10 tx-color-02 mg-b-2\"\n              >\n                Зөв хариулсан\n              </h6>\n            </div>\n            <div class=\"col-6 col-sm-4 col-md-3 col-lg\">\n              <h4 class=\"tx-normal tx-rubik mg-b-10\">\n                {{\n                  q.answers\n                    .filter(x => x.point == 0)\n                    .reduce((sum, { count }) => sum + count, 0)\n                }}\n              </h4>\n              <div class=\"progress ht-2 mg-b-10\">\n                <div\n                  class=\"progress-bar wd-100p bg-danger\"\n                  role=\"progressbar\"\n                  aria-valuenow=\"100\"\n                  aria-valuemin=\"0\"\n                  aria-valuemax=\"100\"\n                ></div>\n              </div>\n              <h6\n                class=\"tx-uppercase tx-spacing-1 tx-semibold tx-10 tx-color-02 mg-b-2\"\n              >\n                Буруу хариулсан\n              </h6>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- <div class=\"d-flex align-items-center pd-x-20\">\n                 \n                  <div class=\"wd-30p\">\n                       <apexchart type=\"pie\" :series=\"q.answers.map((a)=>{ return a.count })\"\n                        :options=\"{legend:{show: false}, chart: { width: 250, type: 'pie', }, labels: q.answers.map((a)=>{ return a.answer }) }\"></apexchart>\n                  </div>\n                  <div class=\"wd-40p\" v-if=\"$route.params.ot!=700\">\n                      <div class=\"row row-sm\">\n                        <div class=\"col-6 col-sm-4 col-md-3 col-lg\">\n                            <h4 class=\"tx-normal tx-rubik mg-b-10\">{{q.answers.filter(x=>x.point>0).reduce( (sum, { count }) => sum + count, 0 )}}</h4>\n                            <div class=\"progress ht-2 mg-b-10\">\n                            <div class=\"progress-bar wd-100p bg-success\" role=\"progressbar\" aria-valuenow=\"100\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>\n                            </div>\n                            <h6 class=\"tx-uppercase tx-spacing-1 tx-semibold tx-10 tx-color-02 mg-b-2\">Зөв хариулсан</h6>\n                        </div>\n                        <div class=\"col-6 col-sm-4 col-md-3 col-lg\">\n                            <h4 class=\"tx-normal tx-rubik mg-b-10\">{{q.answers.filter(x=>x.point==0).reduce( (sum, { count }) => sum + count, 0 )}}</h4>\n                            <div class=\"progress ht-2 mg-b-10\">\n                            <div class=\"progress-bar wd-100p bg-danger\" role=\"progressbar\" aria-valuenow=\"100\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>\n                            </div>\n                            <h6 class=\"tx-uppercase tx-spacing-1 tx-semibold tx-10 tx-color-02 mg-b-2\">Буруу хариулсан</h6>\n                        </div>\n                      </div>\n                  </div>\n              </div> -->\n    </div>\n  </div>\n</template>\n<style scoped>\n.question {\n  page-break-before: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */\n  page-break-after: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */\n  page-break-inside: avoid; /* or 'auto' */\n}\n</style>\n<script>\nimport { request } from \"@/api/all\";\nimport VueApexCharts from \"vue-apexcharts\";\nimport { mapActions } from \"vuex\";\n\nexport default {\n  components: {\n    apexchart: VueApexCharts\n  },\n  props: {\n    id: {\n      type: Number,\n      default: () => 0\n    }\n  },\n  data() {\n    return {\n      showSidebar: false,\n      obj: {\n        rdy: false,\n        questions: []\n      }\n    };\n  },\n  mounted() {\n    this.init();\n  },\n  //   watch: {\n  //     frmId(val) {\n  //       if (val>0) {\n  //         this.init();\n  //       }\n  //     }\n  //   },\n  methods: {\n    ...mapActions([\"handleMainLayoutConfig\"]),\n    init() {\n      let _obj = this.$store.state.app.mainLayoutConfig;\n      //   if (!m) {\n\n      //   } else {\n      //     _obj.header = null;\n      //     _obj.expanded = true;\n      //   }\n      _obj.header = 0;\n      _obj.aside = false;\n      _obj.expanded = false;\n\n      this.handleMainLayoutConfig(_obj);\n      if (this.$route.params.ot == 700) {\n        request({\n          api: { method: \"GET\", url: \"Form/GetSurveyFilledChartData\" },\n          params: { examId: this.$route.params.id, courseId: this.$route.params.cid, lessonId: this.$route.params.lid },\n          store: this.$store\n        }).then(res => {\n          this.obj.questions = res.data.questions;\n          this.obj.rdy = true;\n          //console.log(res);\n        });\n      } else {\n        request({\n          api: { method: \"GET\", url: \"Form/GetExamFilledChartData\" },\n          params: { examId: this.$route.params.id },\n          store: this.$store\n        }).then(res => {\n          this.obj.questions = res.data.questions;\n          this.obj.rdy = true;\n          //console.log(res);\n        });\n      }\n\n      this.showSidebar = true;\n    },\n    visibleChanged(e) {\n      if (!e) {\n        Object.assign(this.$data, this.$options.data());\n        this.$emit(\"on-task-close\");\n      }\n    }\n  }\n};\n</script>\n\n<style></style>\n","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!./examChartInPage.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!./examChartInPage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./examChartInPage.vue?vue&type=template&id=60ba280e&scoped=true\"\nimport script from \"./examChartInPage.vue?vue&type=script&lang=js\"\nexport * from \"./examChartInPage.vue?vue&type=script&lang=js\"\nimport style0 from \"./examChartInPage.vue?vue&type=style&index=0&id=60ba280e&prod&scoped=true&lang=css\"\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  \"60ba280e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}