1 line
8.6 KiB
JSON
1 line
8.6 KiB
JSON
{"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\\views\\centerLeft1.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\guoan\\ts-bigscreen-vue\\src\\views\\centerLeft1.vue","mtime":1740972282894},{"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:aW1wb3J0IF9vYmplY3RTcHJlYWQgZnJvbSAiRDovZ3VvYW4vdHMtYmlnc2NyZWVuLXZ1ZS9ub2RlX21vZHVsZXMvQGJhYmVsL3J1bnRpbWUvaGVscGVycy9lc20vb2JqZWN0U3ByZWFkMi5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLml0ZXJhdG9yLmNvbnN0cnVjdG9yLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuaXRlcmF0b3IuZm9yLWVhY2guanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5vYmplY3QudG8tc3RyaW5nLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvd2ViLmRvbS1jb2xsZWN0aW9ucy5mb3ItZWFjaC5qcyI7CmltcG9ydCBDZW50ZXJMZWZ0MUNoYXJ0IGZyb20gIkAvY29tcG9uZW50cy9lY2hhcnQvY2VudGVyTGVmdC9jZW50ZXJMZWZ0MUNoYXJ0IjsKZXhwb3J0IGRlZmF1bHQgewogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBudW1iZXJEYXRhOiBbewogICAgICAgIG51bWJlcjogewogICAgICAgICAgbnVtYmVyOiBbMTVdLAogICAgICAgICAgdG9GaXhlZDogMSwKICAgICAgICAgIHRleHRBbGlnbjogImxlZnQiLAogICAgICAgICAgY29udGVudDogIntudH0iLAogICAgICAgICAgc3R5bGU6IHsKICAgICAgICAgICAgZm9udFNpemU6IDI0CiAgICAgICAgICB9CiAgICAgICAgfSwKICAgICAgICB0ZXh0OiAi5pWZ5Yqh5qaC5Ya1IgogICAgICB9LCB7CiAgICAgICAgbnVtYmVyOiB7CiAgICAgICAgICBudW1iZXI6IFsxMTQ0XSwKICAgICAgICAgIHRvRml4ZWQ6IDEsCiAgICAgICAgICB0ZXh0QWxpZ246ICJsZWZ0IiwKICAgICAgICAgIGNvbnRlbnQ6ICJ7bnR9IiwKICAgICAgICAgIHN0eWxlOiB7CiAgICAgICAgICAgIGZvbnRTaXplOiAyNAogICAgICAgICAgfQogICAgICAgIH0sCiAgICAgICAgdGV4dDogIuenkeeglOamguWGtSIKICAgICAgfSwgewogICAgICAgIG51bWJlcjogewogICAgICAgICAgbnVtYmVyOiBbMzYxXSwKICAgICAgICAgIHRvRml4ZWQ6IDEsCiAgICAgICAgICB0ZXh0QWxpZ246ICJsZWZ0IiwKICAgICAgICAgIGNvbnRlbnQ6ICJ7bnR9IiwKICAgICAgICAgIHN0eWxlOiB7CiAgICAgICAgICAgIGZvbnRTaXplOiAyNAogICAgICAgICAgfQogICAgICAgIH0sCiAgICAgICAgdGV4dDogIuWtpueUn+amguWGtSIKICAgICAgfSwgewogICAgICAgIG51bWJlcjogewogICAgICAgICAgbnVtYmVyOiBbMTU3XSwKICAgICAgICAgIHRvRml4ZWQ6IDEsCiAgICAgICAgICB0ZXh0QWxpZ246ICJsZWZ0IiwKICAgICAgICAgIGNvbnRlbnQ6ICJ7bnR9IiwKICAgICAgICAgIHN0eWxlOiB7CiAgICAgICAgICAgIGZvbnRTaXplOiAyNAogICAgICAgICAgfQogICAgICAgIH0sCiAgICAgICAgdGV4dDogIuaVmeiBjOW3peamguWGtSIKICAgICAgfV0KICAgIH07CiAgfSwKICBjb21wb25lbnRzOiB7CiAgICBDZW50ZXJMZWZ0MUNoYXJ0OiBDZW50ZXJMZWZ0MUNoYXJ0CiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbiBtb3VudGVkKCkgewogICAgdGhpcy5jaGFuZ2VUaW1pbmcoKTsKICB9LAogIG1ldGhvZHM6IHsKICAgIGNoYW5nZVRpbWluZzogZnVuY3Rpb24gY2hhbmdlVGltaW5nKCkgewogICAgICB2YXIgX3RoaXMgPSB0aGlzOwogICAgICBzZXRJbnRlcnZhbChmdW5jdGlvbiAoKSB7CiAgICAgICAgX3RoaXMuY2hhbmdlTnVtYmVyKCk7CiAgICAgIH0sIDMwMDApOwogICAgfSwKICAgIGNoYW5nZU51bWJlcjogZnVuY3Rpb24gY2hhbmdlTnVtYmVyKCkgewogICAgICB0aGlzLm51bWJlckRhdGEuZm9yRWFjaChmdW5jdGlvbiAoaXRlbSwgaW5kZXgpIHsKICAgICAgICBpdGVtLm51bWJlci5udW1iZXJbMF0gKz0gKytpbmRleDsKICAgICAgICBpdGVtLm51bWJlciA9IF9vYmplY3RTcHJlYWQoe30sIGl0ZW0ubnVtYmVyKTsKICAgICAgfSk7CiAgICB9CiAgfQp9Ow=="},{"version":3,"names":["CenterLeft1Chart","data","numberData","number","toFixed","textAlign","content","style","fontSize","text","components","mounted","changeTiming","methods","_this","setInterval","changeNumber","forEach","item","index","_objectSpread"],"sources":["src/views/centerLeft1.vue"],"sourcesContent":["<template>\r\n <div id=\"centerLeft1\">\r\n <div class=\"bg-color-black\">\r\n <div class=\"d-flex pt-2 pl-2\">\r\n <span>\r\n <icon name=\"chart-bar\" class=\"text-icon\"></icon>\r\n </span>\r\n <div class=\"d-flex\">\r\n <span class=\"fs-xl text mx-2\">教务概况</span>\r\n <!-- <dv-decoration-3 class=\"dv-dec-3\" /> -->\r\n </div>\r\n </div>\r\n <div class=\"d-flex jc-center\">\r\n <CenterLeft1Chart />\r\n </div>\r\n <!-- 4个主要的数据 -->\r\n <div class=\"bottom-data\">\r\n <div\r\n class=\"item-box mt-2\"\r\n v-for=\"(item, index) in numberData\"\r\n :key=\"index\"\r\n >\r\n <div class=\"d-flex\">\r\n <span class=\"coin\"></span>\r\n <dv-digital-flop class=\"dv-digital-flop\" :config=\"item.number\" />\r\n </div>\r\n <p class=\"text\" style=\"text-align: center\">\r\n {{ item.text }}\r\n <span class=\"colorYellow\">(件)</span>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport CenterLeft1Chart from \"@/components/echart/centerLeft/centerLeft1Chart\";\r\nexport default {\r\n data() {\r\n return {\r\n numberData: [\r\n {\r\n number: {\r\n number: [15],\r\n toFixed: 1,\r\n textAlign: \"left\",\r\n content: \"{nt}\",\r\n style: {\r\n fontSize: 24,\r\n },\r\n },\r\n text: \"教务概况\",\r\n },\r\n {\r\n number: {\r\n number: [1144],\r\n toFixed: 1,\r\n textAlign: \"left\",\r\n content: \"{nt}\",\r\n style: {\r\n fontSize: 24,\r\n },\r\n },\r\n text: \"科研概况\",\r\n },\r\n {\r\n number: {\r\n number: [361],\r\n toFixed: 1,\r\n textAlign: \"left\",\r\n content: \"{nt}\",\r\n style: {\r\n fontSize: 24,\r\n },\r\n },\r\n text: \"学生概况\",\r\n },\r\n {\r\n number: {\r\n number: [157],\r\n toFixed: 1,\r\n textAlign: \"left\",\r\n content: \"{nt}\",\r\n style: {\r\n fontSize: 24,\r\n },\r\n },\r\n text: \"教职工概况\",\r\n },\r\n ],\r\n };\r\n },\r\n components: {\r\n CenterLeft1Chart,\r\n },\r\n mounted() {\r\n this.changeTiming();\r\n },\r\n methods: {\r\n changeTiming() {\r\n setInterval(() => {\r\n this.changeNumber();\r\n }, 3000);\r\n },\r\n changeNumber() {\r\n this.numberData.forEach((item, index) => {\r\n item.number.number[0] += ++index;\r\n item.number = { ...item.number };\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n$box-width: 300px;\r\n$box-height: 410px;\r\n\r\n#centerLeft1 {\r\n padding: 16px;\r\n height: $box-height;\r\n width: $box-width;\r\n border-radius: 10px;\r\n .bg-color-black {\r\n height: $box-height - 30px;\r\n border-radius: 10px;\r\n }\r\n .text {\r\n color: #c3cbde;\r\n }\r\n .dv-dec-3 {\r\n position: relative;\r\n width: 100px;\r\n height: 20px;\r\n top: -3px;\r\n }\r\n\r\n .bottom-data {\r\n .item-box {\r\n & > div {\r\n padding-right: 5px;\r\n }\r\n font-size: 14px;\r\n float: right;\r\n position: relative;\r\n width: 50%;\r\n color: #d3d6dd;\r\n .dv-digital-flop {\r\n width: 120px;\r\n height: 30px;\r\n }\r\n // 金币\r\n .coin {\r\n position: relative;\r\n top: 6px;\r\n font-size: 20px;\r\n color: #ffc107;\r\n }\r\n .colorYellow {\r\n color: yellowgreen;\r\n }\r\n p {\r\n text-align: center;\r\n }\r\n }\r\n }\r\n}\r\n</style>\r\n"],"mappings":";;;;;AAqCA,OAAAA,gBAAA;AACA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,UAAA,GACA;QACAC,MAAA;UACAA,MAAA;UACAC,OAAA;UACAC,SAAA;UACAC,OAAA;UACAC,KAAA;YACAC,QAAA;UACA;QACA;QACAC,IAAA;MACA,GACA;QACAN,MAAA;UACAA,MAAA;UACAC,OAAA;UACAC,SAAA;UACAC,OAAA;UACAC,KAAA;YACAC,QAAA;UACA;QACA;QACAC,IAAA;MACA,GACA;QACAN,MAAA;UACAA,MAAA;UACAC,OAAA;UACAC,SAAA;UACAC,OAAA;UACAC,KAAA;YACAC,QAAA;UACA;QACA;QACAC,IAAA;MACA,GACA;QACAN,MAAA;UACAA,MAAA;UACAC,OAAA;UACAC,SAAA;UACAC,OAAA;UACAC,KAAA;YACAC,QAAA;UACA;QACA;QACAC,IAAA;MACA;IAEA;EACA;EACAC,UAAA;IACAV,gBAAA,EAAAA;EACA;EACAW,OAAA,WAAAA,QAAA;IACA,KAAAC,YAAA;EACA;EACAC,OAAA;IACAD,YAAA,WAAAA,aAAA;MAAA,IAAAE,KAAA;MACAC,WAAA;QACAD,KAAA,CAAAE,YAAA;MACA;IACA;IACAA,YAAA,WAAAA,aAAA;MACA,KAAAd,UAAA,CAAAe,OAAA,WAAAC,IAAA,EAAAC,KAAA;QACAD,IAAA,CAAAf,MAAA,CAAAA,MAAA,SAAAgB,KAAA;QACAD,IAAA,CAAAf,MAAA,GAAAiB,aAAA,KAAAF,IAAA,CAAAf,MAAA;MACA;IACA;EACA;AACA","ignoreList":[]}]} |