修改了一堆乱七八糟
This commit is contained in:
parent
1371f42ef3
commit
cd1a1f68ca
@ -25,8 +25,8 @@
|
||||
class="!w-160px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="模板类型" prop="type" class="w-200px">
|
||||
<el-select v-model="queryParams.type" placeholder="请选择模板类型" clearable>
|
||||
<el-form-item label="检查项" prop="type" class="w-200px">
|
||||
<el-select v-model="queryParams.type" placeholder="请选择检查项" clearable>
|
||||
<el-option label="一般检查" value="一般检查" />
|
||||
<el-option label="超声" value="超声" />
|
||||
<el-option label="心电图" value="心电图" />
|
||||
@ -37,12 +37,12 @@
|
||||
<el-option label="汇总" value="汇总" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="模板类别" prop="category" class="w-200px">
|
||||
<el-select v-model="queryParams.category" placeholder="请选择模板类别" clearable>
|
||||
<el-form-item label="部位" prop="category" class="w-200px">
|
||||
<el-select v-model="queryParams.category" placeholder="请选择部位" clearable>
|
||||
<el-option v-for="item in categoryOptions" :key="item.value" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-form-item class="ml-40px">
|
||||
<el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
|
||||
<el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
|
||||
</el-form-item>
|
||||
@ -63,8 +63,8 @@
|
||||
@row-click="handleRowClick"
|
||||
:header-cell-style="{ background: 'rgb(235, 241, 250)', height: '56px', color: '#333333' }"
|
||||
>
|
||||
<el-table-column prop="type" label="模板类型" width="180" />
|
||||
<el-table-column prop="category" label="模板类别" width="180" />
|
||||
<el-table-column prop="type" label="检查项" width="180" />
|
||||
<el-table-column prop="category" label="部位" width="180" />
|
||||
<el-table-column prop="contentName" label="模板名称" />
|
||||
<el-table-column prop="content" label="模板内容" />
|
||||
</el-table>
|
||||
@ -158,6 +158,9 @@ const visible = computed({
|
||||
watch(visible, (newVal) => {
|
||||
if (newVal) {
|
||||
Type.value = props.templateType
|
||||
// 清除模板名称和部位的输入框内容
|
||||
queryParams.contentName = undefined
|
||||
queryParams.category = undefined
|
||||
getList()
|
||||
getCategoryOptions() // 获取所有模板类别
|
||||
}
|
||||
@ -166,7 +169,15 @@ watch(visible, (newVal) => {
|
||||
/** 获取所有模板类别 */
|
||||
const getCategoryOptions = async () => {
|
||||
try {
|
||||
const categories = await TemplateApi.getAllCategories()
|
||||
let categories;
|
||||
if (Type.value = '汇总') {
|
||||
// 如果是汇总标签页,调用getCategory接口但不传递类型参数
|
||||
categories = await TemplateApi.getAllCategories()
|
||||
} else {
|
||||
// 否则按模板类型获取相应的部位
|
||||
categories = await TemplateApi.getCategory(Type.value)
|
||||
}
|
||||
|
||||
categoryOptions.value = categories.map(category => ({
|
||||
label: category,
|
||||
value: category
|
||||
|
@ -7,8 +7,8 @@
|
||||
label-width="100px"
|
||||
v-loading="formLoading"
|
||||
>
|
||||
<el-form-item label="模板类型" prop="type">
|
||||
<el-select v-model="formData.type" placeholder="请选择模板类型" clearable>
|
||||
<el-form-item label="检查项" prop="type">
|
||||
<el-select v-model="formData.type" placeholder="请选择检查项" clearable>
|
||||
<el-option label="一般检查" value="一般检查" />
|
||||
<el-option label="超声" value="超声" />
|
||||
<el-option label="心电图" value="心电图" />
|
||||
@ -19,12 +19,20 @@
|
||||
<el-option label="汇总" value="汇总" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="模板类别" prop="category">
|
||||
<el-select v-model="formData.category" placeholder="请选择模板类别" clearable :loading="loadingCategories">
|
||||
<el-form-item label="部位" prop="category">
|
||||
<el-select
|
||||
v-model="formData.category"
|
||||
placeholder="请选择部位"
|
||||
clearable
|
||||
:loading="loadingCategories"
|
||||
filterable
|
||||
allow-create
|
||||
default-first-option
|
||||
>
|
||||
<el-option v-for="item in categoryOptions" :key="item" :label="item" :value="item" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="模板名称" prop="contentName">
|
||||
<el-form-item label="模板名称" prop="contentName">
|
||||
<el-input v-model="formData.contentName" placeholder="请输入模板名称" />
|
||||
</el-form-item>
|
||||
|
||||
@ -44,7 +52,6 @@
|
||||
placeholder="请输入模板内容"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
|
||||
@ -74,10 +81,9 @@ const formData = ref({
|
||||
orderNum: undefined,
|
||||
createId: undefined,
|
||||
contentName: undefined,
|
||||
category: undefined,
|
||||
})
|
||||
const formRules = reactive({
|
||||
category: undefined
|
||||
})
|
||||
const formRules = reactive({})
|
||||
const formRef = ref() // 表单 Ref
|
||||
|
||||
// 类别选项列表
|
||||
@ -86,15 +92,18 @@ const categoryOptions = ref([])
|
||||
const loadingCategories = ref(false)
|
||||
|
||||
// 监听类型变化,获取对应的类别选项
|
||||
watch(() => formData.value.type, async (newType) => {
|
||||
if (newType) {
|
||||
await loadCategoryOptions(newType)
|
||||
} else {
|
||||
// 如果类型被清空,也清空类别选项
|
||||
categoryOptions.value = []
|
||||
formData.value.category = undefined
|
||||
watch(
|
||||
() => formData.value.type,
|
||||
async (newType) => {
|
||||
if (newType) {
|
||||
await loadCategoryOptions(newType)
|
||||
} else {
|
||||
// 如果类型被清空,也清空类别选项
|
||||
categoryOptions.value = []
|
||||
formData.value.category = undefined
|
||||
}
|
||||
}
|
||||
})
|
||||
)
|
||||
|
||||
// 根据类型加载类别选项的方法
|
||||
const loadCategoryOptions = async (type) => {
|
||||
@ -175,7 +184,7 @@ const resetForm = () => {
|
||||
orderNum: undefined,
|
||||
createId: undefined,
|
||||
contentName: undefined,
|
||||
category: undefined,
|
||||
category: undefined
|
||||
}
|
||||
formRef.value?.resetFields()
|
||||
}
|
||||
|
@ -28,8 +28,8 @@
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="模板类型" prop="type">
|
||||
<el-select v-model="queryParams.type" placeholder="请选择模板类型" clearable class="!w-240px">
|
||||
<el-form-item label="检查项" prop="type">
|
||||
<el-select v-model="queryParams.type" placeholder="请选择检查项" clearable class="!w-240px">
|
||||
<el-option label="一般检查" value="一般检查" />
|
||||
<el-option label="超声" value="超声" />
|
||||
<el-option label="心电图" value="心电图" />
|
||||
@ -40,8 +40,8 @@
|
||||
<el-option label="汇总" value="汇总" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="模板类别" prop="category">
|
||||
<el-select v-model="queryParams.category" placeholder="请选择模板类别" clearable class="!w-240px">
|
||||
<el-form-item label="部位" prop="category">
|
||||
<el-select v-model="queryParams.category" placeholder="请选择部位" clearable class="!w-240px">
|
||||
<el-option v-for="item in categoryOptions" :key="item.value" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
@ -76,14 +76,19 @@
|
||||
style="width: 100%"
|
||||
row-key="id"
|
||||
border
|
||||
default-expand-all
|
||||
:tree-props="{ children: 'children' }"
|
||||
:header-cell-style="{ background: 'rgb(235, 241, 250)', height: '56px', color: '#333333' }"
|
||||
:resizable="false"
|
||||
>
|
||||
<el-table-column prop="type" label="模板类型" width="180" />
|
||||
<el-table-column prop="category" label="模板类别" width="200" />
|
||||
<el-table-column prop="contentName" label="模板名称" width="300" />
|
||||
<el-table-column prop="type" label="检查项" width="180" />
|
||||
<el-table-column prop="category" label="部位" width="200" />
|
||||
<el-table-column label="模板名称" width="300">
|
||||
<template #default="scope">
|
||||
<el-tag v-if="scope.row.contentName" type="success">
|
||||
{{ scope.row.contentName }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="content" label="模板内容" />
|
||||
<el-table-column label="状态" align="center" width="100">
|
||||
<template #default="scope">
|
||||
|
Loading…
Reference in New Issue
Block a user