feat:更新图片模块

src/views/anniversary/list.vue

@@ -4,7 +4,7 @@
 
     <el-empty v-if="anniversaryStore.anniversaryList.length === 0" />
 
-    <div v-else class="anniversary-list">
+    <div v-else class="anniversary-list" v-loading="anniversaryStore.isLoading">
       <anniversary-card v-for="(item, index) in anniversaryStore.anniversaryList"
                         :key="index" :date-item="item" />
     </div>
@@ -24,7 +24,9 @@ const anniversaryStore = useAnniversaryStore()
 const router = useRouter()
 
 onMounted(async () => {
+  anniversaryStore.isLoading = true
   await anniversaryStore.queryAnniversaryList()
+  anniversaryStore.isLoading = false
 })
 
 const addClick = () => {

src/views/food/timeline.vue

@@ -23,9 +23,9 @@
                         :key="index" :timestamp="formatDate(item.date)"
                         placement="top">
         <div class="timeline-info card-item">
-          <span>{{ item.name }}</span>
+          <span class="name">{{ item.name }}</span>
           <el-image :src="AListUrl + item.imageUrl"
-                    fit="contain" alt="暂无成果"
+                    fit="cover" alt="暂无成果"
                     @click="viewImageClick(item)">
             <template #error>
               <div class="image-slot">
@@ -59,7 +59,7 @@ onMounted(async () => {
 
 const viewImageClick = (item: IFoodRecord) => {
   const imageList = [AListUrl + item.imageUrl]
-  showImagePreview(imageList)
+  showImagePreview({ images: imageList, closeable: true })
 }
 
 const changeDateEvent = async (value: Date) => {
@@ -106,6 +106,10 @@ const nextYearClick = async () => {
       flex-direction: column;
       gap: 10px;
 
+      .name {
+        font-weight: bold;
+      }
+
       .el-image {
         height: 300px;
       }

src/views/kpi/detail[id].vue

@@ -1,7 +1,8 @@
 <template>
   <div class="mobile-kpi-detail common-mobile-view">
     <el-form ref="formRef" :model="kpiStore.currentKpi"
-             :rules="rules" label-width="60px">
+             :rules="rules" label-position="top" label-width="60px"
+             class="form-item">
       <el-form-item label="日期" prop="date">
         <el-date-picker
             v-model="kpiStore.currentKpi.date"