{"remainingRequest":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/babel-loader/lib/index.js!/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/cache-loader/dist/cjs.js??ref--1-0!/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/src/views/user/Console.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/src/views/user/Console.vue","mtime":1742646402778},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/babel.config.js","mtime":1742646402652},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/cache-loader/dist/cjs.js","mtime":1743264595665},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/babel-loader/lib/index.js","mtime":1743264596348},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/cache-loader/dist/cjs.js","mtime":1743264595665},{"path":"/Users/shuguang/Desktop/毕设/CodeMaster/CodeMaster/node_modules/vue-loader/lib/index.js","mtime":1743264596512}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:ZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdjb25zb2xlJywKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgLy8g6I635aWW55So5oi35oC75pWwCiAgICAgIHRvdGFscmVnOiAnJywKICAgICAgLy8gIOeUqOaIt+aAu+aVsAogICAgICB0b3RhbHVzZXI6ICcnLAogICAgICAvLyAg5pWZ5biI5oC76YePCiAgICAgIHRvdGFsdGVhY2hlcjogJycsCiAgICAgIC8vIOWtpueUn+aAu+aVsAogICAgICB0b3RhbHN0dWRlbnQ6ICcnLAogICAgICAvLyDkuIDnrYnlpZbkurrmlbAKICAgICAgZmlyc3RsZXZlbDogJycsCiAgICAgIC8vIOS6jOetieWllgogICAgICBzZWNvbmRsZXZlbDogJycsCiAgICAgIC8vIOS4ieetieWllgogICAgICB0aGlyZGxldmVsOiAnJywKICAgICAgLy8g5omA5pyJ6LWE5paZCiAgICAgIHRvdGFsaW5mbzogJycsCiAgICAgIC8vIOavlOi1m+aVsOmHjwogICAgICB0b3RhbG1hdGNoOiAnJywKICAgICAgLy8g5oiQ5Yqf5oql5ZCNCiAgICAgIHRvdGFsc3VjY2VzczogJycsCiAgICAgIC8vIOW+heWuoeaguOaVsOmHjwogICAgICB0b3RhbGRheTogJycsCiAgICAgIGludGVydmFsMTogbnVsbCwKICAgICAgaW50ZXJ2YWwyOiBudWxsLAogICAgICB0b3RhbGRheXM6ICcnLAogICAgICB0b3RhbHJlY29yZDogW10sCiAgICAgIGN1cnJlbnRUaW1lOiAnJywKICAgICAgdGltZXI6ICcnLAogICAgICBvcmRlcnM6IFtdCiAgICB9OwogIH0sCiAgbW91bnRlZCgpIHsKICAgIC8vIOiOt+WPluWPgui1m+aAu+aVsAogICAgdGhpcy51c2VycygpOwogICAgLy8g5Zyo57uE5Lu25oyC6L295ZCO5byA5aeL5a6a5pe25pu05paw5pe26Ze0CiAgICB0aGlzLmluaXRBbmltYXRpb24oKTsKICB9LAogIGNvbXB1dGVkOiB7CiAgICBsZXZlbCgpIHsKICAgICAgcmV0dXJuIHRoaXMuZmlyc3RsZXZlbCArIHRoaXMuc2Vjb25kbGV2ZWwgKyB0aGlzLnRoaXJkbGV2ZWw7CiAgICB9CiAgfSwKICBtZXRob2RzOiB7CiAgICBhc3luYyB1c2VycygpIHsKICAgICAgLy8g6I635Y+W55So5oi35oC75pWwCiAgICAgIGF3YWl0IHRoaXMuJGFwaS5nZXRDb3VudCgpLnRoZW4ocmVzID0+IHsKICAgICAgICBpZiAocmVzLmNvZGUgPT0gMjAwKSB7CiAgICAgICAgICB0aGlzLnRvdGFsdXNlciA9IHJlcy5kYXRhOwogICAgICAgIH0KICAgICAgfSk7CiAgICAgIC8vIOiOt+WPluWPgui1m+aAu+S6uuaVsAogICAgICBhd2FpdCB0aGlzLiRhcGkuZ2V0Q291bnRzKCkudGhlbihyZXMgPT4gewogICAgICAgIGlmIChyZXMuY29kZSA9PSAyMDApIHsKICAgICAgICAgIHRoaXMudG90YWxyZWcgPSByZXMuZGF0YTsKICAgICAgICB9CiAgICAgIH0pOwogICAgICAvLyDojrflj5bmlZnluIjmgLvkurrmlbAKICAgICAgYXdhaXQgdGhpcy4kYXBpLmdldFRlYWNoZXJDb3VudCgpLnRoZW4ocmVzID0+IHsKICAgICAgICBpZiAocmVzLmNvZGUgPT0gMjAwKSB7CiAgICAgICAgICB0aGlzLnRvdGFsdGVhY2hlciA9IHJlcy5kYXRhOwogICAgICAgIH0KICAgICAgfSk7CiAgICAgIC8vIOiOt+WPluWtpueUn+aAu+S6uuaVsAogICAgICBhd2FpdCB0aGlzLiRhcGkuZ2V0U3R1ZGVudENvdW50KCkudGhlbihyZXMgPT4gewogICAgICAgIGlmIChyZXMuY29kZSA9PSAyMDApIHsKICAgICAgICAgIHRoaXMudG90YWxzdHVkZW50ID0gcmVzLmRhdGE7CiAgICAgICAgfQogICAgICB9KTsKICAgICAgLy8g5LiA562J5aWW5Lq65pWwCiAgICAgIGF3YWl0IHRoaXMuJGFwaS5nZXRXaW5Db3VudEJ5TGV2ZWwoewogICAgICAgIGxldmVsOiAn5LiA562J5aWWJwogICAgICB9KS50aGVuKHJlcyA9PiB7CiAgICAgICAgaWYgKHJlcy5jb2RlID09IDIwMCkgewogICAgICAgICAgdGhpcy5maXJzdGxldmVsID0gcmVzLmRhdGE7CiAgICAgICAgfQogICAgICB9KTsKICAgICAgLy8g5LqM562J5aWW5Lq65pWwCiAgICAgIGF3YWl0IHRoaXMuJGFwaS5nZXRXaW5Db3VudEJ5TGV2ZWwoewogICAgICAgIGxldmVsOiAn5LqM562J5aWWJwogICAgICB9KS50aGVuKHJlcyA9PiB7CiAgICAgICAgaWYgKHJlcy5jb2RlID09IDIwMCkgewogICAgICAgICAgdGhpcy5zZWNvbmRsZXZlbCA9IHJlcy5kYXRhOwogICAgICAgIH0KICAgICAgfSk7CiAgICAgIC8vIOS4ieetieWllgogICAgICBhd2FpdCB0aGlzLiRhcGkuZ2V0V2luQ291bnRCeUxldmVsKHsKICAgICAgICBsZXZlbDogJ+S4ieetieWllicKICAgICAgfSkudGhlbihyZXMgPT4gewogICAgICAgIGlmIChyZXMuY29kZSA9PSAyMDApIHsKICAgICAgICAgIHRoaXMudGhpcmRsZXZlbCA9IHJlcy5kYXRhOwogICAgICAgIH0KICAgICAgfSk7CiAgICAgIC8vIOiOt+WPluaJgOaciei1hOaWmQogICAgICBhd2FpdCB0aGlzLiRhcGkuQWxsaW5mb3JtYXRpb24oKS50aGVuKHJlcyA9PiB7CiAgICAgICAgaWYgKHJlcy5jb2RlID09IDIwMCkgewogICAgICAgICAgdGhpcy50b3RhbGluZm8gPSByZXMuZGF0YS5sZW5ndGg7CiAgICAgICAgfQogICAgICB9KTsKICAgICAgLy8g6I635Y+W5omA5pyJ5q+U6LWb5pWw6YePCiAgICAgIGF3YWl0IHRoaXMuJGFwaS5BbGxDb21wZXRpdGlvbigpLnRoZW4ocmVzID0+IHsKICAgICAgICBpZiAocmVzLmNvZGUgPT0gMjAwKSB7CiAgICAgICAgICB0aGlzLnRvdGFsbWF0Y2ggPSByZXMuZGF0YS5sZW5ndGg7CiAgICAgICAgfQogICAgICB9KTsKICAgICAgLy8g6I635Y+W5omA5pyJ5b6F5a6h5qC45pWw6YePCiAgICAgIGF3YWl0IHRoaXMuJGFwaS5SZWdpc3RyYXRpb25BbGwoKS50aGVuKHJlcyA9PiB7CiAgICAgICAgaWYgKHJlcy5jb2RlID09IDIwMCkgewogICAgICAgICAgdGhpcy50b3RhbHJlY29yZCA9IHJlcy5kYXRhLmZpbHRlcihpdGVtID0+IGl0ZW0ucmVnaXN0cmF0aW9uU3RhdHVzID09ICLnrYnlvoXlrabmoKHlrqHmoLgiKS5sZW5ndGg7CiAgICAgICAgfQogICAgICB9KTsKICAgICAgLy8g6I635Y+W5omA5pyJ5b6F5a6h5qC45pWw6YePCiAgICAgIGF3YWl0IHRoaXMuJGFwaS5SZWdpc3RyYXRpb25BbGwoKS50aGVuKHJlcyA9PiB7CiAgICAgICAgaWYgKHJlcy5jb2RlID09IDIwMCkgewogICAgICAgICAgdGhpcy50b3RhbHN1Y2Nlc3MgPSByZXMuZGF0YS5maWx0ZXIoaXRlbSA9PiBpdGVtLnJlZ2lzdHJhdGlvblN0YXR1cyA9PSAi5oiQ5Yqf5oql5ZCNIikubGVuZ3RoOwogICAgICAgIH0KICAgICAgfSk7CgogICAgICAvLyDojrflj5blvZPliY3ml6XmnJ/lkozml7bpl7QKICAgICAgY29uc3QgY3VycmVudERhdGUgPSBuZXcgRGF0ZSgpOwogICAgICAvLyDorqHnrpfkuIPlpKnliY3nmoTml6XmnJ8KICAgICAgY29uc3Qgc2V2ZW5EYXlzQWdvID0gbmV3IERhdGUoY3VycmVudERhdGUpOwogICAgICBzZXZlbkRheXNBZ28uc2V0RGF0ZShzZXZlbkRheXNBZ28uZ2V0RGF0ZSgpIC0gNyk7CgogICAgICAvLyDojrflj5bkuIPlpKnlhoXmiJDlip/miqXlkI3nmoTmlbDph48KICAgICAgYXdhaXQgdGhpcy4kYXBpLlJlZ2lzdHJhdGlvbkFsbCgpLnRoZW4ocmVzID0+IHsKICAgICAgICBpZiAocmVzLmNvZGUgPT0gMjAwKSB7CiAgICAgICAgICB0aGlzLnRvdGFsZGF5ID0gcmVzLmRhdGEuZmlsdGVyKGl0ZW0gPT4gewogICAgICAgICAgICAvLyDop6PmnpDmiqXlkI3ml7bpl7TlrZfnrKbkuLLkuLrml6XmnJ/lr7nosaEKICAgICAgICAgICAgY29uc3QgcmVnaXN0cmF0aW9uVGltZSA9IG5ldyBEYXRlKGl0ZW0ucmVnaXN0cmF0aW9uVGltZSk7CiAgICAgICAgICAgIC8vIOajgOafpeaKpeWQjeaXtumXtOaYr+WQpuWcqOS4g+WkqeWGhQogICAgICAgICAgICByZXR1cm4gcmVnaXN0cmF0aW9uVGltZSA+PSBzZXZlbkRheXNBZ28gJiYgcmVnaXN0cmF0aW9uVGltZSA8PSBjdXJyZW50RGF0ZTsKICAgICAgICAgIH0pLmxlbmd0aDsKICAgICAgICB9CiAgICAgIH0pOwogICAgICAvLyDojrflj5bkuIPlpKnlhoXmr5TotZvnmoTmlbDph48KICAgICAgYXdhaXQgdGhpcy4kYXBpLkFsbENvbXBldGl0aW9uKCkudGhlbihyZXMgPT4gewogICAgICAgIGlmIChyZXMuY29kZSA9PSAyMDApIHsKICAgICAgICAgIHRoaXMudG90YWxkYXlzID0gcmVzLmRhdGEuZmlsdGVyKGl0ZW0gPT4gewogICAgICAgICAgICAvLyDop6PmnpDmiqXlkI3ml7bpl7TlrZfnrKbkuLLkuLrml6XmnJ/lr7nosaEKICAgICAgICAgICAgY29uc3QgcmVnaXN0cmF0aW9uRW5kVGltZSA9IG5ldyBEYXRlKGl0ZW0ucmVnaXN0cmF0aW9uRW5kVGltZSk7CiAgICAgICAgICAgIC8vIOajgOafpeaKpeWQjeaXtumXtOaYr+WQpuWcqOS4g+WkqeWGhQogICAgICAgICAgICByZXR1cm4gcmVnaXN0cmF0aW9uRW5kVGltZSA+PSBzZXZlbkRheXNBZ28gJiYgcmVnaXN0cmF0aW9uRW5kVGltZSA8PSBjdXJyZW50RGF0ZTsKICAgICAgICAgIH0pLmxlbmd0aDsKICAgICAgICB9CiAgICAgIH0pOwogICAgICAvLyDojrflj5bmiYDmnInlvoXlrqHmoLjmlbDph48KICAgICAgYXdhaXQgdGhpcy4kYXBpLlJlZ2lzdHJhdGlvbkFsbCgpLnRoZW4ocmVzID0+IHsKICAgICAgICBpZiAocmVzLmNvZGUgPT0gMjAwKSB7CiAgICAgICAgICB0aGlzLnRvdGFsc3VjY2VzcyA9IHJlcy5kYXRhLmZpbHRlcihpdGVtID0+IGl0ZW0ucmVnaXN0cmF0aW9uU3RhdHVzID09ICLmiJDlip/miqXlkI0iKS5sZW5ndGg7CiAgICAgICAgfQogICAgICB9KTsKICAgIH0sCiAgICBpbml0QW5pbWF0aW9uKCkgewogICAgICBjb25zdCB3cmFwVWwgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCIuYWRkbmV3IHVsIik7CiAgICAgIGNvbnN0IGFkZHVzZXJVbCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoIi5hZGR1c2VyIHVsIik7CiAgICAgIGNvbnN0IGh0bWwxID0gd3JhcFVsLmlubmVySFRNTDsKICAgICAgY29uc3QgaHRtbDIgPSBhZGR1c2VyVWwuaW5uZXJIVE1MOwogICAgICB3cmFwVWwuaW5uZXJIVE1MICs9IGh0bWwxOwogICAgICBhZGR1c2VyVWwuaW5uZXJIVE1MICs9IGh0bWwyOwogICAgICBjb25zdCBsczEgPSB3cmFwVWwucXVlcnlTZWxlY3RvckFsbCgibGkiKS5sZW5ndGggLyAyICsgMTsKICAgICAgY29uc3QgbHMyID0gYWRkdXNlclVsLnF1ZXJ5U2VsZWN0b3JBbGwoImxpIikubGVuZ3RoIC8gMiArIDE7CiAgICAgIGxldCBpID0gMDsKICAgICAgdGhpcy5pbnRlcnZhbDEgPSBzZXRJbnRlcnZhbCgoKSA9PiB7CiAgICAgICAgaSsrOwogICAgICAgIGlmIChpID09PSBsczEpIHsKICAgICAgICAgIGkgPSAxOwogICAgICAgICAgd3JhcFVsLnN0eWxlLm1hcmdpblRvcCA9ICIwIjsKICAgICAgICB9CiAgICAgICAgd3JhcFVsLnN0eWxlLm1hcmdpblRvcCA9IC0wLjUyICogaSArICJyZW0iOwogICAgICB9LCAyNDAwKTsKICAgICAgbGV0IGEgPSAwOwogICAgICB0aGlzLmludGVydmFsMiA9IHNldEludGVydmFsKCgpID0+IHsKICAgICAgICBhKys7CiAgICAgICAgaWYgKGEgPT09IGxzMikgewogICAgICAgICAgYSA9IDE7CiAgICAgICAgICBhZGR1c2VyVWwuc3R5bGUubWFyZ2luVG9wID0gIjAiOwogICAgICAgIH0KICAgICAgICBhZGR1c2VyVWwuc3R5bGUubWFyZ2luVG9wID0gLTAuNCAqIGEgKyAicmVtIjsKICAgICAgfSwgNDMwMCk7CiAgICB9LAogICAgLy8g5pu05paw5pe26Ze055qE5pa55rOVCiAgICAvLyDmoLzlvI/ljJbml6XmnJ/ml7bpl7TnmoTmlrnms5UKICAgIGZvcm1hdERhdGVUaW1lKGRhdGVUaW1lKSB7CiAgICAgIGNvbnN0IGRhdGVPYmogPSBuZXcgRGF0ZShkYXRlVGltZSk7CiAgICAgIGNvbnN0IHllYXIgPSBkYXRlT2JqLmdldEZ1bGxZZWFyKCk7CiAgICAgIGNvbnN0IG1vbnRoID0gU3RyaW5nKGRhdGVPYmouZ2V0TW9udGgoKSArIDEpLnBhZFN0YXJ0KDIsICcwJyk7CiAgICAgIGNvbnN0IGRheSA9IFN0cmluZyhkYXRlT2JqLmdldERhdGUoKSkucGFkU3RhcnQoMiwgJzAnKTsKICAgICAgY29uc3QgaG91cnMgPSBTdHJpbmcoZGF0ZU9iai5nZXRIb3VycygpKS5wYWRTdGFydCgyLCAnMCcpOwogICAgICBjb25zdCBtaW51dGVzID0gU3RyaW5nKGRhdGVPYmouZ2V0TWludXRlcygpKS5wYWRTdGFydCgyLCAnMCcpOwogICAgICBjb25zdCBzZWNvbmRzID0gU3RyaW5nKGRhdGVPYmouZ2V0U2Vjb25kcygpKS5wYWRTdGFydCgyLCAnMCcpOwogICAgICByZXR1cm4gYCR7eWVhcn0tJHttb250aH0tJHtkYXl9YDsKICAgIH0sCiAgICAvLyDojrflj5blj4LotZvkurrlkZjkv6Hmga8KICAgIGFzeW5jIGdldG9yZGVyKCkgewogICAgICAvLyDojrflj5bmiYDmnInkv6Hmga8KICAgICAgYXdhaXQgdGhpcy4kYXBpLlJlZ2lzdHJhdGlvbkFsbCgpLnRoZW4ocmVzID0+IHsKICAgICAgICBpZiAocmVzLmNvZGUgPT0gMjAwKSB7CiAgICAgICAgICB0aGlzLm9yZGVycyA9IHJlcy5kYXRhLnNsaWNlKDAsIDE1KTsKICAgICAgICB9CiAgICAgIH0pOwogICAgfSwKICAgIC8vIOiOt+WPluaUr+S7mOexu+Wei+eahOagh+etvgogICAgZ2V0TGFiZWwodHlwZSkgewogICAgICBpZiAodHlwZSA9PSAn5Zu95a6257qnJykgewogICAgICAgIHJldHVybiAnPGIgc3R5bGU9ImNvbG9yOiAjN2M3Y2ZmOyI+5Zu95a6257qnPC9iPic7CiAgICAgIH0gZWxzZSBpZiAodHlwZSA9PSAn55yB57qnJykgewogICAgICAgIHJldHVybiAnPGIgc3R5bGU9ImNvbG9yOiBncmVlbjsiPuecgee6pzwvYj4nOwogICAgICB9IGVsc2UgaWYgKHR5cGUgPT0gJ+W4gue6pycpIHsKICAgICAgICByZXR1cm4gJzxiIHN0eWxlPSJjb2xvcjogIzM5OUJGMzsiPuW4gue6pzwvYj4nOwogICAgICB9IGVsc2UgewogICAgICAgIHJldHVybiAnPGIgc3R5bGU9ImNvbG9yOiB3aGl0ZTsiPuagoee6pzwvYj4nOwogICAgICB9CiAgICB9CiAgfSwKICBjcmVhdGVkKCkgewogICAgLy8g5Zyo57uE5Lu25Yib5bu65pe25ZCv5Yqo5a6a5pe25ZmoCiAgICB0aGlzLmdldE9yZGVySW50ZXJ2YWwgPSBzZXRJbnRlcnZhbChmdW5jdGlvbiAoKSB7CiAgICAgIHRoaXMuZ2V0b3JkZXIoKTsKICAgICAgdGhpcy51c2VycygpOwogICAgfSwgNTAwMCk7CiAgICAvLyDpppbmrKHliqDovb3mlbDmja4KICAgIHRoaXMudXNlcnMoKTsKICAgIHRoaXMuZ2V0b3JkZXIoKTsKICB9LAogIGJlZm9yZURlc3Ryb3koKSB7CiAgICAvLyDlnKjnu4Tku7bplIDmr4HliY3muIXpmaTlrprml7blmajvvIzpmLLmraLlhoXlrZjms4TmvI8KICAgIGNsZWFySW50ZXJ2YWwodGhpcy5nZXRPcmRlckludGVydmFsKTsKICB9Cn07"},{"version":3,"names":["name","data","totalreg","totaluser","totalteacher","totalstudent","firstlevel","secondlevel","thirdlevel","totalinfo","totalmatch","totalsuccess","totalday","interval1","interval2","totaldays","totalrecord","currentTime","timer","orders","mounted","users","initAnimation","computed","level","methods","$api","getCount","then","res","code","getCounts","getTeacherCount","getStudentCount","getWinCountByLevel","Allinformation","length","AllCompetition","RegistrationAll","filter","item","registrationStatus","currentDate","Date","sevenDaysAgo","setDate","getDate","registrationTime","registrationEndTime","wrapUl","document","querySelector","adduserUl","html1","innerHTML","html2","ls1","querySelectorAll","ls2","i","setInterval","style","marginTop","a","formatDateTime","dateTime","dateObj","year","getFullYear","month","String","getMonth","padStart","day","hours","getHours","minutes","getMinutes","seconds","getSeconds","getorder","slice","getLabel","type","created","getOrderInterval","beforeDestroy","clearInterval"],"sources":["src/views/user/Console.vue"],"sourcesContent":["<template>\n <div id=\"navigation\">\n    <div class=\"header\">\n\n    </div>\n    <div class=\"contain\">\n        <ul style=\"align-items: end;\n    display: flex;\n    justify-content: center;\">\n\n            <li>\n                <a href=\"/screen.html\" target=\"_blank\">\n                    <img src=\"../../../public/images/chanye.png\" alt=\"\" style=\"margin-top: -40px;\">\n                    <span>数据可视化</span>\n                </a>\n            </li>\n        </ul>\n    </div>\n\n</div>\n</template>\n<style>\n#console{\n  height: 100vh\n}\n</style>\n<!-- <script>\nexport default {\n  mounted() {\n    window.location.href = \"http://127.0.0.1:8080/screen.html\";\n  }\n};\n</script> -->\n<style scoped>\n\n#navigation{\n    margin: 0;\n    padding: 0;\n    background: url('../../../public/images/bgg.png');\n    background-repeat: no-repeat;\n    background-attachment:fixed;\n    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background.jpg', sizingMethod='scale');\n    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background.jpg', sizingMethod='scale');\n    background-size: cover;\n    -moz-background-size: cover;\n    -webkit-background-size: cover;\n}\nli{\n    list-style: none;\n}\n.header{\n    width: 700px;\n    margin: 0 auto;\n}\n.header p.p1{\n    width: 60px;\n    height: 60px;\n    margin: 0 auto;\n    margin-top: 110px;\n}\n.header p.p2{\n    height: 40px;\n    margin: 0 auto;\n    text-align: center;\n    line-height: 40px;\n    margin-top: 10px;\n    font-size: 20px;\n    color: #fec468;\n}\n.header p.p3{\n    height: 40px;\n    margin: 0 auto;\n    text-align: center;\n    line-height: 40px;\n    font-size: 28px;\n    color: #bddde6;\n}\n.contain{\n    width: 1210px;\n    margin: 0 auto;\n    margin-top: 80px;\n    height: 400px;\n}\n.contain ul li img{\n    display: inline-block;\n    margin-left: -45px;\n}\n.contain ul li span{\n    display: inline-block;\n    vertical-align:16px;\n    font-size: 30px;\n    color: #57daff;\n    margin-left: 20px;\n}\n.contain ul{\n    width: 100%;\n    height: 100%;\n}\n.contain ul li{\n    width: 600px;\n    height: 200px;\n    line-height: 210px;\n    float: left;\n    background-image: url('../../../public/images/kuang.png');\n    background-position: center center;\n    background-repeat: no-repeat;\n    margin-bottom: 50px;\n    background-color:transparent;\n}\n.contain ul li:hover{\n    background: url('../../../public/images/chooseKuang.png') center center no-repeat;\n\n}\n.contain ul li a{\n    display: block;\n    width: 100%;\n    height: 100%;\n    text-align: center;\n}\n.footer{\n    width: 400px;\n    position: fixed;\n    bottom: 30px;\n    left: 50%;\n    transform: translateX(-200px);\n    text-align: center;\n    color: #6d95aa;\n}\n.footer span{\n    vertical-align:top;\n}\n\n\n\n</style>\n<!-- <template>\n\t<div class=\"body\">\n    <div class=\"head\">\n        <h1>竞赛管理大数据可视化平台</h1>\n        <div class=\"weather\"><span id=\"showTime\">{{currentTime}}</span></div>\n    </div>\n    <div class=\"mainbox\">\n        <ul class=\"clearfix\">\n            <li>\n                <div class=\"boxall\" style=\"height: 4rem\">\n                    <div class=\"alltitle\">系统状态</div>\n                    <div class=\"sycm\">\n                        <ul class=\"clearfix\" style=\"display: flex;flex-direction: row;justify-content: center;\">\n                            <li>\n                                <h2 class=\"load-connect\" style=\"color: green;\">已连接</h2>\n                                <span>在线状态(Online)</span></li>\n                            <li>\n                                <h2 class=\"load-delay\">16(MS)</h2>\n                                <span>网络延迟(Network)</span></li>\n                        </ul>\n                    </div>\n                    <div class=\"sycm\">\n                        <div class=\"tit02\"><span>实时数据</span></div>\n                        <ul class=\"clearfix\" style=\"display: flex;flex-direction: row;justify-content: center;\">\n                            <li>\n                                <h2 id=\"today_amount\">{{ totalrecord }}</h2><span>待审批 </span></li>\n\n                            <li>\n                                <h2 id=\"today2_amount\">{{totalsuccess}}</h2><span> 待录入</span></li>\n                        </ul>\n                        <ul class=\"clearfix\" style=\"display: flex;flex-direction: row;justify-content: center;padding-top: 0.12rem;\">\n                            <li>\n                                <h2 id=\"yes_amount\">{{totalday}}</h2><span>7日内获奖总数 </span></li>\n                            <li>\n                                <h2 id=\"yes2_amount\">{{totaldays}}</h2><span> 7日内比赛总数</span></li>\n                        </ul>\n                    </div>\n                    <!-- <div class=\"boxfoot\"></div> -->\n                </div>\n                <div class=\"boxall\" style=\"height: 4rem\">\n                    <div class=\"alltitle\">系统状态</div>\n\n                    <div class=\"sycm\">\n                        <ul class=\"clearfix\" style=\"display: flex;flex-direction: row;justify-content: center;\">\n                            <li>\n                                <h2 id=\"today_total_money\">{{totalmatch}}</h2><span>比赛总数</span></li>\n                            <li>\n                                <h2 id=\"yesday_total_money\">{{totalinfo}}</h2><span>文件总数</span></li>\n                        </ul>\n                    </div>\n                    <div class=\"sycm\">\n                        <div class=\"tit02\"><span>平台数据</span></div>\n                        <ul class=\"clearfix\">\n                            <li>\n                                <h2 id=\"today_total_alipay\">{{totaluser}}</h2><span> 系统用户总量</span></li>\n                            <li>\n                                <h2 id=\"today_total_weixin\">{{totalteacher}}</h2><span> 系统教师总量</span></li>\n                            <li>\n                                <h2>{{totalstudent}}</h2><span> 系统学生总数</span></li>\n                        </ul>\n                        <ul class=\"clearfix\">\n                            <li>\n                                <h2>{{firstlevel}}</h2><span>一等奖人数 </span></li>\n                            <li>\n                                <h2>{{secondlevel}}</h2><span> 二等奖人数</span></li>\n                            <li>\n                                <h2>{{thirdlevel}}</h2><span> 三等奖人数</span></li>\n                        </ul>\n                    </div>\n\n                </div>\n            </li>\n            <li>\n                <div class=\"bar\">\n                    <div class=\"barbox \">\n                        <ul class=\"clearfix\">\n                            <li class=\"pulll_left counter\" id=\"total_order\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<animate-number\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfrom=\"0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t:to=\"totalreg\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t:key=\"totalreg\"\n                                 class=\"counter\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t></animate-number>\n                            </li>\n\n                            <li class=\"pulll_left counter\" id=\"total_money\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<animate-number\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfrom=\"0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t:to=\"level\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t:key=\"level\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"counter\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t></animate-number>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</li>\n                        </ul>\n                    </div>\n                    <div class=\"barbox2\">\n                        <ul class=\"clearfix\">\n                            <li class=\"pulll_left\">参赛总数</li>\n                            <li class=\"pulll_left\">获奖用户总数</li>\n                        </ul>\n                    </div>\n                </div>\n                <div class=\"map\">\n                    <div class=\"map1\"><img src=\"https://screen.epay.quest/images/lbx.png\"></div>\n                    <div class=\"map2\"><img src=\"https://screen.epay.quest/images/jt.png\"></div>\n                    <div class=\"map3\"><img src=\"https://screen.epay.quest/images/map.png\"></div>\n                    <div class=\"map4\" id=\"map_1\"></div>\n                </div>\n            </li>\n            <li>\n\t\t\t\t\t\t\t<div class=\"boxall\" style=\"height: 8.0rem\">\n    <div class=\"alltitle\">获奖监控</div>\n    <div class=\"addnew\">\n      <div class=\"tit02\"><span>最新赛事</span></div>\n      <div class=\"adduser\" style=\"height: auto; color: aliceblue;\">\n\n          <li v-for=\"item in orders\" :key=\"item.registrationId\">\n            <p style=\"color: aliceblue;\">\n              <b :style=\"{\n                color: item.awardLevel === '一等奖' ? '#7c7cff' : (item.awardLevel === '二等奖' ? 'green' : (item.awardLevel === '三等奖' ? 'orange' : '#399BF3'))\n              }\">\n                {{ item.competitionName }}\n              </b>\n              - {{ item.studentName }} - {{ item.awardLevel ? item.awardLevel : \"暂未获奖\" }} -\n              <b v-html=\"getLabel(item.competitionType)\"></b> - {{ formatDateTime(item.registrationTime) }}\n            </p>\n          </li>\n\n      </div>\n    </div>\n    <div class=\"boxfoot\"></div>\n  </div>\n            </li>\n        </ul>\n    </div>\n\t</div>\n</template>\n<script>\nexport default{\n\tname:'console',\n\tdata(){\n\t\treturn{\n\t\t// 获奖用户总数\n\t\t totalreg:'',\n\t\t//  用户总数\n\t\t totaluser:'',\n\t\t//  教师总量\n\t\ttotalteacher:'',\n\t\t// 学生总数\n\t\ttotalstudent:'',\n\t\t// 一等奖人数\n\t\tfirstlevel:'',\n\t\t// 二等奖\n\t\tsecondlevel:'',\n\t\t// 三等奖\n\t\tthirdlevel:'',\n\t\t// 所有资料\n\t\ttotalinfo:'',\n\t\t// 比赛数量\n\t\ttotalmatch:'',\n\t\t// 成功报名\n\t\ttotalsuccess:'',\n\t\t// 待审核数量\n\t\ttotalday:'',\n\t\tinterval1: null,\n    interval2: null,\n\t\ttotaldays:'',\n\t\ttotalrecord:[],\n\t\t currentTime:'',\n\t\t timer:'',\n\t\t orders:[],\n\t\t}\n\n\t},\n\tmounted() {\n\t\t// 获取参赛总数\n\t\tthis.users()\n    // 在组件挂载后开始定时更新时间\n    this.initAnimation();\n  },computed:{\n\tlevel(){\nreturn this.firstlevel+this.secondlevel+this.thirdlevel\n}\n\t},\n\tmethods:{\n\tasync\tusers(){\n\t\t// 获取用户总数\n\t await this.$api.getCount().then(res=>{\n\t\tif(res.code==200){\n\t\t\tthis.totaluser=res.data\n\t\t}\n\t})\n\t// 获取参赛总人数\n\tawait this.$api.getCounts().then(res=>{\n\t\t\t\tif(res.code==200){\n\t\t\t\tthis.totalreg=res.data\n\t\t\t }\n\t\t\t})\n\t\t// 获取教师总人数\n\t\tawait   this.$api.getTeacherCount().then(res=>{\n\t\t\t\tif(res.code==200){\n\t\t\t\tthis.totalteacher=res.data\n\t\t\t }\n\t\t\t})\n\t// 获取学生总人数\n\tawait   this.$api.getStudentCount().then(res=>{\n\t\t\t\tif(res.code==200){\n\t\t\t\tthis.totalstudent=res.data\n\t\t\t }\n\t\t\t})\n\t// 一等奖人数\n\tawait   this.$api.getWinCountByLevel({level:'一等奖'}).then(res=>{\n\t\tif(res.code==200){\n\t\t\tthis.firstlevel=res.data\n\t\t}\n\t})\n\t// 二等奖人数\n\tawait   this.$api.getWinCountByLevel({level:'二等奖'}).then(res=>{\n\t\tif(res.code==200){\n\t\t\tthis.secondlevel=res.data\n\t\t}\n\t})\n\t// 三等奖\n\tawait   this.$api.getWinCountByLevel({level:'三等奖'}).then(res=>{\n\t\tif(res.code==200){\n\t\t\tthis.thirdlevel=res.data\n\t\t}\n\t})\n\t// 获取所有资料\n\tawait   this.$api.Allinformation().then(res=>{\n\t\tif(res.code==200){\n\t\t\tthis.totalinfo=res.data.length\n\t\t}\n\t})\n\t// 获取所有比赛数量\n\tawait   this.$api.AllCompetition().then(res=>{\n\t\tif(res.code==200){\n\t\t\tthis.totalmatch=res.data.length\n\t\t}\n\t})\n\t\t// 获取所有待审核数量\n\t\tawait\tthis.$api.RegistrationAll().then(res=>{\n\t\tif(res.code==200){\n\t\t\tthis.totalrecord=res.data.filter(\n\t\t\t\t item=>item.registrationStatus==\"等待学校审核\"\n\t\t\t).length\n\t\t}\n\t})\n\t// 获取所有待审核数量\n\tawait\tthis.$api.RegistrationAll().then(res=>{\n\t\tif(res.code==200){\n\t\t\tthis.totalsuccess=res.data.filter(\n\t\t\t\t item=>item.registrationStatus==\"成功报名\"\n\t\t\t).length\n\t\t}\n\t})\n\n// 获取当前日期和时间\nconst currentDate = new Date();\n// 计算七天前的日期\nconst sevenDaysAgo = new Date(currentDate);\nsevenDaysAgo.setDate(sevenDaysAgo.getDate() - 7);\n\n// 获取七天内成功报名的数量\nawait this.$api.RegistrationAll().then(res => {\n    if (res.code == 200) {\n        this.totalday = res.data.filter(item => {\n            // 解析报名时间字符串为日期对象\n            const registrationTime = new Date(item.registrationTime);\n            // 检查报名时间是否在七天内\n            return registrationTime >= sevenDaysAgo && registrationTime <= currentDate;\n        }).length;\n    }\n});\n// 获取七天内比赛的数量\nawait this.$api.AllCompetition().then(res => {\n    if (res.code == 200) {\n        this.totaldays = res.data.filter(item => {\n            // 解析报名时间字符串为日期对象\n            const registrationEndTime = new Date(item.registrationEndTime);\n            // 检查报名时间是否在七天内\n            return registrationEndTime >= sevenDaysAgo && registrationEndTime <= currentDate;\n        }).length;\n    }\n});\n\t\t// 获取所有待审核数量\n\t\tawait\tthis.$api.RegistrationAll().then(res=>{\n\t\tif(res.code==200){\n\t\t\tthis.totalsuccess=res.data.filter(\n\t\t\t\t item=>item.registrationStatus==\"成功报名\"\n\t\t\t).length\n\t\t}\n\t})\n\t\t}, initAnimation() {\n      const wrapUl = document.querySelector(\".addnew ul\");\n      const adduserUl = document.querySelector(\".adduser ul\");\n      const html1 = wrapUl.innerHTML;\n      const html2 = adduserUl.innerHTML;\n      wrapUl.innerHTML += html1;\n      adduserUl.innerHTML += html2;\n\n      const ls1 = wrapUl.querySelectorAll(\"li\").length / 2 + 1;\n      const ls2 = adduserUl.querySelectorAll(\"li\").length / 2 + 1;\n\n      let i = 0;\n      this.interval1 = setInterval(() => {\n        i++;\n        if (i === ls1) {\n          i = 1;\n          wrapUl.style.marginTop = \"0\";\n        }\n        wrapUl.style.marginTop = -0.52 * i + \"rem\";\n      }, 2400);\n\n      let a = 0;\n      this.interval2 = setInterval(() => {\n        a++;\n        if (a === ls2) {\n          a = 1;\n          adduserUl.style.marginTop = \"0\";\n        }\n        adduserUl.style.marginTop = -0.4 * a + \"rem\";\n      }, 4300);\n    },\n// 更新时间的方法\n// 格式化日期时间的方法\nformatDateTime(dateTime) {\n      const dateObj = new Date(dateTime);\n      const year = dateObj.getFullYear();\n      const month = String(dateObj.getMonth() + 1).padStart(2, '0');\n      const day = String(dateObj.getDate()).padStart(2, '0');\n      const hours = String(dateObj.getHours()).padStart(2, '0');\n      const minutes = String(dateObj.getMinutes()).padStart(2, '0');\n      const seconds = String(dateObj.getSeconds()).padStart(2, '0');\n      return `${year}-${month}-${day}`;\n    },\n\t\t// 获取参赛人员信息\n\t\tasync getorder(){\n\t\t\t// 获取所有信息\n\t\t\tawait\tthis.$api.RegistrationAll().then(res=>{\n\t\t\tif(res.code==200){\n\t\t\tthis.orders=res.data.slice(0,15)\n\t\t}\n\t})\n\n\t\t},\n\t\t// 获取支付类型的标签\n    getLabel(type) {\n      if (type =='国家级') {\n        return '<b style=\"color: #7c7cff;\">国家级</b>';\n      } else if (type =='省级') {\n        return '<b style=\"color: green;\">省级</b>';\n      } else if (type =='市级') {\n        return '<b style=\"color: #399BF3;\">市级</b>';\n      } else {\n        return '<b style=\"color: white;\">校级</b>';\n      }\n    }\n  },created() {\n    // 在组件创建时启动定时器\n    this.getOrderInterval = setInterval(function(){\n\t\t\tthis.getorder();\n\t\t\tthis.users();\n\t\t}, 5000);\n    // 首次加载数据\n\t\tthis.users();\n    this.getorder();\n\n  },\n  beforeDestroy() {\n    // 在组件销毁前清除定时器，防止内存泄漏\n    clearInterval(this.getOrderInterval);\n  },\n\n}\n</script>\n<style scoped>\n/*大屏*/\n@charset \"utf-8\";\n\n* {\n\t-webkit-box-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\tbox-sizing: border-box\n}\n.fade-enter-active, .fade-leave-active {\n  transition: all 0.5s ease;\n}\n.fade-enter, .fade-leave-to {\n  opacity: 0;\n  transform: translateY(-15px);\n}\nhtml {\n\tfont-size: 326px;\n}\n\n@font-face {\n\tfont-family: electronicFont;\n\tsrc: url(https://screen.epay.quest/css/DS-DIGIT.TTF)\n}\n\n*,\n.body {\n\tpadding: 0px;\n\tmargin: 0px;\n\n\tfont-family: \"微软雅黑\";\n}\n\n.body {\n\tbackground: #000d4a url(https://screen.epay.quest/images/bg.jpg) center top;\n\tbackground-size: cover;\n\tcolor: #666;\n\tpadding-bottom: 30px;\n\tfont-size: .1rem;\n}\n\nli {\n\tlist-style-type: none;\n}\n\ntable {}\n\ni {\n\tmargin: 0px;\n\tpadding: 0px;\n\ttext-indent: 0px;\n}\n\nimg {\n\tborder: none;\n\tmax-width: 100%;\n}\n\na {\n\ttext-decoration: none;\n\tcolor: #399bff;\n}\n\na.active,\na:focus {\n\toutline: none !important;\n\ttext-decoration: none;\n}\n\nol,\nul,\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n\tpadding: 0;\n\tmargin: 0\n}\n\na:hover {\n\tcolor: #06c;\n\ttext-decoration: none !important\n}\n\n/* 加载旋转动画 */\n#load {\n\twidth: 100%;\n\theight: 100%;\n\tposition: absolute;\n\tbackground: url(https://screen.epay.quest/images/data08.png) no-repeat #061537;\n\tbackground-size: cover;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 999\n}\n\n#load .load_img {\n\tposition: absolute;\n\tleft: calc(50% - 182px);\n\ttop: calc(50% - 182px);\n}\n\n.load_img img {\n\tposition: absolute;\n\tleft: 0;\n\ttop: 0;\n}\n\n.load_img .jzxz1 {\n\tanimation: xz1 8s infinite linear;\n}\n\n@keyframes xz1 {\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\n\t50% {\n\t\ttransform: rotate(180deg);\n\t}\n\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n}\n\n.load_img .jzxz2 {\n\tanimation: xz2 7s infinite linear;\n}\n\n@keyframes xz2 {\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\n\t50% {\n\t\ttransform: rotate(-180deg);\n\t}\n\n\tto {\n\t\ttransform: rotate(-360deg);\n\t}\n}\n\n.clearfix:after,\n.clearfix:before {\n\tdisplay: table;\n\tcontent: \" \"\n}\n\n.clearfix:after {\n\tclear: both\n}\n\n\n\n\n.pulll_left {\n\tfloat: left;\n}\n\n.pulll_right {\n\tfloat: right;\n}\n\n/*谷哥滚动条样式*/\n\n::-webkit-scrollbar {\n\twidth: 5px;\n\theight: 5px;\n\tposition: absolute\n}\n\n::-webkit-scrollbar-thumb {\n\tbackground-color: #5bc0de\n}\n\n::-webkit-scrollbar-track {\n\tbackground-color: #ddd\n}\n\n/***/\n\n.loading {\n\tposition: fixed;\n\tleft: 0;\n\ttop: 0;\n\tfont-size: .3rem;\n\tz-index: 100000000;\n\twidth: 100%;\n\theight: 100%;\n\tbackground: #1a1a1c;\n\ttext-align: center;\n}\n\n.loadbox {\n\tposition: absolute;\n\twidth: 160px;\n\theight: 150px;\n\tcolor: #324e93;\n\tleft: 50%;\n\ttop: 50%;\n\tmargin-top: -100px;\n\tmargin-left: -75px;\n}\n\n.loadbox img {\n\tmargin: 10px auto;\n\tdisplay: block;\n\twidth: 40px;\n}\n\n.copyright {\n\tbackground: rgba(19, 31, 64, .32);\n\tborder: 1px solid rgba(255, 255, 255, .05);\n\tline-height: .5rem;\n\ttext-align: center;\n\tpadding-right: 15px;\n\tbottom: 0;\n\tcolor: rgba(255, 255, 255, .7);\n\tfont-size: .16rem;\n}\n\n.head {\n\theight: 1.05rem;\n\tbackground: url(https://screen.epay.quest/images/head_bg.png) no-repeat center center;\n\tbackground-size: 100% 100%;\n\tposition: relative\n}\n\n.head h1 {\n\tcolor: #fff;\n\ttext-align: center;\n\tfont-size: .42rem;\n\tline-height: .75rem;\n}\n\n.head h1 img {\n\twidth: 1.5rem;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\tmargin-right: .2rem\n}\n\n.weather {\n\tposition: absolute;\n\tright: .3rem;\n\ttop: 0;\n\tline-height: .75rem;\n}\n\n.weather img {\n\twidth: .37rem;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n}\n\n.weather span {\n\tcolor: rgba(255, 255, 255, .7);\n\tfont-size: .18rem;\n\tpadding-right: .1rem;\n}\n\n.mainbox {\n\tpadding: 0rem .4rem 0rem .4rem;\n}\n\n.mainbox>ul {\n\tmargin-left: -.4rem;\n\tmargin-right: -.4rem;\n}\n\n.mainbox>ul>li {\n\tfloat: left;\n\tpadding: 0 .4rem\n}\n\n.mainbox>ul>li {\n\twidth: 30%\n}\n\n.mainbox>ul>li:nth-child(2) {\n\twidth: 40%\n}\n\n.boxall {\n\tborder: 1px solid rgba(25, 186, 139, .17);\n\tpadding: 0 .3rem .3rem .3rem;\n\tbackground: rgba(255, 255, 255, .04) url(https://screen.epay.quest/images/line.png);\n\tbackground-size: 100% auto;\n\tposition: relative;\n\tmargin-bottom: .1rem;\n\tz-index: 20;\n}\n\n.boxall:before,\n.boxall:after {\n\tposition: absolute;\n\twidth: .1rem;\n\theight: .1rem;\n\tcontent: \"\";\n\tborder-top: 2px solid #02a6b5;\n\ttop: 0;\n}\n\n.boxall:before,\n.boxfoot:before {\n\tborder-left: 2px solid #02a6b5;\n\tleft: 0;\n}\n\n.boxall:after,\n.boxfoot:after {\n\tborder-right: 2px solid #02a6b5;\n\tright: 0;\n}\n\n.alltitle {\n\tfont-size: .24rem;\n\tcolor: #fff;\n\ttext-align: center;\n\tline-height: .6rem;\n\tborder-bottom: 1px solid rgba(255, 255, 255, .2)\n}\n\n.boxfoot {\n\tposition: absolute;\n\tbottom: 0;\n\twidth: 100%;\n\tleft: 0;\n}\n\n.boxfoot:before,\n.boxfoot:after {\n\tposition: absolute;\n\twidth: .1rem;\n\theight: .1rem;\n\tcontent: \"\";\n\tborder-bottom: 2px solid #02a6b5;\n\tbottom: 0;\n}\n\n.bar {\n\tbackground: rgba(101, 132, 226, .1);\n\tpadding: .15rem;\n}\n\n.barbox li,\n.barbox2 li {\n\twidth: 50%;\n\ttext-align: center;\n\tposition: relative;\n}\n\n.barbox:before,\n.barbox:after {\n\tposition: absolute;\n\twidth: .3rem;\n\theight: .1rem;\n\tcontent: \"\";\n}\n\n.barbox:before {\n\tborder-left: 2px solid #02a6b5;\n\tleft: 0;\n\tborder-top: 2px solid #02a6b5;\n}\n\n.barbox:after {\n\tborder-right: 2px solid #02a6b5;\n\tright: 0;\n\tbottom: 0;\n\tborder-bottom: 2px solid #02a6b5;\n}\n\n.barbox li:first-child:before {\n\tposition: absolute;\n\tcontent: \"\";\n\theight: 50%;\n\twidth: 1px;\n\tbackground: rgba(255, 255, 255, .2);\n\tright: 0;\n\ttop: 25%;\n}\n\n.barbox {\n\tborder: 1px solid rgba(25, 186, 139, .17);\n\tposition: relative;\n}\n\n.barbox li {\n\tfont-size: .3rem;\n\tcolor: #ffeb7b;\n\tpadding: .05rem 0;\n\tfont-family: Gotham, \"Helvetica Neue\", Helvetica, Arial, \"sans-serif\";\n\tfont-weight: bold;\n}\n\n.barbox2 li {\n\tfont-size: .19rem;\n\tcolor: #637c9f;\n\tpadding-top: .1rem;\n}\n\n.map {\n\tposition: relative;\n\theight: 4.3rem;\n\tz-index: 9;\n}\n\n.map4 {\n\twidth: 100%;\n\theight: 4.3rem;\n\tposition: relative;\n\tleft: -50%;\n\ttop: 2%;\n\tmargin-top: .2rem;\n\tz-index: 5;\n}\n\n.map1,\n.map2,\n.map3 {\n\tposition: absolute;\n}\n\n.map1 {\n\twidth: 3.93rem;\n\tz-index: 2;\n\ttop: .1rem;\n\tleft: 1.7rem;\n\tanimation: myfirst2 15s infinite linear;\n}\n\n.map2 {\n\twidth: 3.66rem;\n\ttop: .15rem;\n\tleft: 1.87rem;\n\tz-index: 3;\n\topacity: 0.2;\n\tanimation: myfirst 10s infinite linear;\n}\n\n.map3 {\n\twidth: 3.18rem;\n\ttop: .4rem;\n\tleft: 2.13rem;\n\tz-index: 1;\n}\n\n#echarts1,\n#echarts2,\n#echarts3,\n#echarts6,\n#echarts7,\n#echarts8 {\n\tposition: relative;\n}\n\n#echarts1:before,\n#echarts2:before,\n#echarts3:before,\n#echarts6:before,\n#echarts7:before,\n#echarts8:before {\n\tposition: absolute;\n\tcontent: \"23124\";\n\twidth: 100%;\n\ttext-align: center;\n\tbottom: .15rem;\n\tcolor: #fff;\n\topacity: .7;\n\tfont-size: .18rem;\n}\n\n#echarts1:before {\n\tcontent: \"平均单客价\"\n}\n\n#echarts2:before {\n\tcontent: \"男消费\"\n}\n\n#echarts3:before {\n\tcontent: \"女消费\"\n}\n\n#echarts6:before {\n\tcontent: \"新增会员\"\n}\n\n#echarts7:before {\n\tcontent: \"新增领卡会员\"\n}\n\n#echarts8:before {\n\tcontent: \"新增消费会员\"\n}\n\n.adduser li {\n            /*line-height:.42rem;*/\n            font-size: .18rem;\n            margin-bottom: .08rem;\n        }\n\n        .adduser li p {\n            border: 1px solid rgba(25, 186, 139, .17);\n            color: rgba(255, 255, 255, .6);\n        }\n\n        .grid {\n            margin-top: 5%;\n            width: 80%;\n            height: 10px;\n            display: grid;\n            grid-template-columns: repeat(20, 1fr);\n            grid-column-gap: 14px;\n        }\n\n        .line {\n            position: relative;\n            width: 90%;\n            height: 7px;\n        }\n\n        .line::before,\n        .line::after {\n            content: '';\n            position: absolute;\n            width: 4.5rem;\n            height: 100%;\n            border-radius: 7px;\n            background-color: #FF0000;\n        }\n\n        .line::before {\n            animation: first-line ease-in-out 4s var(--delay) infinite alternate;\n        }\n\n        .line::after {\n            bottom: 0;\n            background-color: #B22222;\n            width: calc(80% - 10px);\n            animation: second-line ease-in-out 4s var(--delay) infinite alternate;\n        }\n\n        .line:nth-child(1) {\n            --delay: calc(-0.1s);\n        }\n\n        @keyframes first-line {\n            70% {\n                width: calc(80% - 10px);\n            }\n            100% {\n                background-color: #FF0000;\n            }\n        }\n\n        .barbox li {\n            font-size: .7rem;\n            color: #ffeb7b;\n            padding: 0.05rem 0;\n            font-family: electronicFont, \"sans-serif\";\n            font-weight: bold;\n        }\n\n.tabs {\n\ttext-align: center;\n\tpadding: .1rem 0 0 0;\n}\n\n.tabs a {\n\tposition: relative;\n\tdisplay: inline-block;\n\tmargin-left: 1px;\n\tpadding: .05rem .2rem;\n\tcolor: #898989;\n\ttransition: all .3s ease-out 0s;\n\tfont-size: 14px;\n}\n\n.tabs li {\n\tdisplay: inline-block;\n}\n\n.tabs a:after {\n\tposition: absolute;\n\twidth: 1px;\n\theight: 10px;\n\tbackground-color: rgba(255, 255, 255, .1);\n\tcontent: '';\n\tmargin-left: 0;\n\tright: -1px;\n\tmargin-top: 7px;\n\n\n}\n\n.tabs li a.active {\n\tborder: 1px solid rgba(25, 186, 139, .17);\n\tbackground: rgba(255, 255, 255, .05);\n\tcolor: #fff;\n}\n\n.tit02 {\n\ttext-align: center;\n\tmargin: .1rem 0;\n\tposition: relative\n}\n\n.tit02 span {\n\tborder: 1px solid rgba(25, 186, 139, .17);\n\tletter-spacing: 2px;\n\tpadding: .01rem .2rem;\n\tbackground: rgba(255, 255, 255, .05);\n\tfont-size: .18rem;\n\tcolor: #49bcf7;\n}\n\n.tit02:before,\n.tit02:after {\n\tposition: absolute;\n\twidth: 26%;\n\theight: 1px;\n\tbackground: rgba(25, 186, 139, .2);\n\tcontent: \"\";\n\ttop: .12rem;\n}\n\n.tit02:after {\n\tright: 0;\n}\n\n.tit02:before {\n\tleft: 0;\n}\n\n.wrap {\n\theight: 2.54rem;\n\toverflow: hidden;\n}\n\n.wrap li {\n\tline-height: .42rem;\n\theight: .42rem;\n\tfont-size: .18rem;\n\ttext-indent: .24rem;\n\tmargin-bottom: .1rem;\n}\n\n.wrap li p {\n\tborder: 1px solid rgba(25, 186, 139, .17);\n\tcolor: rgba(255, 255, 255, .6);\n}\n\n.sy {\n\tfloat: left;\n\twidth: 33%;\n\theight: 2.2rem;\n\tmargin-top: -.25rem;\n}\n\n\n.adduser {\n\theight: 1.5rem;\n\toverflow: hidden;\n}\n\n.adduser li {\n\theight: .5rem;\n\tfont-size: .17rem;\n}\n\n.adduser img {\n\twidth: .40rem;\n\tborder-radius: .5rem;\n\tmargin-right: .1rem;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n}\n\n.adduser span {\n\tline-height: .5rem;\n\tfont-size: .18rem;\n\tcolor: rgba(255, 255, 255, .6);\n}\n\n.sycm ul {\n\tmargin-left: -.5rem;\n\tmargin-right: -.5rem;\n\tpadding: .08rem 0;\n}\n\n.sycm li {\n\tfloat: left;\n\twidth: 33.33%;\n\ttext-align: center;\n\tposition: relative\n}\n\n.sycm li:before {\n\tposition: absolute;\n\tcontent: \"\";\n\theight: 30%;\n\twidth: 1px;\n\tbackground: rgba(255, 255, 255, .1);\n\tright: 0;\n\ttop: 15%;\n}\n\n.sycm li:last-child:before {\n\twidth: 0;\n}\n\n.sycm li h2 {\n\tfont-size: .3rem;\n\tcolor: #c5ccff;\n}\n\n.sycm li span {\n\tfont-size: .18rem;\n\tcolor: #fff;\n\topacity: .5;\n}\n\n@keyframes myfirst2 {\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\n\tto {\n\t\ttransform: rotate(359deg);\n\t}\n}\n\n@keyframes myfirst {\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\n\tto {\n\t\ttransform: rotate(-359deg);\n\t}\n}\n</style> -->\n"],"mappings":"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","ignoreList":[]}]}