style(code): 统一代码格式化和导入顺序调整

- 调整了多个组件中的导入语句顺序以保持一致
- 格式化了 App.vue 中的 CSS 样式规则使其更易读
- 规范化了 vite.config.ts 中的配置对象缩进
- 移除了未使用的 computed 导入以减少代码冗余
- 整理了图标组件的导入顺序使其按字母排序
- 统一了代码中的空行和缩进格式

.gitea/workflows/deploy-dev.yaml

@@ -11,7 +11,11 @@ jobs:
         uses: actions/checkout@v4
 
       - name: 构建Docker镜像
-        run: docker build -t dypid:latest .
+        run: |
+          set -x
+          git_hash=$(git rev-parse --short "$GITHUB_SHA")
+          build_date=$(TZ=Asia/Shanghai date +"%Y%m%d%H%M")
+          docker build --build-arg VERSION="dev - $build_date - $git_hash" -t dypid:latest .
 
       - name: 导出镜像
         run: mkdir release && docker save -o release/dypid.tar dypid:latest && docker rmi dypid:latest

.gitea/workflows/deploy-production.yaml

@@ -12,7 +12,11 @@ jobs:
         uses: actions/checkout@v4
 
       - name: 构建Docker镜像
-        run: docker build -t dypid:latest .
+        run: |
+          set -x
+          git_hash=$(git rev-parse --short "$GITHUB_SHA")
+          build_date=$(TZ=Asia/Shanghai date +"%Y%m%d%H%M")
+          docker build --build-arg VERSION="release - $build_date - $git_hash" -t dypid:latest .
 
       - name: 导出镜像
         run: mkdir release && docker save -o release/dypid.tar dypid:latest && docker rmi dypid:latest

Dockerfile

@@ -15,9 +15,13 @@ WORKDIR /build
 COPY . .
 COPY --from=webBuilder /build/dist ./web/dist
 
+ARG VERSION
+
 RUN go env -w CGO_ENABLED=0 \
     && go mod tidy \
-    && go build -o dypid
+    && go build \
+      -ldflags="-s -w -X 'dypid/global.Version=$VERSION'" \
+      -o dypid
 
 FROM alpine
 

api/api.go

