From 6ff1d0903a7adda6d4a97c189d38b20a2ac777f9 Mon Sep 17 00:00:00 2001
From: eight <641137800@qq.com>
Date: 星期五, 20 九月 2024 17:50:37 +0800
Subject: [PATCH] 拆机界面  设备详情显示

---
 src/views/ecg/doctor/DevDismantle.vue |   76 ++++++++++++++++++++++----------------
 1 files changed, 44 insertions(+), 32 deletions(-)

diff --git a/src/views/ecg/doctor/DevDismantle.vue b/src/views/ecg/doctor/DevDismantle.vue
index 42d52c2..351e45c 100644
--- a/src/views/ecg/doctor/DevDismantle.vue
+++ b/src/views/ecg/doctor/DevDismantle.vue
@@ -9,13 +9,18 @@
       <el-row :gutter="20">
         <el-col :span="12">
           <el-form-item label="璁惧缂栧彿" prop="devId">
-            <el-input v-model="formData.devId" placeholder="璇疯緭鍏ヨ澶囩紪鍙�" @input="searchRentInfo" />
+            <el-input v-model="formData.devId" placeholder="璇疯緭鍏ヨ澶囩紪鍙�" @input="getRentInfoByDevId" />
           </el-form-item>
-          <el-form-item label="鎮ｈ�呯紪鍙�" prop="patId">
-            <el-input v-model="formData.patId" placeholder="璇疯緭鍏ユ偅鑰呯紪鍙�" @input="searchRentInfo" />
+          <el-form-item label="璁惧鎻忚堪" prop="">
+            {{formData.brand + "&nbsp;&nbsp;" + formData.model}}
           </el-form-item>
-          <el-form-item label="鎮ｈ�呭悕绉�" prop="patName">
-            <el-input v-model="formData.patName" placeholder="璇疯緭鍏ユ偅鑰呭悕绉�" />
+          <el-form-item label="瑁呮満鏃堕棿" prop="rentTime">
+            <el-date-picker
+                v-model="formData.rentTime"
+                type="date"
+                value-format="x"
+                placeholder="閫夋嫨瑁呮満鏃堕棿"
+            />
           </el-form-item>
           <el-form-item label="骞叉壈鏁�" prop="interference">
             <el-input v-model="formData.interference" placeholder="璇疯緭鍏ュ共鎵版暟" />
@@ -25,13 +30,11 @@
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item label="瑁呮満鏃堕棿" prop="rentTime">
-            <el-date-picker
-                v-model="formData.rentTime"
-                type="date"
-                value-format="x"
-                placeholder="閫夋嫨瑁呮満鏃堕棿"
-            />
+          <el-form-item label="鎮ｈ�呯紪鍙�" prop="patId">
+            <el-input v-model="formData.patId" placeholder="璇疯緭鍏ユ偅鑰呯紪鍙�" @input="getRentInfoByPatId" />
+          </el-form-item>
+          <el-form-item label="鎮ｈ�呭悕绉�" prop="patName">
+            <el-input v-model="formData.patName" placeholder="璇疯緭鍏ユ偅鑰呭悕绉�" />
           </el-form-item>
           <el-form-item label="鎷嗘満鏃堕棿" prop="returnTime">
             <el-date-picker
@@ -118,12 +121,10 @@
 </template>
 
 <script setup lang="ts">
-import {defineComponent, PropType} from "vue";
 import { DevRentApi, DevRentVO } from '@/api/ecg/devrent'
-import {QueueVO} from "@/api/ecg/queue";
-import {isStringEmpty} from "@/utils/stringUtil";
 import {dateFormatter} from "@/utils/formatTime";
 import {JobRecordApi, JobRecordVO} from "@/api/ecg/jobrecord";
+import {isStringEmpty} from "@/utils/stringUtil";
 
 /** 瑁呮満鎷嗘満 琛ㄥ崟 */
 defineOptions({ name: 'DevrDismantle' })
@@ -136,20 +137,9 @@
 const dialogVisible = ref(false) // 寮圭獥鐨勬槸鍚﹀睍绀�
 
 const formLoading = ref(false) // 琛ㄥ崟鐨勫姞杞戒腑锛�1锛変慨鏀规椂鐨勬暟鎹姞杞斤紱2锛夋彁浜ょ殑鎸夐挳绂佺敤
-const formType = ref('create') // 琛ㄥ崟鐨勭被鍨嬶細create - 鏂板锛泆pdate - 淇敼
 
-const formData = ref({
-  id: undefined,
-  devId: undefined,
-  patId: undefined,
-  patName: undefined,
-  rentTime: undefined,
-  returnTime: new Date().getTime(),
-  interference: undefined,
-  baseline: undefined,
-  detachment: undefined,
-  remark: undefined
-})
+const formData = ref({})
+
 const formRules = reactive({
   // devId: [{ required: true, message: '璁惧缂栧彿涓嶈兘涓虹┖', trigger: 'blur' }],
   returnTime: [{ required: true, message: '璇烽�夋嫨鎷嗘満鏃ユ湡', trigger: 'blur' }],
@@ -209,14 +199,36 @@
     interference: undefined,
     baseline: undefined,
     detachment: undefined,
-    remark: undefined
+    remark: undefined,
+    category: '',
+    brand: '',
+    model: '',
   }
   formRef.value?.resetFields()
 }
 
-const searchRentInfo = async () => {
+const getRentInfoByDevId = () => {
+  const tempDevId = formData.value.devId;
+  resetForm()
+  if (isStringEmpty(tempDevId))
+    return
+
+  formData.value.devId = tempDevId;
+  getRentInfo()
+}
+
+const getRentInfoByPatId = () => {
+  const tempPatId = formData.value.patId;
+  resetForm()
+  if (isStringEmpty(tempPatId))
+    return
+
+  formData.value.patId = tempPatId;
+  getRentInfo()
+}
+
+const getRentInfo = async () => {
   const data = await DevRentApi.getLatestRent(formData.value)
-  console.info( data )
   if (null === data)
     return
 
@@ -266,8 +278,8 @@
 
 /** 鍒濆鍖� **/
 onMounted(() => {
+  resetForm()
   getList()
 })
 
 </script>
-

--
Gitblit v1.9.3