表格添加字段排序功能

surprise

2023-11-29 40860ef4a79da4d4f8ffce369011c1a2450fa3c1

 src/views/userManage/resourceManage.vue

@@ -91,18 +91,21 @@
        <el-table-column
          prop="name"
          align="center"
          sortable 
          :label="$t('userManage.resManageObj.name')"
        >
        </el-table-column>
        <el-table-column
          prop="server"
          align="center"
          sortable
          :label="$t('userManage.resManageObj.server')"
        >
        </el-table-column>
        <el-table-column
          prop="source"
          align="center"
          sortable
          :label="$t('userManage.resManageObj.source')"
        >
        </el-table-column>
@@ -723,6 +726,7 @@
  upload_res,
  selectdirTab,
  selectdepTab,
 
} from "../../api/api.js";
import styleDirTree from "../datamanage/styleDirTree.vue";
import styleDepTree from "../datamanage/styleDepTree.vue";
@@ -783,6 +787,7 @@
      styleVar: {
        height: "calc(100% - 109px)",
      },
     
    };
  },

@@ -794,17 +799,22 @@
        this.showPermsMenu(permsEntity[i]);
      }
    }
    this.getRoleTabelData();


  },
  mounted() {
    window.addEventListener("resize", this.onResize);
    this.calHeight();


    this.getRoleTabelData();
  },
  beforeDestroy() {
    this.timer && clearTimeout(this.timer);
    window.removeEventListener("resize", this.onResize);
  },
  methods: {
   
    onResize() {
      this.timer && clearTimeout(this.timer);
      this.timer = setTimeout(() => {
@@ -1118,6 +1128,7 @@
      if (data.code != 200) {
        this.$message.error("列表调用失败");
      }
      debugger
      this.tableData = data.result;
      this.count = data.count;
    },