界面问题修复

src/views/adminHome.vue

@@ -40,7 +40,7 @@
             <p><span>随行人数：</span><span>{{ item.visitingNum }} </span></p>
             <p><span>来访事由：</span><span>{{ item.reason }}</span></p>
           </div>
-          <div class="status" :class="stateEnum[item.status].className">{{ stateEnum[item.status].statusName }}</div>
+          <div class="status" :class="getStatusInfo(item.status).className">{{ getStatusInfo(item.status).statusName }}</div>
         </div>
       </div>
       <div v-if="isLoading && isDataLoaded && recordArr.length === 0" class="no-have">
@@ -83,6 +83,12 @@ const query = reactive({
 })
 const recordArr = ref([])
 const stateEnum = store.state.stateEnum
+
+// 获取完整状态信息
+const getStatusInfo = (status) => {
+  return store.getters.getStatusInfo(status)
+}
+
 token.value = localStorage.getItem('token')
 localStorage.setItem('redirect', '/adminHome')
 
@@ -439,6 +445,47 @@ onMounted(() => {
           color: #30BF78;
           background: #E7F8F5;
         }
+
+        // 新增状态样式
+        .wait {
+          color: #E6A23C;
+          background: #FFF7CC;
+        }
+
+        .cancel {
+          color: #909399;
+          background: #F4F4F5;
+        }
+
+        .pending {
+          color: #409EFF;
+          background: #ECF5FF;
+        }
+
+        .visited {
+          color: #67C23A;
+          background: #F0F9EB;
+        }
+
+        .overdue {
+          color: #E6A23C;
+          background: #FEF0F0;
+        }
+
+        .not-visited {
+          color: #909399;
+          background: #F4F4F5;
+        }
+
+        .finished {
+          color: #999999;
+          background: #F5F5F5;
+        }
+
+        .default {
+          color: #666666;
+          background: #F5F5F5;
+        }
       }
     }