Merge remote-tracking branch 'origin/update' into update_branch

src/api/qcd.js

         method:'get',
         params:params
     })
+}
+export function GetOICData(params){
+    return request({
+        url:'/api/qcd/oicdata',
+        method:'get',
+        params:params
+    })
+}
+export function GetOIQData(params){
+    return request({
+        url:'/api/qcd/oiqdata',
+        method:'get',
+        params:params
+    })
+}
+export function GetPATotalData(params){
+    return request({
+        url:'/api/qcd/patotaldata',
+        method:'get',
+        params:params
+    })
 }

src/router/index.js

     children: [
       { path: '/qcd/dialysistotal', component: () => import('@/xt_pages/qcd/dialysisTotal'), name: 'dialysistotal', meta: { title: '透析总量' }},
       { path: '/qcd/processindicators', component: () => import('@/xt_pages/qcd/processIndicators'), name: 'processIndicators', meta: { title: '过程指标' }},
+      { 
+        path: '/qcd/outcomeIndicators', 
+        name: 'outcomeIndicators', 
+        meta: { title: '结果指标' },
+        redirect: '/qcd/outcomeIndicators/control',
+        component: () => import('@/xt_pages/qcd/outcomeIndicators/parent'), // Parent router-view
+        children:[
+          { path: '/qcd/outcomeIndicators/control', component: () => import('@/xt_pages/qcd/outcomeIndicators/control'), name: 'outcomeIndicatorsControl', meta: { title: '指标控制' }},
+          { path: '/qcd/outcomeIndicators/query', component: () => import('@/xt_pages/qcd/outcomeIndicators/query'), name: 'outcomeIndicatorsQuery', meta: { title: '指标查询' }},
+        ]
+      },
+      { 
+        path: '/qcd/patientanalysis', 
+        name: 'patientanalysis', 
+        meta: { title: '患者分析' },
+        redirect: '/qcd/patientanalysis/total',
+        component: () => import('@/xt_pages/qcd/patientAnalysis/parent'), // Parent router-view
+        children:[
+          { path: '/qcd/patientanalysis/total', component: () => import('@/xt_pages/qcd/patientAnalysis/total'), name: 'patientAnalysisTotal', meta: { title: '总量分析' }},
+          { path: '/qcd/patientanalysis/query', component: () => import('@/xt_pages/qcd/patientAnalysis/total'), name: 'outcomeIndicatorsControl2', meta: { title: '总量分析' }},
+        ]
+      },
     ]
   },
   {

src/xt_pages/dialysis/batch_print/batch_print_order.vue

                                 </td>
                                 <td style="padding: 0;">
                                     <table class="inside_table">
-                                        <thead>
+                                        <tbody>
+                                        <!-- <thead> -->
                                             <tr>
                                                 <td width="100">时间</td>
                                                 <td width="80">血压<br/>mmHg</td>
                                                 <td width="60">跨膜压<br/>mmHg</td>
                                                 <td>备注</td>
                                             </tr>
-                                        </thead>
-                                        <tbody>
+                                        <!-- </thead>
+                                        <tbody> -->
                                             <tr v-for="(monitor_record, index) in record.monitor_records" :key="index">
                                                 <td>{{getTime(monitor_record.operate_time,'{h}:{i}')}}</td>
                                                 <td>{{monitor_record.systolic_blood_pressure?monitor_record.systolic_blood_pressure:''}} / {{monitor_record.diastolic_blood_pressure?monitor_record.diastolic_blood_pressure:''}}</td>
                                                     <span>{{advice[1].advice_desc}}</span>
                                                     <!-- <span v-if="advice[1].drug_spec">{{advice[1].drug_spec}}{{advice[1].drug_spec_unit}}</span> -->
                                                     <span v-if="advice[1].prescribing_number">* {{advice[1].prescribing_number}}{{advice[1].prescribing_number_unit}}</span>
-                                                    <span v-if="advice[1].single_dose != 0">单次用量 {{advice[1].single_dose}}{{advice[1].single_dose_unit}}</span>
+                                                    <span v-if="advice[1].single_dose ">单次用量 {{advice[1].single_dose}}{{advice[1].single_dose_unit}}</span>
                                                     <span>{{advice[1].delivery_way}}</span>
                                                     <span>{{advice[1].execution_frequency}}</span>
                                                     <div v-for="(child, childindex) in advice[1].children" :key="childindex" class="advice-children">

src/xt_pages/dialysis/dialysisPrintOrder.vue

         },
         operatorMaps: {},
         complications: ['低血压', '高血压', '心律失常', '头晕', '头痛', '呕吐', '抽搐', '出血', '心衰', '腹痛'],
-        jilurow: 10,
+        jilurow: 0,
         loading: false,
         orgname: '',
         patientInfo_gender_1: false,

src/xt_pages/qcd/outcomeIndicators/control.vue

