190 lines
4.4 KiB
Vue
190 lines
4.4 KiB
Vue
<template>
|
||
<div>
|
||
<ContentWrap>
|
||
<el-form
|
||
ref="queryFormRef"
|
||
:model="queryParams"
|
||
size="small"
|
||
label-width="90px"
|
||
label-position="right"
|
||
label-suffix=""
|
||
class="-mb-15px"
|
||
>
|
||
<el-row>
|
||
<el-col :span="8">
|
||
<!-- Notes： -->
|
||
<el-form-item label="检查部位名称" prop="it_1" class="item-style">
|
||
<el-input
|
||
v-model="queryParams.it_1"
|
||
placeholder="请输入检查部位名称"
|
||
clearable
|
||
class="item-width"
|
||
/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="8">
|
||
<!-- Notes： -->
|
||
<el-form-item label="检查部位编码" prop="it_2" class="item-style">
|
||
<el-input
|
||
v-model="queryParams.it_2"
|
||
placeholder="请输入检查部位编码"
|
||
clearable
|
||
class="item-width"
|
||
/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="8">
|
||
<!-- Notes： -->
|
||
<el-form-item label="机构" label-width="42px" prop="it_3" class="item-style">
|
||
<el-select
|
||
v-model="queryParams.it_3"
|
||
placeholder="请选择机构"
|
||
clearable
|
||
class="item-width"
|
||
>
|
||
<el-option
|
||
v-for="item in orgList"
|
||
:key="item.value"
|
||
:label="item.label"
|
||
:value="item.value"
|
||
/>
|
||
</el-select>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
<el-row>
|
||
<el-col :span="8" :offset="16">
|
||
<el-form-item label="" label-width="42px" class="item-style">
|
||
<el-button> <Icon icon="ep:search" class="mr-5px" /> 搜索 </el-button>
|
||
<el-button type="primary" plain @click="openFormTest()">
|
||
<Icon icon="ep:plus" class="mr-5px" /> 新增
|
||
</el-button>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
</el-form>
|
||
</ContentWrap>
|
||
|
||
<ContentWrap class="mb-1px">
|
||
<el-table
|
||
v-loading="loading"
|
||
size="small"
|
||
border
|
||
:stripe="true"
|
||
:show-overflow-tooltip="true"
|
||
:data="list_examparts"
|
||
style="height: 48vh; min-height: 80px"
|
||
>
|
||
aaaa
|
||
<!-- 数据列 -->
|
||
</el-table>
|
||
<div style="display: flex; justify-content: center">
|
||
<Pagination
|
||
small
|
||
size="small"
|
||
:total="total"
|
||
v-model:page="queryParams.pageNo"
|
||
v-model:limit="queryParams.pageSize"
|
||
/>
|
||
</div>
|
||
</ContentWrap>
|
||
|
||
<ExampartManageForm ref="formRef" />
|
||
<!-- 可参考内容 -->
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { dateFormatter } from '@/utils/formatTime'
|
||
import download from '@/utils/download'
|
||
import { ExampartManageApi } from '@/api/applyregistration/exampartManage'
|
||
import ExampartManageForm from './ExampartManageForm.vue'
|
||
|
||
defineOptions({ name: 'ExampartManage' })
|
||
/*
|
||
* 李传洋
|
||
* 检查部位管理
|
||
**/
|
||
/** 导入内容 **/
|
||
|
||
/** 组件引用 **/
|
||
const queryFormRef = ref()
|
||
const formRef = ref()
|
||
|
||
/** 数据结构 **/
|
||
const message = useMessage()
|
||
const { t } = useI18n()
|
||
const orgList = ref<any[]>([])
|
||
//表单核心
|
||
const queryParams0 = ref({
|
||
pageNo: 1,
|
||
pageSize: 10,
|
||
doctorName: undefined,
|
||
departmentName: undefined
|
||
})
|
||
const queryParams = ref({
|
||
pageNo: 1,
|
||
pageSize: 10,
|
||
/** 测试数据 **/
|
||
it_1: '',
|
||
it_2: '',
|
||
it_3: ''
|
||
})
|
||
//表格核心
|
||
const list_examparts = ref<any[]>([])
|
||
const total = ref(5)
|
||
const loading = ref(false)
|
||
|
||
/****** 自定义内容 ******/
|
||
/****** 可参考内容 ******/
|
||
const openFormTest = () => {
|
||
formRef.value.openTest()
|
||
}
|
||
|
||
/** 组件事件 **/
|
||
|
||
/** 钩子方法 **/
|
||
onMounted(() => {
|
||
//ceshi
|
||
})
|
||
|
||
/** 防空作用域 **/
|
||
console.log(dateFormatter)
|
||
console.log(download)
|
||
console.log(message)
|
||
console.log(t)
|
||
console.log(ExampartManageApi)
|
||
console.log(ExampartManageForm)
|
||
console.log(queryParams0)
|
||
console.log(openFormTest)
|
||
//console.log(null)
|
||
|
||
/** 导出内容 **/
|
||
/**
|
||
* 备注：
|
||
*
|
||
* **/
|
||
</script>
|
||
|
||
<style scoped>
|
||
.el-form-item__label {
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.item-style {
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
.item-width {
|
||
width: 100%;
|
||
}
|
||
|
||
.date-picker :deep(.item-width) {
|
||
width: 100%;
|
||
}
|
||
|
||
.radio-group {
|
||
border: 1px solid #ececec;
|
||
}
|
||
</style>
|