<template>
  <div style="display: flex">
    <div style="width: 60%">
      <div style="margin-bottom: 8px; color: black; font-weight: 700; font-size: 16px">结算基本信息</div>
      <el-descriptions :column="4" size="small" border>
        <el-descriptions-item>
          <template #label> 姓名 </template>
          {{ setlinfo.psnName }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label> 性别 </template>
          {{ cptSex(setlinfo.gend) }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label> 年龄 </template>
          {{ setlinfo.age }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label> 出生日期 </template>
          {{ setlinfo.brdy }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label> 身份证 </template>
          {{ setlinfo.certno }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label> 人员编码 </template>
          {{ setlinfo.psnNo }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label> 就诊ID </template>
          {{ setlinfo.mdtrtId }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label> 结算ID </template>
          {{ setlinfo.setlId }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label> 医疗类别 </template>
          {{ setlinfo.medTypeName }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label> 险种类型 </template>
          {{ setlinfo.insutypeName }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label> 人员类别 </template>
          {{ setlinfo.psnTypeName }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label> 公务员标志 </template>
          {{ cptYesOrNo(setlinfo.cvlservFlag) }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label> 结算时间 </template>
          {{ setlinfo.setlTime }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label> 病种编码 </template>
          {{ setlinfo.diseCodg }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label> 病种名称 </template>
          {{ setlinfo.diseName }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label> 经办人ID </template>
          {{ setlinfo.opterId }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label> 经办人姓名 </template>
          {{ setlinfo.opterName }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label> 经办时间 </template>
          {{ setlinfo.optTime }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label> 医疗费总额 </template>
          {{ setlinfo.medfeeSumamt }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template #label> 基金支付总额 </template>
          {{ setlinfo.fundPaySumamt }}
        </el-descriptions-item>
      </el-descriptions>
    </div>
    <div style="margin-left: 8px">
      <div style="margin-top: 16px; color: black; font-weight: 700; font-size: 16px">基金分项信息</div>
      <el-table :data="setlinfo.setldetail" stripe>
        <el-table-column prop="fundPayType" label="基金支付类型"></el-table-column>
        <el-table-column prop="fundPayTypeName" label="基金支付类型名称"></el-table-column>
        <el-table-column prop="fundPayamt" label="基金支付金额"></el-table-column>
        <el-table-column prop="setlProcInfo" label="结算过程信息"></el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
import { cptSex, cptYesOrNo } from '../../../utils/computed'
export default {
  props: {
    setlinfo: {
      type: Object,
      required: true,
    },
  },
  setup() {
    return {
      cptSex,
      cptYesOrNo,
    }
  },
}
</script>
