feat(Renderer): 现在除非主动拉取，否则不会进行重新拉取

修复了提交问题时的 BUG

Author: Hukeqing

README.md

@@ -1,6 +1,6 @@
 # Codeforces Client
 
-**Copyleft ! 2020.Mauve，版权部分所有，遵循 GPL 授权使用**
+**Copyleft (ɔ) 2020.Mauve，版权部分所有，遵循 GPL 授权使用**
 
 ## Codeforces 打开好慢，加载题面好慢
 
@@ -26,7 +26,7 @@
  - [ ] css 自定义页面
  - [x] 加快获取 XCsrfToken(0.4.0)
  - [x] 题面中的链接使用本地浏览器打开(0.5.0)
- - [x]  problemset 页面
+ - [x]  problemset 页面(1.0.0)
  - [ ] 多语言
  - [ ] 将项目转为 electron-vue 项目
 

src/components/About.vue

@@ -9,8 +9,9 @@
             <a href="https://github.com/Hukeqing/codeforces-client/releases" target="_blank"
                style="text-decoration:none;color: #3a8ee6; margin-left: 40px">Latest Release</a>
         </h2>
+        <p>当前的版本号为：1.0.0</p>
         <p style="margin-top: 120px; font-size: 14px">
-            Copyleft ! 2020.Mauve，版权部分所有，遵循 GPL 授权使用
+            Copyleft (ɔ) 2020.Mauve，版权部分所有，遵循 GPL 授权使用
         </p>
     </div>
 </template>

src/components/Contest.vue

