添加上下移动

xiaomiao
Showing 2 changed files with 87 additions and 27 deletions
src/views/system/roles/index.vue
src/views/system/users/index.vue
--- a/src/views/system/roles/index.vue
View file @61090b2
+++ b/src/views/system/roles/index.vue
View file @61090b2
@@ -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"
+      <lb-table
-        @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
+        :page-size="pageData.size"
-        :data="tableData.data">
+        :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"
+                      disabled={scope.row.isTop}
-                      icon="el-icon-video-pause"
                      onClick={() => {
-                        this.personnel(scope.row);
+                        this.moveUpward(scope.$index, scope.row);
                      }}
                    >
-                      人员
+                      上移
                    </el-button>
                    <el-button
                      type="text"
-                      size="mini"
+                      disabled={scope.row.isBottom}
-                      icon="el-icon-edit"
                      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: "人事部材料管理员",
+          name: "材料管理员",
-          type: "材料管理员",
+          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>
--- a/src/views/system/users/index.vue
View file @61090b2
+++ b/src/views/system/users/index.vue
View file @61090b2
@@ -32,7 +32,6 @@
  </div>
 </template>
 <script>
-// 定时任务
 import {
  getUuid,
  judgeSort,