临时修改部门

attendance-performance-manager-ui/admin/src/views/dept/list.vue

 <template>
-  <div class="page">
-    <LayoutTable ref="layoutTable" :data="tableData" :config="tableConfig" />
-    <dialog-show ref="dialogform" @ok="getData" />
+  <div className="page">
+    <el-card style="height:80vh;overflow:scroll-y">
+      <LayoutTable
+        notPagination
+        :data="tableData"
 
+        ref="layoutTable"
+        :config="tableConfig"
+        notSearch
+      ></LayoutTable>
+    </el-card>
+    <drawer-show ref="drawerform" @ok="getData" />
   </div>
 </template>
 
 <script>
+/** 表单弹出框模式需引入 */
 import { handleTree } from "@/assets/utils/table";
 import Treeselect from "@riophae/vue-treeselect";
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import drawerShow from "./drawershow";
 import table from "@/assets/mixins/table";
-import dialogShow from "./dialogshow";
 export default {
-  name: "Dept",
+  name: "DeptList",
+  components: {
+    drawerShow,
+    Treeselect,
+  },
   mixins: [table],
-  components: { Treeselect, dialogShow },
   created() {
+    this.query = { page: 1, size: -1 };
   },
   methods: {
-    afterRender(data) {
-      data.data = handleTree(data.data, "id","parentId");
-      this.deptOptions = data.data;
-      this.$refs.layoutTable.showType="treetable"
-    },
-
-    handleAdd(row) {
-      this.$refs.dialogform.add(row, this.deptOptions);
-    },
-
     /** 重写新增方法 */
     toAdd(row) {
-      this.$refs.dialogform.add(row, this.deptOptions);
+      this.$refs.drawerform.add(row, this.menuOptions);
     },
     /** 重写编辑方法 */
     toEdit(row) {
-      this.loading = true;
-      this.$post(this.pageInfo.exclude, {id : row.id })
-          .then((res) => {
-            if (res && res.code && res.code == 1) {
-              this.deptOptions = handleTree(res.data.data);
-              this.$refs.dialogform.edit(row, this.deptOptions);
-              this.loading = false;
-            }
-          })
-          .catch((error) => {
-            this.$message.error(error.message);
-          });
+      this.$refs.drawerform.edit(row, this.menuOptions);
     },
     /** 重写查看方法 */
     toView(row) {
-      this.$refs.dialogform.view(row, this.deptOptions);
+      this.$refs.drawerform.view(row, this.menuOptions);
+    },
+    afterRender(data) {
+      data.data = handleTree(data.data, "id", "parentId");
+      console.log("tree data:", data.data);
+      this.menuOptions = data.data;
+      this.$refs.layoutTable.showType = "treetable";
     },
   },
   data() {
     return {
       config: {
-        /** 树表是否默认展开 */
-        expand:true,
         showType: "treetable",
-        search: [
-        ],
+        isshowTabPane: true,
+        /** 树表是否默认展开 */
+        expand: true,
         columns: [
-          {label: "部门名称", prop: "deptName"},
-          {label: "部门编码", prop: "deptCode"},
-          {label: "顺序", prop: "orderNum"},
+          { type: "selection", width: 60 },
+          { label: "部门名称", prop: "deptName" },
+          { label: "成员数量", prop: "personNum" },
+          { label: "负责人", prop: "workName" },
+
+          // {label: "部门状态", prop: "deptStatus",formatter: this.formatter},
+
+          // {label: "顺序", prop: "orderNum",formatter: this.formatter},
+
+          // {label: "创建用户", prop: "createUserId", formatter: this.formatter},
           {
             label: "操作",
-            width: 280,
-            formatter: row => {
+            width: 240,
+            formatter: (row) => {
               return (
-                  <div>
-                    <el-button
-                        size="mini"
-                        type="text"
-                        icon="el-icon-edit-outline"
-                        onClick={() => {
-                          this.handleAdd(row);
-                        }}
-                    >
-                      新增
-                    </el-button>
-                    <table-buttons
-                        noAdd
-                        noView
-                        row={row}
-                        onEdit={this.toEdit}
-                        onView={this.toView}
-                        onDel={this.toDel}
-                    />
-                  </div>
+                <table-buttons
+                  noAdd
+                  noView
+                  row={row}
+                  onEdit={this.toEdit}
+                  onView={this.toView}
+                  onDel={this.toDel}
+                />
               );
-            }
-          }
-        ]
-      }
+            },
+          },
+        ],
+      },
     };
-  }
+  },
 };
 </script>
-<style lang="scss">
-.ml-row {
-  margin-bottom: 5px;
-}
-
-.el-radio-button__inner {
-  // width: 82px;
-  height: 36px;
-  border-radius: 4px 0px 0px 4px;
-  border: 1px solid rgba(0, 0, 0, 0) !important;
-  border-radius: 2px !important;
-  background-color: rgba(0, 0, 0, 0);
-  font-size: 14px;
-  font-weight: 400;
-  color: #606677;
-  line-height: 14px;
-  outline: none;
-  box-shadow: none;
-}
-
-.el-radio-button__orig-radio:checked+.el-radio-button__inner {
-  background: rgba(0, 0, 0, 0);
-  border: 1px solid #3E7BFA !important;
-  color: #3E7BFA;
-  line-height: 14px;
-  outline: none;
-  box-shadow: none;
-}
-
-.ml-top-button {
-  border-color: #ffffff;
-  background: rgba(0, 0, 0, 0);
-  font-size: 16px;
-  margin: 0 10px 0 10px;
-}
-</style>