xt_vue/src/xt_pages/dialysis/details/dialog/adviceDialog/AddGroupAdvice.vue

<template>
  <div id="user-edit-group-advice">
    <el-dialog title="新增医嘱" :visible.sync="groupAddFormVisible" width="700px">
      <el-form ref="groupForm" :rules="groupRules" :model="groupForm" label-width="90px">

        <el-row>
          <el-col :span="12">
            <el-form-item label="医嘱类型 :" required prop="advice_type">
              <el-input value="临时" disabled></el-input>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="开始时间 :" required prop="start_time" style="width:100%;">
              <el-date-picker
                type="datetime"
                format="yyyy-MM-dd HH:mm:ss"
                value-format="yyyy-MM-dd HH:mm:ss"
                placeholder="选择时间"
                v-model="groupForm.start_time"
                style="width:100%;"
              ></el-date-picker>
            </el-form-item>
          </el-col>

        </el-row>

        <el-form-item label="备注 :">
          <el-input type="textarea" v-model="groupForm.remark"></el-input>
        </el-form-item>

        <el-row>
          <el-col :span="12">
            <el-form-item label="开嘱医生 :">
              <span>{{adminusername}} </span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="开嘱时间 :">
              <span>{{groupForm.advice_date}} </span>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row >
          <el-col :span="2">
            &nbsp;&nbsp;
          </el-col>
          <el-col :span="5">
            <el-button :disabled="$store.getters.xt_user.subscibe.state==3?true:false" round
                       @click="openAdviceTemplate()">选择医嘱模板
            </el-button>
          </el-col>
          <el-col :span="5">
            <el-button :disabled="$store.getters.xt_user.subscibe.state==3?true:false" round
                       @click="openGroupAdvice(0)">新增医嘱内容
            </el-button>
          </el-col>
          <el-col :span="5">
            <el-button :disabled="$store.getters.xt_user.subscibe.state==3?true:false" round
                       @click="openGroupAdvice(1)">修改医嘱内容
            </el-button>

          </el-col>
          <el-col :span="5">
            <el-button :disabled="$store.getters.xt_user.subscibe.state==3?true:false" round
                       @click="openDeleteGroupAdvice()">删除医嘱内容
            </el-button>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-table
              id="user-edit-advice-name-table"
              :data="groupForm.adviceNames"
              border
              fit
              highlight-current-row
              :row-class-name="groupClassName"
              @current-change="selectGroupAdvice"
              style="width: 100%;margin-top: 10px;margin-bottom: 10px;"
              :row-key="getRowKey"
              ref="advicenametable"
              :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}"
            >
              <el-table-column
                label="医嘱名称"
                property="advice_name"
                style="word-break: keep-all;white-space:nowrap;"
                align="center"
              ></el-table-column>

              <el-table-column
                label="规格"
                property="advice_desc"
                align="center"

              ></el-table-column>
              <!-- <el-table-column label="药品规格*数量" min-width="80" property="drug_spec" align="center">
                <template slot-scope="scope">
                  <span
                    v-if="scope.row.drug_spec!=0"
                  >{{scope.row.drug_spec}}{{scope.row.drug_spec_unit}}</span>
                  <span
                    vf-i="scope.row.prescribing_number!=0"
                  >*{{scope.row.prescribing_number}}{{scope.row.prescribing_number_unit}}</span>
                </template>
              </el-table-column> -->
              <el-table-column label="开药数量" min-width="80" property="prescribing_number" align="center">
                <template slot-scope="scope">
                  <span
                    v-if="scope.row.prescribing_number!=0"
                  >{{scope.row.prescribing_number}}{{scope.row.prescribing_number_unit}}</span>
                </template>
              </el-table-column>
              <el-table-column label="单次用量" min-width="80" property="single_dose" align="center">
                <template slot-scope="scope">
                  <span
                    v-if="scope.row.single_dose!=0"
                  >{{scope.row.single_dose}}{{scope.row.single_dose_unit}}</span>
                </template>
              </el-table-column>
              <el-table-column label="给药途径" min-width="80" property="delivery_way" align="center">
                <template slot-scope="scope">
                  <span v-if="scope.row.parent_row==0">{{scope.row.delivery_way}}</span>
                </template>
              </el-table-column>
              <el-table-column
                label="执行频率"
                min-width="80"
                property="execution_frequency"
                align="center"
              >
                <template slot-scope="scope">
                  <span v-if="scope.row.parent_row==0">{{scope.row.execution_frequency}}</span>
                </template>
              </el-table-column>
            </el-table>
          </el-col>
        </el-row>

      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button
          :disabled="$store.getters.xt_user.subscibe.state==3 || groupForm.adviceNames.length == 0?true:false"
          type="primary"
          @click="submitgroupAdvice('groupForm')"
        >保 存
        </el-button>
      </div>
    </el-dialog>

    <el-dialog title="选择医嘱模板" :close-on-click-modal="false"  :visible.sync="templateFormVisible" width="72%">
      <el-row :gutter="20">
        <el-col :span="8">
          <el-table
            :data="adviceTemplates"
            ref="templatetable"
            border
            :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}"
            highlight-current-row
            @current-change="templateTableChange"
            style="width: 100%">
            <el-table-column
              prop="name"
              align="center"
              label="模板名称">
            </el-table-column>
          </el-table>
        </el-col>
        <el-col :span="16">
          <el-table
            id='dialysis-add-select-template-table'
            :data="selectedTemp.list"
            border
            :span-method="spanselecttable"
            @select="selectAdvice"
            @select-all="selectAllTemplateAdvice"
            @selection-change="changeAdvice"
            row-key="row_key"
            ref="selecttemplatetable"
            style="width: 100%"
            :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}"
          >
            <el-table-column
              type="selection"
              align="center"
              width="55">
            </el-table-column>
            <el-table-column
              label="医嘱内容"
              property="advice_name"
              style="word-break: keep-all;white-space:nowrap;"
              align="center"
            ></el-table-column>
            <el-table-column
              label="规格"
              property="advice_desc"
              align="center"
            ></el-table-column>
            <el-table-column label="开药数量" min-width="80" property="prescribing_number" align="center">
              <template slot-scope="scope">
                  <span
                    v-if="scope.row.prescribing_number!=0"
                  >{{scope.row.prescribing_number}}{{scope.row.prescribing_number_unit}}</span>
              </template>
            </el-table-column>
            <el-table-column label="单次用量" min-width="80" property="single_dose" align="center">
              <template slot-scope="scope">
                  <span
                    v-if="scope.row.single_dose!=0"
                  >{{scope.row.single_dose}}{{scope.row.single_dose_unit}}</span>
              </template>
            </el-table-column>
            <el-table-column label="给药途径" min-width="80" property="delivery_way" align="center">
              <template slot-scope="scope">
                <span v-if="scope.row.parent_row==0">{{scope.row.delivery_way}}</span>
              </template>
            </el-table-column>
            <el-table-column
              label="执行频率"
              min-width="80"
              property="execution_frequency"
              align="center"
            >
              <template slot-scope="scope">
                <span v-if="scope.row.parent_row==0">{{scope.row.execution_frequency}}</span>
              </template>
            </el-table-column>
          </el-table>
        </el-col>
      </el-row>

      <div slot="footer" class="dialog-footer">
        <el-button @click="cancleDialog()">取消</el-button>
        <el-button
          :disabled="$store.getters.xt_user.subscibe.state==3?true:false"
          type="primary"
          @click="newAddTempForm()"
        >保 存
        </el-button>
      </div>
    </el-dialog>

    <el-dialog title="选择医嘱模板" :visible.sync="oldTemplateFormVisible" width="700px" >
      <el-form ref="templateForm" :rules="templateRules" :model="templateForm">
        <el-row>
          <el-col :span="24">
            <el-form-item prop="id">
              <el-select
                v-model="templateForm.id"
                filterable
                clearable
                placeholder="请选择(输入可搜索)"
                style="width:100%"
              >
                <el-option
                  v-for="item in adviceTemplates"
                  :key="item.id"
                  :label="item.name"
                  :value="item.id"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="templateFormVisible = false">取消</el-button>
        <el-button
          :disabled="$store.getters.xt_user.subscibe.state==3?true:false"
          type="primary"
          @click="addTempForm('templateForm')"
        >保 存
        </el-button>
      </div>
    </el-dialog>

    <el-dialog :title="nameFormTitle" :visible.sync="nameFormVisible" width="854px">
      <el-form ref="nameForm" :rules="nameRules" :model="nameForm" label-width="90px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="医嘱内容 :" required prop="advice_name">
              <el-input v-model="nameForm.advice_name"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="规格 :" prop="advice_desc">
              <el-input v-model="nameForm.advice_desc"></el-input>
            </el-form-item>
            <!-- <el-form-item label="药品规格 :" prop="drug_spec">
              <el-col :span="8">
                <el-input v-model="nameForm.drug_spec"></el-input>
              </el-col>
              <el-col class="line" :span="2">&nbsp;</el-col>
              <el-col :span="14">
                <el-select
                  v-model="nameForm.drug_spec_unit"
                  filterable
                  clearable
                  allow-create
                  placeholder="选择"
                >
                  <el-option
                    v-for="item in unitsOption"
                    :key="item.id"
                    :label="item.name "
                    :value="item.name"
                  ></el-option>
                </el-select>
              </el-col>
            </el-form-item> -->
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="单次用量 :" prop="single_dose">
              <el-col :span="8">
                <el-input v-model="nameForm.single_dose"></el-input>
              </el-col>
              <el-col class="line" :span="2">&nbsp;</el-col>
              <el-col :span="14">
                <el-select
                  v-model="nameForm.single_dose_unit"
                  filterable
                  clearable
                  allow-create
                  placeholder="选择"
                >
                  <el-option
                    v-for="item in unitsOption"
                    :key="item.id"
                    :label="item.name "
                    :value="item.name"
                  ></el-option>
                </el-select>
              </el-col>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="开药数量 :" prop="prescribing_number">
              <el-col :span="8">
                <el-input v-model="nameForm.prescribing_number"></el-input>
              </el-col>
              <el-col class="line" :span="2">&nbsp;</el-col>
              <el-col :span="14">
                <el-select
                  v-model="nameForm.prescribing_number_unit"
                  filterable
                  clearable
                  allow-create
                  placeholder="选择"
                >
                  <el-option
                    v-for="item in unitsOption"
                    :key="item.id"
                    :label="item.name "
                    :value="item.name"
                  ></el-option>
                </el-select>
              </el-col>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="给药途径 :" prop="delivery_way">
              <el-select
                v-model="nameForm.delivery_way"
                filterable
                clearable
                allow-create
                :disabled="isChild"
                placeholder="请选择(输入可搜索)"
                style="width:100%"
              >
                <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="12">
            <el-form-item label="执行频率 :" prop="execution_frequency">
              <el-select
                v-model="nameForm.execution_frequency"
                filterable
                clearable
                allow-create
                :disabled="isChild"
                placeholder="请选择(输入可搜索)"
                style="width:100%"
              >
                <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-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="nameFormVisible = false">取消</el-button>
        <el-button
          :disabled="$store.getters.xt_user.subscibe.state==3?true:false"
          type="primary"
          @click="submitNameForm('nameForm')"
        >保 存
        </el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
  import {
    CreateDoctorAdvice,
    CreateGroupAdvice,
    DeleteDoctorAdvice,
    DeleteGroupAdvice,
    EditDoctorAdvice,
    getAdviceConfig,
    getDoctorAdviceList,
    StopDoctorAdvice
  } from '@/api/advice'

