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