From 8e9c94c8b93878bd0f52c25e2d4efc2a617ee3d6 Mon Sep 17 00:00:00 2001
From: eight <641137800@qq.com>
Date: 星期四, 19 九月 2024 12:00:25 +0800
Subject: [PATCH] 新增 重叫
---
src/views/ecg/room/RoomForm.vue | 43 +++++++++++++++++++++++++++++++++++++------
1 files changed, 37 insertions(+), 6 deletions(-)
diff --git a/src/views/ecg/room/RoomForm.vue b/src/views/ecg/room/RoomForm.vue
index da1ac66..540a94f 100644
--- a/src/views/ecg/room/RoomForm.vue
+++ b/src/views/ecg/room/RoomForm.vue
@@ -7,11 +7,21 @@
label-width="100px"
v-loading="formLoading"
>
- <el-form-item label="璇婂缂栧彿" prop="roomNo">
- <el-input v-model="formData.roomNo" placeholder="璇疯緭鍏ヨ瘖瀹ょ紪鍙�" />
+ <el-form-item label="璇婂缂栧彿" prop="roomId">
+ <el-select v-model="formData.roomId" placeholder="璇疯緭鍏ヨ瘖瀹ょ紪鍙�" >
+ <el-option
+ v-for="rooms in roomListRef"
+ :key="rooms.roomId"
+ :label="rooms.roomName"
+ :value="rooms.roomId"
+ />
+ </el-select>
</el-form-item>
<el-form-item label="璇婄枟搴婄紪鍙�" prop="bedNo">
<el-input v-model="formData.bedNo" placeholder="璇疯緭鍏ヨ瘖鐤楀簥缂栧彿" />
+ </el-form-item>
+ <el-form-item label="璇婂IP" prop="bedNo">
+ <el-input v-model="formData.ip" placeholder="璇疯緭鍏ヨ瘖瀹P" />
</el-form-item>
</el-form>
<template #footer>
@@ -35,14 +45,17 @@
const formType = ref('') // 琛ㄥ崟鐨勭被鍨嬶細create - 鏂板锛泆pdate - 淇敼
const formData = ref({
id: undefined,
- roomNo: undefined,
- bedNo: undefined
+ roomId: undefined,
+ roomName: undefined,
+ bedNo: undefined,
+ ip: undefined
})
const formRules = reactive({
- roomNo: [{ required: true, message: '璇婂缂栧彿涓嶈兘涓虹┖', trigger: 'blur' }],
+ roomId: [{ required: true, message: '璇婂缂栧彿涓嶈兘涓虹┖', trigger: 'blur' }],
bedNo: [{ required: true, message: '璇婄枟搴婄紪鍙蜂笉鑳戒负绌�', trigger: 'blur' }]
})
const formRef = ref() // 琛ㄥ崟 Ref
+const roomListRef = ref<RoomVO[]>([]) // 鍒楄〃鐨勬暟鎹�
/** 鎵撳紑寮圭獥 */
const open = async (type: string, id?: number) => {
@@ -71,6 +84,7 @@
formLoading.value = true
try {
const data = formData.value as unknown as RoomVO
+ data.roomName = getRoomNameById( data.roomId )
if (formType.value === 'create') {
await RoomApi.createRoom(data)
message.success(t('common.createSuccess'))
@@ -90,9 +104,26 @@
const resetForm = () => {
formData.value = {
id: undefined,
- roomNo: undefined,
+ roomId: undefined,
+ roomName: undefined,
bedNo: undefined
}
formRef.value?.resetFields()
}
+
+/** 鏌ヨ璇婂鍒楄〃 */
+const getSimpleRoomList = async () => {
+ const data = await RoomApi.getSimpleRoomList()
+ roomListRef.value = data
+}
+
+const getRoomNameById = (id) => {
+ return roomListRef.value.find( e => e.roomId === id)!.roomName
+}
+
+/** 鍒濆鍖� **/
+onMounted(() => {
+ getSimpleRoomList()
+})
+
</script>
--
Gitblit v1.9.3