| 1 |
- {"version":3,"file":"js/6393.df89f923.js","mappings":"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","sources":["webpack://app/./src/views/map/gulou.vue?6c64","webpack://app/./src/assets/map/gulou_data.js","webpack://app/src/views/map/gulou.vue","webpack://app/./src/views/map/gulou.vue?84d4","webpack://app/./src/views/map/gulou.vue"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"map-box\"},[_vm._m(0),_c('img',{staticStyle:{\"width\":\"30rem\",\"margin\":\"0 auto\"},attrs:{\"src\":require('@/assets/gulou_v0.jpg')}}),_vm._l((_vm.points),function(p,index){return _c('div',{key:index,staticClass:\"hotArea\",style:({ top: p._top + 'rem', left: p._left + 'rem' })},[_c('div',{staticClass:\"clickSpace\",on:{\"click\":function($event){return _vm.handleClick(p)}}},[_c('el-popover',{attrs:{\"placement\":\"top-start\",\"title\":p.name,\"width\":\"200\",\"trigger\":\"hover\"}},[_vm._v(\" 成果数量 \"),_c('p',[_vm._v(_vm._s(p.val))]),_c('div',{staticClass:\"num-info\",class:_vm.getLevelClass(p.val),attrs:{\"slot\":\"reference\"},slot:\"reference\"},[_c('i',{staticClass:\"el-icon-s-finance\"}),_vm._v(\" \"+_vm._s(p.name)+\": \"+_vm._s(p.val)+\" \")])])],1)])})],2)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"legend\"},[_c('div',{staticClass:\"legend_label\"},[_c('div',{staticClass:\"color\",staticStyle:{\"background-color\":\"green\"}}),_c('div',{staticClass:\"legend_range\"},[_c('span',[_vm._v(\"0\")]),_vm._v(\"-\"),_c('span',[_vm._v(\"25\")])])]),_c('div',{staticClass:\"legend_label\"},[_c('div',{staticClass:\"color\",staticStyle:{\"background-color\":\"yellow\"}}),_c('div',{staticClass:\"legend_range\"},[_c('span',[_vm._v(\"25\")]),_vm._v(\"-\"),_c('span',[_vm._v(\"50\")])])]),_c('div',{staticClass:\"legend_label\"},[_c('div',{staticClass:\"color\",staticStyle:{\"background-color\":\"red\"}}),_c('div',{staticClass:\"legend_range\"},[_c('span',[_vm._v(\"50\")]),_vm._v(\"-\")])])])\n}]\n\nexport { render, staticRenderFns }","export const pointList = [\r\n {\r\n name: \"医学院\",\r\n id: 1,\r\n val: 22,\r\n _left: 15,\r\n _top: 8,\r\n _height: 0.9\r\n },\r\n {\r\n name: \"软件学院\",\r\n id: 3,\r\n val: 8,\r\n _left: 19,\r\n _top: 9.5,\r\n _height: 0.5,\r\n }, {\r\n name: \"物理\",\r\n id: 4,\r\n val: 67,\r\n _left: 22,\r\n _top: 24,\r\n _height: 1.5,\r\n },\r\n {\r\n name: \"数学\",\r\n id: 5,\r\n val: 29,\r\n _left: 22.7,\r\n _top: 15,\r\n _height: 2,\r\n }, {\r\n name: \"中美文化研究中心\",\r\n id: 6,\r\n val: 90,\r\n _left: 8,\r\n _top: 7,\r\n _height: 1.5,\r\n }\r\n]\r\n","<template>\r\n <div>\r\n <div class=\"map-box\">\r\n <div class=\"legend\">\r\n <div class=\"legend_label\">\r\n <div class=\"color\" style=\"background-color: green;\"></div>\r\n <div class=\"legend_range\"><span>0</span>-<span>25</span></div>\r\n </div>\r\n <div class=\"legend_label\">\r\n <div class=\"color\" style=\"background-color: yellow;\"></div>\r\n <div class=\"legend_range\"><span>25</span>-<span>50</span></div>\r\n </div>\r\n <div class=\"legend_label\">\r\n <div class=\"color\" style=\"background-color: red;\"></div>\r\n <div class=\"legend_range\"><span>50</span>-</div>\r\n </div>\r\n </div>\r\n <img\r\n :src=\"require('@/assets/gulou_v0.jpg')\"\r\n style=\"width: 30rem; margin: 0 auto\"\r\n />\r\n <div class=\"hotArea\" v-for=\"(p, index) in points\" :key=\"index\"\r\n :style=\"{ top: p._top + 'rem', left: p._left + 'rem' }\">\r\n <div @click=\"handleClick(p)\" class=\"clickSpace\">\r\n <el-popover\r\n placement=\"top-start\"\r\n :title=\"p.name\"\r\n width=\"200\"\r\n trigger=\"hover\"\r\n >\r\n 成果数量\r\n <p>{{ p.val }}</p>\r\n <div slot=\"reference\" class=\"num-info\" :class=\"getLevelClass(p.val)\">\r\n <i class=\"el-icon-s-finance\"></i>\r\n {{ p.name }}: {{ p.val }}\r\n </div>\r\n<!-- <el-button ></el-button>-->\r\n </el-popover>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport {pointList} from \"@/assets/map/gulou_data\";\r\nimport { Popover } from \"element-ui\";\r\nexport default {\r\n name: \"gulouMap\",\r\n components: {\r\n 'el-popover': Popover\r\n },\r\n data() {\r\n return {\r\n points: pointList\r\n };\r\n },\r\n created() {\r\n },\r\n methods: {\r\n handleClick(college) {\r\n console.log(college)\r\n this.$router.push(\"/department/1\");\r\n },\r\n getLevelClass(value) {\r\n if (value >= 0 && value < 25) {\r\n return 'level1';\r\n } else if (value >= 25 && value < 50) {\r\n return 'level2';\r\n } else if (value >=50) {\r\n return 'level3';\r\n }\r\n }\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.map-box {\r\n position: relative;\r\n margin: 0 auto;\r\n display: flex;\r\n /*background-color: red;*/\r\n /* background-image: url(\"https://s1.ax1x.com/2023/05/17/p9WGbKs.jpg\");\r\n background-repeat: no-repeat;\r\n background-size: 100% auto; */\r\n /* border: 0.1rem solid black; */\r\n /* height: 80rem; */\r\n overflow: visible;\r\n /* height: fit-content; */\r\n width: 35rem;\r\n background-color: #fff;\r\n /*width: auto;*/\r\n}\r\n\r\n.hotArea {\r\n position: absolute;\r\n}\r\n\r\n.num-info {\r\n /*position: absolute;*/\r\n /*left: 1.4rem;*/\r\n font-size: 0.6rem;\r\n display: flex;\r\n align-items: center;\r\n /*color: red;*/\r\n background-color: rgba(256, 256, 256, 0.9);\r\n border-radius: 1rem;\r\n height: auto;\r\n padding: 0 10px;\r\n /*min-width: 2em;*/\r\n /*justify-content: space-between;*/\r\n border: solid #59217a 2px;\r\n}\r\n\r\n/*.num-info::before {*/\r\n/* content: \"\";*/\r\n/* width: 0.5rem;*/\r\n/* height: 0.5rem;*/\r\n/* margin-right: 0.1rem;*/\r\n/* border-radius: 50%;*/\r\n/*}*/\r\n.clickSpace:hover{\r\n cursor: pointer;\r\n}\r\n.level1 i {\r\n color: green;\r\n}\r\n.level2 i {\r\n color: yellow;\r\n}\r\n.level3 i {\r\n color: red;\r\n}\r\n\r\n.legend {\r\n width: 5rem;\r\n margin-top: 1rem;\r\n}\r\n\r\n.legend_label {\r\n display: flex;\r\n margin-left: 10px;\r\n align-items: center;\r\n}\r\n\r\n.color {\r\n width: 20px;\r\n height: 10px;\r\n margin-right: 5px;\r\n}\r\n.legend_range{\r\n margin-right: 10px;\r\n width: 5em;\r\n}\r\n.legend_range span{\r\n display: inline-block;\r\n width: 2em;\r\n text-align: center;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./gulou.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./gulou.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./gulou.vue?vue&type=template&id=bd4930c2&scoped=true&\"\nimport script from \"./gulou.vue?vue&type=script&lang=js&\"\nexport * from \"./gulou.vue?vue&type=script&lang=js&\"\nimport style0 from \"./gulou.vue?vue&type=style&index=0&id=bd4930c2&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"bd4930c2\",\n null\n \n)\n\nexport default component.exports"],"names":["render","_vm","this","_c","_self","staticClass","_m","staticStyle","attrs","_l","p","index","key","style","top","_top","left","_left","on","$event","handleClick","name","_v","_s","val","class","getLevelClass","slot","staticRenderFns","pointList","id","_height","components","Popover","data","points","created","methods","college","console","log","$router","push","value","component"],"sourceRoot":""}
|
