{"version":3,"sources":["webpack:///./src/app/teacher/views/base/comment/course-comment/preview.vue?e765","webpack:///src/app/teacher/views/base/comment/course-comment/preview.vue","webpack:///./src/app/teacher/views/base/comment/course-comment/preview.vue?a4ea","webpack:///./src/app/teacher/views/base/comment/course-comment/preview.vue","webpack:///./src/app/teacher/views/base/comment/course-comment/children/qanda-card.vue?14a9","webpack:///src/app/teacher/views/base/comment/course-comment/children/qanda-card.vue","webpack:///./src/app/teacher/views/base/comment/course-comment/children/qanda-card.vue?cbf0","webpack:///./src/app/teacher/views/base/comment/course-comment/children/qanda-card.vue","webpack:///./src/app/teacher/views/base/comment/course-comment/children/qanda-card.vue?2854","webpack:///./src/app/teacher/views/base/comment/course-comment/preview.vue?3bd4"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","detail","_v","_s","studentName","slice","_f","createTime","_e","className","classTime","date","Date","getFullYear","weekdayName","startTime","endTime","app","teacher","user","name","model","value","callback","$$v","$set","expression","commentTitle","commentContent","list","staticRenderFns","mixins","mixin","share","components","card","data","pageTitle","myId","id","commentId","replyList","allReplyNum","api","$api","getCommentReplyRecordPage","params","commentRecordId","$route","showinput","replyPlaceholder","replied","repliedName","repliedType","replyContent","showOpMark","qandaParams","shareParams","computed","OpMarkActions","contentGlobalStatus","actions","concat","showQanda","methods","onload","res","page","totalCount","ls","get","created","component","avg","reviewExpireTime","_l","item","index","key","sort","title","score","on","$event","change","isEdit","isDisable","submit","props","type","Boolean","default","String","Object","required","total","length","toFixed","some","$toast","fail","forEach","JSON","parse","stringify","answerApi","answerId","companyId","then"],"mappings":"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","file":"static/js/chunk-519f244a.f41f447b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex-page\",attrs:{\"data-test\":\"course-comment-deatil\"}},[[_c('div',{staticClass:\"main\"},[_c('div',{staticClass:\"b1\"},[(_vm.detail.studentName)?_c('div',{staticClass:\"base van-hairline--bottom\"},[_c('div',{staticClass:\"base-l\"},[_vm._v(_vm._s(_vm.detail.studentName.slice(-2)))]),_c('div',{staticClass:\"base-r\"},[_c('div',[_vm._v(\"\\n                \"+_vm._s(_vm.detail.studentName)+\" \"),_c('span',{staticClass:\"desc\"})]),_c('div',{staticClass:\"time\"},[_vm._v(\"\\n                \"+_vm._s(_vm._f(\"formatGoodDate\")(_vm.detail.createTime))+\"\\n              \")])])]):_vm._e(),_c('div',{staticClass:\"class-info\"},[_c('div',{staticClass:\"class-info-item\"},[_vm._v(\"\\n              \"+_vm._s(_vm.detail.className)+\" \"+_vm._s(_vm._f(\"formatDatetime\")(_vm.detail.classTime.date,new Date(_vm.detail.classTime.date).getFullYear()===new Date().getFullYear()?'MM月dd日':'yyyy年MM月dd日'))+\"(\"+_vm._s(_vm.detail.classTime.weekdayName)+\") \"+_vm._s(_vm.detail.classTime.startTime)+\"～\"+_vm._s(_vm.detail.classTime.endTime)+\"\\n            \")]),_c('div',{staticClass:\"class-info-item\"},[_vm._v(\"\\n              点评人：\"+_vm._s(_vm.app.teacher.user.name)+\"\\n            \")]),_c('div',{staticClass:\"class-info-item\"},[_vm._v(\"\\n              表现评分：\"),_c('van-rate',{attrs:{\"void-icon\":\"star\",\"size\":\"var(--fs-md)\",\"void-color\":\"var(--g4)\",\"color\":\"var(--c4)\",\"readonly\":true},model:{value:(_vm.detail.score),callback:function ($$v) {_vm.$set(_vm.detail, \"score\", $$v)},expression:\"detail.score\"}})],1)]),_c('div',{staticClass:\"comment-title\"},[_vm._v(\"\\n            \"+_vm._s(_vm.detail.commentTitle)+\"\\n          \")]),_c('vx-mult-input-show',{attrs:{\"list\":_vm.detail.commentContent.list}})],1)])]],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- 点评详情 -->\n<template>\n  <div class=\"flex-page\" data-test=\"course-comment-deatil\">\n    <template>\n      <div class=\"main\">\n\n          <div class=\"b1\">\n            <div  v-if=\"detail.studentName\" class=\"base van-hairline--bottom\">\n              <div class=\"base-l\">{{ detail.studentName.slice(-2) }}</div>\n              <div class=\"base-r\">\n                <div>\n                  {{ detail.studentName }}&nbsp;<span class=\"desc\"\n                    >\n                    <!-- 的\"课堂\"表现 -->\n                    </span\n                  >\n                </div>\n                <div class=\"time\">\n                  {{ detail.createTime | formatGoodDate() }}\n                </div>\n              </div>\n            </div>\n            <div class=\"class-info\">\n              <div class=\"class-info-item\" >\n                {{ detail.className }}&nbsp;{{\n                  detail.classTime.date | formatDatetime(new Date(detail.classTime.date).getFullYear()===new Date().getFullYear()?'MM月dd日':'yyyy年MM月dd日')\n                }}({{ detail.classTime.weekdayName }})&nbsp;{{\n                  detail.classTime.startTime\n                }}～{{ detail.classTime.endTime }}\n              </div>\n              <div class=\"class-info-item\">\n                点评人：{{ app.teacher.user.name }}\n              </div>\n              <div class=\"class-info-item\">\n                表现评分：<van-rate\n                  v-model=\"detail.score\"\n                  void-icon=\"star\"\n                  size=\"var(--fs-md)\"\n                  void-color=\"var(--g4)\"\n                  color=\"var(--c4)\"\n                  :readonly=\"true\"\n                />\n              </div>\n            </div>\n            <div class=\"comment-title\">\n              {{ detail.commentTitle }}\n            </div>\n            <vx-mult-input-show\n              :list=\"detail.commentContent.list\"\n            ></vx-mult-input-show>\n          </div>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script>\n\nimport card from '@teacher/views/base/comment/course-comment/children/qanda-card.vue';\n\nexport default {\n  name: \"comment-detail\",\n  mixins: [app.mixin.share],\n  components:{\n    card,\n  },\n  data() {\n    return {\n      pageTitle: \"点评预览\",\n      myId: app.teacher.user.id,\n      commentId: \"\",\n      detail: {},\n      // 回复列表\n      replyList: [],\n      allReplyNum: 0,\n      api: this.$api.getCommentReplyRecordPage,\n      params: {\n        commentRecordId: this.$route.params.id,\n      },\n      // 显示评论输入框\n      showinput: false,\n      // 回复框占位文本\n      replyPlaceholder: \"\",\n      // 回复谁\n      replied: \"\",\n      repliedName: \"\",\n      repliedType: \"\",\n      // 要提交的回复的内容\n      replyContent: \"\",\n      showOpMark: false,\n\n      qandaParams:{},\n\n      shareParams: {},\n    };\n  },\n  computed: {\n    OpMarkActions() {\n      // 若视频还在合成，则：1、仅支持“删除”操作\n      let actions = [];\n      if (this.detail.contentGlobalStatus == 2) { // contentGlobalStatus：1 合成中 2已合成 3合成失败（含失败的会优先合成失败）\n        actions = actions.concat([{\n          name: \"分享\",\n          id: -1,\n        },{\n          name: \"生成海报\",\n          id: -2,\n        }]);\n      }\n        if (app.permission.op('edit_course_comment') && this.detail.contentGlobalStatus !== 1) {\n          actions.push({name: \"编辑\",id: 1});\n        }\n        if (app.permission.op('delete_course_comment')) {\n          actions.push({name: \"删除\",id: 0});\n        }\n      return actions;\n    },\n    showQanda(){\n      return this.detail && (this.detail.reviewEnable == 1) && (this.detail.reviewStatus == 2) && (this.detail.commentSet.showFromTeacher == 1);\n    }\n  },\n  methods: {\n    onload(list, res) {\n      this.replyList = list;\n      this.allReplyNum = res.page.totalCount;\n    },\n    render() {\n      this.detail = app.ls.get('comment-c-preview')?JSON.parse(app.ls.get('comment-c-preview')):{}\n    },\n  },\n  created() {\n    this.render();\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.flex-page {\n  display: flex;\n  flex-direction: column;\n}\n.main {\n  flex: 1;\n}\n.inp-wrap {\n  background: var(--white);\n  &.fixed-inp-wrap {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: -1;\n    &.active {\n      z-index: 2;\n    }\n  }\n  // 重写输入框样式\n  ::v-deep .van-cell {\n    padding: calc(var(--gap) * 5) calc(var(--gap) * 16);\n    .van-field__control {\n      height: calc(var(--w) * 44);\n      font-size: var(--fs-md);\n      line-height: var(--lh-md);\n      border-radius: calc(var(--w) * 44);\n      background-color: var(--g2);\n      padding: 0 calc(var(--w) * 24);\n    }\n  }\n  .btn {\n    font-size: var(--fs-md);\n    line-height: var(--lh-md);\n    padding: calc(var(--gap) * 5);\n    &.btn1 {\n      color: var(--c1);\n    }\n    &.btn2 {\n      color: var(--g5);\n    }\n  }\n}\n.b1 {\n  padding: 0 16px 16px 16px;\n  background-color: var(--white);\n  .base {\n    padding: calc(var(--gap) * 16) 0;\n    display: flex;\n    .base-l {\n      display: inline-block;\n      width: calc(var(--w) * 40);\n      height: calc(var(--w) * 40);\n      line-height: calc(var(--w) * 40);\n      border-radius: 50%;\n      background-color: var(--c1);\n      color: var(--white);\n      text-align: center;\n      vertical-align: middle;\n      margin-right: calc(var(--gap) * 8);\n    }\n    .base-r {\n      flex: 1;\n      position: relative;\n      .desc {\n        color: var(--g6);\n      }\n      .time {\n        margin-top: calc(var(--gap) * 2);\n        font-size: var(--fs-sm);\n        line-height: var(--lh-sm);\n        color: var(--g6);\n      }\n      .op-img {\n        position: absolute;\n        right: 0;\n        width: calc(var(--w) * 16);\n        height: calc(var(--w) * 16);\n        padding: calc(var(--gap) * 5);\n        margin: auto 0;\n        top: calc(var(--w) * 7);\n      }\n    }\n  }\n  .class-info {\n    padding-bottom: calc(var(--gap) * 12);\n    color: var(--g6);\n    .class-info-item {\n      padding-top: calc(var(--gap) * 12);\n      .van-rate {\n        vertical-align: middle;\n      }\n    }\n  }\n  .comment-title{\n    font-size:16px;\n    font-weight:600;\n    margin-top:8px;\n    margin-bottom:10px;\n  }\n}\n\n.b2 {\n  margin-top: calc(var(--gap) * 12);\n  background-color: var(--white);\n  padding: 0 calc(var(--gap) * 16);\n  .til {\n    display: flex;\n    align-items: center;\n    padding: calc(var(--gap) * 16) 0;\n    .t1 {\n      font-size: var(--fs-lg);\n      // line-height: var(--lh-lg);\n      font-weight: bold;\n    }\n    .t2 {\n      font-size: var(--fs-sm);\n      // line-height: var(--lh-sm);\n      font-weight: normal;\n    }\n  }\n  .reply {\n    display: flex;\n    padding-bottom: calc(var(--gap) * 24);\n    .pho {\n      margin-top: calc(var(--gap) * 4);\n      margin-right: calc(var(--gap) * 8);\n      width: calc(var(--w) * 40);\n      height: calc(var(--w) * 40);\n      border-radius: calc(var(--w) * 40);\n      background: #000;\n    }\n    .info {\n      flex: 1;\n      .l1 {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        .l1l {\n          color: var(--g7);\n          font-size: var(--fs-md);\n          line-height: var(--lh-md);\n        }\n        .l1r {\n          padding: calc(var(--gap) * 4);\n        }\n        .r1 {\n          color: var(--g8);\n        }\n        .r2 {\n          color: var(--c3);\n        }\n        .icon {\n          margin-right: calc(var(--gap) * 2);\n        }\n      }\n      .l2 {\n        color: var(--g6);\n        font-size: var(--fs-sm);\n        line-height: var(--lh-sm);\n      }\n      .l3 {\n        padding-top: calc(var(--gap) * 8);\n        font-size: var(--fs-lg);\n        line-height: var(--lh-lg);\n        color: var(--g8);\n        white-space:normal; \n        word-break:break-all;\n        .l31 {\n          color: var(--g6);\n        }\n      }\n    }\n  }\n}\n\n// }\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!./preview.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!./preview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./preview.vue?vue&type=template&id=6130b702&scoped=true&\"\nimport script from \"./preview.vue?vue&type=script&lang=js&\"\nexport * from \"./preview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./preview.vue?vue&type=style&index=0&id=6130b702&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  \"6130b702\",\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',{staticClass:\"qanda-card\"},[(_vm.app === 'teacher')?_c('div',{staticClass:\"card-head flex-between\"},[_c('span',{staticClass:\"title\"},[_vm._v(\"家长回评\")]),_c('span',{staticClass:\"flex-center small\"},[_vm._v(\"平均得分：\"),_c('span',{staticClass:\"score\"},[_vm._v(_vm._s(_vm.avg))])])]):_vm._e(),(_vm.app === 'parent')?_c('div',{staticClass:\"card-head\"},[(_vm.isEdit)?[_c('div',{staticClass:\"title\"},[_vm._v(\"对老师进行评价\")]),_c('span',{staticClass:\"desc\"},[_vm._v(\"问下孩子上课感受，给老师评个分吧（\"+_vm._s(_vm._f(\"formatDatetime\")(_vm.reviewExpireTime,'yyyy-MM-dd'))+\"截止）\")])]:[_c('span',{staticClass:\"title\"},[_vm._v(\"给老师的评价\")])]],2):_vm._e(),_c('div',{staticClass:\"card-body\"},_vm._l((_vm.list),function(item,index){return _c('div',{key:item.sort,staticClass:\"score-item flex-between\"},[_c('span',{staticClass:\"score-title\"},[_vm._v(_vm._s(item.title)+\"：\")]),_c('div',{staticClass:\"shapes\"},_vm._l(([1, 2, 3, 4, 5]),function(score){return _c('van-icon',{key:score,staticClass:\"icon\",attrs:{\"class-prefix\":\"vxs-icon\",\"name\":\"xing\",\"size\":\"24\",\"color\":item.value >= score ? '#FAAB0C' : '#C8C9CC'},on:{\"click\":function($event){return _vm.change(index, score)}}})}),1)])}),0),(_vm.isEdit && _vm.app === 'parent')?_c('div',{staticClass:\"card-bottom flex-center\"},[_c('van-button',{staticClass:\"btn\",attrs:{\"square\":\"\",\"round\":\"\",\"type\":\"primary\",\"size\":\"large\",\"disabled\":_vm.isDisable},on:{\"click\":_vm.submit}},[_vm._v(\"提交评价\")])],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"qanda-card\">\n    <div class=\"card-head flex-between\" v-if=\"app === 'teacher'\">\n      <span class=\"title\">家长回评</span>\n      <span class=\"flex-center small\"\n        >平均得分：<span class=\"score\">{{ avg }}</span></span\n      >\n    </div>\n    <div class=\"card-head\" v-if=\"app === 'parent'\">\n      <template v-if=\"isEdit\">\n        <div class=\"title\">对老师进行评价</div>\n        <span class=\"desc\">问下孩子上课感受，给老师评个分吧（{{reviewExpireTime | formatDatetime('yyyy-MM-dd')}}截止）</span>\n      </template>\n      <template v-else>\n        <span class=\"title\">给老师的评价</span>\n      </template>\n    </div>\n\n    <div class=\"card-body\">\n      <div class=\"score-item flex-between\" v-for=\"(item, index) in list\" :key=\"item.sort\">\n        <span class=\"score-title\">{{ item.title }}：</span>\n        <div class=\"shapes\">\n          <van-icon\n            v-for=\"score in [1, 2, 3, 4, 5]\"\n            :key=\"score\"\n            class=\"icon\"\n            class-prefix=\"vxs-icon\"\n            name=\"xing\"\n            size=\"24\"\n            :color=\"item.value >= score ? '#FAAB0C' : '#C8C9CC'\"\n            @click=\"change(index, score)\"\n          />\n        </div>\n      </div>\n    </div>\n    <div class=\"card-bottom flex-center\" v-if=\"isEdit && app === 'parent'\">\n      <van-button square round type=\"primary\" size=\"large\" class=\"btn\" @click=\"submit\" :disabled=\"isDisable\"\n        >提交评价</van-button\n      >\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    isEdit: {\n      type: Boolean,\n      default: false,\n    },\n    app: {\n      type: String,\n      default: 'teacher',\n    },\n    /**\n     * 问卷:\n     *    问卷id和list\n     * 如果是编辑,需要参数:\n     * 点评详情id:commentRecordId和编辑api, { commentRecordId, editApi }\n     * 如果已经回答,需要参数:\n     * 答卷id: answerId和答卷api, { answerId, answerApi}\n     * \n     */\n    params: {\n      type: Object,\n      required: true,\n    },\n    reviewExpireTime:{\n      type: [String,Number],\n    }\n  },\n  data() {\n    return {\n      list: [],\n      isDisable: false,\n    };\n  },\n  computed: {\n    avg() {\n      const total = this.list.reduce((prev, cur) => prev + Number(cur.value), 0);\n      return (total / this.list.length).toFixed(1);\n    },\n  },\n  methods: {\n    change(index, score) {\n      if (this.isEdit) {\n        this.list[index].value = score;\n      }\n    },\n    submit() {\n      if (this.isDisable) {\n        return;\n      }\n      if (this.list.some(item=>item.value < 1)) {\n        this.$toast.fail('还有维度未评分，请完成所有评分后提交');\n        return;\n      }\n      this.params\n        .editApi({\n          commentRecordId: this.params.commentRecordId,\n          answer: {\n            qandaId: this.params.qandaId,\n            questions: this.list,\n          },\n        })\n        .then(res => {\n          this.$toast.success('提交成功');\n          this.isDisable = true;\n        });\n    },\n  },\n  created() {\n    if (this.isEdit){\n      // this.params.queryApi(this.params.qandaId).then(res => {\n      //   res.data.questions.forEach(item => {\n      //     item.value = 0;\n      //   });\n      //   this.list = res.data.questions;\n      // });\n\n      this.params.list.forEach(item => {\n        item.value = 0;\n      });\n      this.list = JSON.parse(JSON.stringify(this.params.list));\n\n    } else {\n      this.params.answerApi(this.params.answerId, this.params.companyId).then(res => {\n        this.list = res.data.questions;\n      })\n    }\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.qanda-card {\n  padding: calc(var(--gap) * 16) calc(var(--gap) * 25) calc(var(--gap) * 16) calc(var(--gap) * 16);\n  background: var(--white);\n  margin: calc(var(--gap) * 12) 0;\n  .card-head {\n    .title {\n      color: var(--g8);\n      font-size: var(--fs-lg);\n      line-height: var(--lh-lg);\n      font-weight: var(--bold);\n    }\n    .small{\n      font-size:var(--fs-sm);\n      line-height:var(--lh-sm);\n      color:var(--g6);\n    }\n    .score {\n      font-size: var(--fs-lg);\n      line-height: var(--lh-lg);\n      color: var(--c4);\n    }\n    .desc {\n      font-size: var(--fs-sm);\n      line-height: var(--lh-sm);\n      margin-top: calc(var(--gap) * 4);\n      color: var(--g6);\n    }\n  }\n  .card-body {\n    margin-top: calc(var(--gap) * 26);\n    .score-item {\n      margin-bottom: calc(var(--gap) * 24);\n      .score-title {\n        font-size: var(--fs-md);\n        line-height: var(--lh-md);\n        color: var(--g7);\n        margin-bottom: calc(var(--gap) * 10);\n        word-break: break-all;\n        margin-right:calc(var(--gap) * 12);\n      }\n      .shapes {\n        text-align: center;\n        .icon {\n          margin: 0 calc(var(--gap) * 7);\n        }\n      }\n    }\n  }\n\n  .card-bottom {\n    padding: calc(var(--gap) * 8) 0;\n    .btn {\n      width: calc(var(--w) * 180);\n    }\n  }\n}\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!./qanda-card.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!./qanda-card.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./qanda-card.vue?vue&type=template&id=1670a19a&scoped=true&\"\nimport script from \"./qanda-card.vue?vue&type=script&lang=js&\"\nexport * from \"./qanda-card.vue?vue&type=script&lang=js&\"\nimport style0 from \"./qanda-card.vue?vue&type=style&index=0&id=1670a19a&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  \"1670a19a\",\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/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./qanda-card.vue?vue&type=style&index=0&id=1670a19a&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/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./preview.vue?vue&type=style&index=0&id=6130b702&lang=scss&scoped=true&\""],"sourceRoot":""}