{"version":3,"sources":["webpack:///./src/views/reportView/totalPagination.vue?ba5a","webpack:///src/views/reportView/totalPagination.vue","webpack:///./src/views/reportView/totalPagination.vue?781a","webpack:///./src/views/reportView/totalPagination.vue","webpack:///./src/views/reportView/totalPagination.vue?3d4d","webpack:///./node_modules/@babel/runtime/helpers/esm/createForOfIteratorHelper.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","staticStyle","_v","_s","illustrate","title","attrs","staticRenderFns","name","data","myChart","myChart2","reportData","level","funnelData","mounted","arr","evaluationId","window","localStorage","getItem","evaluationAnswerId","methods","initChart","$echarts","init","document","getElementById","angle","finalScore","type","colorStops","setOption","series","getCoordinates","getLocation","dx","dy","keys","forEach","res","k","group","idx","initFunnelPlot","option","tooltip","trigger","formatter","component","_createForOfIteratorHelper","o","allowArrayLike","it","Symbol","iterator","Array","isArray","unsupportedIterableToArray","length","i","F","s","n","done","value","e","_e","f","TypeError","err","normalCompletion","didErr","call","step","next","_e2"],"mappings":"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","file":"js/chunk-35223650.033b38d6.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"totalPagination\"},[_c('div',{staticClass:\"content\"},[_vm._m(0),_c('div',{staticClass:\"bottomBox\"},[_c('div',{staticClass:\"leftBox\"},[_c('div',{staticStyle:{\"font-size\":\"24px\"}},[_vm._v(\"分数说明\")]),_c('div',[_vm._v(_vm._s(_vm.illustrate))]),_c('div',[_vm._v(_vm._s(_vm.title))]),_vm._m(1)]),_c('div',{staticClass:\"rightBox\",attrs:{\"id\":\"funnelPlot\"}})])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"topBox\"},[_c('div',{staticStyle:{\"color\":\"white\"}},[_c('div',{staticStyle:{\"font-size\":\"40px\"}},[_vm._v(\"总得分\")]),_c('div',{staticStyle:{\"font-size\":\"16px\"}},[_vm._v(\"总分代表所有能力和问题的分数的总结性评估。\")])]),_c('div',{attrs:{\"id\":\"gauge\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"90px\",\"display\":\"flex\",\"justify-content\":\"end\",\"margin-top\":\"20px\"}},[_c('div',{staticStyle:{\"width\":\"110px\",\"height\":\"90px\"}},[_c('div',{staticStyle:{\"width\":\"100%\",\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('div',{staticStyle:{\"width\":\"30px\",\"height\":\"30px\",\"border-radius\":\"50%\",\"background-color\":\"rgb(59,187,210)\"}})]),_c('div',{staticStyle:{\"width\":\"100%\",\"display\":\"flex\",\"align-items\":\"center\"}},[_c('div',{staticStyle:{\"width\":\"30px\",\"height\":\"30px\",\"border-radius\":\"50%\",\"background-color\":\"rgb(57,115,130)\",\"margin\":\"0 10px 0 20px\"}}),_c('div',{staticStyle:{\"width\":\"30px\",\"height\":\"30px\",\"border-radius\":\"50%\",\"background-color\":\"rgb(57,115,130)\"}})]),_c('div',{staticStyle:{\"width\":\"100%\",\"display\":\"flex\",\"align-items\":\"center\",\"justify-content\":\"space-between\"}},[_c('div',{staticStyle:{\"width\":\"30px\",\"height\":\"30px\",\"border-radius\":\"50%\",\"background-color\":\"rgb(59,187,210)\"}}),_c('div',{staticStyle:{\"width\":\"30px\",\"height\":\"30px\",\"border-radius\":\"50%\",\"background-color\":\"rgb(59,187,210)\"}}),_c('div',{staticStyle:{\"width\":\"30px\",\"height\":\"30px\",\"border-radius\":\"50%\",\"background-color\":\"rgb(59,187,210)\"}})])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"totalPagination\">\r\n    <div class=\"content\">\r\n      <div class=\"topBox\">\r\n        <div style=\"color: white\">\r\n          <div style=\"font-size: 40px\">总得分</div>\r\n          <div style=\"font-size: 16px\">总分代表所有能力和问题的分数的总结性评估。</div>\r\n<!--          <div style=\"font-size: 14px\" v-html=\"reportData.finalOverall\"></div>-->\r\n        </div>\r\n        <div id=\"gauge\"></div>\r\n      </div>\r\n      <div class=\"bottomBox\">\r\n        <div class=\"leftBox\" >\r\n          <div style=\"font-size: 24px\">分数说明</div>\r\n          <div>{{illustrate}}</div>\r\n          <div>{{title}}</div>\r\n          <div style=\"width: 100%;height: 90px;display: flex;justify-content: end;margin-top: 20px\">\r\n            <div style=\"width: 110px;height:90px;\">\r\n              <div style=\"width: 100%;display: flex;justify-content: center;\">\r\n                <div style=\"width: 30px;height: 30px;border-radius: 50%;background-color: rgb(59,187,210)\"></div>\r\n              </div>\r\n              <div style=\"width: 100%;display: flex;align-items: center;\">\r\n                <div style=\"width: 30px;height: 30px;border-radius: 50%;background-color: rgb(57,115,130);margin: 0 10px 0 20px\"></div>\r\n                <div style=\"width: 30px;height: 30px;border-radius: 50%;background-color: rgb(57,115,130)\"></div>\r\n              </div>\r\n              <div style=\"width: 100%;display: flex;align-items: center;justify-content: space-between\">\r\n                <div style=\"width: 30px;height: 30px;border-radius: 50%;background-color: rgb(59,187,210);\"></div>\r\n                <div style=\"width: 30px;height: 30px;border-radius: 50%;background-color: rgb(59,187,210)\"></div>\r\n                <div style=\"width: 30px;height: 30px;border-radius: 50%;background-color: rgb(59,187,210)\"></div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"rightBox\" id=\"funnelPlot\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {getevaluationreportdata} from \"@/assets/api/api\"\r\n\r\nexport default {\r\n  name: \"totalPagination\",\r\n  data() {\r\n    return {\r\n      myChart: null,\r\n      myChart2: null,\r\n      reportData: {},\r\n      illustrate:'',\r\n      title:'',\r\n      level:[\r\n        {\r\n          type:1,\r\n          name:'数字初学者',\r\n          illustrate:'分数范围内，从30%-40%，被认为是类别：1级（数字初学者）',\r\n          title:'数字初学者（30%-40%）：初学者能够意识到数字技术在加强生活和工作实践方面的潜力。然而，他们很少接触数字技术，需要指导和鼓励来引导他们进行尝试，将他们现有的数字能力应用于更广泛的领域。'\r\n        },\r\n        {\r\n          type:2,\r\n          name:'数字探索者',\r\n          illustrate:'分数范围内，从40%-50%，被认为是类别：2级（数字探索者）',\r\n          title:'数字探索者（40%-50%）：探索者能够意识到数字技术的潜力，并有兴趣探索它们以加强实践。他们已经开始在数字能力的某些领域使用数字技术，但没有遵循全面或一致的方法。探索者需要鼓励、洞察力和灵感，例如通过同事的榜样和指导，嵌入到实践的协作交流中。'\r\n        },\r\n        {\r\n          type:3,\r\n          name:'数字整合者',\r\n          illustrate:'分数范围内，从50%-60%，被认为是类别：3级（数字整合者）',\r\n          title:'数字整合者（50%-60%）：能够在各种背景下出于各种目的尝试数字技术，并将其整合到他们的许多实践中。他们创造性地使用它们来帮助其日常生活和工作的各个方面，有意愿扩大他们对数字技术的实践范围。然而，他们仍在努力了解哪些工具在哪些情况下效果最好，并将数字技术应用于最佳策略和方法中。只需要更多时间进行实验和反思，并辅以协作鼓励和知识交流即可成为专家。'\r\n        },\r\n        {\r\n          type:4,\r\n          name:'数字专家',\r\n          illustrate:'分数范围内，从60%-70%，被认为是类别：4级（数字专家）',\r\n          title:'数字专家（60%-70%）：自信、创造性和批判性地使用一系列数字技术来增强日常生活和实际工作。他们有针对性地为特定情况选择数字技术，并试图了解不同数字策略的优缺点。对新想法充满好奇，保持开放的态度，知道有很多事情他们还没有尝试过。乐于创新实践，使用数字实践作为扩展、构建和巩固其数字策略库的手段。'\r\n        },\r\n        {\r\n          type:5,\r\n          name:'数字领导者',\r\n          illustrate:'分数范围内，70%以上，被认为是类别：5级（数字领导者）',\r\n          title:'数字领导者（70%以上）：领导者拥有一致且全面的方法来使用数字技术增强日常生活和实际工作的实践。他们依赖于广泛的数字策略库，他们知道如何从中选择最适合给定使用场景的策略。他们不断反思并进一步优化自己的实践。与周围人交流，不断地更新新的想法，并能够将自己的专业知识传授给其他人。'\r\n        },\r\n      ],\r\n      funnelData:[\r\n        {\r\n          type:1,\r\n          value: 100,\r\n          name: '1级（数字初学者）',\r\n          score:'30%-40%',\r\n\r\n        },\r\n        {\r\n          type:2,\r\n          value: 80,\r\n          name: '2级（数字探索者）',\r\n          score:'40%-50%'\r\n        },\r\n        {\r\n          type:3,\r\n          value: 60,\r\n          name: '3级（数字整合者）' ,\r\n          score:'50%-60%'\r\n        },\r\n        {\r\n          type:4,\r\n          value: 40,\r\n          name: '4级（数字专家）',\r\n          score:'60%-70%'\r\n        },\r\n        {\r\n          type:5,\r\n          value: 20,\r\n          name: '5级（数字领导者）',\r\n          score:'70%以上'\r\n        }\r\n      ],\r\n    }\r\n  },\r\n  mounted() {\r\n    var arr = {\r\n      evaluationId: window.localStorage.getItem('evaluationId'),\r\n      evaluationAnswerId: window.localStorage.getItem('evaluationAnwserId')\r\n    }\r\n    getevaluationreportdata(arr).then(res => {\r\n      this.reportData = res.data.data\r\n      for (const item of this.level) {\r\n        if (item.type == this.reportData.finalLevelID){\r\n          this.illustrate = item.illustrate\r\n          this.title = item.title\r\n        }\r\n      }\r\n      for (const item of this.funnelData) {\r\n        if (item.type == this.reportData.finalLevelID){\r\n          item.itemStyle =  {\r\n            color: 'rgb(59,180,203)',\r\n          }\r\n        }else{\r\n          item.itemStyle =  {\r\n            color: 'rgb(56,83,94)',\r\n          }\r\n        }\r\n      }\r\n      this.initChart()\r\n      this.initFunnelPlot()\r\n    })\r\n  },\r\n  methods: {\r\n    initChart() {\r\n      this.myChart = this.$echarts.init(document.getElementById('gauge'));\r\n      var angle = this.reportData.finalScore * 360;  // 计算当前数据项对应的角度\r\n      let direction = this.getCoordinates(0, angle)\r\n      let color = {\r\n        type: 'linear',\r\n        /*x:0,\r\n        x1:0,\r\n        y:0,\r\n        y1:0,*/\r\n        ...direction,\r\n        colorStops: [\r\n          {offset: 0, color: \"#156BFF\"},\r\n          {offset: 1, color: \"#C0CDFF\"},\r\n        ]\r\n      }\r\n      this.myChart.setOption({\r\n        series: [\r\n          {\r\n            type: 'gauge',\r\n            splitNumber: 1,\r\n            startAngle: 90,\r\n            endAngle: 450,\r\n            max: 100,\r\n            radius: \"60%\",\r\n            color: [color],\r\n            center: ['50%', '50%'],\r\n            progress: {\r\n              show: true,\r\n              roundCap: true,\r\n              width: 20\r\n            },\r\n            axisLine: {\r\n              lineStyle: {\r\n                color: [[1, '#F2F6FB']],\r\n                width: 20,\r\n                opacity: 0.1,\r\n              }\r\n            },\r\n            axisTick: {\r\n              show: false\r\n            },\r\n            splitLine: {\r\n              show: false,\r\n              length: 20,\r\n              distance: -20,\r\n              lineStyle: {\r\n                width: 2\r\n              }\r\n            },\r\n            axisLabel: {\r\n              show: false\r\n            },\r\n            anchor: {\r\n              show: false\r\n            },\r\n            pointer: {\r\n              show: false\r\n            },\r\n            title: {\r\n              show: true,\r\n              color: \"#fff\",\r\n              fontSize: 26,\r\n              fontFamily: \"微软雅黑\",\r\n              offsetCenter: [0, '30%'],\r\n            },\r\n            detail: {\r\n              valueAnimation: true,\r\n              fontSize: 40,\r\n              color: \"#BCCAFF\",\r\n              fontFamily: \"AGENCYB\",\r\n              offsetCenter: [0, \"-10%\"],\r\n              formatter: function (param) {\r\n                return \"{a|\" + param + \"}{b|%}\"\r\n              },\r\n              rich: {\r\n                a: {\r\n                  fontSize: 49,\r\n                  fontFamily: \"AGENCYB\",\r\n                  color: '#BCCAFF',\r\n                },\r\n                b: {\r\n                  fontSize: 16,\r\n                  fontFamily: \"AGENCYB\",\r\n                  color: \"#BED2FF\",\r\n                },\r\n              }\r\n            },\r\n            data: [{\r\n              value: this.reportData.finalScore * 100,\r\n              name: '总分'\r\n            }]\r\n          }\r\n        ]\r\n      })\r\n    },\r\n    getCoordinates(startArc, endArc) {\r\n      const posi = [\r\n        Math.sin(startArc),\r\n        -Math.cos(startArc),\r\n        Math.sin(endArc),\r\n        -Math.cos(endArc)\r\n      ]\r\n      const dx = posi[2] - posi[0]\r\n      const dy = posi[3] - posi[1]\r\n      return this.getLocation(dx, dy)\r\n    },\r\n    getLocation(dx, dy) {\r\n      const tanV = dx / dy\r\n      const directSign = Math.abs(tanV) < 1\r\n      const t = directSign ? tanV : 1 / tanV\r\n\r\n      const sign1 = t > 0 ? 1 : -1\r\n      const sign2 = dx > 0 ? 1 : -1\r\n      const sign = directSign ? sign1 * sign2 : sign2\r\n\r\n      const group1 = [0.5 - sign * t / 2, 0.5 + sign * t / 2]\r\n      const group2 = sign > 0 ? [0, 1] : [1, 0]\r\n      const group = [...group1, ...group2]\r\n      const keys = directSign ? ['x', 'x2', 'y', 'y2'] : ['y', 'y2', 'x', 'x2']\r\n\r\n      let res = {}\r\n      keys.forEach((k, idx) => {\r\n        res[k] = group[idx]\r\n      })\r\n      return res\r\n    },\r\n    initFunnelPlot(){\r\n      this.myChart2 = this.$echarts.init(document.getElementById('funnelPlot'));\r\n      var option = {\r\n        tooltip: {\r\n          trigger: 'item',\r\n          formatter(params) {\r\n            return (\r\n                params.data.name +\r\n                \"(\" +\r\n                params.data.score +\r\n                \")\"\r\n            );\r\n          }\r\n        },\r\n        series: [\r\n          {\r\n            type: 'funnel',\r\n            left: '5%',\r\n            top: 0,\r\n            bottom: 10,\r\n            width: '90%',\r\n            min: 0,\r\n            max: 100,\r\n            minSize: '0%',\r\n            maxSize: '100%',\r\n            sort: 'ascending', //设置漏斗图方向，\r\n            gap:5,\r\n            label: {\r\n              show: true,\r\n              position: 'inside',\r\n              color:'white'\r\n            },\r\n            labelLine: {\r\n              length: 10,\r\n              lineStyle: {\r\n                width: 1,\r\n                type: 'solid'\r\n              }\r\n            },\r\n            itemStyle: {\r\n              borderColor: '#fff',\r\n              borderWidth: 1\r\n            },\r\n            emphasis: {\r\n              label: {\r\n                fontSize: 16,\r\n                color:'white',\r\n              }\r\n            },\r\n            data: this.funnelData\r\n          }\r\n        ]\r\n      };\r\n      this.myChart2.setOption(option);\r\n    },\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n.totalPagination {\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgb(56, 68, 88);\r\n  overflow: auto;\r\n  .content {\r\n    width: 50%;\r\n    height: 100%;\r\n    margin: 0 auto;\r\n\r\n    .topBox {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      padding: 40px 0;\r\n      box-sizing: border-box;\r\n      width: 100%;\r\n      height: 50%;\r\n      border-bottom: 1px solid white;\r\n      & > div {\r\n        width: 50%;\r\n      }\r\n    }\r\n    .bottomBox{\r\n      display: flex;\r\n      justify-content: space-between;\r\n      padding: 20px 0 ;\r\n      box-sizing: border-box;\r\n      width: 100%;\r\n      height: 50%;\r\n      .leftBox{\r\n        width: 50%;\r\n        height: 100%;\r\n        color: white;\r\n        font-size: 16px;\r\n      }\r\n      .rightBox{\r\n        width: 50%;\r\n        height: 100%;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./totalPagination.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./totalPagination.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./totalPagination.vue?vue&type=template&id=05b2f96b&scoped=true&\"\nimport script from \"./totalPagination.vue?vue&type=script&lang=js&\"\nexport * from \"./totalPagination.vue?vue&type=script&lang=js&\"\nimport style0 from \"./totalPagination.vue?vue&type=style&index=0&id=05b2f96b&scoped=true&lang=less&\"\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  \"05b2f96b\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./totalPagination.vue?vue&type=style&index=0&id=05b2f96b&scoped=true&lang=less&\"","import unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nexport default function _createForOfIteratorHelper(o, allowArrayLike) {\n  var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"];\n\n  if (!it) {\n    if (Array.isArray(o) || (it = unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") {\n      if (it) o = it;\n      var i = 0;\n\n      var F = function F() {};\n\n      return {\n        s: F,\n        n: function n() {\n          if (i >= o.length) return {\n            done: true\n          };\n          return {\n            done: false,\n            value: o[i++]\n          };\n        },\n        e: function e(_e) {\n          throw _e;\n        },\n        f: F\n      };\n    }\n\n    throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n  }\n\n  var normalCompletion = true,\n      didErr = false,\n      err;\n  return {\n    s: function s() {\n      it = it.call(o);\n    },\n    n: function n() {\n      var step = it.next();\n      normalCompletion = step.done;\n      return step;\n    },\n    e: function e(_e2) {\n      didErr = true;\n      err = _e2;\n    },\n    f: function f() {\n      try {\n        if (!normalCompletion && it[\"return\"] != null) it[\"return\"]();\n      } finally {\n        if (didErr) throw err;\n      }\n    }\n  };\n}"],"sourceRoot":""}