Browse Source

分离检测项目界面获取科室的代码和获取检测项目信息的代码

吴旭宸 8 months ago
parent
commit
b03dcde29a
2 changed files with 378 additions and 367 deletions
  1. 240 0
      admin-ui/src/views/work/check/DepartmentTemplate.vue
  2. 138 367
      admin-ui/src/views/work/check/index.vue

+ 240 - 0
admin-ui/src/views/work/check/DepartmentTemplate.vue

@@ -0,0 +1,240 @@
+<script>
+// 渲染科室-患者关系的通用模板
+
+export default {
+  name: 'DepartmentTemplate',
+  dicts: ['discharge_method'],
+  props: {
+    patientId: {
+      type: String,
+      default: '',
+    },
+  },
+  data() {
+    return {
+      total: 0,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      //科室名称
+      deptName: undefined,
+      // 部门树选项
+      deptOptions: null,
+      //患者表
+      patientList: null,
+      //查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 50,
+        physician: undefined,
+        patientName: undefined,
+        departmentName: undefined,
+      },
+      dialogVisible: false,
+      patient: {},
+    }
+  },
+  created() {
+    this.getDepartment()
+  },
+  methods: {
+    // 表单重置
+    reset() {
+      this.form = {
+        physician: undefined,
+        name: undefined,
+      }
+      this.resetForm('form')
+    },
+    /** 查询患者列表*/
+    getList() {
+      this.get({
+        url: '/work/visit/patientCard',
+        data: {
+          ...this.queryParams,
+        },
+      }).then((response) => {
+        this.patientList = response.rows
+        // console.log(this.patientList)
+        this.total = response.total
+      })
+    },
+    /** 查询部门 */
+    getDepartment() {
+      this.get({
+        url: '/system/user/deptTree',
+        //
+      }).then((response) => {
+        this.deptOptions = response.data
+        console.log(this.patientList)
+      })
+    },
+    handleNodeClick(data) {
+      this.queryParams.departmentName = data.label
+      this.getList()
+    },
+    selects(rows) {
+      this.ids = rows.map((item) => item.id)
+    },
+    op(tag, row) {
+      if (tag === 'search') {
+        this.iframe({
+          obj: search,
+          param: {
+            id: row.patId,
+            cardId: row.cardId,
+            name: row.name,
+            department: row.department,
+          },
+          title: '查看患者信息',
+          width: '90%',
+          height: '90%',
+        })
+      }
+    },
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm('queryForm')
+      this.handleQuery()
+    },
+  },
+}
+</script>
+
+<template>
+  <div class="app-container">
+    <!-- 行容器 -->
+    <el-row :gutter="20" style="height: 100%">
+      <!-- 列容器 -->
+      <!-- 左边的列表,显示各个科室 -->
+      <el-col
+        :span="4"
+        style="
+          box-shadow: 0 3px 10px 0 rgb(0 0 0 / 6%);
+          border-right: 1px solid #f1f2f4;
+          overflow-y: auto;
+          height: 100%;
+        ">
+        <el-tree
+          :data="deptOptions"
+          @node-click="handleNodeClick"
+          default-expand-all>
+        </el-tree>
+
+        <!--        <el-menu v-for="(item, index) in deptOptions">-->
+        <!--          <el-menu-item @click="handleNodeClick(item.department)" :key="index">-->
+        <!--            <span slot="title">{{ item.department }}</span>-->
+        <!--          </el-menu-item>-->
+        <!--        </el-menu>-->
+      </el-col>
+      <!-- 患者诊断记录列表 -->
+      <el-col :span="20" style="height: 100%">
+        <el-form :model="queryParams" ref="queryForm" :inline="true">
+          <el-form-item prop="physician">
+            <el-input
+              v-model="queryParams.physician"
+              placeholder="请输入主治医生"
+              clearable
+              @keyup.enter.native="handleQuery"
+              class="se" />
+          </el-form-item>
+          <el-form-item prop="patientName">
+            <el-input
+              v-model="queryParams.patientName"
+              placeholder="请输入患者姓名"
+              clearable
+              @keyup.enter.native="handleQuery"
+              class="se" />
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="el-icon-search" @click="handleQuery"
+              >搜索</el-button
+            >
+            <el-button icon="el-icon-refresh" @click="resetQuery"
+              >重置</el-button
+            >
+          </el-form-item>
+        </el-form>
+        <el-table
+          :data="patientList"
+          border
+          @selection-change="selects"
+          height="calc(100vh - 230px)">
+          <el-table-column type="selection" width="55" align="center" />
+          <el-table-column label="科室" align="center" prop="department" />
+          <el-table-column label="患者姓名" align="center" prop="name" />
+          <el-table-column label="主治医生" align="center" prop="physician" />
+          <el-table-column
+            label="出院方式"
+            align="center"
+            prop="dischargeMethod">
+            <template slot-scope="scope">
+              <dict-tag
+                :options="dict.type.discharge_method"
+                :value="scope.row.dischargeMethod"></dict-tag>
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="出院时间"
+            align="center"
+            prop="dischargeTime" />
+          <el-table-column
+            label="操作"
+            align="center"
+            class-name="small-padding fixed-width"
+            fixed="right">
+            <template slot-scope="scope">
+              <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-search"
+                @click="
+                  dialogVisible = true
+                  patient = scope.row
+                  $emit('update:patientId', scope.row.patId)
+                ">
+                <!--  通过patId获取orc和obr的结果  -->
+                查看该患者相关检测报告
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination
+          v-if="total > 0"
+          :total="total"
+          :page.sync="queryParams.pageNum"
+          :limit.sync="queryParams.pageSize"
+          @pagination="getList" />
+      </el-col>
+    </el-row>
+    <!-- 检查信息弹窗 -->
+    <el-dialog
+      width="90%"
+      top="5vh"
+      style="height: 90vh"
+      title="患者检查报告相关信息"
+      :before-close="
+        () => {
+          dialogVisible = false
+        }
+      "
+      :visible.sync="dialogVisible">
+      <slot :patient="patient"> 渲染{{ patient }}的弹窗内容 </slot>
+
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="dialogVisible = false">
+          确 定
+        </el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<style scoped lang="scss"></style>

