编码员

src/views/encoder/index.vue

@@ -28,8 +28,8 @@
       </CardTitle>
       <el-collapse-transition>
         <div v-show="tongji_show">
-          <el-row :gutter="32">
-            <el-col :span="15">
+          <el-row :gutter="20">
+            <el-col :span="16">
               <el-row :gutter="20">
                 <el-col :span="8">
                   <div class="tongji-item">
@@ -111,7 +111,7 @@
                 </el-col>
               </el-row>
             </el-col>
-            <el-col :span="9">
+            <el-col :span="8">
               <div id="tongji_pie"></div>
             </el-col>
           </el-row>
@@ -131,10 +131,10 @@
       </CardTitle>
       <el-collapse-transition>
         <div v-show="quxian_show">
-          <el-row :gutter="32">
-            <el-col :span="15">
+          <el-row :gutter="20">
+            <el-col :span="16">
               <div class="mb20">
-                <el-radio-group v-model="qxxqData.radio" text-color="#185DA6" fill="#ffffff">
+                <el-radio-group v-model="qxxqData.radio" text-color="#185DA6" fill="#ffffff" @change="handleRadioChange">
                   <el-radio-button :label="1">缺陷问题（前十）</el-radio-button>
                   <el-radio-button :label="2">缺陷问题</el-radio-button>
                 </el-radio-group>
@@ -143,20 +143,18 @@
               <el-form :inline="true" :model="qxxqData" class="demo-form-inline mb20">
                 <el-form-item label="缺陷分类" style="margin-bottom: 0">
                   <el-select v-model="qxxqData.type" clearable filterable placeholder="全部">
-                    <el-option label="基本信息" :value="1"></el-option>
-                    <el-option label="诊疗信息" :value="2"></el-option>
-                    <el-option label="费用信息" :value="3"></el-option>
-                    <el-option label="其他信息" :value="4"></el-option>
+                    <el-option label="患者基本信息" :value="0"></el-option>
+                    <el-option label="诊疗信息" :value="1"></el-option>
+                    <el-option label="费用信息" :value="2"></el-option>
                   </el-select>
                 </el-form-item>
                 <el-form-item label="出院科室" style="margin-bottom: 0">
-                  <el-select v-model="qxxqData.deparment" clearable filterable placeholder="全部">
-                    <el-option label="强制" :value="1"></el-option>
-                    <el-option label="建议" :value="2"></el-option>
+                  <el-select v-model="qxxqData.dep_id" clearable filterable placeholder="全部">
+                    <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 style="margin-bottom: 0">
-                  <el-button type="primary" class="bg185DA6">查询</el-button>
+                  <el-button type="primary" class="bg185DA6" @click="onQuexianSearch">查询</el-button>
                 </el-form-item>
               </el-form>
               <!-- 表格 -->
@@ -180,7 +178,7 @@
                   </template>
                 </el-table-column>
                 <el-table-column
-                  prop="type"
+                  prop="field"
                   label="缺陷字段"
                   width="140"
                   align="center"
@@ -203,20 +201,19 @@
                 </el-table-column>
               </el-table>
               <!-- 分页 -->
-              <div class="text-right">
+              <div class="text-right" v-if="qxxqData.radio === 2">
                 <el-pagination
                   background
                   @size-change="handleSizeChange"
                   @current-change="handleCurrentChange"
                   :current-page="paginationData.page"
-                  :page-sizes="[5, 10, 15, 20]"
                   :page-size="paginationData.size"
                   layout="total, sizes, prev, pager, next, jumper"
                   :total="paginationData.total">
                 </el-pagination>
               </div>
             </el-col>
-            <el-col :span="9">
+            <el-col :span="8">
               <div id="qxxq_pie"></div>
             </el-col>
           </el-row>
@@ -261,54 +258,47 @@
         quxian_show: true,
         qxxqData: {
           radio: 1,
-          deparment: '',
-          type: ''
+          dep_id: '',
+          level: ''
         },
-        tableData: [
-          {
-            desc: '新生儿病例，出院时天龄大于28天，出院诊断不能有P编码的诊断',
-            count: 500,
-            level: '强制',
-            type: '基本信息'
-          },
-          {
-            desc: '新生儿病例，出院时天龄大于28天，出院诊断不能有P编码的诊断',
-            count: 500,
-            level: '强制',
-            type: '基本信息'
-          },
-          {
-            desc: '新生儿病例，出院时天龄大于28天，出院诊断不能有P编码的诊断',
-            count: 500,
-            level: '强制',
-            type: '基本信息'
-          },
-          {
-            desc: '新生儿病例，出院时天龄大于28天，出院诊断不能有P编码的诊断',
-            count: 500,
-            level: '强制',
-            type: '基本信息'
-          },
-          {
-            desc: '新生儿病例，出院时天龄大于28天，出院诊断不能有P编码的诊断',
-            count: 500,
-            level: '强制',
-            type: '基本信息'
-          }
-        ],
+        tableData: [],
         paginationData: {
           page: 1,
-          size: 5,
+          size: 10,
           total: 100
-        }
+        },
+        departments: []
       }
     },
     mounted() {
+      this.getDepartmentData()
       this.getTongjiData()
       this.tongjiPie()
       this.qxxqPie()
+      this.getQuexianData()
     },
     methods: {
+      // 获取缺陷数据
+      getQuexianData() {
+        const { dep_id, level } = this.qxxqData
+        const { page, size } = this.paginationData
+        const params = {
+          dep_id,
+          level,
+          page,
+          page_size: size,
+          ...this.formInline
+        }
+        this.$axios_new.post('/api/bmy/qualityData', params).then(res => {
+          this.tableData = res.data.data
+        })
+      },
+      // 获取部门集合
+      getDepartmentData() {
+        this.$axios.post('/get_omr_department_list').then(res => {
+          this.departmentList = res.data;
+        });
+      },
       // 获取统计信息
       getTongjiData() {
         this.$axios_new.post('/api/bmy/qualityStatistics', this.formInline).then(res => {
@@ -321,6 +311,7 @@
       onToggleQuexianShow() {
         this.quxian_show = !this.quxian_show
       },
+      // 统计环图
       tongjiPie() {
         this.tongjiDom = this.$echarts.init(
           document.getElementById('tongji_pie')
@@ -361,6 +352,7 @@
           this.tongjiDom.resize()
         })
       },
+      // 缺陷环图
       qxxqPie() {
         this.tongjiDom = this.$echarts.init(
           document.getElementById('qxxq_pie')
@@ -403,11 +395,29 @@
           this.tongjiDom.resize()
         })
       },
+      // 分页
       handleSizeChange(val) {
-        console.log(`每页 ${val} 条`);
+        this.paginationData.page = 1
+        this.paginationData.size = val
+        this.getQuexianData()
+        
       },
       handleCurrentChange(val) {
-        console.log(`当前页: ${val}`);
+        this.paginationData.page = val
+        this.getQuexianData()
+      },
+      // tag 修改
+      handleRadioChange(val) {
+        if (val === 1) {
+          this.paginationData.page = 1
+          this.paginationData.size = 10
+        }
+        this.getQuexianData()
+      },
+      // 缺陷搜索
+      onQuexianSearch() {
+        this.paginationData.page = 1
+        this.getQuexianData()
       }
     }
   }
@@ -505,6 +515,7 @@
   height: 200px;
 }
 #qxxq_pie {
-  height: 460px;
+  height: 600px;
+  margin-top: 68px;
 }
 </style>