update frontend

hoj-vue/src/common/constants.js

@@ -130,15 +130,15 @@ export const JUDGE_STATUS_RESERVE={
 export const PROBLEM_LEVEL={
   '0':{
     name:'Easy',
-    color:'green'
+    color:'#19be6b'
   },
   '1':{
     name:'Mid',
-    color:'blue'
+    color:'#2d8cf0'
   },
   '2':{
     name:'Hard',
-    color:'red'
+    color:'#ed3f14'
   }
 }
 

hoj-vue/src/i18n/admin/en-US.js

@@ -123,6 +123,7 @@ export const m = {
 
   // /views/admin/problem/ProblemList.vue
   Contest_Problem_List: 'Contest Problem List',
+  Display_ID:'Display ID',
   Add_Rmote_OJ_Problem:'Add Remote OJ Problem',
   Add_From_Public_Problem:'Add From Public Problem',
   Auth:'Auth',

hoj-vue/src/i18n/admin/zh-CN.js

@@ -123,6 +123,7 @@ export const m = {
 
   // /views/admin/problem/ProblemList.vue
   Contest_Problem_List: '比赛题目列表',
+  Display_ID:'展示ID',
   Add_Rmote_OJ_Problem:'添加远程OJ题目',
   Add_From_Public_Problem:'从公共题库添加题目',
   Auth:'权限',

hoj-vue/src/store/contest.js

@@ -1,6 +1,6 @@
 import moment from 'moment'
 import api from '@/common/api'
-import { CONTEST_STATUS, USER_TYPE, CONTEST_TYPE } from '@/common/constants'
+import { CONTEST_STATUS, CONTEST_TYPE } from '@/common/constants'
 import time from '@/common/time'
 const state = {
   now: moment(),

hoj-vue/src/store/index.js

@@ -13,9 +13,9 @@ const rootState = {
     visible: false
   },
   websiteConfig:{
-    recordName:'粤ICP备×××××××号-1',
+    recordName:'© 2020-2021',
     projectName:'HOJ',
-    shortName:'HOJ',
+    shortName:'OJ',
     recordUrl:'#',
     projectUrl:'#'
   },

hoj-vue/src/views/admin/Home.vue

@@ -516,7 +516,7 @@ img {
   font-weight: 400;
   height: 100%;
   -webkit-font-smoothing: antialiased;
-  background-color: #edecec;
+  background-color: #eff3f5;
   overflow-y: auto;
 }
 .breadcrumb-container {

hoj-vue/src/views/admin/problem/ProblemList.vue

@@ -54,7 +54,13 @@
         @row-dblclick="handleDblclick"
         align="center"
       >
-        <vxe-table-column min-width="100" field="problemId" title="ID">
+        <vxe-table-column min-width="64" field="id" title="ID">
+        </vxe-table-column>
+        <vxe-table-column
+          min-width="100"
+          field="problemId"
+          :title="$t('m.Display_ID')"
+        >
         </vxe-table-column>
         <vxe-table-column field="title" min-width="150" :title="$t('m.Title')">
         </vxe-table-column>

hoj-vue/src/views/oj/discussion/discussionList.vue

@@ -468,6 +468,11 @@ export default {
       });
     },
 
+    changeRoute(page) {
+      this.query.currentPage = page;
+      this.getDiscussionList();
+    },
+
     getInfoByUsername(uid, username) {
       this.$router.push({
         path: '/user-home',

hoj-vue/src/views/oj/problem/ProblemList.vue

@@ -164,9 +164,11 @@
             min-width="100"
           >
             <template v-slot="{ row }">
-              <span :class="getLevelColor(row.difficulty)">{{
-                PROBLEM_LEVEL[row.difficulty].name
-              }}</span>
+              <span
+                class="el-tag el-tag--small"
+                :style="getLevelColor(row.difficulty)"
+                >{{ PROBLEM_LEVEL[row.difficulty].name }}</span
+              >
             </template>
           </vxe-table-column>
 
@@ -515,7 +517,11 @@ export default {
       });
     },
     getLevelColor(difficulty) {
-      return 'el-tag el-tag--small status-' + PROBLEM_LEVEL[difficulty].color;
+      return (
+        'color: #fff !important;background-color:' +
+        PROBLEM_LEVEL[difficulty].color +
+        ' !important;'
+      );
     },
     getIconColor(status) {
       return (