export default {
    name: 'AddGroupAdvice',
    data() {
      return {
        editRowKey: 0,
        oldTemplateFormVisible: false,
        templateFormVisible: false,
        groupAddFormVisible: false,
        nameFormVisible: false,
        groupSelectRow: null,
        nameFormTitle: '',
        isChild: false,
        isEdit: false,
        adminusername: '',
        groupRules: {
          advice_type: [{ required: true, message: '请选择医嘱类型' }],
          advice_date: [{ required: true, message: '请选择医嘱时间' }],
          start_time: [{ required: true, message: '请选择开始时间' }],
          advice_name: [{ required: true, message: '请填写医嘱名称' }],
          advice_doctor: [{ required: true, message: '请选择开嘱医生' }]
        },
        nameRules: {
          advice_name: [{ required: true, message: '请填写医嘱内容' }]
        },
        templateRules: {
          id: [{ required: true, message: '请选择医嘱模板' }]
        },
        templateForm: { id: '' },
        nameForm: {
          advice_name: '',
          advice_desc: '',
          single_dose: '',
          single_dose_unit: '',
          drug_spec: '',
          drug_spec_unit: '',
          prescribing_number: '',
          prescribing_number_unit: '',
          delivery_way: '',
          execution_frequency: '',
          isEdit: 0,
          index: 0,
          id: 0,
          children: []
        },
        submitGroupForm: {
          advice_type: '',
          advice_date: '',
          start_time: '',
          adviceNames: [],
          advice_doctor: '',
          remark: '',
          parent_id: 0
        },
        groupForm: {
          advice_type: '',
          advice_date: '',
          start_time: '',
          adviceNames: [],
          advice_doctor: '',
          remark: '',
          parent_id: 0
        },
        selectedTemp: { 'id': 0, name: '', org_id: 0, 'list': [], 'rows': [] },
        selectedTemplate: [],
        allSelectedTemplate: []

      }
    },
    props: {
      patientID: 0,
      adviceType: 0,
      rowKey: 0,
      adviceTemplates: {
        type: Array,
        default: function() {
          return []
        }
      },
      recordDate: '',
      adviceTypeOptions: {
        type: Array,
        default: function() {
          return []
        }
      },
      deliveryWayOptions: {
        type: Array,
        default: () => []
      },
      unitsOption: {
        type: Array,
        default: function() {
          return []
        }
      },
      executionFrequencyOptions: {
        type: Array,
        default: function() {
          return []
        }
      },
      adviceTemplateMaps: {
        type: Object,
        default: function() {
          return {}
        }
      },
      adviceTableData: {
        type: Array,
        default: function() {
          return []
        }
      }
    },
    methods: {

      submitgroupAdvice(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            var submitForm = {
              advice_type: this.groupForm.advice_type,
              advice_date: this.groupForm.advice_date,
              start_time: this.groupForm.start_time,
              adviceNames: [],
              advice_doctor: this.groupForm.advice_doctor,
              remark: this.groupForm.remark,
              parent_id: this.groupForm.parent_id
            }

            var adviceNames = []
            for (const index in this.groupForm.adviceNames) {
              adviceNames.unshift(this.groupForm.adviceNames[index])
            }
            submitForm.adviceNames = adviceNames
            CreateGroupAdvice(this.patientID, 0, submitForm).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 childMap = {}
                for (const index in response.data.data.advices) {
                  if (response.data.data.advices[index].parent_id == 0) {
                    continue
                  }
                  if ((response.data.data.advices[index].parent_id in childMap) === false) {
                    childMap[response.data.data.advices[index].parent_id] = []
                  }
                  childMap[response.data.data.advices[index].parent_id].unshift(response.data.data.advices[index])
                }
                var parentArr = []
                for (const index in response.data.data.advices) {
                  if (response.data.data.advices[index].parent_id > 0) {
                    continue
                  }
                  parentArr.push(response.data.data.advices[index])
                }

                for (const index in parentArr) {
                  if (parentArr[index].id in childMap) {
                    for (const j in childMap[parentArr[index].id]) {
                      this.adviceTableData.unshift(childMap[parentArr[index].id][j])
                    }
                  }
                  this.adviceTableData.unshift(parentArr[index])
                }

                // var alen = response.data.data.advices.length
                // for (let index = alen-1; index >=0; index--) {
                //   this.adviceTableData.unshift(response.data.data.advices[index]);
                // }

                this.resetForm(formName)
                this.groupAddFormVisible = false
                return false
              }
            })
          }
        })
      },

      openDeleteGroupAdvice() {
        if (this.groupSelectRow === null) {

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

          return
        }
        var content = ''
        if (this.groupSelectRow.children.length > 0) {
          content = '确认删除此医嘱内容,包括它的子药？'
        } else {
          content = '确认删除此医嘱内容？'
        }
        var isChild = !!this.groupSelectRow.parent_row
        var title = isChild ? '删除子药内容' : '删除医嘱内容'
        var msg = isChild ? '确认删除此子药内容？' : content
        this.$confirm(msg, title, {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          if (isChild) {
            for (const index in this.groupForm.adviceNames) {
              if (this.groupForm.adviceNames[index].row_key == this.groupSelectRow.parent_row) {
                for (const j in this.groupForm.adviceNames[index].children) {
                  if (this.groupForm.adviceNames[index].children[j].row_key == this.groupSelectRow.row_key) {
                    this.groupForm.adviceNames[index].children.splice(j, 1)
                    this.$set(this.groupForm.adviceNames, index, this.groupForm.adviceNames[index])
                    break
                  }
                }
              }
            }
          } else {
            for (const index in this.groupForm.adviceNames) {
              if (this.groupForm.adviceNames[index].row_key == this.groupSelectRow.row_key) {
                this.groupForm.adviceNames.splice(index, 1)
                break
              }
            }
          }
        }).catch(() => {
        })
      },
      submitNameForm(formName) {
        var _this = this
        this.$refs[formName].validate((valid) => {
          if (valid) {
            if (_this.nameForm.isEdit) {
              var ale = _this.groupForm.adviceNames.length
              if (_this.isChild) {
                for (let index = 0; index < ale; index++) {
                  if (_this.groupSelectRow.parent_row == _this.groupForm.adviceNames[index].row_key) {
                    var cle = _this.groupForm.adviceNames[index].children.length
                    var children = _this.groupForm.adviceNames[index].children
                    for (let j = 0; j < ale; j++) {
                      if (_this.groupSelectRow.row_key == children[j].row_key) {
                        _this.groupForm.adviceNames[index].children[j].advice_name = _this.nameForm.advice_name
                        _this.groupForm.adviceNames[index].children[j].advice_desc = _this.nameForm.advice_desc
                        _this.groupForm.adviceNames[index].children[j].single_dose = '' + _this.nameForm.single_dose
                        _this.groupForm.adviceNames[index].children[j].single_dose_unit = _this.nameForm.single_dose_unit
                        _this.groupForm.adviceNames[index].children[j].drug_spec = '' + _this.nameForm.drug_spec
                        _this.groupForm.adviceNames[index].children[j].drug_spec_unit = _this.nameForm.drug_spec_unit
                        _this.groupForm.adviceNames[index].children[j].prescribing_number = '' + _this.nameForm.prescribing_number
                        _this.groupForm.adviceNames[index].children[j].prescribing_number_unit = _this.nameForm.prescribing_number_unit
                        _this.groupForm.adviceNames[index].children[j].delivery_way = _this.nameForm.delivery_way
                        _this.groupForm.adviceNames[index].children[j].execution_frequency = _this.nameForm.execution_frequency

                        _this.$set(_this.groupForm.adviceNames[index].children, j, _this.groupForm.adviceNames[index].children[j])
                        break
                      }
                    }
                  }
                }
              } else {
                for (let index = 0; index < ale; index++) {
                  if (_this.groupSelectRow.row_key == _this.groupForm.adviceNames[index].row_key) {
                    _this.groupForm.adviceNames[index].advice_name = _this.nameForm.advice_name
                    _this.groupForm.adviceNames[index].advice_desc = _this.nameForm.advice_desc
                    _this.groupForm.adviceNames[index].single_dose = '' + _this.nameForm.single_dose
                    _this.groupForm.adviceNames[index].single_dose_unit = _this.nameForm.single_dose_unit
                    _this.groupForm.adviceNames[index].drug_spec = '' + _this.nameForm.drug_spec
                    _this.groupForm.adviceNames[index].drug_spec_unit = _this.nameForm.drug_spec_unit
                    _this.groupForm.adviceNames[index].prescribing_number = '' + _this.nameForm.prescribing_number
                    _this.groupForm.adviceNames[index].prescribing_number_unit = _this.nameForm.prescribing_number_unit
                    _this.groupForm.adviceNames[index].delivery_way = _this.nameForm.delivery_way
                    _this.groupForm.adviceNames[index].execution_frequency = _this.nameForm.execution_frequency

                    _this.$set(_this.groupForm.adviceNames, index, _this.groupForm.adviceNames[index])
                    break
                  }
                }
              }
            } else {
              if (_this.isChild) {
                _this.editRowKey++
                _this.nameForm.row_key = _this.editRowKey

                var ale = _this.groupForm.adviceNames.length
                for (let index = 0; index < ale; index++) {
                  if (_this.nameForm.parent_row == _this.groupForm.adviceNames[index].row_key) {
                    _this.groupForm.adviceNames[index].children.push(_this.nameForm)
                    _this.$set(_this.groupForm.adviceNames, index, _this.groupForm.adviceNames[index])
                    break
                  }
                }
              } else {
                _this.editRowKey++
                _this.nameForm.row_key = _this.editRowKey
                _this.groupForm.adviceNames.push(_this.nameForm)
              }
            }
            _this.nameFormVisible = false
          }
        })
        console.log(_this.groupForm.adviceNames)
      },

      openGroupChild() {
        if (this.groupSelectRow === null) {

          this.$message.error("未选择医嘱内容,无法添加子药")

          return
        } else if (this.groupSelectRow.parent_row > 0) {
          this.$notify.error({
            title: '错误',
            message: '子药不能添加子药'
          })
          return
        }
        this.nameForm = {
          advice_name: '',
          advice_desc: '',
          single_dose: '',
          single_dose_unit: '',
          drug_spec: '',
          drug_spec_unit: '',
          prescribing_number: '',
          prescribing_number_unit: '',
          delivery_way: this.groupSelectRow.delivery_way,
          execution_frequency: this.groupSelectRow.execution_frequency,
          isEdit: 0,
          index: 0,
          children: [],
          parent_row: this.groupSelectRow.row_key,
          id: 0
        }
        this.isChild = true
        this.nameFormVisible = true
        this.nameFormTitle = '添加子药内容'
      },
      openGroupAdvice(isEdit) {
        this.isChild = false
        if (isEdit) {
          if (this.groupSelectRow === null) {

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

            return
          }
          if (this.groupSelectRow.parent_row) {
            this.isChild = true
          }

          this.nameForm = {
            advice_name: this.groupSelectRow.advice_name,
            advice_desc: this.groupSelectRow.advice_desc,
            single_dose: this.groupSelectRow.single_dose != 0 ? this.groupSelectRow.single_dose : '',
            single_dose_unit: this.groupSelectRow.single_dose_unit,
            drug_spec: this.groupSelectRow.drug_spec != 0 ? this.groupSelectRow.drug_spec : '',
            drug_spec_unit: this.groupSelectRow.drug_spec_unit,
            prescribing_number: this.groupSelectRow.prescribing_number != 0 ? this.groupSelectRow.prescribing_number : '',
            prescribing_number_unit: this.groupSelectRow.prescribing_number_unit,
            delivery_way: this.isChild ? '' : this.groupSelectRow.delivery_way,
            execution_frequency: this.isChild ? '' : this.groupSelectRow.execution_frequency,
            isEdit: 1,
            index: this.groupSelectRow.index,
            id: this.groupSelectRow.id,
            children: [],
            parent_row: this.groupSelectRow.parent_row
            // row_key:this.groupSelectRow.row_key,
          }
          this.nameFormTitle = '修改医嘱内容'
        } else {
          this.nameForm = {
            advice_name: '',
            advice_desc: '',
            single_dose: '',
            single_dose_unit: '',
            drug_spec: '',
            drug_spec_unit: '',
            prescribing_number: '',
            prescribing_number_unit: '',
            delivery_way: '',
            execution_frequency: '',
            isEdit: 0,
            index: 0,
            id: 0,
            children: [],
            parent_row: 0
          }
          this.nameFormTitle = '添加医嘱内容'
        }
        this.nameFormVisible = true
      },

      changeAdvice(selection) {
        this.selectedTemplate = selection
      },
      selectAdvice(selection, row) {
        // this.selectedTemplate = [];

        console.log(selection)

        var adviceArray = this.adviceTemplateMaps[this.selectedTemp.id].DoctorAdviceTemplate
        console.log(adviceArray)
        for (let y = 0; y < adviceArray.length; y++) {
          adviceArray[y].selection = false
        }
        if (selection.length > 0) {
          for (let y = 0; y < adviceArray.length; y++) {
            for (let i = 0; i < selection.length; i++) {
              if (adviceArray[y].id == selection[i].advice_id) {
                adviceArray[y].selection = true
              }
            }
          }
        }

        console.log(adviceArray)

        if (row.children.length > 0) {
          for (const index in row.children) {
            this.$refs.selecttemplatetable.toggleRowSelection(row.children[index])
          }
        }

        // 下面两步的作用是为了上选中的数据的输出顺序不变
        for (const index in this.selectedTemp.list) {
          this.$refs.selecttemplatetable.toggleRowSelection(this.selectedTemp.list[index])
          if (this.selectedTemp.list[index].children.length > 0) {
            for (const j in this.selectedTemp.list[index].children) {
              this.$refs.selecttemplatetable.toggleRowSelection(this.selectedTemp.list[index].children[j])
            }
          }
        }

        for (const index in this.selectedTemp.list) {
          this.$refs.selecttemplatetable.toggleRowSelection(this.selectedTemp.list[index])
          if (this.selectedTemp.list[index].children.length > 0) {
            for (const j in this.selectedTemp.list[index].children) {
              this.$refs.selecttemplatetable.toggleRowSelection(this.selectedTemp.list[index].children[j])
            }
          }
        }
      },
      spanselecttable({ row, column, rowIndex, columnIndex }) {
        if (columnIndex == 0) {
          const _row = this.selectedTemp.rows[rowIndex]
          const _col = _row > 0 ? 1 : 0
          return {
            rowspan: _row,
            colspan: _col
          }
        }
      },
      calcselectedTemp() {
        var rowKeys = 0
        for (const index in this.selectedTemp.list) {
          var pkey = rowKeys
          this.selectedTemp.rows[rowKeys] = 1
          if (this.selectedTemp.list[index].children.length > 0) {
            for (const childindex in this.selectedTemp.list[index].children) {
              rowKeys++
              this.selectedTemp.rows[pkey] += 1
              this.selectedTemp.rows[rowKeys] = 0
            }
          }
          rowKeys++
          this.$nextTick(function() {
            if (this.selectedTemp.list[index].selection) {
              this.$refs.selecttemplatetable.toggleRowSelection(this.selectedTemp.list[index])
            }
          })
        }
      },
      templateTableChange(currentRow, oldCurrentRow) {
        this.selectedTemp = { 'id': 0, name: '', org_id: 0, 'list': [], 'rows': [] }
        if (currentRow == null) {
          return false
        }
        this.selectedTemp.id = currentRow.id
        this.selectedTemp.name = currentRow.name
        this.selectedTemp.org_id = currentRow.org_id
        if (this.selectedTemp.id in this.adviceTemplateMaps) {
          var mapid = this.selectedTemp.id
          var thisRowKey = 0
          for (const index in this.adviceTemplateMaps[mapid].DoctorAdviceTemplate) {
            thisRowKey++
            var item = {
              advice_name: this.adviceTemplateMaps[mapid].DoctorAdviceTemplate[index].advice_name,
              advice_desc: this.adviceTemplateMaps[mapid].DoctorAdviceTemplate[index].advice_desc,
              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,
              selection: this.adviceTemplateMaps[mapid].DoctorAdviceTemplate[index].selection,
              advice_id: this.adviceTemplateMaps[mapid].DoctorAdviceTemplate[index].id,

              isEdit: 0,
              id: 0,
              children: [],
              parent_row: 0,
              row_key: thisRowKey
            }
            if ('children' in this.adviceTemplateMaps[mapid].DoctorAdviceTemplate[index] && this.adviceTemplateMaps[mapid].DoctorAdviceTemplate[index].children.length > 0) {
              var parentRow = thisRowKey
              var children = this.adviceTemplateMaps[mapid].DoctorAdviceTemplate[index].children
              for (const key in children) {
                thisRowKey++
                var child = {
                  advice_id: children[key].id,
                  advice_name: children[key].advice_name,
                  advice_desc: children[key].advice_desc,
                  single_dose: '' + children[key].single_dose,
                  single_dose_unit: children[key].single_dose_unit,
                  drug_spec: '' + children[key].drug_spec,
                  drug_spec_unit: children[key].drug_spec_unit,
                  prescribing_number: '' + children[key].prescribing_number,
                  prescribing_number_unit: children[key].prescribing_number_unit,
                  delivery_way: children[key].delivery_way,
                  execution_frequency: children[key].execution_frequency,
                  isEdit: 0,
                  id: 0,
                  children: [],
                  parent_row: parentRow,
                  row_key: thisRowKey
                }
                item.children.push(child)
              }
              this.$set(item, 'children', item.children)
            }

            this.selectedTemp.list.unshift(item)
          }
        }
      },
      newAddTempForm() {
        this.allSelectedTemplate = []
        var thisRowKey = 0
        for (const indexs in this.adviceTemplateMaps) {
          const adviceTemplate = this.adviceTemplateMaps[indexs]
          for (const index in adviceTemplate.DoctorAdviceTemplate) {
            if (adviceTemplate.DoctorAdviceTemplate[index].selection) {
              thisRowKey++
              var item = {
                advice_name: adviceTemplate.DoctorAdviceTemplate[index].advice_name,
                advice_desc: adviceTemplate.DoctorAdviceTemplate[index].advice_desc,
                single_dose: '' + adviceTemplate.DoctorAdviceTemplate[index].single_dose,
                single_dose_unit: adviceTemplate.DoctorAdviceTemplate[index].single_dose_unit,
                drug_spec: '' + adviceTemplate.DoctorAdviceTemplate[index].drug_spec,
                drug_spec_unit: adviceTemplate.DoctorAdviceTemplate[index].drug_spec_unit,
                prescribing_number: '' + adviceTemplate.DoctorAdviceTemplate[index].prescribing_number,
                prescribing_number_unit: adviceTemplate.DoctorAdviceTemplate[index].prescribing_number_unit,
                delivery_way: adviceTemplate.DoctorAdviceTemplate[index].delivery_way,
                execution_frequency: adviceTemplate.DoctorAdviceTemplate[index].execution_frequency,
                advice_id: adviceTemplate.DoctorAdviceTemplate[index].id,
                selection: adviceTemplate.DoctorAdviceTemplate[index].selection,
                isEdit: 0,
                id: 0,
                children: [],
                parent_row: 0,
                row_key: thisRowKey
              }
              if ('children' in adviceTemplate.DoctorAdviceTemplate[index] && adviceTemplate.DoctorAdviceTemplate[index].children.length > 0) {
                var parentRow = thisRowKey
                var children = adviceTemplate.DoctorAdviceTemplate[index].children
                for (const key in children) {
                  thisRowKey++
                  var child = {
                    advice_id: children[key].id,
                    advice_name: children[key].advice_name,
                    advice_desc: children[key].advice_desc,
                    single_dose: '' + children[key].single_dose,
                    single_dose_unit: children[key].single_dose_unit,
                    drug_spec: '' + children[key].drug_spec,
                    drug_spec_unit: children[key].drug_spec_unit,
                    prescribing_number: '' + children[key].prescribing_number,
                    prescribing_number_unit: children[key].prescribing_number_unit,
                    delivery_way: children[key].delivery_way,
                    execution_frequency: children[key].execution_frequency,
                    isEdit: 0,
                    id: 0,
                    children: [],
                    parent_row: parentRow,
                    row_key: thisRowKey
                  }
                  item.children.push(child)
                  this.allSelectedTemplate.unshift(child)
                }
                this.$set(item, 'children', item.children)
              }
              this.allSelectedTemplate.unshift(item)
              adviceTemplate.DoctorAdviceTemplate[index].selection = false
            }
          }
        }

        var childMap = {}
        for (const index in this.allSelectedTemplate) {
          if (this.allSelectedTemplate[index].parent_row > 0) {
            if (!(this.allSelectedTemplate[index].parent_row in childMap)) {
              childMap[this.allSelectedTemplate[index].parent_row] = []
            }
            childMap[this.allSelectedTemplate[index].parent_row].push(this.allSelectedTemplate[index])
          }
        }

        for (const index in this.allSelectedTemplate) {
          if (this.allSelectedTemplate[index].parent_row > 0) {
            continue
          }
          this.editRowKey++
          var item = {
            advice_name: this.allSelectedTemplate[index].advice_name,
            advice_desc: this.allSelectedTemplate[index].advice_desc,
            single_dose: '' + this.allSelectedTemplate[index].single_dose,
            single_dose_unit: this.allSelectedTemplate[index].single_dose_unit,
            drug_spec: '' + this.allSelectedTemplate[index].drug_spec,
            drug_spec_unit: this.allSelectedTemplate[index].drug_spec_unit,
            prescribing_number: '' + this.allSelectedTemplate[index].prescribing_number,
            prescribing_number_unit: this.allSelectedTemplate[index].prescribing_number_unit,
            delivery_way: this.allSelectedTemplate[index].delivery_way,
            execution_frequency: this.allSelectedTemplate[index].execution_frequency,
            isEdit: 0,
            id: 0,
            children: [],
            parent_row: 0,
            row_key: this.editRowKey
          }

          if (this.allSelectedTemplate[index].children.length > 0) {
            if (this.allSelectedTemplate[index].row_key in childMap) {
              var parentRow = this.editRowKey
              var children = childMap[this.allSelectedTemplate[index].row_key]
              for (const key in children) {
                this.editRowKey++
                var child = {
                  advice_name: children[key].advice_name,
                  advice_desc: children[key].advice_desc,
                  single_dose: '' + children[key].single_dose,
                  single_dose_unit: children[key].single_dose_unit,
                  drug_spec: '' + children[key].drug_spec,
                  drug_spec_unit: children[key].drug_spec_unit,
                  prescribing_number: '' + children[key].prescribing_number,
                  prescribing_number_unit: children[key].prescribing_number_unit,
                  delivery_way: children[key].delivery_way,
                  execution_frequency: children[key].execution_frequency,
                  isEdit: 0,
                  id: 0,
                  children: [],
                  parent_row: parentRow,
                  row_key: this.editRowKey
                }
                item.children.push(child)
              }
              this.$set(item, 'children', item.children)
            }
          }

          this.groupForm.adviceNames.push(item)
        }
        this.templateFormVisible = false
      },
      addTempForm(formName) {
        var _this = this
        this.$refs[formName].validate((valid) => {
          if (valid) {
            if (_this.templateForm.id in _this.adviceTemplateMaps) {
              var mapid = _this.templateForm.id
              for (const index in _this.adviceTemplateMaps[mapid].DoctorAdviceTemplate) {
                this.editRowKey++
                var item = {
                  advice_name: _this.adviceTemplateMaps[mapid].DoctorAdviceTemplate[index].advice_name,
                  advice_desc: _this.adviceTemplateMaps[mapid].DoctorAdviceTemplate[index].advice_desc,
                  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,
                  id: 0,
                  children: [],
                  parent_row: 0,
                  row_key: this.editRowKey
                }
                if ('children' in _this.adviceTemplateMaps[mapid].DoctorAdviceTemplate[index] && _this.adviceTemplateMaps[mapid].DoctorAdviceTemplate[index].children) {
                  var parentRow = this.editRowKey
                  var children = _this.adviceTemplateMaps[mapid].DoctorAdviceTemplate[index].children
                  for (const key in children) {
                    this.editRowKey++
                    var child = {
                      advice_name: children[key].advice_name,
                      advice_desc: children[key].advice_desc,
                      single_dose: '' + children[key].single_dose,
                      single_dose_unit: children[key].single_dose_unit,
                      drug_spec: '' + children[key].drug_spec,
                      drug_spec_unit: children[key].drug_spec_unit,
                      prescribing_number: '' + children[key].prescribing_number,
                      prescribing_number_unit: children[key].prescribing_number_unit,
                      delivery_way: children[key].delivery_way,
                      execution_frequency: children[key].execution_frequency,
                      isEdit: 0,
                      id: 0,
                      children: [],
                      parent_row: parentRow,
                      row_key: this.editRowKey
                    }
                    item.children.push(child)
                  }
                  _this.$set(item, 'children', item.children)
                }

                _this.groupForm.adviceNames.unshift(item)
              }
            }
            _this.templateFormVisible = false
          }
        })
      },
      openAdviceTemplate() {
        this.templateForm = { id: '' }
        this.selectedTemp = { 'id': 0, name: '', org_id: 0, 'list': [], 'rows': [] }
        this.selectedTemplate = []
        if (typeof (this.$refs.templatetable) !== 'undefined') {
          this.$refs.templatetable.setCurrentRow(null)
        }
        this.templateFormVisible = true
      },
      selectGroupAdvice(row) {
        this.groupSelectRow = row
      },
      groupClassName({ row, rowIndex }) {
        row.index = rowIndex
      },
      getRowKey(row) {
        return row.row_key
      },
      resetForm(formName) {
        this.$refs[formName].resetFields()
      },
      open() {
        this.groupAddFormVisible = true
        this.groupSelectRow = null
        if (typeof (this.$refs.advicenametable) !== 'undefined') {
          this.$refs.advicenametable.setCurrentRow(null)
        }
        this.editRowKey = 0
        this.groupForm = {
          advice_type: 2,
          advice_date: this.recordDate,
          start_time: '',
          adviceNames: [],
          advice_doctor: '',
          remark: '',
          parent_id: 0
        }
        var xtuser = this.$store.getters.xt_user
        // this.orgname = xtuser.org.org_name;
        this.adminusername = xtuser.user.user_name
      }, selectAllTemplateAdvice(selection) {
        var adviceArray = this.adviceTemplateMaps[this.selectedTemp.id].DoctorAdviceTemplate
        for (let y = 0; y < adviceArray.length; y++) {
          adviceArray[y].selection = false
        }
        if (selection.length > 0) {
          for (let y = 0; y < adviceArray.length; y++) {
            for (let i = 0; i < selection.length; i++) {
              if (adviceArray[y].id == selection[i].advice_id) {
                adviceArray[y].selection = true
              }
            }
          }
        }
      }, cancleDialog() {
        this.templateFormVisible = false
        for (const indexs in this.adviceTemplateMaps) {
          const adviceTemplate = this.adviceTemplateMaps[indexs]
          for (const index in adviceTemplate.DoctorAdviceTemplate) {
            adviceTemplate.DoctorAdviceTemplate[index].selection = false
          }
        }
      }
    },
    watch: {
      'selectedTemp.list': function() {
        this.calcselectedTemp()
      }
    }

  }
</script>

<style>
  #user-edit-advice-name-table .el-table__row {
    display: table-row !important;
  }

  #user-edit-advice-name-table .el-table__expand-icon {
    -webkit-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
  }

  #dialysis-add-select-template-table .el-table__row {
    display: table-row !important;
  }

  #dialysis-add-select-template-table .el-table__expand-icon {
    -webkit-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
  }
</style>