elizebeth/src/xt_pages/dialysis/details/dialog/computer_dialog.vue

<template>
  <div>
    <el-dialog title="透析上机" class="newDialog" :visible.sync="visible" width="854px" :modal-append-to-body="false">
      <div class="warnTxt" v-if="showTxt != ''">{{ showTxt }}</div>
      <el-form :model="form" label-width="100px">

        <el-form-item label="班次" v-if="isShowFiled('班次')">
          <el-select v-model="schedual_type" placeholder="请选择班次" @change="changeSchedualType">
            <el-option v-for="(item, index) in schedules_type" :key="index" :value="item.id"
                       :label="item.name"></el-option>
          </el-select>
        </el-form-item>

        <el-form-item label="上机床位"  v-if="isShowFiled('上机床位')">
          <el-select v-model="form.bed_id" placeholder="请选择上机床位">
            <el-option v-for="(bed, index) in zone_beds" :key="index" :value="bed.id" :label="bed.number"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="上机护士"  v-if="isShowFiled('上机护士')">
          <el-select v-model="form.nurse_id" placeholder="请选择上机护士">
            <el-option v-for="(admin, index) in admins" :key="index" :value="admin.id" :label="admin.name"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="穿刺者"  v-if="isShowFiled('穿刺者')">
          <el-select v-model="form.puncture_nurse_id" placeholder="请选择穿刺护士">
            <el-option v-for="(admin, index) in adminRoles" :key="index" :value="admin.id" :label="admin.name"></el-option>
          </el-select>
        </el-form-item>

        <el-form-item label="换药护士"  v-if="isShowFiled('换药护士')">
          <el-select v-model="form.change_nurse" placeholder="换药护士">
            <el-option v-for="(admin, index) in adminRoles" :key="index" :value="admin.id" :label="admin.name"></el-option>
          </el-select>
        </el-form-item>

        <el-form-item label="冲管护士"  v-if="isShowFiled('冲管护士')">
          <el-select v-model="form.washpipe_nurse" placeholder="请选择冲管护士">
            <el-option v-for="(admin, index) in admins" :key="index" :value="admin.id" :label="admin.name"></el-option>
          </el-select>
        </el-form-item>


         <el-form-item label="疑难穿刺护士"  v-if="isShowFiled('疑难穿刺护士')">
          <el-select v-model="form.difficult_puncture_nurse" placeholder="请选择疑难穿刺护士">
            <el-option v-for="(admin, index) in adminRoles" :key="index" :value="admin.id" :label="admin.name"></el-option>
          </el-select>
        </el-form-item>

        <el-form-item label="新开瘘护士"  v-if="isShowFiled('新开瘘护士')">
            <el-select v-model="form.new_fistula_nurse" placeholder="请选择新开瘘护士">
              <el-option v-for="(admin, index) in adminRoles" :key="index" :value="admin.id" :label="admin.name"></el-option>
            </el-select>
        </el-form-item>


        <el-form-item label="引血(ml/min)" v-if="isShowFiled('引血')">
          <el-input type="number" v-model="form.blood_drawing" style="width:200px;"></el-input>
        </el-form-item>

        <el-form-item label="上机时间 :" style="width:300px"  v-if="isShowFiled('上机时间')">
          <el-date-picker
            type="datetime"
            format="yyyy-MM-dd HH:mm"
            value-format="yyyy-MM-dd HH:mm"
            placeholder="选择时间"
            v-model="form.start_time"
            style="width:100%;"
          ></el-date-picker>
        </el-form-item>
        <el-form-item>
          <el-button v-if="dialysis_order.id == 0" @click="submit" type="primary" :loading="loading">执行上机</el-button>
          <el-button v-else type="info" :disabled="true">已上机</el-button>
          <el-button
            v-if="dialysis_order.id > 0"
            type="primary" @click="editOrder">修改上机
          </el-button>

        </el-form-item>
      </el-form>
    </el-dialog>
  </div>

</template>

