From da94201fd0167031ae83b9f0c61ba6cc8a50739e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=A5=E8=AF=B4?= <zhangqilei0322@163.com>
Date: Tue, 7 Jun 2022 19:43:12 +0800
Subject: [PATCH 1/2] update

---
 src/assets/css/Footer.css      | 14 +++----
 src/assets/css/Header.css      |  6 +--
 src/assets/css/common.css      | 17 ++++----
 src/components/404.vue         |  3 --
 src/components/AdminHeader.vue |  9 +++--
 src/components/Footer.vue      |  4 +-
 src/components/Header.vue      |  9 ++---
 src/components/Login.vue       | 40 ++++++++++--------
 src/components/Video.vue       | 17 +++++---
 src/pages/Chat/Chat.vue        | 74 ++++++++++++++++++----------------
 src/pages/Chat/ChatEdit.vue    | 24 ++++++-----
 src/pages/Home/Home.vue        | 20 +++++----
 src/pages/Home/HomeEdit.vue    | 12 ++++--
 src/pages/Notice/Notice.vue    |  2 +-
 src/utils/pageUtils.js         |  8 ++--
 15 files changed, 148 insertions(+), 111 deletions(-)

diff --git a/src/assets/css/Footer.css b/src/assets/css/Footer.css
index e1ebd9c..3536f32 100644
--- a/src/assets/css/Footer.css
+++ b/src/assets/css/Footer.css
@@ -1,4 +1,4 @@
-.footer{
+.footer {
     position: absolute;
     bottom: 0;
     height: 11.3vw;
@@ -7,18 +7,18 @@
     background-color: #0a1d30;
 }
 
-.footer-content{
+.footer-content {
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 3.2vw;
 }
 
-.osredm-logo{
+.osredm-logo {
     width: 200px;
 }
 
-.text{
+.text {
     text-align: center;
     align-items: center;
     margin-left: 50px;
@@ -27,13 +27,13 @@
     vertical-align: middle;
 }
 
-a:hover{
+a:hover {
     color: rgb(250, 202, 46);
 }
-a:active{
+a:active {
     color: rgb(250, 202, 46);
 }
-a{
+a {
     text-decoration: none;
     color: white;
 }
\ No newline at end of file
diff --git a/src/assets/css/Header.css b/src/assets/css/Header.css
index 99369ac..c6d6541 100644
--- a/src/assets/css/Header.css
+++ b/src/assets/css/Header.css
@@ -19,14 +19,14 @@ img {
     float: right;
 }
 
-.nav{
+.nav {
     display: flex;
     justify-content: center;
 }
 
-.el-menu-item{
+.el-menu-item {
     font-size: 1.1rem;
 }
-::v-deep .el-submenu__title{
+::v-deep .el-submenu__title {
     font-size: 1.1rem !important;
 }
diff --git a/src/assets/css/common.css b/src/assets/css/common.css
index b56ea9e..709b6b1 100644
--- a/src/assets/css/common.css
+++ b/src/assets/css/common.css
@@ -7,22 +7,23 @@
 .breadcrumb {
     margin: 2vw 0;
     font-size: 1.1rem;
-
 }
-.edit-content{
+
+.edit-content {
     display: flex;
     flex-direction: column;
     justify-content: center;
-    margin: 0 17vw 3vw;
     text-align: center;
+    margin: 0vw 17vw 3vw;    
 }
+
 /* 面板 */
 .content {
     display: flex;
-    flex-direction: column; 
-    justify-content: center;
-    align-items: center;
-    margin: 0 6vw 3vw;
+    flex-direction: column;     /* 纵向排列 */
+    justify-content: center;    /* 垂直居中 */
+    align-items: center;        /* 水平居中 */
+    margin: 0vw 6vw 3vw;
 }
 .content ul {
     list-style-type: none;
@@ -42,10 +43,10 @@
     margin: 2vw;
 }
 .card-content-left {
-    text-align: left;
     display: block;
     position: relative;
     float: left;
+    text-align: left;
     margin: 1vw 1.5vw;
 }
 .card-img {
diff --git a/src/components/404.vue b/src/components/404.vue
index 4ae4a59..e8236a0 100644
--- a/src/components/404.vue
+++ b/src/components/404.vue
@@ -72,9 +72,6 @@ export default {
       color: #ee8145;
     }
   }
-  .not-found-btn-gohome {
-
-  }
 }
 
 .el-button--primary {
diff --git a/src/components/AdminHeader.vue b/src/components/AdminHeader.vue
index a8f2fca..3d14fef 100644
--- a/src/components/AdminHeader.vue
+++ b/src/components/AdminHeader.vue
@@ -14,21 +14,24 @@
 <script>
 export default {
   name: "AdminHeader",
-  data() {
+
+  data(){
     return {
       osredmLogo: require("@/assets/logo/osredmLogo.svg"),
       activeIndex: '1',
       activeIndex2: '1'
     };
   },
-  methods: {
+
+  methods:{
     handleSelect(key, keyPath) {
       console.log(key, keyPath);
     },
     backOsredm(){
       window.location.href='https://www.osredm.com'
     }
-  }
+  },
+
 }
 </script>
 
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 64a0e2d..9be43e0 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -28,11 +28,13 @@
 <script>
 export default {
   name: "Footer",
+
   data(){
     return{
      osredmLogo: require("@/assets/logo/osredmLogo-white.svg")
     }
-  }
+  },
+  
 }
 </script>
 
diff --git a/src/components/Header.vue b/src/components/Header.vue
index f2d199f..097a21b 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -46,7 +46,7 @@ import pageUtils from "../utils/pageUtils";
 export default {
   name: "Header",
 
-  data() {
+  data(){
     return {
       banner: require("@/assets/logo/banner.jpg"),
       osredmLogo: require("@/assets/logo/osredmLogo.svg"),
@@ -59,7 +59,7 @@ export default {
     };
   },
 
-  methods: {
+  methods:{
 
     // 导航栏页面更改
     handleSelect(key, keyPath) {
@@ -123,18 +123,17 @@ export default {
 
     // 获取路由path 得到当前页
     getPath(){
-
       var path = this.$route.path
       this.activeIndex = path.split("/")[2]
     }
   },
 
-  mounted() {
+  mounted(){
 
       this.userName = sessionStorage.getItem("name");
       this.userPass = sessionStorage.getItem("pass");
       this.userAvatar = require("@/assets/logo/user.jpg");
-      this.getPath()
+      this.getPath();
       /* var userRank = sessionStorage.getItem("rank");
       if (userRank == 1) {
         this.rankIf = true;
diff --git a/src/components/Login.vue b/src/components/Login.vue
index 8df9d9b..7fa56e4 100644
--- a/src/components/Login.vue
+++ b/src/components/Login.vue
@@ -1,4 +1,5 @@
 <template>
+
   <div class="loginWraper">
     <!-- v-bind:model的缩写 绑定登录表格 
        表单验证规则  自己设定
@@ -11,7 +12,7 @@
       label-width="0px"
       class="login-container"
     >
-      <h3 class="title"></h3>
+      <h3 class="title">登录</h3>
       <el-form-item prop="adminName" class="a">
         <el-input
           type="text"
@@ -72,10 +73,12 @@
         >
       </el-form-item>
     </el-form>
-    <div class="footer"><p>@ 1703050328 张启磊</p></div>
+   
   </div>
+
 </template>
 
+
 <script>
 import Cookies from "js-cookie";
 
@@ -86,15 +89,15 @@ export default {
     // 定义数据
     return {
       logining: false,
-      loginForm: {
+      loginForm:{
         // 登录表格
         adminName: "",
         adminPass: "",
         captcha: "",
-        src: "http://localhost:8088/graduate_evaluate/createPicCode",
+        //src: "http://localhost:8088/graduate_evaluate/createPicCode",
       },
-      Rules: {
-        // 表单验证规则  必须填写
+      Rules:{
+        // 表单验证规则:必须填写
         adminName: [{ required: true, message: "请输入账号", trigger: "blur" }],
         adminPass: [{ required: true, message: "请输入密码", trigger: "blur" }],
         captcha: [{ required: true, message: "请输入验证码", trigger: "blur" }],
@@ -102,16 +105,17 @@ export default {
     };
   },
 
-  methods: {
+  methods:{
     // 定义方法
-    login() {
+    login(){
       let adminInfo = {
         picCode: this.loginForm.captcha,
         adminName: this.loginForm.adminName,
         adminPass: this.loginForm.adminPass,
       };
 
-      this.$api.login
+      alert("登录请求正在开发中。。。");
+      /* this.$api.login
         .login(adminInfo)
         .then((res) => {
           console.log(res);
@@ -131,18 +135,22 @@ export default {
         .catch(function (res) {
           alert(res);
           this.refreshCaptcha();
-        });
+        }); */
+
     },
 
     // 刷新验证码
-    refreshCaptcha: function () {
-      this.loginForm.src =
+    refreshCaptcha:function(){
+
+      alert("验证码请求正在开发中。。。");
+      /* this.loginForm.src =
         "http://localhost:8088/graduate_evaluate/createPicCode?t=" +
-        new Date().getTime();
+        new Date().getTime(); */
+
     },
 
     // 重置表单
-    reset() {
+    reset(){
       this.$refs.loginForm.resetFields();
     },
 
@@ -185,7 +193,7 @@ export default {
   top: 0;
   bottom: 0;
   right: 0;
-  background: url(../../assets/Pic/loginPic.jpg) no-repeat;
+  /* background: url(../../assets/Pic/loginPic.jpg) no-repeat; */
   background-size: cover;
 }
 .login-container .el-input { 
@@ -209,4 +217,4 @@ export default {
   border-color: #7890ee;
 }
 
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/Video.vue b/src/components/Video.vue
index 5f17472..5318677 100644
--- a/src/components/Video.vue
+++ b/src/components/Video.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="mui-player" />
+  <div id="mui-player"/>
 </template>
 
 <script>
@@ -27,10 +27,13 @@ export default {
     }
   },
   name: "Video",
-  data() {
+
+  data(){
     return {}
   },
-  mounted() {
+
+  mounted(){
+
     var mp = new MuiPlayer({
       container: '#mui-player',
       title: this.title,
@@ -42,12 +45,16 @@ export default {
         })
       ]
     })
+
     // 音量调节时触发
-    mp.on('volume-change', function(e) {
+    mp.on('volume-change', function(e){
       mp.video().volume = e.size;
     });
+
   },
-  methods: {}
+
+  methods:{}
+
 }
 </script>
 
diff --git a/src/pages/Chat/Chat.vue b/src/pages/Chat/Chat.vue
index 6e41fb5..2fd6d9d 100644
--- a/src/pages/Chat/Chat.vue
+++ b/src/pages/Chat/Chat.vue
@@ -1,16 +1,15 @@
 <template>
+  <!-- 加载等待 -->
   <div v-loading="contentLoading" element-loading-background="rgb(255, 255, 255)">
 
-    <div class="content-button" >
+    <div class="content-button">
       <el-button plain class="edit-button" @click="goToEdit">编辑</el-button>
     </div>
 
-    <div class="content" >
+    <div class="content">
       <div class="white"></div>
       <div class="card">
-
-          <el-image :src="chat" class="flot-img"/>
-
+        <el-image :src="chat" class="flot-img"/>
         <div class="card-content-left">
           <h3>交流互动</h3>
           <div>dadasdadsad</div>
@@ -39,36 +38,41 @@
   </div>
 </template>
 
+
 <script>
 import pageUtils from "@/utils/pageUtils";
-import {Message} from "element-ui";
+import { Message } from "element-ui";
 
 export default {
   name: "Chat",
+
   data(){
     return{
-      chat:'/api/files/chat-img.png',
-      chat_link1:'/api/files/chat-icon.png',
-      chat_link2:'/api/files/chat-icon.png',
-      chat_link3:'/api/files/chat-icon.png',
+      chat: "/api/files/chat-img.png",
+      chat_link1: "/api/files/chat-icon.png",
+      chat_link2: "/api/files/chat-icon.png",
+      chat_link3: "/api/files/chat-icon.png",
+
       contentLoading: true,
-      loadingBg:'#FFF'
+      loadingBg: "#FFF",
     }
   },
+
   methods:{
+
     initPage(){
-      pageUtils.checkComp(this.$router,this.$route.params.compId,this.$api)
+      pageUtils.checkComp(this.$router,this.$route.params.compId,this.$api);
       this.$api.getPageData(this.$route.params.compId,'chat').then((res) => {
-        console.log(res)
+        console.log(res);
         //先判断 该页面是否展示
         if (res.data.show) {
-          this.chat_link1 = res.data.logoOne
-          this.chat_link2 = res.data.logoTwo
-          this.chat_link3 = res.data.logoThree
-          this.chat = res.data.imgUrl
-          this.contentLoading = false
+          this.chat_link1 = res.data.logoOne;
+          this.chat_link2 = res.data.logoTwo;
+          this.chat_link3 = res.data.logoThree;
+          this.chat = res.data.imgUrl;
+          this.contentLoading = false;
         }else {
-          Message.warning("该页面不存在")
+          Message.warning("该页面不存在");
           this.$router.push({
             path: '/404'
           });
@@ -76,44 +80,44 @@ export default {
 
       })
     },
-    goToEdit(){
-      // 跳转至编辑页面
-      pageUtils.openPage(this.$router,"/" + this.$route.params.compId + "/chatEdit")
+
+    // 跳转至编辑页面
+    goToEdit(){     
+      pageUtils.openPage(this.$router,"/" + this.$route.params.compId + "/chatEdit");
     }
+
   },
+
   mounted() {
     this.initPage()
   },
-  created() {
 
-  }
+
 }
 </script>
 
+
 <style scoped>
-.flot-img{
-  /*margin-top: -50px;*/
-  padding: 1vw;
+.white {
+  height: 66px;
+}
+
+.flot-img {
   position: relative;
   float: left;
+  width:35vw;
+  height: auto;
   margin-top: -70px;
   margin-left: 20px;
   margin-bottom: 20px;
-  width:35vw;
-  height: auto;
+  padding: 1vw;
   box-shadow: inset 0 3px 8px rgba(219,227,255,.7)
-
-}
-
-.white {
-  height: 66px;
 }
 
 .chat-link {
   display: flex;
   margin: 1vw auto;
   align-items: center;
-
 }
 .img-link {
   width: auto;
diff --git a/src/pages/Chat/ChatEdit.vue b/src/pages/Chat/ChatEdit.vue
index 0532a70..0613810 100644
--- a/src/pages/Chat/ChatEdit.vue
+++ b/src/pages/Chat/ChatEdit.vue
@@ -1,7 +1,8 @@
 <template>
+
   <div class="edit-content">
     <el-breadcrumb class="breadcrumb" separator="/">
-      <el-breadcrumb-item :to="{ path: '/' + this.$route.params.compId +'/chat' }">交流互动</el-breadcrumb-item>
+      <el-breadcrumb-item :to="{ path: '/' + this.$route.params.compId + '/chat' }">交流互动</el-breadcrumb-item>
       <el-breadcrumb-item>编辑</el-breadcrumb-item>
     </el-breadcrumb>
     <mavon-editor :ishljs="true" v-model="data" @change="change"/>
@@ -10,37 +11,42 @@
       <el-button>取消</el-button>
     </div>
   </div>
+
 </template>
 
 <script>
 export default {
   name: "ChatEdit",
+
   data(){
     return{
       data: "",
-      html:""
+      html: "",
     }
   },
+
   methods:{
     change(value,render){
-      this.html = render
+      this.html = render;
     },
+
     submit(){
-      console.log(this.data)
-      console.log(this.html)
+      console.log(this.data);
+      console.log(this.html);
 
     }
   }
 }
+
 </script>
 
-<style src="@/assets/css/common.css" scoped>
 
-
-</style>
 <style>
+
 .button-group{
   margin-top: 50px;
 }
 
-</style>
\ No newline at end of file
+</style>
+
+<style src="@/assets/css/common.css" scoped/>
\ No newline at end of file
diff --git a/src/pages/Home/Home.vue b/src/pages/Home/Home.vue
index b5c2d12..1fcce86 100644
--- a/src/pages/Home/Home.vue
+++ b/src/pages/Home/Home.vue
@@ -2,7 +2,7 @@
 
   <div>
     <div class="content-button">
-      <el-button  plain>编辑</el-button>
+      <el-button plain>编辑</el-button>
     </div>
 
     <div class="content">
@@ -28,11 +28,14 @@
 // import 'mavon-editor/dist/css/index.css'
 import Video from "@/components/Video";
 import pageUtils from "@/utils/pageUtils";
+
 export default {
   name: "Home",
-  components: {
-    Video
+
+  components:{
+    Video,
   },
+
   data(){
     return{
       data: "",
@@ -42,20 +45,23 @@ export default {
       content:'测试内容测试内容测试内容'
     }
   },
+
   methods:{
+
     checkComp(){
-
-
-      pageUtils.checkComp(this.$router,this.$route.params.compId,this.$api)
-
+      pageUtils.checkComp( this.$router,this.$route.params.compId,this.$api );
     }
+
   },
+
   mounted() {
     this.checkComp()
   }
+
 }
 </script>
 
+
 <style scoped>
 
 .video {
diff --git a/src/pages/Home/HomeEdit.vue b/src/pages/Home/HomeEdit.vue
index 041b24a..e003259 100644
--- a/src/pages/Home/HomeEdit.vue
+++ b/src/pages/Home/HomeEdit.vue
@@ -1,4 +1,5 @@
 <template>
+
   <div class="edit-content">
     <el-breadcrumb class="breadcrumb" separator="/">
       <el-breadcrumb-item :to="{ path: '/' + this.$route.params.compId + '/home' }">赛事首页</el-breadcrumb-item>
@@ -6,23 +7,28 @@
     </el-breadcrumb>
     <mavon-editor :ishljs="true" v-model="data" @save="save"/>
   </div>
+
 </template>
 
 <script>
 export default {
   name: "HomeEdit",
+
   data(){
     return{
-      data: ""
+      data: "",
     }
   },
+
   methods:{
+
     save(value,render){
       // value是markdown格式
       // render是html格式
-      console.log(value)
-      console.log(render)
+      console.log(value);
+      console.log(render);
     }
+
   }
 }
 </script>
diff --git a/src/pages/Notice/Notice.vue b/src/pages/Notice/Notice.vue
index 40d19cc..bcb9452 100644
--- a/src/pages/Notice/Notice.vue
+++ b/src/pages/Notice/Notice.vue
@@ -41,7 +41,7 @@ export default {
   data(){
     return{
 
-      noticeAll:[],
+      noticeAll: [],
       noticeId: "",
       noticeTop: "",
       noticeMiddle: "",
diff --git a/src/utils/pageUtils.js b/src/utils/pageUtils.js
index c56a0de..cc97960 100644
--- a/src/utils/pageUtils.js
+++ b/src/utils/pageUtils.js
@@ -1,8 +1,6 @@
-
 import { Message } from 'element-ui'
 
 // Header导航栏页面更改
-
 function openPage(router, path){
     router.push({
         path: path
@@ -10,7 +8,7 @@ function openPage(router, path){
 }
 
 // 检测竞赛是否存在
-function checkComp(router,compId, http){
+function checkComp(router,compId,http){
     var compInfo = {
             compId
     }
@@ -22,7 +20,7 @@ function checkComp(router,compId, http){
                 //正式上线 可以显示页面
             }else {
                 // 未正式上线，需要拦截等操作，跳转404
-                Message.warning("该竞赛还未上线")
+                Message.warning("该竞赛还未上线");
                 //TODO: 可添加判断是否为白名单用户进行测试工作
                 router.push({
                     path: '/404'
@@ -31,7 +29,7 @@ function checkComp(router,compId, http){
 
         }else {
             // 不存在该竞赛 提示 并跳转404
-            Message.warning("不存在该竞赛")
+            Message.warning("不存在该竞赛");
             router.push({
                 path: '/404'
             });

From eb8d935f1886b7327a7ad5e13331b61f8d5194d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=A5=E8=AF=B4?= <zhangqilei0322@163.com>
Date: Tue, 7 Jun 2022 20:27:28 +0800
Subject: [PATCH 2/2] update

---
 package.json                      |   4 +-
 src/assets/css/common.css         |  10 +-
 src/components/AdminHeader.vue    |   3 +
 src/components/Header.vue         |  26 ++--
 src/components/Login.vue          |   2 +-
 src/main.js                       |  11 +-
 src/pages/Chat/Chat.vue           |   1 +
 src/pages/ContactUs/ContactUs.vue |  17 ++-
 src/pages/Data/Chart.vue          | 209 +++++++++++++++++++++++++++++-
 src/pages/Guide/Guide.vue         |  13 +-
 src/pages/Home/Home.vue           |   6 +-
 src/pages/Notice/Notice.vue       |  10 ++
 12 files changed, 277 insertions(+), 35 deletions(-)

diff --git a/package.json b/package.json
index 18d3a6e..80928b1 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,9 @@
     "sass-loader": "^7.3.1",
     "vue": "^2.6.11",
     "vue-router": "3.5.2",
-    "node-sass": "^4.14.1"
+    "node-sass": "^4.14.1",
+    "echarts": "^5.3.2",
+    "moment": "^2.29.1"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.4.5",
diff --git a/src/assets/css/common.css b/src/assets/css/common.css
index 709b6b1..96967b6 100644
--- a/src/assets/css/common.css
+++ b/src/assets/css/common.css
@@ -31,9 +31,9 @@
 
 /* 卡片内容 */
 .card {
-    background-color: white;
     width: 66vw;
-    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.15);
+    background-color: white;
+    box-shadow: 0px 4px 10px 0 rgba(0,0,0,0.15);
     margin-bottom: 3vw;
 }
 .card-content {
@@ -56,9 +56,3 @@
     height: auto; 
   }
 
-/* 分割线 */
-.el-divider {
-    width: 95%;
-    height: 2px;
-    margin: 1vw auto;
-  }
diff --git a/src/components/AdminHeader.vue b/src/components/AdminHeader.vue
index 3d14fef..33ec949 100644
--- a/src/components/AdminHeader.vue
+++ b/src/components/AdminHeader.vue
@@ -24,12 +24,15 @@ export default {
   },
 
   methods:{
+
     handleSelect(key, keyPath) {
       console.log(key, keyPath);
     },
+
     backOsredm(){
       window.location.href='https://www.osredm.com'
     }
+    
   },
 
 }
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 097a21b..844ee7f 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -68,34 +68,34 @@ export default {
           pageUtils.openPage(this.$router,"/" + this.$route.params.compId + "/home")
           break;
         case "chat":
-          pageUtils.openPage(this.$router,"/" +this.$route.params.compId +"/chat")
+          pageUtils.openPage(this.$router,"/" + this.$route.params.compId +"/chat")
           break;
         case "guide":
-          pageUtils.openPage(this.$router,"/" +this.$route.params.compId +"/guide")
+          pageUtils.openPage(this.$router,"/" + this.$route.params.compId +"/guide")
           break;
         case "apply":
-          pageUtils.openPage(this.$router,"/" +this.$route.params.compId +"/apply")
+          pageUtils.openPage(this.$router,"/" + this.$route.params.compId +"/apply")
           break;
         case "submit":
-          pageUtils.openPage(this.$router,"/" +this.$route.params.compId +"/submit")
+          pageUtils.openPage(this.$router,"/" + this.$route.params.compId +"/submit")
           break;
         case "chart":
-          pageUtils.openPage(this.$router,"/" +this.$route.params.compId +"/chart")
+          pageUtils.openPage(this.$router,"/" + this.$route.params.compId +"/chart")
           break;
         case "contactUs":
-          pageUtils.openPage(this.$router,"/" +this.$route.params.compId +"/contactUs")
+          pageUtils.openPage(this.$router,"/" + this.$route.params.compId +"/contactUs")
           break;
         case "applyList":
-          pageUtils.openPage(this.$router,"/" +this.$route.params.compId +"/applyList")
+          pageUtils.openPage(this.$router,"/" + this.$route.params.compId +"/applyList")
           break;
         case "submitList":
-          pageUtils.openPage(this.$router,"/" +this.$route.params.compId +"/submitList")
+          pageUtils.openPage(this.$router,"/" + this.$route.params.compId +"/submitList")
           break;
         case "notice":
-          pageUtils.openPage(this.$router,"/" +this.$route.params.compId +"/notice")
+          pageUtils.openPage(this.$router,"/" + this.$route.params.compId +"/notice")
           break;
         case "rank":
-          pageUtils.openPage(this.$router,"/" +this.$route.params.compId +"/rank")
+          pageUtils.openPage(this.$router,"/" + this.$route.params.compId +"/rank")
           break;
       }
       // console.log(key)
@@ -132,8 +132,7 @@ export default {
 
       this.userName = sessionStorage.getItem("name");
       this.userPass = sessionStorage.getItem("pass");
-      this.userAvatar = require("@/assets/logo/user.jpg");
-      this.getPath();
+      this.userAvatar = require("@/assets/logo/user.jpg");     
       /* var userRank = sessionStorage.getItem("rank");
       if (userRank == 1) {
         this.rankIf = true;
@@ -141,8 +140,9 @@ export default {
         this.rankIf = false;
       } */
 
-  },
+      this.getPath();
 
+  },
 
 
 }
diff --git a/src/components/Login.vue b/src/components/Login.vue
index 7fa56e4..769eb67 100644
--- a/src/components/Login.vue
+++ b/src/components/Login.vue
@@ -85,7 +85,7 @@ import Cookies from "js-cookie";
 export default {
   name: "Login",
 
-  data() {
+  data(){
     // 定义数据
     return {
       logining: false,
diff --git a/src/main.js b/src/main.js
index 3dffd1f..7bfe9d5 100644
--- a/src/main.js
+++ b/src/main.js
@@ -7,15 +7,16 @@ import 'element-ui/lib/theme-chalk/index.css'
 
 import Axios from "axios"
 import api from './utils/http/index'
+
 import mavonEditor from 'mavon-editor'
 import 'mavon-editor/dist/css/index.css'
 
 // 图标
 import "/src/assets/icon/iconfont.css"
-/* // echarts
-import * as echarts from 'echarts';
+// echarts
+import * as echarts from 'echarts'
 // 时间
-import moment from "moment"; */
+import moment from "moment"
 
 
 Vue.use(api)
@@ -23,8 +24,8 @@ Vue.prototype.$axios = Axios
 
 
 Vue.use(mavonEditor)
-/* Vue.prototype.$echarts = echarts
-Vue.prototype.$moment = moment; */
+Vue.prototype.$echarts = echarts
+Vue.prototype.$moment = moment;
 Vue.config.productionTip = false
 
 
diff --git a/src/pages/Chat/Chat.vue b/src/pages/Chat/Chat.vue
index 2fd6d9d..88c4b81 100644
--- a/src/pages/Chat/Chat.vue
+++ b/src/pages/Chat/Chat.vue
@@ -98,6 +98,7 @@ export default {
 
 
 <style scoped>
+
 .white {
   height: 66px;
 }
diff --git a/src/pages/ContactUs/ContactUs.vue b/src/pages/ContactUs/ContactUs.vue
index 11fdd24..586d239 100644
--- a/src/pages/ContactUs/ContactUs.vue
+++ b/src/pages/ContactUs/ContactUs.vue
@@ -20,7 +20,22 @@
 
 <script>
 export default {
-  name: "ContactUs"
+  name: "ContactUs",
+
+  data(){
+    return {
+
+    };
+  },
+
+  methods:{
+
+  },
+
+  mounted(){
+
+  },
+
 }
 </script>
 
diff --git a/src/pages/Data/Chart.vue b/src/pages/Data/Chart.vue
index 100e3cd..113c697 100644
--- a/src/pages/Data/Chart.vue
+++ b/src/pages/Data/Chart.vue
@@ -1,16 +1,221 @@
 <template>
   <div class="content">
-    数据统计
+
+    <div class="chart-content">
+
+      <div class="statistics">
+        <div class="chart-card1">
+          <el-image :src="apply_total_img" class="total-img" />
+          <div class="chart-total">
+            <div class="total-num">{{ apply_total_num }}</div>
+            <el-divider></el-divider>
+            <div class="total-text">竞赛总报名数</div>
+          </div>
+        </div>
+        <div class="chart-card1">
+          <el-image :src="submit_total_img" class="total-img" />
+          <div class="chart-total">
+            <div class="total-num">{{ submit_total_num }}</div>
+            <el-divider></el-divider>
+            <div class="total-text">竞赛总作品提交数</div>
+          </div>
+        </div>
+      </div>
+
+      <div class="chart">
+        <div class="chart-card2">
+          <div class="chart-title">{{ chart_title }}</div>
+          <!-- 可视化界面 -->
+          <div>
+            <div
+              v-loading="loading"
+              element-loading-text="拼命生成中..."
+              element-loading-spinner="el-icon-loading"
+              element-loading-custom-class="loading_style"
+              empty-text="没有记录哦~"
+              id="main"
+              class="Echarts"
+            ></div>
+          </div>
+        </div>
+      </div>
+
+    </div>
+    
   </div>
 </template>
 
+
 <script>
 export default {
-  name: "Chart"
+  name: "Chart",
+
+  data(){
+    return {
+      apply_total_img: require("@/assets/logo/apply_total_img.png"),
+      apply_total_num: "",
+
+      submit_total_img: require("@/assets/logo/submit_total_img.png"),
+      submit_total_num: "",
+
+      chart_title: "",
+    };
+  },
+
+  methods:{
+
+    makeEcharts() {
+      //加载等待
+      setTimeout(() => {
+        var myChart = this.$echarts.init(document.getElementById("main"));
+
+        //避免上一个面板残留在新面板上
+        if (myChart != null && myChart != "" && myChart != undefined) {
+          myChart.dispose();
+          console.log("上一个面板已经清除，生成新面板");
+        }
+
+        myChart = this.$echarts.init(document.getElementById("main"));
+
+        var option = {
+          tooltip: {
+            trigger: "item",
+          },
+          legend: {
+            top: "5%",
+            left: "center",
+          },
+          series: [
+            {
+              name: "Access From",
+              type: "pie",
+              radius: ["40%", "70%"],
+              avoidLabelOverlap: false,
+              itemStyle: {
+                borderRadius: 10,
+                borderColor: "#fff",
+                borderWidth: 2,
+              },
+              label: {
+                show: false,
+                position: "center",
+              },
+              emphasis: {
+                label: {
+                  show: true,
+                  fontSize: "40",
+                  fontWeight: "bold",
+                },
+              },
+              labelLine: {
+                show: false,
+              },
+              data: [
+                { value: 1048, name: "Search Engine" },
+                { value: 735, name: "Direct" },
+                { value: 580, name: "Email" },
+                { value: 484, name: "Union Ads" },
+                { value: 300, name: "Video Ads" },
+              ],
+            },
+          ],
+        };
+
+        myChart.setOption(option);
+
+        this.loading = false;
+      }, 1000);
+      this.loading = true;
+    },
+
+  },
+
+  mounted(){
+    this.apply_total_num = 666;
+    this.submit_total_num = 777;
+    this.chart_title = "地方分赛区";
+
+    this.makeEcharts();
+  },
+
 }
 </script>
 
+
 <style scoped>
 
+.chart-content {
+  position: relative;
+  width: 66vw;
+  height: 24vw;
+  margin: 3vw;
+}
+
+.statistics {
+  position: absolute;
+  width: 22vw;
+  height: 100%;
+}
+.chart-card1 {
+  width: 22vw;
+  height: 12vw;
+  background-color: white;
+  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
+  margin-bottom: 2vw;
+}
+
+.total-img {
+  position: relative;
+  float: left;
+  width: 80px;
+  height: 80px;
+  margin: 3vw 1.5vw 0vw 3vw;
+}
+.chart-total {
+  padding-top: 3vw;
+  padding-right: 3vw;
+  text-align: left;
+}
+.total-num {
+  font-weight: 700;
+  font-size: 2.5rem;
+  line-height: 1.5em;
+  padding: auto;
+}
+.el-divider {
+  width: 50%;
+  height: 1px;
+  margin: auto 9.5vw;
+}
+.total-text {
+  font-size: 0.9rem;
+}
+
+.chart {
+  margin-left: 24vw;
+  height: 100%;
+}
+.chart-card2 {
+  width: 44vw;
+  height: 26vw;
+  background-color: white;
+  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
+}
+
+.chart-title {
+  font-weight: 500;
+  font-size: 1rem;
+  line-height: 3rem;
+  border-bottom: 1px solid rgba(153, 153, 153, 0.4);
+  box-sizing: border-box;
+}
+
+.Echarts {
+  width: 40vw;
+  height: 20vw;
+  margin: 1.5vw auto;
+}
+
 </style>
+
 <style src="@/assets/css/common.css" scoped/>
diff --git a/src/pages/Guide/Guide.vue b/src/pages/Guide/Guide.vue
index 529ab28..448e93f 100644
--- a/src/pages/Guide/Guide.vue
+++ b/src/pages/Guide/Guide.vue
@@ -19,14 +19,25 @@
 <script>
 export default {
   name: "Guide",
+
   data(){
     return{
       content:'赛事指南赛事指南赛事指南赛事指南赛事指南赛事指南',
     }
-  }
+  },
+
+  methods:{
+
+  },
+
+  mounted() {
+    
+  },
+
 }
 </script>
 
+
 <style scoped>
 
 </style>
diff --git a/src/pages/Home/Home.vue b/src/pages/Home/Home.vue
index 1fcce86..a1e8c53 100644
--- a/src/pages/Home/Home.vue
+++ b/src/pages/Home/Home.vue
@@ -39,10 +39,10 @@ export default {
   data(){
     return{
       data: "",
-      videoTitle:"标题",
-      videoSrc:"https://outin-396971199eed11e991a100163e1c7426.oss-cn-shanghai.aliyuncs.com/sv/34277901-180465b8b73/34277901-180465b8b73.mp4",
+      videoTitle: "标题",
+      videoSrc: "https://outin-396971199eed11e991a100163e1c7426.oss-cn-shanghai.aliyuncs.com/sv/34277901-180465b8b73/34277901-180465b8b73.mp4",
       videoWidth: "100%",
-      content:'测试内容测试内容测试内容'
+      content: "测试内容测试内容测试内容",
     }
   },
 
diff --git a/src/pages/Notice/Notice.vue b/src/pages/Notice/Notice.vue
index bcb9452..0789108 100644
--- a/src/pages/Notice/Notice.vue
+++ b/src/pages/Notice/Notice.vue
@@ -63,10 +63,14 @@ export default {
 
   },
 
+  mounted() {
+    
+  },
 
 }
 </script>
 
+
 <style scoped>
 
 .notice-content-top {
@@ -74,6 +78,12 @@ export default {
     text-align: left;
 }
 
+.el-divider {
+    width: 95%;
+    height: 2px;
+    margin: 1vw auto;
+  }
+
 .notice-content-bottom {
     padding: 0vw 2vw 1vw;
     text-align: right;