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

openhis-ui-vue3/src/views/basicmanage/medicalOrderSet/components/adviceBaseList.vue

@@ -1,76 +1,76 @@
-<template>
+<template>
   <div
     ref="tableWrapper"
     tabindex="0"
     class="table-container"
     @keyup="handleKeyDown"
   >
-    <el-table
+    <vxe-table
       ref="adviceBaseRef"
       v-loading="loading"
       height="350"
       :data="adviceBaseList"
       highlight-current-row
-      row-key="patientId"
+      :row-config="{ keyField: 'patientId' }"
       @current-change="handleCurrentChange"
       @cell-click="clickRow"
     >
-      <el-table-column
-        label="名称"
+      <vxe-column
+        title="名称"
         align="center"
-        prop="adviceName"
+        field="adviceName"
       />
-      <el-table-column
-        label="类型"
+      <vxe-column
+        title="类型"
         align="center"
-        prop="activityType_enumText"
+        field="activityType_enumText"
       />
-      <el-table-column
-        label="包装单位"
+      <vxe-column
+        title="包装单位"
         align="center"
-        prop="unitCode_dictText"
+        field="unitCode_dictText"
       />
-      <el-table-column
-        label="最小单位"
+      <vxe-column
+        title="最小单位"
         align="center"
-        prop="minUnitCode_dictText"
+        field="minUnitCode_dictText"
       />
-      <el-table-column
-        label="规格"
+      <vxe-column
+        title="规格"
         align="center"
-        prop="volume"
+        field="volume"
       />
-      <el-table-column
-        label="用法"
+      <vxe-column
+        title="用法"
         align="center"
-        prop="methodCode_dictText"
+        field="methodCode_dictText"
       />
-      <el-table-column
-        label="频次"
+      <vxe-column
+        title="频次"
         align="center"
-        prop="rateCode_dictText"
+        field="rateCode_dictText"
       />
-      <el-table-column
-        label="单次剂量"
+      <vxe-column
+        title="单次剂量"
         align="center"
-        prop="dose"
+        field="dose"
       />
-      <el-table-column
-        label="剂量单位"
+      <vxe-column
+        title="剂量单位"
         align="center"
-        prop="doseUnitCode_dictText"
+        field="doseUnitCode_dictText"
       />
-      <el-table-column
-        label="注射药品"
+      <vxe-column
+        title="注射药品"
         align="center"
-        prop="injectFlag_enumText"
+        field="injectFlag_enumText"
       />
-      <el-table-column
-        label="皮试"
+      <vxe-column
+        title="皮试"
         align="center"
-        prop="skinTestFlag_enumText"
+        field="skinTestFlag_enumText"
       />
-    </el-table>
+    </vxe-table>
     <!-- 分页组件 -->
     <div class="pagination-wrapper">
       <el-pagination
@@ -295,7 +295,7 @@ const handleKeyDown = (event) => {
 const setCurrentRow = (row) => {
   adviceBaseRef.value.setCurrentRow(row);
   // 滚动到选中行
-  const tableBody = adviceBaseRef.value.$el.querySelector('.el-table__body-wrapper');
+  const tableBody = adviceBaseRef.value.$el.querySelector('.vxe-table--body-wrapper');
   const currentRowEl = adviceBaseRef.value.$el.querySelector('.current-row');
   if (tableBody && currentRowEl) {
     currentRowEl.scrollIntoView({ behavior: 'smooth', block: 'nearest' });