+<template>
+  <div class="app-container">
+    <el-tabs v-model="tabActiveName" @tab-click="handleTabClick">
+        <el-tab-pane label="指标控制" name="control"></el-tab-pane>
+        <el-tab-pane label="指标查询" name="query"></el-tab-pane>
+    </el-tabs>
+
+    <div class="cell">
+      <label class="title">
+        <span class="name">日期查询</span> :
+      </label>
+      <el-date-picker
+        v-model="listQuery.start_time"
+        prefix-icon="el-icon-date"
+        @change="changeTime"
+        :editable="false"
+        style="width: 196px;"
+        type="date"
+        placeholder="选择日期时间"
+        align="right"
+        :picker-options="pickerOptions"
+        format="yyyy-MM-dd"
+        value-format="yyyy-MM-dd"
+      ></el-date-picker>
+      <span class>-</span>
+      <el-date-picker
+        v-model="listQuery.end_time"
+        prefix-icon="el-icon-date"
+        @change="changeTime"
+        :editable="false"
+        style="width: 196px;"
+        type="date"
+        placeholder="选择日期时间"
+        align="right"
+        :picker-options="pickerOptions"
+        format="yyyy-MM-dd"
+        value-format="yyyy-MM-dd"
+      ></el-date-picker>
+    </div>
+    <div class="cell clearfix">
+      <label class="title">
+        <span class="name">透析龄</span> :
+      </label>
+      <div class="time">
+        <ul class>
+          <li
+            :class="item.value==dialysisAge?'active':''"
+            @click="selectdialysisAges(item.value)"
+            v-for="item in dialysisAgeOptions"
+            :key="item.value"
+          >{{item.label}}</li>
+        </ul>
+      </div>
+    </div>
+    <div class="cell clearfix">
+      <label class="title">
+        <span class="name">转归状态</span> :
+      </label>
+      <div class="time">
+        <ul class>
+          <li
+            :class="item.lapseto==lapsetoType?'active':''"
+            @click="selectLapseTo( item.lapseto)"
+            v-for="item in lapsetoState"
+            :key="item.value"
+          >{{item.label}}</li>
+        </ul>
+      </div>
+    </div>
+
+    <div class="cell">
+      <label class="title">
+        <span class="name">检验项目</span> :
+      </label>
+      <el-select v-model="listQuery.project_id" placeholder="请选择" @change="changeModel()">
+        <el-option label="全部" value=""></el-option>
+        <el-option v-for="item in projectOptions" :key="item.project_id" :label="item.project_name" :value="item.project_id"></el-option>
+      </el-select>
+      &nbsp;&nbsp;&nbsp;&nbsp;
+      <label class="title">
+        <span class="name">监测指标</span> :
+      </label>
+      <el-select v-model="listQuery.item_id" placeholder="请选择" @change="changeItem()">
+        <el-option label="全部" value=""></el-option>
+        <el-option v-for="item in itemOptions" :key="item.id" :label="item.item_name" :value="item.id"></el-option>
+      </el-select>
+    </div>
+
+    <h4 class="hui">统计图</h4>
+    <hr class="huixiao">
+    <el-row :gutter="32">
+      <el-col :xs="24" :sm="24" :lg="24">
+        <div class="chart-wrapper">
+            <pie-chart title="指标控制" :options="CompletionOptions"/>
+        </div>
+      </el-col>
+    </el-row>
+
+    <h4 class="hui">统计表</h4>
+    <hr class="huixiao">
+    <el-table
+      ref="multipleTable"
+      :data="tableData"
+      id="oictable"
+      border
+      fit
+      highlight-current-row
+      style="width: 100%;margin-top: 10px;"
+    >
+      
+      <el-table-column fixed label="透析号" width="80" property="patient_id" align="center">
+        <template slot-scope="scope"><span>{{getPatientDialysisNo(scope.row.patient_id)}}</span></template>
+      </el-table-column>
+      <el-table-column fixed label="姓名" width="100" property="patient_id" align="center">
+        <template slot-scope="scope"><span>{{getPatientName(scope.row.patient_id)}}</span></template>
+      </el-table-column>
+      <el-table-column fixed label="检查日期" width="100" property="inspect_date" align="center">
+        <template slot-scope="scope"><span>{{getTime(scope.row.inspect_date, '{y}{m}{d}')}}</span></template>
+      </el-table-column>
+      
+      <el-table-column :label="reference.item_name+'//'+reference.unit" min-width="120" align="center" v-if="showTableColumn(reference)" v-for="(reference, index) in references" :key="index"  :render-header="renderheader">
+        <template slot-scope="scope"><span>{{getItemVulue(reference.project_id, reference.id, scope.row)}}</span></template>
+      </el-table-column>
+    </el-table>
+
+    <!-- <pagi-nation title="分页"></pagi-nation> -->
+
+    <el-pagination
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      :current-page="listQuery.pate"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="10"
+      background
+      style="margin-top:20px;"
+      layout="total, sizes, prev, pager, next, jumper"
+      :total="total"
+    ></el-pagination>
+  </div>
+</template>
+
+
+<script>
+import { GetOICData  } from "@/api/qcd";
+import PieChart from '../components/PieChart'
+import {uParseTime} from "@/utils/tools";
+export default {
+  name: "dialysisTotal",
+  data() {
+    return {
+      tabActiveName:'control',
+      total: 0,
+      projectOptions:{},
+      itemOptions:[],
+      patientMap:{},
+        CompletionOptions:{
+            legend:[],
+            series:[],
+        },
+      listQuery: {
+        start_time: "",
+        end_time: "",
+        page: 1,
+        limit: 10,
+        lapseto: 0,
+        project_id:'',
+        item_id:'',
+        dialysis_age:0,
+      },
+      tableData: [],
+      references:[],
+      lapsetoType: 0,
+      lapsetoState: [
+        { value: 0, label: "全部", source: 0, lapseto: 0 },
+        { value: 1, label: "转出", source: 0, lapseto: 2 },
+        { value: 2, label: "留治", source: 0, lapseto: 1 }
+      ],
+      dialysisAge: 0,
+      dialysisAgeOptions: [
+        { value: 0, label: "全部" },
+        { value: 1, label: "大于三个月" },
+        { value: 2, label: "小于三个月" }
+      ],
+      pickerOptions: {
+        shortcuts: [
+          {
+            text: "今天",
+            onClick(picker) {
+              picker.$emit("pick", new Date());
+            }
+          },
+          {
+            text: "昨天",
+            onClick(picker) {
+              const date = new Date();
+              date.setTime(date.getTime() - 3600 * 1000 * 24);
+              picker.$emit("pick", date);
+            }
+          },
+          {
+            text: "一周前",
+            onClick(picker) {
+              const date = new Date();
+              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
+              picker.$emit("pick", date);
+            }
+          },
+          {
+            text: "清空",
+            onClick(picker) {
+              picker.$emit("pick");
+            }
+          }
+        ]
+      }
+    };
+  },
+  created() {
+
+    var nowDate = new Date();
+    var nowYear = nowDate.getFullYear();
+    var nowMonth = nowDate.getMonth() + 1;
+    var nowDay = nowDate.getDate();
+    this.listQuery.end_time =
+      nowYear +
+      "-" +
+      (nowMonth < 10 ? "0" + nowMonth : nowMonth) +
+      "-" +
+      (nowDay < 10 ? "0" + nowDay : nowDay);
+    nowDate.setMonth(nowDate.getMonth() - 3);
+    nowYear = nowDate.getFullYear();
+    nowMonth = nowDate.getMonth() + 1;
+    nowDay = nowDate.getDate();
+    this.listQuery.start_time =
+      nowYear +
+      "-" +
+      (nowMonth < 10 ? "0" + nowMonth : nowMonth) +
+      "-" +
+      (nowDay < 10 ? "0" + nowDay : nowDay);
+    this.getList();
+  },
+  methods: {
+    getList() {
+      GetOICData(this.listQuery).then(response => {
+        if (response.data.state == 0) {
+          this.$message.error(response.data.msg);
+          return false;
+        } else {
+          this.tableData = [];
+          this.total = response.data.data.total;
+          var unfinishedcount = response.data.data.unfinishedcount;
+          var finishedcount = this.total - unfinishedcount;
+          this.CompletionOptions = {
+            legend:[],
+            series:[],
+          };
+          this.CompletionOptions.legend.push('达标人次');
+          this.CompletionOptions.series.push({
+                value:finishedcount,name:'达标人次'
+            });
+          this.CompletionOptions.legend.push('未达标人次');
+          this.CompletionOptions.series.push({
+                value:unfinishedcount,name:'未达标人次'
+            });
+
+          
+        
+          var references = response.data.data.references;
+          this.references = response.data.data.references;
+          this.projectOptions = {};
+          for (const index in references) {
+            if (!(references[index].project_id in this.projectOptions)) {
+              this.$set(this.projectOptions, references[index].project_id, {project_id:references[index].project_id, project_name:references[index].project_name}); 
+            }
+            if (!('children' in this.projectOptions[references[index].project_id])) {
+                this.projectOptions[references[index].project_id]['children'] = [];
+            }
+            this.projectOptions[references[index].project_id]['children'].push(references[index]);
+          }
+
+          var patients = response.data.data.patients;
+          for (const index in patients) {
+            if (patients[index].id in this.patientMap) {
+              continue;  
+            }
+            this.$set(this.patientMap, patients[index].id, patients[index]);
+          }
+
+          var temInspections = {};
+          var inspections = response.data.data.inspections;
+          
+          for (const index in inspections) {
+            var key = inspections[index].inspect_date + '_' + inspections[index].patient_id;
+            if (!(key in temInspections)) {
+              temInspections[key] = {patient_id:inspections[index].patient_id, inspect_date:inspections[index].inspect_date, items:{}};
+            }
+            var itemKey = inspections[index].project_id + '_' + inspections[index].item_id;
+            
+            temInspections[key].items[itemKey] = inspections[index];
+          }
+          for (const key in temInspections) {
+              this.tableData.push(temInspections[key]);
+          }
+        }
+      });
+    },
+    changeTime() {
+      this.getList();
+    },
+    selectLapseTo(lapseto) {
+      this.lapsetoType = lapseto;
+      this.listQuery.lapseto = lapseto;
+      this.getList();
+    },
+    selectdialysisAges(type) {
+      this.dialysisAge = type;
+      this.listQuery.dialysis_age = type;
+      this.getList();
+    },
+    changeModel() {
+        this.listQuery.item_id = '';
+        if(this.listQuery.project_id == '') {
+            this.itemOptions = [];
+        }else {
+            this.itemOptions = this.projectOptions[this.listQuery.project_id].children;
+        }
+        
+      this.getList();
+    },
+    changeItem() {
+      this.getList();
+    },
+    
+    handleSizeChange(val) {
+      this.listQuery.limit = val;
+      this.getList();
+    },
+    handleCurrentChange(val) {
+      this.listQuery.page = val;
+      this.getList();
+    },
+    getTime(value, temp) {
+        if (value != undefined) {
+          return uParseTime(value, temp)
+        }
+        return ""
+    },
+    getProjectName(id) {
+      return (id in this.projectOptions) ? this.projectOptions[id].project_name:'';
+    },
+    getPatientName(id) {
+      return (id in this.patientMap) ? this.patientMap[id].name:'';
+    },
+    getPatientDialysisNo(id) {
+      return (id in this.patientMap) ? this.patientMap[id].dialysis_no:'';
+    },
+    getItemVulue(project_id, item_id, row) {
+        var key = project_id + '_' + item_id;
+        return (typeof(row.items) !== 'undefined' && (key in row.items)) ? row.items[key].inspect_value:'';
+    },
+    showTableColumn(reference) {
+        if(this.listQuery.project_id == '') {
+            return true;
+        }else if (this.listQuery.item_id == '') {
+            if(reference.project_id == this.listQuery.project_id) {
+                return true;
+            } else {
+                return false;
+            }
+        }else {
+            if (reference.id == this.listQuery.item_id) {
+                return true;
+            }else {
+                return false;
+            }
+        }
+    },
+    renderheader(h, { column, $index }) {
+        return h('span', {}, [
+            h('span', {}, column.label.split('//')[0]),
+            h('br'),
+            h('span', {}, column.label.split('//')[1])
+        ])
+    },
+    handleTabClick(tab, event) {
+        if (this.tabActiveName == 'query') {
+            this.$router.push({ path: "/qcd/outcomeIndicators/query" });
+        }
+
+    }
+  },
+  components: {
+      PieChart
+  }
+};
+</script>
+<style>
+#oictable ::-webkit-scrollbar {
+  height: 15px;
+}
+</style>
+
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.app-container {
+//   margin: 20px;
+    margin-bottom: 50px;
+  font-size: 15px;
+  .filter-container {
+    padding-bottom: 5px;
+  }
+  .hui {
+    color: #909399;
+    margin-bottom: 5px;
+  }
+  .huixiao {
+    border: solid 1px #ebeef5;
+  }
+  .el-pagination {
+    float: right !important;
+  }
+  .search-component {
+    width: 500px;
+    .searchBox {
+      width: 300px;
+      height: 36px;
+      line-height: 36px;
+      padding-left: 15px;
+      border: 1px #dcdfe6 solid;
+      border-right: none;
+      outline: none;
+      float: left;
+      border-radius: 6px 0 0 6px;
+      font-size: 14px;
+      color: #333;
+      background: #fff;
+      box-shadow: 3px 3px 4px rgba(135, 135, 135, 0.05);
+    }
+    .searchBtn {
+      background-color: #409eff;
+      color: #fff;
+      font-size: 15px;
+      text-align: center;
+      height: 36px;
+      line-height: 36px;
+      float: left;
+      outline: none;
+      width: 70px;
+      border: none;
+      border-radius: 0 6px 6px 0;
+      font-family: "Microsoft Yahei";
+      cursor: pointer;
+    }
+  }
+  .cell {
+    margin: 0px 0 15px 0;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    -o-box-sizing: border-box;
+    -ms-box-sizing: border-box;
+    box-sizing: border-box;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    // display: flex;
+    -webkit-box-align: flex-start;
+    -ms-flex-align: flex-start;
+    align-items: flex-start;
+    text-align: left;
+    justify-content: flex-start;
+    color: #333;
+    .title {
+      width: 80px;
+      display: inline-block;
+      font-weight: normal;
+      color: #909399;
+      padding: 6px 0;
+      font-weight: 700;
+      .name {
+        width: 60px;
+        text-align: justify;
+        text-justify: distribute-all-lines;
+        text-align-last: justify;
+        -moz-text-align-last: justify;
+        -webkit-text-align-last: justify;
+        display: inline-block;
+      }
+    }
+    .time {
+      -webkit-box-flex: 1;
+      -ms-flex: 1;
+      flex: 1;
+      ul {
+        padding: 0;
+        margin: 0;
+        li {
+          float: left;
+          list-style: none;
+          cursor: pointer;
+          padding: 6px 10px;
+          color: #606266;
+          border-radius: 4px;
+          margin: 0 4px 0 0;
+          &:hover {
+            background: #409eff;
+            color: #fff;
+          }
+        }
+        .active {
+          background: #409eff;
+          color: #fff;
+        }
+      }
+    }
+  }
+  .amount {
+    font-weight: normal;
+    padding: 10px 0 0 0;
+    color: #606266;
+    font-size: 14px;
+    span {
+      color: #ef2525;
+      font-family: "Arial";
+      padding: 0 2px;
+    }
+  }
+}
+</style>

