web_dist/src/components/inpatient/frontsheet-printpage/FullPage.vue

<template>
  <div style="width: 820px">
    <div style="width: 770px; height: 297mm; padding-left: 25px">
      <div style="width: 100%; font-size: 17px; text-align: center">
        住 院 病 案 首 页
      </div>
      <div style="
          margin-right: 8px;
          width: 100%;
          height: 32px;
          line-height: 32px;
          font-size: 15px;
          text-align: center;
        ">
        医疗机构:
        <span style="font-weight: 700">{{ env.VITE_HOSPITAL_NAME }}</span>
        （组织机构代码:
        <span style="font-weight: 700">{{ env.VITE_HOSPITAL_CODE }}</span>
        ）
      </div>
      <div style="margin-right: 8px; height: 25px; line-height: 25px">
        <span style="display: inline-block">
          医疗付费方式:
          <span style="display: inline-block; width: 180px">{{
            filterNameInDic(patient.payMethod, "getPayMethod")
          }}</span>
        </span>
        <span style="
            display: inline-block;
            margin-right: 8px;
            width: 120px;
            margin-left: 12px;
          ">健康卡号: {{ patient.healthCardNo }}</span>
        <span style="display: inline-block; margin-right: 8px; width: 100px">第&nbsp;{{ patient.admissTimes
        }}&nbsp;次住院</span>
        <span style="display: inline-block; margin-right: 8px; width: 130px">病案号: {{ patient.bah }}</span>
      </div>
      <div style="border: 1px solid black; padding: 5px">
        <div style="margin: 8px 8px 8px 0">
          姓名:
          <span style="
              display: inline-block;
              padding: 0 4px;
              margin-right: 8px;
              width: 120px;
              border-bottom: 1px solid black;
            ">{{ patient.name }}</span>
          性别:
          <span style="
              display: inline-block;
              padding: 0 4px;
              margin-right: 8px;
              border-bottom: 1px solid black;
              width: 50px;
            ">
            <!-- {{ filterNameInDic(patient.sex, "getSexCode") }} -->
              {{ patient.sex }}
          </span>
          <span style="display: inline-block;margin-right:8px ;">1.男 2.女 9.未说明的性别</span>
          出生日期:
          <span style="
              display: inline-block;
              padding: 0 4px;
              margin-right: 8px;
              width: 120px;
              border-bottom: 1px solid black;
            ">{{ patient.birthDate }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          年龄:
          <span style="
              display: inline-block;
              padding: 0 4px;
              margin-right: 8px;
              width: 30px;
              border-bottom: 1px solid black;
            ">{{ patient.age }}</span>
          岁
          国籍:
          <span style="
              width: 40px;
              display: inline-block;
              padding: 0 4px;
              margin-right: 8px;
              border-bottom: 1px solid black;
            ">{{ filterNameInDic(patient.country, "getCountry") }}</span>
          （年龄不足 1 周岁的）年龄:
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 50px;
            ">{{ patient.infAge }}</span>
          月
          （新生儿年龄≤28天）年龄:
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 50px;
            ">{{ patient.ageDays }}</span>
          天
        </div>
        <div style="margin: 8px 8px 8px 0">
          <span>新生儿出生体重:（一孩</span>
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 50px;
            ">{{ patient.newBornWeight1 }}</span>
          克&nbsp;&nbsp;&nbsp;&nbsp;二孩
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 50px;
            ">{{ patient.newBornWeight2 }}</span>
          克）
          <span style="margin-left: 8px">新生儿入院体重:</span>
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.newBornAdmissWeight }}</span>
          克
        </div>
        <div style="margin: 8px 8px 8px 0">
          身份证件类型:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 160px;
            ">{{ patient.socialNo }}</span>
          身份证件号码:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 160px;
            ">{{ patient.socialNo }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          身份证件不详的具体原因:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 40px;
            ">{{ patient.noCertReason }}</span>
          <span v-for="item in dics.noCertReasons">
            {{ item.code }}.{{ item.name }}
          </span>
          其他
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width:80px;
            ">{{ patient.noCertReasonInput }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          出生地:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 230px;
            ">{{ patient.birthPlaceName }}</span>
          籍贯:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 230px;
            ">{{ patient.nativePlaceName }}</span>
          民族:
          <span style="
              display: inline-block;
              width: 40px;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
            ">{{ filterNameInDic(patient.nation, "getNation") }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          职业:
          <span style="
              display: inline-block;
              width: 140px;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
            ">{{ filterNameInDic(patient.occupation, "getOccupation") }}</span>
          婚姻:
          <span style="
              display: inline-block;
              width: 40px;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
            ">
            <!-- {{ filterNameInDic(patient.marriage, "getMarriageCode") }} -->
            {{ patient.marriage }}
          </span>
          <span v-for="item in dics.getMarriageCode" style="margin-right: 10px;">
            {{ item.code }}.{{ item.name }}
          </span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          现住址:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 300px;
            ">{{ patient.livePlaceCombo }}</span>
          电话:
          <span style="
              display: inline-block;
              width: 100px;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
            ">{{ patient.phone }}</span>
          邮编:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.addrZipCode }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          户口地址:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 300px;
            ">{{ patient.hkPlaceName }}</span>
          邮编:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.hkZipCode }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          工作单位及地址:
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              margin-right: 0;
              width: 330px;
            ">
            {{ patient.unitName }}/{{ patient.unitPlace }}
          </span>
          单位电话:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 80px;
            ">{{ patient.unitPhone }}</span>
          邮编:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 50px;
            ">{{ patient.unitZipCode }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          联系人姓名:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 200px;
            ">{{ patient.contactName }}</span>
          联系人关系:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 100px;
            ">
            {{
              filterNameInDic(patient.contactRelation, "getRelations")
            }}
            <!-- {{ patient.contactRelation }} -->
          </span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          联系人地址:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 300px;
            ">{{ patient.contactAddrName }}</span>
          联系人电话:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 90px;
            ">{{ patient.contactPhone }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          入院途径:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
            ">
            <!-- {{ filterNameInDic(patient.zyAdmissWay, "getAdmissWay") }} -->
            {{ patient.zyAdmissWay }}
          </span>
          <span v-for="item in dics.getAdmissWay" style="margin-right: 5px;">
            {{ item.code }}.{{ item.name }}
          </span>&nbsp;&nbsp;&nbsp;&nbsp;
          <!-- 是否手术:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
            ">{{ filterNameInDic(patient.hasSurgery, "getOperations") }}</span> -->
        </div>
        <div style="margin: 10px 0 10px 0">
          入院时间:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 122px;
            ">{{ patient.admissDate }}</span>
          入院科别:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 118px;
            ">{{ patient.admissDept }}</span>
          病房:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 80px;
            ">{{ patient.admissWard }}</span>
          转科科别:
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 118px;
            ">{{ patient.transDept }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          出院时间:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 122px;
            ">{{ patient.dismissDate }}</span>
          出院科别:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 118px;
            ">{{ patient.dismissDept }}</span>
          病房:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 80px;
            ">{{ patient.dismissWard }}</span>
          住院天数:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 118px;
            ">{{ patient.admissDays }}</span>
        </div>

        <div style="margin: 8px 8px 8px 0">
          门（急）诊诊断:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 350px;
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden;
            ">
            {{ patient.clinicDiagStr }}
          </span>
          疾病编码:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 110px;
            ">
            {{ patient.clinicDiagCode }}
          </span>
        </div>
        <!-- <div style="display: flex; align-items: center">
          入院诊断名称:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 350px;
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden;
            ">
            {{ patient.supplement.admDiagName }}
          </span>
          入院诊断编码:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 110px;
            ">
            {{ patient.supplement.admDiagCode }}
          </span>
        </div>
        <div style="display: flex; align-items: center; margin: 8px 8px 8px 0">
          入院时情况:
          <span style="
              display: inline-block;
              margin-right: 38px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 60px;
            ">
            {{ filterAdmStatus(patient.supplement.admStatus) }}
          </span>
          入院后确诊日期:
          <span style="
              display: inline-block;
              padding-left: 4px;
              border-bottom: 1px solid black;
              width: 40px;
            ">
            {{ patient.supplement.diagnosisConfirmYear }}
          </span>
          年
          <span style="
              display: inline-block;
              padding-left: 4px;
              border-bottom: 1px solid black;
              width: 20px;
            ">
            {{ patient.supplement.diagnosisConfirmMonth }}
          </span>
          月
          <span style="
              display: inline-block;
              padding-left: 4px;
              border-bottom: 1px solid black;
              width: 20px;
            ">
            {{ patient.supplement.diagnosisConfirmDay }}
          </span>
          日
        </div> -->

        <div style="height: max-content; width: 720px">
          <span style="display: inline-block; width: 360px">
            <table style="
                width: 360px;
                border: 1px solid black;
                border-collapse: collapse;
              ">
              <tr>
                <th>主要诊断</th>
                <th>疾病编码</th>
                <th>入院病情</th>
                <th>出院病情</th>
              </tr>
              <tr>
                <td style="width: 170px">
                  {{ patient.disdiagList[0].name }}
                </td>
                <td style="width: 100px; text-align: center">
                  {{ patient.disdiagList[0].code }}
                </td>
                <td style="width: 30px">
                  {{ patient.disdiagList[0].admissStatus }}
                </td>
                <td style="width: 30px">
                  {{ patient.disdiagList[0].dismissStatus }}
                </td>
              </tr>
              <tr>
                <th colspan="4">其他诊断</th>
              </tr>
              <tr v-for="n in 11" :key="n">
                <td style="text-align: left; padding-left: 5px">
                  {{ patient.disdiagList[n].name }}
                </td>
                <td style="width: 90px">
                  {{ patient.disdiagList[n].code }}
                </td>
                <td style="width: 30px">
                  {{ patient.disdiagList[n].admissStatus }}
                </td>
                <td style="width: 30px">
                  {{ patient.disdiagList[n].dismissStatus }}
                </td>
              </tr>
            </table>
          </span>
          <span style="display: inline-block; width: 360px">
            <table style="
                width: 360px;
                border: 1px solid black;
                border-collapse: collapse;
              ">
              <tr v-for="n in 14" :key="n">
                <td style="margin-right: 8px; width: 170px">
                  {{ patient.disdiagList[n + 11].name }}
                </td>
                <td style="margin-right: 8px; width: 100px">
                  {{ patient.disdiagList[n + 11].code }}
                </td>
                <td style="margin-right: 8px; width: 30px">
                  {{ patient.disdiagList[n + 11].admissStatus }}
                </td>
                <td style="margin-right: 8px; width: 30px">
                  {{ patient.disdiagList[n + 11].dismissStatus }}
                </td>
              </tr>
            </table>
          </span>
        </div>
        <div style="
            width: 700px;
            margin: 4px 0 2px 0;
            padding: 0 4px;
            border-bottom: 1px solid black;
            font-size: 12px;
          ">
          备注：
          <span style="display: inline-block">入院病情：</span>
          1.有，2.临床未确定，3.情况不明，4.无
          <span style="display: inline-block; margin-right: 8px; margin-left: 10px">出院病情：</span>
          1.治愈，2.好转，3.未愈，4.死亡，9.其他
        </div>
        <div style="margin: 8px 8px 8px 0">
          损伤、中毒的外部原因:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 380px;
            ">{{ patient.hurtReasonName }}</span>
          疾病编码:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 110px;
            ">{{ patient.hurtReasonCode }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          病理诊断:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 300px;
            ">{{ patient.pathologicDiagStr }}</span>
          病理编码:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 90px;
            ">{{ patient.pathologicDiagCode }}</span>
          病理号:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.blh }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          药物过敏:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
            ">
            <!-- {{ filterNameInDic(patient.allergy, "getHaveOrNot") }} -->
            {{ patient.allergy }}
          </span>
          <span v-for="item in dics.getHaveOrNot" style="margin-right: 5px;">
            {{ item.code }}.{{ item.name }}
          </span>&nbsp;&nbsp;&nbsp;&nbsp;
          ，过敏药物:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 110px;
            ">{{ patient.allergicMedicine }}</span>
          死亡患者尸检:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
            ">
            <!-- {{ filterNameInDic(patient.autopsy, "getAutopsies") }} -->
            {{ patient.autopsy }}
          </span>
          <span v-for="item in dics.getHaveOrNot" style="margin-right: 5px;">
            {{ item.code }}.{{ item.name }}
          </span>&nbsp;&nbsp;&nbsp;&nbsp;
        </div>
        <!-- <div style="margin: 8px 8px 8px 0">
          输血前四项: HbsAg
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
            ">{{ filterNameInDic(patient.hbsAg, "getHbsag") }}</span>
          HCV-Ab
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              margin-left: 8px;
            ">{{ filterNameInDic(patient.hcvAb, "getHbsag") }}</span>
          HIV-Ab
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              margin-left: 8px;
            ">{{ filterNameInDic(patient.hivAb, "getHbsag") }}</span>
          TP-Ab
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              margin-left: 8px;
            ">{{ filterNameInDic(patient.tpAb, "getHbsag") }}</span>
        </div> -->
        <div style="margin: 8px 8px 8px 0">
          血型:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
            ">
            <!-- {{ filterNameInDic(patient.bloodType, "getBloodType") }} -->
            {{ patient.bloodType }}
          </span>
          <span v-for="item in dics.getBloodType" style="margin-right: 5px;">
            {{ item.code }}.{{ item.name }}
          </span>&nbsp;&nbsp;&nbsp;&nbsp;
          Rh:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
            ">
            <!-- {{ filterNameInDic(patient.rh, "getHbsag") }} -->
            {{ patient.rh }}
          </span>
          <span v-for="item in dics.getHbsag" style="margin-right: 5px;">
            {{ item.code }}.{{ item.name }}
          </span>&nbsp;&nbsp;&nbsp;&nbsp;
        </div>
        <div style="margin: 8px 8px 8px 0">
          科室主任:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.deptLeaderName }}</span>
          主任(副主任)医师:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.leaderDoctorName }}</span>
          主治医师:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.mainDoctorName }}</span>
          住院医师:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.admissDoctorName }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          责任护士:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.dutyNurseName }}</span>
          进修医师:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.studyDoctorName }}</span>
          实习医师:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.internshipDoctorName }}</span>
          编码员:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.coderName }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          病案质量:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
            ">
            <!-- {{
              filterNameInDic(patient.qualityControlLevel, "getQualityLevel")
            }} -->
            {{ patient.qualityControlLevel }}
          </span>
          <span v-for="item in dics.getQualityLevel" style="margin-right: 2px;">
            {{ item.code }}.{{ item.name }}
          </span>&nbsp;&nbsp;&nbsp;&nbsp;
          质控医师:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.qualityControlDoctorName }}</span>
          质控护士:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.qualityControlNurseName }}</span>
          质控日期:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 120px;
            ">{{ patient.qualityControlDate }}</span>
        </div>
      </div>
    </div>
    <div style="width: 770px; padding-left: 25px">
      <div style="border: 1px solid black; padding: 5px">
        <table id="surgeryTable" style="
            border: 1px solid black;
            border-collapse: collapse;
            width: 100%;
          ">
          <tr>
            <th rowspan="2">手术及操作编码</th>
            <th rowspan="2" style="width: 70px">手术及操作日期</th>
            <th rowspan="2" style="width: 10px">手术级别</th>
            <th rowspan="2" style="width: 10px">手术类别</th>
            <th rowspan="2">手术及操作名称</th>
            <th colspan="3">手术及操作医师</th>
            <!-- <th rowspan="2" style="width: 30px">切口愈合等级</th> -->
            <th rowspan="2" style="width: 10px">切口等级</th>
            <th rowspan="2" style="width: 10px">愈合等级</th>
            <th rowspan="2">麻醉方式</th>
            <th rowspan="2">麻醉医师</th>
          </tr>
          <tr>
            <th>术者</th>
            <th>I助</th>
            <th>II助</th>
          </tr>
          <tr v-for="n in defaultSurgerySize" :key="n">
            <td style="width: 70px">
              {{ patient.surgeryList[n - 1].code }}
            </td>
            <td style="padding: 3px; width: 70px">
              {{ patient.surgeryList[n - 1].date }}
            </td>
            <td style="text-align-last: center; width: 30px">
              <!-- {{
                filterNameInDic(
                  patient.surgeryList[n - 1].level,
                  "getOperateScale"
                )
              }} -->
              {{ patient.surgeryList[n - 1].level }}
            </td>
            <td style="padding: 3px">
              {{ patient.surgeryList[n - 1].classType }}
            </td>
            <td style="padding: 3px">
              {{ patient.surgeryList[n - 1].name }}
            </td>
            <td style="width: 40px">
              {{ patient.surgeryList[n - 1].operatorName }}
            </td>
            <td style="width: 50px">
              {{ patient.surgeryList[n - 1].assistantOneName }}
            </td>
            <td style="width: 50px">
              {{ patient.surgeryList[n - 1].assistantTwoName }}
            </td>
            <!-- <td style="text-align-last: center">
              {{
                filterNameInDic(
                  patient.surgeryList[n - 1].cutHeal,
                  "getCutHealGrade"
                )
              }}
            </td> -->
            <td style="width: 25px;">
              {{
                patient.surgeryList[n - 1].cut
              }}
            </td>
            <td style="width: 25px;">
              {{
                patient.surgeryList[n - 1].heal
              }}
            </td>
            <td>
              {{
                filterNameInDic(
                  patient.surgeryList[n - 1].anaesthesia,
                  "getAnaesthesia"
                )
              }}
              <!-- {{ patient.surgeryList[n - 1].anaesthesia }} -->
            </td>
            <td style="width: 40px">
              {{ patient.surgeryList[n - 1].anaesthesiaorName }}
            </td>
          </tr>
        </table>
        <div style="border-bottom:1px solid black;margin-right: 20px">
            手术类别：1.择期手术&nbsp;2.急诊手术&nbsp;&nbsp;切口类别：0.0级切口&nbsp;Ⅰ.1级切口&nbsp;Ⅱ.2级切口&nbsp;Ⅲ.3级切口&nbsp;&nbsp;
            愈合等级：1.甲&nbsp;2.乙&nbsp;3.丙&nbsp;9.其他&nbsp;&nbsp;
          </div>
        <div style="margin: 8px 8px 8px 0">
          离院方式:
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
            ">
            <!-- {{
              filterNameInDic(patient.zyDismissWay, "getZyDismissWay")
            }} -->
            {{ patient.zyDismissWay }}
          </span>
          <span v-for="item in dics.getZyDismissWay">
            {{ item.code }}.{{ item.name }}
          </span>&nbsp;&nbsp;&nbsp;&nbsp;
        </div>
        <div style="margin: 8px 8px 8px 0">
          ，拟接收医疗机构名称:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 210px;
            ">{{ patient.dismissDestination }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          是否有出院31天内再住院计划:
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
            ">
            <!-- {{
              filterNameInDic(patient.admissAgainInOneMonth, "getHaveOrNot")
            }} -->
            {{ patient.admissAgainInOneMonth }}
          </span>
          <span v-for="item in dics.getHaveOrNot">
            {{ item.code }}.{{ item.name }}
          </span>&nbsp;&nbsp;&nbsp;&nbsp;
          ，目的:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 300px;
            ">{{ patient.admissAgainPurpose }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          颅脑损伤患者昏迷时间: 入院前
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 30px;
            ">{{ patient.comaDaysBeforeAdmiss }}</span>
          天
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 30px;
            ">{{ patient.comaHoursBeforeAdmiss }}</span>
          小时
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 30px;
            ">{{ patient.comaMinutesBeforeAdmiss }}</span>
          分钟 <span style="margin-left: 8px">入院后</span>
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 30px;
            ">{{ patient.comaDaysAfterAdmiss }}</span>
          天
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 30px;
            ">{{ patient.comaHoursAfterAdmiss }}</span>
          小时
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 30px;
            ">{{ patient.comaMinutesAfterAdmiss }}</span>
          分钟
        </div>
        <div style="margin: 8px 8px 8px 0">
          住院费用（元）: 总费用
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 110px;
            ">{{ patient.totalCost }}</span>
          (自付金额:
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 110px;
            ">{{ patient.selfPay }}</span>
          )
        </div>
        <div style="margin: 8px 8px 8px 0">
          1.综合医疗服务类: (1)一般医疗服务费:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.generalMedicalServiceFee }}</span>
          (2)一般治疗操作费:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.generalTreatmentOperatingFee }}</span>
          (3)护理费:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 50px;
            ">{{ patient.careFee }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          (4)其他费:
          <span style="
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.elseFee }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          2.诊断类: (5)病理诊断费:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.pathologicDiagFee }}</span>
          (6)实验室诊断费:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.experimentDiagFee }}</span>
          (7)影像学诊断费:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.ctDiagFee }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          (8)临床诊断项目费:
          <span style="
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.clinicalDiagFee }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          3.治疗类: (9)非手术治疗项目费:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.notSurgicalFee }}</span>
          (临床物理治疗费:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.clinicalPhysicalFee }}</span>
          )
        </div>
        <div style="margin: 8px 8px 8px 0">
          (10)手术治疗费:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.surgicalFee }}</span>
          (麻醉费:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.anesthetizeFee }}</span>
          &nbsp;&nbsp;手术费:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.surgeryFee }}</span>
          )
        </div>
        <div style="margin: 8px 8px 8px 0">
          4.康复类: (11)康复费:
          <span style="
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.recoverFee }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          5.中医类: (12)中医治疗费:
          <span style="
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.tcmTreatmentFee }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          6.西药类: (13)西药费:
          <span style="
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.westMedicineFee }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          7.中药类: (14)中成药费:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.chinesePatentMedicineFee }}</span>
          (15)中草药费:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.chineseHerbalMedicineFee }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          8.血液和血液制品类: (16)血费:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 50px;
            ">{{ patient.bloodFee }}</span>
          (17)白蛋白类制品费:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 50px;
            ">{{ patient.albuminProductsFee }}</span>
          (18)球蛋白类制品费:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 50px;
            ">{{ patient.globulinProductsFee }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          (19)凝血因子类制品费:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.coagulationFactorProductsFee }}</span>
          (20)细胞因子类制品费:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.cytokineProductsFee }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          9.耗材类: (21)检查用一次性医用材料费:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">
            {{ patient.costOfDisposableMedicalMaterialsForExamination }}
          </span>
          (22)治疗用一次性医用材料费:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">
            {{ patient.costOfDisposableMedicalMaterialsForTreatment }}
          </span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          (23)手术用一次性医用材料费:
          <span style="
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.costOfDisposableMedicalMaterialsForOperation }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          10.其他类: (24)其他费:
          <span style="
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 70px;
            ">{{ patient.otherFees }}</span>
        </div>
        <div style="display: flex;align-items: end;margin-top: 4px">
          <table style="border-collapse: collapse; width: calc(100% - 25px)">
            <thead>
              <tr>
                <th>重症监护室名称</th>
                <th>进入重症监护室时间（ 年 月 日 时 分）</th>
                <th>转出重症监护室时间（ 年 月 日 时 分）</th>
              </tr>
            </thead>
            <tbody>
              <tr v-for="n in 3">
                <td>
                  <div style="height: 26px;line-height: 26px;padding-left: 5px">
                    {{ initIcuInfoListName(n) }}
                  </div>
                </td>
                <td>
                  <div style="height: 26px;line-height: 26px;padding-left: 5px" class="datetime-container">
                    {{ patient.icuInfoList[n - 1].startTime }}
                  </div>
                </td>
                <td>
                  <div style="height: 26px;line-height: 26px;padding-left: 5px" class="datetime-container">
                    {{ patient.icuInfoList[n - 1].endTime }}
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <!-- <div style="margin: 8px 8px 8px 0">
          主要诊断治愈好转情况:
          <span style="
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              padding: 0 5px;
            ">
            {{ dismissStatusText(patient.disdiagList[0].dismissStatus) }}
          </span>
        </div> -->
        <div style="margin: 8px 8px 8px 0">
          危重病例
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              margin-right: 12px;
            ">{{ patient.wzbl }}</span>
          0.否&nbsp;1.是&nbsp;&nbsp;&nbsp;
          疑难病例
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
            ">{{ patient.ynbl }}</span>
          0.否&nbsp;1.是&nbsp;&nbsp;&nbsp;
        </div>
        <div style="margin: 8px 8px 8px 0">
          MDT病历
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              margin-right: 12px;
            ">{{ patient.mdtbl }}</span>
          0.否&nbsp;1.是&nbsp;&nbsp;&nbsp;
          单病种病例
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              margin-right: 12px;
            ">{{ patient.dbzbl }}</span>
          0.否&nbsp;1.是&nbsp;&nbsp;&nbsp;
          日间手术病例
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
            ">{{ patient.rjssbl }}</span>
          0.否&nbsp;1.是&nbsp;&nbsp;&nbsp;
          教学查房病历
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
            ">{{ patient.jxcfbl }}</span>
          0.否&nbsp;1.是&nbsp;&nbsp;&nbsp;
        </div>
        <div style="margin: 8px 8px 8px 0">
          诊断符合情况: 门诊与住院
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              margin-right: 12px;
            ">
            {{ patient.mzycy }}
          </span>
          入院与出院
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
            ">
            <!-- {{ filterNameInDic(patient.diagConform2, "getDiagConform") }} -->
            {{ patient.ryycy }}
          </span>
          术前与术后
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              margin-right: 12px;
            ">
            <!-- {{ filterNameInDic(patient.diagConform3, "getDiagConform") }} -->
            {{ patient.sqysh }}
          </span>
          临床与病理
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              margin-right: 12px;
            ">
            {{ patient.lcybl }}
          </span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          放射与病理
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
            ">
            <!-- {{ filterNameInDic(patient.diagConform5, "getDiagConform") }} -->
            {{ patient.fsybl }}
          </span>
          （0.未做&nbsp;1.符合&nbsp;2.不符合&nbsp;3.不确定&nbsp;）&nbsp;&nbsp;

        </div>
        <div style="margin: 8px 8px 8px 0">
          抢救情况: 抢救
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 90px;
            ">{{ patient.rescueTimes }}</span>
          次， 成功
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 90px;
            ">{{ patient.rescueSuccessTimes }}</span>
          次
        </div>
        <div style="margin: 8px 8px 8px 0">
          同城互认：
          1.无

          <input type="checkbox" :checked="patient.tchrw" disabled />
          <span style="margin-left: 12px">2.影像检查</span>
          <input type="checkbox" :checked="patient.tchryxjc" disabled />
          <span style="margin-left: 12px">3.检验检查</span>
          <input type="checkbox" :checked="patient.tchrjyjc" disabled />
          <span style="margin-left: 12px">4.病理检查</span>
          <input type="checkbox" :checked="patient.tchrbljc" disabled />
          <span style="margin-left: 12px">9.其他</span>
          <input type="checkbox" :checked="patient.tchrqt" disabled />
        </div>
        <div style="margin: 8px 8px 8px 0">
          临床路径管理:
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              margin-right: 12px;
            ">
            {{
              patient.pathwayMng
            }}
          </span>
          1.完成&nbsp;2.变异&nbsp;3.退出&nbsp;4.未入&nbsp;&nbsp;&nbsp;
        </div>
        <div style="width: 700px;box-sizing: border-box;">
          <span>说明：（一）医疗付费方式&nbsp;&nbsp;1.城镇职工基本医疗保险&nbsp;&nbsp;2.城镇居民基本医疗保险&nbsp;&nbsp;3.新型农村合作医疗&nbsp;&nbsp;4.贫困救助
            &nbsp;&nbsp;5.商业医疗保险&nbsp;&nbsp;6.全公费&nbsp;&nbsp;7.全自费&nbsp;&nbsp;8.其他社会保险&nbsp;&nbsp;9.其他
          </span>
        </div>
        <div style="width: 700px;box-sizing: border-box;">
          <span>说明：（二）身份证件类型</span>
          <span v-for="item in dics.getPsnCertType">
            {{ item.code }}.{{ item.name }}
          </span>
        </div>
        <!-- <div style="margin: 8px 8px 8px 0">
          单病种管理:
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              margin-right: 12px;
            ">{{
              filterNameInDic(patient.monopathyManagement, "getYesOrNo")
            }}</span>
          实施临床路径管理:
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              margin-right: 12px;
            ">
            {{
              filterNameInDic(
                patient.clinicalPathwayManagement,
                "getClinicalPathwayManagement"
              )
            }}
          </span>
          实施DRGs管理:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
            ">{{
              filterNameInDic(patient.drgsManagement, "getDrgsManagement")
            }}</span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          抗生素使用:
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              margin-right: 12px;
            ">{{ filterNameInDic(patient.useAntibiotic, "getYesOrNo") }}</span>
          细菌培养标本送检:
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              margin-right: 12px;
            ">{{ filterNameInDic(patient.bacilliculture, "getYesOrNo") }}</span>
          法定传染病:
          <span style="
              display: inline-block;
              margin-right: 8px;
              padding: 0 4px;
              border-bottom: 1px solid black;
            ">
            {{
              filterNameInDic(patient.statutoryEpidemic, "getStatutoryEpidemic")
            }}
          </span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          病例分型:
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              margin-right: 12px;
            ">
            {{
              filterNameInDic(
                patient.caseClassification,
                "getCaseClassification"
              )
            }}
          </span>
          有创呼吸机使用时间：
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 40px;
              margin-right: 12px;
            ">
            {{ patient.supplement.ventilatorUseTime }}
          </span>
          小时
          <span style="display: inline-block; margin-left: 30px">
            新生儿 5分钟 Apgar评分:
            <span style="
                display: inline-block;
                padding: 0 4px;
                border-bottom: 1px solid black;
                width: 40px;
              ">
              {{ patient.xxeApgar }}
            </span>
            分
          </span>
        </div>
        <div>
          住院过程中有无进入重症监护室：
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 40px;
            ">
            {{ filterNewHaveOrNot(patient.supplement.hadIcu) }}
          </span>

          重症监护室名称：
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 300px;
            ">
            {{ filterIcuName(patient.supplement.icuName) }}
          </span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          进入时间：
          <span style="
              display: inline-block;
              padding-left: 4px;
              border-bottom: 1px solid black;
              width: 40px;
            ">
            {{ patient.supplement.startIcuYear }}
          </span>
          年
          <span style="
              display: inline-block;
              padding-left: 4px;
              border-bottom: 1px solid black;
              width: 20px;
            ">
            {{ patient.supplement.startIcuMonth }}
          </span>
          月
          <span style="
              display: inline-block;
              padding-left: 4px;
              border-bottom: 1px solid black;
              width: 20px;
            ">
            {{ patient.supplement.startIcuDay }}
          </span>
          日
          <span style="
              display: inline-block;
              padding-left: 4px;
              border-bottom: 1px solid black;
              width: 20px;
            ">
            {{ patient.supplement.startIcuHour }}
          </span>
          时
          <span style="
              display: inline-block;
              padding-left: 4px;
              border-bottom: 1px solid black;
              width: 20px;
            ">
            {{ patient.supplement.startIcuMinute }}
          </span>
          分

          <span style="display: inline-block; margin-left: 12px">
            转出时间：
          </span>
          <span style="
              display: inline-block;
              padding-left: 4px;
              border-bottom: 1px solid black;
              width: 40px;
            ">
            {{ patient.supplement.endIcuYear }}
          </span>
          年
          <span style="
              display: inline-block;
              padding-left: 4px;
              border-bottom: 1px solid black;
              width: 20px;
            ">
            {{ patient.supplement.endIcuMonth }}
          </span>
          月
          <span style="
              display: inline-block;
              padding-left: 4px;
              border-bottom: 1px solid black;
              width: 20px;
            ">
            {{ patient.supplement.endIcuDay }}
          </span>
          日
          <span style="
              display: inline-block;
              padding-left: 4px;
              border-bottom: 1px solid black;
              width: 20px;
            ">
            {{ patient.supplement.endIcuHour }}
          </span>
          时
          <span style="
              display: inline-block;
              padding-left: 4px;
              border-bottom: 1px solid black;
              width: 20px;
            ">
            {{ patient.supplement.endIcuMinute }}
          </span>
          分
        </div>
        <div style="margin: 8px 8px 8px 0">
          住院过程中是否使用ECMO：
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 40px;
              margin-right: 12px;
            ">
            {{ filterYesOrNo(patient.supplement.hadEcmo) }}
          </span>
          模式：
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 100px;
              margin-right: 12px;
            ">
            {{ patient.supplement.ecmoMode }}
          </span>
          膜肺更换次数：
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 40px;
            ">
            {{ patient.supplement.memlungChangeTimes }}
          </span>
          次
        </div>
        <div>
          上机时间：
          <span style="
              display: inline-block;
              padding-left: 4px;
              border-bottom: 1px solid black;
              width: 40px;
            ">
            {{ patient.supplement.startEcmoYear }}
          </span>
          年
          <span style="
              display: inline-block;
              padding-left: 4px;
              border-bottom: 1px solid black;
              width: 20px;
            ">
            {{ patient.supplement.startEcmoMonth }}
          </span>
          月
          <span style="
              display: inline-block;
              padding-left: 4px;
              border-bottom: 1px solid black;
              width: 20px;
            ">
            {{ patient.supplement.startEcmoDay }}
          </span>
          日
          <span style="
              display: inline-block;
              padding-left: 4px;
              border-bottom: 1px solid black;
              width: 20px;
            ">
            {{ patient.supplement.startEcmoHour }}
          </span>
          时
          <span style="
              display: inline-block;
              padding-left: 4px;
              border-bottom: 1px solid black;
              width: 20px;
            ">
            {{ patient.supplement.startEcmoMinute }}
          </span>
          分
          <span style="display: inline-block; margin-left: 12px">
            撤机时间：
          </span>
          <span style="
              display: inline-block;
              padding-left: 4px;
              border-bottom: 1px solid black;
              width: 40px;
            ">
            {{ patient.supplement.endEcmoYear }}
          </span>
          年
          <span style="
              display: inline-block;
              padding-left: 4px;
              border-bottom: 1px solid black;
              width: 20px;
            ">
            {{ patient.supplement.endEcmoMonth }}
          </span>
          月
          <span style="
              display: inline-block;
              padding-left: 4px;
              border-bottom: 1px solid black;
              width: 20px;
            ">
            {{ patient.supplement.endEcmoDay }}
          </span>
          日
          <span style="
              display: inline-block;
              padding-left: 4px;
              border-bottom: 1px solid black;
              width: 20px;
            ">
            {{ patient.supplement.endEcmoHour }}
          </span>
          时
          <span style="
              display: inline-block;
              padding-left: 4px;
              border-bottom: 1px solid black;
              width: 20px;
            ">
            {{ patient.supplement.endEcmoMinute }}
          </span>
          分
        </div>
        <div style="margin: 8px 8px 8px 0">
          输血品种：红细胞
          <span style="
              display: inline-block;
              padding: 0 4px;
              border-bottom: 1px solid black;
              width: 40px;
            ">
            {{ patient.supplement.erythrocyte }}
          </span>
          单位
          <span style="display: inline-block; margin-left: 10px">
            血小板
            <span style="
                display: inline-block;
                padding: 0 4px;
                border-bottom: 1px solid black;
                width: 40px;
              ">
              {{ patient.supplement.platelet }}
            </span>
            单位
          </span>
          <span style="display: inline-block; margin-left: 10px">
            血浆
            <span style="
                display: inline-block;
                padding: 0 4px;
                border-bottom: 1px solid black;
                width: 40px;
              ">
              {{ patient.supplement.plasma }}
            </span>
            ml
          </span>
          <span style="display: inline-block; margin-left: 10px">
            全血
            <span style="
                display: inline-block;
                padding: 0 4px;
                border-bottom: 1px solid black;
                width: 40px;
              ">
              {{ patient.supplement.wholeBlood }}
            </span>
            单位
          </span>
          <span style="display: inline-block; margin-left: 10px">
            自体血回输
            <span style="
                display: inline-block;
                padding: 0 4px;
                border-bottom: 1px solid black;
                width: 40px;
              ">
              {{ patient.supplement.autotransfusion }}
            </span>
            单位
          </span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          肿瘤分期: T
          <span style="
              display: inline-block;
              width: 30px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              margin-right: 12px;
            ">
            {{ filterNameInDic(patient.tumorLevelT, "getTumorLevelT") }}
          </span>
          N
          <span style="
              display: inline-block;
              width: 30px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              margin-right: 12px;
            ">
            {{ filterNameInDic(patient.tumorLevelN, "getTumorLevelN") }}
          </span>
          M
          <span style="
              display: inline-block;
              width: 30px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              margin-right: 12px;
            ">
            {{ filterNameInDic(patient.tumorLevelM, "getTumorLevelM") }}
          </span>
          分期
          <span style="
              display: inline-block;
              width: 30px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              margin-right: 18px;
            ">
            {{ filterNameInDic(patient.tumorLevel, "getTumorLevel") }}
          </span>
        </div>
        <div style="margin: 8px 8px 8px 0">
          输液输血情况： 1.输液情况：
          <span style="
              display: inline-block;
              width: 30px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              margin-right: 18px;
            ">
            {{ filterNewHaveOrNot(patient.supplement.infusion) }}
          </span>
          2.输液反应：
          <span style="
              display: inline-block;
              width: 30px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              margin-right: 18px;
            ">
            {{ filterNewHaveOrNot(patient.supplement.infusionReaction) }}
          </span>
          3.输血情况：
          <span style="
              display: inline-block;
              width: 30px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              margin-right: 18px;
            ">
            {{ filterNewHaveOrNot(patient.supplement.transfusion) }}
          </span>
          4.输血反应：
          <span style="
              display: inline-block;
              width: 30px;
              padding: 0 4px;
              border-bottom: 1px solid black;
              margin-right: 18px;
            ">
            {{ filterNewHaveOrNot(patient.supplement.transfusionReaction) }}
          </span>
        </div> -->
      </div>
    </div>
  </div>
