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

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

@@ -1,4 +1,4 @@
-<template>
+<template>
   <div class="app-continer">
     <el-form
       ref="queryRef"
@@ -31,94 +31,94 @@
       </el-form-item>
     </el-form>
 
-    <el-table
+    <vxe-table
       ref="tableRef"
       v-loading="loading"
       :data="recordList"
       border
     >
-      <el-table-column
-        label="患者姓名"
+      <vxe-column
+        title="患者姓名"
         align="center"
-        prop="patientName"
-        :show-overflow-tooltip="true"
+        field="patientName"
+        :show-overflow="true"
       />
-      <el-table-column
-        label="支付单号"
+      <vxe-column
+        title="支付单号"
         align="center"
-        prop="paymentBusNo"
-        :show-overflow-tooltip="true"
+        field="paymentBusNo"
+        :show-overflow="true"
       />
-      <el-table-column
-        label="交易金额(元)"
+      <vxe-column
+        title="交易金额(元)"
         align="right"
-        prop="txnAmt"
+        field="txnAmt"
         header-align="center"
         width="100"
-        :show-overflow-tooltip="true"
+        :show-overflow="true"
       />
-      <el-table-column
-        label="交易类型"
+      <vxe-column
+        title="交易类型"
         align="center"
-        prop="tranType"
-        :show-overflow-tooltip="true"
+        field="tranType"
+        :show-overflow="true"
       />
-      <el-table-column
-        label="支付方式"
+      <vxe-column
+        title="支付方式"
         align="center"
-        prop="payType"
-        :show-overflow-tooltip="true"
+        field="payType"
+        :show-overflow="true"
       />
-      <el-table-column
-        label="交易时间"
+      <vxe-column
+        title="交易时间"
         align="center"
-        prop="txnTime"
-        :show-overflow-tooltip="true"
+        field="txnTime"
+        :show-overflow="true"
       >
         <template #default="scope">
           <span>{{ parseTime(scope.row.txnTime) }}</span>
         </template>
-      </el-table-column>
-      <el-table-column
-        label="原交易类型"
+      </vxe-column>
+      <vxe-column
+        title="原交易类型"
         align="center"
-        prop="orgTranType"
-        :show-overflow-tooltip="true"
+        field="orgTranType"
+        :show-overflow="true"
       />
-      <el-table-column
-        label="原交易类型"
+      <vxe-column
+        title="原交易类型"
         align="center"
-        prop="orgTranType"
-        :show-overflow-tooltip="true"
+        field="orgTranType"
+        :show-overflow="true"
       />
-      <el-table-column
-        label="第三方优惠说明"
+      <vxe-column
+        title="第三方优惠说明"
         align="center"
-        prop="otherMsg"
-        :show-overflow-tooltip="true"
+        field="otherMsg"
+        :show-overflow="true"
       />
-      <el-table-column
-        label="错误信息"
+      <vxe-column
+        title="错误信息"
         align="center"
-        prop="errMsg"
-        :show-overflow-tooltip="true"
+        field="errMsg"
+        :show-overflow="true"
       />
-      <el-table-column
-        label="查询结果"
+      <vxe-column
+        title="查询结果"
         align="center"
-        prop="queryResult"
-        :show-overflow-tooltip="true"
+        field="queryResult"
+        :show-overflow="true"
       />
-      <el-table-column
-        label="查询结果说明"
+      <vxe-column
+        title="查询结果说明"
         align="center"
-        prop="queryResultMsg"
-        :show-overflow-tooltip="true"
+        field="queryResultMsg"
+        :show-overflow="true"
       />
-      <el-table-column
-        label="操作"
+      <vxe-column
+        title="操作"
         align="center"
-        prop="paymentEnum_enumText"
+        field="paymentEnum_enumText"
         width="340"
       >
         <template #default="scope">
@@ -155,8 +155,8 @@
             退费结果查询
           </el-button>
         </template>
-      </el-table-column>
-    </el-table>
+      </vxe-column>
+    </vxe-table>
     <pagination
       v-show="total > 0"
       v-model:page="queryParams.pageNo"