xt_pad/src/pages/main/dialysis/AdviceTable.vue

<template>
  <div class="fixedTop">
    <div class="choice">
      <ul>
        <li>
          日期查询：
          <div class @click="selectStartSearchTime">
            {{startSearchTimeShow}}
            <span class="iconfont">&#xe74a;</span>
          </div>
          <span class="line"></span>
          <div class @click="selectEndSearchTime">
            {{endSearchTimeShow}}
            <span class="iconfont">&#xe74a;</span>
          </div>
        </li>

        <el-popover placement="bottom" trigger="click">
          <li slot="reference">
            {{adviceNameShow}}
            <span class="iconfont">&#xe74a;</span>
          </li>
          <div class="popover-demo-content">
            <ul>
              <li
                v-for="onet in adviceTypes"
                :class="onet.id == queryParams.advice_type?'tick':''"
                :key="onet.id"
                @click="selectType(onet.id,onet.show)"
              >{{onet.name}}</li>
            </ul>
          </div>
        </el-popover>

        <el-popover placement="bottom" trigger="click">
          <li slot="reference">
            {{stopNameShow}}
            <span class="iconfont">&#xe74a;</span>
          </li>
          <div class="popover-demo-content">
            <ul>
              <li
                v-for="onet in stopTypes"
                :class="onet.id == queryParams.stop_state?'tick':''"
                :key="onet.id"
                @click="selectStopType(onet.id, onet.show)"
              >{{onet.name}}</li>
            </ul>
          </div>
        </el-popover>
      </ul>
    </div>

    <div class="tableSearch">
      <ul>
        <li>
          <span class="iconfont">&#xe741;</span>
          <input
            type="search"
            class="search"
            v-model="queryParams.keywords"
            @change="searchKey()"
            placeholder="搜索"
          />
        </li>
      </ul>
    </div>
    <!-- <div style="width:100%;overflow:hildden;overflow-x:auto;" class="AdviceTable">
      <table class="table" style>
        <tr>
          <th width="177px">期效</th>

          <th width="334px">开始时间</th>
          <th width="415px">医嘱内容</th>
          <th width="220px">规格</th>
          <th width="164px">开药数量</th>
          <th width="164px">单次用量</th>
          <th width="286px">给药途径</th>
          <th width="177px">执行频率</th>
          <th width="177px">执行时间</th>
          <th width="177px">执行护士</th>

          <th width="177px">开嘱医生</th>
          <th width="177px">开嘱时间</th>
          <th width="177px">校对护士</th>
          <th width="177px">校对时间</th>

          <th width="177px">停止时间</th>
          <th width="177px">停止原因</th>
          <th width="177px">停嘱医生</th>
          <th width="700px">操作</th>
        </tr>
        <template v-for="(group, group_index) in advice_groups">
          <tr v-for="(advice, advice_index) in group.advices" :key="advice.id">

            <td v-if="advice_index == 0" :rowspan="group.advices.length">
              <span v-if="advice.advice_type == 1">长嘱</span>
              <span v-if="advice.advice_type == 2">临嘱</span>
              <span v-if="advice.advice_type == 3">临嘱</span>
            </td>

            <td
              v-if="advice_index == 0"
              :rowspan="group.advices.length"
            >{{ parseTime(advice.start_time, "{m}-{d}{h}:{i}") }}</td>
            <td
              :class="{ 'advice_name': advice.parent_id == 0, 'subdrug_name': advice.parent_id > 0 }"
            >
              {{
              advice.advice_name }}
            </td>
            <td>{{ advice.advice_desc }}{{advice.drug_spec_unit}}</td>
            <td>
              <span
                v-if="advice.prescribing_number"
              >{{ advice.prescribing_number }}{{ advice.prescribing_number_unit }}</span>
            </td>
            <td>
              <span v-if="advice.single_dose">{{ advice.single_dose }} {{ advice.single_dose_unit }}</span>
            </td>
            <td>{{ advice.parent_id == 0 ? advice.delivery_way : '' }}</td>
            <td>{{ advice.parent_id == 0 ? advice.execution_frequency : '' }}</td>

            <td
              v-if="advice_index == 0"
              :rowspan="group.advices.length"
            >{{ parseTime(advice.execution_time, "{m}-{d}{h}:{i}") }}</td>
            <td v-if="advice_index == 0" :rowspan="group.advices.length">
              <span
                v-if="advice.stop_state == 1 && advice.parent_id == 0"
              >{{ tranDoctor(advice.execution_staff) }}</span>
            </td>

            <td v-if="advice_index == 0" :rowspan="group.advices.length">
              <span
                v-if="advice.stop_state == 1 && advice.parent_id == 0"
              >{{ tranDoctor(advice.advice_doctor) }}</span>
            </td>
            <td
              v-if="advice_index == 0"
              :rowspan="group.advices.length"
            >{{ parseTime(advice.created_time, "{m}-{d}{h}:{i}") }}</td>

            <td v-if="advice_index == 0" :rowspan="group.advices.length">
              <span
                v-if="advice.stop_state == 1 && advice.parent_id == 0"
              >{{ tranDoctor(advice.checker) }}</span>
            </td>
            <td
              v-if="advice_index == 0"
              :rowspan="group.advices.length"
            >{{ parseTime(advice.check_time, "{m}-{d}{h}:{i}") }}</td>

            <td v-if="advice_index == 0" :rowspan="group.advices.length">
              {{ advice.stop_state == 1 && advice.parent_id
              == 0 ? parseTime(advice.stop_time, '{y}-{m}-{d} {h}:{i}') : '' }}
            </td>
            <td v-if="advice_index == 0" :rowspan="group.advices.length">
              <span v-if="advice.stop_state == 1 && advice.parent_id == 0">{{ advice.stop_reason }}</span>
            </td>
            <td v-if="advice_index == 0" :rowspan="group.advices.length">
              <span
                v-if="advice.stop_state == 1 && advice.parent_id == 0"
              >{{ tranDoctor(advice.stop_doctor) }}</span>
            </td>

            <td class="advice_name">
              <span class="xg" @click="modifyAdviceAction(group_index, advice_index)">
                <span class="iconfont">&#xe6f7;</span>修改医嘱
              </span>
              <span
                class="xg"
                v-if="advice.parent_id == 0 && advice.stop_state != 1"
                @click="stopAdviceAction(group_index, advice_index)"
              >
                <span class="iconfont">&#xe64c;</span>停止医嘱
              </span>
              <span class="sc" @click="deleteAdviceAction(group_index, advice_index)">
                <span class="iconfont">&#xe6f8;</span>删除医嘱
              </span>
              <span
                class="xg"
                v-if="advice.parent_id == 0 && advice.stop_state != 1"
                @click="addSubdrugAction(group_index, advice_index)"
              >
                <span class="iconfont">&#xe604;</span>添加子药
              </span>
            </td>
          </tr>
        </template>

      </table>
      <div class="NoData" v-show="advice_groups.length == 0">
        <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
      </div>
    </div> -->
    <el-table :data="tableData" border style="width: 100%">
      <el-table-column fixed prop="date" label="期效" width="100" align="center">
        <template slot-scope="scope">
              <span v-if="scope.row.advice_type == 1">长嘱</span>
              <span v-if="scope.row.advice_type == 2">临嘱</span>
              <span v-if="scope.row.advice_type == 3">临嘱</span>
        </template>
      </el-table-column>
      <el-table-column prop="name" label="开始时间" width="100" align="center">
        <template slot-scope="scope">
            {{ parseTime(scope.row.start_time, "{m}-{d} {h}:{i}") }}
        </template>
      </el-table-column>
      <el-table-column prop="province" label="医嘱内容" width="120" align="center">
        <template slot-scope="scope">
           {{ scope.row.advice_name }}
        </template>
      </el-table-column>
      <el-table-column prop="city" label="规格" width="120" align="center">
        <template slot-scope="scope">
          {{ scope.row.advice_desc }}{{scope.row.drug_spec_unit}}
        </template>
      </el-table-column>
      <el-table-column prop="address" label="开药数量" width="100" align="center">
        <template slot-scope="scope">
           <span
                v-if="scope.row.prescribing_number"
              >{{ scope.row.prescribing_number }}{{ scope.row.prescribing_number_unit }}</span>
        </template>
      </el-table-column>
      <el-table-column prop="date" label="单次用量" width="100" align="center">
        <template slot-scope="scope">
          <span v-if="scope.row.single_dose">{{ scope.row.single_dose }} {{ scope.row.single_dose_unit }}</span>
        </template>
      </el-table-column>
      <el-table-column prop="name" label="给药途径" width="100" align="center">
        <template slot-scope="scope">
           {{ scope.row.parent_id == 0 ? scope.row.delivery_way : '' }}
        </template>
      </el-table-column>
      <el-table-column prop="province" label="执行频率" width="120" align="center">
        <template slot-scope="scope">
            {{ scope.row.parent_id == 0 ? scope.row.execution_frequency : '' }}
        </template>
      </el-table-column>
      <el-table-column prop="city" label="执行时间" width="120" align="center">
        <template slot-scope="scope">
           {{ parseTime(scope.row.execution_time, "{m}-{d}{h}:{i}") }}
        </template>
      </el-table-column>
      <el-table-column prop="address" label="执行护士" width="100" align="center">
        <template slot-scope="scope">
             <span
                v-if="scope.row.stop_state == 1 && scope.row.parent_id == 0"
              >{{ tranDoctor(scope.row.execution_staff) }}</span>
        </template>
      </el-table-column>
      <el-table-column prop="date" label="开嘱医生" width="100" align="center">
        <template slot-scope="scope">
                <span
                v-if="scope.row.stop_state == 1 && scope.row.parent_id == 0"
              >{{ tranDoctor(scope.row.advice_doctor) }}</span>
        </template>
      </el-table-column>
      <el-table-column prop="name" label="开嘱时间" width="100" align="center">
        <template slot-scope="scope">
           {{ parseTime(scope.row.created_time, "{m}-{d}{h}:{i}") }}
        </template>
      </el-table-column>
      <el-table-column prop="province" label="校对护士" width="120" align="center">
        <template slot-scope="scope">
             <span
                v-if="scope.row.stop_state == 1 && scope.row.parent_id == 0"
              >{{ tranDoctor(scope.row.checker) }}</span>
        </template>
      </el-table-column>
      <el-table-column prop="city" label="校对时间" width="120" align="center">
        <template slot-scope="scope">
          {{ parseTime(scope.row.check_time, "{m}-{d}{h}:{i}") }}
        </template>
      </el-table-column>
      <el-table-column prop="date" label="停止时间" width="100" align="center">
        <template slot-scope="scope">
          {{ scope.row.stop_state == 1 && scope.row.parent_id
              == 0 ? parseTime(scope.row.stop_time, '{y}-{m}-{d} {h}:{i}') : '' }}
        </template>
      </el-table-column>
      <el-table-column prop="name" label="停止原因" width="100" align="center">
        <template slot-scope="scope">
             <span v-if="scope.row.stop_state == 1 && scope.row.parent_id == 0">{{ scope.row.stop_reason }}</span>
        </template>
      </el-table-column>
      <el-table-column prop="province" label="停嘱医生" width="120" align="center">
        <template slot-scope="scope">
              <span
                v-if="scope.row.stop_state == 1 && scope.row.parent_id == 0"
              >{{ tranDoctor(scope.row.stop_doctor) }}</span>
        </template>
      </el-table-column>
      <el-table-column label="操作" width="500">
        <template slot-scope="scope">
          <span class="xg" @click="modifyAdviceAction( scope.$index,0)">
            <span class="iconfont">&#xe6f7;</span>修改医嘱
          </span>
          <span class="xg" @click="stopAdviceAction(scope.$index, 0)">
            <span class="iconfont">&#xe64c;</span>停止医嘱
          </span>
          <span class="sc" @click="deleteAdviceAction(scope.$index, 0)">
            <span class="iconfont">&#xe6f8;</span>删除医嘱
          </span>
          <span class="xg" @click="addSubdrugAction(scope.$index, 0)">
            <span class="iconfont">&#xe604;</span>添加子药
          </span>
        </template>
      </el-table-column>
    </el-table>
    <mt-datetime-picker
      ref="start_date_picker"
      type="date"
      @confirm="handleStartDateConfirm"
      v-model="start_time"
    ></mt-datetime-picker>

    <mt-datetime-picker
      ref="end_date_picker"
      type="date"
      @confirm="handleEndDateConfirm"
      v-model="end_time"
    ></mt-datetime-picker>

    <van-popup title="医嘱" v-model="showPopup" :overlay="true" :close-on-click-overlay="false">
      <advice-form
        ref="subdrug_form"
        @back="showPopup = false"
        @did-create-subdrug="didAddSubdrug"
        :single_dose_unit_options="unitsOption"
        :prescribing_number_unit_options="unitsOption"
      ></advice-form>

      <modify-advice-form
        ref="modify_advice_form"
        @back="showPopup = false"
        @did-modify="didModifyAdvice"
        :delivery_way_options="deliveryWayOptions"
        :execution_frequency_options="executionFrequencyOptions"
        :single_dose_unit_options="unitsOption"
        :prescribing_number_unit_options="unitsOption"
      ></modify-advice-form>

      <!-- <div class="Dialog" v-show="showForm">
        <div class="DialogTit">
          <div class="back" @click="popupDidHide()">
            <span class="iconfont">&#xe720;</span>返回
          </div>
          <h1 class="name">{{formTitle}}</h1>
          <span class="success" v-if="adviceForm.id>0" @click="submitEditAdvice">完成</span>
          <span class="success" v-else @click="submitNewAdvice">完成</span>
        </div>
        <div class="DialogContent choose advice-top" id="advice-top">
          <div class="content clearfix">
            <div>
              <div class="cell">
                <label>医嘱类型</label>
                <el-input ref="advice_type" :value="adviceForm.advice_type==1?'长期':'临时'" disabled></el-input>
              </div>
              <div class="cell">
                <label>医嘱时间</label>
                <el-input v-model="adviceForm.advice_date" readonly></el-input>
              </div>
              <div class="cell">
                <label>开始时间</label>
                <el-input v-model="adviceForm.start_time" readonly @focus="chooseTime"></el-input>
              </div>
              <div class="cell">
                <label>医嘱名称</label>
                <el-input
                  v-model="adviceForm.advice_name"
                  readonly
                  @focus="showSubMenu('advice_name')"
                ></el-input>
              </div>
              <div class="cell">
                <label>给药途径</label>

                <el-input
                  v-model="adviceForm.delivery_way"
                  readonly
                  @focus="showSubMenu('delivery_way')"
                  :disabled="adviceForm.parent_id==0?false:true"
                ></el-input>
              </div>
              <div class="cell">
                <label>执行频率</label>

                <el-input
                  v-model="adviceForm.execution_frequency"
                  readonly
                  @focus="showSubMenu('execution_frequency')"
                  :disabled="adviceForm.parent_id==0?false:true"
                ></el-input>
              </div>
              <div class="cell">
                <label>医嘱描述</label>
                <el-input v-model="adviceForm.advice_desc"></el-input>
              </div>
              <div class="cell">
                <label>单次用量</label>
                <input
                  type="number"
                  class="inputBox"
                  style="width:60%"
                  v-model="adviceForm.single_dose"
                >
                <input
                  type="text"
                  readonly
                  class="inputBox"
                  style="width:35%"
                  v-model="adviceForm.single_dose_unit"
                  @focus="showSubMenu('single_dose_unit')"
                >
              </div>
              <div class="cell">
                <label>开药数量</label>
                <input
                  type="number"
                  class="inputBox"
                  style="width:60%"
                  v-model="adviceForm.prescribing_number"
                >
                <input
                  type="text"
                  readonly
                  class="inputBox"
                  style="width:35%"
                  v-model="adviceForm.prescribing_number_unit"
                  @focus="showSubMenu('prescribing_number_unit')"
                >
              </div>
              <div class="cell width">
                <label>开嘱医生：</label>
                <span>{{doctor}}</span>
              </div>
            </div>
          </div>
        </div>
      </div>

      <mt-datetime-picker ref="picker" type="datetime" @confirm="handleConfirm" v-model="nowTime"></mt-datetime-picker>
      <check-box-sub-menu
        :visibility="visibility"
        v-on:menu-cancle="menuCancle"
        v-on:menu-comfirm="menuComfirm"
        :propsForm="propForm"
      ></check-box-sub-menu>-->
    </van-popup>
    <van-popup title="停止医嘱" v-model="stopPopup" :overlay="true" :close-on-click-overlay="false">
      <div class="Dialog" v-show="showForm">
        <div class="DialogTit">
          <div class="back" @click="popupDidHide()">
            <span class="iconfont">&#xe720;</span>返回
          </div>
          <h1 class="name">停止医嘱</h1>
          <span class="success" @click="submitStopAdvice">完成</span>
        </div>
        <div class="DialogContent choose advice-top" id="advice-stop">
          <div class="content clearfix">
            <div>
              <div class="cell width">
                <label>停止时间</label>
                <el-input v-model="stopForm.stop_time" readonly @focus="chooseStopTime"></el-input>
              </div>

              <div class="cell width">
                <label>停止原因</label>
                <el-input v-model="stopForm.stop_reason" type="textarea"></el-input>
              </div>
              <div class="cell width">
                <label>当前医生：</label>
                <span>{{doctor}}</span>
              </div>
            </div>
          </div>
        </div>
      </div>

      <mt-datetime-picker
        ref="stoptime"
        type="datetime"
        @confirm="handleStopConfirm"
        v-model="nowTime"
      ></mt-datetime-picker>
    </van-popup>
  </div>
