feat(Submission): 现在可以查看提交记录并且可以查看所有的可知数据了

Author: Hukeqing

src/components/About.vue

@@ -52,7 +52,7 @@ export default {
         }
     },
 
-    created() {
+    mounted() {
         fetch('https://api.github.com/repos/Hukeqing/codeforces-client/releases/latest').then(response => response.json()).then(json => {
             this.latestVersion = json.tag_name
             this.updateLink = json.html_url

src/components/Status.vue

@@ -107,11 +107,40 @@
             <el-input
                 type="textarea"
                 :rows="10"
-                v-model="code"
+                v-model="detail.source"
                 class="rt-input"
-                :disabled="true"
+                readonly
                 :autosize="{ minRows: 10 }">
             </el-input>
+            <div v-for="data in detail.data" v-bind:key="data.id"
+                 style="box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); border-radius: 4px; padding: 10px 10px 10px 10px">
+                <h1>{{ data.id }}</h1>
+                <p>
+                    Time: {{ data.timeConsumed }}ms &emsp;
+                    memory: {{ data.memoryConsumed }}KB &emsp;
+                    exitCode: {{ data.exitCode }}
+                    <br>
+                    Verdict: {{ data.verdict }}
+                </p>
+                <el-form label-position="left">
+                    <el-form-item label="Input">
+                        <el-input type="textarea" :autosize="{ minRows: 0 }" readonly
+                                  v-model="data.input"></el-input>
+                    </el-form-item>
+                    <el-form-item label="Output">
+                        <el-input type="textarea" :autosize="{ minRows: 0 }" readonly
+                                  v-model="data.output"></el-input>
+                    </el-form-item>
+                    <el-form-item label="Answer">
+                        <el-input type="textarea" :autosize="{ minRows: 0 }" readonly
+                                  v-model="data.answer"></el-input>
+                    </el-form-item>
+                    <el-form-item label="comment">
+                        <el-input type="textarea" :autosize="{ minRows: 0 }" readonly
+                                  v-model="data.checkerStdoutAndStderr"></el-input>
+                    </el-form-item>
+                </el-form>
+            </div>
             <span slot="footer" class="dialog-footer">
                 <el-button type="primary" @click="submissionDialog = false">关 闭</el-button>
             </span>
@@ -123,6 +152,7 @@
 import {timeCycle} from '@/static/js/time'
 
 let copy = require('../static/js/copy')
+let common = require('../static/crawler/common')
 let submission = require('../static/crawler/submission')
 
 export default {
@@ -142,7 +172,7 @@ export default {
             curSubmission: '',
             onGetSubmission: false,
             submissionDialog: false,
-            code: '',
+            detail: {},
             timeOut: null
         }
     },
@@ -211,18 +241,54 @@ export default {
         },
 
         openSubmit(index) {
-            this.code = ''
             this.submissionDialog = true
             this.curSubmission = this.submits[index].id
             this.onGetSubmission = true
-            submission.getSubmission(this.submits[index].contestId, this.submits[index].id, (e, r) => {
-                this.onGetSubmission = false
-                if (e) {
-                    console.log(r)
-                    this.$message.error('拉取出错')
-                    return
-                }
-                this.code = r
+            // submission.getSubmission(this.submits[index].contestId, this.submits[index].id, (e, r) => {
+            //     this.onGetSubmission = false
+            //     if (e) {
+            //         console.log(r)
+            //         this.$message.error('拉取出错')
+            //         return
+            //     }
+            //     this.code = r
+            // })
+            this.detail = {}
+            common.getXCsrfToken((e, x) => {
+                submission.getSubmissionDetail(x, this.submits[index].id, (e, r) => {
+                    this.onGetSubmission = false
+                    if (e) {
+                        console.log(r)
+                        this.$message.error(r)
+                        return
+                    }
+                    r = JSON.parse(r)
+                    this.detail = {
+                        source: r.source,
+                        contestName: r.contestName,
+                        problemName: r.problemName,
+                        partyName: r.partyName,
+                        verdict: r.verdict,
+                        nextId: r.nextId,
+                        prevId: r.prevId,
+                        data: []
+                    }
+                    console.log(this.detail)
+                    for (let i = r['testCount']; i >= 1; --i) {
+                        this.detail.data.push({
+                            id: i,
+                            timeConsumed: r['timeConsumed#' + i],
+                            memoryConsumed: parseInt(r['memoryConsumed#' + i]) / 1024,
+                            exitCode: r['exitCode#' + i],
+                            verdict: r['verdict#' + i],
+                            input: r['input#' + i],
+                            output: r['output#' + i],
+                            answer: r['answer#' + i],
+                            checkerStdoutAndStderr: r['checkerStdoutAndStderr#' + i]
+                        })
+                    }
+                    console.log(this.detail)
+                })
             })
         },
 
@@ -236,7 +302,7 @@ export default {
         },
 
         copyCode() {
-            copy.copy(this.code)
+            copy.copy(this.detail.source)
             this.$notify({
                 title: '成功',
                 message: '拷贝成功',

src/static/crawler/common.js

@@ -21,7 +21,6 @@ module.exports = {
                     const $ = cheerio.load(b)
                     let xCsrfToken = $('meta[name="X-Csrf-Token"]').prop('content');
                     callback(false, xCsrfToken)
-                    console.log(xCsrfToken)
                 } catch (e) {
                     console.log('connection error')
                 }

src/static/crawler/submission.js

@@ -30,5 +30,29 @@ module.exports = {
                 callback(true, '获取题面遇到意料之外的错误')
             }
         })
+    },
+
+    getSubmissionDetail: function (xCsrfToken, submissionId, callback) {
+        let data = {
+            submissionId: submissionId,
+            csrf_token: xCsrfToken,
+        };
+
+        let opts = {
+            url: basic.url + 'data/submitSource',
+            method: 'POST',
+            headers: {
+                'User-Agent': basic.userAgent
+            },
+            form: data
+        }
+
+        request(opts, (e, r, b) => {
+            if (r.statusCode !== 200) {
+                callback(true, '提交编号越界')
+                return
+            }
+            callback(false, b)
+        })
     }
 }

src/static/css/status.css

@@ -3,32 +3,32 @@
     font-weight: bold;
 }
 
-.verdict-accepted-challenged {
+.el-table .verdict-accepted-challenged {
     background-color: #c8ffc8;
 }
 
 .el-table .verdict-failed {
     background-color: #ffc8c8;
 }
 
-.verdict-rejected {
-    color: #00a;
+.el-table .verdict-rejected {
+    color: #ffc8c8;
 }
 
-.verdict-waiting {
+.el-table .verdict-waiting {
     color: #c8c8c8;
 }
 
-.verdict-successful-challenge {
+.el-table .verdict-successful-challenge {
     font-weight: bold;
     background-color: #c8ffc8;
 }
 
-.verdict-unsuccessful-challenge {
+.el-table .verdict-unsuccessful-challenge {
     color: #00a;
 }
 
-.verdict-challenged {
+.el-table .verdict-challenged {
     background-color: #ffc8c8;
     font-weight: bold;
 }