增加上移下移功能

-import { Message } from "element-ui";
-export function removeTreeListItem (treeList, dictId, idName = 'bsmDict') {
-  if (!treeList || !treeList.length) {
-    return
-  }
-  for (let i = 0; i < treeList.length; i++) {
-    if (treeList[i][idName] === dictId) {
-      treeList.splice(i, 1);
-      break;
-    }
-    removeTreeListItem(treeList[i].children, dictId)
-  }
-}
-// 创造id
-export function getUuid (len, radix) {
-  var chars = "0123456789abcdefghijklmnopqrstuvwxyz".split(
-    ""
-  );
-  var uuid = [],
-    i;
-  radix = radix || chars.length;
-  if (len) {
-    for (i = 0; i < len; i++) uuid[i] = chars[0 | (Math.random() * radix)];
-  } else {
-    var r;
-    uuid[8] = uuid[13] = uuid[18] = uuid[23] = "-";
-    uuid[14] = "4";
-    for (i = 0; i < 36; i++) {
-      if (!uuid[i]) {
-        r = 0 | (Math.random() * 16);
-        uuid[i] = chars[i == 19 ? (r & 0x3) | 0x8 : r];
-      }
-    }
-  }
-  return uuid.join("");
-}
-export function judgeSort (arr) {
-  if (arr.length) {
-    for (let i in arr) {
-      arr[i]["isTop"] = false;
-      arr[i]["isBottom"] = false;
-      arr[i] == arr[0] && (arr[i].isTop = true);
-      arr[i] == arr[arr.length - 1] && (arr[i].isBottom = true);
-      arr[i].children && arr[i].children.length && judgeSort(arr[i].children)
-    }
-  }
-  return arr
-}
-// 上下移动
-export function realMove (bsmDict, operate, data) {
-  function changeSort (arr, bsmDict) {
-    if (arr.length) {
-      let flag = false;
-      for (let i in arr) {
-        if (arr[i].bsmDict == bsmDict) {
-          if (operate === "UP") {
-            arr[i] = arr.splice(i - 1, 1, arr[i])[0];
-          } else if (operate === "DOWN") {
-            let temp = arr.splice(i - 0 + 1, 1, arr[i])
-            arr[i] = temp[0];
-          }
-          flag = true;
-          break;
-        }
-        if (!flag && arr[i].children && arr[i].children.length) {
-          arr[i].children = changeSort(arr[i].children, bsmDict);
-        }
-      }
-    }
-    return arr;
-  }
-  data = judgeSort(changeSort(data, bsmDict));
-}
-// 获取所有父节点
-export function findParents (treeData, bsmDict) {
-  if (treeData.length == 0) return
-  for (let i = 0; i < treeData.length; i++) {
-    if (treeData[i].bsmDict == bsmDict) {
-      return []
-    } else {
-      if (treeData[i].children) {
-        let res = findParents(treeData[i].children, bsmDict)
-        if (res !== undefined) {
-          return res.concat(treeData[i].bsmDict)
-        }
-      }
-    }
-  }
-}
-// 上移下移
-export function upward (index, data) {
-  if (index > 0) {
-    let upData = data[index - 1];
-    data.splice(index - 1, 1);
-    data.splice(index, 0, upData);
-  } else {
-    Message({
-      message: '已经是第一条，上移失败'
-    });
-  }
-}
-export function down (index, data) {
-  if ((index + 1) == data.length) {
-    Message({
-      message: '已经是最后一条，下移失败'
-    });
-  } else {
-    let downData = data[index + 1];
-    data.splice(index + 1, 1);
-    data.splice(index, 0, downData);
-  }
-}

