2025-11-20 18:16:03 +08:00

126 lines
3.4 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<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>