|  | @@ -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>
 |