</template>

<script>
import { Dialog, Toast } from 'vant'
import { GetDoctorAdvices } from '@/api/patient'
import { parseTime } from '@/utils'
import { fetchAllAdminUsers } from '@/api/doctor'
import CheckBoxSubMenu from '../dialog/subMenu/checkBoxSubMenu'
import {
  CheckDoctorAdvice,
  CreateDoctorAdvice,
  DeleteDoctorAdviceNew,
  EditDoctorAdvice,
  ExecDoctorAdvice,
  getAdviceConfig,
  StopDoctorAdvice
} from '@/api/advice'
import { getDataConfig } from '@/utils/data'
import AdviceForm from '@/pages/main/dialog/new_order/order_form'
import ModifyAdviceForm from '@/pages/main/dialog/modify_order/modify_order_form'

let allno = 1
let adviceno = 1

export default {
  name: 'AdviceTable',
  components: {
    CheckBoxSubMenu,
    AdviceForm,
    ModifyAdviceForm
  },
  data () {
    return {
      doctor_id: 0,
      formTitle: '修改医嘱',
      startSearchTimeShow: '选择日期',
      endSearchTimeShow: '选择日期',

      start_time: new Date(),
      end_time: new Date(),
      nowTime: new Date(),

      adviceNameShow: '医嘱类型',
      stopNameShow: '显示范围',
      adviceTypes: [
        { id: 0, name: '全部', show: '医嘱类型' },
        { id: 1, name: '长期', show: '长期' },
        { id: 3, name: '临时', show: '临时' }
      ],

      stopTypes: [
        { id: 0, name: '全部', show: '未停止' },
        { id: 2, name: '未停止', show: '未停止' },
        { id: 1, name: '已停止', show: '已停止' }
      ],
      tableDate: [],
      advice_groups: [],
      queryParams: {
        id: 0,
        advice_type: 0,
        stop_state: 0,
        start_time: '',
        end_time: '',
        keywords: '',
        need_doctor: 1
      },
      adminUserOptions: {},
      showPopup: false,
      showForm: true,
      adviceForm: {
        id: 0,
        advice_type: 3,
        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
      },
      currentIndex: -1,
      doctor: '',
      visibility: false,
      propForm: {
        title: '',
        list: [],
        optionList: [],
        isMultiple: 2,
        result: [], // 选中的值
        type: 1, // 用来区分不同子菜单，方便对返回值进行赋值
        selectId: 0
      },
      deliveryWayOptions: [],
      deliveryWayOjb: {},
      executionFrequencyOptions: [],
      executionFrequencyObj: {},
      adviceTemplates: [],
      adviceTemplateMaps: {},
      unitsOption: [],
      unitsObj: [],
      stopPopup: false,

      stopForm: {
        id: 0,
        stop_time: '',
        stop_reason: '',
        group_index: -1,
        advice_index: -1
      },
      record_date: '',
      patient_id: 0,

      new_subdrug_context: {
        group_index: -1,
        advice_index: -1
      },
      modify_advice_context: {
        group_index: -1,
        advice_index: -1
      },
      tableData: []
    }
  },
  methods: {
    // openNewChild(index, item) {
    //   if (item.stop_state == 1 || item.execution_state == 1) {
    //     Toast("医嘱已停止或执行，不能添加子医嘱");
    //     return false;
    //   }
    //   this.adviceForm = {
    //     id: 0,
    //     advice_type: 2,
    //     advice_date: parseTime(item.advice_date, "{y}-{m}-{d}"),
    //     start_time: parseTime(item.start_time, "{y}-{m}-{d} {h}:{i}:00"),
    //     advice_name: "",
    //     advice_desc: "",
    //     single_dose: "",
    //     single_dose_unit: "",
    //     prescribing_number: "",
    //     prescribing_number_unit: "",
    //     delivery_way: item.delivery_way,
    //     execution_frequency: item.execution_frequency,
    //     advice_doctor: "",
    //     remark: "",
    //     parent_id: item.id
    //   };
    //   this.formTitle = "添加子药";
    //   this.showPopup = true;
    // },
    deleteAdviceAction: function (group_index, advice_index) {
      Dialog.confirm({
        title: '医嘱删除',
        message: '确认删除这条医嘱吗?'
      }).then(() => {
        Toast.loading({ forbidClick: true, duration: 0 })
        var group_no = 0
        var advice_id = this.advice_groups[group_index].advices[advice_index]
          .id
        DeleteDoctorAdviceNew(group_no, advice_id)
          .then(rs => {
            if (rs.data.state == 1) {
              var group = this.advice_groups[group_index]
              var advice = group.advices[advice_index]
              if (advice.parent_id > 0) {
                group.advices.splice(advice_index, 1)
              } else {
                var child_count = 0
                for (
                  let index = advice_index + 1;
                  index < group.advices.length;
                  index++
                ) {
                  const adv = group.advices[index]
                  if (adv.parent_id == advice.id) {
                    child_count++
                  }
                }
                group.advices.splice(group_index, child_count + 1)
              }
              if (group.advices.length == 0) {
                this.advice_groups.splice(group_index, 1)
              }
              Toast.success('删除成功')
            } else {
              Toast.fail(rs.data.msg)
            }
          })
          .catch(err => {
            Toast.fail(err)
          })
      })
    },
    deleteResetData (index, row) {
      if (row.parent_id > 0) {
        this.tableDate.splice(index, 1)
      } else {
        var spliceIndex = -1
        var splitNums = 0
        for (var kndex in this.tableDate) {
          if (this.tableDate[kndex].id == row.id) {
            spliceIndex = kndex
            splitNums++
          } else if (this.tableDate[kndex].parent_id == row.id) {
            splitNums++
          }
        }
        this.tableDate.splice(spliceIndex, splitNums)
      }
    },
    // openStop(index, item) {
    //   if (item.stop_state == 1) {
    //     Toast("医嘱已停止");
    //     return false;
    //   }
    //   this.stopForm.id = item.parent_id > 0 ? item.parent_id : item.id;
    //   this.stopForm.stop_time = "";
    //   this.stopForm.stop_reason = "";

    //   this.currentIndex = index;
    //   this.stopPopup = true;
    // },
    stopAdviceAction: function (group_index, advice_index) {
      var group = this.advice_groups[group_index]
      var advice = group.advices[advice_index]
      if (advice.stop_state == 1) {
        Toast('医嘱已停止')
        return
      }

      this.stopForm.id = advice.parent_id > 0 ? advice.parent_id : advice.id
      this.stopForm.stop_time = ''
      this.stopForm.stop_reason = ''
      this.stopForm.group_index = group_index
      this.stopForm.advice_index = advice_index

      this.stopPopup = true
    },
    submitStopAdvice () {
      if (this.stopForm.stop_time.length == 0) {
        Toast('请选择停止时间')
        return false
      }
      if (this.stopForm.stop_reason.length == 0) {
        Toast('请填写停止原因')
        return false
      }
      Toast.loading({ forbidClick: true, duration: 0 })
      StopDoctorAdvice(this.stopForm.id, {
        id: this.stopForm.id,
        stop_time: this.stopForm.stop_time,
        stop_reason: this.stopForm.stop_reason
      }).then(response => {
        if (response.data.state == 0) {
          Toast.fail(response.data.msg)
          return false
        } else {
          Toast.success('医嘱停止成功')

          var group_index = this.stopForm.group_index
          var advice_index = this.stopForm.advice_index
          var group = this.advice_groups[group_index]
          var advice = group.advices[advice_index]
          for (
            let index = advice_index;
            index < group.advices.length;
            index++
          ) {
            const adv = group.advices[index]
            if (adv.id == advice.id || adv.parent_id == advice.id) {
              adv.stop_state = 1
              adv.stop_doctor = response.data.data.advice.stop_doctor
              adv.stop_reason = response.data.data.advice.stop_reason
              adv.stop_time = response.data.data.advice.stop_time
            }
          }
          this.popupDidHide()
          return false
        }
      })
    },
    parseTime: function (time, layout) {
      if (time == 0) {
        return ''
      }
      return parseTime(time, layout)
    },
    openEdit (index, item) {
      if (item.advice_type == 1) {
        Toast('长期医嘱不能修改')
        return false
      }

      if (item.stop_state == 1 || item.execution_state == 1) {
        Toast('医嘱已停止或执行，不能修改')
        return false
      }

      if (item.advice_doctor != this.doctor_id) {
        Toast('不能修改非本人添加的医嘱')
        return false
      }

      this.currentIndex = index
      for (var key in this.adviceForm) {
        this.adviceForm[key] = item[key]
      }
      this.adviceForm.advice_date = parseTime(
        this.adviceForm.advice_date,
        '{m}-{d}'
      )
      this.adviceForm.start_time = parseTime(
        this.adviceForm.start_time,
        '{m}-{d} {h}:{i}:00'
      )

      this.formTitle = '修改医嘱'
      this.showPopup = true
    },
    popupDidHide () {
      this.showPopup = false
      this.showForm = true
      this.visibility = false
      this.stopPopup = false
    },
    // modifyAdviceAction (id, index) {
    //   console.log('id', id)
    //   console.log('index', index)
    // },

    modifyAdviceAction: function (group_index, advice_index) {
      console.log('group_index', group_index)
      console.log('advice_index', advice_index)
      var group = this.advice_groups[group_index]
      var advice = group.advices[advice_index]
      if (advice.advice_type == 1) {
        Toast('长期医嘱不能修改')
        return
      }

      if (advice.stop_state == 1 || advice.execution_state == 1) {
        Toast('医嘱已停止或执行，不能修改')
        return
      }

      if (advice.advice_doctor != this.doctor_id) {
        Toast('不能修改非本人添加的医嘱')
        return
      }

      this.modify_advice_context.group_index = group_index
      this.modify_advice_context.advice_index = advice_index

      this.showPopup = true
      this.$nextTick(() => {
        this.$refs.modify_advice_form.showWithModify({
          id: advice.id,
          parent_id: advice.parent_id,
          title: advice.advice_name,
          advice_desc: advice.advice_desc,

          // drug_spec: advice.drug_spec,
          drug_spec_unit: advice.drug_spec_unit,
          delivery_way: advice.delivery_way,
          execution_frequency: advice.execution_frequency,
          single_dose: advice.single_dose,
          single_dose_unit: advice.single_dose_unit,
          prescribing_number: advice.prescribing_number,
          prescribing_number_unit: advice.prescribing_number_unit
        })
      })
    },
    didModifyAdvice: function (advice) {
      Toast.loading({ forbidClick: true, duration: 0 })
      EditDoctorAdvice(advice.id, {
        advice_name: advice.title,
        advice_desc: advice.advice_desc,
        // drug_spec: String(advice.drug_spec),
        drug_spec_unit: advice.drug_spec_unit,
        delivery_way: advice.delivery_way,
        execution_frequency: advice.execution_frequency,
        single_dose: String(advice.single_dose),
        single_dose_unit: advice.single_dose_unit,
        prescribing_number: String(advice.prescribing_number),
        prescribing_number_unit: advice.prescribing_number_unit
      }).then(response => {
        if (response.data.state == 0) {
          Toast.fail(response.data.msg)
          return false
        } else {
          Toast.success('修改成功')

          var resp_advice = response.data.data.advice
          var group_index = this.modify_advice_context.group_index
          var advice_index = this.modify_advice_context.advice_index
          var group = this.advice_groups[group_index]
          var advice = group.advices[advice_index]

          advice.advice_name = resp_advice.advice_name
          advice.advice_desc = resp_advice.advice_desc;
          // advice.drug_spec = resp_advice.drug_spec
          (advice.drug_spec_unit = resp_advice.drug_spec_unit),
          (advice.delivery_way = resp_advice.delivery_way),
          (advice.execution_frequency = resp_advice.execution_frequency),
          (advice.single_dose = resp_advice.single_dose),
          (advice.single_dose_unit = resp_advice.single_dose_unit),
          (advice.prescribing_number = resp_advice.prescribing_number),
          (advice.prescribing_number_unit =
              resp_advice.prescribing_number_unit)

          // for (let index = 0; index < group.advices.length; index++) {
          //   const advice = group.advices[index];
          //   if (advice.id == resp_advice.id) {
          //     advice.advice_name = resp_advice.advice_name
          //     advice.drug_spec = resp_advice.drug_spec
          //     advice.drug_spec_unit = resp_advice.drug_spec_unit,
          //     advice.delivery_way = resp_advice.delivery_way,
          //     advice.execution_frequency = resp_advice.execution_frequency,
          //     advice.single_dose = resp_advice.single_dose,
          //     advice.single_dose_unit = resp_advice.single_dose_unit,
          //     advice.prescribing_number = resp_advice.prescribing_number,
          //     advice.prescribing_number_unit = resp_advice.prescribing_number_unit
          //     break
          //   }
          // }

          this.$refs.modify_advice_form.dismiss()
          this.modify_advice_context.group_index = -1
          this.modify_advice_context.advice_index = -1
          this.popupDidHide()
          return false
        }
      })
    },
    submitEditAdvice () {
      if (this.adviceForm.advice_name.length == 0) {
        Toast('请填写医嘱名称')
        return
      }
      if (this.adviceForm.start_time.length == 0) {
        Toast('请选择开始时间')
        return
      }
      Toast.loading({ forbidClick: true, duration: 0 })
      EditDoctorAdvice(this.adviceForm.id, this.adviceForm).then(response => {
        if (response.data.state == 0) {
          Toast.fail(response.data.msg)
          return false
        } else {
          Toast.success('修改成功')

          for (var key in response.data.data.advice) {
            this.tableDate[this.currentIndex][key] =
              response.data.data.advice[key]
          }

          if (this.adviceForm.parent_id > 0) {
            this.tableDate[this.currentIndex].start_time_show = ''
          } else {
            this.tableDate[this.currentIndex].start_time_show = parseTime(
              response.data.data.advice.start_time,
              '{m}-{d} {h}:{i}'
            )
          }

          this.currentIndex = -1
          this.popupDidHide()
          return false
        }
      })
    },
    addSubdrugAction: function (group_index, advice_index) {
      console.log('group_index', group_index)
      console.log('advice_index', advice_index)
      var group = this.advice_groups[group_index]
      var advice = group.advices[advice_index]
      this.showPopup = true
      this.new_subdrug_context.group_index = group_index
      this.new_subdrug_context.advice_index = advice_index

      this.$nextTick(() => {
        this.$refs.subdrug_form.showWithNewSubDrug(
          advice.id,
          parseTime(advice.record_date, '{y}-{m}-{d}'),
          parseTime(advice.start_time, '{y}-{m}-{d} {h}:{i}'),
          advice.delivery_way,
          advice.execution_frequency
        )
      })
    },
    didAddSubdrug: function (subdrug) {
      Toast.loading({ forbidClick: true, duration: 0 })
      CreateDoctorAdvice(this.patient_id, {
        parent_id: subdrug.parent_id,
        advice_type: 3,
        advice_date: subdrug.record_time,
        start_time: subdrug.start_time,
        advice_name: subdrug.title,
        advice_desc: subdrug.advice_desc,
        // drug_spec: String(subdrug.drug_spec),
        drug_spec_unit: subdrug.drug_spec_unit,
        single_dose: String(subdrug.single_dose),
        single_dose_unit: subdrug.single_dose_unit,
        prescribing_number: String(subdrug.prescribing_number),
        prescribing_number_unit: subdrug.prescribing_number_unit
      })
        .then(rs => {
          if (rs.data.state == 0) {
            Toast.fail(rs.data.msg)
          } else {
            Toast.success('添加成功')
            var resp_advice = rs.data.data.advice
            var group_index = this.new_subdrug_context.group_index
            var advice_index = this.new_subdrug_context.advice_index
            var group = this.advice_groups[group_index]

            var insert_index = -1
            var last_child_index = -1
            for (
              let index = advice_index + 1;
              index < group.advices.length;
              index++
            ) {
              const advice = group.advices[index]
              if (resp_advice.parent_id != advice.parent_id) {
                insert_index = index
                break
              } else {
                last_child_index = index
              }
            }
            if (insert_index < 0) {
              if (last_child_index < 0) {
                group.advices.splice(advice_index + 1, 0, resp_advice)
              } else {
                group.advices.splice(last_child_index + 1, 0, resp_advice)
              }
            } else {
              group.advices.splice(insert_index, 0, resp_advice)
            }

            this.$refs.subdrug_form.dismiss()
            this.new_subdrug_context.group_index = -1
            this.new_subdrug_context.advice_index = -1
            this.popupDidHide()
          }
        })
        .catch(err => {
          Toast.fail(err)
        })
    },
    // submitNewAdvice() {
    //   if (this.adviceForm.advice_name.length == 0) {
    //     Toast("请填写医嘱名称");
    //     return;
    //   }
    //   if (this.adviceForm.start_time.length == 0) {
    //     Toast("请选择开始时间");
    //     return;
    //   }
    //   Toast.loading({ forbidClick: true, duration: 0 });
    //   CreateDoctorAdvice(this.patient_id, this.adviceForm).then(response => {
    //     if (response.data.state == 0) {
    //       Toast.fail(response.data.msg);
    //       return false;
    //     } else {
    //       Toast.success("添加成功");
    //       if (this.adviceForm.parent_id > 0) {
    //         var spliceIndex = -1;
    //         for (let index = this.tableDate.length - 1; ; index--) {
    //           if (
    //             this.tableDate[index].parent_id === this.adviceForm.parent_id
    //           ) {
    //             spliceIndex = index;
    //             break;
    //           } else if (
    //             this.tableDate[index].id === this.adviceForm.parent_id
    //           ) {
    //             spliceIndex = index;
    //             break;
    //           }
    //         }
    //         if (spliceIndex > -1) {
    //           spliceIndex += 1;
    //           if (spliceIndex === this.tableDate.length) {
    //             this.tableDate.push(response.data.data.advice);
    //           } else {
    //             var swapData = this.tableDate.splice(spliceIndex);
    //             this.tableDate.push(response.data.data.advice);
    //             for (var index in swapData) {
    //               this.tableDate.push(swapData[index]); // = this.doctor_advices.concat(swapData);
    //             }

    //             // this.tableDate = this.tableDate.concat(swapData);
    //           }
    //         }
    //       } else {
    //         this.tableDate.unshift(response.data.data.advice);
    //       }
    //       this.currentIndex = -1;
    //       this.popupDidHide();
    //       return false;
    //     }
    //   });
    // },
    chooseTime () {
      this.$refs.picker.open()
    },
    chooseStopTime () {
      this.$refs.stoptime.open()
    },

    selectAdviceName (key) {
      if (key in this.adviceTemplateMaps) {
        this.adviceForm.advice_name = this.adviceTemplateMaps[key].advice_name
        this.adviceForm.advice_desc = this.adviceTemplateMaps[key].advice_desc
        this.adviceForm.single_dose_unit = this.adviceTemplateMaps[
          key
        ].single_dose_unit
        this.adviceForm.prescribing_number_unit = this.adviceTemplateMaps[
          key
        ].prescribing_number_unit
        this.adviceForm.single_dose =
          this.adviceTemplateMaps[key].single_dose + ''
        this.adviceForm.prescribing_number =
          this.adviceTemplateMaps[key].prescribing_number + ''
        this.adviceForm.delivery_way = this.adviceTemplateMaps[
          key
        ].delivery_way
        this.adviceForm.execution_frequency = this.adviceTemplateMaps[
          key
        ].execution_frequency
      }
    },
    menuCancle: function () {
      this.visibility = false
      this.showForm = true
    },
    menuComfirm: function (val) {
      this.visibility = false
      this.showForm = true

      switch (val.type) {
        case 1:
          if (val.selectId in this.adviceTemplateMaps) {
            this.selectAdviceName(val.selectId)
            this.adviceForm.template_id = val.selectId
          }
          break
        case 2:
          if (val.selectId in this.deliveryWayOjb) {
            this.adviceForm.jjtj_id = val.selectId
            this.adviceForm.delivery_way = this.deliveryWayOjb[
              val.selectId
            ].name
          }
          break
        case 3:
          if (val.selectId in this.executionFrequencyObj) {
            this.adviceForm.zxpl_id = val.selectId
            this.adviceForm.execution_frequency = this.executionFrequencyObj[
              val.selectId
            ].name
          }
          break
        case 4:
          if (val.selectId in this.unitsObj) {
            this.adviceForm.sdu_id = val.selectId
            this.adviceForm.single_dose_unit = this.unitsObj[val.selectId].name
          }
          break
        case 5:
          if (val.selectId in this.unitsObj) {
            this.adviceForm.pnu_id = val.selectId
            this.adviceForm.prescribing_number_unit = this.unitsObj[
              val.selectId
            ].name
          }
          break
      }
    },
    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

          var dl = this.deliveryWayOptions.length
          for (let index = 0; index < dl; index++) {
            this.deliveryWayOjb[
              this.deliveryWayOptions[index].id
            ] = this.deliveryWayOptions[index]
          }
          var el = this.executionFrequencyOptions.length
          for (let index = 0; index < el; index++) {
            this.executionFrequencyObj[
              this.executionFrequencyOptions[index].id
            ] = this.executionFrequencyOptions[index]
          }

          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++) {
          //   var item = this.adviceTemplates[index];
          //   item["name"] = item.advice_name;
          //   this.$set(
          //     this.adviceTemplateMaps,
          //     this.adviceTemplates[index].id,
          //     item
          //   );
          // }
        }
      })
    },

    handleConfirm (time) {
      this.adviceForm.start_time = this.handleTime(time)
    },
    handleStopConfirm (time) {
      this.stopForm.stop_time = this.handleTime(time)
    },
    handleTime (time) {
      var year = time.getFullYear()
      var month = time.getMonth() + 1
      var day = time.getDate()
      var hour = time.getHours()
      var minute = time.getMinutes()
      if (month < 10) {
        month = '0' + month
      }
      if (day < 10) {
        day = '0' + day
      }
      if (hour < 10) {
        hour = '0' + hour
      }
      if (minute < 10) {
        minute = '0' + minute
      }
      return year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':00'
    },
    setAdviceNo (index, item) {
      var itemNo = ''
      if (index == 0) {
        adviceno = 1
        adviceno++
        return '1'
      } else {
        if (item.parent_id > 0) {
          return ''
        } else {
          itemNo = '' + adviceno
          adviceno++
          return itemNo
        }
      }
    },

    showSubMenu: function (val) {
      switch (val) {
        case 'advice_name':
          this.propForm.type = 1
          this.showForm = false
          this.propForm.title = '选择'
          this.visibility = true
          this.propForm.list = []
          this.propForm.optionList = this.adviceTemplateMaps
          this.propForm.isMultiple = 1
          this.propForm.selectId = this.adviceForm.template_id
          break
        case 'delivery_way':
          this.propForm.type = 2
          this.showForm = false
          this.propForm.title = '选择'
          this.visibility = true
          this.propForm.list = []
          this.propForm.optionList = this.deliveryWayOptions
          this.propForm.isMultiple = 1
          this.propForm.selectId = this.adviceForm.jjtj_id
          break
        case 'execution_frequency':
          this.propForm.type = 3
          this.showForm = false
          this.propForm.title = '选择'
          this.visibility = true
          this.propForm.list = []
          this.propForm.optionList = this.executionFrequencyOptions
          this.propForm.isMultiple = 1
          this.propForm.selectId = this.adviceForm.zxpl_id
          break
        case 'single_dose_unit':
          this.propForm.type = 4
          this.showForm = false
          this.propForm.title = '选择'
          this.visibility = true
          this.propForm.list = []
          this.propForm.optionList = this.unitsOption
          this.propForm.isMultiple = 1
          this.propForm.selectId = this.adviceForm.sdu_id
          break

        case 'prescribing_number_unit':
          this.propForm.type = 5
          this.showForm = false
          this.propForm.title = '选择'
          this.visibility = true
          this.propForm.list = []
          this.propForm.optionList = this.unitsOption
          this.propForm.isMultiple = 1
          this.propForm.selectId = this.adviceForm.pnu_id
          break
      }
    },
    handleStartDateConfirm: function (val) {
      this.queryParams.start_time = parseTime(
        this.start_time / 1000,
        '{y}-{m}-{d}'
      )
      this.startSearchTimeShow = this.queryParams.start_time
      this.onLoad()
    },
    handleEndDateConfirm: function (val) {
      this.queryParams.end_time = parseTime(
        this.end_time / 1000,
        '{y}-{m}-{d}'
      )
      this.endSearchTimeShow = this.queryParams.end_time
      this.onLoad()
    },
    selectStartSearchTime: function () {
      this.$refs.start_date_picker.open()
    },
    selectEndSearchTime: function () {
      this.$refs.end_date_picker.open()
    },
    tranDoctor (id) {
      if (id in this.adminUserOptions) {
        return this.adminUserOptions[id].name
      } else {
        return '未知'
      }
    },
    selectType (id, showName) {
      this.queryParams.advice_type = id
      this.adviceNameShow = showName
      this.onLoad()
    },
    selectStopType (id, showName) {
      this.queryParams.stop_state = id
      this.stopNameShow = showName
      this.onLoad()
    },
    searchKey () {
      this.onLoad()
    },
    fetchAllAdminUsers () {
      fetchAllAdminUsers().then(response => {
        if (response.data.state == 1) {
          var ul = response.data.data.users.length
          for (let index = 0; index < ul; index++) {
            this.adminUserOptions[response.data.data.users[index].id] =
              response.data.data.users[index]
          }
        }
      })
    },
    onLoad () {
      this.tableDate = []
      allno = 1
      // 异步更新数据
      GetDoctorAdvices(this.queryParams).then(response => {
        if (response.data.state == 1) {
          if (this.queryParams.need_doctor == 1) {
            var ul = response.data.data.users.length
            for (let index = 0; index < ul; index++) {
              this.adminUserOptions[response.data.data.users[index].id] =
                response.data.data.users[index]
            }
            this.queryParams.need_doctor = 0
          }

          var resp_advices = response.data.data.advices
          if (resp_advices.length > 0) {
            var newGroupObject = function () {
              return Object.assign(
                {},
                {
                  group_no: 0,
                  advices: []
                }
              )
            }
            var initGroupBlock = function (group, advice) {
              group.group_no = advice.groupno
            }

            var advice_groups = []
            var group = newGroupObject()
            for (let index = 0; index < resp_advices.length; index++) {
              const advice = resp_advices[index]
              if (advice.groupno == 0) {
                // 老版本的医嘱
                if (advice.parent_id > 0) {
                  if (advice_groups.length > 0) {
                    var parent_group = advice_groups[advice_groups.length - 1]
                    if (parent_group.advices.length > 0) {
                      if (parent_group.advices[0].id == advice.parent_id) {
                        parent_group.advices.push(advice)
                      }
                    }
                  }
                  continue
                } else {
                  if (group.group_no > 0) {
                    advice_groups.push(group)
                    group = newGroupObject()
                  }

                  initGroupBlock(group, advice)
                  group.advices.push(advice)
                  advice_groups.push(group)
                  group = newGroupObject()
                  continue
                }
              } else {
                if (group.group_no > 0 && group.group_no != advice.groupno) {
                  advice_groups.push(group)
                  group = newGroupObject()
                }
                if (group.group_no == 0) {
                  initGroupBlock(group, advice)
                }
                if (group.group_no == advice.groupno) {
                  group.advices.push(advice)
                }
              }
            }
            if (group.group_no > 0) {
              // 上述的算法会导致最后一组没有加到advice_groups，这里要手动加上
              advice_groups.push(group)
            }
            this.advice_groups = advice_groups
          } else {
            this.advice_groups = []
          }

          console.log('advice_groups是什么', advice_groups)
          let arr = [...this.advice_groups]
          let arr2 = []
          arr.map(item => {
            console.log('item是什么', item.advices)
            arr2.push(...item.advices)
          })
          console.log('arr2是什么', arr2)
          this.tableData = arr2
          // this.tabelData = advice_groups

          // var sl = response.data.data.advices.length;
          // for (let index = 0; index < sl; index++) {
          //   var advice = response.data.data.advices[index];
          //   if (advice.parent_id == 0) {
          //     advice.no = allno;
          //     advice.start_time_show = parseTime(
          //       advice.start_time,
          //       "{y}-{m}-{d} {h}:{i}"
          //     );

          //     allno++;
          //   } else {
          //     advice.start_time_show = "";
          //     advice.no = "";
          //   }
          //   if (advice.stop_state == 1 && advice.parent_id == 0) {
          //     advice.stop_time_show = parseTime(
          //       advice.stop_time,
          //       "{y}-{m}-{d} {h}:{i}"
          //     );
          //   } else {
          //     advice.stop_time_show = "";
          //   }

          //   this.tableDate.push(advice);
          // }
        }
      })
    }
  },

  created () {
    allno = 1
    adviceno = 1
    // this.fetchAllAdminUsers();
    this.queryParams.id = this.$route.query.patient_id
    this.doctor = this.$store.getters.user.user.user_name
    this.doctor_id = this.$store.getters.user.user.id
    this.patient_id = this.$route.query.patient_id

    var date = new Date()
    date.setMonth(date.getMonth() - 1)

    // var year = date.getFullYear();
    // var month = date.getMonth();
    // var day = date.getDate();
    // if (month < 10) {
    //   month = "0" + month;
    // }
    // if (day < 10) {
    //   day = "0" + day;
    // }
    // var nowDate = year + "-" + month + "-" + day;
    this.start_time = date

    this.startSearchTimeShow = parseTime(
      this.start_time.getTime(),
      '{y}-{m}-{d}'
    )
    this.endSearchTimeShow = parseTime(new Date().getTime(), '{y}-{m}-{d}')

    this.queryParams.start_time = this.startSearchTimeShow
    this.onLoad()

    this.getAdviceConfig()

    this.unitsOption = getDataConfig('hemodialysis', 'units')
    for (var index in this.unitsOption) {
      this.unitsObj[this.unitsOption[index].id] = this.unitsOption[index]
    }
  }
}
</script>

