From e6dff096a9e94d1a5323e82f74bc1368ff7a72d6 Mon Sep 17 00:00:00 2001 From: eight <641137800@qq.com> Date: 星期四, 12 九月 2024 13:47:17 +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