瀏覽代碼

样式优化

lighter 2 年之前
父節點
當前提交
82ff391a33
共有 1 個文件被更改,包括 96 次插入91 次删除
  1. 96 91
      src/components/medical-insurance/setlinfo/Index.vue

+ 96 - 91
src/components/medical-insurance/setlinfo/Index.vue

@@ -1,95 +1,100 @@
 <template>
-  <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 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 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>