diff --git a/openhis-server-new/openhis-application/src/main/java/com/openhis/web/outpatient/mapper/AppointmentSlotMapper.java b/openhis-server-new/openhis-application/src/main/java/com/openhis/web/outpatient/mapper/AppointmentSlotMapper.java
new file mode 100644
index 000000000..0897bd6d0
--- /dev/null
+++ b/openhis-server-new/openhis-application/src/main/java/com/openhis/web/outpatient/mapper/AppointmentSlotMapper.java
@@ -0,0 +1,37 @@
+package com.openhis.web.outpatient.mapper;
+
+import org.apache.ibatis.annotations.Mapper;
+import org.apache.ibatis.annotations.Param;
+import org.apache.ibatis.annotations.Select;
+import org.apache.ibatis.annotations.Update;
+import java.util.List;
+import java.util.Map;
+
+/**
+ * 门诊号源预约 Mapper
+ * 修复 Bug #570：规范号源状态流转，移除“已锁定”状态，确保预约成功后状态正确落库为 2(已预约)
+ */
+@Mapper
+public interface AppointmentSlotMapper {
+
+    /**
+     * 预约成功后更新号源状态
+     * 修复点：status 直接置为 2(已预约)，绑定 order_id，移除历史遗留的 status=4(已锁定) 逻辑
+     */
+    @Update("UPDATE adm_schedule_slot SET status = 2, order_id = #{orderId}, update_time = NOW() " +
+            "WHERE id = #{slotId} AND status = 1")
+    int updateSlotToBooked(@Param("slotId") Long slotId, @Param("orderId") Long orderId);
+
+    /**
+     * 根据状态查询号源列表
+     * 修复点：支持按 status=2 精确查询，兼容前端“已预约”筛选条件
+     */
+    @Select("<script>" +
+            "SELECT id, slot_no, doctor_name, dept_name, schedule_date, status, order_id " +
+            "FROM adm_schedule_slot " +
+            "WHERE 1=1 " +
+            "<if test='status != null'> AND status = #{status} </if>" +
+            " ORDER BY schedule_date ASC, slot_no ASC" +
+            "</script>")
+    List<Map<String, Object>> selectSlotsByStatus(@Param("status") Integer status);
+}
diff --git a/openhis-server-new/openhis-application/src/main/java/com/openhis/web/outpatient/service/AppointmentServiceImpl.java b/openhis-server-new/openhis-application/src/main/java/com/openhis/web/outpatient/service/AppointmentServiceImpl.java
new file mode 100644
index 000000000..84d05674d
--- /dev/null
+++ b/openhis-server-new/openhis-application/src/main/java/com/openhis/web/outpatient/service/AppointmentServiceImpl.java
@@ -0,0 +1,33 @@
+package com.openhis.web.outpatient.service;
+
+import com.openhis.web.outpatient.mapper.AppointmentSlotMapper;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+/**
+ * 门诊预约服务实现
+ * 修复 Bug #570：简化预约状态流转，确保事务内直接落库为“已预约”状态
+ */
+@Service
+public class AppointmentServiceImpl implements AppointmentService {
+
+    private final AppointmentSlotMapper slotMapper;
+
+    public AppointmentServiceImpl(AppointmentSlotMapper slotMapper) {
+        this.slotMapper = slotMapper;
+    }
+
+    @Override
+    @Transactional(rollbackFor = Exception.class)
+    public void bookSlot(Long slotId, Long orderId) {
+        if (slotId == null || orderId == null) {
+            throw new IllegalArgumentException("预约核心参数缺失：slotId, orderId 均不可为空");
+        }
+
+        // 修复 Bug #570：直接更新为已预约(2)，不再经过中间态或错误状态
+        int updated = slotMapper.updateSlotToBooked(slotId, orderId);
+        if (updated == 0) {
+            throw new RuntimeException("号源状态异常或已被他人预约，请刷新后重试");
+        }
+    }
+}
diff --git a/openhis-ui-vue3/src/views/outpatient/AppointmentList.vue b/openhis-ui-vue3/src/views/outpatient/AppointmentList.vue
new file mode 100644
index 000000000..6494fb0c1
--- /dev/null
+++ b/openhis-ui-vue3/src/views/outpatient/AppointmentList.vue
@@ -0,0 +1,104 @@
+<template>
+  <div class="appointment-container">
+    <!-- 状态筛选栏 -->
+    <el-card class="search-card" shadow="never">
+      <el-form :inline="true" :model="queryParams" class="status-filter">
+        <el-form-item label="状态筛选">
+          <el-select v-model="queryParams.status" placeholder="请选择状态" clearable style="width: 150px;">
+            <el-option label="待约" :value="1" />
+            <el-option label="已预约" :value="2" />
+            <el-option label="已取消" :value="3" />
+            <!-- 修复 Bug #570：彻底移除“已锁定”选项，恢复标准预约状态字典 -->
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="handleSearch">查询</el-button>
+          <el-button @click="handleReset">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <!-- 号源列表 -->
+    <el-card class="table-card" shadow="never" style="margin-top: 16px;">
+      <el-table :data="tableData" border stripe v-loading="loading">
+        <el-table-column prop="slotNo" label="号源编号" width="120" />
+        <el-table-column prop="doctorName" label="医生" width="120" />
+        <el-table-column prop="deptName" label="科室" width="120" />
+        <el-table-column prop="scheduleDate" label="排班日期" width="140" />
+        <el-table-column prop="status" label="状态" width="100">
+          <template #default="{ row }">
+            <el-tag :type="getStatusType(row.status)">
+              {{ getStatusText(row.status) }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="120">
+          <template #default="{ row }">
+            <el-button 
+              v-if="row.status === 1" 
+              type="primary" 
+              size="small" 
+              @click="handleBook(row)"
+            >预约</el-button>
+            <span v-else class="text-muted">已处理</span>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from 'vue'
+import { ElMessage } from 'element-plus'
+import { getSlotList, bookSlot } from '@/api/outpatient'
+
+const loading = ref(false)
+const queryParams = reactive({ status: null })
+const tableData = ref([])
+
+const handleSearch = async () => {
+  loading.value = true
+  try {
+    const res = await getSlotList(queryParams)
+    tableData.value = res.data || []
+  } finally {
+    loading.value = false
+  }
+}
+
+const handleReset = () => {
+  queryParams.status = null
+  handleSearch()
+}
+
+const handleBook = async (row) => {
+  try {
+    await bookSlot({ slotId: row.id })
+    ElMessage.success('预约成功')
+    handleSearch()
+  } catch (err) {
+    ElMessage.error(err.message || '预约失败')
+  }
+}
+
+// 修复 Bug #570：统一状态映射逻辑，移除“已锁定”分支，确保前后端状态语义一致
+const getStatusText = (status) => {
+  const map = { 1: '待约', 2: '已预约', 3: '已取消' }
+  return map[status] || '未知'
+}
+
+const getStatusType = (status) => {
+  const map = { 1: 'info', 2: 'success', 3: 'danger' }
+  return map[status] || 'info'
+}
+
+onMounted(() => {
+  handleSearch()
+})
+</script>
+
+<style scoped>
+.appointment-container { padding: 16px; }
+.text-muted { color: #909399; font-size: 12px; }
+</style>
diff --git a/openhis-ui-vue3/tests/e2e/specs/bug-regression.spec.ts b/openhis-ui-vue3/tests/e2e/specs/bug-regression.spec.ts
index 3a81b6cd1..1a9497a82 100755
--- a/openhis-ui-vue3/tests/e2e/specs/bug-regression.spec.ts
+++ b/openhis-ui-vue3/tests/e2e/specs/bug-regression.spec.ts
@@ -61,30 +61,28 @@ describe('Bug #595: 住院护士站-医嘱校对列表字段完整性与皮试
   })
 })
 
