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

openhis-ui-vue3/src/views/system/user copy/authRole.vue

@@ -1,4 +1,4 @@
-<template>
+<template>
   <div class="app-container">
     <h4 class="form-header h4">
       基本信息
@@ -42,55 +42,55 @@
     <h4 class="form-header h4">
       角色信息
     </h4>
-    <el-table
+    <vxe-table
       ref="roleRef"
       v-loading="loading"
       :row-key="getRowKey"
       :data="roles.slice((pageNum - 1) * pageSize, pageNum * pageSize)"
-      @row-click="clickRow"
-      @selection-change="handleSelectionChange"
+      @cell-click="clickRow"
+      @checkbox-change="handleSelectionChange"
     >
-      <el-table-column
-        label="序号"
+      <vxe-column
+        title="序号"
         width="55"
-        type="index"
+        type="seq"
         align="center"
       >
         <template #default="scope">
-          <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
+          <span>{{ (pageNum - 1) * pageSize + scope.rowIndex + 1 }}</span>
         </template>
-      </el-table-column>
-      <el-table-column
-        type="selection"
+      </vxe-column>
+      <vxe-column
+        type="checkbox"
         :reserve-selection="true"
         width="55"
       />
-      <el-table-column
-        label="角色编号"
+      <vxe-column
+        title="角色编号"
         align="center"
-        prop="roleId"
+        field="roleId"
       />
-      <el-table-column
-        label="角色名称"
+      <vxe-column
+        title="角色名称"
         align="center"
-        prop="roleName"
+        field="roleName"
       />
-      <el-table-column
-        label="权限字符"
+      <vxe-column
+        title="权限字符"
         align="center"
-        prop="roleKey"
+        field="roleKey"
       />
-      <el-table-column
-        label="创建时间"
+      <vxe-column
+        title="创建时间"
         align="center"
-        prop="createTime"
+        field="createTime"
         width="180"
       >
         <template #default="scope">
           <span>{{ parseTime(scope.row.createTime) }}</span>
         </template>
-      </el-table-column>
-    </el-table>
+      </vxe-column>
+    </vxe-table>
 
     <pagination
       v-show="total > 0"
@@ -135,7 +135,7 @@ const form = ref({
 
 /** 单击选中行数据 */
 function clickRow(row) {
-  proxy.$refs["roleRef"].toggleRowSelection(row);
+  proxy.$refs["roleRef"].toggleCheckboxRow(row);
 };
 /** 多选框选中数据 */
 function handleSelectionChange(selection) {
@@ -171,7 +171,7 @@ function submitForm() {
       nextTick(() => {
         roles.value.forEach(row => {
           if (row.flag) {
-            proxy.$refs["roleRef"].toggleRowSelection(row);
+            proxy.$refs["roleRef"].toggleCheckboxRow(row);
           }
         });
       });