物模型：添加排序初始化

ui/dasadmin/src/views/backend/auth/model/index.vue

@@ -90,7 +90,13 @@
                 <el-main class="mainMain">
                     <el-tabs v-model="ModelTabs" @tab-change="changeTabs" class="tabsPart">
                         <el-tab-pane :label="modelTabsType['attribute']" name="attribute">
-                            <el-table :data="attributeTableData" @sort-change="sortChange" class="tablePart" highlight-current-row>
+                            <el-table
+                                ref="attributeTableRef"
+                                :data="attributeTableData"
+                                @sort-change="sortChange"
+                                class="tablePart"
+                                highlight-current-row
+                            >
                                 <el-table-column
                                     prop="porder"
                                     :label="ModelAttributeFieldsEnums['porder']"
@@ -132,7 +138,7 @@
                             </el-table>
                         </el-tab-pane>
                         <el-tab-pane :label="modelTabsType['service']" name="service">
-                            <el-table :data="serviceTableData" @sort-change="sortChange" class="tablePart">
+                            <el-table ref="serviceTableRef" :data="serviceTableData" @sort-change="sortChange" class="tablePart">
                                 <el-table-column
                                     prop="porder"
                                     :label="ModelServiceFieldsEnums['porder']"
@@ -300,6 +306,7 @@ import {
     genFileId,
     UploadProps,
     UploadRawFile,
+    TableInstance,
 } from 'element-plus'
 import { Reading, DocumentAdd, DocumentChecked, DocumentDelete, Search, Plus, Download, Upload } from '@element-plus/icons-vue'
 import {
@@ -469,6 +476,7 @@ const modelContextMenu = (event: any, data: TreeNode) => {
 }
 const modelNodeClick = (target: TreeNode) => {
     curContextMenuTreeData.value = JSON.parse(JSON.stringify(target))
+    initSortData()
     if (ModelTabs.value === 'attribute') {
         getAttributeList()
     } else {
@@ -498,6 +506,10 @@ const delModel = () => {
             ElMessage.error(err?.response?.data?.msg ?? '删除失败')
         })
 }
+
+const attributeTableRef = ref<TableInstance>()
+const serviceTableRef = ref<TableInstance>()
+
 const modelAttributeAndServiceInputPlaceHolder = computed(() => {
     return '请输入' + (ModelTabs.value === 'attribute' ? '属性' : '方法') + (modelAttributeSearchRadio.value === 'Name' ? '名称' : '编码')
 })
@@ -528,6 +540,14 @@ const changeTabs = (name: any) => {
         getServiceList()
     }
 }
+const initSortData = () => {
+    sortData.attributeOrderColumn = undefined
+    sortData.attributeOrderType = undefined
+    sortData.serviceOrderColumn = undefined
+    sortData.serviceOrderType = undefined
+    attributeTableRef.value!.clearSort()
+    serviceTableRef.value!.clearSort()
+}
 const sortData = reactive<{
     attributeOrderColumn: string | undefined
     attributeOrderType: 'desc' | 'asc' | undefined