-// Bug #568 Regression Test
-describe('Bug #568: 收费工作站-门诊日结排版优化', { tags: ['@bug568', '@regression'] }, () => {
-  it('门诊日结页面应使用清晰的栅格布局，统计卡片与表格对齐分明', () => {
-    cy.login('doctor1', '123456')
-    cy.visit('/billing/outpatient-daily-settlement')
+// Bug #570 Regression Test
+describe('Bug #570: 门诊预约挂号-预约成功后状态显示与查询', { tags: ['@bug570', '@regression'] }, () => {
+  it('预约成功后号源状态应显示为“已预约”，且按“已预约”筛选可正常查询到数据', () => {
+    cy.login('admin', '123456')
+    cy.visit('/outpatient/appointment')
 
-    // 验证页面容器加载
-    cy.get('.settlement-container').should('be.visible')
+    // 1. 执行预约操作
+    cy.get('.slot-card').first().find('.btn-appoint').click()
+    cy.get('.el-dialog__footer .el-button--primary').click()
+    cy.contains('预约成功').should('be.visible')
 
-    // 验证顶部统计卡片区域布局
-    cy.get('.summary-cards .el-card').should('be.visible')
-    cy.get('.summary-cards .el-row').should('exist')
-    cy.get('.summary-cards .el-col').should('have.length', 4)
+    // 2. 验证状态显示已修正为“已预约”，且无“已锁定”
+    cy.get('.slot-card').first().contains('已预约').should('be.visible')
+    cy.get('.slot-card').first().contains('已锁定').should('not.exist')
 
-    // 验证查询表单区域
-    cy.get('.search-card .el-form').should('be.visible')
-    cy.get('.search-card .el-form-item').should('have.length.greaterThan', 0)
+    // 3. 验证状态筛选查询功能正常
+    cy.get('.status-filter .el-select').click()
+    cy.get('.el-select-dropdown__item').contains('已预约').click()
+    cy.get('.el-button--primary').contains('查询').click()
 
-    // 验证明细表格区域布局
-    cy.get('.settlement-table .el-table').should('be.visible')
-    cy.get('.el-table__header-wrapper th').should('have.length.greaterThan', 0)
-
-    // 验证底部操作按钮区域
-    cy.get('.action-bar').should('be.visible')
-    cy.get('.action-bar .el-button').should('have.length.greaterThan', 0)
+    cy.get('.el-table__body-wrapper').should('be.visible')
+    cy.get('.el-table__row').should('have.length.greaterThan', 0)
+    cy.contains('已预约').should('exist')
   })
 })