From c77c3ff512a116456a468e3b49710c6a08c10e86 Mon Sep 17 00:00:00 2001
From: Cxx0822 <1556464090@qq.com>
Date: Fri, 27 Jun 2025 17:08:52 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E6=9B=B4=E6=96=B0UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Moment/MomentCard.vue |  3 ++-
 src/store/app.ts                     |  2 +-
 src/views/login/index.vue            | 10 ++++++++++
 src/views/moment/index.vue           | 10 ++++++++++
 src/views/moment/momentForm.vue      |  4 ++--
 src/views/profile/index.vue          |  3 ++-
 src/views/record/recipeForm.vue      |  7 ++++---
 src/views/record/recordForm.vue      |  3 ++-
 8 files changed, 33 insertions(+), 9 deletions(-)

diff --git a/src/components/Moment/MomentCard.vue b/src/components/Moment/MomentCard.vue
index d08799b..388fa65 100644
--- a/src/components/Moment/MomentCard.vue
+++ b/src/components/Moment/MomentCard.vue
@@ -8,7 +8,8 @@
 
       <div class="moment-image-list">
         <el-image v-for="(item, index) in props.item.imageList" :key="index"
-                  :src="serviceFileRootPath + item" fit="fill" />
+                  :src="serviceFileRootPath + item" fit="cover"
+                  :preview-src-list="[serviceFileRootPath + item]"/>
       </div>
 
       <p>{{ formatTimeAgo(props.item.date) }}</p>
diff --git a/src/store/app.ts b/src/store/app.ts
index e03ad84..236260e 100644
--- a/src/store/app.ts
+++ b/src/store/app.ts
@@ -14,7 +14,7 @@ export const useAppStore = defineStore('ipp', {
     isDark: false,
     isWebSocket: false,
     serverIp: '14.103.235.151',
-    version: 'v1.0.0.2025062701'
+    version: 'v1.0.0.2025062702'
   }),
   actions: {
     initApp() {
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 714c69b..adecb44 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -16,6 +16,10 @@
       <register v-if="authStore.loginType === 'register'"
                    class="animate__animated animate__bounceIn"/>
     </div>
+
+    <div class="app-version">
+      <span>版本号：{{ appStore.version }}</span>
+    </div>
   </div>
 </template>
 
@@ -153,5 +157,11 @@ $login-height: 500px;
       }
     }
   }
+
+  .app-version {
+    position: absolute;
+    bottom: 10px;
+    right: 10px;
+  }
 }
 </style>
diff --git a/src/views/moment/index.vue b/src/views/moment/index.vue
index c7a1dcd..d0ba7a4 100644
--- a/src/views/moment/index.vue
+++ b/src/views/moment/index.vue
@@ -5,11 +5,15 @@
     <div v-else class="moment-list">
       <moment-card v-for="(item, index) in foodStore.momentList"
                    :key="index" :item="item"/>
+
+      <el-button type="primary" circle :icon="Refresh"
+                 class="refresh-button" @click="foodStore.queryMomentList()"/>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
+import { Refresh } from '@element-plus/icons-vue'
 import MomentCard from '@/components/Moment/MomentCard.vue'
 import { useFoodStore } from '@/store/food'
 import { onMounted } from 'vue'
@@ -31,6 +35,12 @@ onMounted(async () => {
     display: flex;
     flex-direction: column;
     gap: 10px;
+
+    .refresh-button {
+      position: fixed;
+      top: 60px;
+      right: 20px;
+    }
   }
 }
 </style>
diff --git a/src/views/moment/momentForm.vue b/src/views/moment/momentForm.vue
index 727143f..c322339 100644
--- a/src/views/moment/momentForm.vue
+++ b/src/views/moment/momentForm.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="moment-form common-mobile-view">
     <el-form ref="formRef" :model="foodStore.currentMoment"
-             :rules="rules" label-width="80">
-      <el-form-item label="发布内容" prop="content">
+             :rules="rules" label-width="60">
+      <el-form-item label="内容" prop="content">
         <el-input v-model="foodStore.currentMoment.content"
                   type="textarea" :rows="3"
                   :maxlength="100" show-word-limit
diff --git a/src/views/profile/index.vue b/src/views/profile/index.vue
index 996ebd1..37b1538 100644
--- a/src/views/profile/index.vue
+++ b/src/views/profile/index.vue
@@ -32,7 +32,8 @@ const userStore = useUserStore()
 const authStore = useAuthStore()
 const router = useRouter()
 
-const viewLatestVersionClick = () => {
+const viewLatestVersionClick = async () => {
+  await router.push('/')
   location.reload()
 }
 
diff --git a/src/views/record/recipeForm.vue b/src/views/record/recipeForm.vue
index 4ec97ca..6beb246 100644
--- a/src/views/record/recipeForm.vue
+++ b/src/views/record/recipeForm.vue
@@ -11,7 +11,7 @@
 
       <el-form-item label="菜系" prop="category">
         <el-select v-model="foodStore.currentRecipe.category"
-                   placeholder="请选择或输入菜系">
+                   placeholder="请选择或输入菜系" allow-create filterable>
           <el-option v-for="(item, index) in foodCategoryList"
                      :key="index" :label="item" :value="item"/>
         </el-select>
@@ -41,7 +41,8 @@
 
     <div class="button-container">
       <el-button type="primary" @click="confirmClick">确认</el-button>
-      <el-button type="danger" @click="deleteClick">删除</el-button>
+      <el-button v-if="foodStore.recipeApiType === 'UPDATE'"
+                 type="danger" @click="deleteClick">删除</el-button>
       <el-button type="info" @click="cancelClick">取消</el-button>
     </div>
 
@@ -65,7 +66,7 @@ const rules = reactive<FormRules>(foodRules)
 const formRef = ref<FormInstance>()
 const foodStore = useFoodStore()
 
-const foodCategoryList = ['家常菜', '淮扬菜', '鲁菜', '川菜', '粤菜', '闽菜', '浙菜', '湘菜', '徽菜', '其他']
+const foodCategoryList = ['家常菜', '淮扬菜', '甜点', '其他']
 
 /**
  * 点击确认按钮
diff --git a/src/views/record/recordForm.vue b/src/views/record/recordForm.vue
index 6a1e34d..d245900 100644
--- a/src/views/record/recordForm.vue
+++ b/src/views/record/recordForm.vue
@@ -34,7 +34,8 @@
 
     <div class="button-container">
       <el-button type="primary" @click="confirmClick">确认</el-button>
-      <el-button type="danger" @click="deleteClick">删除</el-button>
+      <el-button v-if="foodStore.recordApiType === 'UPDATE'"
+                 type="danger" @click="deleteClick">删除</el-button>
       <el-button type="info" @click="cancelClick">取消</el-button>
     </div>
   </div>