添加上下移动

@@ -13,9 +13,17 @@
       </el-form>
     </div>
     <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"
+        :expand-row-keys="keyList"
+        row-key="dictid"
+      >
       </lb-table>
     </div>
     <EditDialog ref="addEditDialog" />
@@ -23,7 +31,13 @@
   </div>
 </template>
 <script>
-// 定时任务
+import {
+  getUuid,
+  judgeSort,
+  realMove,
+  findParents,
+  removeTreeListItem,
+} from "@/utils/operation";
 import data from "./data";
 import sjsbTask from "@/api/sjsbTask.js";
 import tableMixin from "@/mixins/tableMixin.js";
@@ -36,9 +50,10 @@ export default {
     EditDialog,
     Roleslistdiglog,
   },
-  data () {
+  data() {
     return {
       taskData: null,
+      keyList: [],
       form: {
         job_name: "",
         currentPage: 1,
@@ -53,7 +68,6 @@ export default {
       departmentId: "", // 部门ID
       departmentList: [], // 部门列表
       levelList: [], // 职务级别
-      tableData: [],
       sexList: [],
       typeOptions: [
         {
@@ -94,23 +108,21 @@ export default {
                   <div>
                     <el-button
                       type="text"
-                      size="mini"
-                      icon="el-icon-video-pause"
+                      disabled={scope.row.isTop}
                       onClick={() => {
-                        this.personnel(scope.row);
+                        this.moveUpward(scope.$index, scope.row);
                       }}
                     >
-                      人员
+                      上移
                     </el-button>
                     <el-button
                       type="text"
-                      size="mini"
-                      icon="el-icon-edit"
+                      disabled={scope.row.isBottom}
                       onClick={() => {
-                        this.handleEdit(scope.row);
+                        this.moveDown(scope.$index, scope.row);
                       }}
                     >
-                      修改
+                      下移
                     </el-button>
                   </div>
                 );
@@ -169,12 +181,12 @@ export default {
       },
     };
   },
-  created () {
+  created() {
     this.featchData();
   },
   methods: {
     // 新增角色
-    handleAdd () {
+    handleAdd() {
       // this.$refs.addEditDialog.roleId = value.id
       // this.roleSort = value.sort ? value.sort : 0
 
@@ -182,7 +194,7 @@ export default {
       this.$refs.addEditDialog.dialogTitle = "新增";
     },
     //  修改角色
-    handleEdit (row) {
+    handleEdit(row) {
       this.$refs.addEditDialog.roleId = row.id;
       this.roleSort = row.sort ? row.sort : 0;
       if (row.id) {
@@ -193,29 +205,78 @@ export default {
       this.$refs.addEditDialog.showAddEditDialog = true;
       this.$refs.addEditDialog.dialogTitle = "修改";
     },
-    featchData () {
+    featchData() {
       this.tableData.data = [
         {
           id: "2176e915-fdb4-414a-b8d6-6cf63171cffc",
+          isTop: true,
+          isBottom: false,
+          dictid: "51b9f487861671f77782c5a23b5fe52esasq",
           createdAt: "2022-10-31T07:08:29.293+0000",
           updatedAt: "2022-10-31T07:08:29.293+0000",
           createdBy: "3127e455-43ba-45ff-9326-0e02ef89485e",
           updatedBy: "3127e455-43ba-45ff-9326-0e02ef89485e",
           sort: 29,
-          name: "人事部材料管理员",
-          type: "材料管理员",
+          name: "材料管理员",
+          type: "信息员",
           category: 2,
-          description: "管理内部材料",
+          description: "1二点三s",
+          _X_ROW_KEY: "row_365",
+        },
+        {
+          id: "2176e915-fdb4-414a-b8d6-6cf63171c222ffc",
+          isTop: false,
+          isBottom: false,
+          dictid: "51b9f487861671f77782c5a23b5fe52e11",
+          createdAt: "2022-10-31T07:08:29.293+0000",
+          updatedAt: "2022-10-31T07:08:29.293+0000",
+          createdBy: "3127e455-43ba-45ff-9326-0e02ef89485e",
+          updatedBy: "3127e455-43ba-45ff-9326-0e02ef89485e",
+          sort: 29,
+          name: "人事管理员",
+          type: "管理",
+          category: 2,
+          description: "管qdq",
+          _X_ROW_KEY: "row_365",
+        },
+        {
+          id: "2176e915-fdb4-414a-b8324d6-6cf63171cffc",
+          isTop: false,
+          isBottom: true,
+          dictid: "51b9f487861671f72131ddd7782c5a23b5fe52e12ewsd",
+          createdAt: "2022-10-31T07:08:29.293+0000",
+          updatedAt: "2022-10-31T07:08:29.293+0000",
+          createdBy: "3127e455-43ba-45ff-9326-0e02ef89485e",
+          updatedBy: "3127e455-43ba-45ff-9326-0e02ef89485e",
+          sort: 29,
+          name: "管理员",
+          type: "材料",
+          category: 2,
+          description: "sadq",
           _X_ROW_KEY: "row_365",
         },
       ];
     },
-
-    personnel () {
+    // 上移下移
+    moveUpward(index, row) {
+      realMove(row.dictid, "UP", this.tableData.data);
+      this.key++;
+      let id = findParents(this.tableData.data, row.dictid);
+      this.keyList = id;
+    },
+    moveDown(index, row) {
+      realMove(row.dictid, "DOWN", this.tableData.data);
+      this.key++;
+      let id = findParents(this.tableData.data, row.dictid);
+      this.keyList = id;
+    },
+    //  人员配置弹框
+    personnel() {
       this.$refs.rolesForm.adds();
       this.$refs.rolesForm.title = "人员配置";
     },
-    handleDel (row) {
+    // 删除
+    handleDel(row) {
       this.$confirm("此操将进行删除操作, 是否继续?", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
@@ -253,8 +314,8 @@ export default {
 <style scoped lang="scss">
 @import "~@/styles/mixin.scss";
 @import "~@/styles/public.scss";
-.btnColRight{
+.btnColRight {
   margin-left: -30px;
   margin-top: 20px;
-  }
+}
 </style>

@@ -24,7 +24,7 @@
         @p-current-change="handleCurrentChange"
         :column="tableData.columns"
         :data="tableData.data"
-         :expand-row-keys="keyList" row-key="dictid"
+        :expand-row-keys="keyList" row-key="dictid"
       >
       </lb-table>
     </div>
@@ -32,7 +32,6 @@
   </div>
 </template>
 <script>
-// 定时任务
 import {
   getUuid,
   judgeSort,