diff --git a/pages.json b/pages.json
index 8f9ef5e..35f15f2 100644
--- a/pages.json
+++ b/pages.json
@@ -232,6 +232,30 @@
       "style": {
         "navigationBarTitleText": "单位管理"
       }
+    },
+    {
+      "path": "pages/sys/workbench/unitManagement/employeeAudits",
+      "style": {
+        "navigationBarTitleText": "员工审核"
+      }
+    },
+    {
+      "path": "pages/sys/workbench/unitManagement/auditsDetail",
+      "style": {
+        "navigationBarTitleText": "审核详情"
+      }
+    },
+    {
+      "path": "pages/sys/workbench/unitManagement/employeeManagement",
+      "style": {
+        "navigationBarTitleText": "员工管理"
+      }
+    },
+    {
+      "path": "pages/sys/workbench/unitManagement/employeeEdit",
+      "style": {
+        "navigationBarTitleText": "员工审核"
+      }
     }
   ],
   "tabBar": {
diff --git a/pages/sys/workbench/unitManagement/auditsDetail.vue b/pages/sys/workbench/unitManagement/auditsDetail.vue
new file mode 100644
index 0000000..3e61b82
--- /dev/null
+++ b/pages/sys/workbench/unitManagement/auditsDetail.vue
@@ -0,0 +1,205 @@
+  <template>
+    <view class="page-container">
+      <!-- 渐变蓝色背景 -->
+      <view class="gradient-bg"></view>
+
+      <!-- 用户信息卡片 -->
+      <view class="user-card">
+        <view class="user-info">
+          <view class="info-row">
+            <text class="label">用户姓名：</text>
+            <text class="value">余永乐</text>
+          </view>
+          <view class="info-row">
+            <text class="label">性别：</text>
+            <text class="value">男</text>
+          </view>
+          <view class="info-row">
+            <text class="label">证件号：</text>
+            <text class="value">5001255658789955</text>
+          </view>
+          <view class="info-row">
+            <text class="label">联系电话：</text>
+            <text class="value">17898987887</text>
+          </view>
+          <view class="info-row">
+            <text class="label">所属单位：</text>
+            <text class="value">x x x x x</text>
+          </view>
+
+          <!-- 人脸图片区域 -->
+          <view class="face-image-section">
+            <text class="label">人脸图片：</text>
+            <image
+                class="face-image"
+                :src="auditsDetail.avatar || '/static/ic_avg.png'"
+                mode="aspectFill"
+            />
+          </view>
+        </view>
+      </view>
+
+      <view class="user-card">
+        <view class="user-info">
+          <view class="info-row">
+            <text class="label">邮箱：</text>
+            <text class="value">-</text>
+          </view>
+          <view class="info-row">
+            <text class="label">车牌号：</text>
+            <text class="value">-</text>
+          </view>
+        </view>
+      </view>
+
+      <!-- 底部按钮 -->
+      <view v-if="pageType === 'handle'" class="action-buttons">
+        <button class="approve-btn" @click="handleApprove">通过</button>
+        <button class="reject-btn" @click="handleReject">拒绝</button>
+      </view>
+    </view>
+  </template>
+
+  <script>
+  export default {
+    data() {
+      return {
+        pageType: 'handle', // 'handle' 或 'detail'
+        auditsDetail: {},
+        handleDesc: '',
+        selectedImages: [],
+        realImages: [],
+        infoImages: []
+      };
+    },
+    methods: {
+      // 原有方法保持不变...
+      handleApprove() {
+        console.log('approve');
+      },
+      handleReject() {
+        console.log('reject');
+      },
+      async submit(action) {
+        // 提交逻辑...
+      },
+      // 其他原有方法...
+    }
+  };
+  </script>
+
+  <style scoped>
+  /* 渐变蓝色背景 */
+  .gradient-bg {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 500rpx;
+    background: linear-gradient(to bottom, #0A60ED, #FFFFFF);
+    z-index: -1;
+  }
+
+  .page-container {
+    padding: 48rpx 30rpx;
+    background-color: transparent;
+    min-height: 100vh;
+    box-sizing: border-box;
+  }
+
+  /* 用户信息卡片样式 */
+  .user-card {
+
+    background-color: #fff;
+    border-radius: 16rpx;
+    padding: 30rpx;
+    margin-bottom: 20rpx;
+    box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
+  }
+
+  .user-info {
+    width: 100%;
+  }
+
+  .info-row {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 32rpx;
+    font-size: 32rpx;
+  }
+
+  .info-row .label {
+    color: #000;
+    font-weight: 500;
+  }
+
+  .info-row .value {
+    color: #7F7F7F;
+  }
+
+  /* 人脸图片区域 */
+  .face-image-section {
+    margin-bottom: 32rpx;
+  }
+
+  .face-image-section .label {
+    display: block;
+    margin-bottom: 20rpx;
+    color: #000;
+    font-weight: 500;
+  }
+
+  .face-image {
+    width: 200rpx;
+    height: 200rpx;
+    border-radius: 8rpx;
+    border: 1rpx solid #eee;
+  }
+
+  /* 底部按钮样式 */
+  .action-buttons {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 40rpx;
+    padding: 0 30rpx;
+  }
+
+  .action-buttons button {
+    flex: 1;
+    height: 88rpx;
+    line-height: 88rpx;
+    border-radius: 44rpx;
+    font-size: 32rpx;
+    font-weight: 500;
+  }
+
+  .reject-btn {
+    background-color: transparent;
+    color: #0190FF;
+    border: 2rpx solid #0190FF;
+    margin-left: 20rpx;
+    transition: all 0.15s ease; /* 添加过渡效果 */
+  }
+
+  .reject-btn:active {
+    color: #FFFFFF; /* 文字改为白色 */
+    background-color: #0170CC; /* 背景改为深蓝色 */
+    border-color: #0170CC;
+    box-shadow: 0 4rpx 12rpx rgba(1, 112, 204, 0.4); /* 阴影加深 */
+    transform: translateY(2rpx); /* 轻微下压效果 */
+  }
+
+  .approve-btn {
+    background-color: #0190FF;
+    color: #fff;
+    border: none;
+    transition: all 0.15s ease; /* 添加过渡效果 */
+  }
+
+  .approve-btn:active {
+    background-color: #0150A0; /* 更深的蓝色 */
+    box-shadow: 0 4rpx 12rpx rgba(1, 80, 160, 0.4); /* 阴影加深 */
+    transform: translateY(2rpx); /* 轻微下压效果 */
+  }
+
+  </style>
\ No newline at end of file
diff --git a/pages/sys/workbench/unitManagement/employeeAudits.vue b/pages/sys/workbench/unitManagement/employeeAudits.vue
new file mode 100644
index 0000000..0daa43b
--- /dev/null
+++ b/pages/sys/workbench/unitManagement/employeeAudits.vue
@@ -0,0 +1,238 @@
+<template>
+  <view class="audits-container">
+    <!-- 员工审核列表 -->
+    <scroll-view
+        class="list-container"
+        scroll-y
+        :refresher-enabled="true"
+        refresher-background="#f7f7f7"
+        :refresher-triggered="refresherTriggered"
+        @refresherrefresh="onRefresh"
+        @scrolltolower="loadMore"
+        :lower-threshold="50"
+        scroll-with-animation>
+
+      <!-- 员工审核卡片 -->
+      <view v-for="(item, index) in list" :key="index" class="employee-card" @click="handleCardClick(item)">
+        <!-- 左侧头像 -->
+        <image class="avatar" :src="item.avatar || '/static/ic_avg.png'"/>
+
+        <!-- 右侧信息 -->
+        <view class="info-container">
+          <view class="name-row">
+            <text class="name">{{ item.name }}</text>
+            <image
+                class="gender-icon"
+                :src="item.gender === '1' ? '/static/ic_man.png' : '/static/ic_women.png'"
+            />
+            <text class="phone">{{ item.phone }}</text>
+          </view>
+
+          <text class="time">{{ item.applyTime }}</text>
+        </view>
+
+        <!-- 审核状态 - 精确贴合右上角 -->
+        <view class="status-badge"
+              :class="{
+                'status-pending': item.status === '1',
+                'status-processed': item.status === '2'
+              }">
+          {{ item.status === '1' ? "待处理" : "已处理" }}
+        </view>
+      </view>
+
+      <!-- 底部加载提示 -->
+      <view v-if="loading" class="loading-text">加载中...</view>
+      <view v-if="noMore" class="loading-text">没有更多数据了</view>
+    </scroll-view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      list: [
+        {name: "于永乐", gender: "1", phone: "12448155", applyTime: "2025-09-01  10:51:32", status: "1"}
+      ], // 员工列表数据
+      pageNum: 1, // 当前页码
+      pageSize: 10, // 每页数量
+      noMore: false, // 是否没有更多数据
+      loading: false, // 加载状态
+      refresherTriggered: false // 下拉刷新状态
+    };
+  },
+  created() {
+    this.loadData();
+  },
+  methods: {
+    // 下拉刷新
+    async onRefresh() {
+      this.refresherTriggered = true;
+      this.pageNum = 1;
+      this.noMore = false;
+      await this.loadData();
+      this.refresherTriggered = false;
+    },
+    // 滚动加载更多
+    async loadMore() {
+      if (this.loading || this.noMore) return;
+      this.pageNum++;
+      await this.loadData();
+    },
+    // 请求数据
+    async loadData() {
+      this.loading = true;
+      try {
+        let res = await this.$u.api.getEmployeeAuditList({
+          pageNum: this.pageNum,
+          pageSize: this.pageSize
+        });
+
+        if (res.code == "200") {
+          let rows = res.rows || [];
+          if (rows.length < this.pageSize) {
+            this.noMore = true;
+          }
+
+          if (this.pageNum === 1) {
+            this.list = rows;
+          } else {
+            this.list = [...this.list, ...rows];
+          }
+        }
+      } catch (e) {
+        console.error(e);
+      } finally {
+        this.loading = false;
+      }
+    },
+    // 点击卡片事件
+    handleCardClick(item) {
+      if (item.status === '1') {
+        uni.navigateTo({
+          url: `/pages/sys/workbench/unitManagement/auditsDetail`
+        });
+      }
+    }
+  }
+};
+</script>
+
+<style scoped>
+.audits-container {
+  height: 100vh;
+  background-color: #f7f7f7;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.list-container {
+  flex: 1;
+  padding: 28rpx 30rpx;
+  box-sizing: border-box;
+}
+
+.avatar {
+  width: 100rpx;
+  height: 100rpx;
+  border-radius: 50%;
+  margin-right: 24rpx;
+}
+
+.info-container {
+  flex: 1;
+  padding-right: 120rpx; /* 为状态标签留出空间 */
+}
+
+.name-row {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10rpx;
+}
+
+.name {
+  font-size: 36rpx;
+  color: #333;
+  font-weight: bold;
+  margin-right: 20rpx;
+}
+
+.gender-icon {
+  width: 32rpx;
+  height: 32rpx;
+  margin-right: 20rpx;
+}
+
+.phone {
+  font-size: 26rpx;
+  color: #999;
+}
+
+.time {
+  font-size: 26rpx;
+  color: #999;
+  margin-top: 8rpx;
+}
+
+.employee-card {
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 30rpx;
+  margin-bottom: 20rpx;
+  display: flex;
+  align-items: center;
+  position: relative;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.03);
+  overflow: hidden; /* 新增：确保状态标签圆角贴合 */
+}
+
+.status-badge {
+  position: absolute;
+  top: 0;
+  right: 0;
+  font-size: 28rpx;
+  padding: 6rpx 20rpx;
+  border-top-left-radius: 10px;
+  border-bottom-left-radius: 10px;
+  width: 26%;
+  text-align:left;
+  font-weight: bold;
+  color: #fff;
+}
+
+.status-pending {
+  background: linear-gradient(to right, #007CFF, #FFFFFF); /* 蓝色渐变 */
+}
+
+.status-processed {
+  background: linear-gradient(to right, #A5A5A5, #FFFFFF); /* 灰色渐变 */
+  color: #FBFDFF;
+}
+
+.loading-text {
+  text-align: center;
+  color: #999;
+  font-size: 26rpx;
+  padding: 20rpx;
+}
+
+/* 隐藏滚动条 */
+.list-container {
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.list-container::-webkit-scrollbar {
+  display: none;
+}
+
+:deep .list-container ::-webkit-scrollbar {
+  display: none !important;
+  width: 0 !important;
+  height: 0 !important;
+  background-color: transparent !important;
+}
+</style>
\ No newline at end of file
diff --git a/pages/sys/workbench/unitManagement/employeeEdit.vue b/pages/sys/workbench/unitManagement/employeeEdit.vue
new file mode 100644
index 0000000..99a6486
--- /dev/null
+++ b/pages/sys/workbench/unitManagement/employeeEdit.vue
@@ -0,0 +1,255 @@
+<template>
+  <view class="page-container">
+
+    <!-- 用户信息卡片 -->
+    <view class="user-card">
+      <view class="user-info">
+        <view class="info-row">
+          <text class="label">用户姓名：</text>
+          <text class="value">余永乐</text>
+        </view>
+        <view class="info-row">
+          <text class="label">性别：</text>
+          <text class="value">男</text>
+        </view>
+        <view class="info-row">
+          <text class="label">证件号：</text>
+          <text class="value">5001255658789955</text>
+        </view>
+        <view class="info-row">
+          <text class="label">联系电话：</text>
+          <text class="value">17898987887</text>
+        </view>
+        <view class="info-row">
+          <text class="label">所属单位：</text>
+          <text class="value">x x x x x</text>
+        </view>
+
+        <!-- 人脸图片区域 -->
+        <view class="face-image-section">
+          <text class="label">人脸图片：</text>
+          <image
+              class="face-image"
+              :src="auditsDetail.avatar || '/static/ic_avg.png'"
+              mode="aspectFill"
+          />
+        </view>
+      </view>
+    </view>
+
+    <view class="user-card">
+      <view class="user-info">
+        <view class="info-row">
+          <text class="label">邮箱：</text>
+          <text class="value">-</text>
+        </view>
+        <view class="info-row">
+          <text class="label">车牌号：</text>
+          <text class="value">-</text>
+        </view>
+      </view>
+    </view>
+
+    <view class="user-card">
+      <view class="user-info">
+        <view class="info-row">
+          <text class="label">入驻时间：</text>
+          <text class="value">-</text>
+        </view>
+        <view class="info-row">
+          <text class="label">在职状态：</text>
+          <view class="status-options">
+            <!-- 启用选项 -->
+            <view class="radio-option" @click="changeStatus(auditsDetail, '1')">
+              <view class="radio-circle" :class="{ 'active': auditsDetail.status === '1' }"></view>
+              <text class="radio-label">启用</text>
+            </view>
+
+            <!-- 禁用选项 -->
+            <view class="radio-option" @click="changeStatus(auditsDetail, '0')">
+              <view class="radio-circle" :class="{ 'active': auditsDetail.status === '0' }"></view>
+              <text class="radio-label">禁用</text>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      pageType: 'handle', // 'handle' 或 'detail'
+      auditsDetail: {status:'0'},
+      handleDesc: '',
+      selectedImages: [],
+      realImages: [],
+      infoImages: []
+    };
+  },
+  methods: {
+    // 原有方法保持不变...
+    handleApprove() {
+      console.log('approve');
+    },
+    handleReject() {
+      console.log('reject');
+    },
+    async submit(action) {
+      // 提交逻辑...
+    },
+    // 新增状态变更方法
+    changeStatus(item, newStatus) {
+      item.status = newStatus;
+      // 这里可以添加API调用更新状态
+      this.$u.api.updateEmployeeStatus({
+        id: item.id,
+        status: newStatus
+      }).then(res => {
+        if (res.code === '200') {
+          uni.showToast({
+            title: '状态更新成功',
+            icon: 'success'
+          });
+        }
+      });
+    }
+  }
+};
+</script>
+
+<style scoped>
+
+.page-container {
+  padding: 48rpx 30rpx;
+  background-color: #f7f7f7;
+  min-height: 100vh;
+  box-sizing: border-box;
+}
+
+/* 用户信息卡片样式 */
+.user-card {
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 30rpx;
+  margin-bottom: 20rpx;
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
+}
+
+.user-info {
+  width: 100%;
+}
+
+.info-row {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 32rpx;
+  font-size: 32rpx;
+}
+
+.info-row .label {
+  color: #000;
+  font-weight: 500;
+}
+
+.info-row .value {
+  color: #7F7F7F;
+}
+
+/* 人脸图片区域 */
+.face-image-section {
+  margin-bottom: 32rpx;
+}
+
+.face-image-section .label {
+  display: block;
+  margin-bottom: 20rpx;
+  color: #000;
+  font-weight: 500;
+}
+
+.face-image {
+  width: 200rpx;
+  height: 200rpx;
+  border-radius: 8rpx;
+  border: 1rpx solid #eee;
+}
+
+/* 底部按钮样式 */
+.action-buttons {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 40rpx;
+  padding: 0 30rpx;
+}
+
+.action-buttons button {
+  flex: 1;
+  height: 88rpx;
+  line-height: 88rpx;
+  border-radius: 44rpx;
+  font-size: 32rpx;
+  font-weight: 500;
+}
+/* 状态选项容器 */
+.status-options {
+  display: flex;
+  align-items: center;
+  margin-left: 20rpx;
+}
+
+/* 单选选项容器 */
+.radio-option {
+  display: flex;
+  align-items: center;
+  margin-right: 40rpx;
+  cursor: pointer;
+}
+
+/* 圆形单选按钮 */
+.radio-circle {
+  width: 32rpx;
+  height: 32rpx;
+  border-radius: 50%;
+  border: 5rpx solid #ccc;
+  margin-right: 10rpx;
+  position: relative;
+  transition: all 0.3s;
+}
+
+/* 激活状态的圆形 */
+.radio-circle.active {
+  border-color: #0090FF;
+}
+
+/* 圆形中间的实心点 */
+.radio-circle.active::after {
+  content: '';
+  position: absolute;
+  width: 32rpx;
+  height: 32rpx;
+  background-color: #0090FF;
+  border-radius: 50%;
+  border: 2rpx solid #ccc;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+/* 禁用状态的特殊样式 */
+.radio-option:last-child .radio-circle.active {
+  border-color: #FF4D4F;
+}
+
+.radio-option:last-child .radio-circle.active::after {
+  background-color: #FF4D4F;
+}
+
+/* 选项文字 */
+.radio-label {
+  font-size: 28rpx;
+  color: #333;
+}
+</style>
\ No newline at end of file
diff --git a/pages/sys/workbench/unitManagement/employeeManagement.vue b/pages/sys/workbench/unitManagement/employeeManagement.vue
new file mode 100644
index 0000000..3371d8f
--- /dev/null
+++ b/pages/sys/workbench/unitManagement/employeeManagement.vue
@@ -0,0 +1,317 @@
+<template>
+  <view class="audits-container">
+
+    <!-- 新增搜索栏 -->
+    <view class="search-bar">
+      <!-- 修改后的搜索栏 -->
+      <view class="search-bar">
+        <u-search
+            placeholder="请输入姓名或手机号搜索"
+            v-model="searchKeyword"
+            @search="handleSearch"
+            @clear="handleClearSearch"
+            :show-action="false"
+            bg-color="#FFFFFF"
+            shape="round"
+            :search-icon="'/static/ic_search_gray.png'"
+        ></u-search>
+      </view>
+    </view>
+      <!-- 员工审核列表 -->
+      <scroll-view
+          class="list-container"
+          scroll-y
+          :refresher-enabled="true"
+          refresher-background="#f7f7f7"
+          :refresher-triggered="refresherTriggered"
+          @refresherrefresh="onRefresh"
+          @scrolltolower="loadMore"
+          :lower-threshold="50"
+          scroll-with-animation>
+
+        <!-- 员工审核卡片 -->
+        <view v-for="(item, index) in list" :key="index" class="employee-card">
+          <!-- 左侧头像 -->
+          <image class="avatar" :src="item.avatar || '/static/ic_avg.png'"/>
+
+          <!-- 右侧信息 -->
+          <view class="info-container">
+            <view class="name-row">
+              <text class="name">{{ item.name }}</text>
+              <image
+                  class="gender-icon"
+                  :src="item.gender === '1' ? '/static/ic_man.png' : '/static/ic_women.png'"
+              />
+            </view>
+            <text class="phone">{{ item.phone }}</text>
+          </view>
+          <!-- 编辑图标 -->
+          <image
+              class="edit-icon"
+              src="/static/ic_edit.png"
+              @click.stop="handleCardClick(item)"
+          />
+          <!-- 审核状态 - 精确贴合右上角 -->
+          <view class="date-badge">
+            {{ formatDate(item.applyTime ) }}
+          </view>
+        </view>
+
+        <!-- 底部加载提示 -->
+        <view v-if="loading" class="loading-text">加载中...</view>
+        <view v-if="noMore" class="loading-text">没有更多数据了</view>
+        <view v-if="searchKeyword && filteredList.length === 0" class="loading-text">未找到匹配结果</view>
+      </scroll-view>
+    </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      list: [
+        {name: "于永乐", gender: "1", phone: "12448155", applyTime: "2025-09-01  10:51:32", status: "1"}
+      ], // 员工列表数据
+      pageNum: 1, // 当前页码
+      pageSize: 10, // 每页数量
+      noMore: false, // 是否没有更多数据
+      loading: false, // 加载状态
+      refresherTriggered: false, // 下拉刷新状态
+      searchKeyword: '', // 搜索关键词
+    };
+  },
+  created() {
+    this.loadData();
+  },
+  computed: {
+    // 添加过滤后的列表计算属性
+    filteredList() {
+      if (!this.searchKeyword) return this.list;
+      const keyword = this.searchKeyword.toLowerCase();
+      return this.list.filter(item =>
+          item.name.toLowerCase().includes(keyword) ||
+          (item.phone && item.phone.includes(keyword))
+      );
+    }
+  },
+  methods: {
+    // 下拉刷新
+    async onRefresh() {
+      this.refresherTriggered = true;
+      this.pageNum = 1;
+      this.noMore = false;
+      await this.loadData();
+      this.refresherTriggered = false;
+    },
+    // 滚动加载更多
+    async loadMore() {
+      if (this.loading || this.noMore) return;
+      this.pageNum++;
+      await this.loadData();
+    },
+    // 请求数据
+    async loadData() {
+      this.loading = true;
+      try {
+        let res = await this.$u.api.getEmployeeAuditList({
+          pageNum: this.pageNum,
+          pageSize: this.pageSize
+        });
+
+        if (res.code == "200") {
+          let rows = res.rows || [];
+          if (rows.length < this.pageSize) {
+            this.noMore = true;
+          }
+
+          if (this.pageNum === 1) {
+            this.list = rows;
+          } else {
+            this.list = [...this.list, ...rows];
+          }
+        }
+      } catch (e) {
+        console.error(e);
+      } finally {
+        this.loading = false;
+      }
+    },
+    // 点击卡片事件
+    handleCardClick(item) {
+      if (item.status === '1') {
+        uni.navigateTo({
+          url: `/pages/sys/workbench/unitManagement/employeeEdit`
+        });
+      }
+    },
+
+    // 新增搜索方法
+    handleSearch() {
+      this.pageNum = 1;
+      this.noMore = false;
+      if (this.searchKeyword) {
+        // 如果有搜索关键词，使用本地过滤
+        this.refresherTriggered = true;
+        setTimeout(() => {
+          this.refresherTriggered = false;
+        }, 500);
+      } else {
+        // 如果没有搜索关键词，重新加载数据
+        this.onRefresh();
+      }
+    },
+    // 新增清除搜索方法
+    handleClearSearch() {
+      this.searchKeyword = '';
+      this.onRefresh();
+    },
+    // 格式化日期为YYYY-MM-DD
+    formatDate(dateStr) {
+      if (!dateStr) return '';
+      const date = new Date(dateStr);
+
+      // 获取年月日
+      const year = date.getFullYear();
+      const month = (date.getMonth() + 1).toString().padStart(2, '0'); // 补零
+      const day = date.getDate().toString().padStart(2, '0'); // 补零
+
+      return `${year}-${month}-${day}`;
+    }
+  }
+};
+</script>
+
+<style scoped>
+.audits-container {
+  height: 100vh;
+  background-color: #f7f7f7;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.list-container {
+  flex: 1;
+  padding: 28rpx 30rpx;
+  box-sizing: border-box;
+}
+
+.avatar {
+  width: 100rpx;
+  height: 100rpx;
+  border-radius: 50%;
+  margin-right: 24rpx;
+}
+
+.info-container {
+  flex: 1;
+  padding-right: 100rpx; /* 为状态标签留出空间 */
+}
+
+.name-row {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10rpx;
+}
+
+.name {
+  font-size: 36rpx;
+  color: #333;
+  font-weight: bold;
+  margin-right: 20rpx;
+}
+
+.gender-icon {
+  width: 32rpx;
+  height: 32rpx;
+  margin-right: 20rpx;
+}
+
+.phone {
+  font-size: 26rpx;
+  color: #999;
+}
+
+.employee-card {
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 30rpx;
+  margin-bottom: 20rpx;
+  display: flex;
+  align-items: center;
+  position: relative;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.03);
+  overflow: hidden; /* 新增：确保状态标签圆角贴合 */
+}
+
+.date-badge {
+  position: absolute;
+  top: 0;
+  right: 0;
+  font-size: 28rpx;
+  padding: 6rpx 12rpx;
+  border-top-left-radius: 10px;
+  border-bottom-left-radius: 10px;
+  width: 28%;
+  text-align: left;
+  color: #ADADAD;
+}
+
+
+
+.loading-text {
+  text-align: center;
+  color: #999;
+  font-size: 26rpx;
+  padding: 20rpx;
+}
+
+/* 隐藏滚动条 */
+.list-container {
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.list-container::-webkit-scrollbar {
+  display: none;
+}
+
+:deep .list-container ::-webkit-scrollbar {
+  display: none !important;
+  width: 0 !important;
+  height: 0 !important;
+  background-color: transparent !important;
+}
+
+/* 新增搜索栏样式 */
+.search-bar {
+  padding: 20rpx 17rpx;
+  background-color: #f7f7f7;
+  position: sticky;
+  top: 0;
+  z-index: 10;
+}
+
+
+/* 调整列表容器上边距 */
+.list-container {
+  flex: 1;
+  padding: 0 30rpx 28rpx 30rpx; /* 上边距改为0，因为搜索栏已经有padding */
+  box-sizing: border-box;
+}
+
+/* 新增编辑图标样式 */
+.edit-icon {
+  width: 50rpx;
+  height: 50rpx;
+  position: absolute;
+  right: 50rpx;
+  top: 60%;
+  transform: translateY(-50%);
+  z-index: 2;
+  bottom: 50rpx;
+}
+
+
+</style>
\ No newline at end of file
diff --git a/pages/sys/workbench/unitManagement/unitManagement.vue b/pages/sys/workbench/unitManagement/unitManagement.vue
index fe4e9b0..00d2fe0 100644
--- a/pages/sys/workbench/unitManagement/unitManagement.vue
+++ b/pages/sys/workbench/unitManagement/unitManagement.vue
@@ -69,12 +69,12 @@
         <view class="qr-code-container" :style="{'--qr-size': qrSize + 'rpx'}">
           <canvas id="qrcode" canvas-id="qrcode" style="width: 200px;height: 200px;"></canvas>
         </view>
-
         <!-- 关闭按钮 -->
-        <view class="close-btn" @click="hideInviteDialog">
-          <image src="/static/ic_close.png" mode="aspectFit"/>
+        <view class="close-circle-btn" @click.stop="hideInviteDialog">
+          <view class="close-x"></view>
         </view>
       </view>
+
     </view>
   </view>
 </template>
@@ -94,12 +94,12 @@ export default {
   methods: {
     goToEmployeeReview() {
       uni.navigateTo({
-        url: '/pages/employee/review'
+        url: '/pages/sys/workbench/unitManagement/employeeAudits'
       });
     },
     goToEmployeeManagement() {
       uni.navigateTo({
-        url: '/pages/employee/management'
+        url: '/pages/sys/workbench/unitManagement/employeeManagement'
       });
     },
     showInviteDialog() {
@@ -273,8 +273,7 @@ export default {
 }
 
 .dialog-content {
-  width: 70%;
-  background-color: #2186FF;
+  width: 77%;
   border-radius: 20rpx;
   display: flex;
   flex-direction: column;
@@ -318,26 +317,54 @@ export default {
   align-items: center;
   overflow: hidden;
   position: relative;
+  top: 30rpx;
   z-index: 1;
 }
 
-/* 修复：移除固定宽高，让动态绑定生效 */
-.qr-code-canvas {
-  display: block;
-  /* 这里不写固定值，完全由:style绑定控制 */
-}
 
-.close-btn {
-  width: 60rpx;
-  height: 60rpx;
+
+/* 新增圆形关闭按钮样式 */
+.close-circle-btn {
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 50%;
+  background-color: white;
   display: flex;
   justify-content: center;
   align-items: center;
+  margin-top: 40rpx;
+  margin-bottom: 20rpx;
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
+  position: relative;
   z-index: 1;
+  cursor: pointer;
 }
 
-.close-btn image {
+/* 创建X形状 */
+.close-x {
+  position: relative;
   width: 40rpx;
   height: 40rpx;
 }
+
+.close-x::before,
+.close-x::after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 40rpx;
+  height: 4rpx;
+  background-color: #999;
+  border-radius: 2rpx;
+}
+
+.close-x::before {
+  transform: translate(-50%, -50%) rotate(45deg);
+}
+
+.close-x::after {
+  transform: translate(-50%, -50%) rotate(-45deg);
+}
+
 </style>
\ No newline at end of file
diff --git a/static/ic_avg.png b/static/ic_avg.png
new file mode 100644
index 0000000..73d423f
Binary files /dev/null and b/static/ic_avg.png differ
diff --git a/static/ic_edit.png b/static/ic_edit.png
new file mode 100644
index 0000000..ecd3064
Binary files /dev/null and b/static/ic_edit.png differ
diff --git a/static/ic_man.png b/static/ic_man.png
new file mode 100644
index 0000000..cb4db8d
Binary files /dev/null and b/static/ic_man.png differ
diff --git a/static/ic_shield.png b/static/ic_shield.png
index ce9412d..ee2636a 100644
Binary files a/static/ic_shield.png and b/static/ic_shield.png differ
diff --git a/static/ic_women.png b/static/ic_women.png
new file mode 100644
index 0000000..b73530b
Binary files /dev/null and b/static/ic_women.png differ