src/xt_pages/qcd/outcomeIndicators/parent.vue

+<template>
+    <router-view />
+</template>

src/xt_pages/qcd/outcomeIndicators/query.vue

+<template>
+  <div class="app-container" id="outcome-indicators-query">
+    <el-tabs v-model="tabActiveName" @tab-click="handleTabClick">
+        <el-tab-pane label="指标控制" name="control"></el-tab-pane>
+        <el-tab-pane label="指标查询" name="query"></el-tab-pane>
+    </el-tabs>
+
+    <div class="cell">
+      <el-form :inline="true" :model="listQuery" >
+        <el-form-item label="">
+          <el-input v-model="listQuery.search" placeholder="姓名/透析号"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="onSearch">搜索</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <div class="cell">
+      <label class="title">
+        <span class="name">日期查询</span> :
+      </label>
+      <el-date-picker
+        v-model="listQuery.start_time"
+        prefix-icon="el-icon-date"
+        @change="changeTime"
+        :editable="false"
+        style="width: 196px;"
+        type="date"
+        placeholder="选择日期时间"
+        align="right"
+        :picker-options="pickerOptions"
+        format="yyyy-MM-dd"
+        value-format="yyyy-MM-dd"
+      ></el-date-picker>
+      <span class>-</span>
+      <el-date-picker
+        v-model="listQuery.end_time"
+        prefix-icon="el-icon-date"
+        @change="changeTime"
+        :editable="false"
+        style="width: 196px;"
+        type="date"
+        placeholder="选择日期时间"
+        align="right"
+        :picker-options="pickerOptions"
+        format="yyyy-MM-dd"
+        value-format="yyyy-MM-dd"
+      ></el-date-picker>
+    </div>
+
+    <div class="cell">
+      <label class="title">
+        <span class="name">检验项目</span> :
+      </label>
+      <el-select v-model="listQuery.project_id" placeholder="请选择" @change="changeModel()">
+        <el-option v-for="item in projectOptions" :key="item.project_id" :label="item.project_name" :value="item.project_id"></el-option>
+      </el-select>
+    </div>
+
+    <h4 class="hui">统计表</h4>
+    <hr class="huixiao">
+    <el-table
+      ref="multipleTable"
+      :data="tableData"
+      id="oictable"
+      border
+      fit
+      highlight-current-row
+      style="width: 100%;margin-top: 10px;"
+    >
+      
+      <el-table-column fixed label="透析号" width="80" property="patient_id" align="center">
+        <template slot-scope="scope"><span>{{getPatientDialysisNo(scope.row.patient_id)}}</span></template>
+      </el-table-column>
+      <el-table-column fixed label="姓名" width="100" property="patient_id" align="center">
+        <template slot-scope="scope"><span>{{getPatientName(scope.row.patient_id)}}</span></template>
+      </el-table-column>
+      <el-table-column fixed label="性别" width="100" property="patient_id" align="center">
+        <template slot-scope="scope"><span>{{getPatientGender(scope.row.patient_id)}}</span></template>
+      </el-table-column>
+      
+      <el-table-column fixed label="检查日期" width="100" property="inspect_date" align="center">
+        <template slot-scope="scope"><span>{{getTime(scope.row.inspect_date, '{y}{m}{d}')}}</span></template>
+      </el-table-column>
+      
+      <el-table-column :label="reference.item_name+'//'+reference.unit" min-width="120" align="center" v-if="showTableColumn(reference)" v-for="(reference, index) in references" :key="index"  :render-header="renderheader">
+        <template slot-scope="scope"><span>{{getItemVulue(reference.project_id, reference.id, scope.row)}}</span></template>
+      </el-table-column>
+    </el-table>
+
+    <!-- <pagi-nation title="分页"></pagi-nation> -->
+
+    <el-pagination
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      :current-page="listQuery.pate"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="10"
+      background
+      style="margin-top:20px;"
+      layout="total, sizes, prev, pager, next, jumper"
+      :total="total"
+    ></el-pagination>
+  </div>
+</template>
+
+
+<script>
+import { GetOIQData  } from "@/api/qcd";
+import {uParseTime} from "@/utils/tools";
+export default {
+  name: "dialysisTotal",
+  data() {
+    return {
+      tabActiveName:'query',
+      total: 0,
+      projectOptions:{},
+      patientMap:{},
+      listQuery: {
+        start_time: "",
+        end_time: "",
+        page: 1,
+        limit: 10,
+        project_id:'',
+      },
+      routineBloodShowItem:{1:1,17:17,18:18,19:19,2:2,3:3,24:24},
+      tableData: [],
+      references:[],
+      lapsetoType: 0,
+      lapsetoState: [
+        { value: 0, label: "全部", source: 0, lapseto: 0 },
+        { value: 1, label: "转出", source: 0, lapseto: 2 },
+        { value: 2, label: "留治", source: 0, lapseto: 1 }
+      ],
+      pickerOptions: {
+        shortcuts: [
+          {
+            text: "今天",
+            onClick(picker) {
+              picker.$emit("pick", new Date());
+            }
+          },
+          {
+            text: "昨天",
+            onClick(picker) {
+              const date = new Date();
+              date.setTime(date.getTime() - 3600 * 1000 * 24);
+              picker.$emit("pick", date);
+            }
+          },
+          {
+            text: "一周前",
+            onClick(picker) {
+              const date = new Date();
+              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
+              picker.$emit("pick", date);
+            }
+          },
+          {
+            text: "清空",
+            onClick(picker) {
+              picker.$emit("pick");
+            }
+          }
+        ]
+      }
+    };
+  },
+  created() {
+
+    var nowDate = new Date();
+    var nowYear = nowDate.getFullYear();
+    var nowMonth = nowDate.getMonth() + 1;
+    var nowDay = nowDate.getDate();
+    this.listQuery.end_time =
+      nowYear +
+      "-" +
+      (nowMonth < 10 ? "0" + nowMonth : nowMonth) +
+      "-" +
+      (nowDay < 10 ? "0" + nowDay : nowDay);
+    nowDate.setMonth(nowDate.getMonth() - 3);
+    nowYear = nowDate.getFullYear();
+    nowMonth = nowDate.getMonth() + 1;
+    nowDay = nowDate.getDate();
+    this.listQuery.start_time =
+      nowYear +
+      "-" +
+      (nowMonth < 10 ? "0" + nowMonth : nowMonth) +
+      "-" +
+      (nowDay < 10 ? "0" + nowDay : nowDay);
+    this.getList();
+  },
+  methods: {
+    getList() {
+      GetOIQData(this.listQuery).then(response => {
+        if (response.data.state == 0) {
+          this.$message.error(response.data.msg);
+          return false;
+        } else {
+          this.tableData = [];
+          this.total = response.data.data.total;
+        
+          var references = response.data.data.references;
+          this.references = response.data.data.references;
+          this.projectOptions = {};
+          for (const index in references) {
+            if (!(references[index].project_id in this.projectOptions)) {
+              this.$set(this.projectOptions, references[index].project_id, {project_id:references[index].project_id, project_name:references[index].project_name}); 
+            }
+            if (!('children' in this.projectOptions[references[index].project_id])) {
+                this.projectOptions[references[index].project_id]['children'] = [];
+            }
+            this.projectOptions[references[index].project_id]['children'].push(references[index]);
+          }
+          if(this.listQuery.project_id == '') {
+            this.listQuery.project_id = references[0].project_id;
+          }
+
+          var patients = response.data.data.patients;
+          for (const index in patients) {
+            if (patients[index].id in this.patientMap) {
+              continue;  
+            }
+            this.$set(this.patientMap, patients[index].id, patients[index]);
+          }
+
+          var temInspections = {};
+          var inspections = response.data.data.inspections;
+          
+          for (const index in inspections) {
+            var key = inspections[index].inspect_date + '_' + inspections[index].patient_id;
+            if (!(key in temInspections)) {
+              temInspections[key] = {patient_id:inspections[index].patient_id, inspect_date:inspections[index].inspect_date, items:{}};
+            }
+            var itemKey = inspections[index].project_id + '_' + inspections[index].item_id;
+            
+            temInspections[key].items[itemKey] = inspections[index];
+          }
+          for (const key in temInspections) {
+              this.tableData.push(temInspections[key]);
+          }
+        }
+      });
+    },
+    changeTime() {
+      this.getList();
+    },
+    onSearch(){
+      this.getList();
+    },
+    changeModel() {
+      this.getList();
+    },
+    handleSizeChange(val) {
+      this.listQuery.limit = val;
+      this.getList();
+    },
+    handleCurrentChange(val) {
+      this.listQuery.page = val;
+      this.getList();
+    },
+    getTime(value, temp) {
+        if (value != undefined) {
+          return uParseTime(value, temp)
+        }
+        return ""
+    },
+    getProjectName(id) {
+      return (id in this.projectOptions) ? this.projectOptions[id].project_name:'';
+    },
+    getPatientName(id) {
+      return (id in this.patientMap) ? this.patientMap[id].name:'';
+    },
+    getPatientGender(id) {
+      var gender = (id in this.patientMap) ? this.patientMap[id].gender:0;
+      if (gender == 1) {
+        return '男';
+      } else if(gender == 2) {
+        return '女';
+      }
+      return '';
+    },
+    getPatientDialysisNo(id) {
+      return (id in this.patientMap) ? this.patientMap[id].dialysis_no:'';
+    },
+    getItemVulue(project_id, item_id, row) {
+        var key = project_id + '_' + item_id;
+        return (typeof(row.items) !== 'undefined' && (key in row.items)) ? row.items[key].inspect_value:'';
+    },
+    showTableColumn(reference) {
+        if(this.listQuery.project_id == '') {
+            return true;
+        }else if(reference.project_id == this.listQuery.project_id) {
+            if(this.listQuery.project_id==1 && !(reference.id in this.routineBloodShowItem)) {
+              return false;
+            }else {
+              return true;
+            }
+        }else {
+                return false;
+            }
+    },
+    renderheader(h, { column, $index }) {
+        return h('span', {}, [
+            h('span', {}, column.label.split('//')[0]),
+            h('br'),
+            h('span', {}, column.label.split('//')[1])
+        ])
+    },
+    handleTabClick(tab, event) {
+        if (this.tabActiveName == 'control') {
+            this.$router.push({ path: "/qcd/outcomeIndicators/control" });
+        }
+
+    }
+  },
+  components: {
+  }
+};
+</script>
+<style>
+#oictable ::-webkit-scrollbar {
+  height: 15px;
+}
+#outcome-indicators-query .el-form-item {
+    margin-bottom: 0px !important;
+}
+</style>
+
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.app-container {
+//   margin: 20px;
+    margin-bottom: 50px;
+  font-size: 15px;
+  .filter-container {
+    padding-bottom: 5px;
+  }
+  .hui {
+    color: #909399;
+    margin-bottom: 5px;
+  }
+  .huixiao {
+    border: solid 1px #ebeef5;
+  }
+  .el-pagination {
+    float: right !important;
+  }
+  .search-component {
+    width: 500px;
+    .searchBox {
+      width: 300px;
+      height: 36px;
+      line-height: 36px;
+      padding-left: 15px;
+      border: 1px #dcdfe6 solid;
+      border-right: none;
+      outline: none;
+      float: left;
+      border-radius: 6px 0 0 6px;
+      font-size: 14px;
+      color: #333;
+      background: #fff;
+      box-shadow: 3px 3px 4px rgba(135, 135, 135, 0.05);
+    }
+    .searchBtn {
+      background-color: #409eff;
+      color: #fff;
+      font-size: 15px;
+      text-align: center;
+      height: 36px;
+      line-height: 36px;
+      float: left;
+      outline: none;
+      width: 70px;
+      border: none;
+      border-radius: 0 6px 6px 0;
+      font-family: "Microsoft Yahei";
+      cursor: pointer;
+    }
+  }
+  .cell {
+    margin: 0px 0 15px 0;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    -o-box-sizing: border-box;
+    -ms-box-sizing: border-box;
+    box-sizing: border-box;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    // display: flex;
+    -webkit-box-align: flex-start;
+    -ms-flex-align: flex-start;
+    align-items: flex-start;
+    text-align: left;
+    justify-content: flex-start;
+    color: #333;
+    .title {
+      width: 80px;
+      display: inline-block;
+      font-weight: normal;
+      color: #909399;
+      padding: 6px 0;
+      font-weight: 700;
+      .name {
+        width: 60px;
+        text-align: justify;
+        text-justify: distribute-all-lines;
+        text-align-last: justify;
+        -moz-text-align-last: justify;
+        -webkit-text-align-last: justify;
+        display: inline-block;
+      }
+    }
+    .time {
+      -webkit-box-flex: 1;
+      -ms-flex: 1;
+      flex: 1;
+      ul {
+        padding: 0;
+        margin: 0;
+        li {
+          float: left;
+          list-style: none;
+          cursor: pointer;
+          padding: 6px 10px;
+          color: #606266;
+          border-radius: 4px;
+          margin: 0 4px 0 0;
+          &:hover {
+            background: #409eff;
+            color: #fff;
+          }
+        }
+        .active {
+          background: #409eff;
+          color: #fff;
+        }
+      }
+    }
+  }
+  .amount {
+    font-weight: normal;
+    padding: 10px 0 0 0;
+    color: #606266;
+    font-size: 14px;
+    span {
+      color: #ef2525;
+      font-family: "Arial";
+      padding: 0 2px;
+    }
+  }
+}
+</style>

