{"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\\StudentOverview.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\guoan\\ts-bigscreen-vue\\src\\components\\overview\\StudentOverview.vue","mtime":1740983707500},{"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":1740968077552},{"path":"D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\cli-plugin-babel\\node_modules\\babel-loader\\lib\\index.js","mtime":1740968076210},{"path":"D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\vue-loader-v15\\lib\\index.js","mtime":1740968123824}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:ZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJTdHVkZW50T3ZlcnZpZXciLAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICB0b3RhbFN0dWRlbnRzOiAyNTAwMCwKICAgICAgcGllU2V0dGluZ3M6IHsKICAgICAgICByYWRpdXM6ICI2MCUiLAogICAgICAgIG9mZnNldFk6ICI1MCUiCiAgICAgIH0sCiAgICAgIGdyYWRlRGF0YTogewogICAgICAgIGNvbHVtbnM6IFsi5bm057qnIiwgIuS6uuaVsCJdLAogICAgICAgIHJvd3M6IFt7CiAgICAgICAgICDlubTnuqc6ICLlpKfkuIAiLAogICAgICAgICAg5Lq65pWwOiA1MDAwCiAgICAgICAgfSwgewogICAgICAgICAg5bm057qnOiAi5aSn5LqMIiwKICAgICAgICAgIOS6uuaVsDogNDgwMAogICAgICAgIH0sIHsKICAgICAgICAgIOW5tOe6pzogIuWkp+S4iSIsCiAgICAgICAgICDkurrmlbA6IDQ2MDAKICAgICAgICB9LCB7CiAgICAgICAgICDlubTnuqc6ICLlpKflm5siLAogICAgICAgICAg5Lq65pWwOiA0NDAwCiAgICAgICAgfSwgewogICAgICAgICAg5bm057qnOiAi56CU56m255SfIiwKICAgICAgICAgIOS6uuaVsDogNjIwMAogICAgICAgIH1dCiAgICAgIH0sCiAgICAgIGdlbmRlckRhdGE6IHsKICAgICAgICBjb2x1bW5zOiBbIuaAp+WIqyIsICLkurrmlbAiXSwKICAgICAgICByb3dzOiBbewogICAgICAgICAg5oCn5YirOiAi55S3IiwKICAgICAgICAgIOS6uuaVsDogMTM1MDAKICAgICAgICB9LCB7CiAgICAgICAgICDmgKfliKs6ICLlpbMiLAogICAgICAgICAg5Lq65pWwOiAxMTUwMAogICAgICAgIH1dCiAgICAgIH0KICAgIH07CiAgfQp9Ow=="},{"version":3,"names":["name","data","totalStudents","pieSettings","radius","offsetY","gradeData","columns","rows","年级","人数","genderData","性别"],"sources":["src/components/overview/StudentOverview.vue"],"sourcesContent":["<template>\r\n  <div class=\"student-overview\">\r\n    <h2>学生概况</h2>\r\n    <div class=\"content\">\r\n      <div class=\"total-info\">\r\n        <div class=\"number\">{{ totalStudents }}</div>\r\n        <div class=\"label\">学生总数</div>\r\n      </div>\r\n\r\n      <div class=\"charts\">\r\n        <div class=\"chart-item\">\r\n          <ve-pie :data=\"gradeData\" :settings=\"pieSettings\" height=\"200px\" />\r\n        </div>\r\n        <div class=\"chart-item\">\r\n          <ve-pie :data=\"genderData\" :settings=\"pieSettings\" height=\"200px\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"StudentOverview\",\r\n  data() {\r\n    return {\r\n      totalStudents: 25000,\r\n      pieSettings: {\r\n        radius: \"60%\",\r\n        offsetY: \"50%\",\r\n      },\r\n      gradeData: {\r\n        columns: [\"年级\", \"人数\"],\r\n        rows: [\r\n          { 年级: \"大一\", 人数: 5000 },\r\n          { 年级: \"大二\", 人数: 4800 },\r\n          { 年级: \"大三\", 人数: 4600 },\r\n          { 年级: \"大四\", 人数: 4400 },\r\n          { 年级: \"研究生\", 人数: 6200 },\r\n        ],\r\n      },\r\n      genderData: {\r\n        columns: [\"性别\", \"人数\"],\r\n        rows: [\r\n          { 性别: \"男\", 人数: 13500 },\r\n          { 性别: \"女\", 人数: 11500 },\r\n        ],\r\n      },\r\n    };\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.student-overview {\r\n  height: 100%;\r\n  color: #fff;\r\n\r\n  h2 {\r\n    margin-bottom: 20px;\r\n    font-size: 24px;\r\n  }\r\n\r\n  .content {\r\n    height: calc(100% - 44px);\r\n\r\n    .total-info {\r\n      text-align: center;\r\n      margin-bottom: 20px;\r\n\r\n      .number {\r\n        font-size: 36px;\r\n        font-weight: bold;\r\n        color: #409eff;\r\n      }\r\n\r\n      .label {\r\n        font-size: 16px;\r\n        margin-top: 8px;\r\n      }\r\n    }\r\n\r\n    .charts {\r\n      display: flex;\r\n      height: calc(100% - 100px);\r\n\r\n      .chart-item {\r\n        flex: 1;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>"],"mappings":"AAsBA;EACAA,IAAA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,aAAA;MACAC,WAAA;QACAC,MAAA;QACAC,OAAA;MACA;MACAC,SAAA;QACAC,OAAA;QACAC,IAAA,GACA;UAAAC,EAAA;UAAAC,EAAA;QAAA,GACA;UAAAD,EAAA;UAAAC,EAAA;QAAA,GACA;UAAAD,EAAA;UAAAC,EAAA;QAAA,GACA;UAAAD,EAAA;UAAAC,EAAA;QAAA,GACA;UAAAD,EAAA;UAAAC,EAAA;QAAA;MAEA;MACAC,UAAA;QACAJ,OAAA;QACAC,IAAA,GACA;UAAAI,EAAA;UAAAF,EAAA;QAAA,GACA;UAAAE,EAAA;UAAAF,EAAA;QAAA;MAEA;IACA;EACA;AACA","ignoreList":[]}]}