elizebeth/src/xt_pages/outpatientDoctorStation/template/prinSeven.vue

<template>
  <div id="prescriptionPrint">
    <div v-for="(item, index) in advicePrint" :key="index">
      <div
        id="prescription-print"
        class="prescription-print"
        style="page-break-after: always;"
      >
        <!-- <div class="printTitle" v-if="prescriptions[index].med_type == '1111'">
          {{ orgname }}第一类精神处方笺
        </div>
        <div class="printTitle" v-if="prescriptions[index].med_type == '1112'">
          {{ orgname }}第二类精神处方笺
        </div> -->
        <div
          class="printTitle"
          v-if="
            prescriptions[index].med_type != '1111' &&
            prescriptions[index].med_type != '1112'
          "
        >
          {{ orgname }}处方笺
        </div>
        <div >
          <div  style="display: flex;border-top: 2px solid #000;margin-top: 10px;line-height: 24px;padding: 0 10px;">
            <p style="width: 200px;">姓名：{{ item.patient.name ? item.patient.name : "" }}</p>
            <p style="width: 200px;">
              性别：
              <span v-if="item.patient.gender == 1">男</span>
              <span v-if="item.patient.gender == 2">女</span>
            </p>
            <p style="width: 200px;">年龄：{{ getAge(item.patient) ? getAge(item.patient) : "" }}岁</p>
          </div>
          <div class="infoMain">
            <div style="margin-bottom: 10px">
              门诊号：{{ hisPatient.number ? hisPatient.number : "" }}
            </div>
            <div style="margin-bottom: 10px">
              科室：{{ item.info ? getDepart(item.info.departments) : "" }}
            </div>
            <div style="margin-bottom: 10px">
              <!-- 医保卡号：{{ item.hisPatient.number ? item.hisPatient.number : "" }} -->
              费别：居民医保/职工医保/自费
            </div>
            <div style="margin-bottom: 10px" v-if="org_id != 10188">
              <!-- 电话：{{ item.patient.phone }} -->
              开方日期：{{ getTime(item.ctime) ? getTime(item.ctime) : "" }}
            </div>
            <div style="margin-bottom: 10px" v-else>
              日期：{{ getTime(item.ctime) ? getTime(item.ctime) : "" }}
            </div>
            <div style="width: 100%;">地址：{{ item.patient.home_address }}</div>
            <div style=" width: 50%">
              临床诊断：{{ getDiagnosis(item.info.diagnosis) }}
            </div>
          </div>
        </div>
          <div class="prescriptionBox" style="min-height: 400px;">
            <div class="Rp">Rp:</div>
            <div
              class="drugsBox"
              v-for="(it, index) in item.advices" :key="index" 
              :style="{'page-break-after':index==yi&&item.advices.length>5? 'always':'auto'}"
            >
            <!-- class="drugsBox"  item.advices.length>=5 ? 'danzhang' : 'drugsBox'  :style="{'page-break-after':index==yi&&item.advices.length>3? 'always':'auto'}"-->
              <!-- <div class="drugsOne"><span style="font-weight:bold;">{{ index+1 + '.' }}</span>{{it.advice_name?it.advice_name:""}}&nbsp;&nbsp;{{it.single_dose}}{{it.single_dose_unit}}&nbsp;×&nbsp; {{it.prescribing_number}}{{it.prescribing_number_unit}}</div> -->
              <template v-if="index==yi+1&&item.advices.length>5">
                <div style="margin: 20px 0px;">
                  <div class="infoTitle">
                    <p>姓名：{{ item.patient.name ? item.patient.name : "" }}</p>
                    <p>
                      性别：
                      <span v-if="item.patient.gender == 1">男</span>
                      <span v-if="item.patient.gender == 2">女</span>
                    </p>
                    <p>年龄：{{ getAge(item.patient) ? getAge(item.patient) : "" }}岁</p>
                  </div>
                  <div class="infoMain">
                    <div style="margin-bottom: 10px">
                      门诊号：{{ hisPatient.number ? hisPatient.number : "" }}
                    </div>
                    <div style="margin-bottom: 10px">
                      科室：{{ item.info ? getDepart(item.info.departments) : "" }}
                    </div>
                    <div style="margin-bottom: 10px">
                      <!-- 医保卡号：{{ item.hisPatient.number ? item.hisPatient.number : "" }} -->
                      费别：居民医保/职工医保/自费
                    </div>
                    <div style="margin-bottom: 10px" v-if="org_id != 10188">
                      <!-- 电话：{{ item.patient.phone }} -->
                      开方日期：{{ getTime(item.ctime) ? getTime(item.ctime) : "" }}
                    </div>
                    <div style="margin-bottom: 10px" v-else>
                      日期：{{ getTime(item.ctime) ? getTime(item.ctime) : "" }}
                    </div>
                    <div style="width: 100%">地址：{{ item.patient.home_address }}</div>
                    <div style="width: 100%">
                      临床诊断：{{ getDiagnosis(item.info.diagnosis) }}
                    </div>
                  </div>
                </div>
              </template>
              <div style="position: relative;">
                <div class="drugsOne" :style="{'border-right':item.arr.length>0 && item.arr[0][0].groupno==it.groupno ? '1px solid black': 'none','width':'80%'}">
                  <span style="font-weight: bold" >
                    {{ index + 1 + "."}}
                  </span>
                  {{ it.advice_name ? it.advice_name : "" }}&nbsp;&nbsp;
                  <span v-if="it.drug.min_unit != it.drug.dose_unit">
                    {{ it.drug.dose }}{{ it.drug.dose_unit }}&nbsp;* {{ it.drug.min_number }}{{ it.drug.min_unit }}/
                    {{it.drug.max_unit}}
                  </span>&nbsp;
                  <div>
                    <template v-if="item.arr.length>0 && item.arr[0][0].groupno==it.groupno">
                      <div >
                        <!-- -->
                        <span style="margin-left: 38px;">{{item.arr[0][0].advice_name ? item.arr[0][0].advice_name : ""}}</span>&nbsp;&nbsp;
                        <span v-if="item.arr[0][0].drug.min_unit != item.arr[0][0].drug.dose_unit">
                          {{ item.arr[0][0].drug.dose }}{{ item.arr[0][0].drug.dose_unit }}&nbsp;* {{ item.arr[0][0].drug.min_number }}{{ item.arr[0][0].drug.min_unit }}/
                          {{item.arr[0][0].drug.max_unit}}
                        </span>&nbsp;
                      </div>
                      <div style="display: inline-block;position: absolute;left:85%;top:20px;margin-left: 10px;" >
                        &nbsp;共{{ item.arr[0][0].single_dose }}{{ item.arr[0][0].single_dose_unit }}
                        <!-- 共{{ it.prescribing_number}}{{ it.prescribing_number_unit }} -->
                      </div>
                    </template>
                  </div>
                  
                  <div style="margin-left: 70px">
                    用法：
                    <span v-if="(item.arr.length>0 && item.arr[0][0].groupno!=it.groupno)||item.arr.length==0">{{ it.single_dose }}{{ it.single_dose_unit }}</span>
                    &nbsp;&nbsp;<span>
                      {{ it.execution_frequency }}&nbsp;{{
                        it.delivery_way
                      }}&nbsp;</span>&nbsp;&nbsp;<span>{{ it.advice_desc}}</span>
                  </div>
                  <div style="margin-left: 70px" v-if="it.remark !=''">
                    备注：<span > {{ it.remark }}</span>
                  </div>
                  <!-- v-if="arr.length>0 && arr[0][0].groupno==it.groupno" 'border-right':arr.length>0 && arr[0][0].groupno==it.groupno ? '1px solid black' :'none',-->
                </div>
                <div style="display: inline-block;position: absolute;left:80%;bottom:0px;margin-left: 10px;" >
                  ×&nbsp;{{ it.prescribing_number}}
                </div>
                <div style="display: inline-block;position: absolute;left:85%;top:0px;margin-left: 10px;" v-if="(item.arr.length>0&&item.arr[0][0].groupno!=it.groupno) || item.arr.length==0">
                  &nbsp;共{{ it.prescribing_number}}{{ it.prescribing_number_unit }}
                </div>
                <div style="display: inline-block;position: absolute;left:85%;top:0px;margin-left: 10px;" v-if="item.arr.length>0&&item.arr[0][0].groupno==it.groupno">
                  <!-- &nbsp;共{{ it.prescribing_number}}{{ it.prescribing_number_unit }} -->
                  &nbsp;共{{ it.single_dose }}{{ it.single_dose_unit }}
                </div>
              </div>
              <template v-if="index==yi&&item.advices.length>5">
                <div style="margin: 20px 0px;">
                  <div  style="border-bottom: 2px solid #000; width: 100%;margin-right: 30px;padding: 0 10px;line-height: 24px;" >
                    <p style="text-align: right;">医师：{{ item.doctor ? item.doctor : "" }}</p>
                  </div>

                  <div class="actionBar" >
                    <!-- <p>审核：{{getDoctor(item.advices[0].checker)?getDoctor(item.advices[0].checker):""}}</p>
                          <p>配对：</p>
                          <p>核对：{{getDoctor(item.advices[0].checker)?getDoctor(item.advices[0].checker):""}}</p>
                          <p>发药：{{getDoctor(item.advices[0].execution_staff)?getDoctor(item.advices[0].execution_staff):""}}</p>
                          <p>药费：{{getTotalOne(item.id)?getTotalOne(item.id):0}}元</p> -->

                    <p>审核：</p>
                    <p>配对：</p>
                    <p>核对：</p>
                    <p>发药：</p>
                    <p>
                      金额：{{
                        getTotalOne(item.id).toFixed(2)
                          ? getTotalOne(item.id).toFixed(2)
                          : 0
                      }}元
                    </p>
                    
                  </div>
                  <div class="actionBar" style="margin-bottom: 10px;">
                    <p style="width:300px;">大额处方患者意见： 
                      <el-radio v-model="radio" label="1">同意</el-radio>
                      <el-radio v-model="radio" label="2">不同意</el-radio>
                    </p>
                    <p>收费员：</p>
                  </div>
                  <div style="padding: 0px 10px;">
                    <p >患者签名：</p>
                  </div>
                </div>
              </template>
            </div>

            <div
              class="drugsBox"
              v-for="(it, i) in item.additionalcharge"
              :key="i"
            >
              <div class="drugsOne">
                {{ it.item_name ? it.item_name : "" }}:&nbsp;{{ it.price }}元/{{
                  it.count
                }}次
              </div>
            </div>

            <div
              class="drugsBox"
              v-for="(it, index) in item.project"
              :key="index"
            >
              <div class="drugsOne">
                <span style="font-weight: bold">{{ index + 1 + "." }}</span>
                {{
                  it.type == 2
                    ? getProjectName(it.project_id)
                      ? getProjectName(it.project_id)
                      : ""
                    : it.good_info.good_name
                }}&nbsp;&nbsp;{{ it.single_dose
                }}{{ it.single_dose_unit }}&nbsp;×&nbsp; {{ it.count }}{{ unit }}
              </div>
              <div style="margin-left: 100px">
                <span>用法：{{ it.single_dose }}{{ it.single_dose_unit }}</span
                >&nbsp;&nbsp;<span>{{ it.delivery_way }}</span
                >&nbsp;&nbsp;<span>{{ it.advice_desc }}</span>
              </div>
            </div>
            
            <div
              class="drugsBox"
              v-for="(it, i) in item.additionalcharge"
              :key="i"
            >
              <div class="drugsOne">
                {{ it.project_id ? it.project_id : "" }}:&nbsp;{{
                  it.price.toFixed(2)
                }}元/{{ it.count }}次
              </div>
            </div>
            <div style="text-align: center">(以下空白)</div>
          </div>
        
          <!-- <div class="doctorBox" v-if="org_id != 10188 && org_id != 0">
            <p v-if="org_id == 10217 || org_id == 0">
              医师：
              <span
                style="width: 100px; display: inline-block"
                v-if="item.creator == ''"
              >
                {{ item.doctor }}
              </span>
              <span
                style="width: 100px; display: inline-block"
                v-else-if="doc_name != ''"
              >
                {{ doc_name }}
              </span>
              <img
                style="height: 50px;"
                :src="setAdminUserES(item.creator,item.doctor)"
                alt=""
                srcset=""

              />
            </p>
            <p v-else>
              医师： {{ item.doctor ? item.doctor : "" }}
            </p>
            <p>日期：{{ getTime(item.ctime) ? getTime(item.ctime) : "" }}</p>
          </div> -->
          <div  style="border-bottom: 2px solid #000; width: 100%;margin-right: 30px;padding: 0 10px;line-height: 24px;" >
            <p style="text-align: right;">医师：{{ item.doctor ? item.doctor : "" }}</p>
          </div>
          <!-- <div style="display: flex;justify-content: space-around;border-bottom: 2px solid #000;">
            <p style="width:300px;">大额处方患者意见： 
              <el-radio v-model="radio" label="1">同意</el-radio>
              <el-radio v-model="radio" label="2">不同意</el-radio>
            </p>
            <p style="text-align: right;">医师：{{ item.doctor ? item.doctor : "" }}</p>
          </div> -->

          <div class="actionBar" >
            <!-- <p>审核：{{getDoctor(item.advices[0].checker)?getDoctor(item.advices[0].checker):""}}</p>
                  <p>配对：</p>
                  <p>核对：{{getDoctor(item.advices[0].checker)?getDoctor(item.advices[0].checker):""}}</p>
                  <p>发药：{{getDoctor(item.advices[0].execution_staff)?getDoctor(item.advices[0].execution_staff):""}}</p>
                  <p>药费：{{getTotalOne(item.id)?getTotalOne(item.id):0}}元</p> -->

            <p>审核：</p>
            <p>配对：</p>
            <p>核对：</p>
            <p>发药：</p>
            <p>
              金额：{{
                getTotalOne(item.id).toFixed(2)
                  ? getTotalOne(item.id).toFixed(2) 
                  : 0
              }}元
            </p>
            
          </div>
          <div class="actionBar">
            <p style="width:300px;">大额处方患者意见： 
              <el-radio v-model="radio" label="1">同意</el-radio>
              <el-radio v-model="radio" label="2">不同意</el-radio>
            </p>
            
            <p>收费员：</p>
          </div>
          <div>
            <p >患者签名：</p>
          </div>
          
      </div>
    </div>
  </div>
