lis8.0-vue3/src/views/liswork/xmKnowledge/Modify.vue

<template>
  <!-- 修改界面 -->
<el-dialog v-model="visible" width="600px">
  <template #header>
    {{ title }}
  </template>
  <span class="text-span">项目信息：</span>
  <el-divider style="margin: 5px 0;"/>
  <el-form ref="form" :model="formData" size="small" class="form-inline" inline label-width="60px">
    <el-form-item label="项目代号" prop="xmdh">
      <el-input placeholder="项目代号" v-model="formData.xmdh"></el-input>
    </el-form-item>
    <el-form-item label="项目名称" prop="xmmc">
      <el-input placeholder="项目名称" v-model="formData.xmmc"></el-input>
    </el-form-item>
    <el-form-item label="助记符" prop="zjf">
      <el-input placeholder="助记符" v-model="formData.zjf"></el-input>
    </el-form-item>
    <el-form-item label="项目类别" prop="xmlb">
      <el-input placeholder="项目类别" v-model="formData.xmlb"></el-input>
    </el-form-item>
    <el-form-item label="所属组" prop="xmz">
      <el-input placeholder="所属组" v-model="formData.xmz"></el-input>
    </el-form-item>
    <el-form-item label="单位" prop="dw">
      <el-input placeholder="单位" v-model="formData.dw"></el-input>
    </el-form-item>
    <el-form-item label="参考上限" prop="cksx">
      <el-input placeholder="参考上限" v-model="formData.cksx"></el-input>
    </el-form-item>
    <el-form-item label="参考下限" prop="ckxx">
      <el-input placeholder="参考下限" v-model="formData.ckxx"></el-input>
    </el-form-item>
    <el-form-item label="打印参考值" prop="dyckz">
      <el-input placeholder="打印参考值" v-model="formData.dyckz"></el-input>
    </el-form-item>
    <el-form-item label="打印序号" prop="dyxh">
      <el-input placeholder="打印序号" v-model="formData.dyxh"></el-input>
    </el-form-item>
    <el-form-item label="计算公式" prop="jsgs">
      <el-input placeholder="计算公式" v-model="formData.jsgs"></el-input>
    </el-form-item>
    <el-form-item label="临床意义" prop="lcyy">
      <el-input placeholder="临床意义" v-model="formData.lcyy"></el-input>
    </el-form-item>
    <el-form-item label="备注" prop="bz">
      <el-input placeholder="备注" v-model="formData.bz"></el-input>
    </el-form-item>
    <el-form-item prop="xsbz">
      <el-checkbox v-model="formData.xsbz" label="显示标志"></el-checkbox> 
    </el-form-item> 
  </el-form>
  <span class="text-span">知识库条目：</span>
  <el-divider style="margin: 5px 0;"/>
  <TableRight :style-config="styleConfig"/>
  <template #footer>
    <div class="dialog-footer">
       <el-button @click="handleCancel">取 消</el-button>
       <el-button type="primary" @click="handleOk">确 定</el-button>
    </div>
  </template>
</el-dialog>   

</template>

<script setup lang="ts">
import TableRight from './TableData.vue'

const props = defineProps({
  title:{
    type: String,
    default: ''
  }
})

const visible = defineModel()

const formData = ref({
  xmdh: '',
  xmmc: '',
  zjf: '',
  xmlb: '' ,
  xmz: '',
  dw: '',
  cksx: '',
  ckxx: '',
  dyckz: '',
  dyxh: '',
  jsgs: '',
  lcyy: '',
  bz:'',
  xsbz: ''
})

const styleConfig = ref({
  textresultWidth: 300,
  zdWidth: 300,
  tableHeight: '40vh'
})

const handleCancel = () => {

}

const handleOk = () => {

}

</script>

<style scoped lang="scss">
.form-inline {
  padding: 10px;
  background-color: #f5f7fa;
  height: auto;
  .el-input {
    width: 150px;
  }
  .el-form-item {
    margin-right: 10px;
    margin-bottom: 2px;
  }

}
</style>