xt_vue/src/xt_pages/dialysis/details/dialog/DoctorAdviceDialog.vue

<template>
  <div class="doctor-advice-box">
    <el-dialog
      :title="title"
      :visible.sync="isVisibility"
      width="1010px"
      @close="resetDialog"
      :modal-append-to-body="false"
    >
      <div class="txsj" v-show="showAdvicePanel">
        <el-button  round @click="openGroupFrom" :loading="deleLoading">新增医嘱</el-button>

        <el-button v-if="currentRow != null" round @click="execAdvice" :loading="deleLoading">执行医嘱</el-button>
        <el-button v-else disabled round @click="execAdvice" :loading="deleLoading">执行医嘱</el-button>

        <el-button v-if="currentRow != null" round @click="checkAdvice" :loading="deleLoading">医嘱核对</el-button>
        <el-button v-else disabled round @click="checkAdvice" :loading="deleLoading">医嘱核对</el-button>

        <el-button v-if="groupSelectRow != null" round @click="openEditGroupAdvice" :loading="deleLoading">修改医嘱</el-button>
        <el-button v-else disabled round @click="openEditGroupAdvice" :loading="deleLoading">修改医嘱</el-button>


        <el-button  v-if="groupSelectRow != null"   round @click="openDeleteGroupAdvice" :loading="deleLoading">删除医嘱</el-button>
        <el-button v-else disabled round @click="openDeleteGroupAdvice" :loading="deleLoading">删除医嘱</el-button>

        <!--<el-button round @click="openNewChild" :loading="deleLoading">新增子药</el-button>-->
      </div>
      <!-- 医嘱列表 -->
      <!--&lt;!&ndash;:header-cell-style="{ backgroundColor: 'rgb(64, 158, 255)', color: 'white'}"&ndash;&gt;@current-change="selectRow"-->
      <el-table :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}" :data="doctor_advices" border style="width: 100%" v-show="showAdvicePanel"
                ref="advices_list" :row-class-name="tableRowClassName" :span-method="mergeSpan"
                @row-click="cellMouseEnter" :cell-class-name="adviceNameShow" :modal-append-to-body="false"
      >
        <el-table-column prop="date" label="开嘱医生" align="center" min-width="26px">
          <template slot-scope="scope">
            <span v-if="isShowStartTime(scope.$index, scope.row)">{{getXuserName(scope.row.advice_doctor)}}</span>
          </template>
        </el-table-column>
        <el-table-column prop="start_time" label="开始时间" align="center" min-width="35px">
          <template slot-scope="scope">
            <span v-if="isShowStartTime(scope.$index, scope.row)">{{scope.row.start_time | parseTime("{y}-{m}-{d} {h}:{i}")}}</span>
          </template>

        </el-table-column>
        <el-table-column prop="advice_name" min-width="50px" label="医嘱内容" align="center">
          <template slot-scope="scope">

            <el-dropdown trigger="click" v-if="scope.row.parent_id == 0">
              <span class="el-dropdown-link">{{getAdviceContent(scope.row,1)}}<i class="el-icon-arrow-down el-icon--right"></i></span>
              <el-dropdown-menu slot="dropdown">
                <el-dropdown-item @click.native="openEdit(scope.$index, scope.row)">修改医嘱</el-dropdown-item>
                <el-dropdown-item @click.native="openDelete(scope.$index, scope.row)">删除医嘱</el-dropdown-item>
                <el-dropdown-item @click.native="openNewChildTwo(scope.$index, scope.row)">新增子药</el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>

            <el-dropdown trigger="click" v-if="scope.row.parent_id > 0">
              <span class="el-dropdown-link">&emsp;{{getAdviceContent(scope.row,2)}}<i class="el-icon-arrow-down el-icon--right"></i></span>
              <el-dropdown-menu slot="dropdown">
                <el-dropdown-item
                  @click.native="openEdit(scope.$index, scope.row)">修改子药
                </el-dropdown-item>
                <el-dropdown-item
                  @click.native="openDelete(scope.$index, scope.row)">删除子药
                </el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
          </template>
        </el-table-column>
        <el-table-column prop="execution_time" align="center" min-width="30px" label="执行时间">
          <template slot-scope="scope">
            <span v-if="scope.row.execution_time!=0">{{scope.row.start_time | parseTime("{y}-{m}-{d} {h}:{i}")}}</span>
            <span v-else></span>
          </template>
        </el-table-column>
        <el-table-column prop="execution_staff" align="center" min-width="30px" label="执行护士">
          <template slot-scope="scope">
            <span v-if="scope.row.parent_id==0">{{getXuserName(scope.row.execution_staff)}}</span>
            <span v-else></span>
          </template>
        </el-table-column>
        <el-table-column prop="checker" min-width="30px" align="center" label="核对人员">
          <template slot-scope="scope">
            <span v-if="scope.row.parent_id==0">{{getXuserName(scope.row.checker)}}</span>
            <span v-else></span>
          </template>
        </el-table-column>

      </el-table>
      <!-- 医嘱列表 end -->

      <!-- 医嘱表单 -->
      <el-form ref="form" :model="form" label-width="100px" v-show="showAdviceForm">
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="医嘱类型：">
              <el-input value="临时" disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="医嘱时间：">
              <el-input v-model="form.advice_date" readonly></el-input>
              <!-- <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker> -->
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="开始时间：">
              <el-date-picker format="yyyy-MM-dd HH:mm" value-format="yyyy-MM-dd HH:mm" type="datetime"
                              placeholder="选择日期" v-model="form.start_time" style="width: 100%;"></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="医嘱名称：">
              <el-input v-model="form.advice_name"></el-input>

            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="给药途径：">
              <el-select v-model="form.delivery_way" :disabled="form.parent_id==0?false:true" filterable
                         placeholder="请选择(输入可搜索)">
                <el-option v-for="item in deliveryWayOptions" :key="item.id" :label="item.name " :value="item.name">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="执行频率：">
              <el-select v-model="form.execution_frequency" :disabled="form.parent_id==0?false:true" filterable
                         placeholder="请选择(输入可搜索)">
                <el-option v-for="item in executionFrequencyOptions" :key="item.id" :label="item.name "
                           :value="item.name">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="药品规格：">
              <el-input v-model="form.advice_desc" style="width: 40%;"></el-input>
              <el-select v-model="form.drug_spec_unit" style="width: 56%;" filterable placeholder="选择">
                <el-option v-for="item in unitsOption" :key="item.id" :label="item.name " :value="item.name">
                </el-option>
              </el-select>
            </el-form-item>
            <!-- <el-form-item label="医嘱内容：">
                <el-input v-model="form.advice_desc"></el-input>
            </el-form-item> -->
          </el-col>
          <el-col :span="8">
            <el-form-item label="单次用量：">
              <el-input v-model="form.single_dose" style="width: 40%;"></el-input>
              <el-select v-model="form.single_dose_unit" style="width: 56%;" filterable placeholder="选择">
                <el-option v-for="item in unitsOption" :key="item.id" :label="item.name " :value="item.name">
                </el-option>
              </el-select>

              <!-- <el-input v-model="form.single_dose_unit" style="width: 40%;"></el-input> -->
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="开药数量：">
              <el-input v-model="form.prescribing_number" style="width: 40%;"></el-input>
              <el-select v-model="form.prescribing_number_unit" style="width: 56%;" filterable placeholder="选择">
                <el-option v-for="item in unitsOption" :key="item.id" :label="item.name " :value="item.name">
                </el-option>
              </el-select>
              <!-- <el-input v-model="form.prescribing_number_unit" style="width: 40%;"></el-input> -->
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer" v-show="showAdviceForm">
        <el-button @click="hideForm">取 消</el-button>
        <el-button type="primary" v-if="form.id==0" @click="submitAdvice" :loading="loading">保 存</el-button>
        <el-button type="primary" v-else @click="submitEditAdvice" :loading="loading">保 存</el-button>
      </div>
      <!-- 医嘱表单 end -->


    </el-dialog>
    <el-dialog
      title="选择执行时间"
      :visible.sync="execTimeDialogVisible"
      width="400px"
      @close="closeTimePanel"
      :show-close="isClose"
      :close-on-click-modal="isClose"
      :close-on-press-escape="isClose"
      :modal-append-to-body="false"
      >
      <el-date-picker
        v-model="execTime"
        format="yyyy-MM-dd HH:mm:00"
        value-format="yyyy-MM-dd HH:mm:00"
        type="datetime"
        placeholder="选择执行时间"
        style="width:100%"
      >
      </el-date-picker>
      <span slot="footer" class="dialog-footer">
                <el-button @click="closeTimePanel" :loading="exceLoading">取 消</el-button>
                <el-button type="primary" @click="submitExce" :loading="exceLoading">保 存</el-button>
            </span>
    </el-dialog>

    <add-group-advice :adviceTemplates="adviceTemplates" :executionFrequencyOptions="executionFrequencyOptions"
                      :unitsOption="unitsOption" :deliveryWayOptions="deliveryWayOptions"
                      :adviceTemplateMaps="adviceTemplateMaps" :patientID="patient.id" :adviceTableData="doctor_advices"
                      :recordDate="record_date" ref="addGroupForm"></add-group-advice>

    <edit-group-advice :adviceTemplates="adviceTemplates" :executionFrequencyOptions="executionFrequencyOptions"
                       :unitsOption="unitsOption" :deliveryWayOptions="deliveryWayOptions"
                       :adviceTemplateMaps="adviceTemplateMaps" :patientID="patient.id"
                       :adviceTableData="doctor_advices" :recordDate="record_date"
                       ref="editGroupForm" v-on:add-new-order="addNewOrder" :admin_users="admin_users"></edit-group-advice>
  </div>
