|
|
@@ -1,322 +0,0 @@
|
|
|
-<template>
|
|
|
- <div class="dashboard-container">
|
|
|
- <div class="tableBox">
|
|
|
- <div class="block">
|
|
|
- <div class="blockCon">
|
|
|
- <div class="selectDns"></div>
|
|
|
- <el-select v-model="formData.problem" filterable placeholder="请选择">
|
|
|
- <el-option v-for="(item, index) in departmentList" :label="item.name" :value="item.id" :key="index"></el-option>
|
|
|
- </el-select>
|
|
|
- <span class="kong"></span>
|
|
|
- <el-input v-model="formData.recordNum" class="width150" placeholder="病案号"></el-input>
|
|
|
- <span class="kong"></span>
|
|
|
- <el-date-picker v-model="formData.startTime" type="date" format="yyyy 年 MM 月 dd 日" value-format="yyyyMMdd" placeholder="开始日期"></el-date-picker>
|
|
|
-
|
|
|
- <el-date-picker
|
|
|
- v-model="formData.endTime"
|
|
|
- type="date"
|
|
|
- style="margin-left: 10px"
|
|
|
- format="yyyy 年 MM 月 dd 日"
|
|
|
- value-format="yyyyMMdd"
|
|
|
- placeholder="结束日期"
|
|
|
- ></el-date-picker>
|
|
|
- <span class="kong"></span>
|
|
|
- <el-button class="sc" @click="funQuery">查询</el-button>
|
|
|
- <span class="kong"></span>
|
|
|
- <el-button class="btn1" @click="reset">重置条件</el-button>
|
|
|
- <el-button class="sc" type="primary">导出Excel表格</el-button>
|
|
|
- <el-button @click="toBack" style="float: right;">返回</el-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- <Title :title="'病案列表'" /> -->
|
|
|
- <el-table :data="tableData" style="width: 100%">
|
|
|
- <el-table-column type="index" label="序号"></el-table-column>
|
|
|
- <el-table-column prop="AAC11N" label="出院科室"></el-table-column>
|
|
|
- <el-table-column prop="AAA28" label="病案号">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span class="blue" @click="funGoto(scope.row.MED_REC_ID)">
|
|
|
- <template>
|
|
|
- <div>
|
|
|
- {{ scope.row.AAA28 }}
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="AAC01" label="出院日期"></el-table-column>
|
|
|
- <el-table-column prop="AAA01" label="患者姓名"></el-table-column>
|
|
|
- <el-table-column prop="ABC01N" label="主要诊断"></el-table-column>
|
|
|
- <el-table-column prop="ICD9_NAME" label="主要手术"></el-table-column>
|
|
|
- <el-table-column prop="F_D" label="用药"></el-table-column>
|
|
|
- <el-table-column prop="AAC04" label="住院天数"></el-table-column>
|
|
|
- <el-table-column prop="ADA01" label="总费用"></el-table-column>
|
|
|
- </el-table>
|
|
|
- <!-- 分页控制 -->
|
|
|
- <mPagination v-if="tableData && tableData.length !== 0" :data="paginationData" @pageChangeEvent="pageHasChanged"></mPagination>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
- <script>
|
|
|
-import Title from '@/components/Title';
|
|
|
-import { mapGetters } from 'vuex';
|
|
|
-import mPagination from '@/components/m-pagination';
|
|
|
-
|
|
|
-export default {
|
|
|
- name: 'Dashboard',
|
|
|
- components: {
|
|
|
- Title,
|
|
|
- mPagination,
|
|
|
- },
|
|
|
- computed: {
|
|
|
- ...mapGetters(['name']),
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- formData: {
|
|
|
- // rangeDate: [],
|
|
|
- recordNum: '',
|
|
|
- startTime: '',
|
|
|
- endTime: '',
|
|
|
- problem:'all'
|
|
|
- },
|
|
|
- tableData: [],
|
|
|
- // 分页数据
|
|
|
- paginationData: {
|
|
|
- total: 10,
|
|
|
- currentPage: 1,
|
|
|
- pageSize: 10,
|
|
|
- },
|
|
|
- departmentList: [],
|
|
|
- };
|
|
|
- },
|
|
|
- mounted() {
|
|
|
- this.formData.startTime = this.storageGet('start_time');
|
|
|
- this.formData.endTime = this.storageGet('end_time');
|
|
|
- this.funQuery();
|
|
|
- this.selectInfo()
|
|
|
- },
|
|
|
- methods: {
|
|
|
- toBack() {
|
|
|
- this.$router.history.go(-1)
|
|
|
- },
|
|
|
- funGoto(val) {
|
|
|
- this.storageSet('getData', val);
|
|
|
- // 之前的页面
|
|
|
- // this.goto('/homePage');
|
|
|
- this.goto('/caseViews')
|
|
|
- },
|
|
|
- funDel() {
|
|
|
- this.formData1.seniorList.pop();
|
|
|
- },
|
|
|
- funAdd() {
|
|
|
- this.formData1.seniorList.push({
|
|
|
- key: '',
|
|
|
- value: '',
|
|
|
- type: '1',
|
|
|
- });
|
|
|
- },
|
|
|
- pageHasChanged() {
|
|
|
- this.funQuery();
|
|
|
- },
|
|
|
- selectInfo() {
|
|
|
- let pramse = {};
|
|
|
- this.$axios.post('/selectInfo').then(res => {
|
|
|
- this.payList = res.data.pay;
|
|
|
- console.log(this.payList);
|
|
|
- //支付方式 pay
|
|
|
- this.departmentList = res.data.department;
|
|
|
- //出院科室 department
|
|
|
- // this.levelList = res.data.level;
|
|
|
- // //问题属性 level
|
|
|
- // this.coderList = res.data.coder;
|
|
|
- // //编码元 coder
|
|
|
- // this.statusList = res.data.status;
|
|
|
- // this.fieldList = res.data.field;
|
|
|
- });
|
|
|
- },
|
|
|
- funQuery() {
|
|
|
- //查询
|
|
|
- let pramse = {
|
|
|
- // AAC01: this.formData.rangeDate, //出院时间
|
|
|
- AAC01_start_date: this.formData.startTime || '',
|
|
|
- AAC01_end_date: this.formData.endTime || '',
|
|
|
- start_time: this.formData.startTime, //开始时间
|
|
|
- end_time: this.formData.endTime, //结束时间
|
|
|
- AAA28: this.formData.recordNum,
|
|
|
- page: this.paginationData.currentPage, //页码
|
|
|
- limit: this.paginationData.pageSize, //条数
|
|
|
- };
|
|
|
- this.$axios.post('/qualityList', pramse).then(res => {
|
|
|
- console.log(res);
|
|
|
-
|
|
|
- this.paginationData.total = res.data.count;
|
|
|
- this.tableData = res.data.list;
|
|
|
- });
|
|
|
- },
|
|
|
- reset() {
|
|
|
- // 重置数据
|
|
|
- this.paginationData.currentPage= 1; //页码
|
|
|
- this.paginationData.pageSize = 10; //条数
|
|
|
- if (this.choice == 0) {
|
|
|
- Object.assign(this.$data.formData, this.$options.data().formData);
|
|
|
- } else {
|
|
|
- Object.assign(this.$data.formData, this.$options.data().formData);
|
|
|
- }
|
|
|
- },
|
|
|
- },
|
|
|
-};
|
|
|
-</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: 20px 30px;
|
|
|
- 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;
|
|
|
-}
|
|
|
-.width150 {
|
|
|
- width: 200px;
|
|
|
-}
|
|
|
-.width300 {
|
|
|
- width: 295px;
|
|
|
-}
|
|
|
-.width500 {
|
|
|
- width: 645px;
|
|
|
-}
|
|
|
-.width90 {
|
|
|
- width: 90px;
|
|
|
-}
|
|
|
-.width130 {
|
|
|
- width: 120px;
|
|
|
-}
|
|
|
-.blue {
|
|
|
- color: #185da6;
|
|
|
-}
|
|
|
-.block {
|
|
|
- background: #fff;
|
|
|
- width: 100%;
|
|
|
- align-items: center;
|
|
|
- border-radius: 5px;
|
|
|
- height: 75px;
|
|
|
- margin-bottom: 16px;
|
|
|
- padding-left: 10px;
|
|
|
- margin-bottom: 20px;
|
|
|
- margin-bottom: 20px;
|
|
|
- padding-left: 0;
|
|
|
- padding-right: 0;
|
|
|
- .blockCon {
|
|
|
- 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 5px;
|
|
|
-}
|
|
|
-</style>
|
|
|
-
|
yuwandanmian