elizebeth/src/xt_pages/outpatientDoctorStation/components/dialysishistory.vue

<template>
  <div>
    <div style="margin-top:90px ;">

      <el-table
        id="oictable"
        :header-cell-style="{
          backgroundColor: 'rgb(245, 247, 250)',
          color: '#606266'
        }"
        :row-style="{ color: '#303133' }"
        :data="recordData"
        border
        style="width: 100%"
        @row-click="rowclick"
        @current-change="clickCurrent"
      >
        <el-table-column
          prop="dialysis_date"
          label="透析日期"
          align="center"
          width="110"
          fixed
        >
          <template slot-scope="scope"
            ><span style="color: #579ef8">{{
              scope.row.dialysis_date | parseTime("{y}-{m}-{d}")
            }}</span></template
          >
        </el-table-column>
        <el-table-column
          prop="schedule_type"
          label="班次"
          align="center"
          width="80"
        >
          <template slot-scope="scope"
            ><span>{{
              scheduleType(scope.row.schedule_type)
            }}</span></template
          >
        </el-table-column>
        <el-table-column
          prop="partition"
          width="100"
          align="center"
          label="分区 - 机号"
        >
          <template slot-scope="scope"
            ><span
              >{{ scope.row.partition_name }}-{{
                scope.row.device.number
              }}</span
            ></template
          >
        </el-table-column>
        <el-table-column
          prop="mode"
          width="90"
          align="center"
          label="透析模式"
        >
          <template slot-scope="scope">{{
            modeName(scope.row.prescription.mode_id)
          }}</template>
        </el-table-column>
        <el-table-column
          prop="prescription.dialysis_duration"
          width="100"
          align="center"
          label="透析时长(h)"
        >
          <template slot-scope="scope">
            <span>{{getTime(scope.row.assessment_after_dislysis)}}</span>
          </template>
        </el-table-column>

        <el-table-column  width="96" align="center" label="透析器/灌流器">
            <template slot-scope="scope">
                {{ scope.row.prescription.dialyzer_perfusion_apparatus }}
                {{ scope.row.prescription.dialysis_dialyszers }}
            <span v-if="scope.row.prescription.dialysis_irrigation!=''">/{{ scope.row.prescription.dialysis_irrigation }}</span>
            </template>
        </el-table-column>

        <el-table-column
          prop="predialysis_evaluation.dry_weight"
          width="96"
          align="center"
          label="干体重(kg)"
        >
        </el-table-column>
        <el-table-column
          prop="predialysis_evaluation.weight_before"
          width="110"
          align="center"
          label="透前称重(kg)"
        >
        </el-table-column>
        <el-table-column
          prop="assessment_after_dislysis.weight_after"
          width="110"
          align="center"
          label="透后称重(kg)"
        >
        </el-table-column>
        <el-table-column
          prop="predialysis_evaluation"
          width="140"
          align="center"
          label="透前血压(mmHg)"
        >
          <template slot-scope="scope"
            ><span
              >{{
                scope.row.predialysis_evaluation.systolic_blood_pressure
              }}/{{
                scope.row.predialysis_evaluation.diastolic_blood_pressure
              }}</span
            ></template
          >
        </el-table-column>
        <el-table-column
          prop="assessment_after_dislysis"
          width="140"
          align="center"
          label="透后血压(mmHg)"
        >
          <template slot-scope="scope"
            ><span
              >{{
                scope.row.assessment_after_dislysis.systolic_blood_pressure
              }}/{{
                scope.row.assessment_after_dislysis.diastolic_blood_pressure
              }}</span
            ></template
          >
        </el-table-column>
        <el-table-column
          prop="assessment_after_dislysis"
          width="140"
          align="center"
          label="目标超滤量"
        >
          <template slot-scope="scope"
            ><span
              >{{
                scope.row.prescription.target_ultrafiltration
              }}</span
            ></template
          >
        </el-table-column>
        <el-table-column
          prop="assessment_after_dislysis"
          width="140"
          align="center"
          label="实际超滤量"
        >
          <template slot-scope="scope"
            ><span
              >{{
                scope.row.assessment_after_dislysis.actual_ultrafiltration
              }}</span
            ></template
          >
        </el-table-column>

        <el-table-column
          prop="type"
          width="200"
          align="center"
          label="抗凝剂种类 首剂/维持/总量"
        >
          <template slot-scope="scope">
            <span>{{ setAnticoagulantsConfit(scope.row.prescription) }}</span>
          </template>
        </el-table-column>
        <el-table-column
          prop="nurse"
          width="90"
          align="center"
          label="治疗护士"
        >
          <template slot-scope="scope"
            ><span>{{
            scope.row.role.user_name
            }}</span></template
          >
        </el-table-column>
        <el-table-column
          prop="doctor"
          width="90"
          align="center"
          label="治疗医生"
        >
          <template slot-scope="scope"
            ><span>{{
              scope.row.prescription.role.user_name
            }}</span></template
          >
        </el-table-column>
      </el-table>
      <el-pagination
        align="right"
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="queryParams.page"
        :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>
     <!-- 透析记录弹窗 -->
     <div>
      <el-drawer
        title="我是标题"
        :visible.sync="drawer"
        :with-header="false"
        :modal-append-to-body="false"
        size="70%"
        >
        <div>
          <!-- <div style="margin-left:60px;color:#34495e">
            <span>{{ patient.name }}({{ patient.dialysis_no }})</span>
            <span v-if="newTime != ''">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
            <span v-if="newTime != ''">签到时间：{{ newTime }}</span>
          </div> -->


          <dialysisIndextwo :record_date="dialysis_date" :patientid='patient_id' :dialysisShow="dialysisShow" :dialysis_date="dialysis_date"></dialysisIndextwo>
        </div>

      </el-drawer>
    </div>
  </div>
