重构

Author: ybw0014

.editorconfig

@@ -16,3 +16,6 @@ trim_trailing_whitespace = false
 
 [*.yml]
 indent_size = 2
+
+[package.json]
+indent_size = 2

.github/workflows/eslint.yml

@@ -26,7 +26,7 @@ jobs:
         run: echo "::set-output name=dir::$(yarn cache dir)"
 
       - name: Cache node_modules
-        uses: actions/[email protected].6
+        uses: actions/[email protected].7
         id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
         with:
           path: ${{ steps.yarn-cache-dir-path.outputs.dir }}

.github/workflows/maven-build.yml

@@ -19,15 +19,15 @@ jobs:
       uses: actions/checkout@master
 
     - name: Setting up Java
-      uses: actions/setup-java@v2.3.1
+      uses: actions/setup-java@v2.4.0
       with:
         distribution: 'adopt'
         java-version: '16'
         java-package: jdk
         architecture: x64
 
     - name: Setting up node.js
-      uses: actions/setup-node@v2.4.1
+      uses: actions/setup-node@v2.5.0
       with:
         node-version: '16.13.0'
 

.github/workflows/nuxt-build.yml

@@ -19,7 +19,7 @@ jobs:
         uses: actions/checkout@master
 
       - name: Setup node
-        uses: actions/setup-node@v2.4.1
+        uses: actions/setup-node@v2.5.0
         with:
           node-version: '16.13.0'
 
@@ -28,7 +28,7 @@ jobs:
         run: echo "::set-output name=dir::$(yarn cache dir)"
 
       - name: Cache node_modules
-        uses: actions/[email protected].6
+        uses: actions/[email protected].7
         id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
         with:
           path: ${{ steps.yarn-cache-dir-path.outputs.dir }}

components/GridJs.vue

@@ -0,0 +1,16 @@
+<template>
+    <grid :cols="cols" :rows="data" />
+</template>
+<script>
+import Grid from 'gridjs-vue'
+
+export default {
+    components: {
+        Grid
+    },
+    props: {
+        cols: Array,
+        data: Array
+    }
+}
+</script>

nuxt.config.js

@@ -4,14 +4,14 @@ export default {
 
     // Global page headers: https://go.nuxtjs.dev/config-head
     head: {
-        title: 'ybw0014 的 Maven 构建页面',
+        title: '鬼斩的 Maven 构建页面',
         htmlAttrs: {
             lang: 'zh-CN'
         },
         meta: [
             { charset: 'utf-8' },
             { name: 'viewport', content: 'width=device-width,initial-scale=1.0,minimum-scale=1.0,shrink-to-fit=no' },
-            { hid: 'description', name: 'description', content: 'ybw0014 的 Maven 构建页面' },
+            { hid: 'description', name: 'description', content: '鬼斩的 Maven 构建页面' },
             { hid: 'author', name: 'author', content: 'ybw0014' },
             { name: 'format-detection', content: 'telephone=no' }
         ],

package.json

@@ -15,8 +15,9 @@
     "@nuxtjs/axios": "5.13.6",
     "@tailwindcss/forms": "0.3.4",
     "autoprefixer": "10.4.0",
-    "core-js": "3.19.1",
+    "core-js": "3.19.2",
     "cos-nodejs-sdk-v5": "2.10.10",
+    "gridjs-vue": "4.0.0",
     "lodash": "4.17.21",
     "marked": "3.0.8",
     "maven": "5.0.0",
@@ -28,17 +29,19 @@
     "sass": "1.43.4",
     "sass-loader": "10.2.0",
     "tailwindcss": "2.2.19",
+    "vue": "2.6.14",
     "vue-tailwind": "2.5.0",
     "xml-js": "1.6.11"
   },
   "devDependencies": {
-    "@babel/eslint-parser": "7.16.0",
+    "@babel/core": "7.16.0",
+    "@babel/eslint-parser": "7.16.3",
     "@nuxt/types": "2.15.8",
-    "@nuxtjs/eslint-config": "6.0.1",
+    "@nuxtjs/eslint-config": "8.0.0",
     "@nuxtjs/eslint-module": "3.0.2",
     "@nuxtjs/tailwindcss": "4.2.1",
-    "eslint": "7.32.0",
-    "eslint-plugin-nuxt": "3.0.0",
-    "eslint-plugin-vue": "7.20.0"
+    "eslint": "8.3.0",
+    "eslint-plugin-nuxt": "3.1.0",
+    "eslint-plugin-vue": "8.1.1"
   }
 }

pages/index.vue

@@ -1,6 +1,6 @@
 <template>
-    <div class="grid grid-cols-1 lg:grid-cols-10">
-        <div class="col-span-3 m-4">
+    <div class="grid grid-cols-1 lg:grid-cols-10 xl:grid-cols-12">
+        <div class="col-span-3 xl:col-span-3 m-4">
             <div class="card">
                 <h3 class="text-xl font-bold mb-4">
                     <fa-icon icon="bell" />
@@ -12,16 +12,22 @@
                 <div v-else class="announcement" v-html="announcement"></div>
             </div>
         </div>
-        <div class="col-span-7 m-4 lg:ml-0">
+        <div class="col-span-7 xl:col-span-9 m-4 lg:ml-0">
             <div class="card">
-                <ul class="flex items-center mb-4">
-                    <li class="tab-title">
-                        所有仓库
-                    </li>
-                    <li class="tab-title">
-                        所有用户
-                    </li>
-                </ul>
+                <div v-if="repos === null" class="flex justify-center items-center">
+                    <div class="animate-spin rounded-full h-32 w-32 border-t-2 border-b-2 border-blue-500" />
+                </div>
+                <div v-else>
+                    <ul class="flex items-center mb-4">
+                        <li class="tab-title">
+                            所有仓库
+                        </li>
+                        <li class="tab-title">
+                            所有用户
+                        </li>
+                    </ul>
+                    <!--grid-js :cols="reposCols" :rows="listRepos" /-->
+                </div>
             </div>
         </div>
     </div>
@@ -52,6 +58,7 @@ export default {
                     sortable: true
                 }
             ],
+            reposCols: ['项目名称', '用户', '分支', '最新构建状态'],
             reposFields: [
                 {
                     key: 'repo',
@@ -81,7 +88,7 @@ export default {
                 const user = repoInfo.split('/')[0]
                 const repo = repoInfo.split('/')[1].split(':')[0]
                 const branch = repoInfo.split(':')[1]
-                lRepos.push({ repo, user, branch })
+                lRepos.push([repo, user, branch])
             }
             return lRepos
         },