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: 32px;
  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;
      @media only screen and (min-width: 768px) {
        width: 76%;
      }
      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: 767px) {
          //   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>