更新vxetable框架并升级前端组件框架

openhis-ui-vue3/src/views/charge/clinicrefund/index.vue

@@ -1,4 +1,4 @@
-<template>
+<template>
   <div
     style="display: flex; justify-content: space-between"
     class="app-container"
@@ -53,36 +53,36 @@
         >
           搜索
         </el-button>
-        <el-table
+        <vxe-table
           ref="patientListRef"
           height="630"
           :data="patientList"
-          row-key="encounterId"
+          :row-config="{ keyField: 'encounterId', keyField: 'encounterId' }"
           highlight-current-row
           width=""
           @cell-click="clickRow"
         >
-          <el-table-column
-            label="病历号"
+          <vxe-column
+            title="病历号"
             align="center"
-            prop="encounterBusNo"
+            field="encounterBusNo"
           />
-          <el-table-column
-            label="姓名"
+          <vxe-column
+            title="姓名"
             align="center"
-            prop="patientName"
+            field="patientName"
           />
-          <!-- <el-table-column label="时间" align="center" prop="startTime">
+          <!-- <vxe-column title="时间" align="center" field="startTime">
             <template #default="scope">
               {{ formatDate(scope.row.startTime) }}
             </template>
-          </el-table-column> -->
-          <el-table-column
-            label="收费状态"
+          </vxe-column> -->
+          <vxe-column
+            title="收费状态"
             align="center"
-            prop="statusEnum_enumText"
+            field="statusEnum_enumText"
           />
-        </el-table>
+        </vxe-table>
       </div>
     </el-card>
     <div style="width: 69%">
@@ -135,20 +135,19 @@
         <!-- <el-button type="primary" @click="handleRefund()" :disabled="buttonDisabled">
           确认退费
         </el-button> -->
-        <el-table
+        <vxe-table
           ref="chargeListRef"
           v-loading="chargeLoading"
           height="510"
           :data="chargeList"
-          row-key="encounterId"
           :span-method="spanMethod"
           class="no-hover-table"
           border
           width=""
         >
-          <!-- <el-table-column type="selection" :selectable="checkSelectable" width="55" /> -->
-          <el-table-column
-            label="操作"
+          <!-- <vxe-column type="checkbox" :selectable="checkSelectable" width="55" /> -->
+          <vxe-column
+            title="操作"
             align="center"
           >
             <template #default="scope">
@@ -160,57 +159,57 @@
                 退费
               </el-button>
             </template>
-          </el-table-column>
-          <el-table-column
-            prop="paymentId"
-            label="支付单据号"
+          </vxe-column>
+          <vxe-column
+            field="paymentId"
+            title="支付单据号"
             align="center"
           />
-          <el-table-column
-            label="项目单据号"
+          <vxe-column
+            title="项目单据号"
             align="center"
-            prop="busNo"
+            field="busNo"
             width="150"
           />
-          <el-table-column
-            label="项目名称"
+          <vxe-column
+            title="项目名称"
             align="center"
-            prop="itemName"
+            field="itemName"
           />
-          <el-table-column
-            label="收费状态"
+          <vxe-column
+            title="收费状态"
             align="center"
-            prop="chargeStatus_enumText"
+            field="chargeStatus_enumText"
             width="100"
           />
-          <el-table-column
-            label="数量"
+          <vxe-column
+            title="数量"
             align="center"
             width="100"
           >
             <template #default="scope">
               {{ scope.row.quantityValue + ' ' + scope.row.quantityUnit_dictText }}
             </template>
-          </el-table-column>
-          <el-table-column
-            label="付款总额"
+          </vxe-column>
+          <vxe-column
+            title="付款总额"
             align="right"
-            prop="totalPrice"
+            field="totalPrice"
             header-align="center"
             width="100"
           >
             <template #default="scope">
               {{ scope.row.totalPrice.toFixed(2) + ' 元' }}
             </template>
-          </el-table-column>
-          <!-- <el-table-column label="处方号" align="center" prop="prescriptionNo" /> -->
-          <el-table-column
-            label="收款人"
+          </vxe-column>
+          <!-- <vxe-column title="处方号" align="center" field="prescriptionNo" /> -->
+          <vxe-column
+            title="收款人"
             align="center"
-            prop="entererName"
+            field="entererName"
             width="120"
           />
-        </el-table>
+        </vxe-table>
       </el-card>
     </div>
     <RefundDialog
@@ -397,7 +396,7 @@ function handleClose(value) {
 }
 </script>
 <style lang="scss" scoped>
-:deep(.no-hover-table) .el-table__body tr:hover > td {
+:deep(.no-hover-table) .vxe-table--body tr:hover > td {
   background: inherit !important;
 }
 </style>