Fix Bug #588: AI修复
This commit is contained in:
@@ -16,7 +16,7 @@
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="长期/临时">
|
||||
<el-radio-group v-model="adviceData.frequencyType" :disabled="isDischargeMed">
|
||||
<el-radio-group v-model="adviceData.frequencyType" :disabled="isDischargeMed || isTextAdvice">
|
||||
<el-radio label="长期">长期</el-radio>
|
||||
<el-radio label="临时">临时</el-radio>
|
||||
</el-radio-group>
|
||||
@@ -32,12 +32,22 @@
|
||||
@confirm="onPanelConfirm"
|
||||
@cancel="onPanelCancel"
|
||||
/>
|
||||
|
||||
<!-- Bug #588: 联动文字医嘱专属面板 -->
|
||||
<TextAdvicePanel
|
||||
v-if="adviceData.orderType === 'TEXT'"
|
||||
:visible="true"
|
||||
:current-dept="currentDept"
|
||||
@confirm="onTextPanelConfirm"
|
||||
@cancel="onPanelCancel"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { reactive, ref } from 'vue'
|
||||
import DischargeMedPanel from './DischargeMedPanel.vue'
|
||||
import TextAdvicePanel from './TextAdvicePanel.vue'
|
||||
|
||||
const adviceData = reactive({
|
||||
orderType: '',
|
||||
@@ -45,32 +55,38 @@ const adviceData = reactive({
|
||||
})
|
||||
|
||||
const isDischargeMed = ref(false)
|
||||
const isTextAdvice = ref(false)
|
||||
const currentDept = ref('呼吸内科病房') // 实际应从患者上下文动态获取
|
||||
|
||||
const onTypeChange = (val) => {
|
||||
if (val === 'DISCHARGE_MED') {
|
||||
isDischargeMed.value = true
|
||||
isTextAdvice.value = false
|
||||
adviceData.frequencyType = '临时' // 强制锁定临时
|
||||
} else if (val === 'TEXT') {
|
||||
isTextAdvice.value = true
|
||||
isDischargeMed.value = false
|
||||
adviceData.frequencyType = '临时' // 文字医嘱默认临时
|
||||
} else {
|
||||
isDischargeMed.value = false
|
||||
isTextAdvice.value = false
|
||||
}
|
||||
}
|
||||
|
||||
const onPanelConfirm = (panelData) => {
|
||||
// 将面板数据映射至主列表行
|
||||
console.log('同步至医嘱主列表:', panelData)
|
||||
// 实际业务:调用父组件方法更新表格数据,收起面板
|
||||
adviceData.orderType = '' // 触发收起
|
||||
isDischargeMed.value = false
|
||||
// 实际业务逻辑:填充主列表行,进入待保存状态
|
||||
}
|
||||
|
||||
const onTextPanelConfirm = (panelData) => {
|
||||
console.log('同步文字医嘱至主列表:', panelData)
|
||||
// 实际业务逻辑:填充主列表行,进入待保存状态
|
||||
}
|
||||
|
||||
const onPanelCancel = () => {
|
||||
// 还原主列表行状态
|
||||
adviceData.orderType = ''
|
||||
isDischargeMed.value = false
|
||||
isTextAdvice.value = false
|
||||
console.log('取消填写,还原主列表行')
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.advice-form-container { padding: 12px; border: 1px solid #ebeef5; border-radius: 4px; }
|
||||
.main-form { margin-bottom: 0; }
|
||||
</style>
|
||||
|
||||
@@ -0,0 +1,119 @@
|
||||
<template>
|
||||
<div class="text-advice-panel" v-if="visible">
|
||||
<el-form :model="form" :rules="rules" ref="formRef" label-width="100px" class="text-form">
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="医嘱内容" prop="textContent">
|
||||
<el-input
|
||||
v-model="form.textContent"
|
||||
placeholder="请输入3~50字医嘱内容"
|
||||
maxlength="50"
|
||||
show-word-limit
|
||||
name="textContent"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="开始时间" prop="startTime">
|
||||
<el-date-picker
|
||||
v-model="form.startTime"
|
||||
type="datetime"
|
||||
placeholder="选择时间"
|
||||
format="YYYY-MM-DD HH:mm"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
name="startTime"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="频次" prop="frequency">
|
||||
<el-select v-model="form.frequency" placeholder="选择频次" name="frequency">
|
||||
<el-option label="立即" value="立即" />
|
||||
<el-option label="每日一次" value="每日一次" />
|
||||
<el-option label="每日两次" value="每日两次" />
|
||||
<el-option label="必要时" value="必要时" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="执行科室" prop="execDept">
|
||||
<el-select v-model="form.execDept" placeholder="选择科室" name="execDept">
|
||||
<el-option label="呼吸内科病房" value="呼吸内科病房" />
|
||||
<el-option label="心血管内科病房" value="心血管内科病房" />
|
||||
<el-option label="消化内科病房" value="消化内科病房" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="16" class="action-row">
|
||||
<el-col :span="24" style="text-align: right;">
|
||||
<el-button @click="handleCancel">取消</el-button>
|
||||
<el-button type="primary" @click="handleConfirm">确定</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { reactive, ref, watch, onMounted } from 'vue'
|
||||
|
||||
const props = defineProps({
|
||||
visible: { type: Boolean, default: false },
|
||||
currentDept: { type: String, default: '呼吸内科病房' }
|
||||
})
|
||||
|
||||
const emit = defineEmits(['confirm', 'cancel'])
|
||||
const formRef = ref(null)
|
||||
|
||||
const form = reactive({
|
||||
textContent: '',
|
||||
startTime: '',
|
||||
frequency: '立即',
|
||||
execDept: ''
|
||||
})
|
||||
|
||||
const rules = {
|
||||
textContent: [
|
||||
{ required: true, message: '请输入医嘱内容', trigger: 'blur' },
|
||||
{ min: 3, max: 50, message: '文字医嘱内容长度需在3~50字之间', trigger: 'blur' }
|
||||
],
|
||||
startTime: [{ required: true, message: '请选择开始时间', trigger: 'change' }],
|
||||
frequency: [{ required: true, message: '请选择频次', trigger: 'change' }],
|
||||
execDept: [{ required: true, message: '请选择执行科室', trigger: 'change' }]
|
||||
}
|
||||
|
||||
const resetForm = () => {
|
||||
form.textContent = ''
|
||||
form.startTime = new Date().toISOString().slice(0, 19).replace('T', ' ')
|
||||
form.frequency = '立即'
|
||||
form.execDept = props.currentDept
|
||||
}
|
||||
|
||||
watch(() => props.visible, (val) => {
|
||||
if (val) resetForm()
|
||||
})
|
||||
|
||||
onMounted(() => resetForm())
|
||||
|
||||
const handleConfirm = async () => {
|
||||
if (!formRef.value) return
|
||||
await formRef.value.validate((valid) => {
|
||||
if (valid) {
|
||||
// 强制金额为0,屏蔽计费元素
|
||||
emit('confirm', { ...form, amount: 0.00, singleDosage: null, totalAmount: null })
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const handleCancel = () => {
|
||||
emit('cancel')
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.text-advice-panel { margin-top: 16px; padding: 16px; background: #f9f9f9; border-radius: 4px; border: 1px solid #ebeef5; }
|
||||
.action-row { margin-top: 10px; }
|
||||
</style>
|
||||
Reference in New Issue
Block a user