</template>

<script>
  import AddGroupAdvice from './adviceDialog/AddGroupAdvice'
import EditGroupAdvice from './adviceDialog/EditGroupAdvice'
import { uParseTime } from '@/utils/tools'
import {
    CheckDoctorAdvice,
    CreateDoctorAdvice,
    CreateGroupAdvice,
    DeleteDoctorAdvice,
    DeleteGroupAdvice,
    EditDoctorAdvice,
    ExecDoctorAdvice,
    getAdviceConfig
  } from '@/api/advice'
import { getDataConfig } from '@/utils/data'

export default {
    name: 'DoctorAdviceDialog',
    props: {
      dialysis_order: {
        // 透析记录
        type: Object,
        default: () => {
          return { id: 0 }
        }
      },
      patient: {
        // 患者信息
        type: Object,
        default: () => {
          return { id: 0 }
        }
      },
      doctor_advices: {
        type: Array
      },
      admin_users: { // 系统用户列表
        type: Array,
        default: () => {
          return []
        }
      }
    },
    data() {
      return {
        tempArr: [],
        execTimeDialogVisible: false,
        currentBoxClass: 'current-box-class',
        isClose: false,
        isShow: false,
        loading: false,
        sameRowArr: [],
        hoverOrderArr: [],
        isVisibility: false,
        record_date: '',
        deleLoading: false,
        exceLoading: false,
        execTime: '',
        current_group_index: -1,
        title: '临时医嘱',
        showAdviceForm: false,
        showAdvicePanel: true,
        showNameForm: false,
        showGroupForm: false,
        showTemplateForm: false,
        current_template_id: -1,
        adviceTemplates: [],
        adviceTemplateMaps: {},
        deliveryWayOptions: [],
        executionFrequencyOptions: [],
        unitsOption: [],
        // admin_users: [],

        templateRules: {
          id: [{ required: true, message: '请选择医嘱模板' }]
        },
        nameRules: {
          advice_name: [{ required: true, message: '请填写医嘱内容' }]
        },
        form: {
          id: 0,
          advice_type: 2,
          advice_date: '',
          start_time: '',
          advice_name: '',
          advice_desc: '',
          single_dose: '',
          single_dose_unit: '',
          prescribing_number: '',
          prescribing_number_unit: '',
          delivery_way: '',
          execution_frequency: '',
          advice_doctor: '',
          remark: '',
          parent_id: 0
        },
        nameForm: {
          advice_name: '',
          single_dose: '',
          single_dose_unit: '',
          drug_spec: '',
          drug_spec_unit: '',
          prescribing_number: '',
          prescribing_number_unit: '',
          delivery_way: '',
          execution_frequency: '',
          isEdit: 0,
          index: 0
        },
        groupForm: {
          advice_type: 2,
          advice_date: '',
          start_time: '',
          adviceNames: [],
          advice_doctor: '',
          remark: '',
          parent_id: 0
        },
        adviceList: [],
        currentIndex: -1,
        currentRow: null,
        groupSelectRow: null,

        templateForm: { id: '' }
      }
  },
    watch: {
      'assessment_after_dislysis.id': function() {
        if (this.assessment_after_dislysis.id > 0) {
          for (var index in this.form) {
            this.form[index] = this.assessment_after_dislysis[index]
          }
        }
      },
      'dialysis_order.id': function() {
        this.form['dialysis_order_id'] = this.dialysis_order.id
      },
      'doctor_advices': function() {
        this.handleSpanTempArr()
        this.hoverOrderArr = []
        this.handleStyle()
      }

    },
    methods: {

      adviceNameShow({row, column, rowIndex, columnIndex}){
        if(columnIndex==2) {
          return 'dialysisadvicenamedisplay';
        }else {
          return '';
        }
      },
      submitEditAdvice() {
        if (this.form.advice_name.length == 0) {
          this.$message.error('请填写医嘱名称')
          return
        }
        if (this.form.start_time.length == 0) {
          this.$message.error('请选择开始时间')
          return
        }
        if (!(this.patient.id > 0)) {
          this.$message.error('没有选择患者')
          return false
        }
        EditDoctorAdvice(this.patient.id, this.form.id, this.form).then(response => {
          if (response.data.state == 0) {
            this.$message.error(response.data.msg)
            return false
          } else {
            this.$notify({
              title: '成功',
              message: '修改医嘱成功',
              type: 'success',
              duration: 2000
            })

            this.showAdviceForm = false
            this.showAdvicePanel = true
            var advice = response.data.data.advice
            this.doctor_advices[this.currentIndex].drug_spec = advice.drug_spec
            this.doctor_advices[this.currentIndex].drug_spec_unit = advice.drug_spec_unit
            this.doctor_advices[this.currentIndex].start_time = advice.start_time
            this.doctor_advices[this.currentIndex].advice_name = advice.advice_name
            this.doctor_advices[this.currentIndex].advice_desc = advice.advice_desc
            this.doctor_advices[this.currentIndex].single_dose = advice.single_dose
            this.doctor_advices[this.currentIndex].single_dose_unit = advice.single_dose_unit
            this.doctor_advices[this.currentIndex].delivery_way = advice.delivery_way
            this.doctor_advices[this.currentIndex].execution_frequency = advice.execution_frequency
            this.doctor_advices[this.currentIndex].prescribing_number = advice.prescribing_number
            this.doctor_advices[this.currentIndex].prescribing_number_unit = advice.prescribing_number_unit
            this.doctor_advices[this.currentIndex].advice_doctor = advice.advice_doctor
            this.doctor_advices[this.currentIndex].remark = advice.remark
            this.currentIndex = -1
            return false
          }
        })
      },

      submitGroupAdvice() {
        if (this.groupForm.start_time.length == 0) {
          this.$message.error('请选择开始时间')
          return
        }
        CreateGroupAdvice(this.patient.id, this.groupForm).then(response => {
          if (response.data.state == 0) {
            this.$message.error(response.data.msg)
            return false
          } else {
            this.$notify({
              title: '成功',
              message: '新增成功',
              type: 'success',
              duration: 2000
            })
            this.currentIndex = -1
            this.currentRow = null
            this.setCurrent()
            this.hideGroupForm()
            for (const index in response.data.data.advices) {
              this.doctor_advices.unshift(response.data.data.advices[index])
            }
            this.groupForm = {
              advice_type: 2,
              advice_date: '',
              start_time: '',
              adviceNames: [],
              advice_doctor: '',
              remark: '',
              parent_id: 0
            }
            return false
          }
        })
      },
      submitTempForm() {
        var _this = this
        if (this.templateForm.id.length == 0) {
          this.$message.error('请选择医嘱模板')
          return
        }
        if (_this.templateForm.id in _this.adviceTemplateMaps) {
          var mapid = _this.templateForm.id
          for (const index in _this.adviceTemplateMaps[mapid].DoctorAdviceTemplate) {
            var item = {
              advice_name: _this.adviceTemplateMaps[mapid].DoctorAdviceTemplate[index].advice_name,
              single_dose: _this.adviceTemplateMaps[mapid].DoctorAdviceTemplate[index].single_dose,
              single_dose_unit: _this.adviceTemplateMaps[mapid].DoctorAdviceTemplate[index].single_dose_unit,
              drug_spec: _this.adviceTemplateMaps[mapid].DoctorAdviceTemplate[index].drug_spec,
              drug_spec_unit: _this.adviceTemplateMaps[mapid].DoctorAdviceTemplate[index].drug_spec_unit,
              prescribing_number: _this.adviceTemplateMaps[mapid].DoctorAdviceTemplate[index].prescribing_number,
              prescribing_number_unit: _this.adviceTemplateMaps[mapid].DoctorAdviceTemplate[index].prescribing_number_unit,
              delivery_way: _this.adviceTemplateMaps[mapid].DoctorAdviceTemplate[index].delivery_way,
              execution_frequency: _this.adviceTemplateMaps[mapid].DoctorAdviceTemplate[index].execution_frequency,
              isEdit: 0,
              index: 0
            }
            _this.groupForm.adviceNames.push(item)
          }
        }
        this.title = '新增医嘱'
        this.showTemplateForm = false
        this.showGroupForm = true
      },
      openAdviceTemplate() {
        this.templateForm = { id: '' }
        this.title = '选择医嘱模板'
        this.showTemplateForm = true
        this.showGroupForm = false
      },
      submitNameForm() {
        if (this.nameForm.advice_name.length == 0) {
          this.$message.error('请填写医嘱名称')
          return
        }
        if (this.nameForm.isEdit) {
          this.groupForm.adviceNames[this.nameForm.index].advice_name = this.nameForm.advice_name
          this.groupForm.adviceNames[this.nameForm.index].single_dose = this.nameForm.single_dose
          this.groupForm.adviceNames[this.nameForm.index].single_dose_unit = this.nameForm.single_dose_unit
          this.groupForm.adviceNames[this.nameForm.index].drug_spec = this.nameForm.drug_spec
          this.groupForm.adviceNames[this.nameForm.index].drug_spec_unit = this.nameForm.drug_spec_unit
          this.groupForm.adviceNames[this.nameForm.index].prescribing_number = this.nameForm.prescribing_number
          this.groupForm.adviceNames[this.nameForm.index].prescribing_number_unit = this.nameForm.prescribing_number_unit
          this.groupForm.adviceNames[this.nameForm.index].delivery_way = this.nameForm.delivery_way
          this.groupForm.adviceNames[this.nameForm.index].execution_frequency = this.nameForm.execution_frequency
        } else {
          this.groupForm.adviceNames.push(this.nameForm)
        }

        this.title = '新增医嘱'
        this.showNameForm = false
        this.showGroupForm = true
      },
      groupClassName({ row, rowIndex }) {
        row.index = rowIndex
      },
      selectGroupAdvice(row) {
        this.groupSelectRow = row
      },
      openDeleteGroupAdvice() {
        if (this.groupSelectRow === null) {
          this.$message.error("未选择要删除的医嘱内容")
          return
        }
        this.DeleteGroupAdvice(this.groupSelectRow.groupno)

        // this.$confirm('确认删除些条医嘱内容?', '删除医嘱内容', {
        //   confirmButtonText: '确定',
        //   cancelButtonText: '取消',
        //   type: 'warning'
        // }).then(() => {
        //   this.groupForm.adviceNames.splice(this.groupSelectRow.index, 1);
        // }).catch(() => {
        // });
      },
      openAdviceName(isEdit) {
        if (isEdit) {
          if (this.groupSelectRow === null) {

            this.$message.error("未选择要修改的医嘱内容")

            return
          }
          this.nameForm = {
            advice_name: this.groupSelectRow.advice_name,
            single_dose: this.groupSelectRow.single_dose,
            single_dose_unit: this.groupSelectRow.single_dose_unit,
            drug_spec: this.groupSelectRow.drug_spec,
            drug_spec_unit: this.groupSelectRow.drug_spec_unit,
            prescribing_number: this.groupSelectRow.prescribing_number,
            prescribing_number_unit: this.groupSelectRow.prescribing_number_unit,
            delivery_way: this.groupSelectRow.delivery_way,
            execution_frequency: this.groupSelectRow.execution_frequency,
            isEdit: 1,
            index: this.groupSelectRow.index
          }
        } else {
          this.nameForm = {
            advice_name: '',
            single_dose: '',
            single_dose_unit: '',
            drug_spec: '',
            drug_spec_unit: '',
            prescribing_number: '',
            prescribing_number_unit: '',
            delivery_way: '',
            execution_frequency: '',
            isEdit: 0,
            index: 0
          }
        }

        this.title = '新增医嘱内容'
        this.showNameForm = true
        this.showGroupForm = false
      },
      tableRowClassName({ row, rowIndex }) {
        // if (row.stop_state == 1 || row.execution_state == 1) {
        //     return 'stoped-row';
        // }
        // return 'success-rows'
        row.index = rowIndex
        const arr = this.hoverOrderArr
        for (let i = 0; i < arr.length; i++) {
          if (rowIndex == arr[i]) {
            return 'success-row'
          }
        }
      },
      changeAdviceName(key) {
        if (key in this.adviceTemplateMaps) {
          this.form.advice_name = this.adviceTemplateMaps[key].advice_name
          this.form.advice_desc = this.adviceTemplateMaps[key].advice_desc
          this.form.single_dose_unit = this.adviceTemplateMaps[key].single_dose_unit
          this.form.single_dose = this.adviceTemplateMaps[key].single_dose + ''
          this.form.prescribing_number_unit = this.adviceTemplateMaps[key].prescribing_number_unit
          this.form.prescribing_number = this.adviceTemplateMaps[key].prescribing_number + ''
          this.form.delivery_way = this.adviceTemplateMaps[key].delivery_way
          this.form.execution_frequency = this.adviceTemplateMaps[key].execution_frequency
        }
      },
      submitExce() {
        if (this.currentRow == null) {
          this.$message.error('请先选择要执行的医嘱！')
          return false
        }
        if (this.execTime.length == 0) {
          this.$message.error('请选择执行时间！')
          return false
        }

        var execTime = Math.round(new Date(this.execTime).getTime() / 1000)
        if (execTime < this.currentRow.start_time) {
          this.$message.error('执行医嘱不能在开始之前！')
          return false
        }
        this.exceLoading = true

        ExecDoctorAdvice(this.patient.id, this.currentRow.id, this.execTime).then(response => {
          if (response.data.state == 0) {
            this.$message.error('执行失败！')
            this.exceLoading = false
            return false
          } else {
            this.$notify({
              title: '成功',
              message: '执行医嘱成功',
              type: 'success',
              duration: 2000
            })
            var exid = response.data.data.advice.id
            if (response.data.data.advice.parent_id > 0) {
              exid = response.data.data.advice.parent_id
            }
            // if (this.currentRow.parent_id > 0) {
            //     exid = this.currentRow.parent_id;
            // }
            this.currentRow.execution_state = 1
            this.currentRow.execution_staff = response.data.data.advice.execution_staff
            this.currentRow.execution_time = response.data.data.advice.execution_time
            var alen = this.doctor_advices.length

            for (var index in this.doctor_advices) {
              if (this.doctor_advices[index].id == exid || this.doctor_advices[index].parent_id == exid) {
                this.doctor_advices[index].execution_state = 1
                this.doctor_advices[index].execution_staff = response.data.data.advice.execution_staff
                this.doctor_advices[index].execution_time = response.data.data.advice.execution_time
                // this.doctor_advices[index].checker = response.data.data.advice.checker;
                break
              }
            }
            this.execTimeDialogVisible = false
            return false
          }
        }).catch(() => {
          this.exceLoading = false
        })
  },
      submitAdvice() {
        if (this.form.advice_name.length == 0) {
          this.$message.error('请填写医嘱名称')
          return
        }
        if (this.form.start_time.length == 0) {
          this.$message.error('请选择开始时间')
          return
        }
        if (!(this.patient.id > 0)) {
          this.$message.error('没有选择患者')
          return false
        }

        CreateDoctorAdvice(this.patient.id, this.form).then(response => {
          this.loading = false
          if (response.data.state == 0) {
            this.$message.error(response.data.msg)
            return false
          } else {
            this.$notify({
              title: '成功',
              message: '新增医嘱成功',
              type: 'success',
              duration: 2000
            })

            this.currentIndex = -1
            this.currentRow = null
            this.setCurrent()
            this.hideForm()

            if (this.form.parent_id > 0) {
              var spliceIndex = -1
              for (let index = this.doctor_advices.length - 1; ; index--) {
                if (this.doctor_advices[index].parent_id === this.form.parent_id) {
                  spliceIndex = index
                  break
                } else if (this.doctor_advices[index].id === this.form.parent_id) {
                  spliceIndex = index
                  break
                }
              }
              if (spliceIndex > -1) {
                spliceIndex += 1
                if (spliceIndex === this.doctor_advices.length) {
                  this.doctor_advices.push(response.data.data.advice)
                } else {
                  var swapData = this.doctor_advices.splice(spliceIndex)
                  this.doctor_advices.push(response.data.data.advice)
                  for (var index in swapData) {
                    this.doctor_advices.push(swapData[index])// = this.doctor_advices.concat(swapData);
                  }
                }
              }
            } else {
              this.doctor_advices.unshift(response.data.data.advice)
            }
            // this.$emit("new_create", response.data.data.advice);
            return false
          }
        }).catch(v => {
          this.loading = false
        })
      }, openNewChildTwo(index, row) {
        this.currentRow = row
        if (this.currentRow == null) {
          this.$message.error('请先选择要新增子药的医嘱！')
          return false
        }
        if (this.currentRow.stop_state == 1 || this.currentRow.execution_state == 1) {
          this.$message.error('所选医嘱已停止或执行')
          return false
        }

        this.title = '新增子药'
        this.showAdviceForm = true
        this.showAdvicePanel = false

        this.form = {
          id: 0,
          advice_type: 2,
          advice_date: this.record_date,
          start_time: uParseTime(
            this.currentRow.start_time,
            '{y}-{m}-{d} {h}:{i}'
          ),
          advice_name: '',
          drug_spec: '',
          drug_spec_unit: '',
          single_dose: '',
          single_dose_unit: '',
          prescribing_number: '',
          prescribing_number_unit: '',
          delivery_way: this.currentRow.delivery_way,
          execution_frequency: this.currentRow.execution_frequency,
          advice_doctor: '',
          remark: '',
          parent_id: this.currentRow.id
        }
      },

      openNewChild() {
        if (this.currentRow == null) {
          this.$message.error('请先选择要新增子药的医嘱！')
          return false
        }
        if (this.currentRow.stop_state == 1 || this.currentRow.execution_state == 1) {
          this.$message.error('所选医嘱已停止或执行')
          return false
        }

        this.title = '新增子药'
        this.showAdviceForm = true
        this.showAdvicePanel = false

        this.form = {
          id: 0,
          advice_type: 2,
          advice_date: this.record_date,
          start_time: uParseTime(
            this.currentRow.start_time,
            '{y}-{m}-{d} {h}:{i}'
          ),
          advice_name: '',
          drug_spec: '',
          drug_spec_unit: '',
          single_dose: '',
          single_dose_unit: '',
          prescribing_number: '',
          prescribing_number_unit: '',
          delivery_way: this.currentRow.delivery_way,
          execution_frequency: this.currentRow.execution_frequency,
          advice_doctor: '',
          remark: '',
          parent_id: this.currentRow.id
        }
      },

      openEdit(index, row) {
        if (row.stop_state == 1 || row.execution_state == 1) {
          this.$message.error('所选医嘱已停止或执行')
          return false
        }

        this.title = row.parent_id > 0 ? '编辑子药' : '编辑医嘱'
        this.showAdviceForm = true
        this.showAdvicePanel = false
        this.currentIndex = index

        this.form = {
          id: row.id,
          advice_type: 2,
          advice_date: uParseTime(
            row.advice_date,
            '{y}-{m}-{d}'
          ),
          start_time: uParseTime(
            row.start_time,
            '{y}-{m}-{d} {h}:{i}'
          ),
          advice_name: row.advice_name,
          drug_spec: row.drug_spec != 0 ? '' + row.drug_spec : '',
          drug_spec_unit: row.drug_spec_unit,
          single_dose: row.single_dose != 0 ? '' + row.single_dose : '',
          single_dose_unit: row.single_dose_unit,
          prescribing_number: row.prescribing_number != 0 ? '' + row.prescribing_number : '',
          prescribing_number_unit: row.prescribing_number_unit,
          delivery_way: row.delivery_way,
          execution_frequency: row.execution_frequency,
          advice_doctor: row.advice_doctor,
          remark: row.remark,
          parent_id: row.parent_id
        }
      },

      openEditGroupAdvice() {
        if (this.groupSelectRow === null) {
          this.$message.error("未选择要修改的医嘱内容")
          return
        }

        this.$refs.editGroupForm.open(this.groupSelectRow.groupno)
      },

      openGroupFrom() {
        this.$refs.addGroupForm.open()

      // this.title="新增医嘱";

      // this.showGroupForm = true;
      // this.showAdviceForm = false;
      // this.showAdvicePanel = false;
      // this.$refs.advices_list.setCurrentRow(null);

      // this.currentIndex = -1;
      // this.currentRow = null;

      // this.groupForm.advice_date = this.record_date;
      // this.form = {
      //     id: 0,
      //     advice_type: 2,
      //     advice_date: this.record_date,
      //     start_time: "",
      //     advice_name: "",
      //     advice_desc: "",
      //     single_dose: "",
      //     single_dose_unit: "",
      //     prescribing_number: "",
      //     prescribing_number_unit: "",
      //     delivery_way: "",
      //     execution_frequency: "",
      //     advice_doctor: "",
      //     remark: "",
      //     parent_id: 0
      // };
      },
      checkAdvice() {
        console.log(this.$store.getters.xt_user)
        if (this.currentRow == null) {
          this.$message.error('请先选择要核对的医嘱！')
          return false
        }
        if (this.currentRow.check_state == 1) {
          this.$message.error('所选医嘱已核对')
          return false
        }

        if (this.currentRow.execution_staff > 0 && this.currentRow.execution_staff == this.$store.getters.xt_user.user.id) {
          this.$message.error('核对与执行不能是同一人')

          return false
        }

        this.$confirm('确认提交核对?', '医嘱核对', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          closeOnClickModal: false,
          type: 'warning'
        }).then(() => {
          this.deleLoading = true
          CheckDoctorAdvice(this.patient.id, this.currentRow.id).then(response => {
            if (response.data.state == 0) {
              this.$message.error(response.data.msg)

              this.deleLoading = false
              return false
            } else {
              this.$notify({
                title: '成功',
                message: '核对成功',
                type: 'success',
                duration: 2000
              })

              var exid = response.data.data.advice.id
              if (response.data.data.advice.parent_id > 0) {
                exid = response.data.data.advice.parent_id
              }
              // if (this.currentRow.parent_id > 0) {
              //     exid = this.currentRow.parent_id;
              // }
              this.currentRow.check_state = 1
              this.currentRow.check_time = response.data.data.advice.check_time
              this.currentRow.checker = response.data.data.advice.checker
              var alen = this.doctor_advices.length

              for (var index in this.doctor_advices) {
                if (this.doctor_advices[index].id == exid || this.doctor_advices[index].parent_id == exid) {
                  this.doctor_advices[index].check_state = 1
                  this.doctor_advices[index].check_time = response.data.data.advice.check_time
                  this.doctor_advices[index].checker = response.data.data.advice.checker
                // break;
                }
              }

              this.deleLoading = false
            }
          })
        }).catch(() => {
          this.deleLoading = false
        })
      },
      execAdvice() {
        if (this.currentRow == null) {
          this.$message.error('请先选择要执行的医嘱！')
          return false
        }

        if (this.currentRow.stop_state == 1 || this.currentRow.execution_state == 1) {
          this.$message.error('所选医嘱已停止或执行')
          return false
        }

        if (this.currentRow.checker > 0 && this.currentRow.checker == this.$store.getters.xt_user.user.id) {
          this.$message.error('核对与执行不能是同一人')
          return false
        }

        this.execTimeDialogVisible = true
        this.deleLoading = true
      },

      DeleteGroupAdvice(groupno) {
        this.$confirm('确认删除这组医嘱?', '医嘱删除', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          DeleteGroupAdvice(groupno).then(response => {
            if (response.data.state == 0) {
              this.$message.error(response.data.msg)
              return false
            } else {
              this.$notify({
                title: '成功',
                message: '医嘱已经删除',
                type: 'success',
                duration: 2000
              })

              var alen = this.doctor_advices.length
              for (let index = alen - 1; index >= 0; index--) {
                if (this.doctor_advices[index].groupno === groupno) {
                  this.doctor_advices.splice(index, 1)
                }
              }
            }
          })
        }).catch(() => {
        })
        this.handleSpanTempArr()
      },
      openDelete(index, row) {
        this.currentRow = row
        this.$confirm('确认删除此条医嘱?', '医嘱删除', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          closeOnClickModal: false,
          type: 'warning'
        }).then(() => {
          this.deleLoading = true
          DeleteDoctorAdvice(this.currentRow.id).then(response => {
            this.deleLoading = false
            if (response.data.state == 0) {
              this.$message.error(response.data.msg)
              return false
            } else {
              this.$notify({
                title: '成功',
                message: '医嘱已经删除',
                type: 'success',
                duration: 2000
              })
              this.deleteResetData(this.currentRow)
              this.currentRow = null
              this.setCurrent()
            }
          })
        }).catch(() => {
          this.deleLoading = false
        })
      },
      deleteAdvice() {
        if (this.currentRow == null) {
          this.$message.error('请先选择要删除的医嘱！')
          return false
        }
        this.$confirm('确认删除此条医嘱?', '医嘱删除', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          closeOnClickModal: false,
          type: 'warning'
        }).then(() => {
          this.deleLoading = true
          DeleteDoctorAdvice(this.currentRow.id).then(response => {
            this.deleLoading = false
            if (response.data.state == 0) {
              this.$message.error(response.data.msg)
              return false
            } else {
              this.$notify({
                title: '成功',
                message: '医嘱已经删除',
                type: 'success',
                duration: 2000
              })
              this.deleteResetData(this.currentRow)
              this.currentRow = null
              this.setCurrent()
            }
          })
        }).catch(() => {
          this.deleLoading = false
        })
      },

      deleteResetData(row) {
        if (row.parent_id > 0) {
          for (var index in this.doctor_advices) {
            if (this.doctor_advices[index].id == row.id) {
              this.doctor_advices.splice(index, 1)
              break
            }
          }
        } else {
          var spliceIndex = -1
          var splitNums = 0
          for (var index in this.doctor_advices) {
            if (this.doctor_advices[index].id == row.id) {
              spliceIndex = index
              splitNums++
            } else if (this.doctor_advices[index].parent_id == row.id) {
              splitNums++
            }
          }
          this.doctor_advices.splice(spliceIndex, splitNums)
        }
      },
      selectRow(row) {
        this.currentRow = row
      },
      getAdviceConfig() {
        getAdviceConfig().then(response => {
          if (response.data.state == 1) {
            this.deliveryWayOptions = response.data.data.drugways === null ? [] : response.data.data.drugways
            this.executionFrequencyOptions = response.data.data.efs === null ? [] : response.data.data.efs
            this.adviceTemplates = response.data.data.advice_templates === null ? [] : response.data.data.advice_templates

            var templateLen = this.adviceTemplates.length
            for (let index = 0; index < templateLen; index++) {
              if (!this.adviceTemplates[index].DoctorAdviceTemplate) {
                continue
              }
              var DoctorAdviceTemplate = this.adviceTemplates[index].DoctorAdviceTemplate
              for (let i = 0; i < DoctorAdviceTemplate.length; i++) {
                DoctorAdviceTemplate[i].selection = false
              }

              var item = this.adviceTemplates[index]
              item.DoctorAdviceTemplate = []
              var datMap = {}
              for (const key in DoctorAdviceTemplate) {
                if (DoctorAdviceTemplate[key].parent_id == 0) {
                  datMap[DoctorAdviceTemplate[key].id] = DoctorAdviceTemplate[key]
                }
              }

              for (const key in DoctorAdviceTemplate) {
                if (DoctorAdviceTemplate[key].parent_id in datMap) {
                  if ('children' in datMap[DoctorAdviceTemplate[key].parent_id]) {
                    datMap[DoctorAdviceTemplate[key].parent_id].children.push(DoctorAdviceTemplate[key])
                  } else {
                    datMap[DoctorAdviceTemplate[key].parent_id].children = []
                    datMap[DoctorAdviceTemplate[key].parent_id].children.push(DoctorAdviceTemplate[key])
                  }
                }
              }
              for (const key in datMap) {
                item.DoctorAdviceTemplate.push(datMap[key])
              }

              this.$set(this.adviceTemplateMaps, this.adviceTemplates[index].id, item)
            }
          }
        })

        this.handleSpanTempArr()
        this.handleStyle()
      },
      getXuserName(id) {
        if (id <= 0) {
          return ''
        }
        var name = ''
        if (
          this.admin_users == null ||
          typeof this.admin_users.length === 'undefined'
        ) {
          return name
        }
        var leng = this.admin_users.length
        if (leng == 0) {
          return name
        }
        for (let index = 0; index < leng; index++) {
          if (this.admin_users[index].id == id) {
            name = this.admin_users[index].name
            break
          }
        }
        return name
      }, addNewOrder() {
        this.$refs.addGroupForm.open()
      },
      show() {
        this.isVisibility = true
      },
      hide() {
        this.isVisibility = false
      },
      hideForm() {
        this.title = '临时医嘱'
        this.showGroupForm = false
        this.showAdviceForm = false
        this.showAdvicePanel = true
      },
      hideNameForm() {
        this.title = '新增医嘱'
        this.showGroupForm = true
        this.showNameForm = false
      },
      hideTemplateForm() {
        this.title = '新增医嘱'
        this.showGroupForm = true
        this.showTemplateForm = false
      },
      hideGroupForm() {
        this.title = '临时医嘱'
        this.showAdviceForm = false
        this.showGroupForm = false
        this.showAdvicePanel = true
      },
      resetDialog() {
        this.hoverOrderArr = []
        this.title = '临时医嘱'
        this.showAdviceForm = false
        this.showGroupForm = false
        this.showAdvicePanel = true
        this.currentRow = null
        this.groupSelectRow = null
        this.setCurrent()
      },
      closeTimePanel() {
        this.execTimeDialogVisible = false
        this.deleLoading = false
        this.exceLoading = false
        this.execTime = ''
      },
      setCurrent(row) {
        this.$refs.advices_list.setCurrentRow(row)
      },
      isShowStartTime(index, row) {
        if (row.parent_id > 0) {
          return false
        } else if (index > 0 && row.groupno > 0 && row.groupno == this.doctor_advices[index - 1].groupno) {
          return false
        }
        return true
      }, mergeSpan({ row, column, rowIndex, columnIndex }) {
        if (columnIndex != 2) {
          const _row = this.tempArr[rowIndex]
          const _col = _row > 0 ? 1 : 0
          return {
            rowspan: _row,
            colspan: _col
          }
        }
      }, handleSpanTempArr() {
        this.tempArr = []

        for (let i = 0; i < this.doctor_advices.length; i++) {
          if (i === 0) {
            this.tempArr.push(1)
            this.pos = 0
          } else {
            // 判断当前元素与上一个元素是否相同
            if (this.doctor_advices[i].groupno === this.doctor_advices[i - 1].groupno) {
              this.tempArr[this.pos] += 1
              this.tempArr.push(0)
            } else {
              this.tempArr.push(1)
              this.pos = i
            }
          }
        }
      }, cellMouseEnter: function(row, column, event) {
        this.currentRow = row
        this.groupSelectRow = row
        this.sameRowArr.forEach((arr, i) => {
          if (arr.indexOf(row.index) != -1) {
            this.hoverOrderArr = arr
          }
        })
      }, cellMouseLeave: function(row, column, cell, event) {
        this.hoverOrderArr = []
      }, handleStyle() {
        let sameRowArr = [], sIdx = 0

        this.doctor_advices.forEach((item, index) => {
          item.index = index
          if (index === 0) {
            sameRowArr.push([index])
          } else {
            if (item.groupno === this.doctor_advices[index - 1].groupno) {
              sameRowArr[sIdx].push(index)
            } else {
              sIdx = sIdx + 1
              sameRowArr.push([index])
            }
          }
        })

        this.sameRowArr = sameRowArr
      }, getAdviceContent(row, isChild) {
        let tempSingleDoseDesc = ''
        const tempDrugSpecDesc = ''
        let tempPrescribingNumberDesc = ''
        let tempDrugDesc = ''



        if (row.single_dose) {
          tempSingleDoseDesc = ' 单次用量 ' + '  ' + row.single_dose + '' + row.single_dose_unit
        }

        if (row.prescribing_number) {
          tempPrescribingNumberDesc = '*' + row.prescribing_number + '' + row.prescribing_number_unit
        }

        if (isChild == 1) { // 不是子药
          return row.advice_name + row.advice_desc + row.drug_spec_unit + tempPrescribingNumberDesc + tempSingleDoseDesc + ' ' + row.delivery_way + ' ' + row.execution_frequency
        } else { // 是子药
          return row.advice_name + row.advice_desc + row.drug_spec_unit +  tempPrescribingNumberDesc + tempSingleDoseDesc
        }
      }

    },
    created() {
      var date = this.$route.query && this.$route.query.date
      this.record_date = uParseTime(date, '{y}-{m}-{d}')

      this.form.advice_date = this.record_date
      this.getAdviceConfig()
      this.unitsOption = getDataConfig('hemodialysis', 'units')
  },
    components: {
      AddGroupAdvice,
      EditGroupAdvice
    }
  }
</script>


<style>
  @import "../../../../../static/css/table_row.css";

  .txsj {
    text-align: center;
    margin-bottom: 20px;
  }

  .dialysisadvicenamedisplay .cell {
    float: left;
    text-align: left;
  }
</style>


<!--<style scoped>-->

<!--.txsj{-->
<!--text-align: center;-->
<!--margin-bottom: 20px;-->
<!--}-->
<!--</style>-->


<!--<style rel="stylesheet/scss" lang="scss"  >-->
<!--.row-class-active {-->
<!--background: #badcff;-->
<!--}-->

<!--.doctor-advice-box .current-box-class .current-row>td{-->
<!--background: #6fb5fa;-->
<!--color:#fff;-->
<!--}-->
<!--.doctor-advice-box .current-box-class .current-row:hover>td{-->
<!--background: #6fb5fa;-->
<!--}-->
<!--// .doctor-advice-box .current-box-class .stoped-row>td{-->
<!--//     background: #c9c9c9;-->
<!--//     color:#000;-->
<!--// }-->
<!--// .doctor-advice-box .current-box-class .stoped-row:hover>td{-->
<!--//     background: #c9c9c9;-->
<!--// }-->

<!--</style>-->