</template>

<script setup>
import env from "../../../utils/setting";

const props = defineProps({
  patient: {
    type: Object,
    required: true,
  },
  dics: {
    type: Object,
    required: true,
  },
});

const defaultSurgerySize = computed(() => {
  const surgerySize = props.patient.surgeryList.length;
  return surgerySize > 5 ? surgerySize : 5;
});
const initIcuInfoListName = (n) => {
  if (n == 1) {
    if (props.patient.icuInfoList[n - 1].icuName == null) {
      return "-"
    }
  }
  return props.patient.icuInfoList[n - 1].icuName
};
const filterNameInDic = (val, dic) => {
  if (!val) {
    return "";
  }
  const dicValue = props.dics[dic];
  for (let i = 0; i < dicValue.length; i++) {
    const dicItem = dicValue[i];
    if (dicItem.code == val) {
      return dicItem.name;
    }
  }
  return "-";
};

function filterAdmStatus(val) {
  if (!val) {
    return "";
  }
  switch (val) {
    case 1:
      return "危";
    case 2:
      return "急";
    case 3:
      return "一般";
  }
  return "";
}

const dismissStatusText = val => {
  switch (val) {
    case 1:
    case "1":
      return "治愈";
    case 2:
    case "2":
      return "好转";
    case 3:
    case "3":
      return "未愈";
    case 4:
    case "4":
      return "死亡";
    case 9:
    case "9":
      return "其他";
    default:
      return "";
  }
};

