fix: 人员详情头像预览

src/views/storeDecoration/personnelConfig/index.vue

@@ -110,7 +110,13 @@
           <div class="detail-item">
             <div class="detail-label">头像：</div>
             <div class="detail-value">
-              <img v-if="personnelDetail.staffImage" :src="personnelDetail.staffImage" alt="头像" class="detail-avatar" />
+              <img
+                v-if="personnelDetail.staffImage"
+                :src="personnelDetail.staffImage"
+                alt="头像"
+                class="detail-avatar"
+                @click="previewBackgroundImage(personnelDetail.staffImage)"
+              />
               <span v-else>—</span>
             </div>
           </div>
@@ -2345,8 +2351,16 @@ onMounted(async () => {
         .detail-avatar {
           width: 100px;
           height: 100px;
+          cursor: pointer;
           object-fit: cover;
           border-radius: 8px;
+          transition:
+            transform 0.2s,
+            box-shadow 0.2s;
+          &:hover {
+            box-shadow: 0 2px 8px rgb(0 0 0 / 15%);
+            transform: scale(1.05);
+          }
         }
         .background-images {
           display: grid;