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