web_dist/src/components/medical-advice/nursing-manage/twMbEdit.vue

<template>
  <el-form :model="formData" label-width="120px">
    <el-form-item label="体温范围">
      <el-col :span="9">
        <el-input v-model="formData.twStart" />
      </el-col>
      <el-col :span="4" class="text-center">
        <span >至</span>
      </el-col>
      <el-col :span="9">
        <el-input v-model="formData.twEnd"/>
      </el-col>
    </el-form-item>
    <el-form-item label="脉搏范围">
      <el-col :span="9">
        <el-input v-model="formData.mbStart" />
      </el-col>
      <el-col :span="4" class="text-center">
        <span >至</span>
      </el-col>
      <el-col :span="9">
        <el-input v-model="formData.mbEnd"/>
      </el-col>
    </el-form-item>
    <el-form-item>
      <el-button type="primary" @click="saveTwMoData">保存</el-button>
    </el-form-item>
  </el-form>
</template>
<script setup >
import {onMounted,computed,ref} from "vue"
import {queryTwMbRange,saveTwMbRange
} from "@/api/medical-advice/nursing-manage";
const emit = defineEmits(['closeTwMb']);
const formData = ref({
  twStart:'',
  twEnd:'',
  mbStart:'',
  mbEnd:''
})

onMounted(()=>{
queryTwMbRange().then(res=>{
  console.log(res)
  formData.value.twStart= res.twStart
  formData.value.twEnd= res.twEnd
  formData.value.mbStart= res.mbStart
  formData.value.mbEnd= res.mbEnd
})
})

const saveTwMoData = ()=>{
  saveTwMbRange(formData.value).then(res=>{
    emit('closeTwMb',true)
  })
}
</script>
<style scoped lang="scss">
.text-center{
  text-align: center;
}

</style>