</template>
<script>
import { jsGetAge, uParseTime } from "@/utils/tools";
import {
  getAllDoctorList,
  getPrescriptionPrint,
  getHisPatientDetail,
} from "@/api/project/project";
import { getInitData } from "@/api/his/his";
export default{
  props: {
    patient_id: Number,
    record_date: String,
    prescription_id: Number,
    ids: String,
  },
  data() {
    return {
      doc_name:"",
      doctorList: [],
      advicePrint: {},
      yi:4,
      radio:'',
      arr:[],
      advicess:[],
      page:sessionStorage.getItem('dayin'),
      patient: {},
      tableData: [],
      prescriptionInfo: [],
      hisPatient: {},
      department: [],
      prescriptions: [],
      projectList: [],
      orgname: "",
      diagnoses: [],
      org_id: 0,
      operatorMaps: {},
      operators: [],
      doctorList_1: [],
    };
  },
  methods: {
    // 电子签名
    setAdminUserES(id,name) {
      console.log(id)
      console.log(name)
      console.log(this.operatorMaps)


      if (id == 0) {
        return "";
      }
      if (id in this.operatorMaps) {
        return this.operatorMaps[id].url;
      } else {
        this.doc_name = name
        return "";
      }
    },
    getAge(patient) {
      if(patient.id_card_no == "TWN001836483"){
        return patient.age
      }else{
        var thisLen = patient.id_card_no.length;
        var birth = "";
        if (thisLen == 15) {
          birth = "19" + patient.id_card_no.substr(6, 6);
        } else {
          birth = patient.id_card_no.substr(6, 8);
        }
        var births =
          birth.substr(0, 4) +
          "-" +
          birth.substr(4, 2) +
          "-" +
          birth.substr(6, 2);
        return jsGetAge(births, "-");

      }

    },

    getAllDoctorList() {
      getAllDoctorList().then((response) => {
        if (response.data.state == 1) {
          var doctor = response.data.data.doctor;

          this.doctorList = doctor;
        }
      });
    },

    getDoctor(id) {
      var name = "";
      for (let i = 0; i < this.doctorList.length; i++) {
        if (id == this.doctorList[i].admin_user_id) {
          name = this.doctorList[i].user_name;
        }
      }
      return name;
    },
    getTime(value, temp) {
      if (value != undefined) {
        return uParseTime(value, temp);
      }
      return "";
    },
    getPrescriptionPrint() {
      var params = {
        // patient_id:this.patient_id,
        // record_date:this.record_date,
        // prescription_id:this.prescription_id,
        patient_id: this.patient_id,
        record_date: this.record_date,
        prescription_id: this.prescription_id,
        ids: this.ids,
        p_type: 2,
      };
      console.log("params", params);
      getPrescriptionPrint(params).then((response) => {
        if (response.data.state == 1) {
          var advicePrint = response.data.data.advicePrint;
          console.log("adviceprint9999", advicePrint);
          this.advicePrint = advicePrint;
          this.prescriptions = advicePrint;

          this.doctorList_1 = response.data.data.eles;
         for(let i=0;i<this.advicePrint.length;i++){
          var arr = new Array()
          var advicess = new Array()
          var advicess=advicePrint[i].advices
          
         for(let j=0;j<advicess.length;j++){
            for(let x=j+1;x<advicess.length;x++){
              if(advicess[j].groupno == advicess[x].groupno){
                arr.push(advicess.splice(x,1))
              }
            }
          }
         
         this.advicePrint[i]["arr"]    = arr
        //  for(let y=0;y<this.advicePrint[i].arr.length;y++){
        //   console.log('6666666',this.advicePrint[i].arr[y]);
        //  }
          
         
        }
          console.log('4444444',this.advicePrint);
        //  console.log('55555555',this.arr);
         
          console.log(this.doctorList_1, "医生列表");
          if (this.doctorList_1.length > 0) {
            var operatorsLen = this.doctorList_1.length;
            for (var index = 0; index < operatorsLen; index++) {
              this.$set(
                this.operatorMaps,
                this.doctorList_1[index].creator,
                this.doctorList_1[index]
              );
            }
          }

          console.log("处方222222", this.prescriptions);
          var hisPatient = response.data.data.hisPatient;
          console.log("hisPatient", hisPatient);
          this.hisPatient = hisPatient;
          var projectlist = response.data.data.projectlist;
          console.log("所有项目列表", projectlist);
          this.projectList = projectlist;
        }
      });
    },
    getHisPatientDetail() {
      const params = {
        patient_id: this.patient_id,
      };
      getHisPatientDetail(params).then((response) => {
        if (response.data.state == 1) {
          var hisPatient = response.data.data.hisPatient;
          console.log("挂号病人", hisPatient);
          this.hisPatient = hisPatient;
        }
      });
    },
    getInitData() {
      getInitData().then((response) => {
        if (response.data.state == 1) {
          this.department = response.data.data.department;
          this.diagnoses = response.data.data.diagnose;
          console.log("争端", this.diagnoses);
        }
      });
    },
    getDepart(id) {
      var name = "";
      for (let i = 0; i < this.department.length; i++) {
        if (id == this.department[i].id) {
          name = this.department[i].name;
        }
      }
      return name;
    },
    getTotalOne(id) {
      console.log('999999999',id);
      var total = 0;
      var addtotal = 0;
      var zimuyao = 0;
      for (let i = 0; i < this.prescriptions.length; i++) {
        if (id == this.prescriptions[i].id) {
          if (this.prescriptions[i].project != null) {
            for (let a = 0; a < this.prescriptions[i].project.length; a++) {
              total =
                total +
                this.prescriptions[i].project[a].price *
                  this.prescriptions[i].project[a].count ;
            }
          }

          if (this.prescriptions[i].additionalcharge != null) {
            for (
              let a = 0;
              a < this.prescriptions[i].additionalcharge.length;
              a++
            ) {
              addtotal =
                addtotal +
                this.prescriptions[i].additionalcharge[a].price *
                  this.prescriptions[i].additionalcharge[a].count ;
            }
          }
          addtotal = Math.floor(addtotal * 100) / 100;
        }
      }

      for (let i = 0; i < this.prescriptions.length; i++) {
        if (id == this.prescriptions[i].id) {
          if (this.prescriptions[i].advices != null) {
            for (let a = 0; a < this.prescriptions[i].advices.length; a++) {
              total =
                total +
                (this.prescriptions[i].advices[a].price *
                  this.prescriptions[i].advices[a].prescribing_number) ;
            }
          }
          if(this.prescriptions[i].arr[0] != null){
            for(let b=0;b<this.prescriptions[i].arr[0].length;b++){
              zimuyao = zimuyao +
              this.prescriptions[i].arr[b][0].price *
              this.prescriptions[i].arr[b][0].prescribing_number
            }
          }
          if (this.prescriptions[i].additionalcharge != null) {
            for (
              let a = 0;
              a < this.prescriptions[i].additionalcharge.length;
              a++
            ) {
              addtotal =
                addtotal +
                (this.prescriptions[i].additionalcharge[a].price *
                  this.prescriptions[i].additionalcharge[a].count );
            }
          }
          addtotal = Math.floor(addtotal * 100) / 100;
        }
      }

      return total + addtotal + zimuyao ;
    },

    getProjectName(id) {
      var project_name = "";
      for (let i = 0; i < this.projectList.length; i++) {
        if (id == this.projectList[i].id) {
          project_name = this.projectList[i].project_name;
        }
      }
      return project_name;
    },

    getDiagnosis(id) {
      let arr = id.split(",");
      var name = "";
      for (let i = 0; i < this.diagnoses.length; i++) {
        if (arr.indexOf(String(this.diagnoses[i].id)) > -1) {
          name += this.diagnoses[i].class_name + " ";
        }
      }
      return name;
    },
    merge(arrA){
      var len=arrA.lenfth
      // for(let j=0;j<this.advicess.length;j++){
      //   for(let x=j+1;x<this.advicess.length;x++){
      //     if(this.advicess[j].groupno == this.advicess[x].groupno){
      //       // this.arr.push(this.advicess.splice(x,1))
      //       this.arrs=this.advicess.splice(x,1)
      //     }
      //   }
      // }
      for(let j=0;j<len;j++){
        for(let x=j+1;x<len;x++){
          if(arrA[j].groupno == arrA[x].groupno){
            this.arr.push(arrA.splice(x,1))
          }
        }
      }
      console.log('777777777',this.arr);
      return this.arr
    }
  },
  created() {
    this.getAllDoctorList();
    this.getInitData();
    this.getPrescriptionPrint();
    this.getHisPatientDetail();
    var xtuser = this.$store.getters.xt_user;
    this.orgname = xtuser.org.org_name;
    this.org_id = xtuser.org.id;
    
    // for(let j=0;j<this.advicess.length;j++){
    //   console.log('44444444');
    //   for(let x=j+1;x<this.advicess.length;x++){
    //     if(this.advicess[j].groupno == this.advicess[x].groupno){
    //       this.arr.push(this.advicess.splice(x,1))
    //     }
    //   }
    // }
    // console.log('777777777',this.arr[0].advice_name);
    // return this.arr
    
  },
  
  watch: {
    ids: function (val) {
      this.ids = val;
      this.getPrescriptionPrint();
    },
  },
};
</script>