@@ -1,8 +1,10 @@
 package api
 
 import (
+	"dypid/global"
 	"dypid/internal/controller"
 	"embed"
+	"fmt"
 	"io/fs"
 	"net/http"
 
@@ -11,6 +13,14 @@ import (
 
 func RegRoutes(r *gin.Engine) {
 	g := r.Group("/api") //初始化路由组 /api/xxxx
+	{
+		g.GET("/test", func(context *gin.Context) {
+			context.String(http.StatusOK, "ok")
+		})
+		g.GET("/version", func(context *gin.Context) {
+			context.String(http.StatusOK, fmt.Sprintf("程序版本: %s\nGin: %s", global.Version, gin.Version))
+		})
+	}
 	{
 		g.GET("/token", controller.ListTokenHandler)               //获取token列表
 		g.POST("/token", controller.CreateTokenHandler)            //创建token

global/global.go

@@ -8,3 +8,5 @@ import (
 
 var RDB *redis.Client
 var RCtx = context.Background()
+
+var Version = "dev"

web/src/App.vue

@@ -104,30 +104,87 @@ html, body, #app {
 }
 
 /* Gap 间距 */
-.gap-sm { gap: 8px; }
+.gap-sm {
-.gap-md { gap: 12px; }
+  gap: 8px;
-.gap-lg { gap: 16px; }
+}
+
+.gap-md {
+  gap: 12px;
+}
+
+.gap-lg {
+  gap: 16px;
+}
 
 /* 间距工具类 */
-.mt-sm { margin-top: 8px; }
+.mt-sm {
-.mt-md { margin-top: 16px; }
+  margin-top: 8px;
-.mt-lg { margin-top: 24px; }
+}
-.mb-sm { margin-bottom: 8px; }
+
-.mb-md { margin-bottom: 16px; }
+.mt-md {
-.mb-lg { margin-bottom: 24px; }
+  margin-top: 16px;
-.ml-sm { margin-left: 8px; }
+}
-.ml-md { margin-left: 12px; }
+
-.ml-lg { margin-left: 16px; }
+.mt-lg {
-.mr-sm { margin-right: 8px; }
+  margin-top: 24px;
-.mr-md { margin-right: 12px; }
+}
-.mr-lg { margin-right: 16px; }
+
+.mb-sm {
+  margin-bottom: 8px;
+}
+
+.mb-md {
+  margin-bottom: 16px;
+}
+
+.mb-lg {
+  margin-bottom: 24px;
+}
+
+.ml-sm {
+  margin-left: 8px;
+}
+
+.ml-md {
+  margin-left: 12px;
+}
+
+.ml-lg {
+  margin-left: 16px;
+}
+
+.mr-sm {
+  margin-right: 8px;
+}
+
+.mr-md {
+  margin-right: 12px;
+}
+
+.mr-lg {
+  margin-right: 16px;
+}
 
 /* 文本工具类 */
-.text-primary { color: var(--text-primary); }
+.text-primary {
-.text-success { color: var(--success-color); }
+  color: var(--text-primary);
-.text-warning { color: var(--warning-color); }
+}
-.text-danger { color: var(--danger-color); }
+
-.text-info { color: var(--info-color); }
+.text-success {
+  color: var(--success-color);
+}
+
+.text-warning {
+  color: var(--warning-color);
+}
+
+.text-danger {
+  color: var(--danger-color);
+}
+
+.text-info {
+  color: var(--info-color);
+}
 
 /* 加载动画 */
 .loading-container {

web/src/components/AddDataDialog.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import {ref, computed} from "vue"
+import {computed, ref} from "vue"
 import axios from "@/axios.ts"
 import {ElMessage} from 'element-plus'
 import {Upload} from '@element-plus/icons-vue'

web/src/stores/counter.ts

@@ -1,4 +1,4 @@
-import {ref, computed} from 'vue'
+import {ref} from 'vue'
 import {defineStore} from 'pinia'
 
 export const useCounterStore = defineStore('counter', () => {

web/src/views/AdminView.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import {ref, watch, computed} from 'vue'
+import {ref, watch} from 'vue'
 import {useRoute, useRouter} from "vue-router"
 import {useCounterStore} from "@/stores/counter.ts"
-import {Edit, User, Document, CloseBold} from '@element-plus/icons-vue'
+import {CloseBold, Document, Edit, User} from '@element-plus/icons-vue'
 
 const router = useRouter()
 const route = useRoute()

web/src/views/HomeView.vue

@@ -1,12 +1,9 @@
 <script setup lang="ts">
-import {ref, onMounted, onUnmounted} from 'vue'
+import {onMounted, onUnmounted, ref} from 'vue'
 import axios from "@/axios.ts"
 import {useRoute} from "vue-router"
 import {ElMessage} from "element-plus"
-import {
+import {DataAnalysis, Document, Key, Search, Upload, Warning} from '@element-plus/icons-vue'
-  Key, DataAnalysis,
-  Document, Warning, Search, Upload
-} from '@element-plus/icons-vue'
 import AddDataDialog from "@/components/AddDataDialog.vue";
 
 const route = useRoute()
@@ -153,7 +150,6 @@ const statCards = [
 
 .search-box {
   display: flex;
-  //justify-content: center;
   gap: 12px;
   margin-bottom: 32px;
 }

web/src/views/TokenDetailView.vue

@@ -1,12 +1,9 @@
 <script setup lang="ts">
-import {ref, onMounted, onUnmounted, watch} from 'vue'
+import {onMounted, onUnmounted, ref, watch} from 'vue'
 import {useCounterStore} from "@/stores/counter.ts"
 import axios from "@/axios.ts"
 import {ElMessage, ElMessageBox} from 'element-plus'
-import {
+import {DataAnalysis, Delete, Document, InfoFilled, Key, Refresh, Search, Warning} from '@element-plus/icons-vue'
-  Key, Refresh, Delete, DataAnalysis,
-  Document, Warning, Search, InfoFilled
-} from '@element-plus/icons-vue'
 
 const store = useCounterStore()
 const result = ref<any>(null)

web/src/views/TokenManageView.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import {ref, onMounted} from "vue"
+import {onMounted, ref} from "vue"
 import axios from "@/axios.ts"
 import {ElMessage} from 'element-plus'
 import {useCounterStore} from "@/stores/counter.ts"
 import {useRouter} from "vue-router"
-import {Plus, View, Edit, Delete, Key, Memo, Lock} from '@element-plus/icons-vue'
+import {Delete, Edit, Key, Lock, Memo, Plus, View} from '@element-plus/icons-vue'
 import AddDataDialog from '@/components/AddDataDialog.vue'
 
 const store = useCounterStore()