{"version":3,"sources":["webpack:///./src/views/reportCard/reportCard.vue?46d2","webpack:///./src/views/reportCard/bg.js","webpack:///src/views/reportCard/reportCard.vue","webpack:///./src/views/reportCard/reportCard.vue?4d46","webpack:///./src/views/reportCard/reportCard.vue","webpack:///./src/views/reportCard/reportCard.vue?4f3f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","attrs","staticClass","_v","_s","title","teamList","_l","team","idx","key","teamName","userInfos","student","index","userPhoto","photoBaseUrl","userName","_e","teamScore","on","$event","chaneCardStatus","teamId","dialogVisible","teamObj","_f","scoreFormat","colors","item","selectStudent","changeCard","card","resultPhoto","cardPhoto","cardObj","photoName","staticRenderFns","gta_particles","canvas","document","getElementById","ctx","getContext","w","width","window","innerWidth","h","height","innerHeight","hue","stars","count","maxStars","canvas2","createElement","ctx2","half","gradient2","createRadialGradient","random","min","max","arguments","length","hold","Math","floor","maxOrbit","x","y","diameter","round","sqrt","addColorStop","fillStyle","beginPath","arc","PI","fill","Star","orbitRadius","radius","orbitX","orbitY","timePassed","speed","alpha","prototype","draw","sin","cos","twinkle","globalAlpha","drawImage","i","animation","globalCompositeOperation","fillRect","l","requestAnimationFrame","data","showCard","studentObj","gtaAiConfig","photoDomain","filters","formatScore","score","Number","created","getTeamList","mounted","methods","initParticle","particlesJS","body","style","overflow","getTeamInfoByTeamId","handleClose","$confirm","resultPhotos","$forceUpdate","res","returnCode","console","error","returnMsg","log","percentage","component"],"mappings":"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","file":"js/chunk-85ce11ce.857d14a7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('canvas',{staticStyle:{\"position\":\"absolute\",\"top\":\"0\",\"left\":\"0\",\"z-index\":\"-1\"},attrs:{\"id\":\"canvas\"}}),_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))])]),(_vm.teamList.length)?_c('main',{staticClass:\"team-list\"},_vm._l((_vm.teamList),function(team,idx){return _c('el-card',{key:idx,staticClass:\"box-card\"},[_c('header',{staticClass:\"team-name\"},[_c('span',{staticClass:\"label\"},[_vm._v(\"参赛队伍：\")]),_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(team.teamName))])]),(team.userInfos.length)?_c('div',{staticClass:\"student-list\"},_vm._l((team.userInfos),function(student,index){return _c('div',{key:index,staticClass:\"wrap\"},[_c('div',{staticClass:\"img-wrap\"},[_c('img',{attrs:{\"src\":student.userPhoto\n                    ? _vm.photoBaseUrl + student.userPhoto\n                    : _vm.userPhoto,\"alt\":\"\"}})]),_c('span',{staticClass:\"student-name\"},[_vm._v(_vm._s(student.userName))])])}),0):_vm._e(),(team.teamScore)?_c('el-footer',[_c('span',{staticClass:\"score-btn\"},[_vm._v(\"成绩:\"),_c('i',[_vm._v(_vm._s(team.teamScore))])]),_c('span',{staticClass:\"cd-btn\",on:{\"click\":function($event){return _vm.chaneCardStatus(team.teamId)}}},[_vm._v(\"成绩详情\")])]):_vm._e()],1)}),1):_vm._e(),_c('section',{staticClass:\"card-modoule\"},[_c('el-dialog',{attrs:{\"visible\":_vm.dialogVisible,\"width\":\"1000px\",\"top\":\"0vh\",\"modal\":false},on:{\"update:visible\":function($event){_vm.dialogVisible=$event}}},[_c('div',{staticClass:\"cd-head\"},[_c('div',{staticClass:\"title-wrap\"},[_c('div',{staticClass:\"title\"},[_c('span',{staticClass:\"label\"},[_vm._v(\" 队伍：\")]),_c('span',{staticClass:\"team\"},[_vm._v(_vm._s(_vm.teamObj.teamName))])]),('teamId' in _vm.teamObj)?_c('div',{staticClass:\"team-score\"},[_c('span',{staticClass:\"label\"},[_vm._v(\"成绩：\")]),_c('el-progress',{attrs:{\"type\":\"circle\",\"width\":70,\"percentage\":_vm._f(\"formatScore\")(_vm.teamObj.teamScore),\"stroke-width\":2,\"format\":_vm.scoreFormat,\"color\":_vm.colors}}),_c('span',{staticClass:\"label\"},[_vm._v(\"分\")])],1):_vm._e()]),_c('div',{staticClass:\"student-list\"},_vm._l((_vm.teamObj.userInfos),function(item,index){return _c('div',{key:index,staticClass:\"wrap\",on:{\"click\":function($event){return _vm.selectStudent(index)}}},[_c('div',{staticClass:\"img-wrap\"},[_c('img',{attrs:{\"src\":item.userPhoto ? _vm.photoBaseUrl + item.userPhoto : _vm.userPhoto,\"alt\":\"\"}})]),_c('div',[_c('span',[_vm._v(_vm._s(item.userName))])])])}),0)]),_c('div',{staticClass:\"cd-main\"},[_c('el-carousel',{attrs:{\"trigger\":\"click\",\"initial-index\":0,\"interval\":8000,\"indicator-position\":\"outside\",\"loop\":false,\"autoplay\":false},on:{\"change\":_vm.changeCard}},_vm._l((_vm.teamObj.resultPhotos),function(card,index){return _c('el-carousel-item',{key:index},[_c('img',{staticClass:\"cd-pic\",attrs:{\"src\":card.resultPhoto\n                    ? _vm.photoBaseUrl + card.resultPhoto\n                    : _vm.cardPhoto}})])}),1),_c('div',{staticClass:\"right-wrap\"},[_c('div',{staticClass:\"card-pic-info\"},[(_vm.cardObj && _vm.cardObj.photoName)?_c('div',{staticClass:\"pic-name\"},[_vm._v(\" \"+_vm._s(_vm.cardObj.photoName)+\" \")]):_vm._e()])])],1),_c('div',{staticClass:\"cd-footer\"})])],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","//宇宙特效\n\"use strict\";\n// var canvas = document.getElementById('particles-js'),\nconst  gta_particles =function(){\nvar canvas = document.getElementById('canvas'),\n  ctx = canvas.getContext('2d'),\n  w = canvas.width = window.innerWidth,\n  h = canvas.height = window.innerHeight,\n\n  hue = 217,\n  stars = [],\n  count = 0,\n  maxStars = 1300;//星星数量\n\nvar canvas2 = document.createElement('canvas'),\n  ctx2 = canvas2.getContext('2d');\ncanvas2.width = 100;\ncanvas2.height = 100;\nvar half = canvas2.width / 2,\n  gradient2 = ctx2.createRadialGradient(half, half, 0, half, half, half);\ngradient2.addColorStop(0.025, '#CCC');\ngradient2.addColorStop(0.1, 'hsl(' + hue + ', 61%, 33%)');\ngradient2.addColorStop(0.25, 'hsl(' + hue + ', 64%, 6%)');\ngradient2.addColorStop(1, 'transparent');\n\nctx2.fillStyle = gradient2;\nctx2.beginPath();\nctx2.arc(half, half, half, 0, Math.PI * 2);\nctx2.fill();\n\n// End cache\n\nfunction random(min, max) {\n  if (arguments.length < 2) {\n    max = min;\n    min = 0;\n  }\n\n  if (min > max) {\n    var hold = max;\n    max = min;\n    min = hold;\n  }\n\n  return Math.floor(Math.random() * (max - min + 1)) + min;\n}\n\nfunction maxOrbit(x, y) {\n  var max = Math.max(x, y),\n    diameter = Math.round(Math.sqrt(max * max + max * max));\n  return diameter / 2;\n  //星星移动范围，值越大范围越小，\n}\n\nvar Star = function() {\n\n  this.orbitRadius = random(maxOrbit(w, h));\n  this.radius = random(60, this.orbitRadius) / 8; \n  //星星大小\n  this.orbitX = w / 2;\n  this.orbitY = h / 2;\n  this.timePassed = random(0, maxStars);\n  this.speed = random(this.orbitRadius) / 1000000; \n  //星星移动速度\n  this.alpha = random(2, 10)/1000;\n\n  count++;\n  stars[count] = this;\n}\n\nStar.prototype.draw = function() {\n  var x = Math.sin(this.timePassed) * this.orbitRadius + this.orbitX,\n    y = Math.cos(this.timePassed) * this.orbitRadius + this.orbitY,\n    twinkle = random(10);\n\n  if (twinkle === 1 && this.alpha > 0) {\n    this.alpha -= 0.05;\n  } else if (twinkle === 2 && this.alpha < 1) {\n    this.alpha += 0.05;\n  }\n\n  ctx.globalAlpha = this.alpha;\n  ctx.drawImage(canvas2, x - this.radius / 2, y - this.radius / 2, this.radius, this.radius);\n  this.timePassed += this.speed;\n}\n\nfor (var i = 0; i < maxStars; i++) {\n  new Star();\n}\n\nfunction animation() {\n  ctx.globalCompositeOperation = 'source-over';\n  ctx.globalAlpha = 0.5; //尾巴\n  ctx.fillStyle = 'hsla(' + hue + ', 64%, 6%, 2)';\n  ctx.fillRect(0, 0, w, h)\n\n  ctx.globalCompositeOperation = 'lighter';\n  for (var i = 1, l = stars.length; i < l; i++) {\n    stars[i].draw();\n  };\n\n  window.requestAnimationFrame(animation);\n}\n\nanimation();\n\n}\n\nexport default gta_particles","<!-- \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    <canvas\n      id=\"canvas\"\n      style=\"position: absolute;top: 0;left: 0;z-index: -1;\"\n    ></canvas>\n    <!-- <div class=\"card-main\"> -->\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=\"team-list\" v-if=\"teamList.length\">\n        <el-card class=\"box-card\" v-for=\"(team, idx) in teamList\" :key=\"idx\">\n          <header class=\"team-name\">\n            <span class=\"label\">参赛队伍：</span>\n            <div class=\"title\">{{ team.teamName }}</div>\n          </header>\n          <div class=\"student-list\" v-if=\"team.userInfos.length\">\n            <div\n              v-for=\"(student, index) in team.userInfos\"\n              :key=\"index\"\n              class=\"wrap\"\n            >\n              <div class=\"img-wrap\">\n                <img\n                  :src=\"\n                    student.userPhoto\n                      ? photoBaseUrl + student.userPhoto\n                      : userPhoto\n                  \"\n                  alt=\"\"\n                />\n              </div>\n              <span class=\"student-name\">{{ student.userName }}</span>\n            </div>\n          </div>\n\n          <el-footer v-if=\"team.teamScore\">\n            <span class=\"score-btn\"\n              >成绩:<i>{{ team.teamScore }}</i></span\n            >\n            <span class=\"cd-btn\" @click=\"chaneCardStatus(team.teamId)\"\n              >成绩详情</span\n            >\n          </el-footer>\n        </el-card>\n      </main>\n      <section class=\"card-modoule\">\n        <el-dialog\n          :visible.sync=\"dialogVisible\"\n          width=\"1000px\"\n          top=\"0vh\"\n          :modal=\"false\"\n        >\n          <div class=\"cd-head\">\n            <div class=\"title-wrap\">\n              <div class=\"title\">\n                <span class=\"label\"> 队伍：</span>\n                <span class=\"team\">{{ teamObj.teamName }}</span>\n              </div>\n              <div class=\"team-score\" v-if=\"'teamId' in teamObj\">\n                <!-- <span class=\"val\">{{ teamObj.teamScore }}</span> -->\n                <span class=\"label\">成绩：</span>\n                <el-progress\n                  type=\"circle\"\n                  :width=\"70\"\n                  :percentage=\"teamObj.teamScore | formatScore\"\n                  :stroke-width=\"2\"\n                  :format=\"scoreFormat\"\n                  :color=\"colors\"\n                ></el-progress>\n                <span class=\"label\">分</span>\n              </div>\n            </div>\n\n            <div class=\"student-list\">\n              <!-- <span>队员</span> -->\n              <div\n                class=\"wrap\"\n                v-for=\"(item, index) in teamObj.userInfos\"\n                :key=\"index\"\n                @click=\"selectStudent(index)\"\n              >\n                <div class=\"img-wrap\">\n                  <img\n                    :src=\"\n                      item.userPhoto ? photoBaseUrl + item.userPhoto : userPhoto\n                    \"\n                    alt=\"\"\n                  />\n                </div>\n                <div>\n                  <span>{{ item.userName }}</span>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"cd-main\">\n            <!-- 轮播图 -->\n            <el-carousel\n              trigger=\"click\"\n              :initial-index=\"0\"\n              :interval=\"8000\"\n              indicator-position=\"outside\"\n              :loop=\"false\"\n              :autoplay=\"false\"\n              @change=\"changeCard\"\n            >\n              <el-carousel-item\n                v-for=\"(card, index) in teamObj.resultPhotos\"\n                :key=\"index\"\n              >\n                <img\n                  class=\"cd-pic\"\n                  :src=\"\n                    card.resultPhoto\n                      ? photoBaseUrl + card.resultPhoto\n                      : cardPhoto\n                  \"\n                />\n                <!-- <h3 class=\"card-name\">{{ card.photoName }}</h3> -->\n              </el-carousel-item>\n            </el-carousel>\n            <div class=\"right-wrap\">\n              <div class=\"card-pic-info\">\n                <div class=\"pic-name\" v-if=\"cardObj && cardObj.photoName\">\n                  {{ cardObj.photoName }}\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"cd-footer\"></div>\n        </el-dialog>\n      </section>\n    </div>\n    <!-- </div> -->\n  </div>\n</template>\n\n<script>\n// /* eslint-disable */\nimport particlesJS from 'particles.js'\nimport particlesConfig from './particles2.json'\nimport gta_particles from './bg.js'\nimport REPORT_CARD from '@/axios/reportCard/reportCard.js'\nexport default {\n  data() {\n    return {\n      title: '天津市高职院校 —— 人工智能大赛队伍赛况',\n      showCard: false,\n      dialogVisible: false,\n      teamList: [],\n      teamId: '',\n      teamObj: {},\n      colors: [\n        { color: '#f56c6c', percentage: 20 },\n        { color: '#e6a23c', percentage: 40 },\n        { color: '#5cb87a', percentage: 60 },\n        { color: '#1989fa', percentage: 80 },\n        { color: '#6f7ad3', percentage: 100 },\n      ],\n      studentObj: {},\n      cardObj: {},\n      userPhoto: require('../../../public/images/profile03.png'),\n      cardPhoto: require('../../../public/images/img03.png'),\n      photoBaseUrl: window.gtaAiConfig.photoDomain, // 新UC头像基地址\n    }\n  },\n  filters: {\n    formatScore(score) {\n      if (!score) return 0\n      score = Number(score)\n      return score\n    },\n  },\n  created() {\n    // this.studentObj = this.userInfos[0]\n    this.getTeamList()\n  },\n  mounted() {\n    // this.initParticle()\n    gta_particles() //粒子背景动画\n  },\n  methods: {\n    initParticle() {\n      window.particlesJS('particles-js', particlesConfig)\n      // particlesJS('particles-js', particlesConfig)\n      document.body.style.overflow = 'hidden'\n    },\n    chaneCardStatus(teamId) {\n      this.showCard = true\n      this.dialogVisible = true\n      this.getTeamInfoByTeamId(teamId)\n      this.teamId = teamId\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    changeCard(index) {\n      let { teamObj } = this\n      this.cardObj = teamObj.resultPhotos[index]\n\n      this.$forceUpdate()\n    },\n    /**\n     *  根据小组id获取小组信息 @data teamId 小组id\n     */\n    getTeamInfoByTeamId(teamId) {\n      if (!teamId) {\n        teamId = this.teamId\n      }\n      let data = { teamId }\n      REPORT_CARD.getTeamInfoByTeamId(data).then((res) => {\n        if (res && res.returnCode == 200) {\n          this.teamObj = res.data\n          if (this.teamObj.resultPhotos && this.teamObj.resultPhotos.length) {\n            this.cardObj = this.teamObj.resultPhotos[0]\n          } else {\n            this.cardObj = {}\n          }\n        } else if (res.returnMsg) {\n          console.error('returnMsg', res.returnMsg)\n        }\n      })\n    },\n    /**\n     *  获取小组基本信息 @data teamName:小组名称\n     */\n    getTeamList() {\n      REPORT_CARD.getTeamInfo().then((res) => {\n        if (res && res.returnCode == 200) {\n          this.teamList = res.data\n        }\n      })\n    },\n    scoreFormat(percentage) {\n      console.log('percentage', percentage)\n      percentage = Number(percentage)\n      return percentage\n    },\n  }, //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\n$border_main: rgba(0, 222, 255, 0.3);\n.report-card-content {\n  position: absolute;\n  width: 100%;\n  // height: 100%;\n  // overflow-y: auto;\n  // overflow-x:hidden;\n  // background: #050d20;\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  .team-list {\n    width: 98%;\n    height: calc(100vh - 80px);\n    margin: 0 auto;\n    box-sizing: border-box;\n    // padding: 20px;\n    display: flex;\n    justify-content: start;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: flex-start;\n    overflow-y: auto;\n    @include scroll-bar(5px, 5px, $border_main, $border_main);\n    .team-name {\n      width: 100%;\n      margin: 10 auto;\n      text-align: center;\n      font-size: 18px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      // border-bottom: 1px solid $border_main;\n      flex-shrink: 0;\n      .label {\n        display: block;\n        flex-shrink: 0;\n        width: 70px;\n        font-size: 14px;\n        border-left: 4px solid $main_btn;\n        height: 15px;\n        margin-right: 10px;\n        padding-left: 3px;\n        padding-top: -2px;\n        line-height: 17px;\n        float: left;\n      }\n      .title {\n        // flex: 1;\n        // flex-shrink: 0;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        text-align: left;\n      }\n      // border-bottom: 1px solid $main_btn;\n    }\n    .box-card {\n      width: 23%;\n      height: 250px;\n      // width: 400px;\n      margin: 10px 10px;\n      background: url('../../../public/images/gz.png');\n      background-repeat: repeat;\n      // background: $second_bg;\n      color: $font_primary_color;\n      border: 1px solid $border_main;\n      .student-list {\n        width: 100%;\n        height: 100%;\n        min-height: 80px;\n        display: flex;\n        justify-content: center;\n        flex-wrap: nowrap;\n        margin-top: 20px;\n        overflow-x: auto;\n        padding: 0 20px;\n        box-sizing: border-box;\n        @include scroll-bar(2px, 5px, $border_main, $border_main);\n        .wrap {\n          flex-shrink: 0;\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n          margin: 0 4px;\n          .img-wrap {\n            height: 44px;\n            img {\n              width: 44px;\n              height: 44px;\n              border-radius: 22px;\n            }\n          }\n          .student-name {\n            width: 100%;\n            box-sizing: border-box;\n            display: block;\n            text-align: center;\n            margin-top: 3px;\n            padding: 0;\n          }\n        }\n      }\n    }\n  }\n  .el-footer {\n    width: 100%;\n    height: 100% !important;\n    // padding-top: 15px;\n  }\n  .score-btn {\n    display: block;\n    width: 200px;\n    height: 44px;\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  }\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    &:hover {\n      color: $border_main;\n    }\n  }\n\n  ::v-deep .el-dialog__wrapper {\n    background: rgba(17, 97, 143, 0.6);\n    .el-dialog {\n      // width: 1000px;\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      min-height: 500px;\n      margin-top: 0;\n      background: $main_bg;\n      border-radius: 8px;\n      border: 1px solid $border_main;\n      color: #fff;\n      .el-dialog__header {\n        padding: 10px;\n        .el-dialog__title {\n          color: $font_primary_color;\n        }\n        .el-dialog__headerbtn {\n          position: absolute;\n          width: 32px;\n          height: 32px;\n          line-height: 36px;\n          top: -16px;\n          right: -16px;\n          padding: 0;\n          background: 0 0;\n          border: none;\n          outline: 0;\n          cursor: pointer;\n          background: #00deff;\n          border-radius: 16px;\n          color: #0a5b80;\n          &:hover i {\n            transform: rotate(180deg);\n          }\n          i {\n            color: #061f3e;\n            font-size: 20px;\n            font-weight: 600;\n            transition: all 0.3s;\n          }\n        }\n      }\n      .el-dialog__body {\n        padding: 10px 20px;\n      }\n    }\n\n    .cd-head {\n      width: 100%;\n      color: $font_primary_color;\n      // margin:0 20px 20px 0;\n      .title-wrap {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin: 0 0px 10px 0;\n      }\n      .title {\n        font-size: 28px;\n        text-align: center;\n        .label {\n          font-size: 12px;\n          margin-right: 0px;\n        }\n        .team {\n          color: $main_btn;\n        }\n      }\n      .team-score {\n        margin-left: 50px;\n        display: flex;\n        align-items: center;\n        .val {\n          font-size: 28px;\n          color: $main_btn;\n        }\n        .label {\n          // margin-right: 5px;\n          margin-left: 10px;\n          font-size: 12px;\n        }\n        .el-progress {\n          .el-progress__text {\n            font-size: 20px !important;\n            color: $main_btn;\n          }\n        }\n      }\n      .student-list {\n        width: 94%;\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, 5px, $border_main, $border_main);\n        .wrap {\n          width: 50px;\n          text-align: center;\n          margin: 0 10px;\n          color: $font_primary_color;\n          flex-shrink: 0;\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n          .img-wrap {\n            height: 44px;\n            img {\n              width: 44px;\n              height: 44px;\n              border-radius: 22px;\n            }\n          }\n          .student-name {\n            width: 100%;\n            box-sizing: border-box;\n            display: block;\n            text-align: center;\n            margin-top: 3px;\n            padding: 0;\n          }\n        }\n      }\n    }\n    .cd-main {\n      width: 100%;\n      min-height: 300px;\n      margin: 20px 0 0 0;\n      // border: 1px solid #ddd;\n      padding: 10px;\n      box-sizing: border-box;\n      position: relative;\n      display: flex;\n      justify-content: start;\n      .el-carousel--horizontal {\n        width: 60%;\n        margin-left: 20px;\n        .el-carousel__arrow {\n          background: $main_btn;\n          font-size: 20px;\n          line-height: 36px;\n          padding: 0;\n          color: $font_second_color;\n          font-weight: 700;\n        }\n        .el-carousel__indicators--outside button {\n          background: $font_primary_color;\n          opacity: 0.8;\n        }\n        .is-active {\n          color: $main_btn;\n          .el-carousel__button {\n            background: $main_btn !important;\n          }\n          // border: 1px solid $main_btn;\n        }\n      }\n      .cd-pic {\n        width: 100%;\n        height: auto;\n      }\n      .card-name {\n        position: absolute;\n      }\n      .right-wrap {\n        width: 300px;\n        border: 1px solid $border_main;\n        margin-left: 20px;\n        .card-pic-info {\n          color: $font_primary_color;\n          font-size: 24px;\n          width: 100%;\n          height: 100%;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          margin: 0 auto;\n          text-align: center;\n          box-sizing: border-box;\n          overflow-y: auto;\n          padding: 10px 5px;\n          @include scroll-bar(2px, 5px, $border_main, $border_main);\n          .pic-name {\n            margin: 0 auto;\n          }\n        }\n      }\n    }\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</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!./reportCard.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!./reportCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./reportCard.vue?vue&type=template&id=3189f646&scoped=true&\"\nimport script from \"./reportCard.vue?vue&type=script&lang=js&\"\nexport * from \"./reportCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./reportCard.vue?vue&type=style&index=0&id=3189f646&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  \"3189f646\",\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!./reportCard.vue?vue&type=style&index=0&id=3189f646&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!./reportCard.vue?vue&type=style&index=0&id=3189f646&lang=scss&scoped=true&\""],"sourceRoot":""}