<style lang="scss" scoped>
.prescription-print {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27),
    0 0 60px rgba(0, 0, 0, 0.06) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27),
    0 0 40px rgba(0, 0, 0, 0.06) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
  margin-bottom: 20px;
  padding: 20px 10px;
}
.printTitle {
  font-size: 22px;
  text-align: center;
  font-weight: bold;
}
.infoTitle {
  display: flex;
  border-top: 2px solid #000;
  margin-top: 10px;
  line-height: 24px;
  padding: 0 10px;
  
}
.infoTitle p {
  width: 200px;
}
.infoMain {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 2px solid #000;
  padding: 0 10px;
}
.infoMain div {
  width: 50%;
  line-height: 24px;
}
.prescriptionBox {
  padding: 0 10px;
  min-height: 450px;
}
.Rp {
  font-size: 22px;
  font-weight: bold;
}
.drugsBox {
  padding-left: 40px;
  margin-bottom: 10px;
  position: relative;
}
.drugsBox div {
  line-height: 20px;
}
.drugsOne {
  line-height: 24px;
  display: inline-block;
  width: 80%;
}
.drugsOne span {
  margin-right: 20px;
}
.doctorBox {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  line-height: 24px;
  border-bottom: 2px solid #000;
}
.doctorBoxs{
  width: 100%;
  margin-right: 30px;
  text-align: right;
  padding: 0 10px;
  line-height: 24px;

}
.doctorBoxtwo {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  line-height: 24px;

}
.actionBar {
  display: flex;
  justify-content: space-between;
  line-height: 24px;
  padding: 0 10px;
}
.actionBar p {
  width: 150px;
}
</style>