门诊出诊医生诊室设置维护

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

@@ -2,6 +2,22 @@
   <div class="app-container" v-loading="loading">
     <!-- 筛选区 -->
     <el-form :model="queryParams" ref="queryRef" :inline="true" class="filter-form">
+      <el-form-item label="卫生机构" prop="orgName">
+        <el-select
+          v-model="queryParams.orgName"
+          placeholder="请选择"
+          clearable
+          style="width: 200px"
+          :popper-append-to-body="false"
+        >
+          <el-option
+            v-for="item in tenantOptions"
+            :key="item.id"
+            :label="item.tenantName"
+            :value="item.id"
+          />
+        </el-select>
+      </el-form-item>
       <el-form-item label="诊室名称" prop="roomName">
         <el-input
           v-model="queryParams.roomName"
@@ -100,73 +116,88 @@
         :disabled="dialogType === 'view'"
       >
         <el-form-item label="科室名称" prop="department">
-          <el-select
+        <el-select
-            v-model="form.department"
+          v-model="form.department"
-            placeholder="请选择科室"
+          placeholder="请选择科室"
-            style="width: 100%"
+          style="width: 100%"
-            filterable
+          filterable
-            :disabled="dialogType === 'view'"
+          :disabled="dialogType === 'view'"
-          >
+        >
-            <el-option
+          <el-option
-              v-for="item in departmentOptions"
+            v-for="item in departmentOptions"
-              :key="item.deptId || item.id"
+            :key="item.deptId || item.id"
-              :label="item.deptName || item.name"
+            :label="item.deptName || item.name"
-              :value="item.deptName || item.name"
+            :value="item.deptName || item.name"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="诊室名称" prop="roomName">
-          <el-input
-            v-model="form.roomName"
-            placeholder="请输入诊室名称"
-            maxlength="50"
-            show-word-limit
           />
-        </el-form-item>
+        </el-select>
-        <el-form-item label="诊室楼号" prop="building">
+      </el-form-item>
-          <el-input
+      <el-form-item label="卫生机构" prop="orgName">
-            v-model="form.building"
+        <el-select
-            placeholder="请输入诊室楼号"
+          v-model="form.orgName"
-            maxlength="50"
+          placeholder="请选择"
+          style="width: 100%"
+          :disabled="dialogType === 'view'"
+        >
+          <el-option
+            v-for="item in tenantOptions"
+            :key="item.id"
+            :label="item.tenantName"
+            :value="item.id"
           />
-        </el-form-item>
+        </el-select>
-        <el-form-item label="诊室楼层" prop="floor">
+      </el-form-item>
-          <el-input
+      <el-form-item label="诊室名称" prop="roomName">
-            v-model="form.floor"
+        <el-input
-            placeholder="请输入诊室楼层"
+          v-model="form.roomName"
-            maxlength="10"
+          placeholder="请输入诊室名称"
-          />
+          maxlength="20"
-        </el-form-item>
+          show-word-limit
-        <el-form-item label="诊室房间号" prop="roomNo">
+        />
-          <el-input
+      </el-form-item>
-            v-model="form.roomNo"
+      <el-form-item label="诊室楼号" prop="building">
-            placeholder="请输入诊室房间号"
+        <el-input
-            maxlength="50"
+          v-model="form.building"
-          />
+          placeholder="请输入诊室楼号"
-        </el-form-item>
+          maxlength="50"
-        <el-form-item label="停用状态" prop="isDisabled">
+        />
-          <el-radio-group v-model="form.isDisabled">
+      </el-form-item>
-            <el-radio :label="false">启用</el-radio>
+      <el-form-item label="诊室楼层" prop="floor">
-            <el-radio :label="true">停用</el-radio>
+        <el-input
-          </el-radio-group>
+          v-model="form.floor"
-        </el-form-item>
+          placeholder="请输入诊室楼层"
-        <el-form-item label="备注" prop="remarks">
+          maxlength="10"
-          <el-input
+        />
-            v-model="form.remarks"
+      </el-form-item>
-            type="textarea"
+      <el-form-item label="诊室房间号" prop="roomNo">
-            :rows="3"
+        <el-input
-            placeholder="请输入备注"
+          v-model="form.roomNo"
-            maxlength="500"
+          placeholder="请输入诊室房间号"
-            show-word-limit
+          maxlength="50"
-          />
+        />
-        </el-form-item>
+      </el-form-item>
-        <el-form-item label="作废" prop="void">
+      <el-form-item label="停用状态" prop="isDisabled">
-          <el-radio-group v-model="form.void">
+        <el-radio-group v-model="form.isDisabled">
-            <el-radio :label="false">否</el-radio>
+          <el-radio :label="false">启用</el-radio>
-            <el-radio :label="true">是</el-radio>
+          <el-radio :label="true">停用</el-radio>
-          </el-radio-group>
+        </el-radio-group>
-        </el-form-item>
+      </el-form-item>
-      </el-form>
+      <el-form-item label="备注" prop="remarks">
+        <el-input
+          v-model="form.remarks"
+          type="textarea"
+          :rows="3"
+          placeholder="请输入备注"
+          maxlength="500"
+          show-word-limit
+        />
+      </el-form-item>
+      <el-form-item label="作废" prop="void">
+        <el-radio-group v-model="form.void">
+          <el-radio :label="false">否</el-radio>
+          <el-radio :label="true">是</el-radio>
+        </el-radio-group>
+      </el-form-item>
+    </el-form>
       <template #footer>
         <div class="dialog-footer">
           <el-button v-if="dialogType !== 'view'" type="primary" @click="submitForm">确 定</el-button>
