| 
					
				 | 
			
			
				@@ -1,28 +1,23 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  <page-layer> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <template #aside> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  <div class="layout_container layout-horizontal"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <div style="width: 300px; margin-right: 10px" class="layout_container layout_el-table"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <el-input v-model="deptName" placeholder="科室名称过滤" clearable prefix-icon="Search"></el-input> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <el-table :data="filterDepts" stripe highlight-current-row 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                :height="tableHeight" @row-click="queryTemplates"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-table :data="filterDepts" stripe highlight-current-row @row-click="queryTemplates"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <el-table-column prop="deptName" label="科室名称" width="300"></el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </el-table> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <template #main> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <div style="display: flex"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <div class="layout_main layout_card"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <div class="layout_container layout-horizontal"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <aside class="layout_el-table"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           <h3>套餐列表</h3> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <el-table :data="deptTemplates" stripe highlight-current-row 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    :height="tableHeight - 28" @row-click="handleClickTemplate"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-table :data="deptTemplates" stripe highlight-current-row @row-click="handleClickTemplate"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <el-table-column prop="name" label="套餐名称" width="120"></el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <el-table-column prop="tcFee" label="套餐价格" width="80"></el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           </el-table> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <div style="margin: 100px"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <img style="width: 240px; height: 240px" :src="currentThumbPath" alt="" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </aside> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <div class="layout_main" style="display: flex;justify-content: center;align-items: center"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           <div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <img style="width: 240px; height: 240px" :src="currentThumbPath" alt=""/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <el-upload 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 ref="upload" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 :action="uploadTemplateThumbUrl" 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -54,19 +49,18 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  </page-layer> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <script setup> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import PageLayer from "@/layout/PageLayer.vue"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import {ElMessage, genFileId} from "element-plus"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import {queryAllDepartment, queryTcByDepartment} from "@/api/outpatient/tc-template"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  queryAllDepartment, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  queryTcByDepartment 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} from "@/api/outpatient/tc-template"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 const uploadTemplateThumbUrl = import.meta.env.VITE_UPLOAD_TEMPLATE_THUMB 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-const tableHeight = window.innerHeight - 5 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 const deptName = ref('') 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 const allDepts = ref([]) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 const filterDepts = computed(() => { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -138,4 +132,4 @@ onMounted(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     allDepts.value = res 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-</script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</script> 
			 |