阳性统计
This commit is contained in:
lichuanyang
parent
2fc512a8dd
commit
25de21db1c
11
src/api/ECG/ECGPositiveStatistics/index.ts
Normal file
11
src/api/ECG/ECGPositiveStatistics/index.ts
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
import request from '@/config/axios'
|
||||||
|
|
||||||
|
/*
|
||||||
|
* 李传洋
|
||||||
|
* ECGPositiveStatisticsApi
|
||||||
|
*/
|
||||||
|
export const ECGPositiveStatisticsApi = {
|
||||||
|
getPositiveStatistics: async (params: any) => {
|
||||||
|
return await request.get({ url: `/tblist/patientexamlist/positiveStatistics`, params })
|
||||||
|
}
|
||||||
|
}
|
||||||
23
src/api/ECG/positiveStatisticsDict/index.ts
Normal file
23
src/api/ECG/positiveStatisticsDict/index.ts
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
import request from '@/config/axios'
|
||||||
|
|
||||||
|
/*
|
||||||
|
* 李传洋
|
||||||
|
* PositiveStatisticsDictApi
|
||||||
|
*/
|
||||||
|
export const PositiveStatisticsDictApi = {
|
||||||
|
getPage: async (params: any) => {
|
||||||
|
return await request.get({ url: `/tblist/positivestatistics/page`, params })
|
||||||
|
},
|
||||||
|
get: async (id: any) => {
|
||||||
|
return await request.get({ url: `/tblist/positivestatistics/get?id=` + id })
|
||||||
|
},
|
||||||
|
create: async (data: any) => {
|
||||||
|
return await request.post({ url: `/tblist/positivestatistics/create`, data })
|
||||||
|
},
|
||||||
|
update: async (data: any) => {
|
||||||
|
return await request.put({ url: `/tblist/positivestatistics/update`, data })
|
||||||
|
},
|
||||||
|
delete: async (id: any) => {
|
||||||
|
return await request.delete({ url: `/tblist/positivestatistics/delete?id=` + id })
|
||||||
|
},
|
||||||
|
}
|
||||||
440
src/views/ECG/ECGPositiveStatistics/index.vue
Normal file
440
src/views/ECG/ECGPositiveStatistics/index.vue
Normal file
@ -0,0 +1,440 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<ContentWrap class="-mt-12px">
|
||||||
|
<el-form
|
||||||
|
ref="queryFormRef"
|
||||||
|
:model="queryParams"
|
||||||
|
size="default"
|
||||||
|
label-width="78px"
|
||||||
|
label-position="right"
|
||||||
|
label-suffix=""
|
||||||
|
class="-mb-15px"
|
||||||
|
>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="诊断日期" prop="doctorDiagTime_ge" class="item-style date-picker">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="queryParams.doctorDiagTime_ge"
|
||||||
|
type="date"
|
||||||
|
value-format="YYYY-MM-DD HH:mm:ss"
|
||||||
|
placeholder="开始日期"
|
||||||
|
class="item-width"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="4">
|
||||||
|
<el-form-item
|
||||||
|
label=""
|
||||||
|
label-width="0px"
|
||||||
|
prop="doctorDiagTime_le"
|
||||||
|
class="item-style date-picker"
|
||||||
|
>
|
||||||
|
<el-date-picker
|
||||||
|
v-model="queryParams.doctorDiagTime_le"
|
||||||
|
type="date"
|
||||||
|
value-format="YYYY-MM-DD HH:mm:ss"
|
||||||
|
placeholder="结束日期"
|
||||||
|
class="item-width"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :offset="6" :span="8" style="text-align: right">
|
||||||
|
<el-button
|
||||||
|
@click="handleQuery"
|
||||||
|
style="background-color: rgba(56, 119, 246, 1); color: rgba(255, 255, 255, 1)"
|
||||||
|
>
|
||||||
|
<Icon icon="ep:search" class="mr-5px" /> 搜索
|
||||||
|
</el-button>
|
||||||
|
<el-button @click="resetQuery">
|
||||||
|
<Icon icon="ep:refresh" class="mr-5px" /> 重置
|
||||||
|
</el-button>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</ContentWrap>
|
||||||
|
|
||||||
|
<el-row class="-mb-26px">
|
||||||
|
<el-col :span="9">
|
||||||
|
<ContentWrap class="-mt-9px">
|
||||||
|
<el-table
|
||||||
|
v-loading="loading"
|
||||||
|
size="default"
|
||||||
|
border
|
||||||
|
:stripe="false"
|
||||||
|
:show-overflow-tooltip="true"
|
||||||
|
:data="list_infos"
|
||||||
|
:header-cell-style="{
|
||||||
|
background: 'rgb(235, 241, 250)',
|
||||||
|
height: '40px',
|
||||||
|
color: '#333333'
|
||||||
|
}"
|
||||||
|
:row-style="{ height: '40px' }"
|
||||||
|
:row-class-name="tableRowClassName"
|
||||||
|
class="list_infos"
|
||||||
|
height="max(calc(100vh - 270px),100px)"
|
||||||
|
@row-dblclick="handleRowdbClick"
|
||||||
|
>
|
||||||
|
<el-table-column label="序号" align="center" width="54px" fixed="left">
|
||||||
|
<template #default="scope"> {{ scope.$index + 1 }} </template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="名称" align="center" prop="diseaseName" width="200px" />
|
||||||
|
<el-table-column label="关键词" align="left" prop="keyWord" width="240px" />
|
||||||
|
<el-table-column
|
||||||
|
label="数量"
|
||||||
|
align="center"
|
||||||
|
prop="items_count"
|
||||||
|
fixed="right"
|
||||||
|
width="60px"
|
||||||
|
/>
|
||||||
|
<!-- 数据列 -->
|
||||||
|
</el-table>
|
||||||
|
</ContentWrap>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="15" class="pl-6px">
|
||||||
|
<ContentWrap class="-mt-9px">
|
||||||
|
<el-table
|
||||||
|
v-loading="loading"
|
||||||
|
size="default"
|
||||||
|
border
|
||||||
|
:stripe="false"
|
||||||
|
:show-overflow-tooltip="true"
|
||||||
|
:data="list_items"
|
||||||
|
:header-cell-style="{
|
||||||
|
background: 'rgb(235, 241, 250)',
|
||||||
|
height: '40px',
|
||||||
|
color: '#333333'
|
||||||
|
}"
|
||||||
|
:row-style="{ height: '40px' }"
|
||||||
|
height="max(calc(100vh - 270px),100px)"
|
||||||
|
>
|
||||||
|
<el-table-column label="序号" align="center" width="54px" fixed="left">
|
||||||
|
<template #default="scope"> {{ scope.$index + 1 }} </template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="登记号" align="center" prop="regId" width="240px" />
|
||||||
|
<el-table-column label="检查号" align="center" prop="examId" width="240px" />
|
||||||
|
<el-table-column
|
||||||
|
label="检查日期"
|
||||||
|
align="center"
|
||||||
|
prop="examDate"
|
||||||
|
:formatter="dateFormatter2"
|
||||||
|
width="110px"
|
||||||
|
/>
|
||||||
|
<el-table-column label="患者姓名" align="center" prop="pname" width="130px" />
|
||||||
|
<el-table-column label="性别" align="center" prop="gender" width="54px" />
|
||||||
|
<el-table-column
|
||||||
|
label="出生日期"
|
||||||
|
align="center"
|
||||||
|
prop="birthday"
|
||||||
|
:formatter="dateFormatter2"
|
||||||
|
width="110px"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
label="检查项目"
|
||||||
|
header-align="center"
|
||||||
|
prop="examItemName"
|
||||||
|
min-width="260px"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
label="影像设备"
|
||||||
|
header-align="center"
|
||||||
|
prop="deviceName"
|
||||||
|
min-width="260px"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
label="阴性阳性"
|
||||||
|
align="center"
|
||||||
|
prop="diagFlag"
|
||||||
|
fixed="right"
|
||||||
|
width="100px"
|
||||||
|
>
|
||||||
|
<template #default="scope">
|
||||||
|
<el-tag v-if="scope.row.diagFlag == '0'" effect="plain" style="width: 74px"
|
||||||
|
>阴性</el-tag
|
||||||
|
>
|
||||||
|
<el-tag
|
||||||
|
v-else-if="scope.row.diagFlag == '1'"
|
||||||
|
effect="plain"
|
||||||
|
type="danger"
|
||||||
|
style="width: 74px"
|
||||||
|
>阳性</el-tag
|
||||||
|
>
|
||||||
|
<el-tag
|
||||||
|
v-else-if="scope.row.diagFlag == '2'"
|
||||||
|
effect="plain"
|
||||||
|
type="warning"
|
||||||
|
style="width: 74px"
|
||||||
|
>重大阳性</el-tag
|
||||||
|
>
|
||||||
|
<el-tag v-else effect="plain" type="info" style="width: 74px">暂无</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" align="center" fixed="right" width="60px">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-button link @click="handleRowClick(scope.row)" style="color: rgb(56, 119, 246)">
|
||||||
|
查看
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<!-- 数据列 -->
|
||||||
|
</el-table>
|
||||||
|
</ContentWrap>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-drawer
|
||||||
|
v-model="activeDrawer"
|
||||||
|
direction="rtl"
|
||||||
|
:with-header="false"
|
||||||
|
:modal="activeDrawerModal"
|
||||||
|
:size="activeDrawerSize"
|
||||||
|
@closed="
|
||||||
|
() => {
|
||||||
|
reportInfoType = ''
|
||||||
|
activeTabName = ''
|
||||||
|
activeDrawerModal = true
|
||||||
|
activeDrawerSize = '74%'
|
||||||
|
}
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<div style="position: relative; z-index: 100">
|
||||||
|
<el-button
|
||||||
|
link
|
||||||
|
@click="activeDrawer = false"
|
||||||
|
style="position: absolute; top: 3px; right: 1px"
|
||||||
|
>
|
||||||
|
<Icon icon="ep:close" />
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
<el-tabs v-model="activeTabName" style="margin-top: -8px; height: 100%">
|
||||||
|
<el-tab-pane label="诊断信息" name="diagnosisInfo">
|
||||||
|
<el-form
|
||||||
|
ref="infoFormRef"
|
||||||
|
:model="infoParams"
|
||||||
|
size="default"
|
||||||
|
label-width="74px"
|
||||||
|
label-position="top"
|
||||||
|
label-suffix=""
|
||||||
|
class="mt-20px ml-16px"
|
||||||
|
>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="" prop="doctorDiagResult" class="item-style">
|
||||||
|
<el-input
|
||||||
|
v-model="infoParams.doctorDiagResult"
|
||||||
|
type="textarea"
|
||||||
|
:autosize="{ minRows: 6, maxRows: 10 }"
|
||||||
|
:readonly="diagnosisInfo_readonly"
|
||||||
|
class="item-width"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</el-tab-pane>
|
||||||
|
</el-tabs>
|
||||||
|
</el-drawer>
|
||||||
|
<!-- 可参考内容 -->
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { dateFormatter, dateFormatter2 } from '@/utils/formatTime'
|
||||||
|
import { ECGPositiveStatisticsApi } from '@/api/ECG/ECGPositiveStatistics'
|
||||||
|
|
||||||
|
defineOptions({ name: 'ECGPositiveStatistics' })
|
||||||
|
/*
|
||||||
|
* 李传洋
|
||||||
|
* 阳性统计
|
||||||
|
**/
|
||||||
|
/** 导入内容 **/
|
||||||
|
|
||||||
|
/** 组件引用 **/
|
||||||
|
const queryFormRef = ref()
|
||||||
|
const infoFormRef = ref()
|
||||||
|
|
||||||
|
/** 数据结构 **/
|
||||||
|
const message = useMessage()
|
||||||
|
const { t } = useI18n()
|
||||||
|
const activeDrawer = ref(false)
|
||||||
|
const activeDrawerModal = ref(true)
|
||||||
|
const activeDrawerSize = ref<any>('74%')
|
||||||
|
const activeTabName = ref('diagnosisInfo')
|
||||||
|
const reportInfoType = ref('') //us、ct
|
||||||
|
const diagnosisInfo_readonly = ref(true)
|
||||||
|
const age = ref<any>('')
|
||||||
|
const examItemNameEdit = ref('')
|
||||||
|
//表单核心
|
||||||
|
const queryParams = ref({
|
||||||
|
doctorDiagTime_ge: '',
|
||||||
|
doctorDiagTime_le: ''
|
||||||
|
})
|
||||||
|
const infoParams = ref({
|
||||||
|
id: '',
|
||||||
|
examId: '',
|
||||||
|
regId: '',
|
||||||
|
orgId: '',
|
||||||
|
pname: '',
|
||||||
|
gender: '',
|
||||||
|
birthday: '',
|
||||||
|
billDoctorDepartment: '',
|
||||||
|
applicationDate: '',
|
||||||
|
examDescription: '',
|
||||||
|
diagResults: '',
|
||||||
|
examItemName: '',
|
||||||
|
deviceName: '',
|
||||||
|
deviceType: '',
|
||||||
|
diagDoctor: '',
|
||||||
|
diagDate: '',
|
||||||
|
reviewDoctor: '',
|
||||||
|
reviewDate: '',
|
||||||
|
doctorDiagResult: ''
|
||||||
|
})
|
||||||
|
//表格核心
|
||||||
|
const list_infos = ref<any[]>([])
|
||||||
|
const list_items = ref<any[]>([])
|
||||||
|
const loading = ref(true)
|
||||||
|
|
||||||
|
/****** 自定义内容 ******/
|
||||||
|
const calculateAge = async (birthdate) => {
|
||||||
|
if (!birthdate) {
|
||||||
|
age.value = ''
|
||||||
|
return
|
||||||
|
}
|
||||||
|
const today = new Date()
|
||||||
|
const birth = new Date(birthdate)
|
||||||
|
let yearsDiff = today.getFullYear() - birth.getFullYear()
|
||||||
|
// Check if the birthday hasn't occurred yet this year
|
||||||
|
const hasBirthdayPassed =
|
||||||
|
today.getMonth() > birth.getMonth() ||
|
||||||
|
(today.getMonth() === birth.getMonth() && today.getDate() >= birth.getDate())
|
||||||
|
if (!hasBirthdayPassed) {
|
||||||
|
yearsDiff--
|
||||||
|
}
|
||||||
|
age.value = yearsDiff
|
||||||
|
}
|
||||||
|
|
||||||
|
const resetDiagnosisInfo = async () => {
|
||||||
|
infoParams.value = {
|
||||||
|
id: '',
|
||||||
|
examId: '',
|
||||||
|
regId: '',
|
||||||
|
orgId: '',
|
||||||
|
pname: '',
|
||||||
|
gender: '',
|
||||||
|
birthday: '',
|
||||||
|
billDoctorDepartment: '',
|
||||||
|
applicationDate: '',
|
||||||
|
examDescription: '',
|
||||||
|
diagResults: '',
|
||||||
|
examItemName: '',
|
||||||
|
deviceName: '',
|
||||||
|
deviceType: '',
|
||||||
|
diagDoctor: '',
|
||||||
|
diagDate: '',
|
||||||
|
reviewDoctor: '',
|
||||||
|
reviewDate: '',
|
||||||
|
doctorDiagResult: ''
|
||||||
|
}
|
||||||
|
age.value = ''
|
||||||
|
examItemNameEdit.value = ''
|
||||||
|
infoFormRef.value?.clearValidate()
|
||||||
|
}
|
||||||
|
|
||||||
|
const getList = async () => {
|
||||||
|
resetDiagnosisInfo()
|
||||||
|
loading.value = true
|
||||||
|
try {
|
||||||
|
const data = await ECGPositiveStatisticsApi.getPositiveStatistics(queryParams.value)
|
||||||
|
list_infos.value = data
|
||||||
|
list_items.value = []
|
||||||
|
highLightRow.value = {}
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/****** 可参考内容 ******/
|
||||||
|
/** 组件事件 **/
|
||||||
|
const handleQuery = async () => {
|
||||||
|
getList()
|
||||||
|
}
|
||||||
|
|
||||||
|
const resetQuery = async () => {
|
||||||
|
queryParams.value = {
|
||||||
|
doctorDiagTime_ge: '',
|
||||||
|
doctorDiagTime_le: ''
|
||||||
|
}
|
||||||
|
queryFormRef.value?.clearValidate()
|
||||||
|
handleQuery()
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleRowdbClick = async (row) => {
|
||||||
|
if (row) {
|
||||||
|
list_items.value = row.items
|
||||||
|
highLightRow.value = row
|
||||||
|
} else list_items.value = []
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleRowClick = async (row) => {
|
||||||
|
resetDiagnosisInfo()
|
||||||
|
if (row) {
|
||||||
|
infoParams.value = row
|
||||||
|
calculateAge(row.birthday)
|
||||||
|
examItemNameEdit.value = row.examItemName
|
||||||
|
if (row.deviceType && row.deviceType.trim().toLowerCase() == 'us') reportInfoType.value = 'us'
|
||||||
|
else if (row.deviceType && row.deviceType.trim().toLowerCase() == 'csh1')
|
||||||
|
reportInfoType.value = 'csh1'
|
||||||
|
else reportInfoType.value = 'ct'
|
||||||
|
}
|
||||||
|
activeTabName.value = 'diagnosisInfo'
|
||||||
|
activeDrawer.value = true
|
||||||
|
}
|
||||||
|
|
||||||
|
const highLightRow = ref<any>({})
|
||||||
|
const tableRowClassName = ({ row }: any) => {
|
||||||
|
if (highLightRow.value && highLightRow.value == row) return 'grey-row'
|
||||||
|
else return ''
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 钩子方法 **/
|
||||||
|
onMounted(async () => {
|
||||||
|
getList()
|
||||||
|
})
|
||||||
|
|
||||||
|
/** 防空作用域 **/
|
||||||
|
console.log(dateFormatter)
|
||||||
|
console.log(message)
|
||||||
|
console.log(t)
|
||||||
|
//console.log(null)
|
||||||
|
|
||||||
|
/** 导出内容 **/
|
||||||
|
/**
|
||||||
|
* 备注：
|
||||||
|
*
|
||||||
|
* **/
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" 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;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list_infos :deep(.grey-row) {
|
||||||
|
--el-table-tr-bg-color: #d6e1f7f5;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,199 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<Dialog :title="dialogTitle" v-model="dialogVisible" width="62.8%">
|
||||||
|
<el-form
|
||||||
|
ref="formRef"
|
||||||
|
:model="formData"
|
||||||
|
size="default"
|
||||||
|
label-width="100px"
|
||||||
|
label-position="right"
|
||||||
|
label-suffix=""
|
||||||
|
class="-ml-30px"
|
||||||
|
v-loading="formLoading"
|
||||||
|
>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="名称" prop="diseaseName" class="item-style">
|
||||||
|
<el-input
|
||||||
|
v-model="formData.diseaseName"
|
||||||
|
placeholder="请输入名称"
|
||||||
|
clearable
|
||||||
|
class="item-width"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="24">
|
||||||
|
<div
|
||||||
|
class="pl-104px mt-6px mb-6px"
|
||||||
|
style="
|
||||||
|
font-size: 13.2px;
|
||||||
|
font-weight: 400;
|
||||||
|
font-family:
|
||||||
|
Inter,
|
||||||
|
Helvetica Neue,
|
||||||
|
Helvetica,
|
||||||
|
PingFang SC,
|
||||||
|
Hiragino Sans GB,
|
||||||
|
Microsoft YaHei,
|
||||||
|
微软雅黑,
|
||||||
|
Arial,
|
||||||
|
sans-serif;
|
||||||
|
color-scheme: light;
|
||||||
|
color: rgb(245, 108, 108);
|
||||||
|
"
|
||||||
|
>
|
||||||
|
关键词请使用[,]连接
|
||||||
|
</div>
|
||||||
|
<el-form-item label="关键词" prop="keyWord" class="item-style">
|
||||||
|
<el-input
|
||||||
|
v-model="formData.keyWord"
|
||||||
|
placeholder="请输入关键词"
|
||||||
|
type="textarea"
|
||||||
|
:autosize="{ minRows: 6, maxRows: 10 }"
|
||||||
|
class="item-width"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<template #footer>
|
||||||
|
<div style="text-align: center">
|
||||||
|
<el-button type="primary" :disabled="formLoading" @click="submitForm">保存</el-button>
|
||||||
|
<el-button @click="dialogVisible = false">取消</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</Dialog>
|
||||||
|
<!-- 可参考内容 -->
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { dateFormatter } from '@/utils/formatTime'
|
||||||
|
import { PositiveStatisticsDictApi } from '@/api/ECG/positiveStatisticsDict'
|
||||||
|
|
||||||
|
defineOptions({ name: 'PositiveStatisticsDictForm' })
|
||||||
|
/*
|
||||||
|
* 李传洋
|
||||||
|
* PositiveStatisticsDictForm
|
||||||
|
**/
|
||||||
|
/** 导入内容 **/
|
||||||
|
const emit = defineEmits(['success'])
|
||||||
|
|
||||||
|
/** 组件引用 **/
|
||||||
|
const formRef = ref()
|
||||||
|
|
||||||
|
/** 数据结构 **/
|
||||||
|
const message = useMessage()
|
||||||
|
const { t } = useI18n()
|
||||||
|
const dialogVisible = ref(false)
|
||||||
|
const dialogTitle = ref('')
|
||||||
|
const formLoading = ref(false)
|
||||||
|
const formType = ref('')
|
||||||
|
//表单核心
|
||||||
|
const formData = ref({
|
||||||
|
id: '',
|
||||||
|
diseaseName: '',
|
||||||
|
keyWord: '',
|
||||||
|
orgId: ''
|
||||||
|
})
|
||||||
|
|
||||||
|
/****** 自定义内容 ******/
|
||||||
|
const resetForm = async () => {
|
||||||
|
formData.value = {
|
||||||
|
id: '',
|
||||||
|
diseaseName: '',
|
||||||
|
keyWord: '',
|
||||||
|
orgId: ''
|
||||||
|
}
|
||||||
|
formRef.value?.clearValidate()
|
||||||
|
}
|
||||||
|
|
||||||
|
const open = async (type: string, id?: number) => {
|
||||||
|
dialogVisible.value = true
|
||||||
|
dialogTitle.value = t('action.' + type)
|
||||||
|
formType.value = type
|
||||||
|
resetForm()
|
||||||
|
if (id) {
|
||||||
|
formLoading.value = true
|
||||||
|
try {
|
||||||
|
formData.value = await PositiveStatisticsDictApi.get(id)
|
||||||
|
} finally {
|
||||||
|
formLoading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/****** 可参考内容 ******/
|
||||||
|
/** 组件事件 **/
|
||||||
|
const submitForm = async () => {
|
||||||
|
formLoading.value = true
|
||||||
|
try {
|
||||||
|
const data = formData.value
|
||||||
|
//校验
|
||||||
|
if (!data.diseaseName) {
|
||||||
|
await message.alertWarning('请输入名称')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (!data.keyWord) {
|
||||||
|
await message.alertWarning('请输入关键词')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
//更新
|
||||||
|
let data_res = null as any
|
||||||
|
if (formType.value === 'create') {
|
||||||
|
data_res = await PositiveStatisticsDictApi.create(data)
|
||||||
|
if (data_res == '-200') message.error('创建失败，相同名称字典已存在！')
|
||||||
|
else message.success(t('common.createSuccess'))
|
||||||
|
} else if (formType.value === 'update') {
|
||||||
|
data_res = await PositiveStatisticsDictApi.update(data)
|
||||||
|
if (data_res == '-200') message.error('更新失败，相同名称字典已存在！')
|
||||||
|
else message.success(t('common.updateSuccess'))
|
||||||
|
}
|
||||||
|
if (!(data_res == '-200')) {
|
||||||
|
dialogVisible.value = false
|
||||||
|
emit('success')
|
||||||
|
}
|
||||||
|
} finally {
|
||||||
|
formLoading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 钩子方法 **/
|
||||||
|
onMounted(async () => {})
|
||||||
|
|
||||||
|
/** 防空作用域 **/
|
||||||
|
console.log(dateFormatter)
|
||||||
|
//console.log(null)
|
||||||
|
|
||||||
|
/** 导出内容 **/
|
||||||
|
defineExpose({ open })
|
||||||
|
/**
|
||||||
|
* 备注：
|
||||||
|
*
|
||||||
|
* **/
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.el-form-item__label {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-style {
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-width {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.date-picker :deep(.item-width) {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.radio-group {
|
||||||
|
border: 1px solid #ececec;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
220
src/views/ECG/positiveStatisticsDict/index.vue
Normal file
220
src/views/ECG/positiveStatisticsDict/index.vue
Normal file
@ -0,0 +1,220 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<ContentWrap>
|
||||||
|
<el-form
|
||||||
|
ref="queryFormRef"
|
||||||
|
:model="queryParams"
|
||||||
|
size="default"
|
||||||
|
label-width="68px"
|
||||||
|
label-position="right"
|
||||||
|
label-suffix=""
|
||||||
|
class="-mb-15px"
|
||||||
|
>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="9">
|
||||||
|
<el-form-item label="名称" prop="diseaseName" class="item-style">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.diseaseName"
|
||||||
|
placeholder="请输入名称"
|
||||||
|
clearable
|
||||||
|
class="item-width"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="9">
|
||||||
|
<el-form-item label="关键词" prop="keyWord" class="item-style">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.keyWord"
|
||||||
|
placeholder="请输入关键词"
|
||||||
|
clearable
|
||||||
|
class="item-width"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :offset="2" :span="4" style="text-align: right">
|
||||||
|
<el-button
|
||||||
|
@click="handleQuery"
|
||||||
|
style="background-color: rgba(56, 119, 246, 1); color: rgba(255, 255, 255, 1)"
|
||||||
|
>
|
||||||
|
<Icon icon="ep:search" class="mr-5px" /> 搜索
|
||||||
|
</el-button>
|
||||||
|
<el-button @click="resetQuery">
|
||||||
|
<Icon icon="ep:refresh" class="mr-5px" /> 重置
|
||||||
|
</el-button>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</ContentWrap>
|
||||||
|
|
||||||
|
<ContentWrap style="height: 64px">
|
||||||
|
<el-row>
|
||||||
|
<el-col :offset="18" :span="6" style="text-align: right">
|
||||||
|
<el-button
|
||||||
|
@click="openForm('create')"
|
||||||
|
style="background-color: rgb(28, 176, 117); color: rgb(255, 255, 255)"
|
||||||
|
>
|
||||||
|
<Icon icon="ep:plus" class="mr-5px" /> 新增
|
||||||
|
</el-button>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</ContentWrap>
|
||||||
|
|
||||||
|
<ContentWrap class="mb-1px">
|
||||||
|
<el-table
|
||||||
|
v-loading="loading"
|
||||||
|
size="default"
|
||||||
|
border
|
||||||
|
:stripe="true"
|
||||||
|
:show-overflow-tooltip="true"
|
||||||
|
:data="list_data"
|
||||||
|
:header-cell-style="{ background: 'rgb(235, 241, 250)', height: '40px', color: '#333333' }"
|
||||||
|
:row-style="{ height: '40px' }"
|
||||||
|
height="max(calc(100vh - 465px),80px)"
|
||||||
|
>
|
||||||
|
<el-table-column type="index" label="序号" align="center" width="54px" />
|
||||||
|
<el-table-column label="名称" align="center" prop="diseaseName" />
|
||||||
|
<el-table-column label="关键词" align="center" prop="keyWord" />
|
||||||
|
<el-table-column label="操作" align="center" fixed="right" width="180px">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-button
|
||||||
|
link
|
||||||
|
@click="openForm('update', scope.row.id)"
|
||||||
|
style="color: rgb(56, 119, 246)"
|
||||||
|
>
|
||||||
|
编辑
|
||||||
|
</el-button>
|
||||||
|
<el-button link @click="handleDelete(scope.row.id)" style="color: rgb(223, 65, 65)">
|
||||||
|
删除
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<!-- 数据列 -->
|
||||||
|
</el-table>
|
||||||
|
<div>
|
||||||
|
<Pagination
|
||||||
|
:total="total"
|
||||||
|
v-model:page="queryParams.pageNo"
|
||||||
|
v-model:limit="queryParams.pageSize"
|
||||||
|
@pagination="getList"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</ContentWrap>
|
||||||
|
|
||||||
|
<PositiveStatisticsDictForm ref="formRef" @success="getList" />
|
||||||
|
<!-- 可参考内容 -->
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { dateFormatter } from '@/utils/formatTime'
|
||||||
|
import download from '@/utils/download'
|
||||||
|
import { PositiveStatisticsDictApi } from '@/api/ECG/positiveStatisticsDict'
|
||||||
|
import PositiveStatisticsDictForm from './PositiveStatisticsDictForm.vue'
|
||||||
|
|
||||||
|
defineOptions({ name: 'PositiveStatisticsDict' })
|
||||||
|
/*
|
||||||
|
* 李传洋
|
||||||
|
* 阳性字典管理
|
||||||
|
**/
|
||||||
|
/** 导入内容 **/
|
||||||
|
|
||||||
|
/** 组件引用 **/
|
||||||
|
const queryFormRef = ref()
|
||||||
|
const formRef = ref()
|
||||||
|
|
||||||
|
/** 数据结构 **/
|
||||||
|
const message = useMessage()
|
||||||
|
const { t } = useI18n()
|
||||||
|
//表单核心
|
||||||
|
const queryParams = ref({
|
||||||
|
pageNo: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
diseaseName: '',
|
||||||
|
keyWord: ''
|
||||||
|
})
|
||||||
|
//表格核心
|
||||||
|
const list_data = ref<any[]>([])
|
||||||
|
const total = ref(0)
|
||||||
|
const loading = ref(true)
|
||||||
|
|
||||||
|
/****** 自定义内容 ******/
|
||||||
|
/****** 可参考内容 ******/
|
||||||
|
/** 组件事件 **/
|
||||||
|
const openForm = (type: string, id?: any) => {
|
||||||
|
formRef.value.open(type, id)
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleDelete = async (id: any) => {
|
||||||
|
try {
|
||||||
|
await message.delConfirm()
|
||||||
|
await PositiveStatisticsDictApi.delete(id)
|
||||||
|
message.success(t('common.delSuccess'))
|
||||||
|
await getList()
|
||||||
|
} catch {}
|
||||||
|
}
|
||||||
|
|
||||||
|
const getList = async () => {
|
||||||
|
loading.value = true
|
||||||
|
try {
|
||||||
|
const data = await PositiveStatisticsDictApi.getPage(queryParams.value)
|
||||||
|
list_data.value = data.list
|
||||||
|
total.value = data.total
|
||||||
|
} finally {
|
||||||
|
loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleQuery = async () => {
|
||||||
|
queryParams.value.pageNo = 1
|
||||||
|
getList()
|
||||||
|
}
|
||||||
|
|
||||||
|
const resetQuery = async () => {
|
||||||
|
queryParams.value = {
|
||||||
|
pageNo: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
diseaseName: '',
|
||||||
|
keyWord: ''
|
||||||
|
}
|
||||||
|
queryFormRef.value?.clearValidate()
|
||||||
|
handleQuery()
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 钩子方法 **/
|
||||||
|
onMounted(async () => {
|
||||||
|
getList()
|
||||||
|
})
|
||||||
|
|
||||||
|
/** 防空作用域 **/
|
||||||
|
console.log(dateFormatter)
|
||||||
|
console.log(download)
|
||||||
|
//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>
|
||||||
Loading…
Reference in New Issue
Block a user