{"remainingRequest":"D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\cli-plugin-babel\\node_modules\\babel-loader\\lib\\index.js!D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\vue-loader-v15\\lib\\index.js??vue-loader-options!D:\\guoan\\ts-bigscreen-vue\\src\\components\\overview\\EducationOverview.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\guoan\\ts-bigscreen-vue\\src\\components\\overview\\EducationOverview.vue","mtime":1741153513934},{"path":"D:\\guoan\\ts-bigscreen-vue\\babel.config.js","mtime":1740967860001},{"path":"D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\cli-plugin-babel\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1740984332670},{"path":"D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\cli-plugin-babel\\node_modules\\babel-loader\\lib\\index.js","mtime":1740984332280},{"path":"D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\vue-loader-v15\\lib\\index.js","mtime":1740984469533}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkucHVzaC5qcyI7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiRWR1Y2F0aW9uT3ZlcnZpZXciLAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBzZWxlY3RlZFllYXI6ICIyMDI0IiwKICAgICAgeWVhcnM6IFsiMjAyNCIsICIyMDIzIiwgIjIwMjIiLCAiMjAyMSJdLAogICAgICBwYXNzUmF0ZTogOTUuNiwKICAgICAgZ3JhZHVhdGlvblJhdGU6IDk4LjIsCiAgICAgIGNoYXJ0U2V0dGluZ3M6IHsKICAgICAgICBhcmVhOiB0cnVlLAogICAgICAgIGF4aXNTaXRlOiB7CiAgICAgICAgICByaWdodDogWyLor4TmlZnlvpfliIYiXQogICAgICAgIH0sCiAgICAgICAgeUF4aXNOYW1lOiBbIuW+l+WIhiJdCiAgICAgIH0sCiAgICAgIGV2YWx1YXRpb25EYXRhOiB7CiAgICAgICAgY29sdW1uczogWyLmnIjku70iLCAi6K+E5pWZ5b6X5YiGIl0sCiAgICAgICAgcm93czogW3sKICAgICAgICAgIOaciOS7vTogIjHmnIgiLAogICAgICAgICAg6K+E5pWZ5b6X5YiGOiA4NQogICAgICAgIH0sIHsKICAgICAgICAgIOaciOS7vTogIjLmnIgiLAogICAgICAgICAg6K+E5pWZ5b6X5YiGOiA5MwogICAgICAgIH0sIHsKICAgICAgICAgIOaciOS7vTogIjPmnIgiLAogICAgICAgICAg6K+E5pWZ5b6X5YiGOiA5MAogICAgICAgIH0sIHsKICAgICAgICAgIOaciOS7vTogIjTmnIgiLAogICAgICAgICAg6K+E5pWZ5b6X5YiGOiA3NAogICAgICAgIH0sIHsKICAgICAgICAgIOaciOS7vTogIjXmnIgiLAogICAgICAgICAg6K+E5pWZ5b6X5YiGOiA5NQogICAgICAgIH0sIHsKICAgICAgICAgIOaciOS7vTogIjbmnIgiLAogICAgICAgICAg6K+E5pWZ5b6X5YiGOiA5MgogICAgICAgIH1dCiAgICAgIH0sCiAgICAgIGNoYXJ0RXh0ZW5kOiB7CiAgICAgICAgeUF4aXM6IHsKICAgICAgICAgIG1pbjogNjAsCiAgICAgICAgICBtYXg6IDEwMCwKICAgICAgICAgIGF4aXNMYWJlbDogewogICAgICAgICAgICBjb2xvcjogIiNmZmYiLAogICAgICAgICAgICBmb250U2l6ZTogMTIKICAgICAgICAgIH0sCiAgICAgICAgICBzcGxpdExpbmU6IHsKICAgICAgICAgICAgbGluZVN0eWxlOiB7CiAgICAgICAgICAgICAgY29sb3I6ICJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMSkiCiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICB9LAogICAgICAgIHhBeGlzOiB7CiAgICAgICAgICBheGlzTGFiZWw6IHsKICAgICAgICAgICAgY29sb3I6ICIjZmZmIiwKICAgICAgICAgICAgZm9udFNpemU6IDEyCiAgICAgICAgICB9CiAgICAgICAgfSwKICAgICAgICBsZWdlbmQ6IHsKICAgICAgICAgIHRleHRTdHlsZTogewogICAgICAgICAgICBjb2xvcjogIiNmZmYiCiAgICAgICAgICB9CiAgICAgICAgfSwKICAgICAgICBzZXJpZXM6IHsKICAgICAgICAgIHNtb290aDogdHJ1ZSwKICAgICAgICAgIGxpbmVTdHlsZTogewogICAgICAgICAgICB3aWR0aDogMiwKICAgICAgICAgICAgY29sb3I6IHsKICAgICAgICAgICAgICB0eXBlOiAibGluZWFyIiwKICAgICAgICAgICAgICB4OiAwLAogICAgICAgICAgICAgIHk6IDAsCiAgICAgICAgICAgICAgeDI6IDEsCiAgICAgICAgICAgICAgeTI6IDAsCiAgICAgICAgICAgICAgY29sb3JTdG9wczogW3sKICAgICAgICAgICAgICAgIG9mZnNldDogMCwKICAgICAgICAgICAgICAgIGNvbG9yOiAiIzZBODJGQiIKICAgICAgICAgICAgICB9LCB7CiAgICAgICAgICAgICAgICBvZmZzZXQ6IDEsCiAgICAgICAgICAgICAgICBjb2xvcjogIiNGQzVDN0QiCiAgICAgICAgICAgICAgfV0sCiAgICAgICAgICAgICAgZ2xvYmFsOiBmYWxzZQogICAgICAgICAgICB9CiAgICAgICAgICB9LAogICAgICAgICAgYXJlYVN0eWxlOiB7CiAgICAgICAgICAgIGNvbG9yOiB7CiAgICAgICAgICAgICAgdHlwZTogImxpbmVhciIsCiAgICAgICAgICAgICAgeDogMCwKICAgICAgICAgICAgICB5OiAwLAogICAgICAgICAgICAgIHgyOiAwLAogICAgICAgICAgICAgIHkyOiAxLAogICAgICAgICAgICAgIGNvbG9yU3RvcHM6IFt7CiAgICAgICAgICAgICAgICBvZmZzZXQ6IDAsCiAgICAgICAgICAgICAgICBjb2xvcjogInJnYmEoMTA2LCAxMzAsIDI1MSwgMC4zKSIKICAgICAgICAgICAgICB9LCB7CiAgICAgICAgICAgICAgICBvZmZzZXQ6IDEsCiAgICAgICAgICAgICAgICBjb2xvcjogInJnYmEoMjUyLCA5MiwgMTI1LCAwLjA1KSIKICAgICAgICAgICAgICB9XSwKICAgICAgICAgICAgICBnbG9iYWw6IGZhbHNlCiAgICAgICAgICAgIH0KICAgICAgICAgIH0sCiAgICAgICAgICBhbmltYXRpb25EdXJhdGlvbjogMjAwLAogICAgICAgICAgYW5pbWF0aW9uRWFzaW5nOiAiY3ViaWNPdXQiCiAgICAgICAgfSwKICAgICAgICB0b29sdGlwOiB7CiAgICAgICAgICB0cmlnZ2VyOiAiYXhpcyIsCiAgICAgICAgICBheGlzUG9pbnRlcjogewogICAgICAgICAgICB0eXBlOiAibGluZSIsCiAgICAgICAgICAgIC8vIOm8oOagh+aCrOWBnOaXtuaYvuekuuerlue6vwogICAgICAgICAgICBsaW5lU3R5bGU6IHsKICAgICAgICAgICAgICBjb2xvcjogIiNlMWUyZTIiLAogICAgICAgICAgICAgIHR5cGU6ICJkYXNoZWQiLAogICAgICAgICAgICAgIHNoYWRvd0NvbG9yOiAicmdiYSgwLCAwLCAwLCAwLjMpIiwKICAgICAgICAgICAgICBzaGFkb3dCbHVyOiA1CiAgICAgICAgICAgIH0KICAgICAgICAgIH0sCiAgICAgICAgICB0ZXh0U3R5bGU6IHsKICAgICAgICAgICAgY29sb3I6ICIjZmZmIiwKICAgICAgICAgICAgZm9udFNpemU6IDEyCiAgICAgICAgICB9CiAgICAgICAgfQogICAgICB9CiAgICB9OwogIH0sCiAgbWV0aG9kczogewogICAgZ29Ub0RldGFpbDogZnVuY3Rpb24gZ29Ub0RldGFpbCgpIHsKICAgICAgdGhpcy4kcm91dGVyLnB1c2goIi9lZHVjYXRpb24tZGV0YWlsIik7CiAgICB9CiAgfQp9Ow=="},{"version":3,"names":["name","data","selectedYear","years","passRate","graduationRate","chartSettings","area","axisSite","right","yAxisName","evaluationData","columns","rows","月份","评教得分","chartExtend","yAxis","min","max","axisLabel","color","fontSize","splitLine","lineStyle","xAxis","legend","textStyle","series","smooth","width","type","x","y","x2","y2","colorStops","offset","global","areaStyle","animationDuration","animationEasing","tooltip","trigger","axisPointer","shadowColor","shadowBlur","methods","goToDetail","$router","push"],"sources":["src/components/overview/EducationOverview.vue"],"sourcesContent":["<template>\r\n  <div class=\"education-overview\">\r\n    <div class=\"header\">\r\n      <h3>教务概况</h3>\r\n      <el-button type=\"text\" @click=\"goToDetail\">查看更多</el-button>\r\n    </div>\r\n\r\n    <div class=\"charts\">\r\n      <ve-line\r\n        :data=\"evaluationData\"\r\n        :settings=\"chartSettings\"\r\n        :extend=\"chartExtend\"\r\n        height=\"200px\"\r\n      />\r\n      <div class=\"info-cards\">\r\n        <div class=\"info-card\">\r\n          <div class=\"label\">课程通过率</div>\r\n          <div class=\"value pass-rate\">{{ passRate }}%</div>\r\n        </div>\r\n        <div class=\"info-card\">\r\n          <div class=\"label\">毕业率</div>\r\n          <div class=\"value graduation-rate\">{{ graduationRate }}%</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"footer\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"EducationOverview\",\r\n  data() {\r\n    return {\r\n      selectedYear: \"2024\",\r\n      years: [\"2024\", \"2023\", \"2022\", \"2021\"],\r\n      passRate: 95.6,\r\n      graduationRate: 98.2,\r\n      chartSettings: {\r\n        area: true,\r\n        axisSite: { right: [\"评教得分\"] },\r\n        yAxisName: [\"得分\"],\r\n      },\r\n      evaluationData: {\r\n        columns: [\"月份\", \"评教得分\"],\r\n        rows: [\r\n          { 月份: \"1月\", 评教得分: 85 },\r\n          { 月份: \"2月\", 评教得分: 93 },\r\n          { 月份: \"3月\", 评教得分: 90 },\r\n          { 月份: \"4月\", 评教得分: 74 },\r\n          { 月份: \"5月\", 评教得分: 95 },\r\n          { 月份: \"6月\", 评教得分: 92 },\r\n        ],\r\n      },\r\n      chartExtend: {\r\n        yAxis: {\r\n          min: 60,\r\n          max: 100,\r\n          axisLabel: {\r\n            color: \"#fff\",\r\n            fontSize: 12,\r\n          },\r\n          splitLine: {\r\n            lineStyle: {\r\n              color: \"rgba(255, 255, 255, 0.1)\",\r\n            },\r\n          },\r\n        },\r\n        xAxis: {\r\n          axisLabel: {\r\n            color: \"#fff\",\r\n            fontSize: 12,\r\n          },\r\n        },\r\n        legend: {\r\n          textStyle: {\r\n            color: \"#fff\",\r\n          },\r\n        },\r\n        series: {\r\n          smooth: true,\r\n          lineStyle: {\r\n            width: 2,\r\n            color: {\r\n              type: \"linear\",\r\n              x: 0,\r\n              y: 0,\r\n              x2: 1,\r\n              y2: 0,\r\n              colorStops: [\r\n                {\r\n                  offset: 0,\r\n                  color: \"#6A82FB\",\r\n                },\r\n                {\r\n                  offset: 1,\r\n                  color: \"#FC5C7D\",\r\n                },\r\n              ],\r\n              global: false,\r\n            },\r\n          },\r\n          areaStyle: {\r\n            color: {\r\n              type: \"linear\",\r\n              x: 0,\r\n              y: 0,\r\n              x2: 0,\r\n              y2: 1,\r\n              colorStops: [\r\n                {\r\n                  offset: 0,\r\n                  color: \"rgba(106, 130, 251, 0.3)\",\r\n                },\r\n                {\r\n                  offset: 1,\r\n                  color: \"rgba(252, 92, 125, 0.05)\",\r\n                },\r\n              ],\r\n              global: false,\r\n            },\r\n          },\r\n          animationDuration: 200,\r\n          animationEasing: \"cubicOut\",\r\n        },\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n          axisPointer: {\r\n            type: \"line\", // 鼠标悬停时显示竖线\r\n            lineStyle: {\r\n              color: \"#e1e2e2\",\r\n              type: \"dashed\",\r\n              shadowColor: \"rgba(0, 0, 0, 0.3)\",\r\n              shadowBlur: 5,\r\n            },\r\n          },\r\n          textStyle: {\r\n            color: \"#fff\",\r\n            fontSize: 12,\r\n          },\r\n        },\r\n      },\r\n    };\r\n  },\r\n  methods: {\r\n    goToDetail() {\r\n      this.$router.push(\"/education-detail\");\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.education-overview {\r\n  height: 100%;\r\n  color: #fff;\r\n  padding: 10px;\r\n  .header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 15px;\r\n\r\n    h3 {\r\n      margin: 0;\r\n      font-size: 18px;\r\n      font-weight: bold;\r\n      color: #fff;\r\n    }\r\n  }\r\n\r\n  .charts {\r\n    height: calc(100% - 80px);\r\n\r\n    .info-cards {\r\n      display: flex;\r\n      justify-content: space-around;\r\n      margin-top: -40px;\r\n\r\n      .info-card {\r\n        text-align: center;\r\n\r\n        .label {\r\n          font-size: 12px;\r\n          color: rgba(255, 255, 255, 0.8);\r\n        }\r\n\r\n        .value {\r\n          font-size: 20px;\r\n          font-weight: bold;\r\n          background: linear-gradient(135deg, #6a82fb, #fc5c7d);\r\n          -webkit-background-clip: text;\r\n          -webkit-text-fill-color: transparent;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .footer {\r\n    text-align: right;\r\n    margin-top: 15px;\r\n\r\n    .el-button {\r\n      color: #6a82fb;\r\n      font-size: 12px;\r\n      font-weight: bold;\r\n    }\r\n  }\r\n}\r\n</style>"],"mappings":";AA+BA;EACAA,IAAA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,YAAA;MACAC,KAAA;MACAC,QAAA;MACAC,cAAA;MACAC,aAAA;QACAC,IAAA;QACAC,QAAA;UAAAC,KAAA;QAAA;QACAC,SAAA;MACA;MACAC,cAAA;QACAC,OAAA;QACAC,IAAA,GACA;UAAAC,EAAA;UAAAC,IAAA;QAAA,GACA;UAAAD,EAAA;UAAAC,IAAA;QAAA,GACA;UAAAD,EAAA;UAAAC,IAAA;QAAA,GACA;UAAAD,EAAA;UAAAC,IAAA;QAAA,GACA;UAAAD,EAAA;UAAAC,IAAA;QAAA,GACA;UAAAD,EAAA;UAAAC,IAAA;QAAA;MAEA;MACAC,WAAA;QACAC,KAAA;UACAC,GAAA;UACAC,GAAA;UACAC,SAAA;YACAC,KAAA;YACAC,QAAA;UACA;UACAC,SAAA;YACAC,SAAA;cACAH,KAAA;YACA;UACA;QACA;QACAI,KAAA;UACAL,SAAA;YACAC,KAAA;YACAC,QAAA;UACA;QACA;QACAI,MAAA;UACAC,SAAA;YACAN,KAAA;UACA;QACA;QACAO,MAAA;UACAC,MAAA;UACAL,SAAA;YACAM,KAAA;YACAT,KAAA;cACAU,IAAA;cACAC,CAAA;cACAC,CAAA;cACAC,EAAA;cACAC,EAAA;cACAC,UAAA,GACA;gBACAC,MAAA;gBACAhB,KAAA;cACA,GACA;gBACAgB,MAAA;gBACAhB,KAAA;cACA,EACA;cACAiB,MAAA;YACA;UACA;UACAC,SAAA;YACAlB,KAAA;cACAU,IAAA;cACAC,CAAA;cACAC,CAAA;cACAC,EAAA;cACAC,EAAA;cACAC,UAAA,GACA;gBACAC,MAAA;gBACAhB,KAAA;cACA,GACA;gBACAgB,MAAA;gBACAhB,KAAA;cACA,EACA;cACAiB,MAAA;YACA;UACA;UACAE,iBAAA;UACAC,eAAA;QACA;QACAC,OAAA;UACAC,OAAA;UACAC,WAAA;YACAb,IAAA;YAAA;YACAP,SAAA;cACAH,KAAA;cACAU,IAAA;cACAc,WAAA;cACAC,UAAA;YACA;UACA;UACAnB,SAAA;YACAN,KAAA;YACAC,QAAA;UACA;QACA;MACA;IACA;EACA;EACAyB,OAAA;IACAC,UAAA,WAAAA,WAAA;MACA,KAAAC,OAAA,CAAAC,IAAA;IACA;EACA;AACA","ignoreList":[]}]}