Merge branch 'master' into 'master'

新增慢病检索

See merge request lighter/vue-intergration-platform!78

src/api/chronic-disease/chronic-disease.js

@@ -67,4 +67,16 @@ export function selectBrInfoByCode(code) {
         method: 'get',
         params: { code },
     })
+}
+
+/**
+ * 查询慢病登记信息
+ * @returns 
+ */
+export function selectChronicDisease(data) {
+    return request({
+        url: '/chronicDisease/selectChronicDisease',
+        method: 'post',
+        data
+    })
 }

src/router/modules/dashboard.js

@@ -780,12 +780,17 @@ const route = [
             {
                 path: 'chronicDisease/chronicDiseaseRegister',
                 component: createNameComponent(() => import('@/views/clinic/chronicDisease/ChronicDiseaseRegister.vue')),
-                meta: {title: '慢特病信息登记'},
+                meta: {title: '慢病信息登记'},
             },
             {
                 path: 'chronicDisease/chronicDiseaseQuestionnaire',
                 component: createNameComponent(() => import('@/views/clinic/chronicDisease/ChronicDiseaseQuestionnaire.vue')),
-                meta: {title: '慢特病调查问卷'},
+                meta: {title: '慢病调查问卷'},
+            },
+            {
+                path: 'chronicDisease/chronicDiseaseSearch',
+                component: createNameComponent(() => import('@/views/clinic/chronicDisease/ChronicDiseaseSearch.vue')),
+                meta: {title: '慢病登记检索'},
             },
         ],
     },

src/views/clinic/chronicDisease/ChronicDiseaseSearch.vue