+ 138 - 367
admin-ui/src/views/work/check/index.vue

@@ -1,57 +1,15 @@
 <script>
-import search from '@/views/work/patient/search.vue'
 import service from '@/utils/request'
-import CheckReportItem from '@/views/work/patient/check/checkReportItem.vue'
 import Template from '@/views/work/follow/template/index.vue'
+import DepartmentTemplate from '@/views/work/check/DepartmentTemplate.vue'
 
 export default {
-  components: { Template, CheckReportItem },
-  dicts: ['discharge_method'],
+  components: { DepartmentTemplate, Template },
   name: 'Check',
   data() {
     return {
-      total: 0,
-      // 选中数组
-      ids: [],
-      // 非单个禁用
-      single: true,
-      // 非多个禁用
-      multiple: true,
-      //科室名称
-      deptName: undefined,
-      // 部门树选项
-      deptOptions: null,
-      //患者表
-      patientList: null,
-      //查询参数
-      queryParams: {
-        pageNum: 1,
-        pageSize: 10,
-        physician: undefined,
-        patientName: undefined,
-        departmentName: undefined,
-      },
+      // 检查窗口需要用到的数据
       dialogVisible: false,
-      /**
-       * @type {{
-    "id": 9,
-    "orcId": 23,
-    "medTechProCode": null,
-    "medTechProName": "电解质四项,葡萄糖测定,肾功四项,肝功七项,心肌酶五项,淀粉酶测定",
-    "reportClass": "1",
-    "reportCompleteTime": "2024-07-23 13:01:09",
-    "signs": "0",
-    "sampleReceivedDate": "2024-07-23 11:29:39",
-    "checkpoint": "血清",
-    "executeDepartmentCode": "313",
-    "executeDepartmentName": "检验科",
-    "isFlag": "0",
-    "reviewDoctorCode": null,
-    "reviewDoctorName": "陆业文",
-    "reportDate": "2024-07-23 13:01:09",
-    "reportNo": string
-}[]}
-       */
       orcAndObrList: [],
       reportItemLabelList: [
         { key: 'reportNo', label: '报告单号' },
@@ -77,7 +35,7 @@ export default {
         medTechProName: '',
         reportClass: '',
         reportCompleteTime: '',
-        signs: '0',
+        signs: '',
         sampleReceivedDate: '',
         checkpoint: '',
         executeDepartmentCode: '',
@@ -88,108 +46,50 @@ export default {
         reportDate: '',
         reportNo: '',
       },
-      currentPatId: '',
       currentObxList: [],
-      currentObxPaginationParams: {
+
+      /**
+       * 当前病人相关数据
+       * @property {string} patId - 病人id
+       * @property {Array} reportDataList - 报告数据列表
+       * @property {Array} resultList - 检测结果列表
+       */
+      current: {
+        patId: '',
+        obrId: '',
+        reportDataList: [],
+        resultList: [],
+      },
+      checkResultPagination: {
         total: 0,
-        pageNum: 0,
         pageSize: 5,
+        currentPage: 1,
+        obrId: ''
       },
     }
   },
-
-  watch: {},
-  created() {
-    this.getDepartment()
-  },
   methods: {
-    service,
-    // 表单重置
-    reset() {
-      this.form = {
-        physician: undefined,
-        name: undefined,
-      }
-      this.resetForm('form')
-    },
-    /** 查询患者列表*/
-    getList() {
-      this.get({
-        url: '/work/visit/patientCard',
-        data: {
-          ...this.queryParams,
-        },
-      }).then((response) => {
-        this.patientList = response.rows
-        this.total = response.total
-      })
-    },
-    /** 查询部门 */
-    getDepartment() {
-      this.get({
-        url: '/work/visit/department',
-      }).then((response) => {
-        this.deptOptions = response.rows
-        console.log(this.patientList)
-      })
-    },
-    handleNodeClick(department) {
-      this.queryParams.departmentName = department
-      this.getList()
-    },
-    selects(rows) {
-      this.ids = rows.map((item) => item.id)
-    },
-    op(tag, row) {
-      if (tag === 'search') {
-        this.iframe({
-          obj: search,
-          param: {
-            id: row.patId,
-            cardId: row.cardId,
-            name: row.name,
-            department: row.department,
-          },
-          title: '查看患者信息',
-          width: '90%',
-          height: '90%',
-        })
-      }
-    },
-    handleQuery() {
-      this.queryParams.pageNum = 1
-      this.getList()
-    },
-    /** 重置按钮操作 */
-    resetQuery() {
-      this.resetForm('queryForm')
-      this.handleQuery()
-    },
     /**
-     * 显示检测信息弹窗
+     * 获取当前病人的所有检查项目结果,通过obrId取出对应检查项目的结果
      */
-    showCheckInfoWindow(patient) {
-      this.dialogVisible = true
-      this.currentPatId = patient.patId
-
+    getCurrentPatientObxList() {
       service
-        .get(`work/request/patid/${this.currentPatId}`)
+        .get(`/work/result/patid/${this.currentPatId}`)
         .then((response) => {
-          // console.log(response.rows)
-          this.orcAndObrList = response.rows
-          console.log(this.orcAndObrList)
-          const dates = this.orcAndObrList.map((item) =>
-            this.handleDate(item.reportDate),
+          this.obxListAll = response.rows
+          console.log(this.obxListAll)
+          console.log(this.currentOrcAndObr)
+          this.currentObxList = this.obxListAll.filter(
+            (item) => item.obrId === this.currentOrcAndObr.id,
           )
-          this.timeGroup = this.organizeDates(dates)
         })
     },
+
     fillReportItem(reportItemLabelList) {
       const filledList = [...reportItemLabelList]
 
       const remainder = filledList.length % 3
-      if(remainder !== 0) {
-
+      if (remainder !== 0) {
         const num = 3 - remainder
 
         for (let i = num; i > 0; i--) {
@@ -260,34 +160,16 @@ export default {
       return result
     },
     /**
-     * 弹窗左侧菜单项点击事件剩余处理逻辑
+     * 处理检测报告数据:把每项待检测报告数据的id属性值(即obrId)作为键,剩余作为对应的值
+     * @param {Array} reportDataList - 待处理的检测报告数据
+     * @example
+     * ```
+     * reportDataList取值[{id: '222', orcId: '33', medTechProCode: null, checkpoint: '样本', ...}]
+     * 函数返回{'222': {orcId: '33', medTechProCode: null, checkpoint: '样本', ...},}
+     * ```
      */
-    menuItemClick() {
-      this.getObxList()
-    },
-    getObxList() {
-      service
-        .get(`work/result/patid/${this.currentPatId}`, {
-          data: { ...this.currentObxPaginationParams },
-        })
-        .then((res) => {
-          /*
-          {
-              "total": 16,
-              "rows": [...]
-              "code": 200,
-              "msg": "查询成功",
-              "pages": 2
-          }
-          * */
-          this.currentObxPaginationParams.total = res.total
-          this.currentObxList = res.rows
-          // 单独处理sign字段
-          this.currentObxList.forEach(item => {
-            console.log(item.sign)
-            item.sign = this.mapHighSign(item.sign)
-          })
-        })
+    organizeReportData(reportDataList) {
+
     },
     /**
      * 映射危机标志的对应含义
@@ -296,290 +178,179 @@ export default {
      */
     mapSigns(signs) {
       switch (signs) {
-        case '0': return '正常'
-        case '1': return '危机'
-        default: return ''
+        case '0':
+          return '正常'
+        case '1':
+          return '危机'
+        default:
+          return ''
       }
     },
-    // mapReportClass(reportClass) {
-    //     switch (reportClass) {
-    //     case 1: return '正常'
-    //     case 3: return '危机'
-    //     default: return '无意义的值'
-    //   }
-    // },
     /**
      * 映射高低标志的对应含义
      * @param {string} sign 高低标志
      * @return {string} 高低标志对应含义
      */
     mapHighSign(sign) {
-            switch (sign) {
-        case '0': return '正常'
-        case '1': return '偏低'
-        case '2': return '偏高'
-        default: return ''
+      switch (sign) {
+        case '0':
+          return '正常'
+        case '1':
+          return '偏低'
+        case '2':
+          return '偏高'
+        default:
+          return ''
       }
+    },
+    /**
+     * 表格分页组件页面变化时的处理逻辑
+     * @param {number} newPage - 新页码
+     */
+    handleCurrentChange(newPage) {
+      console.log(`查看第${newPage}页的数据`)
+      this.checkResultPagination.currentPage = newPage
+
+      this.getCheckResult()
+    },
+    getReportData(patientId) {
+      service.get(`work/request/patid/${patientId}`).then((response) => {
+        console.log(response)
+        this.current.reportDataList = response.rows
+      })
+    },
+    getCheckResult() {
+      service.get('work/result/list', {
+        params: {
+          obrId: this.checkResultPagination.obrId,
+          pageNum: this.checkResultPagination.currentPage,
+          pageSize: this.checkResultPagination.pageSize,
+        }
+      }).then(response => {
+        this.checkResultPagination.total = response.total
+        console.log(`获得${response.rows}`)
+      })
     }
   },
+  watch: {
+    // 监听当前病人id的变化
+    'current.patId'(newPatId) {
+      // console.log(`current.patId=${newPatId}`)
+      this.getReportData(newPatId)
+    },
+  },
 }
 </script>
 
 <template>
-  <div class="app-container">
-    <!-- 行容器 -->
-    <el-row :gutter="20" style="height: 100%">
-      <!-- 列容器 -->
-      <!-- 左边的列表,显示各个科室 -->
-      <el-col
-        :span="4"
-        style="
-          box-shadow: 0 3px 10px 0 rgb(0 0 0 / 6%);
-          border-right: 1px solid #f1f2f4;
-          overflow-y: auto;
-          height: 100%;
-        "
-      >
-        <el-menu v-for="(item, index) in deptOptions">
-          <el-menu-item @click="handleNodeClick(item.department)" :key="index">
-            <span slot="title">{{ item.department }}</span>
-          </el-menu-item>
-        </el-menu>
-      </el-col>
-      <!-- 患者诊断记录列表 -->
-      <el-col :span="20" style="height: 100%">
-        <el-form :model="queryParams" ref="queryForm" :inline="true">
-          <el-form-item prop="physician">
-            <el-input
-              v-model="queryParams.physician"
-              placeholder="请输入主治医生"
-              clearable
-              @keyup.enter.native="handleQuery"
-              class="se"
-            />
-          </el-form-item>
-          <el-form-item prop="patientName">
-            <el-input
-              v-model="queryParams.patientName"
-              placeholder="请输入患者姓名"
-              clearable
-              @keyup.enter.native="handleQuery"
-              class="se"
-            />
-          </el-form-item>
-          <el-form-item>
-            <el-button type="primary" icon="el-icon-search" @click="handleQuery"
-              >搜索</el-button
-            >
-            <el-button icon="el-icon-refresh" @click="resetQuery"
-              >重置</el-button
-            >
-          </el-form-item>
-        </el-form>
-        <el-table
-          :data="patientList"
-          border
-          @selection-change="selects"
-          height="calc(100vh - 230px)"
-        >
-          <el-table-column type="selection" width="55" align="center" />
-          <el-table-column label="科室" align="center" prop="department" />
-          <el-table-column label="患者姓名" align="center" prop="name" />
-          <el-table-column label="主治医生" align="center" prop="physician" />
-          <el-table-column
-            label="出院方式"
-            align="center"
-            prop="dischargeMethod"
-          >
-            <template slot-scope="scope">
-              <dict-tag
-                :options="dict.type.discharge_method"
-                :value="scope.row.dischargeMethod"
-              ></dict-tag>
-            </template>
-          </el-table-column>
-          <el-table-column
-            label="出院时间"
-            align="center"
-            prop="dischargeTime"
-          />
-          <el-table-column
-            label="操作"
-            align="center"
-            class-name="small-padding fixed-width"
-            fixed="right"
-          >
-            <template slot-scope="scope">
-              <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-search"
-                @click="showCheckInfoWindow(scope.row)"
-              >
-                <!--  通过patId获取orc和obr的结果  -->
-                查看该患者相关检测报告
-              </el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-        <pagination
-          v-if="total > 0"
-          :total="total"
-          :page.sync="queryParams.pageNum"
-          :limit.sync="queryParams.pageSize"
-          @pagination="getList"
-        />
-      </el-col>
-    </el-row>
-    <!-- 检查信息弹窗 -->
-    <el-dialog
-      width="90%"
-      top="5vh"
-      style="height: 90vh"
-      title="患者检查报告相关信息"
-      :before-close="() => {dialogVisible = false; currentObxList=[];currentOrcAndObr=[]}"
-      :visible.sync="dialogVisible"
-    >
-      <!-- 弹窗关闭时清空currentObxList和currentOrcAndObr -->
+  <DepartmentTemplate :patient-id.sync="current.patId">
+    <template>
       <el-row class="tac" :gutter="10">
-        <!-- 左侧时间菜单 -->
         <el-col :span="4">
-          <el-menu default-active="1" class="el-menu-vertical-demo" style="height: 200px;">
+          <el-menu
+            default-active="1"
+            class="el-menu-vertical-demo"
+            style="height: 200px">
             <el-submenu
               v-for="(year, yearIndex) in Object.keys(timeGroup)"
-              :index="yearIndex"
-            >
+              :index="`${yearIndex}`">
               <template slot="title">
                 <span>{{ year }}年</span>
               </template>
               <el-submenu
                 v-for="(month, monthIndex) in Object.keys(timeGroup[year])"
-                :index="`${yearIndex}-${monthIndex}`"
-              >
+                :index="`${yearIndex}-${monthIndex}`">
                 <template slot="title">
                   <span>{{ month }}月</span>
                 </template>
-                  <el-submenu
-                    v-for="(day, dayIndex) in Object.keys(
-                      timeGroup[year][month],
-                    )"
-                    :index="`${yearIndex}-${monthIndex}-${dayIndex}`"
-                  >
-                    <template slot="title">
-                      <span>{{ day }}日</span>
-                    </template>
-                    <el-menu-item
-                      v-for="(time, timeIndex) in timeGroup[year][month][day]"
-                      :index="`${yearIndex}-${monthIndex}-${dayIndex} ${timeIndex}`"
-                      @click="
-                        currentDate = `${year}-${month}-${day} ${time}`
-                        currentOrcAndObr = orcAndObrList.find(
-                          (item) => item.reportDate === currentDate,
-                        )
-                        menuItemClick()
-                      "
-                    >
-                      <span>{{ time }}</span>
-                    </el-menu-item>
-                  </el-submenu>
+                <el-submenu
+                  v-for="(day, dayIndex) in Object.keys(timeGroup[year][month])"
+                  :index="`${yearIndex}-${monthIndex}-${dayIndex}`">
+                  <template slot="title">
+                    <span>{{ day }}日</span>
+                  </template>
+                  <el-menu-item
+                    v-for="(time, timeIndex) in timeGroup[year][month][day]"
+                    :index="`${yearIndex}-${monthIndex}-${dayIndex} ${timeIndex}`"
+                    @click="
+                      currentDate = `${year}-${month}-${day} ${time}`
+                      currentOrcAndObr = orcAndObrList.find(
+                        (item) => item.reportDate === currentDate,
+                      )
+                      getCurrentPatientObxList()
+                    ">
+                    <span>{{ time }}</span>
+                  </el-menu-item>
+                </el-submenu>
               </el-submenu>
-
             </el-submenu>
           </el-menu>
         </el-col>
 
         <el-col :span="20" style="overflow-y: scroll">
-          <!-- 右侧上方详细检测报告 -->
           <el-descriptions
             class="margin-top"
             title="详细检测报告"
             :column="3"
-            border
-          >
+            border>
             <el-descriptions-item
               v-for="item in fillReportItem(reportItemLabelList)"
               :key="item.key"
-              :label="item.label"
-            >
-              <span v-if="currentOrcAndObr[item.key] && item.key !=='signs'">{{ currentOrcAndObr[item.key] }}</span>
-              <span v-else-if="item.key ==='signs'">{{ mapSigns(currentOrcAndObr[item.key]) }}</span>
+              :label="item.label">
+              <span v-if="currentOrcAndObr[item.key] && item.key !== 'signs'">{{
+                currentOrcAndObr[item.key]
+              }}</span>
+              <span v-else-if="item.key === 'signs'">{{
+                mapSigns(currentOrcAndObr[item.key])
+              }}</span>
               <span v-else>{{ '' }}</span>
-
             </el-descriptions-item>
           </el-descriptions>
 
-          <!-- 右侧下方各项检测结果展示表格 -->
           <div id="patient-check-projects-table">
-            <el-table width="100%" stripe  :data="currentObxList">
+            <el-table width="100%" stripe :data="currentObxList">
               <el-table-column
                 label="医技项目名称"
                 align="center"
-                prop="mecTechObsName"
-              ></el-table-column>
+                prop="mecTechObsName"></el-table-column>
               <el-table-column
                 label="项目信息结果"
                 align="center"
-                prop="result"
-              ></el-table-column>
+                prop="result"></el-table-column>
               <el-table-column
                 label="项目单位"
                 align="center"
-                prop="unitCode"
-              ></el-table-column>
+                prop="unitCode"></el-table-column>
               <el-table-column
                 label="结果参考值"
                 align="center"
-                prop="result"
-              ></el-table-column>
+                prop="result"></el-table-column>
               <el-table-column
                 label="高低标志"
                 align="center"
-                prop="sign"
-              ></el-table-column>
+                prop="sign"></el-table-column>
               <el-table-column
                 label="微生物观察分类"
                 align="center"
-                prop="obsClassification"
-              ></el-table-column>
+                prop="obsClassification"></el-table-column>
               <el-table-column
                 label="检验方法"
                 align="center"
-                prop="testMethod"
-              ></el-table-column>
+                prop="testMethod"></el-table-column>
             </el-table>
             <el-pagination
-              layout="prev, pager, next"
-              :total="currentObxPaginationParams.total"
-              :page.sync="currentObxPaginationParams.pageNum"
-              :limit.sync="currentObxPaginationParams.pageSize"
-              @pagination="getObxList"
-            >
-            </el-pagination>
+              :page-size="checkResultPagination.pageSize"
+              :total="checkResultPagination.total"
+              :current-page.sync="checkResultPagination.currentPage"
+              @current-change="handleCurrentChange"></el-pagination>
           </div>
         </el-col>
       </el-row>
-
-      <span slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="dialogVisible = false">
-          确 定
-        </el-button>
-      </span>
-    </el-dialog>
-  </div>
+    </template>
+  </DepartmentTemplate>
 </template>
 
 <style scoped>
-#check-report {
-  padding: 1% 5%;
-  width: 100%;
-  display: flex;
-  justify-content: space-evenly;
-  flex-wrap: wrap;
-
-  margin-bottom: 50px;
-}
-
-
 #patient-check-projects-table {
   min-height: 300px;
   margin-top: 5vh;