Merge remote-tracking branch 'origin/20230223_pc_vue_new_branch' into 20230223_pc_vue_new_branch

src/router/modules/logIndex.js

@@ -0,0 +1,19 @@
+import Layout from '@/views/layout/Layout'
+
+export default {
+ 
+  path: '/log_index',
+  component: Layout,
+  name:'log_index',
+  redirct: '/dialysis/dialysisLogIndex',
+  children: [{
+    path: '/dialysis/dialysisLogIndex',
+    component: () => import('@/xt_pages/log/index'),
+    name: '日志查询',
+    meta: {
+      title: '日志查询',
+      noCache: true
+    }
+  },]
+ 
+}

src/xt_pages/log/index.vue

@@ -0,0 +1,685 @@
+<template>
+  <div class="main-contain">
+   <div class="position">
+    <bread-crumb :crumbs="crumbs"></bread-crumb>
+  </div>
+  <div class="app-container">
+      <el-tabs v-model="activeName" @tab-click="handleClick">
+          <el-tab-pane label="透析处方" name="first">
+            <div style="width: 465px;white-space: nowrap;">
+              <span>日期查询：</span>
+           
+              <el-date-picker
+                v-model="record_date"
+                prefix-icon="el-icon-date"
+                @change="changeTime"
+                style="width:150px;"
+                type="date"
+                placeholder="选择日期时间"
+                align="right"
+                value-format="yyyy-MM-dd"
+              ></el-date-picker>
+
+             
+              <el-autocomplete
+                style="margin:16px 5px"
+                popper-class="my-autocomplete"
+                v-model.trim="patient_name"
+                :fetch-suggestions="querySearchAsync"
+                :trigger-on-focus="false"
+                placeholder="请输入患者姓名"
+                @select="handleSelect"
+              >
+                <i
+                  class="el-icon-search el-input__icon"
+                  slot="suffix"
+                >
+                </i>
+                <template slot-scope="{ item }">
+                  <div class="name">{{ item.name }}</div>
+                </template>
+             </el-autocomplete>
+
+            </div>
+           
+            <el-table
+                :data="prescriptionlogList"
+                border
+                style="width: 100%">
+                <el-table-column  prop="date" label="序号" min-width="50"  align="center">
+                   <template slot-scope="scope" >
+                       {{scope.$index + 1 }}
+                   </template>
+                </el-table-column>
+
+                <el-table-column  prop="date" label="患者姓名" min-width="50"  align="center">
+                   <template slot-scope="scope" >
+                       {{ getPatientName(scope.row.patient_id) }}
+                   </template>
+                </el-table-column>
+
+                <el-table-column  prop="date" label="操作人" min-width="50"  align="center">
+                   <template slot-scope="scope" >
+                       {{getUserName(scope.row.admin_user_id)}}
+                   </template>
+                </el-table-column>
+
+
+                <el-table-column  prop="date" label="操作时间" min-width="50"  align="center">
+                   <template slot-scope="scope" >
+                       {{getTime(scope.row.ctime) }}
+                   </template>
+                </el-table-column>
+                
+               
+                
+              </el-table>
+              <el-pagination
+                @size-change="handleSizeChange"
+                @current-change="handleCurrentChange"
+                :page-size="10"
+                background
+                style="margin-top:20px;float: right"
+                :total="total"
+            ></el-pagination>
+          </el-tab-pane>
+
+          <el-tab-pane label="透前评估" name="second">
+            
+            <div style="width: 465px;white-space: nowrap;">
+              <span>日期查询：</span>
+           
+              <el-date-picker
+                v-model="record_date"
+                prefix-icon="el-icon-date"
+                @change="changeTime"
+                style="width:150px;"
+                type="date"
+                placeholder="选择日期时间"
+                align="right"
+                value-format="yyyy-MM-dd"
+              ></el-date-picker>
+
+             
+              <el-autocomplete
+                style="margin:16px 5px"
+                popper-class="my-autocomplete"
+                v-model.trim="patient_name"
+                :fetch-suggestions="querySearchAsync"
+                :trigger-on-focus="false"
+                placeholder="请输入患者姓名"
+                @select="handleSelect"
+              >
+                <i
+                  class="el-icon-search el-input__icon"
+                  slot="suffix"
+                >
+                </i>
+                <template slot-scope="{ item }">
+                  <div class="name">{{ item.name }}</div>
+                </template>
+             </el-autocomplete>
+
+            </div>
+           
+            <el-table
+                :data="beforLogList"
+                border
+                style="width: 100%">
+                <el-table-column  prop="date" label="序号" min-width="50"  align="center">
+                   <template slot-scope="scope" >
+                       {{scope.$index + 1 }}
+                   </template>
+                </el-table-column>
+
+                <el-table-column  prop="date" label="患者姓名" min-width="50"  align="center">
+                   <template slot-scope="scope" >
+                       {{ getPatientName(scope.row.patient_id) }}
+                   </template>
+                </el-table-column>
+
+                <el-table-column  prop="date" label="操作人" min-width="50"  align="center">
+                   <template slot-scope="scope" >
+                       {{getUserName(scope.row.admin_user_id)}}
+                   </template>
+                </el-table-column>
+
+
+                <el-table-column  prop="date" label="操作时间" min-width="50"  align="center">
+                   <template slot-scope="scope" >
+                       {{getTime(scope.row.ctime) }}
+                   </template>
+                </el-table-column>
+                
+               
+                
+              </el-table>
+              <el-pagination
+                @size-change="handleSizeChangeOne"
+                @current-change="handleCurrentChangeOne"
+                :page-size="10"
+                background
+                style="margin-top:20px;float: right"
+                :total="total"
+            ></el-pagination>
+
+          </el-tab-pane>
+
+          <el-tab-pane label="临时医嘱" name="third">
+            <div style="width: 465px;white-space: nowrap;">
+              <span>日期查询：</span>
+           
+              <el-date-picker
+                v-model="record_date"
+                prefix-icon="el-icon-date"
+                @change="changeTime"
+                style="width:150px;"
+                type="date"
+                placeholder="选择日期时间"
+                align="right"
+                value-format="yyyy-MM-dd"
+              ></el-date-picker>
+
+             
+              <el-autocomplete
+                style="margin:16px 5px"
+                popper-class="my-autocomplete"
+                v-model.trim="patient_name"
+                :fetch-suggestions="querySearchAsync"
+                :trigger-on-focus="false"
+                placeholder="请输入患者姓名"
+                @select="handleSelect"
+              >
+                <i
+                  class="el-icon-search el-input__icon"
+                  slot="suffix"
+                >
+                </i>
+                <template slot-scope="{ item }">
+                  <div class="name">{{ item.name }}</div>
+                </template>
+             </el-autocomplete>
+
+            </div>
+           
+            <el-table
+                :data="adviceLogList"
+                border
+                style="width: 100%">
+                <el-table-column  prop="date" label="序号" min-width="50"  align="center">
+                   <template slot-scope="scope" >
+                       {{scope.$index + 1 }}
+                   </template>
+                </el-table-column>
+
+                <el-table-column  prop="date" label="患者姓名" min-width="50"  align="center">
+                   <template slot-scope="scope" >
+                       {{ getPatientName(scope.row.patient_id) }}
+                   </template>
+                </el-table-column>
+
+                <el-table-column prop="date" label="操作步骤" min-width="50"  align="center">
+                  <template slot-scope="scope" >
+                      <span v-if="scope.row.module == 1">新增或修改</span>
+                      <span v-if="scope.row.module == 2">执行</span>
+                      <span v-if="scope.row.module == 3">核对</span>
+                      <span v-if="scope.row.module == 4">删除</span>
+                   </template>
+                </el-table-column>
+
+                <el-table-column  prop="date" label="操作人" min-width="50"  align="center">
+                   <template slot-scope="scope" >
+                       {{getUserName(scope.row.admin_user_id)}}
+                   </template>
+                </el-table-column>
+
+
+                <el-table-column  prop="date" label="操作时间" min-width="50"  align="center">
+                   <template slot-scope="scope" >
+                       {{getTime(scope.row.ctime) }}
+                   </template>
+                </el-table-column>
+
+              </el-table>
+              <el-pagination
+                @size-change="handleSizeChangeTwo"
+                @current-change="handleCurrentChangeTwo"
+                :page-size="10"
+                background
+                style="margin-top:20px;float: right"
+                :total="total"
+            ></el-pagination>
+          </el-tab-pane>
+
+          <el-tab-pane label="透析监测" name="four">
+             
+            <div style="width: 465px;white-space: nowrap;">
+              <span>日期查询：</span>
+           
+              <el-date-picker
+                v-model="record_date"
+                prefix-icon="el-icon-date"
+                @change="changeTime"
+                style="width:150px;"
+                type="date"
+                placeholder="选择日期时间"
+                align="right"
+                value-format="yyyy-MM-dd"
+              ></el-date-picker>
+
+             
+              <el-autocomplete
+                style="margin:16px 5px"
+                popper-class="my-autocomplete"
+                v-model.trim="patient_name"
+                :fetch-suggestions="querySearchAsync"
+                :trigger-on-focus="false"
+                placeholder="请输入患者姓名"
+                @select="handleSelect"
+              >
+                <i
+                  class="el-icon-search el-input__icon"
+                  slot="suffix"
+                >
+                </i>
+                <template slot-scope="{ item }">
+                  <div class="name">{{ item.name }}</div>
+                </template>
+             </el-autocomplete>
+
+            </div>
+           
+            <el-table
+                :data="monitorLogList"
+                border
+                style="width: 100%">
+                <el-table-column  prop="date" label="序号" min-width="50"  align="center">
+                   <template slot-scope="scope" >
+                       {{scope.$index + 1 }}
+                   </template>
+                </el-table-column>
+
+                <el-table-column  prop="date" label="患者姓名" min-width="50"  align="center">
+                   <template slot-scope="scope" >
+                       {{ getPatientName(scope.row.patient_id) }}
+                   </template>
+                </el-table-column>
+
+                <el-table-column prop="date" label="操作步骤" min-width="50"  align="center">
+                  <template slot-scope="scope" >
+                      <span v-if="scope.row.module == 1">新增</span>
+                      <span v-if="scope.row.module == 3">修改</span>
+                      <span v-if="scope.row.module == 4">删除</span>
+                     
+                   </template>
+                </el-table-column>
+
+                <el-table-column  prop="date" label="操作人" min-width="50"  align="center">
+                   <template slot-scope="scope" >
+                       {{getUserName(scope.row.admin_user_id)}}
+                   </template>
+                </el-table-column>
+
+
+                <el-table-column  prop="date" label="操作时间" min-width="50"  align="center">
+                   <template slot-scope="scope" >
+                       {{getTime(scope.row.ctime) }}
+                   </template>
+                </el-table-column>
+
+              </el-table>
+              <el-pagination
+                @size-change="handleSizeChangeThree"
+                @current-change="handleCurrentChangeThree"
+                :page-size="10"
+                background
+                style="margin-top:20px;float: right"
+                :total="total"
+            ></el-pagination>
+          </el-tab-pane>
+
+          <el-tab-pane label="透后评估" name="five">
+            <div style="width: 465px;white-space: nowrap;">
+              <span>日期查询：</span>
+           
+              <el-date-picker
+                v-model="record_date"
+                prefix-icon="el-icon-date"
+                @change="changeTime"
+                style="width:150px;"
+                type="date"
+                placeholder="选择日期时间"
+                align="right"
+                value-format="yyyy-MM-dd"
+              ></el-date-picker>
+
+             
+              <el-autocomplete
+                style="margin:16px 5px"
+                popper-class="my-autocomplete"
+                v-model.trim="patient_name"
+                :fetch-suggestions="querySearchAsync"
+                :trigger-on-focus="false"
+                placeholder="请输入患者姓名"
+                @select="handleSelect"
+              >
+                <i
+                  class="el-icon-search el-input__icon"
+                  slot="suffix"
+                >
+                </i>
+                <template slot-scope="{ item }">
+                  <div class="name">{{ item.name }}</div>
+                </template>
+             </el-autocomplete>
+
+            </div>
+           
+            <el-table
+                :data="afterLogList"
+                border
+                style="width: 100%">
+                <el-table-column  prop="date" label="序号" min-width="50"  align="center">
+                   <template slot-scope="scope" >
+                       {{scope.$index + 1 }}
+                   </template>
+                </el-table-column>
+
+                <el-table-column  prop="date" label="患者姓名" min-width="50"  align="center">
+                   <template slot-scope="scope" >
+                       {{ getPatientName(scope.row.patient_id) }}
+                   </template>
+                </el-table-column>
+
+                <el-table-column  prop="date" label="操作人" min-width="50"  align="center">
+                   <template slot-scope="scope" >
+                       {{getUserName(scope.row.admin_user_id)}}
+                   </template>
+                </el-table-column>
+
+
+                <el-table-column  prop="date" label="操作时间" min-width="50"  align="center">
+                   <template slot-scope="scope" >
+                       {{getTime(scope.row.ctime) }}
+                   </template>
+                </el-table-column>
+                
+               
+                
+              </el-table>
+              <el-pagination
+                @size-change="handleSizeChangeFour"
+                @current-change="handleCurrentChangeFour"
+                :page-size="10"
+                background
+                style="margin-top:20px;float: right"
+                :total="total"
+            ></el-pagination>
+          </el-tab-pane>
+        
+      </el-tabs>
+   </div>
+
+   
+  </div>
+</template>
+<script>
+  import {getPatientList,getPrescriptionLogList,getBeforLogList,getDocLogLogList,getMonitorLogList,getAferLogList} from  "@/api/dialysis"
+  import { uParseTime } from '@/utils/tools'
+  const moment = require('moment')
+  export default {
+    data(){
+      return {
+        activeName: 'first',
+        prescriptionList:[],
+        record_date:moment(new Date()).add('year',0).format("YYYY-MM-DD"),
+        patientList:[],
+        patient_id:0,
+        patient_name:"",
+        total:0,
+        page:1,
+        limit:10,
+        crumbs: [
+         { path: false, name: "日志查询" },      
+        ],
+        prescriptionlogList:[],
+        patients:[],
+        roleList:[],
+        beforLogList:[],
+        docLogList:[],
+        adviceLogList:[],
+        monitorLogList:[],
+        afterLogList:[],
+      }
+    },
+    methods:{
+      handleClick(val){
+        console.log("val2o2o2o2",this.activeName)
+        if(this.activeName == "first"){
+          this.getPrescriptionLogList()
+        }
+        if(this.activeName == "second"){
+          this.getBeforLogList()
+        }
+        if(this.activeName == "third"){
+          this.getDocLogLogList()
+        }
+        if(this.activeName == "four"){
+          this.getMonitorLogList()
+        }
+        if(this.activeName == "five"){
+          this.getAferLogList()
+        }
+      },
+      querySearchAsync(keyword, cb) {
+        let key = '';
+        if (keyword != undefined) {
+          key = keyword
+        }
+        let searchArray = []
+        getPatientList(key).then(response => {
+          if (response.data.state == 1) {
+            searchArray = response.data.data.patientList
+            console.log('searcharrya', searchArray)
+            cb(searchArray)
+          }
+        })
+        return searchArray
+      },
+      handleSelect(val) {
+       this.patient_id = val.id
+       this.patient_name = val.name
+       this.getPrescriptionLogList()
+       this.getBeforLogList()
+       this.getDocLogLogList()
+       this.getMonitorLogList()
+       this.getAferLogList()
+      },
+      handleCurrentChange(val){
+        this.page = val
+        this.getPrescriptionLogList()
+      },
+      handleSizeChange(val){
+        this.limit=val
+        this.getPrescriptionLogList()
+      },
+      handleCurrentChangeOne(val){
+         this.page = val
+         this.getBeforLogList()
+      },
+      handleSizeChangeOne(val){
+        this.limit =val
+        this.getBeforLogList()
+      },
+      handleCurrentChangeTwo(val){
+         this.page = val
+         this.getDocLogLogList()
+      },
+      handleSizeChangeTwo(val){
+        this.limit =val
+        this.getDocLogLogList()
+      },
+      handleSizeChangeThree(val){
+        this.limit =val
+        this.getMonitorLogList()
+      },
+      handleCurrentChangeThree(val){
+        this.page = val
+        this.getMonitorLogList()
+      },
+      handleSizeChangeFour(val){
+        this.limit =val
+        this.getAferLogList()
+      },
+      handleCurrentChangeFour(val){
+        this.page = val
+        this.getAferLogList()
+      },
+      changeTime(val){
+        console.log("va222o3o22o3",val)
+        this.record_date = val
+        console.log("wowowoow",this.activeName)
+        if(this.activeName == "first"){
+          this.getPrescriptionLogList()
+        }
+        if(this.activeName == "second"){
+          this.getBeforLogList()
+        }
+        if(this.activeName == "third"){
+          this.getDocLogLogList()
+        }
+        if(this.activeName == "four"){
+          this.getMonitorLogList()
+        }
+        if(this.activeName == "five"){
+          this.getAferLogList()
+        }
+
+      },
+
+      getPrescriptionLogList(){
+           var params = {
+             record_date:this.record_date,
+             patient_id: this.patient_id,
+             limit:this.limit,
+             page:this.page,
+           }
+           console.log("paramswoowow",params)
+        getPrescriptionLogList(params).then(response=>{
+           if(response.data.state== 1){
+              this.prescriptionlogList =  response.data.data.prescriptionlogList
+              this.total= response.data.data.total
+
+              this.patients = response.data.data.patients
+
+              this.roleList = response.data.data.role
+           }
+        })
+      },
+      getPatientName(patient_id){
+         var name = ""
+        for(let i=0;i<this.patients.length;i++){
+          if(patient_id == this.patients[i].id){
+             name = this.patients[i].name
+          }
+        }
+        return name
+      },
+      getUserName(admin_user_id){
+        var user_name = ""
+        for(let i=0;i<this.roleList.length;i++){
+          if(admin_user_id == this.roleList[i].admin_user_id){
+             user_name = this.roleList[i].user_name
+          }   
+        }
+        return user_name
+      },
+
+      getTime(val) {
+         if(val < 0){
+           return ""
+         }
+         if(val == ""){
+          return ""
+         }else {
+          return uParseTime(val, '{y}-{m}-{d} {h}:{i}:{s}')
+         }
+      },
+     
+      getBeforLogList(){
+        var params = {
+             record_date:this.record_date,
+             patient_id: this.patient_id,
+             limit:this.limit,
+             page:this.page,
+           }
+         
+       getBeforLogList(params).then(response=>{
+         if(response.data.state == 1){
+          this.beforLogList =  response.data.data.beforLogList
+          this.total= response.data.data.total
+          this.patients = response.data.data.patients
+          this.roleList = response.data.data.role
+         }
+       }) 
+      },
+      getDocLogLogList(){
+        var params = {
+             record_date:this.record_date,
+             patient_id: this.patient_id,
+             limit:this.limit,
+             page:this.page,
+           }
+        getDocLogLogList(params).then(response=>{
+           if(response.data.state == 1){
+             this.adviceLogList =  response.data.data.adviceLogList
+             this.total= response.data.data.total
+            this.patients = response.data.data.patients
+            this.roleList = response.data.data.role
+           }
+        })
+      },
+      getMonitorLogList(){
+        var params = {
+             record_date:this.record_date,
+             patient_id: this.patient_id,
+             limit:this.limit,
+             page:this.page,
+           }
+        getMonitorLogList(params).then(response=>{
+          if(response.data.state== 1){
+            this.monitorLogList =  response.data.data.monitorLogList
+             this.total= response.data.data.total
+            this.patients = response.data.data.patients
+            this.roleList = response.data.data.role
+          }
+        })
+      },
+
+      getAferLogList(){
+         var params = {
+             record_date:this.record_date,
+             patient_id: this.patient_id,
+             limit:this.limit,
+             page:this.page,
+           }
+        getAferLogList(params).then(response=>{
+           if(response.data.state == 1){
+            this.afterLogList =  response.data.data.afterLogList
+             this.total= response.data.data.total
+            this.patients = response.data.data.patients
+            this.roleList = response.data.data.role
+           }
+        })
+      }
+      
+    },
+    created(){
+
+      this.record_date = moment(new Date()).add('year',0).format("YYYY-MM-DD")
+      this.getPrescriptionLogList()
+      
+      
+    },
+  }
+</script>