@@ -6,21 +6,21 @@ class data extends filter {
   columns () {
   columns () {
     return [
     return [
       {
       {
-        prop: "code",
+        prop: "DCODE",
         label: "工号",
         label: "工号",
         width: 130
         width: 130
       },
       },
       {
       {
-        prop: "name",
+        prop: "DNAME",
         label: "姓名",
         label: "姓名",
         width: 300
         width: 300
       },
       },
       {
       {
-        prop: "loginName",
+        prop: "PARENTID",
         label: "用户名"
         label: "用户名"
       },
       },
       {
       {
-        prop: "isDuty",
+        prop: "TYPEID",
         width: 260,
         width: 260,
         label: "负责人"
         label: "负责人"
       },
       },

@@ -16,9 +16,17 @@
       </el-form>
       </el-form>
     </div>
     </div>
     <div class="from-clues-content">
     <div class="from-clues-content">
-      <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total"
-        @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
-        :data="tableData.data">
+      <lb-table
+        :page-size="pageData.size"
+        :current-page.sync="pageData.current"
+        :total="pageData.total"
+        @size-change="handleSizeChange"
+        @p-current-change="handleCurrentChange"
+        :column="tableData.columns"
+        :data="tableData.data"
+        :key="key"
+         :expand-row-keys="keyList" row-key="dictid"
+      >
       </lb-table>
       </lb-table>
     </div>
     </div>
     <edit-dialog ref="dialogForm" />
     <edit-dialog ref="dialogForm" />
@@ -43,9 +51,10 @@ export default {
   components: {
   components: {
     EditDialog,
     EditDialog,
   },
   },
-  data () {
+  data() {
     return {
     return {
       taskData: null,
       taskData: null,
+        keyList: [],
       form: {
       form: {
         job_name: "",
         job_name: "",
         currentPage: 1,
         currentPage: 1,
@@ -57,7 +66,6 @@ export default {
       departmentId: "", // 部门ID
       departmentId: "", // 部门ID
       departmentList: [], // 部门列表
       departmentList: [], // 部门列表
       levelList: [], // 职务级别
       levelList: [], // 职务级别
-      tableData: [],
       sexList: [],
       sexList: [],
       typeOptions: [
       typeOptions: [
         {
         {
@@ -180,75 +188,76 @@ export default {
     };
     };
   },
   },
   methods: {
   methods: {
-    handleAdd () {
+    // 添加索引
+    // addIndexes (data = this.tableData.data, isAdd = true) {
+    //   data.forEach((item, index) => {
+    //     if (index == 0) {
+    //       item.codeShow = true;
+    //       item.nameShow = false;
+    //       item.normcodeShow = false;
+    //       item.normnameShow = false;
+    //     } else {
+    //       item.codeShow = false;
+    //       item.nameShow = false;
+    //       item.normcodeShow = false;
+    //       item.normnameShow = false;
+    //     }
+    //     if (isAdd) {
+    //       item.index = index + 1;
+    //     }
+    //     if (item.children) {
+    //       this.addIndexes(item.children, false);
+    //     }
+    //   });
+    // },
+    handleAdd() {
       this.taskData = null;
       this.taskData = null;
       this.$refs.dialogForm.add();
       this.$refs.dialogForm.add();
       this.$refs.dialogForm.title = "添加";
       this.$refs.dialogForm.title = "添加";
     },
     },
-    featchData () {
+    featchData() {
       this.tableData.data = [
       this.tableData.data = [
-        {
-          id: "6a269fa4-49ee-40ed-be72-302ebdf7b9d6",
-          name: "组件开发模板测试用户",
-          sort: 67,
-          loginName: "wgs-template-test",
-          email: null,
-          lastLoginTime: null,
-          mobilePhone: null,
-          isLocked: false,
-          status: "ACTIVE",
-          passwordChangeTime: "2022-06-29T01:59:18.123+0000",
-          idCard: null,
-          departmentId: "dcce05ff-7747-4c19-b31f-c018ec8d8f0c",
-          departmentName: "科室一",
-          organizationId: "e9e830f0-38f4-4fb2-90ad-496c4e1314aa",
-          sex: "0",
-          isDuty: null,
-          code: "adfasfd",
-          jobLevel: null,
-          telephone: null,
-          address: null,
-          _X_ROW_KEY: "row_42",
-          switch: true,
-        },
-        {
-          id: "acebbaf3-81d0-4b0f-a426-feafa7ea1bed",
-          name: "饿肚肚",
-          sort: 36,
-          loginName: "吃饭",
-          email: null,
-          lastLoginTime: null,
-          mobilePhone: null,
-          isLocked: false,
-          status: "ACTIVE",
-          passwordChangeTime: "2021-08-24T02:04:39.132+0000",
-          idCard: "43423441242134    ",
-          departmentId: "dcce05ff-7747-4c19-b31f-c018ec8d8f0c",
-          departmentName: "科室一",
-          organizationId: "e9e830f0-38f4-4fb2-90ad-496c4e1314aa",
-          sex: null,
-          isDuty: null,
-          code: "2323",
-          jobLevel: null,
-          telephone: null,
-          address: null,
-          _X_ROW_KEY: "row_43",
-          switch: true,
-        },
-      ];
+    {
+        "dictid": "51b9f487861671f77782c5a23b5fe52e",
+        "children": null,
+        "TYPEID": "1F460F6E5E354C1AA3C470434D7A67DF",
+        "PARENTID": "ouyds",
+        "DCODE": "1223",
+        "DNAME": "小红",
+        "SORT": null,
+        "index": 1,
+        "isTop": true,
+        "isBottom": false
+    },
+    {
+        "dictid": "2291d9e298274c1ea1f40df63fbcff47",
+        "children": null,
+        "TYPEID": "1F460F6E5E354C1AA3C470434D7A67DF",
+        "PARENTID": "wer",
+        "DCODE": "124334",
+        "DNAME": "小李",
+        "SORT": null,
+        "index": 2,
+        "isTop": false,
+        "isBottom": false
+    },
+    {
+        "dictid": "e6a5aeb8957b8029fa31586fb30dd5b8",
+        "children": null,
+        "TYPEID": "1F460F6E5E354C1AA3C470434D7A67DF",
+        "PARENTID": "underf",
+        "DCODE": "2344",
+        "DNAME": "小田",
+        "SORT": null,
+        "index": 13,
+        "isTop": false,
+        "isBottom": true
+    }
+];
     },
     },
-    // 重置搜索
-    // resetSearch() {
-    //   this.selectType = "0";
-    //   this.queryName = "";
-    //   this.queryParam = {
-    //     organizationId: this.organizationId,
-    //     departmentId: this.departmentId
-    //   }
-    // },
 
 
     // 更新用户解锁状态
     // 更新用户解锁状态
-    updateLock (id, name) {
+    updateLock(id, name) {
       this.$confirm(
       this.$confirm(
         `<div  class="customer-message-wrapper">
         `<div  class="customer-message-wrapper">
               <h5 class="title">确定要更新用户解锁状态吗</h5>
               <h5 class="title">确定要更新用户解锁状态吗</h5>
@@ -275,25 +284,23 @@ export default {
           //   }
           //   }
           // })
           // })
         })
         })
-        .catch(() => { });
+        .catch(() => {});
     },
     },
     // 上移下移
     // 上移下移
-    moveUpward (index, row) {
-      console.log("index", index);
-      console.log("row", row);
-      realMove(row.bsmDict, "UP", this.tableData);
+    moveUpward(index, row) {
+      realMove(row.dictid, "UP", this.tableData.data);
       this.key++;
       this.key++;
-      let id = findParents(this.tableData, row.bsmDict);
+      let id = findParents(this.tableData.data, row.dictid);
       this.keyList = id;
       this.keyList = id;
     },
     },
-    moveDown (index, row) {
-      realMove(row.bsmDict, "DOWN", this.tableData);
+    moveDown(index, row) {
+      realMove(row.dictid, "DOWN", this.tableData.data);
       this.key++;
       this.key++;
-      let id = findParents(this.tableData, row.bsmDict);
+      let id = findParents(this.tableData.data, row.dictid);
       this.keyList = id;
       this.keyList = id;
     },
     },
     // 重置用户密码
     // 重置用户密码
-    resetPassword (data) {
+    resetPassword(data) {
       const ids = [];
       const ids = [];
       if (data instanceof Array) {
       if (data instanceof Array) {
         data.forEach((item) => {
         data.forEach((item) => {
@@ -302,7 +309,6 @@ export default {
       } else {
       } else {
         ids.push(data);
         ids.push(data);
       }
       }
-      console.log(ids, "ids");
       if (ids.length === 0) {
       if (ids.length === 0) {
         this.$message({
         this.$message({
           message: "请选择需要重置密码的用户!",
           message: "请选择需要重置密码的用户!",
@@ -336,15 +342,15 @@ export default {
           //   }
           //   }
           // })
           // })
         })
         })
-        .catch(() => { });
+        .catch(() => {});
     },
     },
     // 修改人员信息
     // 修改人员信息
-    handleEdit (row) {
+    handleEdit(row) {
       this.$refs.dialogForm.edit(row);
       this.$refs.dialogForm.edit(row);
       this.$refs.dialogForm.title = "修改";
       this.$refs.dialogForm.title = "修改";
     },
     },
     // 删除
     // 删除
-    handleDelete (id, content) {
+    handleDelete(id, content) {
       this.$confirm("此操将进行删除操作, 是否继续?", "提示", {
       this.$confirm("此操将进行删除操作, 是否继续?", "提示", {
         confirmButtonText: "确定",
         confirmButtonText: "确定",
         cancelButtonText: "取消",
         cancelButtonText: "取消",
@@ -360,7 +366,7 @@ export default {
           //   this.getTableList()
           //   this.getTableList()
           // })
           // })
         })
         })
-        .catch(() => { });
+        .catch(() => {});
     },
     },
   },
   },
 };
 };
@@ -368,7 +374,7 @@ export default {
 <style scoped lang="scss">
 <style scoped lang="scss">
 @import "~@/styles/mixin.scss";
 @import "~@/styles/mixin.scss";
 @import "~@/styles/public.scss";
 @import "~@/styles/public.scss";
-.btnColRight{
+.btnColRight {
   margin-top: 20px;
   margin-top: 20px;
-  }
+}
 </style>
 </style>