@@ -186,7 +217,8 @@ import {
   addClinicRoom,
   updateClinicRoom,
   deleteClinicRoom,
-  getDepartmentList
+  getDepartmentList,
+  getTenantList
 } from '@/api/appoinmentmanage/clinicRoom'
 
 const { proxy } = getCurrentInstance()
@@ -201,10 +233,13 @@ const total = ref(0)
 const queryParams = reactive({
   pageNum: 1,
   pageSize: 10,
-  roomName: null
+  roomName: null,
+  orgName: null
 })
 // 科室选项
 const departmentOptions = ref([])
+// 租户选项
+const tenantOptions = ref([])
 // 弹窗相关
 const dialogVisible = ref(false)
 const dialogType = ref('') // add/edit/view
@@ -220,16 +255,42 @@ const form = reactive({
   roomNo: '',
   isDisabled: false,
   remarks: '',
-  void: false
+  void: false,
+  orgName: null
 })
 // 表单验证规则
 const rules = {
   roomName: [
     { required: true, message: '诊室名称不能为空', trigger: 'blur' },
-    { max: 50, message: '诊室名称长度不能超过50个字符', trigger: 'blur' }
+    { max: 20, message: '诊室名称长度不能超过20个字符', trigger: 'blur' },
+    {
+      validator: (rule, value, callback) => {
+        if (!value) {
+          return callback()
+        }
+        if (!form.orgName) {
+          return callback()
+        }
+        // 检查当前租户下是否已存在相同的诊室名称
+        const isExist = clinicRoomList.value.some(item => {
+          return item.roomName === value && 
+                 item.orgName === form.orgName &&
+                 item.id !== form.id
+        })
+        if (isExist) {
+          callback(new Error('诊室名称已存在'))
+        } else {
+          callback()
+        }
+      },
+      trigger: 'blur'
+    }
   ],
   department: [
     { required: true, message: '科室名称不能为空', trigger: 'change' }
+  ],
+  orgName: [
+    { required: true, message: '卫生机构不能为空', trigger: 'change' }
   ]
 }
 
@@ -264,6 +325,7 @@ function handleQuery() {
 function resetQuery() {
   proxy.resetForm('queryRef')
   queryParams.roomName = null
+  queryParams.orgName = null
   handleQuery()
 }
 
@@ -273,6 +335,29 @@ function handleAdd() {
   dialogType.value = 'add'
   dialogTitle.value = '新增诊室'
   dialogVisible.value = true
+
+  // 为新增模式修改诊室名称验证规则：检查全局唯一性
+  rules.roomName = [
+    { required: true, message: '诊室名称不能为空', trigger: 'blur' },
+    { max: 20, message: '诊室名称长度不能超过20个字符', trigger: 'blur' },
+    {
+      validator: (rule, value, callback) => {
+        if (!value) {
+          return callback()
+        }
+        // 新增时检查所有诊室名称是否已存在
+        const isExist = clinicRoomList.value.some(item => {
+          return item.roomName === value
+        })
+        if (isExist) {
+          callback(new Error('诊室名称已存在'))
+        } else {
+          callback()
+        }
+      },
+      trigger: 'blur'
+    }
+  ]
 }
 
 // 编辑按钮操作
@@ -286,6 +371,34 @@ function handleEdit(row) {
         dialogType.value = 'edit'
         dialogTitle.value = '编辑诊室'
         dialogVisible.value = true
+
+        // 为编辑模式修改诊室名称验证规则：检查同一租户下是否重复
+        rules.roomName = [
+          { required: true, message: '诊室名称不能为空', trigger: 'blur' },
+          { max: 20, message: '诊室名称长度不能超过20个字符', trigger: 'blur' },
+          {
+            validator: (rule, value, callback) => {
+              if (!value) {
+                return callback()
+              }
+              if (!form.orgName) {
+                return callback()
+              }
+              // 编辑时检查当前租户下是否已存在相同的诊室名称（排除当前记录）
+              const isExist = clinicRoomList.value.some(item => {
+                return item.roomName === value &&
+                       item.orgName === form.orgName &&
+                       item.id !== form.id
+              })
+              if (isExist) {
+                callback(new Error('诊室名称已存在'))
+              } else {
+                callback()
+              }
+            },
+            trigger: 'blur'
+          }
+        ]
       } else {
         ElMessage.error(response.msg || '获取诊室详情失败')
       }
@@ -307,6 +420,8 @@ function handleView(row) {
         dialogType.value = 'view'
         dialogTitle.value = '查看诊室详情'
         dialogVisible.value = true
+
+        // 查看模式不需要验证规则，因为表单是禁用的
       } else {
         ElMessage.error(response.msg || '获取诊室详情失败')
       }
@@ -391,6 +506,7 @@ function resetForm() {
   form.isDisabled = false
   form.remarks = ''
   form.void = false
+  form.orgName = null
   proxy.resetForm('formRef')
 }
 
@@ -418,9 +534,32 @@ function getDepartmentOptions() {
     })
 }
 
+// 获取租户列表
+function getTenantOptions() {
+  getTenantList()
+    .then(response => {
+      if (response.code === 200) {
+        // 处理不同的响应格式
+        if (response.data?.records && Array.isArray(response.data.records)) {
+          tenantOptions.value = response.data.records
+        } else if (Array.isArray(response.data)) {
+          tenantOptions.value = response.data
+        } else {
+          tenantOptions.value = []
+        }
+      } else {
+        console.warn('获取租户列表失败:', response.msg)
+      }
+    })
+    .catch(error => {
+      console.error('获取租户列表失败:', error)
+    })
+}
+
 // 页面加载时初始化
 onMounted(() => {
   getDepartmentOptions()
+  getTenantOptions()
   getList()
 })
 </script>