|
|
@@ -0,0 +1,384 @@
|
|
|
+<template>
|
|
|
+ <div class="dashboard-container">
|
|
|
+ <div class="tableBox">
|
|
|
+ <div style="overflow: hidden; margin-bottom: 16px;">
|
|
|
+ <el-button @click="toBack" style="float: right;">返回</el-button>
|
|
|
+ </div>
|
|
|
+ <el-form :inline="true" :model="formData" class="demo-form-inline">
|
|
|
+ <el-form-item label="">
|
|
|
+ <el-date-picker v-model="formData.startTime" class="selects" type="date" format="yyyy年MM月dd日" value-format="yyyyMMdd" placeholder="就诊时间-开始" style="width: 180px;"></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="formData.endTime"
|
|
|
+ type="date"
|
|
|
+ class="selects"
|
|
|
+ format="yyyy年MM月dd日"
|
|
|
+ value-format="yyyyMMdd"
|
|
|
+ placeholder="就诊时间-结束"
|
|
|
+ style="width: 180px;"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="">
|
|
|
+ <el-select v-model="formData.dep_id" class="selects" filterable clearable placeholder="科室" style="width: 180px;">
|
|
|
+ <el-option v-for="(item, index) in departmentList" :label="item.name" :value="item.id" :key="index"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="">
|
|
|
+ <el-input v-model="formData.sfzh" placeholder="身份证号" style="width: 180px;"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="">
|
|
|
+ <el-input v-model="formData.mzh" placeholder="门诊号" style="width: 180px;"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="">
|
|
|
+ <el-select v-model="formData.doctor_id" class="selects" filterable clearable placeholder="医生签名" style="width: 180px;">
|
|
|
+ <el-option v-for="(item, index) in doctors" :label="item.name" :value="item.id" :key="index"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button class="sc" @click="funQuery">查询</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" plain @click="onReset">重置条件</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div>
|
|
|
+ <el-button @click="onExport" type="primary" plain style="float: right; margin-bottom: 16px;">导出Excel</el-button>
|
|
|
+ <el-table :data="tableData" style="width: 100%">
|
|
|
+ <el-table-column type="index" label="序号"></el-table-column>
|
|
|
+ <el-table-column prop="jzsj" label="就诊时间"></el-table-column>
|
|
|
+ <el-table-column prop="" label="门诊号">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.BLBH && scope.row.BLBH > 1000000000">{{ scope.row.mzh }}</span>
|
|
|
+ <span v-else class="blue" @click="funGoto(scope.row.BLBH)">
|
|
|
+ {{ scope.row.mzh }}
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="xm" label="患者姓名"></el-table-column>
|
|
|
+ <el-table-column prop="dep_name" label="科室"></el-table-column>
|
|
|
+ <el-table-column prop="xb" label="性别"></el-table-column>
|
|
|
+ <el-table-column prop="nl" label="年龄"></el-table-column>
|
|
|
+ <el-table-column prop="cbzd" label="初步诊断"></el-table-column>
|
|
|
+ <el-table-column prop="SFZH" label="身份证号"></el-table-column>
|
|
|
+ <el-table-column prop="SXYS_NAME" label="医生签名"></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <!-- 分页控制 -->
|
|
|
+ <mPagination v-if="tableData && tableData.length !== 0" layout="sizes, prev, pager, next, slot" :data="paginationData" @pageChangeEvent="pageHasChanged" @sizeChange="handleSizeChange"></mPagination>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+ <script>
|
|
|
+import Title from '@/components/Title';
|
|
|
+import { mapGetters } from 'vuex';
|
|
|
+import mPagination from '@/components/m-pagination';
|
|
|
+import { outHospitalShouldExport } from '@/api/excel'
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: 'Dashboard',
|
|
|
+ components: {
|
|
|
+ Title,
|
|
|
+ mPagination,
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapGetters(['name']),
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ formData: {
|
|
|
+ dep_id: '',
|
|
|
+ startTime:'',
|
|
|
+ endTime:'',
|
|
|
+ sfzh: '',
|
|
|
+ doctor_id: '',
|
|
|
+ mzh: ''
|
|
|
+ },
|
|
|
+ rule_id: '',
|
|
|
+ tableData: [],
|
|
|
+ // 分页数据
|
|
|
+ paginationData: {
|
|
|
+ total: 0,
|
|
|
+ currentPage: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ },
|
|
|
+ departmentList: [],
|
|
|
+ doctors: []
|
|
|
+ };
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.rule_id = this.$route.query.rule_id
|
|
|
+ this.formData.startTime = this.storageGet('start_time');
|
|
|
+ this.formData.endTime = this.storageGet('end_time');
|
|
|
+ this.selectInfo();
|
|
|
+ this.funQuery();
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ $route(to, from) {
|
|
|
+ if (to.path === '/outpatientMedicalRecordDefectNumber' && from.path === '/outpatientControl') {
|
|
|
+ this.formData = {
|
|
|
+ dep_id: '',
|
|
|
+ startTime:'',
|
|
|
+ endTime:'',
|
|
|
+ sfzh: '',
|
|
|
+ doctor_id: '',
|
|
|
+ mzh: ''
|
|
|
+ }
|
|
|
+ this.rule_id = this.$route.query.rule_id
|
|
|
+ this.formData.startTime = this.storageGet('start_time');
|
|
|
+ this.formData.endTime = this.storageGet('end_time');
|
|
|
+ this.paginationData.currentPage = 1
|
|
|
+ this.paginationData.pageSize = 10
|
|
|
+ this.funQuery();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // 导出
|
|
|
+ onExport() {
|
|
|
+ const { dep_id, startTime, endTime, sfzh, doctor_id, mzh } = this.formData
|
|
|
+ const params = {
|
|
|
+ dep_id,
|
|
|
+ start_time: startTime,
|
|
|
+ end_time: endTime,
|
|
|
+ sfzh,
|
|
|
+ doctor_id,
|
|
|
+ rule_id: this.rule_id,
|
|
|
+ mzh
|
|
|
+ }
|
|
|
+ outHospitalShouldExport(params).then(res => {
|
|
|
+ const content = res.data // 后台返回二进制数据
|
|
|
+ const blob = new Blob([content])
|
|
|
+ const fileName = `门诊应有病例.csv`
|
|
|
+ if ('download' in document.createElement('a')) { // 非IE下载
|
|
|
+ const elink = document.createElement('a')
|
|
|
+ elink.download = fileName
|
|
|
+ elink.style.display = 'none'
|
|
|
+ elink.href = URL.createObjectURL(blob)
|
|
|
+ document.body.appendChild(elink)
|
|
|
+ elink.click()
|
|
|
+ URL.revokeObjectURL(elink.href) // 释放URL 对象
|
|
|
+ document.body.removeChild(elink)
|
|
|
+ } else { // IE10+下载
|
|
|
+ navigator.msSaveBlob(blob, fileName)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 重置
|
|
|
+ onReset() {
|
|
|
+ this.formData = {
|
|
|
+ dep_id: '',
|
|
|
+ startTime:'',
|
|
|
+ endTime:'',
|
|
|
+ sfzh: '',
|
|
|
+ doctor_id: '',
|
|
|
+ mzh: ''
|
|
|
+ }
|
|
|
+ this.funQuery();
|
|
|
+ },
|
|
|
+ // 返回
|
|
|
+ toBack() {
|
|
|
+ this.$router.history.go(-1)
|
|
|
+ },
|
|
|
+ // 跳转详情
|
|
|
+ funGoto(blbh) {
|
|
|
+ this.$router.push({ path: '/outpatientMedicalRecordDetail', query: { blbh } })
|
|
|
+ },
|
|
|
+ // 获取部门和医生select
|
|
|
+ selectInfo() {
|
|
|
+ this.$axios.post('/omr_zk/department_list').then(res => {
|
|
|
+ this.departmentList = res.data;
|
|
|
+ });
|
|
|
+ this.$axios.post('/omr_zk/docker_list').then(res => {
|
|
|
+ this.doctors = res.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ pageHasChanged() {
|
|
|
+ this.funQuery();
|
|
|
+ },
|
|
|
+ handleSizeChange(size) {
|
|
|
+ this.paginationData.currentPage = 1
|
|
|
+ this.paginationData.pageSize = size
|
|
|
+ this.funQuery();
|
|
|
+ },
|
|
|
+ funQuery() {
|
|
|
+ //查询
|
|
|
+ let pramse = {
|
|
|
+ start_time: this.formData.startTime || '',
|
|
|
+ end_time: this.formData.endTime || '',
|
|
|
+ page: this.paginationData.currentPage,
|
|
|
+ page_size: this.paginationData.pageSize,
|
|
|
+ is_error: this.$route.query.is_error
|
|
|
+ };
|
|
|
+ if (this.rule_id) {
|
|
|
+ pramse.rule_id = this.rule_id;
|
|
|
+ }
|
|
|
+ if (this.formData.dep_id) {
|
|
|
+ pramse.dep_id = this.formData.dep_id
|
|
|
+ }
|
|
|
+ if (this.formData.sfzh) {
|
|
|
+ pramse.sfzh = this.formData.sfzh
|
|
|
+ }
|
|
|
+ if (this.formData.doctor_id) {
|
|
|
+ pramse.doctor_id = this.formData.doctor_id
|
|
|
+ }
|
|
|
+ if (this.formData.mzh) {
|
|
|
+ pramse.mzh = this.formData.mzh
|
|
|
+ }
|
|
|
+
|
|
|
+ this.$axios.post('/omr_zk/get_should_be_bl_list', pramse).then(res => {
|
|
|
+ this.paginationData.total = res.data.count;
|
|
|
+ this.tableData = res.data.list;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+ <style scoped>
|
|
|
+::v-deep.el-pagination.is-background .btn-next,
|
|
|
+::v-deep.el-pagination.is-background .btn-prev,
|
|
|
+::v-deep.el-pagination.is-background .el-pager li {
|
|
|
+ margin: 0 5px;
|
|
|
+ background-color: #fff;
|
|
|
+ color: #606266;
|
|
|
+ min-width: 30px;
|
|
|
+ border-radius: 2px;
|
|
|
+ border: 1px solid #dfe3f3;
|
|
|
+ line-height: 27px;
|
|
|
+}
|
|
|
+::v-deep.el-pagination.is-background .el-pager li:not(.disabled).active {
|
|
|
+ background: #7e8bab;
|
|
|
+}
|
|
|
+::v-deep.el-table .el-table__row td {
|
|
|
+ color: #7e8bab;
|
|
|
+ border-bottom: 1px solid #f4f4f4;
|
|
|
+}
|
|
|
+::v-deep.el-table .el-table__header tr th:first-child {
|
|
|
+ border-radius: 10px 0px 0px 10px;
|
|
|
+}
|
|
|
+::v-deep.el-table .el-table__header tr th:last-child {
|
|
|
+ border-radius: 0px 10px 10px 0px;
|
|
|
+}
|
|
|
+::v-deep.el-table .el-table__header tr th {
|
|
|
+ background: #f1f6ff;
|
|
|
+ color: #13171e;
|
|
|
+ border-bottom: 0px;
|
|
|
+}
|
|
|
+</style>
|
|
|
+ <style lang="scss" scoped>
|
|
|
+.tableBox {
|
|
|
+ background: #fff;
|
|
|
+ padding: 19px;
|
|
|
+ border-radius: 5px;
|
|
|
+ font-size: 12px;
|
|
|
+}
|
|
|
+.block {
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
+ margin-bottom: 16px;
|
|
|
+ padding: 0;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ .fBtn {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ .btn1 {
|
|
|
+ background: #185da6;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .btn2 {
|
|
|
+ color: #185da6;
|
|
|
+ background: #d5e4ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .bnh {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+ .barBtn {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+ .selects {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .rowsa {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+}
|
|
|
+.tableBox {
|
|
|
+ background: #fff;
|
|
|
+ padding: 19px;
|
|
|
+ border-radius: 5px;
|
|
|
+}
|
|
|
+.dashboard {
|
|
|
+ &-container {
|
|
|
+ margin: 30px;
|
|
|
+ }
|
|
|
+ &-text {
|
|
|
+ font-size: 30px;
|
|
|
+ line-height: 46px;
|
|
|
+ }
|
|
|
+}
|
|
|
+.pind {
|
|
|
+ padding: 0 20px;
|
|
|
+}
|
|
|
+.pind10 {
|
|
|
+ padding: 0 5px;
|
|
|
+}
|
|
|
+.width300 {
|
|
|
+ width: 295px;
|
|
|
+}
|
|
|
+.width500 {
|
|
|
+ width: 645px;
|
|
|
+}
|
|
|
+.width90 {
|
|
|
+ width: 90px;
|
|
|
+}
|
|
|
+.blue {
|
|
|
+ color: #185da6;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.block {
|
|
|
+ background: #fff;
|
|
|
+ align-items: center;
|
|
|
+ border-radius: 5px;
|
|
|
+ height: 75px;
|
|
|
+ margin-bottom: 16px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ display: flex;
|
|
|
+ box-sizing: border-box;
|
|
|
+ .blockCon {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ .selectDns {
|
|
|
+ span {
|
|
|
+ margin-right: 5px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .demonstration {
|
|
|
+ margin-left: 10px;
|
|
|
+ }
|
|
|
+ .pickers {
|
|
|
+ margin-left: 5px;
|
|
|
+ }
|
|
|
+ .lsxd {
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
+ .ins {
|
|
|
+ width: 150px;
|
|
|
+ margin: 0 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .sc {
|
|
|
+ background: #185da6;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+}
|
|
|
+.kong {
|
|
|
+ padding: 0 10px;
|
|
|
+}
|
|
|
+</style>
|
|
|
+
|
yuwandanmian