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

openhis-ui-vue3/src/views/cardmanagement/index.vue

@@ -1,4 +1,4 @@
-<template>
+<template>
   <div class="card-management-container">
     <!-- 统计卡片区域 -->
     <div class="statistics-section">
@@ -205,95 +205,95 @@
 
     <!-- 报卡列表区 -->
     <div class="table-section">
-      <el-table
+      <vxe-table
         v-loading="loading"
         :data="cardList"
         :row-class-name="getRowClassName"
         border
         stripe
-        @selection-change="handleSelectionChange"
+        @checkbox-change="handleSelectionChange"
       >
-        <el-table-column
-          type="selection"
+        <vxe-column
+          type="checkbox"
           width="55"
           align="center"
         />
-        <el-table-column
-          label="报卡名称"
-          prop="cardName"
+        <vxe-column
+          title="报卡名称"
+          field="cardName"
           min-width="120"
         >
           <template #default="{ row }">
             {{ getCardName(row.cardNameCode) }}
           </template>
-        </el-table-column>
-        <el-table-column
-          label="病种名称"
-          prop="diseaseName"
+        </vxe-column>
+        <vxe-column
+          title="病种名称"
+          field="diseaseName"
           min-width="120"
         >
           <template #default="{ row }">
             {{ row.diseaseName || getDiseaseName(row.diseaseCode) }}
           </template>
-        </el-table-column>
-        <el-table-column
-          label="报卡编号"
-          prop="cardNo"
+        </vxe-column>
+        <vxe-column
+          title="报卡编号"
+          field="cardNo"
           min-width="150"
         />
-        <el-table-column
-          label="患者姓名"
-          prop="patName"
+        <vxe-column
+          title="患者姓名"
+          field="patName"
           width="100"
         >
           <template #default="{ row }">
             {{ maskName(row.patName) }}
           </template>
-        </el-table-column>
-        <el-table-column
-          label="性别"
-          prop="sex"
+        </vxe-column>
+        <vxe-column
+          title="性别"
+          field="sex"
           width="60"
           align="center"
         >
           <template #default="{ row }">
             {{ row.sex === '1' ? '男' : row.sex === '2' ? '女' : '未知' }}
           </template>
-        </el-table-column>
-        <el-table-column
-          label="年龄"
-          prop="age"
+        </vxe-column>
+        <vxe-column
+          title="年龄"
+          field="age"
           width="70"
           align="center"
         >
           <template #default="{ row }">
             {{ row.age ? row.age + getAgeUnit(row.ageUnit) : '-' }}
           </template>
-        </el-table-column>
-        <el-table-column
-          label="上报科室"
-          prop="deptName"
+        </vxe-column>
+        <vxe-column
+          title="上报科室"
+          field="deptName"
           min-width="100"
         />
-        <el-table-column
-          label="登记来源"
-          prop="registrationSource"
+        <vxe-column
+          title="登记来源"
+          field="registrationSource"
           width="90"
           align="center"
         >
           <template #default="{ row }">
             {{ getSourceName(row.registrationSource) }}
           </template>
-        </el-table-column>
-        <el-table-column
-          label="上报时间"
-          prop="createTime"
+        </vxe-column>
+        <vxe-column
+          title="上报时间"
+          field="createTime"
           width="160"
           align="center"
         />
-        <el-table-column
-          label="状态"
-          prop="status"
+        <vxe-column
+          title="状态"
+          field="status"
           width="100"
           align="center"
         >
@@ -305,9 +305,9 @@
               {{ getStatusName(row.status) }}
             </el-tag>
           </template>
-        </el-table-column>
-        <el-table-column
-          label="操作"
+        </vxe-column>
+        <vxe-column
+          title="操作"
           width="150"
           align="center"
           fixed="right"
@@ -331,8 +331,8 @@
               查看
             </el-button>
           </template>
-        </el-table-column>
-      </el-table>
+        </vxe-column>
+      </vxe-table>
 
       <!-- 分页 -->
       <div class="pagination-section">