@@ -76,22 +76,17 @@
|
|||||||
<div class="filter-section">
|
<div class="filter-section">
|
||||||
<el-card>
|
<el-card>
|
||||||
<div class="filter-container">
|
<div class="filter-container">
|
||||||
<el-form :model="filterForm" ref="filterFormRef" label-width="80px" :inline="true" style="flex: 1; overflow: hidden;">
|
<!-- 修复【#396】:优化搜索查询区域布局,所有筛选条件单行排列,按钮紧凑靠右 -->
|
||||||
<el-row :gutter="16">
|
<el-form :model="filterForm" ref="filterFormRef" label-width="70px" :inline="true">
|
||||||
<!-- 第一行 -->
|
<div class="filter-row">
|
||||||
<el-col :span="24">
|
|
||||||
<el-row :gutter="16">
|
|
||||||
<el-col :span="3">
|
|
||||||
<el-form-item label="登记来源">
|
<el-form-item label="登记来源">
|
||||||
<el-select v-model="filterForm.source" placeholder="全部" clearable>
|
<el-select v-model="filterForm.source" placeholder="全部" clearable style="width: 100px">
|
||||||
<el-option label="门诊" value="1" />
|
<el-option label="门诊" value="1" />
|
||||||
<el-option label="住院" value="2" />
|
<el-option label="住院" value="2" />
|
||||||
<el-option label="急诊" value="3" />
|
<el-option label="急诊" value="3" />
|
||||||
<el-option label="体检" value="4" />
|
<el-option label="体检" value="4" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
|
||||||
<el-col :span="6">
|
|
||||||
<el-form-item label="上报时间">
|
<el-form-item label="上报时间">
|
||||||
<el-date-picker
|
<el-date-picker
|
||||||
v-model="filterForm.dateRange"
|
v-model="filterForm.dateRange"
|
||||||
@@ -100,22 +95,14 @@
|
|||||||
start-placeholder="开始日期"
|
start-placeholder="开始日期"
|
||||||
end-placeholder="结束日期"
|
end-placeholder="结束日期"
|
||||||
value-format="YYYY-MM-DD"
|
value-format="YYYY-MM-DD"
|
||||||
|
style="width: 220px"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
|
||||||
<el-col :span="3">
|
|
||||||
<el-form-item label="患者姓名">
|
<el-form-item label="患者姓名">
|
||||||
<el-input v-model="filterForm.patientName" placeholder="请输入患者姓名" clearable />
|
<el-input v-model="filterForm.patientName" placeholder="请输入" clearable style="width: 120px" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-col>
|
|
||||||
<!-- 第二行 -->
|
|
||||||
<el-col :span="24">
|
|
||||||
<el-row :gutter="16">
|
|
||||||
<el-col :span="3">
|
|
||||||
<el-form-item label="审核状态">
|
<el-form-item label="审核状态">
|
||||||
<el-select v-model="filterForm.status" placeholder="全部" clearable>
|
<el-select v-model="filterForm.status" placeholder="全部" clearable style="width: 110px">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in auditStatusList.filter(s => ['1', '2', '3', '5'].includes(s.value))"
|
v-for="item in auditStatusList.filter(s => ['1', '2', '3', '5'].includes(s.value))"
|
||||||
:key="item.value"
|
:key="item.value"
|
||||||
@@ -124,8 +111,6 @@
|
|||||||
/>
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
|
||||||
<el-col :span="3">
|
|
||||||
<el-form-item label="上报科室">
|
<el-form-item label="上报科室">
|
||||||
<el-tree-select
|
<el-tree-select
|
||||||
v-model="filterForm.deptId"
|
v-model="filterForm.deptId"
|
||||||
@@ -134,20 +119,18 @@
|
|||||||
placeholder="全部科室"
|
placeholder="全部科室"
|
||||||
clearable
|
clearable
|
||||||
check-strictly
|
check-strictly
|
||||||
|
style="width: 140px"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
<div class="filter-buttons">
|
||||||
<el-col :span="18" style="display: flex; align-items: center; justify-content: flex-end;">
|
|
||||||
<el-button type="primary" @click="handleSearch" :loading="loading">
|
<el-button type="primary" @click="handleSearch" :loading="loading">
|
||||||
<el-icon><Search /></el-icon> 查询
|
<el-icon><Search /></el-icon> 查询
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button @click="handleReset">
|
<el-button @click="handleReset">
|
||||||
<el-icon><Refresh /></el-icon> 重置
|
<el-icon><Refresh /></el-icon> 重置
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-col>
|
</div>
|
||||||
</el-row>
|
</div>
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
@@ -1318,6 +1301,27 @@ function getAuditTypeName(type) {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 修复【#396】:单行筛选布局样式 */
|
||||||
|
.filter-row {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.filter-row .el-form-item {
|
||||||
|
display: inline-flex !important;
|
||||||
|
width: auto !important;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.filter-buttons {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
|
|
||||||
/* 表格区 */
|
/* 表格区 */
|
||||||
.table-section {
|
.table-section {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
<!-- 顶部标题栏 -->
|
<!-- 顶部标题栏 -->
|
||||||
<div class="header-section">
|
<div class="header-section">
|
||||||
<div class="header-left">
|
<div class="header-left">
|
||||||
<span class="title">智能分诊排队管理 - 心内科</span>
|
<span class="title">智能分诊排队管理 - {{ currentDeptName }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="header-right">
|
<div class="header-right">
|
||||||
<el-button type="primary" @click="handleRefresh">
|
<el-button type="primary" @click="handleRefresh">
|
||||||
@@ -401,6 +401,9 @@
|
|||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, reactive, computed, onMounted, onUnmounted } from 'vue'
|
import { ref, reactive, computed, onMounted, onUnmounted } from 'vue'
|
||||||
|
import { useUserStore } from '@/store/modules/user'
|
||||||
|
|
||||||
|
const userStore = useUserStore()
|
||||||
import { Refresh } from '@element-plus/icons-vue'
|
import { Refresh } from '@element-plus/icons-vue'
|
||||||
import { ElMessage } from 'element-plus'
|
import { ElMessage } from 'element-plus'
|
||||||
import {
|
import {
|
||||||
@@ -443,6 +446,11 @@ const selectedDept = ref('all')
|
|||||||
// 就诊科室列表
|
// 就诊科室列表
|
||||||
const departmentList = ref([])
|
const departmentList = ref([])
|
||||||
|
|
||||||
|
// 修复【#397】:动态获取当前科室名称
|
||||||
|
const currentDeptName = computed(() => {
|
||||||
|
return userStore.deptName || userStore.orgName || '心内科'
|
||||||
|
})
|
||||||
|
|
||||||
// 后台配置对话框
|
// 后台配置对话框
|
||||||
const configDialogVisible = ref(false)
|
const configDialogVisible = ref(false)
|
||||||
const rules = ref([
|
const rules = ref([
|
||||||
|
|||||||
Reference in New Issue
Block a user