update

Author: qige2016

controllers/key.js

@@ -14,6 +14,16 @@ module.exports = {
         await next();
     },
 
+    async getAllEmptyKeysCount(ctx, next) {
+        try {
+            const data = await Key.findAllByEmail(null)
+            ctx.body = { msg: 1001, data }
+        } catch (err) {
+            ctx.body = { code: -1, msg: 1000, }
+        }
+        await next();
+    },
+
     async createKey(ctx, next) {
         const req = ctx.request.body
         if (!req.key) {

models/key.js

@@ -55,6 +55,19 @@ class Key extends Model {
         })
     }
 
+    /**
+     * @description: 根据email查找所有key
+     * @param {*} id
+     * @return {*} 
+     */    
+    static async findAllByEmail(email){
+        return await this.findAndCountAll({
+            where: {
+                email
+            }
+        })
+    }
+
 }
 // 初始化表结构
 Key.init(

routes/key.js

@@ -3,6 +3,8 @@ const Key = require('../controllers/key')
 
 router.get('/getAllKeys', Key.getAllKeys)
 
+router.get('/getAllEmptyKeysCount', Key.getAllEmptyKeysCount)
+
 router.post('/createKey', Key.createKey)
 
 router.post('/sendKey', Key.sendKey)

src/App.vue

@@ -9,6 +9,9 @@
             <li>最终解释权归金庸群侠传3D重制版开源社区所有。</li>
           </ul>
         </a-form-item>
+         <a-form-item label="剩余码数">
+           {{ count }}
+         </a-form-item>
         <a-form-item v-for="(question, index) in questions" :key="question.id" :label="`题目${index + 1}`">
           <div>{{ question.topic }}</div>
           <a-radio-group v-model="answers[index]">
@@ -58,21 +61,30 @@
 </template>
 
 <script>
-import 'no-debugger'
+// import 'no-debugger'
 import axios from 'axios'
 export default {
   name: 'App',
   data() {
     return {
         questions: [],
         answers: [],
-        form: this.$form.createForm(this)
+        form: this.$form.createForm(this),
+        count: 0
     }
   },
   mounted() {
+    this.handleAllEmptyKeysCount()
     this.handleQuestion()
   },
   methods: {
+    handleAllEmptyKeysCount() {
+      axios.get('/api/getAllEmptyKeysCount')
+      .then((response) => {
+        const { data: { data: { count } } } = response
+        this.count = count
+      })
+    },
     handleQuestion() {
       axios.get('/api/getAllQuestions')
       .then((response) => {