function filterNewHaveOrNot(val) {
  if (!val) {
    return "";
  }
  if (val === 1) {
    return "有";
  } else if (val === 2) {
    return "无";
  } else {
    return "";
  }
}

function filterYesOrNo(val) {
  if (!val) {
    return "";
  }
  if (val === 1) {
    return "是";
  } else if (val === 2) {
    return "否";
  } else {
    return "";
  }
}

function filterIcuName(val) {
  if (!val) {
    return "";
  }
  switch (val) {
    case "01":
      return "CCU-心脏监护室";
    case "02":
      return "RICU-呼吸监护室";
    case "03":
      return "SICU-外科监护室";
    case "04":
      return "NICU-新生儿监护室";
    case "05":
      return "PICU-儿科监护室";
    case "06":
      return "EICU-急诊重症监护室";
    case "07":
      return "MICU-内科重症监护室";
    case "99":
      return "其他";
  }
  return "";
}
</script>

<style scoped>
table,
th,
td {
  border: 1px solid black;
  border-collapse: collapse;
}

td,
th {
  height: 24px;
  padding-left: 4px;
}
input[type=checkbox]:checked{
   background-color: black;

}
/* 定位禁用的checkbox并重置默认样式 */
input[type="checkbox"][disabled] {
  /* 移除浏览器默认样式 */
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #ccc; /* 未选中时的边框色 */
  border-radius: 3px;
  position: relative;
  cursor: not-allowed; /* 禁用状态的鼠标样式 */
  background-color: #f5f5f5; /* 禁用未选中时的背景 */
}

/* 禁用且选中状态的样式 */
input[type="checkbox"][disabled]:checked {
  background-color: #2196F3; /* 选中时的背景色（示例：蓝色） */
  border-color: #2196F3; /* 选中时的边框色 */
}

/* 自定义选中状态的对勾图标 */
input[type="checkbox"][disabled]:checked::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 5px;
  border: solid white; /* 对勾颜色 */
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  top: 1px;
  left: 3px;
}
</style>