src/xt_pages/qcd/patientAnalysis/components/analysisNav.vue

+<template>
+    <el-tabs v-model="tabActiveName" @tab-click="handleTabClick">
+        <el-tab-pane label="总量分析" name="total"></el-tab-pane>
+        <el-tab-pane label="指标查询" name="query"></el-tab-pane>
+    </el-tabs>
+</template>
+<script>
+export default {
+    props:{
+        activeName:{
+            type:String,
+            default: 'total'
+        }
+    },
+    data(){
+        return{
+            tabActiveName:'total',
+        }
+    }, 
+    methods:{
+        handleTabClick(tab, event) {
+            this.$router.push({ path: "/qcd/patientanalysis/"+this.tabActiveName });
+        }
+    },
+    watch:{
+        'activeName':function(){
+            this.tabActiveName = this.activeName;
+        }
+    }
+}
+</script>
+

src/xt_pages/qcd/patientAnalysis/parent.vue

+<template>
+    <router-view />
+</template>

src/xt_pages/qcd/patientAnalysis/total.vue

+<template>
+  <div class="app-container" id="outcome-indicators-query">
+    <analysis-nav activeName="total"></analysis-nav>
+
+    <div class="cell">
+      <el-form :inline="true" :model="listQuery" >
+        <el-form-item label="">
+          <el-input v-model="listQuery.search" placeholder="姓名/透析号"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="onSearch">搜索</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <div class="cell">
+      <label class="title">
+        <span class="name">日期查询</span> :
+      </label>
+      <el-date-picker
+        v-model="listQuery.start_time"
+        prefix-icon="el-icon-date"
+        @change="changeTime"
+        :editable="false"
+        style="width: 196px;"
+        type="date"
+        placeholder="选择日期时间"
+        align="right"
+        :picker-options="pickerOptions"
+        format="yyyy-MM-dd"
+        value-format="yyyy-MM-dd"
+      ></el-date-picker>
+      <span class>-</span>
+      <el-date-picker
+        v-model="listQuery.end_time"
+        prefix-icon="el-icon-date"
+        @change="changeTime"
+        :editable="false"
+        style="width: 196px;"
+        type="date"
+        placeholder="选择日期时间"
+        align="right"
+        :picker-options="pickerOptions"
+        format="yyyy-MM-dd"
+        value-format="yyyy-MM-dd"
+      ></el-date-picker>
+    </div>
+    <div class="cell clearfix">
+      <label class="title">
+        <span class="name">转归状态</span> :
+      </label>
+      <div class="time">
+        <ul class>
+          <li
+            :class="item.lapseto==lapsetoType?'active':''"
+            @click="selectLapseTo( item.lapseto)"
+            v-for="item in lapsetoState"
+            :key="item.value"
+          >{{item.label}}</li>
+        </ul>
+      </div>
+    </div>
+    <div class="cell clearfix">
+      <label class="title">
+        <span class="name">年龄</span> :
+      </label>
+      <div class="time">
+        <ul class>
+          <li
+            :class="item.age==ageType?'active':''"
+            @click="selectAge( item.age)"
+            v-for="item in ageOptions"
+            :key="item.value"
+          >{{item.label}}</li>
+        </ul>
+      </div>
+    </div>
+
+
+    <h4 class="hui">统计图</h4>
+    <hr class="huixiao">
+    <el-row :gutter="32">
+      <el-col :xs="24" :sm="24" :lg="24">
+        <div class="chart-wrapper">
+            <pie-chart title="留治情况" :options="CompletionOptions"/>
+        </div>
+      </el-col>
+    </el-row>
+
+    <h4 class="hui">统计表</h4>
+    <hr class="huixiao">
+    <el-table
+      ref="multipleTable"
+      :data="tableData"
+      border
+      fit
+      highlight-current-row
+      style="width: 100%;margin-top: 10px;"
+    >
+      
+      <el-table-column  label="透析号" min-width="100" property="dialysis_no" align="center">
+      </el-table-column>
+      <el-table-column  label="患者姓名" min-width="100" property="name" align="center">
+      </el-table-column>
+      <el-table-column  label="性别" min-width="80" property="gender" align="center">
+        <template slot-scope="scope"><span>{{getPatientGender(scope.row.gender)}}</span></template>
+      </el-table-column>
+      <el-table-column  label="年龄" min-width="80" property="birthday" align="center">
+        <template slot-scope="scope"><span>{{tranAge(scope.row.birthday)}}</span></template>
+      </el-table-column>
+      
+    </el-table>
+
+    <!-- <pagi-nation title="分页"></pagi-nation> -->
+
+    <el-pagination
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      :current-page="listQuery.pate"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="10"
+      background
+      style="margin-top:20px;"
+      layout="total, sizes, prev, pager, next, jumper"
+      :total="total"
+    ></el-pagination>
+  </div>
+</template>
+
+
+<script>
+import { GetPATotalData  } from "@/api/qcd";
+import PieChart from '../components/PieChart'
+import {jsGetAge, uParseTime} from "@/utils/tools";
+import analysisNav from './components/analysisNav'
+export default {
+  name: "totalAnalysis",
+  data() {
+    return {
+      total: 0,
+      patientMap:{},
+      listQuery: {
+        start_time: "",
+        end_time: "",
+        page: 1,
+        limit: 10,
+      },
+      CompletionOptions:{
+        legend:[],
+        series:[],
+      },
+      tableData: [],
+      lapsetoType: 0,
+      lapsetoState: [
+        { value: 0, label: "全部", source: 0, lapseto: 0 },
+        { value: 1, label: "转出", source: 0, lapseto: 2 },
+        { value: 2, label: "留治", source: 0, lapseto: 1 }
+      ],
+      ageType: 0,
+      ageOptions: [
+        { value: 0, label: "全部", age: 0 },
+        { value: 1, label: "20～30", age: 1 },
+        { value: 2, label: "30～40", age: 2 },
+        { value: 3, label: "40～50", age: 3 },
+        { value: 4, label: "其他", age: 4 },
+      ],
+      pickerOptions: {
+        shortcuts: [
+          {
+            text: "今天",
+            onClick(picker) {
+              picker.$emit("pick", new Date());
+            }
+          },
+          {
+            text: "昨天",
+            onClick(picker) {
+              const date = new Date();
+              date.setTime(date.getTime() - 3600 * 1000 * 24);
+              picker.$emit("pick", date);
+            }
+          },
+          {
+            text: "一周前",
+            onClick(picker) {
+              const date = new Date();
+              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
+              picker.$emit("pick", date);
+            }
+          },
+          {
+            text: "清空",
+            onClick(picker) {
+              picker.$emit("pick");
+            }
+          }
+        ]
+      }
+    };
+  },
+  created() {
+
+    var nowDate = new Date();
+    var nowYear = nowDate.getFullYear();
+    var nowMonth = nowDate.getMonth() + 1;
+    var nowDay = nowDate.getDate();
+    this.listQuery.end_time =
+      nowYear +
+      "-" +
+      (nowMonth < 10 ? "0" + nowMonth : nowMonth) +
+      "-" +
+      (nowDay < 10 ? "0" + nowDay : nowDay);
+    nowDate.setMonth(nowDate.getMonth() - 3);
+    nowYear = nowDate.getFullYear();
+    nowMonth = nowDate.getMonth() + 1;
+    nowDay = nowDate.getDate();
+    this.listQuery.start_time =
+      nowYear +
+      "-" +
+      (nowMonth < 10 ? "0" + nowMonth : nowMonth) +
+      "-" +
+      (nowDay < 10 ? "0" + nowDay : nowDay);
+    this.getList();
+  },
+  methods: {
+    getList() {
+      GetPATotalData(this.listQuery).then(response => {
+        if (response.data.state == 0) {
+          this.$message.error(response.data.msg);
+          return false;
+        } else {
+            this.tableData = [];
+            this.total = response.data.data.total;
+            var patients = response.data.data.patients;
+            for (const index in patients) {
+                this.tableData.push(patients[index]);
+            }
+            var lapsetoIn = response.data.data.lapsetoIn;
+            var lapsetoOut = response.data.data.lapsetoOut;
+            this.CompletionOptions = {
+                legend:[],
+                series:[],
+            };
+            this.CompletionOptions.legend.push('留治病人');
+            this.CompletionOptions.series.push({
+                value:lapsetoIn,name:'留治病人'
+            });
+            this.CompletionOptions.legend.push('转出病人');
+            this.CompletionOptions.series.push({
+                value:lapsetoOut,name:'转出病人'
+            });
+        }
+      });
+    },
+    changeTime() {
+      this.getList();
+    },
+    onSearch(){
+      this.getList();
+    },
+    changeModel() {
+      this.getList();
+    },
+    handleSizeChange(val) {
+      this.listQuery.limit = val;
+      this.getList();
+    },
+    handleCurrentChange(val) {
+      this.listQuery.page = val;
+      this.getList();
+    },
+    selectLapseTo(lapseto) {
+      this.lapsetoType = lapseto;
+      this.listQuery.lapseto = lapseto;
+      this.getList();
+    },
+    selectAge(age) {
+      this.ageType = age;
+      this.listQuery.age = age;
+      this.getList();
+    },
+    
+    getTime(value, temp) {
+        if (value != undefined) {
+          return uParseTime(value, temp)
+        }
+        return ""
+    },
+    getProjectName(id) {
+      return (id in this.projectOptions) ? this.projectOptions[id].project_name:'';
+    },
+    getPatientName(id) {
+      return (id in this.patientMap) ? this.patientMap[id].name:'';
+    },
+    getPatientGender(gender) {
+      if (gender == 1) {
+        return '男';
+      } else if(gender == 2) {
+        return '女';
+      }
+      return '';
+    },
+    tranAge(birthday) {
+        var birth = uParseTime(birthday, '{y}-{m}-{d}');
+        return jsGetAge(birth, '-');
+    },
+    getPatientDialysisNo(id) {
+      return (id in this.patientMap) ? this.patientMap[id].dialysis_no:'';
+    },
+    getItemVulue(project_id, item_id, row) {
+        var key = project_id + '_' + item_id;
+        return (typeof(row.items) !== 'undefined' && (key in row.items)) ? row.items[key].inspect_value:'';
+    },
+    renderheader(h, { column, $index }) {
+        return h('span', {}, [
+            h('span', {}, column.label.split('//')[0]),
+            h('br'),
+            h('span', {}, column.label.split('//')[1])
+        ])
+    },
+  },
+  components: {
+      analysisNav,
+      PieChart
+  }
+};
+</script>
+<style>
+#oictable ::-webkit-scrollbar {
+  height: 15px;
+}
+#outcome-indicators-query .el-form-item {
+    margin-bottom: 0px !important;
+}
+</style>
+
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.app-container {
+//   margin: 20px;
+    margin-bottom: 50px;
+  font-size: 15px;
+  .filter-container {
+    padding-bottom: 5px;
+  }
+  .hui {
+    color: #909399;
+    margin-bottom: 5px;
+  }
+  .huixiao {
+    border: solid 1px #ebeef5;
+  }
+  .el-pagination {
+    float: right !important;
+  }
+  .search-component {
+    width: 500px;
+    .searchBox {
+      width: 300px;
+      height: 36px;
+      line-height: 36px;
+      padding-left: 15px;
+      border: 1px #dcdfe6 solid;
+      border-right: none;
+      outline: none;
+      float: left;
+      border-radius: 6px 0 0 6px;
+      font-size: 14px;
+      color: #333;
+      background: #fff;
+      box-shadow: 3px 3px 4px rgba(135, 135, 135, 0.05);
+    }
+    .searchBtn {
+      background-color: #409eff;
+      color: #fff;
+      font-size: 15px;
+      text-align: center;
+      height: 36px;
+      line-height: 36px;
+      float: left;
+      outline: none;
+      width: 70px;
+      border: none;
+      border-radius: 0 6px 6px 0;
+      font-family: "Microsoft Yahei";
+      cursor: pointer;
+    }
+  }
+  .cell {
+    margin: 0px 0 15px 0;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    -o-box-sizing: border-box;
+    -ms-box-sizing: border-box;
+    box-sizing: border-box;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    // display: flex;
+    -webkit-box-align: flex-start;
+    -ms-flex-align: flex-start;
+    align-items: flex-start;
+    text-align: left;
+    justify-content: flex-start;
+    color: #333;
+    .title {
+      width: 80px;
+      display: inline-block;
+      font-weight: normal;
+      color: #909399;
+      padding: 6px 0;
+      font-weight: 700;
+      .name {
+        width: 60px;
+        text-align: justify;
+        text-justify: distribute-all-lines;
+        text-align-last: justify;
+        -moz-text-align-last: justify;
+        -webkit-text-align-last: justify;
+        display: inline-block;
+      }
+    }
+    .time {
+      -webkit-box-flex: 1;
+      -ms-flex: 1;
+      flex: 1;
+      ul {
+        padding: 0;
+        margin: 0;
+        li {
+          float: left;
+          list-style: none;
+          cursor: pointer;
+          padding: 6px 10px;
+          color: #606266;
+          border-radius: 4px;
+          margin: 0 4px 0 0;
+          &:hover {
+            background: #409eff;
+            color: #fff;
+          }
+        }
+        .active {
+          background: #409eff;
+          color: #fff;
+        }
+      }
+    }
+  }
+  .amount {
+    font-weight: normal;
+    padding: 10px 0 0 0;
+    color: #606266;
+    font-size: 14px;
+    span {
+      color: #ef2525;
+      font-family: "Arial";
+      padding: 0 2px;
+    }
+  }
+}
+</style>

