{"version":3,"sources":["webpack:///./public/images/img04.png","webpack:///./src/views/reportCard/CardManagement.vue?f74a","webpack:///src/views/reportCard/CardManagement.vue","webpack:///./src/views/reportCard/CardManagement.vue?2c59","webpack:///./src/views/reportCard/CardManagement.vue","webpack:///./src/views/reportCard/CardManagement.vue?fdcf"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","_m","staticClass","_v","_s","title","ref","attrs","teamObj","model","value","callback","$$v","newTeam","expression","on","addTeam","teamId","_l","item","key","text","addStudent","student","index2","$event","uploadAvatarActive","showStudent","hideStudent","userPhoto","photoBaseUrl","activeStuIndex","stopPropagation","deleteStudent","_e","$set","addCard","card","index3","showCard","hideCard","resultPhoto","slot","activeCardIndex","deleteCard","saveTeam","staticRenderFns","name","data","dialogVisible","teamArr","teamList","newName","teamScore","userInfos","resultPhotos","studentObj","window","gtaAiConfig","photoDomain","watch","getTeamInfoByTeamId","created","getTeam","mounted","initParticle","methods","particlesJS","document","body","style","overflow","push","index","splice","$forceUpdate","inputNode","click","inputFileVirtual","setAttribute","onchange","evt","formdata","append","file","handleClose","$confirm","selectStudent","trim","teamName","res","returnCode","console","error","returnMsg","component"],"mappings":"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","file":"js/chunk-cf570cc2.9a252a76.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/img04.10010f4f.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('div',{staticClass:\"report-card-content\"},[_c('el-header',{staticClass:\"head\"},[_c('div',{staticClass:\"shape-bg\"}),_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))])]),_c('main',{staticClass:\"main\"},[_c('el-card',{staticClass:\"box-card\"},[_c('el-form',{ref:\"teamForm\",staticClass:\"team-form\",attrs:{\"model\":_vm.teamObj,\"label-width\":\"100px\"}},[_c('el-form-item',{staticClass:\"team-name-wrap\",attrs:{\"label\":\"新建小组\"}},[_c('el-input',{staticClass:\"team-name\",model:{value:(_vm.newTeam),callback:function ($$v) {_vm.newTeam=$$v},expression:\"newTeam\"}}),_c('span',{staticClass:\"cd-btn\",on:{\"click\":_vm.addTeam}},[_vm._v(\"确定\")])],1),_c('el-form-item',{attrs:{\"label\":\"小组列表\"}},[_c('el-select',{attrs:{\"placeholder\":\"请选择\"},model:{value:(_vm.teamId),callback:function ($$v) {_vm.teamId=$$v},expression:\"teamId\"}},_vm._l((_vm.teamArr),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.text,\"value\":item.value}})}),1)],1),_c('el-form-item',{staticClass:\"students-section\",attrs:{\"label\":\"小组成员\"}},[_c('span',{staticClass:\"add-btn\",attrs:{\"title\":\"添加成员\"},on:{\"click\":_vm.addStudent}},[_vm._v(\"+\")]),_c('div',{staticClass:\"student-list\"},_vm._l((_vm.teamObj.userInfos),function(student,index2){return _c('div',{key:index2,staticClass:\"student-wrap\"},[_c('div',{staticClass:\"img-wrap\",on:{\"click\":function($event){return _vm.uploadAvatarActive('student', index2)},\"mouseover\":function($event){return _vm.showStudent(index2)},\"mouseleave\":function($event){return _vm.hideStudent(index2)}}},[_c('img',{attrs:{\"src\":student.userPhoto\n                        ? _vm.photoBaseUrl + student.userPhoto\n                        : _vm.userPhoto,\"alt\":\"\"}}),(_vm.activeStuIndex == index2)?_c('i',{staticClass:\"delete\",on:{\"click\":function($event){$event.stopPropagation();return _vm.deleteStudent(index2)}}},[_vm._v(\"×\")]):_vm._e()]),_c('el-input',{staticClass:\"set-stu-name\",attrs:{\"placeholder\":\"姓名\"},model:{value:(student.userName),callback:function ($$v) {_vm.$set(student, \"userName\", $$v)},expression:\"student.userName\"}})],1)}),0)]),_c('el-form-item',{staticClass:\"card-section\",attrs:{\"label\":\"成绩单图\"}},[_c('span',{staticClass:\"add-btn\",attrs:{\"title\":\"添加成绩单\"},on:{\"click\":_vm.addCard}},[_vm._v(\"+\")]),_c('div',{staticClass:\"report-card-list\"},_vm._l((_vm.teamObj.resultPhotos),function(card,index3){return _c('div',{key:index3,staticClass:\"card-wrap\"},[_c('div',{staticClass:\"img-wrap\",on:{\"click\":function($event){return _vm.uploadAvatarActive('card', index3)},\"mouseover\":function($event){return _vm.showCard(index3)},\"mouseleave\":function($event){return _vm.hideCard(index3)}}},[_c('el-image',{attrs:{\"src\":_vm.photoBaseUrl + card.resultPhoto}},[_c('div',{staticClass:\"image-slot\",attrs:{\"slot\":\"error\"},slot:\"error\"},[_c('i',{staticClass:\"el-icon-picture-outline\"})])]),(_vm.activeCardIndex == index3)?_c('i',{staticClass:\"delete\",on:{\"click\":function($event){$event.stopPropagation();return _vm.deleteCard(index3)}}},[_vm._v(\"×\")]):_vm._e()],1),_c('el-input',{staticClass:\"set-card-name\",attrs:{\"placeholder\":\"成绩单名称\"},model:{value:(card.photoName),callback:function ($$v) {_vm.$set(card, \"photoName\", $$v)},expression:\"card.photoName\"}})],1)}),0)]),_c('el-form-item',{attrs:{\"label\":\"小组成绩\"}},[_c('el-input',{staticClass:\"teamScore-input\",model:{value:(_vm.teamObj.teamScore),callback:function ($$v) {_vm.$set(_vm.teamObj, \"teamScore\", $$v)},expression:\"teamObj.teamScore\"}})],1)],1),_c('el-footer',[_c('span',{staticClass:\"cd-btn\",on:{\"click\":_vm.saveTeam}},[_vm._v(\"保存\")])])],1)],1)],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"particles-js-box\"},[_c('div',{attrs:{\"id\":\"particles-js\"}})])}]\n\nexport { render, staticRenderFns }","<!-- \n 采用了particle.js粒子动画做背景 \n https://www.jianshu.com/p/c52b3e91c94f\n\n  -->\n<template>\n  <div>\n    <div class=\"particles-js-box\">\n      <div id=\"particles-js\"></div>\n    </div>\n    <div class=\"report-card-content\">\n      <el-header class=\"head\">\n        <div class=\"shape-bg\"></div>\n        <div class=\"title\">{{ title }}</div>\n      </el-header>\n      <main class=\"main\">\n        <el-card class=\"box-card\">\n          <!-- <header class=\"team-name\">\n            <div class=\"title\">{{ title }}</div>\n          </header> -->\n          <el-form\n            ref=\"teamForm\"\n            class=\"team-form\"\n            :model=\"teamObj\"\n            label-width=\"100px\"\n          >\n            <el-form-item class=\"team-name-wrap\" label=\"新建小组\">\n              <el-input class=\"team-name\" v-model=\"newTeam\"></el-input>\n              <span class=\"cd-btn\" @click=\"addTeam\">确定</span>\n            </el-form-item>\n            <el-form-item label=\"小组列表\">\n              <el-select v-model=\"teamId\" placeholder=\"请选择\">\n                <el-option\n                  v-for=\"item in teamArr\"\n                  :key=\"item.value\"\n                  :label=\"item.text\"\n                  :value=\"item.value\"\n                >\n                </el-option>\n              </el-select>\n            </el-form-item>\n            <el-form-item class=\"students-section\" label=\"小组成员\">\n              <span class=\"add-btn\" @click=\"addStudent\" title=\"添加成员\"\n                >+</span\n              >\n              <div class=\"student-list\">\n                <div\n                  v-for=\"(student, index2) in teamObj.userInfos\"\n                  :key=\"index2\"\n                  class=\"student-wrap\"\n                >\n                  <div\n                    class=\"img-wrap\"\n                    @click=\"uploadAvatarActive('student', index2)\"\n                    @mouseover=\"showStudent(index2)\"\n                    @mouseleave=\"hideStudent(index2)\"\n                  >\n                    <img\n                      :src=\"\n                        student.userPhoto\n                          ? photoBaseUrl + student.userPhoto\n                          : userPhoto\n                      \"\n                      alt=\"\"\n                    />\n                    <i\n                      v-if=\"activeStuIndex == index2\"\n                      class=\"delete\"\n                      @click.stop=\"deleteStudent(index2)\"\n                      >×</i\n                    >\n                  </div>\n                  <el-input\n                    class=\"set-stu-name\"\n                    v-model=\"student.userName\"\n                    placeholder=\"姓名\"\n                  ></el-input>\n                </div>\n              </div>\n            </el-form-item>\n            <el-form-item class=\"card-section\" label=\"成绩单图\">\n              <span class=\"add-btn\" @click=\"addCard\" title=\"添加成绩单\">+</span>\n              <div class=\"report-card-list\">\n                <div\n                  v-for=\"(card, index3) in teamObj.resultPhotos\"\n                  :key=\"index3\"\n                  class=\"card-wrap\"\n                >\n                  <div\n                    class=\"img-wrap\"\n                    @click=\"uploadAvatarActive('card', index3)\"\n                    @mouseover=\"showCard(index3)\"\n                    @mouseleave=\"hideCard(index3)\"\n                  >\n                    <el-image :src=\"photoBaseUrl + card.resultPhoto\">\n                      <div slot=\"error\" class=\"image-slot\">\n                        <i class=\"el-icon-picture-outline\"></i>\n                      </div>\n                    </el-image>\n                    <!-- v-if=\"activeCardIndex == index3\" -->\n                    <i\n                      v-if=\"activeCardIndex == index3\"\n                      class=\"delete\"\n                      @click.stop=\"deleteCard(index3)\"\n                      >×</i\n                    >\n                  </div>\n                  <el-input\n                    class=\"set-card-name\"\n                    v-model=\"card.photoName\"\n                    placeholder=\"成绩单名称\"\n                  ></el-input>\n                </div>\n              </div>\n            </el-form-item>\n            <el-form-item label=\"小组成绩\">\n              <el-input\n                class=\"teamScore-input\"\n                v-model=\"teamObj.teamScore\"\n              ></el-input>\n            </el-form-item>\n          </el-form>\n\n          <el-footer>\n            <span class=\"cd-btn\" @click=\"saveTeam\">保存</span>\n          </el-footer>\n        </el-card>\n      </main>\n    </div>\n  </div>\n</template>\n\n<script>\n/* eslint-disable */\nimport particlesJS from 'particles.js'\nimport particlesConfig from './particles.json'\n//上传文件等公共接口\nimport COMMON from '@/axios/common/common.js'\nimport REPORT_CARD from '@/axios/reportCard/reportCard.js'\n\nexport default {\n  name: 'CardManagement',\n  data() {\n    return {\n      title: '成绩单管理系统',\n      dialogVisible: false,\n      teamArr: [],\n      teamId: '',\n      teamList: [\n        {\n          teamId: '1',\n          name: '悟空组1',\n          teamScore: 98,\n          userInfos: [],\n          resultPhotos: [\n            {\n              resultPhoto: require('../../../public/images/img03.png'),\n            },\n            {\n              resultPhoto: require('../../../public/images/img04.png'),\n            },\n          ],\n        },\n      ],\n      newTeam: '',\n      teamObj: {\n        newName: '',\n        teamId: '1',\n        name: '',\n        teamScore: '',\n        userInfos: [\n          {\n            userName: '张三',\n            userPhoto: '',\n          },\n          {\n            userName: '李四',\n            userPhoto: '',\n          },\n        ],\n        resultPhotos: [\n          {\n            resultPhoto: '',\n            photoName: '',\n          },\n          {\n            resultPhoto: '',\n            photoName: '',\n          },\n        ],\n      },\n      userPhoto: require('../../../public/images/profile03.png'),\n      studentObj: {},\n      activeStuIndex: null,\n      activeCardIndex: null,\n      photoBaseUrl: window.gtaAiConfig.photoDomain, // 新UC头像基地址\n    }\n  },\n  watch: {\n    teamId(id) {\n      this.getTeamInfoByTeamId()\n    },\n  },\n  created() {\n    // this.studentObj = this.userInfos[0]\n    this.getTeam()\n  },\n  mounted() {\n    this.initParticle()\n  },\n  methods: {\n    initParticle() {\n      window.particlesJS('particles-js', particlesConfig)\n      // particlesJS('particles-js', particlesConfig)\n      document.body.style.overflow = 'hidden'\n    },\n    addStudent() {\n      let userPhoto = this.userPhoto\n      let student = {\n        name: '',\n        userPhoto: '',\n      }\n      this.teamObj.userInfos.push(student)\n    },\n    addCard() {\n      let userPhoto = this.userPhoto\n      let card = {\n        name: '',\n        resultPhoto: '',\n      }\n      this.teamObj.resultPhotos.push(card)\n    },\n    showStudent(index) {\n      this.activeStuIndex = index\n    },\n    hideStudent(index) {\n      this.activeStuIndex = null\n    },\n    showCard(index) {\n      this.activeCardIndex = index\n    },\n    hideCard(index) {\n      this.activeCardIndex = null\n    },\n    deleteStudent(index) {\n      this.teamObj.userInfos.splice(index, 1)\n      this.$forceUpdate()\n    },\n    deleteCard(index) {\n      this.teamObj.resultPhotos.splice(index, 1)\n      this.$forceUpdate()\n    },\n    // 上传头像激活\n    uploadAvatarActive(type, index) {\n      let inputNode = this.inputFileVirtual(type, index)\n      inputNode.click()\n    },\n    // 虚拟 input 上传\n    inputFileVirtual(type, index) {\n      // 1.创建一个上传节点\n      let inputNode = document.createElement('input'),\n        self = this\n\n      // 文件上传按钮配置\n      inputNode.setAttribute('type', 'file')\n      inputNode.setAttribute('accept', 'image/*') // 限制图片除外的文件上传\n      // 文件上传过程\n      inputNode.onchange = function uploadImg(evt) {\n        // 获取 file\n        let file = evt.target.files[0],\n          formdata = new FormData()\n        formdata.append('file', file)\n        COMMON.UploadFile(formdata)\n          .then(async (result) => {\n            if (result && result.returnCode == 200 && result.data) {\n              let url = result.data.url\n              //复制头像url\n              if (type == 'student') {\n                self.teamObj.userInfos[index].userPhoto = url\n              } else if (type == 'card') {\n                self.teamObj.resultPhotos[index].resultPhoto = url\n              }\n              console.log('self.teamObj', self.teamObj)\n              this.$forceUpdate()\n            }\n          })\n          .catch((err) => {})\n      }\n\n      return inputNode\n    },\n    handleClose(done) {\n      this.$confirm('确认关闭？')\n        .then((_) => {\n          done()\n        })\n        .catch((_) => {})\n    },\n    selectStudent(index) {\n      // this.studentObj = this.userInfos[index]\n    },\n    /**\n     *  增加/保存小组 @data teamName:小组名称\n     */\n    addTeam() {\n      let teamName = '',\n        data = {}\n      if (!this.newTeam.trim()) return\n      teamName = this.newTeam.trim()\n      data.teamName = teamName\n      REPORT_CARD.addTeam(data).then((res) => {\n        if (res && res.returnCode == 200) {\n          this.$message.success('添加小组成功！')\n          this.getTeam()\n        }\n      })\n    },\n    /**\n     *  增加/保存小组 @data teamName:小组名称\n     */\n    getTeam() {\n      REPORT_CARD.getTeam().then((res) => {\n        if (res && res.returnCode == 200) {\n          this.teamArr = res.data\n          if (this.teamArr.length > 0 && !this.teamId) {\n            this.teamId = this.teamArr[0].value\n          }\n        }\n      })\n    },\n    /**\n     *  根据小组id获取小组信息 @data teamId 小组id\n     */\n    getTeamInfoByTeamId() {\n      let { teamId } = this,\n        data = { teamId }\n      REPORT_CARD.getTeamInfoByTeamId(data).then((res) => {\n        if (res && res.returnCode == 200) {\n          this.teamObj = res.data\n        } else if (res.returnMsg) {\n          console.error('returnMsg', res.returnMsg)\n        }\n      })\n    },\n    /**\n     *  保存数据 @data\n     */\n    saveTeam() {\n      let { teamId, teamObj } = this\n      teamObj.teamId = teamId\n      REPORT_CARD.save(teamObj).then((res) => {\n        if (res && res.returnCode == 200) {\n          this.$message.success('该小组成绩单保存成功')\n        } else if (res.returnMsg) {\n          this.$message.error('该小组成绩单保存失败')\n          console.error('returnMsg', res.returnMsg)\n        }\n      })\n    },\n  }, //methods end\n}\n</script>\n\n<style lang=\"scss\" scoped>\n$main_bg: #061f3e;\n$second_bg: rgba(4, 10, 18, 0.7);\n$main_btn: rgb(0, 222, 255);\n// $main_btn: #00deff;\n$font_primary_color: #fff;\n$font_second_color: #060e1a;\n$border_main: rgba(0, 222, 255, 0.3);\n.report-card-content {\n  width: 1200px;\n  height: 100%;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 10;\n  .head {\n    width: 100;\n    margin: 10px auto;\n    text-align: center;\n    color: #fff;\n    .title {\n      position: absolute;\n      left: 50%;\n      transform: translateX(-50%);\n      color: #fff;\n      z-index: 999;\n      margin-top: 10px;\n      font-size: 28px;\n    }\n  }\n  .shape-bg {\n    position: absolute;\n    content: '';\n    position: absolute;\n    width: 560px;\n    height: 0;\n    border-top: 60px solid #10254b;\n    border-right: 30px solid transparent;\n    border-left: 30px solid transparent;\n    left: 50%;\n    transform: translateX(-50%);\n    color: #fff;\n  }\n\n  .main {\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 20px;\n    display: flex;\n    justify-content: start;\n    flex-wrap: wrap;\n    // align-items: center;\n\n    .team-name {\n      width: 100%;\n      margin: 10 auto;\n      text-align: center;\n      // border-bottom: 1px solid $main_btn;\n    }\n    ::v-deep .box-card {\n      width: 100%;\n      height: 86%;\n      box-sizing: border-box;\n      // padding-bottom: 20px;\n      overflow-y: auto;\n      min-width: 800px;\n      max-width: 1200px;\n      margin: 10px 10px;\n      background: $second_bg;\n      color: $font_primary_color;\n      border: 1px solid $border_main;\n      .el-card__body {\n        padding: 0;\n      }\n    }\n  }\n  .el-footer {\n    width: 100%;\n    padding-top: 15px;\n    position: absolute;\n    bottom: 80px;\n  }\n  .cd-btn {\n    display: block;\n    width: 200px;\n    height: 44px;\n    background: url('../../../public/images/titBg.png');\n    background-size: 100% 100%;\n    line-height: 44px;\n    text-align: center;\n    font-size: 18px;\n    color: #00deff;\n    margin: 0 auto;\n    cursor: pointer;\n  }\n}\n\n.particles-js-box {\n  position: fixed;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 1; //这里建议层级设为-1，但-1可能会导致被其他元素遮挡\n}\n#particles-js {\n  background-color: $main_bg;\n  width: 100%;\n  height: 100%;\n}\n::v-deep .el-form.team-form {\n  .el-form-item {\n    &.team-name-wrap {\n      padding: 15px 0 15px 0;\n      border-bottom: 1px solid $border_main;\n      .el-form-item__content {\n        display: flex;\n        justify-content: start;\n        .team-name {\n          width: 50%;\n        }\n        .cd-btn {\n          margin-left: 20px;\n        }\n      }\n    }\n    .el-form-item__label {\n      color: $font_primary_color;\n    }\n    .el-form-item__content {\n      // max-width: 300px;\n      .el-input {\n        color: $font_primary_color;\n        &.teamScore-input {\n          width: 210px;\n        }\n        .el-input__inner {\n          background: rgba(255, 255, 255, 0.1);\n          color: $font_primary_color;\n          border: none;\n        }\n      }\n    }\n\n    &.students-section {\n      height: 132px;\n    }\n    .student-list {\n      width: 96%;\n      height: 100%;\n      min-height: 80px;\n      display: flex;\n      justify-content: start;\n      flex-wrap: nowrap;\n      padding: 10px 0 0 10px;\n      overflow-x: auto;\n      @include scroll-bar(2px);\n      .student-wrap {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        margin: 0 10px;\n        .img-wrap {\n          height: 44px;\n          img {\n            width: 44px;\n            height: 44px;\n            border-radius: 22px;\n          }\n          .delete {\n            font-size: 20px;\n            position: absolute;\n            transform: translate(-7px, 0px);\n            z-index: 10;\n            color: red;\n            font-size: 14px;\n            font-weight: 600;\n            width: 16px;\n            height: 16px;\n            line-height: 16px;\n            border-radius: 8px;\n            text-align: center;\n            background: $main_btn;\n            cursor: pointer;\n          }\n        }\n        .set-stu-name {\n          width: 80px;\n          .el-input__inner {\n            border: none;\n            text-align: center;\n            height: 30px;\n            line-height: 30px;\n          }\n        }\n      }\n    }\n    &.card-section {\n      height: 220px;\n    }\n    .report-card-list {\n      // width: 100%;\n      height: 100%;\n      display: flex;\n      justify-content: start;\n      flex-wrap: nowrap;\n      overflow-x: auto;\n      @include scroll-bar(2px);\n      padding: 10px 0 0 10px;\n      .card-wrap {\n        margin: 0 10px 10px 0px;\n        flex-shrink: 0;\n        .img-wrap {\n          width: 100%;\n          height: 120px;\n          background: rgba(255, 255, 255, 0.1);\n          content: '+';\n          color: $font_primary_color;\n          display: flex;\n          // justify-content: center;\n          // align-items: center;\n          cursor: pointer;\n          position: relative;\n          .el-image {\n            width: 100%;\n            height: 100%;\n\n            .el-icon-picture-outline {\n              text-align: center;\n              margin: 20px auto;\n              position: absolute;\n              left: 50%;\n              top: 35%;\n              transform: translate(-50%, -50%);\n              &::before {\n                font-size: 30px;\n              }\n            }\n          }\n          .delete {\n            font-size: 20px;\n            position: absolute;\n            right: -5px;\n            margin-top: -5px;\n            z-index: 10;\n            color: red;\n            font-size: 14px;\n            font-weight: 600;\n            width: 16px;\n            height: 16px;\n            line-height: 16px;\n            border-radius: 8px;\n            text-align: center;\n            background: $main_btn;\n            cursor: pointer;\n          }\n        }\n        .set-card-name {\n          display: block;\n          text-align: center;\n        }\n        .el-input__inner {\n          text-align: center;\n        }\n        // .el-input__inner{\n        //   text-align: center;\n        // }\n      }\n    }\n  }\n  // .students-section{\n\n  // }\n  .add-btn {\n    display: block;\n    width: 36px;\n    height: 36px;\n    line-height: 36px;\n    border-radius: 18px;\n    background: $main_btn;\n    color: $font_second_color;\n    font-weight: 500;\n    text-align: center;\n    font-size: 36px;\n    cursor: pointer;\n  }\n}\n</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!./CardManagement.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!./CardManagement.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CardManagement.vue?vue&type=template&id=c98b65e4&scoped=true&\"\nimport script from \"./CardManagement.vue?vue&type=script&lang=js&\"\nexport * from \"./CardManagement.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CardManagement.vue?vue&type=style&index=0&id=c98b65e4&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  \"c98b65e4\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./CardManagement.vue?vue&type=style&index=0&id=c98b65e4&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./CardManagement.vue?vue&type=style&index=0&id=c98b65e4&lang=scss&scoped=true&\""],"sourceRoot":""}