Merge branch 'master' of https://github.com/segment-oj/segmentoj-frontend

Author: ZTL-UwU

src/assets/css/basic.css

@@ -194,11 +194,11 @@ h3::before {
 .problem-list-pagination {
     border: 1px solid #ebeef5;
     background: #ffffff;
-    margin-left: -20px;
+    margin-left: -21px;
     padding: 10px;
     height: 36px;
     max-width: 100vw;
-    width: 827px;
+    width: 828px;
     text-align: center;
     bottom: 0;
     position: fixed;
@@ -207,13 +207,14 @@ h3::before {
 .status-list-pagination {
     border: 1px solid #ebeef5;
     background: #ffffff;
+    margin-left: -21px;
     padding: 10px;
     height: 36px;
+    max-width: 100vw;
+    width: 1118px;
     text-align: center;
     bottom: 0;
     position: fixed;
-    margin-left: auto;
-    margin-right: auto;
 }
 
 .el-dialog,

src/assets/css/theme.css

@@ -7,7 +7,7 @@
 }
 
 .color-warning {
-    color: #e6a23c;
+    color: rgb(247, 186, 42);
 }
 
 .color-info {

src/components/problem/list.vue

@@ -169,6 +169,7 @@ export default {
       } else {
         x.title = (<router-link to={'/problem/' + String(x.pid)} class={color + ' text-normal'}>{ x.title }</router-link>);
       }
+      x.pid = (<div class={color}>{x.pid}</div>);
       x.score = (<div class={color + ' text-extra-bold'}>{x.score >= 0 ? x.score : '-'}</div>);
       
       x.tag = (<listTag tags={ x.tags }></listTag>);

src/components/status/list.vue

@@ -7,7 +7,7 @@
         :limit="limit"
         :total="data_count"
         :process="process"
-        :default_sort="{prop: 'id', order: 'ascending'}"
+        :default_sort="{prop: 'id', order: 'descending'}"
         pagination_class="status-list-pagination"
       />
     </el-card>
@@ -27,7 +27,7 @@ export default {
     return {
       alive: true,
       ajax_url: apiurl('/status/list'),
-      limit: 50,
+      limit: 30,
       columns: [{
         name: 'id',
         label: 'Run ID',
@@ -95,18 +95,20 @@ export default {
       let color = '';
       if (x.score === 100) {
         color += 'color-success';
-      } else if (x.score < 100 && x.score >= 0) {
+      } else if (x.score < 100 && x.score > 0) {
+        color += 'color-warning';
+      } else if(x.score == 0) {
         color += 'color-danger';
       } else {
         color += 'color-regular-text';
       }
       x.problem = (<ProblemTitleLink pid={x.problem}></ProblemTitleLink>);
       x.score = (<div class={color + ' text-extra-bold'}>{x.score >= 0 ? x.score : '-'}</div>);
       x.lang = sfconfig.langTable[x.lang].label;
-      let t = sfconfig.stateTable.filter(id => {
+      let stateTable = sfconfig.stateTable.filter(id => {
         return id.value === String(x.state);
       })[0];
-      x.state = (<div style={'color: ' + t.color + ';'}>{t.label}</div>);
+      x.state = (<div style={'color: ' + stateTable.color + ';'}>{stateTable.label}</div>);
       x.time = x.time + ' ms';
       x.memory = x.memory + ' KB';
       x.owner = (<UserNameLink userid={x.owner}></UserNameLink>);

src/components/user/UserNameLink.vue

@@ -33,7 +33,6 @@ export default {
     }
   },
   mounted() {
-    console.log(typeof(this.userid));
     this.username = this.userid;
     this.loadusername(this.userid);
   }