2025-07-23 09:34:44 +08:00

97 lines
3.9 KiB
Vue

<script setup>
const data = reactive({
form: {},
queryParams: {
pageNum: 1,
pageSize: 10,
dept: undefined,
userid: undefined,
st: undefined,
et: undefined,
yljg: undefined,
zt: undefined
}
})
const { queryParams, form, rules } = toRefs(data);
const barCodeList = ref([]);
const dateRange = ref([]);
//搜索
function handleQuery(){
}
//重置
function resetQuery(){
}
//生成条码
function handleCreate(){
}
//获取条码列表
function getList() {
// 模拟获取数据
data.barCodeList = [
{ roleName: '张三', roleKey: '男', roleSort: '项目1' },
{ roleName: '李四', roleKey: '女', roleSort: '项目2' }
];
data.total = data.barCodeList.length; // 模拟总数
}
</script>
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryRef" :inline="true" label-width="68px">
<el-form-item label="病人姓名" prop="brxm">
<el-input v-model="queryParams.brxm" placeholder="请输入角色名称" clearable style="width: 240px" @keyup.enter="handleQuery"/>
</el-form-item>
<el-form-item label="状态" prop="zt">
<el-select v-model="queryParams.status" placeholder="条码状态" clearable style="width: 240px">
<el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label" :value="dict.value"/>
</el-select>
</el-form-item>
<el-form-item label="申请时间" style="width: 308px">
<el-date-picker v-model="dateRange" value-format="YYYY-MM-DD" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleCreate">生成条码</el-button>
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<!-- 表格区域 -->
<el-table :data="barCodeList">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="床号" prop="ch" width="120" />
<el-table-column label="姓名" prop="brxm" :show-overflow-tooltip="true" width="150" />
<el-table-column label="性别" prop="xb" :show-overflow-tooltip="true" width="150" />
<el-table-column label="项目名称" prop="jymd" width="100" />
<el-table-column label="类别" prop="sflbmc" align="center" width="100"/>
<el-table-column label="采样提示" prop="sampletips" align="center" width="100"/>
<el-table-column label="急诊" prop="jzbz" align="center" width="100"/>
<el-table-column label="样本类型" prop="yblx" align="center" width="100"/>
<el-table-column label="病人号" prop="brdh" align="center" width="100"/>
<el-table-column label="科室名称" prop="ksdh" align="center" width="100"/>
<el-table-column label="申请号/条码" prop="sqh" align="center" width="100"/>
<el-table-column label="状态" prop="zt" align="center" width="100"/>
<el-table-column label="病人来源" prop="brly" align="center" width="100"/>
<el-table-column label="申请医生" prop="sqys" align="center" width="100"/>
<el-table-column label="申请时间" prop="sqsj" align="center" width="100"/>
<el-table-column label="计价标志" prop="jjzt" align="center" width="100"/>
<el-table-column label="执行医生" prop="zxys" align="center" width="100"/>
<el-table-column label="执行时间" prop="zxsj" align="center" width="100"/>
<el-table-column label="送检人" prop="bbsjr" align="center" width="100"/>
<el-table-column label="医疗机构" prop="yljg" align="center" width="100"/>
</el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList"/>
</div>
</template>
<style scoped lang="scss">
</style>