</template>

<script>
import { getPatientDialysisRecords } from "@/api/patient";
import dialysisIndextwo from './dialysisIndextwo'
import { parseTime } from '@/utils'
export default{
  props:{
    // history_id:Number
    patientid:Number
  },
  components:{
    dialysisIndextwo
  },
  data(){
    return{
      orgname: "",
      currentPatient: {},
      patientID: 0,
      total: 0,
      queryParams: {
        // date: "",
        mode_id: "",
        start_time: "",
        end_time: "",
        page: 1,
        patient_id: 0,
        limit: 10
      },
      recordData: [],
      dateOptions: [
        { value: "0", label: "本月" },
        { value: "1", label: "本年" }
      ],
      modeOptions: [],
      anticoagulantsConfit: [],
      blood_filters: [],
      perfusion_apparatus: [],
      hemodialysis_machines: [],
      doctorOptions: [],
      nurseOptions: [],
      vascularAccess: [],
      vascularAccessDesc: [],
      drawer:false,

      patient_id:'',
      dialysis_date:0,
      dialysisShow:false,

      newTime:'',
    }
  },
  methods:{
    changeSearch(){

    },
    exportList(){

    },
    printThisInfo(){

    },
    rowclick(event){
      this.patient_id = event.patient_id
      this.dialysis_date = parseTime(event.dialysis_date, '{y}-{m}-{d}')
      this.drawer =true
      this.dialysisShow =true
    },
    clickCurrent(){

    },
    getPatientDialysisRecords() {
      console.log("prams",this.queryParams)
      getPatientDialysisRecords(this.queryParams).then(response => {
        if (response.data.state == 1) {
          this.total = response.data.data.total;
          this.recordData = response.data.data.records;
          console.log("郭23232323232232323",this.recordData)
        }
      });
    },
    handleSizeChange(val) {
      this.queryParams.limit = val;
      this.getPatientDialysisRecords();
    },
    handleCurrentChange(val) {
      this.queryParams.page = val;
      this.getPatientDialysisRecords();
    },
    scheduleType(schedule_type) {
      var typeName = "未知";
      switch (schedule_type) {
        case 1:
          typeName = "上午";
          break;
        case 2:
          typeName = "下午";
          break;
        case 3:
          typeName = "晚上";
          break;
        default:
          break;
      }
      return typeName;
    },
    modeName(mode_id) {
      return typeof this.modeOptions[mode_id] !== "undefined" &&
        typeof this.modeOptions[mode_id].name !== "undefined"
        ? this.modeOptions[mode_id].name
        : "";
    },
    getTime(record){
      if(record != null&&record.id > 0) {
        let actual_treatment_hour = 0
        let actual_treatment_minute = 0
        actual_treatment_hour = parseFloat(record.actual_treatment_hour)
        actual_treatment_minute = parseFloat(record.actual_treatment_minute) / 60
        return (actual_treatment_hour + actual_treatment_minute).toFixed(2)
      }
    },
    setAnticoagulantsConfit(prescription) {
      if (
        typeof this.anticoagulantsConfit[prescription.anticoagulant] ===
        "undefined"
      ) {
        return "";
      } else {
        if (this.anticoagulantsConfit[prescription.anticoagulant].shouji != 1) {
          return this.anticoagulantsConfit[prescription.anticoagulant].name;
        } else {
          return (
            this.anticoagulantsConfit[prescription.anticoagulant].name +
            "/" +
            prescription.anticoagulant_shouji +
            "/" +
            prescription.anticoagulant_weichi +
            "/" +
            prescription.anticoagulant_zongliang
          );
        }
      }
    },
  },
  created(){
    this.modeOptions = this.$store.getters.treatment_mode;
    this.queryParams.patient_id = this.patientid
    this.getPatientDialysisRecords()

  },

}
</script>