预约管理->相关文件转移、号源后端接口实现、前端页面逻辑、数据处理修改。

openhis-ui-vue3/src/views/appoinmentmanage/doctorschedule/index.vue

@@ -98,10 +98,24 @@
                 />
               </template>
             </el-table-column>
-            <el-table-column prop="maxNumber" label="限号数量" width="80"></el-table-column>
+            <el-table-column prop="maxNumber" label="限号数量" width="80">
+              <template #default="scope">
+                <el-input
+                    v-model="scope.row.maxNumber"
+                    type="number"
+                    :disabled="!isEditMode"
+                  />
+              </template>
+            </el-table-column>
             <el-table-column prop="record" label="号源记录" width="80">
               <template #default="scope">
-                <el-icon><View /></el-icon>
+                <el-icon 
+                  @click="handleViewRecord(scope.row)" 
+                  class="record-icon"
+                  title="查看号源记录"
+                >
+                  <View />
+                </el-icon>
               </template>
             </el-table-column>
             <el-table-column prop="appointmentItem" label="挂号项目" width="120">
@@ -186,13 +200,32 @@
         <el-button @click="handleCancel">取消</el-button>
       </div>
     </div>
+    
+    <!-- 号源记录对话框 -->
+    <el-dialog
+      v-model="recordDialogVisible"
+      title="号源记录"
+      width="30%"
+      :close-on-click-modal="true"
+    >
+      <div class="appointment-records">
+        <div class="record-item" v-for="record in appointmentRecords" :key="record.index">
+          <span class="record-time">{{ record.time }}</span>
+        </div>
+      </div>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="recordDialogVisible = false">确定</el-button>
+        </div>
+      </template>
+    </el-dialog>
   </div>
 </template>
 
 <script setup name="DoctorSchedule">
-import { ref, onMounted, computed } from 'vue'
+import { ref, onMounted, computed, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { ElMessage } from 'element-plus'
+import { ElMessage, ElMessageBox, ElDialog } from 'element-plus'
 import { View } from '@element-plus/icons-vue'
 
 // 路由和导航
@@ -264,7 +297,7 @@ const generateWeekSchedule = (startDate) => {
         endTime: slot.endTime,
         doctorName: '',
         room: '',
-        maxNumber: 20,
+        maxNumber: '',
         appointmentItem: '',
         registrationFee: '',
         clinicItem: '',
@@ -299,6 +332,59 @@ const handleDeleteSchedule = (row) => {
   ElMessage.info('删除排班功能待实现')
 }
 
+// 号源记录对话框相关
+const recordDialogVisible = ref(false)
+const currentRow = ref(null)
+const appointmentRecords = ref([])
+
+// 计算号源记录
+const calculateAppointmentRecords = (row) => {
+  const { startTime, endTime, maxNumber } = row
+  
+  // 将时间转换为分钟数
+  const [startHour, startMinute] = startTime.split(':').map(Number)
+  const [endHour, endMinute] = endTime.split(':').map(Number)
+  
+  const startTotalMinutes = startHour * 60 + startMinute
+  const endTotalMinutes = endHour * 60 + endMinute
+  
+  // 计算总时长和间隔
+  const totalDuration = endTotalMinutes - startTotalMinutes
+  const interval = Math.floor(totalDuration / maxNumber)
+  
+  // 生成号源记录
+  const records = []
+  for (let i = 0; i < maxNumber; i++) {
+    const minutes = startTotalMinutes + i * interval
+    const hour = Math.floor(minutes / 60).toString().padStart(2, '0')
+    const minute = (minutes % 60).toString().padStart(2, '0')
+    records.push({
+      index: i + 1,
+      time: `${hour}:${minute}`
+    })
+  }
+  
+  return records
+}
+
+// 查看号源记录
+const handleViewRecord = (row) => {
+  // 验证开始时间、结束时间和限号数量
+  if (!row.startTime || !row.endTime || !row.maxNumber) {
+    ElMessageBox.confirm('请先设置开始时间、结束时间和限号数量', '', {
+      confirmButtonText: '确定',
+      type: 'warning',
+      showCancelButton: false
+    })
+    return
+  }
+  
+  // 计算号源记录
+  currentRow.value = row
+  appointmentRecords.value = calculateAppointmentRecords(row)
+  recordDialogVisible.value = true
+}
+
 // 保存排班
 const handleSave = () => {
   ElMessage.success('排班保存成功')
@@ -316,6 +402,15 @@ const handleCancel = () => {
 onMounted(() => {
   initData()
 })
+
+// 监听路由参数变化，重新初始化数据
+watch(
+  () => [route.params.deptId, route.query.mode],
+  () => {
+    initData()
+  },
+  { deep: true }
+)
 </script>
 
 <style scoped lang="scss">
@@ -462,9 +557,55 @@ onMounted(() => {
   width: 100%;
 }
 
+.record-icon {
+  font-size: 18px;
+  color: #409eff;
+  cursor: pointer;
+  transition: color 0.2s;
+}
+
+.record-icon:hover {
+  color: #66b1ff;
+}
+
 .bottom-buttons {
   display: flex;
   justify-content: flex-end;
   gap: 16px;
 }
+
+/* 号源记录对话框样式 */
+.appointment-records {
+  max-height: 300px;
+  overflow-y: auto;
+  padding: 10px 0;
+}
+
+.record-item {
+  padding: 8px 0;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.record-item:last-child {
+  border-bottom: none;
+}
+
+.record-time {
+  font-size: 16px;
+  color: #333;
+}
+
+.dialog-footer {
+  text-align: center;
+}
+
+/* 隐藏数字输入框的增减按钮 */
+:deep(.el-input__inner[type="number"]) {
+  -moz-appearance: textfield;
+}
+:deep(.el-input__inner[type="number"])::-webkit-outer-spin-button,
+:deep(.el-input__inner[type="number"])::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
 </style>

openhis-ui-vue3/src/views/appoinmentmanage/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="appoinmentmanage-container">
     <div class="appoinmentmanage-header">
-      <h2 class="appoinmentmanage-title">预约管理</h2>
+      <h2 class="appoinmentmanage-title">科室名称管理</h2>
     </div>
     
     <div class="appoinmentmanage-content">