装机界面 显示设备详情

eight

2024-09-20 ca0fdc71abca0635a7ba0bc905fa93a05384cb5d

 src/views/ecg/doctor/components/DevInstallPanel.vue

@@ -8,7 +8,10 @@
      v-loading="formLoading"
    >
      <el-form-item label="设备编号" prop="devId">
        <el-input v-model="formData.devId" placeholder="请输入设备编号" />
        <el-input v-model="formData.devId" placeholder="请输入设备编号" @input="getDevInfo"/>
      </el-form-item>
      <el-form-item label="设备描述" prop="">
        {{deviceInfo.brand + "&nbsp;&nbsp;" + deviceInfo.model}}
      </el-form-item>
      <el-form-item label="装机时间" prop="rentTime">
        <el-date-picker
@@ -28,7 +31,7 @@
    <el-button @click="cancelInstall"  :disabled="formLoading">放弃装机</el-button>


  <!-- 医生拆机列表 -->
  <!-- 医生装机列表 -->
  <ContentWrap>
    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" @row-click="onRowClick" >
      <el-table-column label="id" align="center" prop="id" />
@@ -101,6 +104,7 @@
import {isStringEmpty} from "@/utils/stringUtil";
import {dateFormatter, timeFormatter} from "@/utils/formatTime";
import {JobRecordApi, JobRecordVO} from "@/api/ecg/jobrecord";
import {DeviceApi, DeviceVO} from "@/api/ecg/devmanage";

/** 装机拆机 表单 */
defineComponent({ name: 'DevInstallPanel' })
@@ -139,6 +143,16 @@
  patName: [{ required: true, message: '目前没有患者', trigger: 'blur' }]
})
const formRef = ref() // 表单 Ref

const deviceInfo = ref<DeviceVO> ({
  id: 0,
  devId: '',
  category: '',
  brand: '',
  model: '',
  purchaseDate: 0,
  lost: 0,
})

/** 提交表单 */
const submitForm = async () => {
@@ -252,6 +266,19 @@
  })
}

const getDevInfo = async () => {
  deviceInfo.value.category = ''
  deviceInfo.value.brand = ''
  deviceInfo.value.model = ''
  if (isStringEmpty(formData.value.devId))
    return

  const data = await DeviceApi.getDeviceByDevId(formData.value.devId!)
  console.info( data )
  if ( null !== data)
    deviceInfo.value = data
}

/** 初始化 **/
onMounted(() => {
  getList()