Vue_New/src/xt_pages/outpatientDoctorStation/template/printOne.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 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" v-if="org_id == 10537">
              身份证号：{{newHisPatient.id_card_no | testfile}}
            </div>
            <div style="margin-bottom: 10px" v-else>
              医保卡号：
            </div>
            <div style="margin-bottom: 10px" v-if="org_id != 10188">
              电话：{{ item.patient.phone }}
            </div>
            <div style="margin-bottom: 10px" v-else>
              日期：{{ getTime(item.ctime) ? getTime(item.ctime) : "" }}
            </div>
            <div>地址：{{ item.patient.home_address }}</div>
            <div style="display: flex; width: 50%">
              临床诊断：{{ getDiagnosis(item.info.diagnosis) }}
            </div>
          </div>
        </div>
        <div class="prescriptionBox" style="min-height: 350px;">
          <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'  'page-break-after':item.advices.length>=3&& item.advices[2]?'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> -->
            <div class="drugsOne">
              <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;* &nbsp;</span
            >{{ it.drug.min_number }}{{ it.drug.min_unit }}/{{
                it.drug.max_unit
              }}&nbsp;×&nbsp; {{ it.prescribing_number
              }}{{ it.prescribing_number_unit }}
            </div>
            <div style="margin-left: 100px">
              <span>用法：{{ 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>

          <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="prescriptionBox" >-->
<!--          <div class="Rp">Rp:</div>-->
<!--          <div-->
<!--            class="drugsBox"-->
<!--            v-for="(it, index) in advicess" :key="index"-->
<!--            :style="{'page-break-after':index==yi&&item.advices.length>5? 'always':'auto'}"-->
<!--          >-->
<!--            &lt;!&ndash; class="drugsBox"  item.advices.length>=5 ? 'danzhang' : 'drugsBox'  :style="{'page-break-after':index==yi&&item.advices.length>3? 'always':'auto'}"&ndash;&gt;-->
<!--            &lt;!&ndash; <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> &ndash;&gt;-->
<!--            <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 }}-->
<!--                  </div>-->
<!--                  <div style="margin-bottom: 10px" v-else>-->
<!--                    日期：{{ getTime(item.ctime) ? getTime(item.ctime) : "" }}-->
<!--                  </div>-->
<!--                  <div>地址：{{ item.patient.home_address }}</div>-->
<!--                  <div style="display: flex; width: 50%">-->
<!--                    临床诊断：{{ getDiagnosis(item.info.diagnosis) }}-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
<!--            </template>-->
<!--            <div style="position: relative;">-->
<!--              <div class="drugsOne" style="border-right: 1px solid black; 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="arr.length>0 && arr[0][0].groupno==it.groupno">-->
<!--                    <div >-->
<!--                      &lt;!&ndash;  v-for="(its,indexs) in arr" :key="indexs" &ndash;&gt;-->
<!--                      <span style="margin-left: 38px;">{{arr[0][0].advice_name ? arr[0][0].advice_name : ""}}</span>&nbsp;&nbsp;-->
<!--                      <span v-if="arr[0][0].drug.min_unit != arr[0][0].drug.dose_unit">-->
<!--                          {{ arr[0][0].drug.dose }}{{ arr[0][0].drug.dose_unit }}&nbsp;* {{ arr[0][0].drug.min_number }}{{ arr[0][0].drug.min_unit }}/-->
<!--                          {{arr[0][0].drug.max_unit}}-->
<!--                        </span>&nbsp;-->
<!--                    </div>-->
<!--                  </template>-->
<!--                </div>-->

<!--                <div style="margin-left: 70px">-->
<!--                    <span >用法：{{ 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>-->
<!--              <div style="display: inline-block;position: absolute;left:85%;top:10px;margin-left: 10px;">-->
<!--                ×&nbsp;{{ it.prescribing_number}}{{ it.prescribing_number_unit }}-->
<!--              </div>-->
<!--            </div>-->
<!--            <template v-if="index==yi&&item.advices.length>5">-->
<!--              <div style="margin: 20px 0px;">-->
<!--                <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 class="doctorBoxs" style="border-bottom: 2px solid #000;" v-if="org_id == 10188 || org_id == 0">-->
<!--                  <p>医师：{{ item.doctor ? item.doctor : "" }}</p>-->
<!--                </div>-->
<!--                <div class="actionBar" v-if="org_id != 10188 && org_id != 0">-->

<!--                  <p>审核：</p>-->
<!--                  <p>配对：</p>-->
<!--                  <p>核对：</p>-->
<!--                  <p>发药：</p>-->
<!--                  <p>-->
<!--                    药费：{{-->
<!--                      getTotalOne(item.id).toFixed(2)-->
<!--                        ? getTotalOne(item.id).toFixed(2)-->
<!--                        : 0-->
<!--                    }}元-->
<!--                  </p>-->
<!--                  &lt;!&ndash;            <p>药费：466.2元</p>&ndash;&gt;-->
<!--                </div>-->
<!--                <div class="actionBar" v-else>-->
<!--                  <p >审核、调配：</p>-->
<!--                  <p >核对、发药：</p>-->
<!--                  <p >-->
<!--                    药费：{{-->
<!--                      getTotalOne(item.id).toFixed(2)-->
<!--                        ? getTotalOne(item.id).toFixed(2)-->
<!--                        : 0-->
<!--                    }}元-->
<!--                  </p>-->
<!--                  &lt;!&ndash;            <p>药费：551.2元</p>&ndash;&gt;-->
<!--                  &lt;!&ndash;            <p>药费：466.2元</p>&ndash;&gt;-->
<!--                </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">
          <p v-if="org_id == 10217">
            医师：
            <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-if="org_id == 10510">
            医师：
            <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-if="org_id!=10217 && org_id!=10510">
            医师： {{ item.doctor ? item.doctor : "" }}
          </p>
          <p>日期：{{ getTime(item.ctime) ? getTime(item.ctime) : "" }}</p>
        </div>
        <div class="actionBar">
          <p>审核：</p>
          <p>配对：</p>
          <p>核对：</p>
          <p>发药：</p>
          <p>
            药费：{{
              getTotalOne(item.id).toFixed(2)
                ? getTotalOne(item.id).toFixed(2)
                : 0
            }}元
          </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,
      arr:[],
      arrs:{},
      advicess:[],
      page:sessionStorage.getItem('dayin'),
      patient: {},
      tableData: [],
      prescriptionInfo: [],
      hisPatient: {},
      department: [],
      prescriptions: [],
      projectList: [],
      orgname: "",
      diagnoses: [],
      org_id: 0,
      operatorMaps: {},
      operators: [],
      doctorList_1: [],
    };
  },filters: {
    testfile (value) {
      const start = value.slice(0, 6)
      const end = value.slice(-4)
      return `${start}******${end}`
    }
  },
  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;
          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]
              );
            }
          }
          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) {
      var total = 0;
      var addtotal = 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].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;
    },

    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-bottom: 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;
}
.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>