src/xt_pages/qcd/processIndicators.1.vue

+<template>
+  <div class="app-container">
+    <div class="cell">
+      <label class="title">
+        <span class="name">日期查询</span> :
+      </label>
+      <el-date-picker
+        v-model="listQuery.start_time"
+        prefix-icon="el-icon-date"
+        @change="changeTime"
+        :editable="false"
+        style="width: 196px;"
+        type="date"
+        placeholder="选择日期时间"
+        align="right"
+        :picker-options="pickerOptions"
+        format="yyyy-MM-dd"
+        value-format="yyyy-MM-dd"
+      ></el-date-picker>
+      <span class>-</span>
+      <el-date-picker
+        v-model="listQuery.end_time"
+        prefix-icon="el-icon-date"
+        @change="changeTime"
+        :editable="false"
+        style="width: 196px;"
+        type="date"
+        placeholder="选择日期时间"
+        align="right"
+        :picker-options="pickerOptions"
+        format="yyyy-MM-dd"
+        value-format="yyyy-MM-dd"
+      ></el-date-picker>
+    </div>
+    <div class="cell clearfix">
+      <label class="title">
+        <span class="name">透析龄</span> :
+      </label>
+      <div class="time">
+        <ul class>
+          <li
+            :class="item.value==dialysisAge?'active':''"
+            @click="selectdialysisAges(item.value)"
+            v-for="item in dialysisAgeOptions"
+            :key="item.value"
+          >{{item.label}}</li>
+        </ul>
+      </div>
+    </div>
+    <div class="cell clearfix">
+      <label class="title">
+        <span class="name">转归状态</span> :
+      </label>
+      <div class="time">
+        <ul class>
+          <li
+            :class="item.lapseto==lapsetoType?'active':''"
+            @click="selectLapseTo( item.lapseto)"
+            v-for="item in lapsetoState"
+            :key="item.value"
+          >{{item.label}}</li>
+        </ul>
+      </div>
+    </div>
+
+    <div class="cell">
+      <label class="title">
+        <span class="name">检验项目</span> :
+      </label>
+      <el-select v-model="listQuery.project_id" placeholder="请选择" @change="changeModel()">
+        <el-option label="全部" value=""></el-option>
+        <el-option v-for="item in projectOptions" :key="item.project_id" :label="item.project_name" :value="item.project_id"></el-option>
+      </el-select>
+    </div>
+
+    <h4 class="hui">统计表</h4>
+    <hr class="huixiao">
+    <el-table
+      ref="multipleTable"
+      :data="tableData"
+      :span-method="mergeSpan"
+      border
+      fit
+      highlight-current-row
+      style="width: 100%;margin-top: 10px;"
+    >
+      <el-table-column label="透析号" min-width="80" property="patient_id" align="center">
+         <template slot-scope="scope">{{getPatientDialysisNo(scope.row.patient_id)}}</template>
+      </el-table-column>
+      <el-table-column label="姓名" min-width="80" property="patient_id" align="center">
+         <template slot-scope="scope">{{getPatientName(scope.row.patient_id)}}</template>
+      </el-table-column>
+      <el-table-column label="检查项目" min-width="80" property="project_id" align="center">
+         <template slot-scope="scope">{{getProjectName(scope.row.project_id)}}</template>
+      </el-table-column>
+      <el-table-column label="检查日期" min-width="80" property="inspect_date" align="center">
+        <template slot-scope="scope">{{getTime(scope.row.inspect_date, '{y}{m}{d}')}}</template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      :current-page="listQuery.pate"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="10"
+      background
+      style="margin-top:20px;"
+      layout="total, sizes, prev, pager, next, jumper"
+      :total="total"
+    ></el-pagination>
+  </div>
+</template>
+
+
+<script>
+import { GetProcessIndicatorsData } from "@/api/qcd";
+import {uParseTime} from "@/utils/tools";
+export default {
+  name: "processIndicators",
+  data() {
+    return {
+      total: 0,
+      modesData: {
+        xAxis:[],
+        series:[],
+      },
+      listQuery: {
+        start_time: "",
+        end_time: "",
+        page: 1,
+        limit: 10,
+        lapseto: 0,
+        dialysis_age: 0,
+        project_id:0,
+      },
+      projectOptions: {},
+      patientMap:{},
+      tableData: [],
+      tableRowData:[],
+      dialysisAge: 0,
+      dialysisAgeOptions: [
+        { value: 0, label: "全部" },
+        { value: 1, label: "大于三个月" },
+        { value: 2, label: "小于三个月" }
+      ],
+      lapsetoType: 0,
+      lapsetoState: [
+        { value: 0, label: "全部", source: 0, lapseto: 0 },
+        { value: 1, label: "转出", source: 0, lapseto: 2 },
+        { value: 2, label: "留治", source: 0, lapseto: 1 }
+      ],
+      pickerOptions: {
+        shortcuts: [
+          {
+            text: "今天",
+            onClick(picker) {
+              picker.$emit("pick", new Date());
+            }
+          },
+          {
+            text: "昨天",
+            onClick(picker) {
+              const date = new Date();
+              date.setTime(date.getTime() - 3600 * 1000 * 24);
+              picker.$emit("pick", date);
+            }
+          },
+          {
+            text: "一周前",
+            onClick(picker) {
+              const date = new Date();
+              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
+              picker.$emit("pick", date);
+            }
+          },
+          {
+            text: "清空",
+            onClick(picker) {
+              picker.$emit("pick");
+            }
+          }
+        ]
+      }
+    };
+  },
+  created() {
+    var nowDate = new Date();
+    var nowYear = nowDate.getFullYear();
+    var nowMonth = nowDate.getMonth() + 1;
+    var nowDay = nowDate.getDate();
+    this.listQuery.end_time = nowYear + "-" + (nowMonth < 10 ? "0" + nowMonth : nowMonth) + "-" + (nowDay < 10 ? "0" + nowDay : nowDay);
+    nowDate.setMonth(nowDate.getMonth() - 3);
+    nowYear = nowDate.getFullYear();
+    nowMonth = nowDate.getMonth() + 1;
+    nowDay = nowDate.getDate();
+    this.listQuery.start_time =  nowYear + "-" + (nowMonth < 10 ? "0" + nowMonth : nowMonth) + "-" + (nowDay < 10 ? "0" + nowDay : nowDay);
+    this.getList();
+  },
+  methods: {
+    getList() {
+      GetProcessIndicatorsData(this.listQuery).then(response => {
+        if (response.data.state == 0) {
+          this.$message.error(response.data.msg);
+          return false;
+        } else {
+          
+          this.tableData = [];
+          this.tableRowData = []
+
+
+          var references = response.data.data.references;
+          for (const index in references) {
+            if (references[index].project_id in this.projectOptions) {
+              continue;  
+            }
+            this.$set(this.projectOptions, references[index].project_id, references[index]);
+          }
+
+          var patients = response.data.data.patients;
+          for (const index in patients) {
+            if (patients[index].id in this.patientMap) {
+              continue;  
+            }
+            this.$set(this.patientMap, patients[index].id, patients[index]);
+          }
+
+          //
+          var temInspections = {};
+          var inspections = response.data.data.inspections;
+          for (const index in inspections) {
+            var key = inspections[index].inspect_date + '_' + inspections[index].patient_id;
+            if (!(key in temInspections)) {
+              temInspections[key] = {};
+            }
+            if (inspections[index].project_id in temInspections[key]) {
+              continue;
+            }
+            temInspections[key][inspections[index].project_id] = inspections[index];
+          }
+          this.total = response.data.data.total;
+          var rowIndex = 0;
+          var childIndex = 0;
+          for (const key in temInspections) {
+            this.tableRowData.push(1);
+            var parentIndex = rowIndex;
+            childIndex = 0;
+            for (const child in temInspections[key]) {
+              this.tableData.push(temInspections[key][child]);
+              if(childIndex>0) {
+                this.tableRowData[parentIndex] += 1;
+                this.tableRowData.push(0);
+              }
+              childIndex++;
+              rowIndex++;
+            }
+          }
+        }
+      });
+    },
+    mergeSpan({row, column, rowIndex, columnIndex}) {
+      if (columnIndex === 0 || columnIndex === 1 || columnIndex === 3) {
+        const _row = this.tableRowData[rowIndex];
+        const _col = _row > 0 ? 1 : 0;
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+    },
+    changeTime() {
+      this.getList();
+    },
+    selectdialysisAges(type) {
+      this.dialysisAge = type;
+      this.listQuery.dialysis_age = type;
+      this.getList();
+    },
+    selectLapseTo(lapseto) {
+      this.lapsetoType = lapseto;
+      this.listQuery.lapseto = lapseto;
+      this.getList();
+    },
+    changeModel() {
+      this.getList();
+    },
+    handleSizeChange(val) {
+      this.listQuery.limit = val;
+      this.getList();
+    },
+    handleCurrentChange(val) {
+      this.listQuery.page = val;
+      this.getList();
+    },
+    getTime(value, temp) {
+        if (value != undefined) {
+          return uParseTime(value, temp)
+        }
+        return ""
+    },
+    getProjectName(id) {
+      return (id in this.projectOptions) ? this.projectOptions[id].project_name:'';
+    },
+    getPatientName(id) {
+      return (id in this.patientMap) ? this.patientMap[id].name:'';
+    },
+    getPatientDialysisNo(id) {
+      return (id in this.patientMap) ? this.patientMap[id].dialysis_no:'';
+    }
+  }
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.app-container {
+//   margin: 20px;
+    margin-bottom: 50px;
+  font-size: 15px;
+  .filter-container {
+    padding-bottom: 5px;
+  }
+  .hui {
+    color: #909399;
+    margin-bottom: 5px;
+  }
+  .huixiao {
+    border: solid 1px #ebeef5;
+  }
+  .el-pagination {
+    float: right !important;
+  }
+  .search-component {
+    width: 500px;
+    .searchBox {
+      width: 300px;
+      height: 36px;
+      line-height: 36px;
+      padding-left: 15px;
+      border: 1px #dcdfe6 solid;
+      border-right: none;
+      outline: none;
+      float: left;
+      border-radius: 6px 0 0 6px;
+      font-size: 14px;
+      color: #333;
+      background: #fff;
+      box-shadow: 3px 3px 4px rgba(135, 135, 135, 0.05);
+    }
+    .searchBtn {
+      background-color: #409eff;
+      color: #fff;
+      font-size: 15px;
+      text-align: center;
+      height: 36px;
+      line-height: 36px;
+      float: left;
+      outline: none;
+      width: 70px;
+      border: none;
+      border-radius: 0 6px 6px 0;
+      font-family: "Microsoft Yahei";
+      cursor: pointer;
+    }
+  }
+  .cell {
+    margin: 0px 0 15px 0;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    -o-box-sizing: border-box;
+    -ms-box-sizing: border-box;
+    box-sizing: border-box;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    // display: flex;
+    -webkit-box-align: flex-start;
+    -ms-flex-align: flex-start;
+    align-items: flex-start;
+    text-align: left;
+    justify-content: flex-start;
+    color: #333;
+    .title {
+      width: 80px;
+      display: inline-block;
+      font-weight: normal;
+      color: #909399;
+      padding: 6px 0;
+      font-weight: 700;
+      .name {
+        width: 60px;
+        text-align: justify;
+        text-justify: distribute-all-lines;
+        text-align-last: justify;
+        -moz-text-align-last: justify;
+        -webkit-text-align-last: justify;
+        display: inline-block;
+      }
+    }
+    .time {
+      -webkit-box-flex: 1;
+      -ms-flex: 1;
+      flex: 1;
+      ul {
+        padding: 0;
+        margin: 0;
+        li {
+          float: left;
+          list-style: none;
+          cursor: pointer;
+          padding: 6px 10px;
+          color: #606266;
+          border-radius: 4px;
+          margin: 0 4px 0 0;
+          &:hover {
+            background: #409eff;
+            color: #fff;
+          }
+        }
+        .active {
+          background: #409eff;
+          color: #fff;
+        }
+      }
+    }
+  }
+  .amount {
+    font-weight: normal;
+    padding: 10px 0 0 0;
+    color: #606266;
+    font-size: 14px;
+    span {
+      color: #ef2525;
+      font-family: "Arial";
+      padding: 0 2px;
+    }
+  }
+}
+</style>