微调

frontend/src/views/demo/proTable/index.vue

@@ -26,6 +26,8 @@
       </template>
     </ProTable>
   </div>
+  <single-column  ref='singleColumn' />
+  <double-column  ref='doubleColumn' />
 </template>
 <script setup lang='tsx' name='useProTable'>
 import { ref ,reactive} from 'vue'
@@ -39,6 +41,8 @@ import { ProTableInstance, ColumnProps } from '@/components/ProTable/interface'
 import { CirclePlus, Delete, EditPen, Download, Upload, View, Refresh } from '@element-plus/icons-vue'
 import userDataList from '@/api/user/userData'
 import { useDictStore } from '@/stores/modules/dict'
+import SingleColumn from '@/views/demo/proTable/singleColumn.vue'
+import DoubleColumn from '@/views/demo/proTable/doubleColumn.vue'
 const dictStore = useDictStore()
 import {
   getUserList,
@@ -51,6 +55,8 @@ import {
 } from '@/api/user/user'
 import { ElMessageBox } from 'element-plus'
 const userData = userDataList
+const singleColumn = ref()
+const doubleColumn = ref()
 // ProTable 实例
 const proTable = ref<ProTableInstance>()
 // 如果表格需要初始化请求参数，直接定义传给 ProTable (之后每次请求都会自动带上该参数，此参数更改之后也会一直带上，改变此参数会自动刷新表格数据)
@@ -161,8 +167,9 @@ const batchDelete = async (id: string[]) => {
 }
 // 重置用户密码
 const resetPass = async (params: User.ResUserList) => {
-  await useHandleData(resetUserPassWord, { id: params.id }, `重置【${params.username}】用户密码`)
-  proTable.value?.getTableList()
+  // await useHandleData(resetUserPassWord, { id: params.id }, `重置【${params.username}】用户密码`)
+  // proTable.value?.getTableList()
+  doubleColumn.value.open("双列弹出框")
 }
 // 切换用户状态
 const changeStatus = async (row: User.ResUserList) => {
@@ -191,5 +198,6 @@ const batchAdd = () => {
 }
 // 打开 drawer(新增、查看、编辑)
 const openDrawer = (title: string, row: Partial<User.ResUserList> = {}) => {
+  singleColumn.value.open("单列弹出框")
 }
 </script>