<script>
  import axios from 'axios'
  import { GetSchedualNumber, PostModifyStartDialysis, startDialysis } from '@/api/dialysis_record'
  import { parseTime } from '@/utils'
  import store from '@/store'

  import request from '@/utils/request'

  export default {
    name: 'ComputerDialog',
    data() {
      return {
        showTxt:'',
        hasPermission:true,
        zone_beds: [],
        visible: false,
        loading: false,
        template_id: 0,
        patient_id: 0,
        schedule_date: 0,
        start_time: 0,
        creator: 0,
        form: {
          washpipe_nurse:'',
          bed_id: '',
          nurse_id: '',
          start_time: '',
          puncture_nurse_id: '',
          blood_drawing: 100,
          change_nurse:"",
          difficult_puncture_nurse:"",
          new_fistula_nurse:"",
        },
        schedual_type: 0,
        schedules_type: [
          { id: 1, name: '上午' },
          { id: 2, name: '下午' },
          { id: 3, name: '晚上' }
        ], // 该排班的区里的床位
        isPremission: false,
        adminRoles:[{id:0,name:"请选择"}],
        org_id:0
      }
    },
    props: {
      dialysis_order: {
        type: Object
      },
      schedule: {
        type: Object
      },
      admins: {
        type: Array
      },
      device_numbers: {
        type: Array
      },
      special_premission: {
        type: Array
      },
      patient:{
        type: Object
      }
    }, mounted() {

    },
    created() {

      this.template_id = this.$store.getters.xt_user.template_info.template_id
      this.org_id = this.$store.getters.xt_user.template_info.org_id
      this.patient_id = this.$route.query.patient_id
      this.schedule_date = this.$route.query.date
      this.form.nurse_id = this.dialysis_order.id == 0 ? this.$store.getters.xt_user.user.id : this.dialysis_order.start_nurse
      this.form.puncture_nurse_id = this.dialysis_order.id == 0 ? this.$store.getters.xt_user.user.id : this.dialysis_order.puncture_nurse
      this.form.washpipe_nurse = this.dialysis_order.id == 0 ? this.$store.getters.xt_user.user.id : this.dialysis_order.washpipe_nurse


      if (this.form.puncture_nurse_id == 0) {
        this.form.puncture_nurse_id = this.$store.getters.xt_user.user.id
      }


    },
    watch: {
      patient:{
        handler(newVal){
          this.patient_id = newVal.id
        },
        deep:true
      },
      'schedule.id': function() {
      },
      'dialysis_order.id': function() {

        this.form.nurse_id = this.dialysis_order.id == 0 ? this.$store.getters.xt_user.user.id : this.dialysis_order.start_nurse
        this.form.puncture_nurse_id = this.dialysis_order.id == 0 ? this.$store.getters.xt_user.user.id : this.dialysis_order.puncture_nurse
        this.form.washpipe_nurse = this.dialysis_order.id == 0 ? this.$store.getters.xt_user.user.id : this.dialysis_order.washpipe_nurse
        this.form.change_nurse = this.dialysis_order.id == 0 ? this.$store.getters.xt_user.user.id : this.dialysis_order.change_nurse
        this.form.difficult_puncture_nurse = this.dialysis_order.id == 0 ? this.$store.getters.xt_user.user.id:this.dialysis_order.difficult_puncture_nurse
        this.form.new_fistula_nurse = this.dialysis_order.id ==0?this.$store.getters.xt_user.user.id:this.dialysis_order.new_fistula_nurse
        var nowDate = new Date()
        var nowYear = nowDate.getFullYear()
        var nowMonth = nowDate.getMonth() + 1
        var nowDay = nowDate.getDate()
        var nowHours = nowDate.getHours()
        var nowMinutes = nowDate.getMinutes()
        var nowSeconds = nowDate.getSeconds()
        var time =
          nowYear +
          '-' +
          (nowMonth < 10 ? '0' + nowMonth : nowMonth) +
          '-' +
          (nowDay < 10 ? '0' + nowDay : nowDay) + ' ' + (nowHours < 10 ? '0' + nowHours : nowHours) + ':' + (nowMinutes < 10 ? '0' + nowMinutes : nowMinutes)
        this.form.start_time = this.dialysis_order.id == 0 ? time : this.getTime(this.dialysis_order.start_time, '{y}-{m}-{d} {h}:{i}')

      },
      admins:function(){
        console.log("admins",this.admins)
        if(this.admins.length > 0 ){
          for(let i=0;i<this.admins.length;i++){
            this.adminRoles.push(this.admins[i])
          }
        }
        console.log("人员",this.adminRoles)
      }
    },
    computed: {},
    methods: {
      isShowFiled(name) {
        var filedList = store.getters.xt_user.fileds
        for (let i = 0; i < filedList.length; i++) {
          if (filedList[i].module == 7 && filedList[i].filed_name_cn == name && filedList[i].is_show == 1) {
            return true
          }
        }
        return false
      },
      changeSchedualType: function(schedual_type) {
        let ParamsQuery = {}
        ParamsQuery['schedual_type'] = schedual_type
        ParamsQuery['record_date'] = this.$route.query.date
        GetSchedualNumber(ParamsQuery).then(response => {
          if (response.data.state == 0) {
            return false
          } else {
            this.temp_device_numbers = response.data.data.number
            for (let index = 0; index < this.temp_device_numbers.length; index++) {
              const device_number = this.temp_device_numbers[index]
              this.temp_device_numbers[index]['number'] = device_number['zone_name'] + '-' + device_number['number']
            }
            this.zone_beds = this.temp_device_numbers
            this.form.bed_id = this.zone_beds[0].id

          }
        })

      },
      GetSchedualNumber: function() {
        let ParamsQuery = {}
        ParamsQuery['schedual_type'] = this.schedual_type
        ParamsQuery['record_date'] = this.$route.query.date
        console.log("列表33333333333333333333",ParamsQuery)
        // console.log("路由",this.$route.query.date)

        GetSchedualNumber(ParamsQuery).then(response => {
          if (response.data.state == 0) {
            this.$message.error(response.data.msg)
            return false
          } else {
            this.temp_device_numbers = response.data.data.number
            for (let index = 0; index < this.temp_device_numbers.length; index++) {
              const device_number = this.temp_device_numbers[index]
              this.temp_device_numbers[index]['number'] = device_number['zone_name'] + '-' + device_number['number']
            }
            this.zone_beds = this.temp_device_numbers

            this.form.bed_id = this.dialysis_order.id == 0 ? this.schedule.bed_id : this.dialysis_order.bed_id
            if (this.dialysis_order.id == 0) {
              let isFilter = true
              for (let i = 0; i < this.zone_beds.length; i++) {
                if (this.zone_beds[i].id == this.schedule.bed_id) {
                  isFilter = false

                }
              }
              if (isFilter) {
                this.form.bed_id = this.zone_beds[0].id
              }
            } else {
              for (let i = 0; i < this.device_numbers.length; i++) {
                if (this.device_numbers[i].id == this.dialysis_order.bed_id) {
                  let obj = {}
                  obj = this.device_numbers[i]
                  if (obj['number'].indexOf(this.device_numbers[i]['zone_name']) == -1) {
                    obj['number'] = this.device_numbers[i]['zone_name'] + '-' + this.device_numbers[i]['number']
                  }
                  this.zone_beds.unshift(obj)
                  this.zone_beds.sort((a, b) => a.id - b.id)
                }
              }
            }
          }
        })
      },
      getTime(value, temp) {
        if (value != undefined) {
          return parseTime(value, temp)
        }
        return ''
      },
      show: function(dialysis) {
        this.record = dialysis
        console.log("上机",dialysis)
        this.getPermission()
        this.visible = true

        var nowDate = new Date()
        var nowYear = nowDate.getFullYear()
        var nowMonth = nowDate.getMonth() + 1
        var nowDay = nowDate.getDate()
        var nowHours = nowDate.getHours()
        var nowMinutes = nowDate.getMinutes()
        var nowSeconds = nowDate.getSeconds()

        if (this.dialysis_order.id != 0) {
          this.form.start_time = this.getTime(this.dialysis_order.start_time, '{y}-{m}-{d} {h}:{i}')
        } else {
          this.form.start_time =
            nowYear +
            '-' +
            (nowMonth < 10 ? '0' + nowMonth : nowMonth) +
            '-' +
            (nowDay < 10 ? '0' + nowDay : nowDay) + ' ' + (nowHours < 10 ? '0' + nowHours : nowHours) + ':' + (nowMinutes < 10 ? '0' + nowMinutes : nowMinutes)
        }

        if (this.dialysis_order.id == 0) {
          let now = new Date()
          let hour = now.getHours()
          if (hour >= 6 && hour < 12) {
            this.schedual_type = 1

          } else if (hour >= 12 && hour < 18) {

            this.schedual_type = 2

          } else if (hour >= 18) {
            this.schedual_type = 3
          }
        } else {

          this.schedual_type = this.dialysis_order.schedual_type
        }


        if (this.dialysis_order.id > 0) {
          if (this.dialysis_order.creator == 0) {
            this.creator = this.dialysis_order.start_nurse
          } else {
            this.creator = this.dialysis_order.creator
          }
        }

        this.GetSchedualNumber()
      },
      hide: function() {
        this.visible = false
      },
      submit: function() {
        if (this.form.start_time == '' || this.form.start_time == null) {
          this.$message.error('开始时间不能为空')
          return
        }
        console.log(this.dialysis_order)
        this.loading = true
        let mode = '1'
        var blood_drawing =  this.form.blood_drawing.toString()
        startDialysis(this.patient_id, this.schedule_date ? parseTime(this.schedule_date, '{y}-{m}-{d}') : parseTime(new Date(), '{y}-{m}-{d}'), this.form.nurse_id, this.form.bed_id, this.form.lood_drawing, this.form.puncture_nurse_id, this.form.start_time, this.schedual_type, mode,this.form.washpipe_nurse,this.form.change_nurse,this.form.difficult_puncture_nurse,this.form.new_fistula_nurse,blood_drawing).then(rs => {
          this.loading = false
          var resp = rs.data
          if (resp.state == 1) {
            var resp_dialysis_order = resp.data.dialysis_order
            var this_order = this.dialysis_order
            for (const key in resp_dialysis_order) {
              this.$set(this_order, key, resp_dialysis_order[key])
            }
            let orgId = parseInt(sessionStorage.getItem("org_id"));
            // axios.get('/api/index/uppatient?org_id='+ orgId + '&admin_user_id='+ this.form.nurse_id + '&patient_id=' + this.patient_id + '&up_time=' + (new Date(this.form.start_time).getTime() / 1000)).then((res) => {
            //   console.log('res',res.data)

            // })
            this.hide()
            this.$emit('monitor', resp.data.monitor)
            this.$message.success('上机成功')
          } else {
            this.$message.error(resp.msg)
          }
        })
      },
      editOrder() {
        let ParamsQuery = {}
        ParamsQuery['schedual_type'] = this.schedual_type
        ParamsQuery['id'] = this.dialysis_order.id
        ParamsQuery['nurse'] = this.form.nurse_id
        ParamsQuery['bed'] = this.form.bed_id
        ParamsQuery['start_time'] = this.form.start_time
        ParamsQuery['puncture_nurse'] = this.form.puncture_nurse_id
        ParamsQuery['washpipe_nurse'] = this.form.washpipe_nurse
        ParamsQuery['change_nurse'] = this.form.change_nurse
        ParamsQuery['difficult_puncture_nurse'] = this.form.difficult_puncture_nurse
        ParamsQuery['new_fistula_nurse'] = this.form.new_fistula_nurse
        ParamsQuery["blood_drawing"] = this.form.blood_drawing
        ParamsQuery['mode'] = "2"
        if (this.dialysis_order.creator != this.$store.getters.xt_user.user.id) {
          ParamsQuery['mode'] = "3"
        }
        PostModifyStartDialysis(ParamsQuery).then(rs => {
          var resp = rs.data
          if (resp.state == 1) {
            this.$message.success('修改成功')

            var resp_dialysis_order = resp.data.dialysis_order
            var this_order = this.dialysis_order
            for (const key in resp_dialysis_order) {
              this.$set(this_order, key, resp_dialysis_order[key])
              this.$emit('assessmentAfterDislysis', resp.data.after)

            }

          } else {
            this.$message.error(resp.msg)
          }
        })
      },
      getPermission(){
        request.get("/api/func_per/get",{
          params:{
            create_url:"/api/dialysis/start_record?mode=1",
            modify_url:"/api/start_dialysis/modify?mode=2",
            modify_other_url:"/api/start_dialysis/modify?mode=3",
            module:0
          }
        }).then(res => {
          console.log(res)
          console.log("上机",this.record)
          if(res.data.state == 0){
            this.hasPermission = false
          }else if(res.data.state == 1){
            if(this.record.id != "" && this.record.creater != 0){//有数据
              if(this.record.creater == this.$store.getters.xt_user.user.id){//创建人是自己
                if(res.data.data.is_has_modify == false){
                  this.hasPermission = false
                  this.showTxt = "你没有修改执行上机权限"
                }
              }else{//创建人不是自己
                if(res.data.data.is_has_modify_other == false){
                  this.hasPermission = false
                  this.showTxt = "你没有修改他人执行上机权限"
                }
              }
            }else if(this.record.id == "" || this.record.creater == 0){
              if(res.data.data.is_has_create  == false){
                this.hasPermission = false
                this.showTxt = "你没有执行上机权限"
              }
            }
          }
        })
      }

    }
  }
</script>

<style scoped>
  .txsj {
    text-align: center;
    margin-bottom: 20px;
  }
.warnTxt{
  text-align: center;
  margin: 0 auto;
  background: #faa331;
  max-width: 240px;
  padding: 10px 20px;
  border-radius: 4px;
  margin-bottom: 10px;
  color:#fff;
}
</style>
<style lang="scss">
.newDialog{
  .el-dialog__body{
    padding: 10px 20px 30px;
  }
}
</style>