@@ -0,0 +1,211 @@
+<template>
+    <page-layer>
+        <template #header>
+            <el-input v-model="keyCode" class="w-50 m-2" style="width: 360px" placeholder="请输入姓名/证件号/门诊号/住院号" clearable>
+                <template #prepend>关键字</template>
+            </el-input>
+            <el-date-picker v-model="dateRange" type="daterange" range-separator="至" start-placeholder="开始日期"
+                end-placeholder="结束日期" :shortcuts="shortcuts" style="width: 360px;margin-left: 3px"></el-date-picker>
+            <el-select v-model="diseaseType" placeholder="请选择慢病类型" clearable style="width: 240px;margin-left: 3px">
+                <el-option v-for="item in dics.getCrmClass" :key="item.code" :label="item.name" :value="item.code" />
+            </el-select>
+            <el-button type="primary" icon="Search" @click="queryChronicDisease" style="margin-left: 5px">查询</el-button>
+            <el-button type="primary" icon="Download" @click="exportData" style="margin-left: 5px">导出</el-button>
+        </template>
+        <template #main>
+            <el-table :data="chronicDiseaseData.slice(pageSize * (currentPage - 1), pageSize * currentPage)" border
+                style="width: 100%" :height="tableHeight" highlight-current-row :row-style="rowStyle">
+                <el-table-column type="index" label="序号" width="50" fixed />
+                <el-table-column prop="pName" label="姓名" width="100" fixed />
+                <el-table-column prop="socialNo" label="证件号" width="140" fixed />
+                <el-table-column prop="sexValue" label="性别" />
+                <el-table-column prop="age" label="年龄" />
+                <el-table-column prop="hisMzNo" label="门诊号" width="100" />
+                <el-table-column prop="hisZyNo" label="住院号" width="100" />
+                <el-table-column prop="days" label="剩余回访天数" width="100" />
+                <el-table-column prop="ptName" label="病人来源" width="120" />
+                <el-table-column prop="relTel" label="联系电话" width="100" />
+                <el-table-column prop="relNameTel" label="联系人电话" width="100" />
+                <el-table-column prop="relName" label="联系人姓名" width="100" />
+                <el-table-column prop="chronicDiseaseName" label="慢病类型" width="200" show-overflow-tooltip />
+                <el-table-column prop="lastDate" label="确诊时间" width="100" />
+                <el-table-column prop="pComment" label="患者重点随访监测事项" width="300" show-overflow-tooltip />
+                <el-table-column prop="importLevel" label="病人等级" width="100">
+                    <template #default="scope">
+                        <span v-if="scope.row.importLevel === '1'">未住院患者</span>
+                        <span v-else-if="scope.row.importLevel === '2'">住院一次患者</span>
+                        <span v-else-if="scope.row.importLevel === '3'">住院两次及以上</span>
+                        <span v-else>{{ scope.row.importLevel }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="provinceName" label="省" width="100" />
+                <el-table-column prop="cityName" label="市" width="100" />
+                <el-table-column prop="areaName" label="区" width="100" />
+                <el-table-column prop="detailAdress" label="详细地址" width="300" show-overflow-tooltip />
+                <el-table-column prop="height" label="身高" width="80" />
+                <el-table-column prop="weight" label="体重" width="80" />
+                <el-table-column prop="temperature" label="体温" width="80" />
+                <el-table-column prop="heartRate" label="心率" width="80" />
+                <el-table-column prop="bloodPressure" label="收缩压/舒张压" width="100" />
+                <el-table-column prop="bloodSugar" label="血糖" width="80" />
+                <el-table-column prop="bloodOxygen" label="血氧" width="80" />
+                <el-table-column prop="referPhysicianName" label="主管医生" width="100" />
+                <el-table-column prop="userName" label="建档医生" width="100" />
+                <el-table-column prop="createDate" label="建卡时间" width="140" />
+                <el-table-column prop="visitDate" label="下次随访时间" width="100" />
+            </el-table>
+            <el-pagination :current-page="currentPage" :page-size="pageSize" :page-sizes="[15, 30, 45, 60]"
+                :total="chronicDiseaseData.length" layout="total, sizes, prev, pager, next, jumper" style="margin-top: 5px"
+                @size-change="handleSizeChange" @current-change="handleCurrentChange">
+            </el-pagination>
+        </template>
+    </page-layer>
+</template>
+<script setup name="ChronicDiseaseSearch">
+import { ref, onMounted, nextTick } from 'vue'
+import PageLayer from '@/layout/PageLayer.vue'
+import store from '@/store'
+import { shortcuts, seltYearAndNowLast } from '@/data/shortcuts'
+import { formatDate, getDateRangeFormatDate } from '@/utils/date'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { selectChronicDisease, getCrmDictionary } from "@/api/chronic-disease/chronic-disease"
+import DeptInformation from '@/views/dictionary/personnel/DeptInformation.vue'
+import { Export } from '@/utils/ExportExcel'
+import { clone } from '@/utils/clone'
+
+const windowSize = store.state.app.windowSize;
+const tableHeight = windowSize.h / 1.07;
+const pageSize = ref(30)
+const currentPage = ref(1)
+const handleSizeChange = (val) => {
+    pageSize.value = val
+}
+const handleCurrentChange = (val) => {
+    currentPage.value = val
+}
+const keyCode = ref('')
+const chronicDiseaseData = ref([])
+const diseaseType = ref('')
+let dics = ref({})
+const start = formatDate(seltYearAndNowLast[0].value[0])
+const end = formatDate(seltYearAndNowLast[0].value[1])
+const dateRange = ref([])
+const queryTerm = reactive({
+    startTime: '',
+    endTime: '',
+    keyCode: '',
+    diseaseType: '',
+})
+
+onMounted(() => {
+    nextTick(async () => {
+        dics.value = await getCrmDictionary()
+        queryTerm.startTime = start
+        queryTerm.endTime = end + ' 23:59:59'
+        dateRange.value = [start, end]
+        queryChronicDisease()
+    })
+})
+
+// 查询慢病首次登记信息
+const queryChronicDisease = () => {
+    if (dateRange.value) {
+        let dateS = getDateRangeFormatDate(dateRange.value)
+        queryTerm.startTime = dateS.startTime
+        queryTerm.endTime = dateS.endTime
+    } else {
+        queryTerm.startTime = start
+        queryTerm.endTime = end
+        ElMessage({
+            type: 'info',
+            message: '默认查询本月的数据',
+            duration: 2500,
+            showClose: true,
+        })
+    }
+
+    queryTerm.keyCode = keyCode.value
+    queryTerm.diseaseType = diseaseType.value
+    selectChronicDisease(queryTerm)
+        .then((res) => {
+            chronicDiseaseData.value = res
+        });
+}
+
+const rowStyle = (row, rowIndex) => {
+    if (row.row.days <= 0) {
+        return {
+            backgroundColor: "#e60012 !important",
+            color: "#28A458 !important",
+            cursor: "pointer",
+        };
+    } else if (row.row.days > 0 && row.row.days <= 7) {
+        return {
+            backgroundColor: "#ecd452 !important",
+            color: "#28A458 !important",
+            cursor: "pointer",
+        };
+    }
+    return { cursor: "pointer" };
+}
+
+// 导出慢病基础信息
+const exportData = () => {
+    if (chronicDiseaseData.value.length === 0) {
+        ElMessage({
+            message: "没有可以导出的数据！",
+            type: "warning",
+            duration: 2500,
+            showClose: true,
+        });
+    } else {
+        const title = {
+            pName: "姓名",
+            socialNo: "证件号",
+            sexValue: "性别",
+            age: "年龄",
+            hisMzNo: "门诊号",
+            hisZyNo: "住院号",
+            days: "剩余回访天数",
+            ptName: "病人来源",
+            relTel: "联系电话",
+            relNameTel: "联系人电话",
+            relName: "联系人姓名",
+            chronicDiseaseName: "慢病类型",
+            lastDate: "确诊时间",
+            pComment: "患者重点随访监测事项",
+            importLevel: "病人等级",
+            provinceName: "省",
+            cityName: "市",
+            areaName: "区",
+            detailAdress: "详细地址",
+            height: "身高",
+            weight: "体重",
+            temperature: "体温",
+            heartRate: "心率",
+            bloodPressure: "收缩压/舒张压",
+            bloodSugar: "血糖",
+            bloodOxygen: "血氧",
+            referPhysicianName: "主管医生",
+            userName: "建档医生",
+            createDate: "建卡时间",
+            visitDate: "下次随访时间",
+        };
+
+        let d = clone(chronicDiseaseData.value)
+        d.forEach(val => {
+            if (val.importLevel === '1') {
+                val.importLevel = '未住院患者'
+            } else if (val.importLevel === '2') {
+                val.importLevel = '住院一次患者'
+            } else if (val.importLevel === '3') {
+                val.importLevel = '住院两次及以上'
+            } else {
+                val.importLevel = ''
+            }
+        });
+
+        Export(d, title, "慢病登记信息")
+    }
+}
+</script>