统计配置开发

src/api/common/common.js

     params: params
   })
 }
+
+export function getPrescriptionByName(keyword, startime, endtime, limit, page) {
+  const params = {
+    keyword: keyword,
+    startime: startime,
+    endtime: endtime,
+    limit: limit,
+    page: page
+  }
+  return request({
+    url: '/com/api/getprescriptionbyname',
+    method: 'Get',
+    params: params
+  })
+}

src/xt_pages/qcd/treatmentControlAnalysis/components/TimePersonal.vue

     <el-container>
       <div style="width:150px">
         <div class="tableTitle">患者列表</div>
-        <el-table :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
+        <el-table :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
+         :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+          highlight-current-row
+          @current-change="handleChange">
           <el-table-column prop="dialysis_no" label="透析号" width="80">
             <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
           </el-table-column>
       </div>
       <div style="padding-left:10px;flex:1">
         <div class="tableTitle">统计表</div>
-        <el-table :data="DialysisData" style="width: 100%" border :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
+        <el-table :data="DialysisData" style="width: 100%" border :row-style="{ color: '#303133' }" 
+        :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+        >
           <el-table-column fixed prop="name" label="姓名" width="140">
             <!-- <template slot-scope="scope">{{ scope.row.name }}</template> -->
           </el-table-column>
 
 
 <script>
- import { getCurrentOrgPatients,getDialysisList } from "@/api/common/common";
+ import { getCurrentOrgPatients,getDialysisList,getDialysisDetailById,getPrescriptionByName } from "@/api/common/common";
  import { uParseTime } from "@/utils/tools";
 export default {
   data() {
       DialysisData: [],
       patientsData:[],
       prescriptionList:[],
+      limit:1000,
+      page:1,
     };
   },
   methods: {
       getCurrentOrgPatients().then(response=>{
          if(response.data.state == 1){
            var patients = response.data.data.patients
-           console.log("病人列表3",patients)
            this.patientsData = patients
          }
       })
 
             
           var list = response.data.data.list
-          console.log("list",list)
+          //console.log("list",list)
           var totallist  =  response.data.data.totallist
-          console.log("totallist",totallist)
+         // console.log("totallist",totallist)
           this.total = totallist  
           var prescriptionList = response.data.data.prescriptionList
           for(let i=0;i<prescriptionList.length;i++){
               prescriptionList[i].mode_id = "CRRT"
             }else if(prescriptionList[i].mode_id == 14){
               prescriptionList[i].mode_id = "腹水回输"
+            }else if(prescriptionList[i].mode_id == 15){
+               prescriptionList[i].mode_id = "HD前置换"
+            }
+            else if(prescriptionList[i].mode_id == 16){
+               prescriptionList[i].mode_id = "HD后置换"
+            }
+            else if(prescriptionList[i].mode_id == 17){
+               prescriptionList[i].mode_id = "HDF前置换"
+            }
+            else if(prescriptionList[i].mode_id == 18){
+               prescriptionList[i].mode_id = "HDF后置换"
             }else if(prescriptionList[i].mode_id == 19){
               prescriptionList[i].mode_id = "IUF+HD"
             }
           }
           
-          console.log("prescriptionList",prescriptionList)
+         // console.log("prescriptionList",prescriptionList)
           for(let i=0;i<this.prescriptionList.length;i++){
             for(let j=0;j<list.length;j++){
               if(this.prescriptionList[i].patient_id == list[j].patient_id){
             }
           })
           let list = Object.values(dataInfo)
-          console.log("arr",list)    
+          //console.log("arr",list)    
           list.map(item => {
             for (let i = 0; i < prescriptionList.length; i++) {
               if (item.patient_id === prescriptionList[i].patient_id) {
               }
             }
           })
-          console.log("list---",list)
+        //  console.log("list---",list)
           this.DialysisData = list
          }
       })
 				return age;
 			}
     },
-    onSearch(){},
+    onSearch(){
+      getPrescriptionByName(this.listQuery.search,this.listQuery.start_time,this.listQuery.end_time,this.limit,this.page).then(response=>{
+         if(response.data.state === 1){
+           var patient =  response.data.data.patient
+           console.log("patient",patient)
+           var total = response.data.data.total
+           console.log("total",total)
+         }
+      })
+    },
     unique(arr) {
         const res = new Map();
         return arr.filter((arr) => !res.has(arr.mode_id) && res.set(arr.mode_id, 1));
       },
+    handleChange(val){
+       getDialysisDetailById(val.id,this.listQuery.start_time,this.listQuery.end_time,this.limit,this.page).then(response=>{
+          if(response.data.state === 1){
+            var patients =  response.data.data.patients
+            console.log("patients",patients)
+            var total =  response.data.data.total
+            console.log("total",total)
+          }
+       })
+     
+    }
   },
   created(){
     var nowDate = new Date();