@@ -79,12 +79,6 @@ let contest = require('../static/crawler/contest')
 export default {
     name: "Contest",
 
-    created() {
-        this.myCid = this.contestId
-        if (this.myCid !== '')
-            this.getContest()
-    },
-
     data() {
         return {
             loading: false,
@@ -95,7 +89,18 @@ export default {
     },
 
     props: {
-        contestId: String
+        contestId: String,
+        wat: Boolean,
+    },
+
+    watch: {
+        wat: function (value) {
+            if (value === true) {
+                this.myCid = this.contestId
+                if (this.myCid !== '')
+                    this.getContest()
+            }
+        }
     },
 
     methods: {
@@ -131,20 +136,22 @@ export default {
 </script>
 
 <style>
+.main {
+    margin-top: 30px;
+    margin-left: 30px;
+    margin-right: 30px;
+}
+
 .el-table .accept {
     background: #64ff64;
 }
 
 .el-table .reject {
     background: #ff6464;
 }
-</style>
-
 
-<style scoped>
-.main {
-    margin-top: 30px;
-    margin-left: 30px;
-    margin-right: 30px;
+.el-table tbody tr:hover > td {
+    background-color: #96ffff !important;
+    font-weight: bolder;
 }
 </style>

src/components/ContestList.vue

@@ -16,8 +16,11 @@
                 </div>
             </el-backtop>
         </template>
+        <el-button type="primary" :disabled="curPage === 0" v-on:click="prePage" :loading="isLoading" v-if="notFetch">
+            重新拉取
+        </el-button>
         <template v-if="!notFetch">
-            <el-table :data="contestList.slice(curPage * 20, (curPage + 1) * 20)"
+            <el-table :data="contestList.slice(curPage * 40, (curPage + 1) * 40)"
                       style="width: 100%"
                       :row-class-name="getColor">
                 <el-table-column
@@ -37,23 +40,23 @@
                     align="center"
                     min-width="200">
                     <template slot-scope="scope">
-                        {{ getTime(contestList[scope.$index + curPage * 20].startTimeSeconds) }}
+                        {{ getTime(contestList[scope.$index + curPage * 40].startTimeSeconds) }}
                     </template>
                 </el-table-column>
                 <el-table-column
                     label="Length"
                     align="center"
                     min-width="100">
                     <template slot-scope="scope">
-                        {{ getLengthTime(contestList[scope.$index + curPage * 20].durationSeconds) }}
+                        {{ getLengthTime(contestList[scope.$index + curPage * 40].durationSeconds) }}
                     </template>
                 </el-table-column>
                 <el-table-column
                     label="Status"
                     align="center"
                     min-width="100">
                     <template slot-scope="scope">
-                        {{ contestList[scope.$index + curPage * 20].phase.toLowerCase() }}
+                        {{ contestList[scope.$index + curPage * 40].phase.toLowerCase() }}
                     </template>
                 </el-table-column>
                 <el-table-column
@@ -62,8 +65,8 @@
                     min-width="50">
                     <template scope="scope">
                         <el-button type="primary"
-                                   v-on:click="clickContest(scope.$index + curPage * 20)"
-                                   :disabled="enterButton(scope.$index + curPage * 20)">
+                                   v-on:click="clickContest(scope.$index + curPage * 40)"
+                                   :disabled="enterButton(scope.$index + curPage * 40)">
                             进入
                         </el-button>
                     </template>
@@ -72,7 +75,7 @@
             <el-button-group style="margin-top: 30px">
                 <el-button type="primary" icon="el-icon-arrow-left" :disabled="curPage === 0" v-on:click="prePage">上一页
                 </el-button>
-                <el-button type="primary" v-on:click="nextPage" :disabled="curPage >= contestList.length / 20 - 1">下一页<i
+                <el-button type="primary" v-on:click="nextPage" :disabled="curPage >= contestList.length / 40 - 1">下一页<i
                     class="el-icon-arrow-right el-icon--right"></i>
                 </el-button>
             </el-button-group>
@@ -202,6 +205,11 @@ export default {
 .el-table .contestLine_system_finish {
     background: #ffffff;
 }
+
+.el-table tbody tr:hover > td {
+    background-color: #96ffff !important;
+    font-weight: bolder;
+}
 </style>
 
 <style scoped>

src/components/Home.vue

@@ -66,15 +66,19 @@
                 </el-menu>
             </el-aside>
             <el-main>
-                <Login v-if="status==='1'" :user="user" :logout="logout" v-on:login="login"></Login>
-                <Submit v-if="status==='2'" :user="user" :contestId="contestId" :problemId="problemId" v-on:proMessage="proMessage"></Submit>
+                <Login v-show="status==='1'" :user="user" :logout="logout" v-on:login="login"></Login>
+                <Submit v-show="status==='2'" :user="user" :contestId="contestId" :problemId="problemId"
+                        :wat="watchAttr['2']"
+                        v-on:proMessage="proMessage"></Submit>
                 <Status v-if="status==='3'" :user="user"></Status>
-                <ContestList v-if="status==='4-1'" v-on:proMessage="proMessage"></ContestList>
-                <Contest v-if="status==='4-2'" :contestId="contestId" v-on:proMessage="proMessage"></Contest>
-                <ProblemSet v-if="status==='4-3'" v-on:proMessage="proMessage"></ProblemSet>
-                <Problem v-if="status==='5'" :contestId="contestId" :problemId="problemId" v-on:proMessage="proMessage"></Problem>
-                <LocalManager v-if="status==='6'"></LocalManager>
-                <About v-if="status==='7'"></About>
+                <ContestList v-show="status==='4-1'" v-on:proMessage="proMessage"></ContestList>
+                <Contest v-show="status==='4-2'" :contestId="contestId" v-on:proMessage="proMessage"
+                         :wat="watchAttr['4-2']"></Contest>
+                <ProblemSet v-show="status==='4-3'" v-on:proMessage="proMessage"></ProblemSet>
+                <Problem v-show="status==='5'" :contestId="contestId" :problemId="problemId" :wat="watchAttr['5']"
+                         v-on:proMessage="proMessage"></Problem>
+                <LocalManager v-show="status==='6'"></LocalManager>
+                <About v-show="status==='7'"></About>
             </el-main>
         </el-container>
     </el-container>
@@ -100,7 +104,12 @@ export default {
             user: '',
             logout: '',
             contestId: '',
-            problemId: ''
+            problemId: '',
+            watchAttr: {
+                '2': false,
+                '3': false,
+                '4-2': false
+            }
         }
     },
 
@@ -118,6 +127,7 @@ export default {
 
     methods: {
         changeSelect(index) {
+            this.watchAttr[this.status] = false
             this.status = index
         },
 
@@ -130,7 +140,11 @@ export default {
         proMessage(problem) {
             this.contestId = String(problem.contest)
             this.problemId = problem.id
-            this.status = String(problem.next)
+            if (this.status !== problem.next) {
+                this.watchAttr[this.status] = false
+                this.status = String(problem.next)
+                this.watchAttr[problem.next] = true
+            }
         },
     }
 }

src/components/LocalManager.vue

@@ -96,6 +96,14 @@ export default {
 }
 </script>
 
+
+<style>
+.el-table tbody tr:hover > td {
+    background-color: #96ffff !important;
+    font-weight: bolder;
+}
+</style>
+
 <style scoped>
 
 </style>

src/components/Problem.vue

@@ -78,11 +78,6 @@ export default {
     name: "Problem",
 
     created() {
-        this.myCid = this.contestId
-        this.myPid = this.problemId
-        if (this.myCid === '' || this.myPid === '')
-            return
-        this.getProblem()
     },
 
     data() {
@@ -99,7 +94,20 @@ export default {
 
     props: {
         contestId: String,
-        problemId: String
+        problemId: String,
+        wat: Boolean,
+    },
+
+    watch: {
+        wat: function (value) {
+            if (value === true) {
+                this.myCid = this.contestId
+                this.myPid = this.problemId
+                if (this.myCid === '' || this.myPid === '')
+                    return
+                this.getProblem()
+            }
+        }
     },
 
     methods: {
@@ -174,7 +182,7 @@ export default {
                 this.$message.error('请输入题目的两个编号')
                 return
             }
-            this.$emit('proMessage', {contest: this.contestId, id: this.contestId, next: '2'})
+            this.$emit('proMessage', {contest: this.contestId, id: this.problemId, next: '2'})
         }
     }
 }

src/components/ProblemSet.vue

@@ -1,5 +1,20 @@
 <template>
     <div class="main">
+        <template>
+            <el-backtop>
+                <div style="
+                        height: 100%;
+                        width: 100%;
+                        background-color: #64c8ff;
+                        box-shadow: 0 0 6px rgba(0,0,0, .12);
+                        text-align: center;
+                        line-height: 40px;
+                        color: #1989fa;
+                        border-radius: 30px;"
+                ><i class="el-icon-top"></i>
+                </div>
+            </el-backtop>
+        </template>
         <el-form ref="form" label-width="80px"
                  style="box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); padding-top: 10px; padding-right: 20px; padding-bottom: 3px">
             <el-form-item label="题目标签">
@@ -26,7 +41,7 @@
                     v-model="sortValue"
                     :options="sortOptions"
                     :props="{ expandTrigger: 'hover' }"></el-cascader>
-                <el-button type="primary" @click="getProblemSet" style="margin-left: 10px; width: 120px"
+                <el-button type="primary" @click="fetchProblemSet" style="margin-left: 10px; width: 120px"
                            :loading="loading">拉取
                 </el-button>
             </el-form-item>
@@ -79,6 +94,14 @@
                 </el-table-column>
             </el-table>
         </template>
+        <div style="margin-top: 30px">
+            第
+            <el-input-number v-model="page" :min="1" :max="max_page" style="margin-left: 15px; margin-right: 15px"
+                             label="页" :disabled="loading"></el-input-number>
+            / {{max_page}}
+            页
+            <el-button type="primary" style="margin-left: 15px" icon="el-icon-right" :loading="loading" v-on:click="getProblemSet" round></el-button>
+        </div>
     </div>
 </template>
 
@@ -164,11 +187,17 @@ export default {
                         }]
                 }
             ],
-            sortValue: ['0']
+            sortValue: ['0'],
+            page: 1,
+            max_page: 1
         }
     },
 
     methods: {
+        fetchProblemSet() {
+            this.page = 1
+            this.getProblemSet()
+        },
         getProblemSet() {
             this.notFetch = true
             this.loading = true
@@ -183,13 +212,15 @@ export default {
                 args += ',' + this.score[0] + '-' + this.score[1]
             else
                 args += 'tags=' + this.score[0] + '-' + this.score[1]
-            problemSet.getProblemSetList(args, (e, p) => {
+            problemSet.getProblemSetList(this.page, args, (e, p, m) => {
                 if (e) {
                     console.log(p)
                     this.$message.error('拉取失败')
                 } else {
                     this.notFetch = false
                     this.problems = p
+                    m = parseInt(m)
+                    this.max_page = m > this.page ? m : this.page
                 }
                 this.loading = false
             })
@@ -206,21 +237,22 @@ export default {
         clickProblem(index) {
             console.log(this.problems[index].id)
             this.$emit('proMessage', {contest: this.problems[index].contest, id: this.problems[index].id, next: '5'})
-        }
+        },
     }
 }
 </script>
 
 <style scoped>
-.el-select {
-    width: 100%;
-}
-
 .el-table .accept {
     background: #64ff64;
 }
 
 .el-table .reject {
     background: #ff6464;
 }
+
+.el-table tbody tr:hover > td {
+    background-color: #96ffff !important;
+    font-weight: bolder;
+}
 </style>