<style style="stylesheet/scss" lang="scss" scoped>
.fixedTop {
  padding-top: 36px;
  background: #fff;
  min-height: calc(100vh - 200px);
  // @media only screen and (min-width: 376px) and (max-width: 668px) {
  //   padding-top: 50px !important;
  // }
  @media only screen and (min-width: 813px) and (max-width: 1024px) {
    padding-top: 54px !important;
  }
  @media only screen and (min-width: 737px) and (max-width: 768px) {
    padding-top: 76px !important;
  }
  // @media only screen and (min-width: 415px) and (max-width: 736px) {
  //   padding-top: 48px !important;
  // }
  .choice {
    border-bottom: 1px #e5e5e5 solid;

    ul {
      @include display-flex;
      @include align-items-center;
      @include text-align;
      @include justify-content-between;
      width: 96%;
      margin: 0 auto;
      font-size: 0.32rem;
      color: $pgh-color;
      li {
        @include display-flex;
        @include align-items-center;
        @include text-align;
        @include justify-content-between;
        padding: 0.3rem 0;

        .iconfont {
          margin: 0 0.1rem;
          @media only screen and (max-width: 812px) {
            font-size: 12px !important;
          }
        }
        .line {
          background: #a8b3ba;
          width: 0.2rem;
          height: 1px;
          margin: 0 0.2rem;
          display: inline-block;
        }
      }
    }
  }
  .tableSearch {
    width: 100%;
    margin: 0 auto;
    padding: 0.24rem 0;
    background: #f6f8f9;
    ul {
      width: 50%;
      background: #fff;
      margin: 0 auto;
      border-radius: 30px;
      li {
        @include display-flex;
        @include align-items-center;
        @include text-align;
        padding-left: 15px;
        .iconfont {
          font-size: 0.42rem;
        }
        input {
          border: none;
          border-radius: 30px;
          padding: 0.15rem;
          width: 100%;
          color: $pgh-color;
        }
      }
    }
  }

  .content {
    .cell {
      float: left;
      width: 3.42rem;
      // width: 100%;
      margin: 0.35rem 0.3rem 0 0.4rem;
      label {
        display: block;
        height: 0.55rem;
        line-height: 0.55rem;
        color: $pgh-color;
      }
      select {
        width: 100%;
        padding: 0.2rem 0;
        border: 1px $border-color solid;
        border-radius: 2px;
        padding-left: 5px;
      }

      .inputBox {
        border: 1px $border-color solid;
        border-radius: 2px;
        padding: 0.18rem 0;
        padding-left: 5px;
      }

      .textarea {
        width: 100%;
        height: 1.22rem;
        border: 1px $border-color solid;
        border-radius: 2px;
        padding-left: 5px;
      }
    }
    .width {
      width: 90%;
      @include box-sizing;
      margin-top: 1rem;
      label {
        display: inline-block;
      }
      button {
        background: $main-color;
        color: #fff;
        border-radius: 6px;
        width: 3rem;
        height: 0.9rem;
        line-height: 0.9rem;
        text-align: center;
        margin: 0 0.1rem 0.6rem 0.1rem;
        border: 1px $main-color solid;
        &.smt-danger {
          background: #fff;
          color: $main-color;
        }
      }
    }
    .center {
      text-align: center;
    }
    .row-class-active > td {
      background: #badcff;
    }
  }
  .table {
    tr {
      td {
        padding-left: 5px;
        padding-right: 5px;
      }
      .advice_name {
        text-align: left;
      }
      .subdrug_name {
        text-align: left;
        padding-left: 25px;
      }
    }
  }
  .AdviceTable {
    padding-top: 0;
    background: #fff;
    min-height: calc(100vh - 230px);
  }
}
</style>