From cd1a1f68caaa30034186e7a1fe21183a4236e437 Mon Sep 17 00:00:00 2001
From: Euni4U <958079825@qq.com>
Date: Fri, 28 Mar 2025 20:36:39 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BA=86=E4=B8=80=E5=A0=86?=
 =?UTF-8?q?=E4=B9=B1=E4=B8=83=E5=85=AB=E7=B3=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Department-entry/Drawer-Template.vue      | 27 +++++---
 .../inspect/inspecttemplate/TemplateForm.vue  | 69 +++++++++++--------
 src/views/inspect/inspecttemplate/index.vue   | 21 +++---
 3 files changed, 71 insertions(+), 46 deletions(-)

diff --git a/src/views/Department-entry/Drawer-Template.vue b/src/views/Department-entry/Drawer-Template.vue
index a136e0b..15e8754 100644
--- a/src/views/Department-entry/Drawer-Template.vue
+++ b/src/views/Department-entry/Drawer-Template.vue
@@ -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
diff --git a/src/views/inspect/inspecttemplate/TemplateForm.vue b/src/views/inspect/inspecttemplate/TemplateForm.vue
index a92e682..f63f8ec 100644
--- a/src/views/inspect/inspecttemplate/TemplateForm.vue
+++ b/src/views/inspect/inspecttemplate/TemplateForm.vue
@@ -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-option v-for="item in categoryOptions" :key="item" :label="item" :value="item" /> 
+      <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>
 
@@ -34,17 +42,16 @@
           <el-radio-button label="禁用" value="0" />
         </el-radio-group>
       </el-form-item>
-  
+
       <el-form-item label="模板内容" prop="content">
-        <el-input 
-          v-model="formData.content" 
-          type="textarea" 
-          :rows="10" 
+        <el-input
+          v-model="formData.content"
+          type="textarea"
+          :rows="10"
           resize="none"
-          placeholder="请输入模板内容" 
+          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,27 +92,30 @@ 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) => {
   if (!type) return
-  
+
   loadingCategories.value = true
   // 不要在这里重置类别，这会导致编辑时的数据丢失
   // formData.value.category = undefined
-  
+
   try {
     // 调用接口获取指定类型下的所有类别
-    categoryOptions.value = await TemplateApi.getCategory(type) 
+    categoryOptions.value = await TemplateApi.getCategory(type)
   } catch (error) {
     console.error('加载类别选项失败', error)
     message.error('加载类别选项失败')
@@ -122,7 +131,7 @@ const open = async (type: string, id?: number) => {
   dialogTitle.value = t('action.' + type)
   formType.value = type
   resetForm()
-  
+
   // 修改时，设置数据
   if (id) {
     formLoading.value = true
@@ -175,8 +184,8 @@ const resetForm = () => {
     orderNum: undefined,
     createId: undefined,
     contentName: undefined,
-    category: undefined,
+    category: undefined
   }
   formRef.value?.resetFields()
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/src/views/inspect/inspecttemplate/index.vue b/src/views/inspect/inspecttemplate/index.vue
index 05a7c67..2fcdced 100644
--- a/src/views/inspect/inspecttemplate/index.vue
+++ b/src/views/inspect/inspecttemplate/index.vue
@@ -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">