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

openhis-ui-vue3/src/views/basicmanage/implementDepartment/index.vue

@@ -1,4 +1,4 @@
-<template>
+<template>
   <div class="app-container">
     <el-row :gutter="20">
       <!--诊疗目录-->
@@ -59,21 +59,21 @@
           </el-col>
         </el-row>
 
-        <el-table
+        <vxe-table
           v-loading="loading"
           :data="catagoryList"
-          @selection-change="handleSelectionChange"
+          @checkbox-change="handleSelectionChange"
         >
-          <el-table-column
-            type="selection"
+          <vxe-column
+            type="checkbox"
             width="100"
             align="center"
           />
-          <el-table-column
-            label="诊疗目录"
+          <vxe-column
+            title="诊疗目录"
             width="150"
             align="center"
-            :show-overflow-tooltip="true"
+            :show-overflow="true"
           >
             <template #default="scope">
               <el-select
@@ -91,11 +91,11 @@
                 />
               </el-select>
             </template>
-          </el-table-column>
-          <el-table-column
-            label="项目名称"
+          </vxe-column>
+          <vxe-column
+            title="项目名称"
             align="center"
-            :show-overflow-tooltip="true"
+            :show-overflow="true"
           >
             <template #default="scope">
               <el-select
@@ -117,13 +117,13 @@
                 />
               </el-select>
             </template>
-          </el-table-column>
-          <el-table-column
+          </vxe-column>
+          <vxe-column
             key="startTime"
-            label="开始时间"
+            title="开始时间"
             align="center"
-            prop="startTime"
-            :show-overflow-tooltip="true"
+            field="startTime"
+            :show-overflow="true"
           >
             <template #default="scope">
               <el-time-picker
@@ -133,14 +133,14 @@
                 value-format="HH:mm:ss"
               />
             </template>
-          </el-table-column>
+          </vxe-column>
 
-          <el-table-column
+          <vxe-column
             key="endTime"
-            label="结束时间"
+            title="结束时间"
             align="center"
-            prop="endTime"
-            show-overflow-tooltip
+            field="endTime"
+            show-overflow
           >
             <template #default="scope">
               <el-time-picker
@@ -150,9 +150,9 @@
                 value-format="HH:mm:ss"
               />
             </template>
-          </el-table-column>
-          <el-table-column
-            label="操作"
+          </vxe-column>
+          <vxe-column
+            title="操作"
             align="center"
             width="150"
             class-name="small-padding fixed-width"
@@ -164,7 +164,7 @@
                 link
                 type="primary"
                 icon="Edit"
-                @click="openSaveImplementDepartment(scope.row, scope.$index)"
+                @click="openSaveImplementDepartment(scope.row, scope.rowIndex)"
               >
                 保存
               </el-button>
@@ -178,8 +178,8 @@
                 删除
               </el-button>
             </template>
-          </el-table-column>
-        </el-table>
+          </vxe-column>
+        </vxe-table>
         <pagination
           v-show="total > 0"
           v-model:page="queryParams.pageNo"