部门设置修改

src/api/system/dept.js

@@ -46,3 +46,19 @@ export function GetDeptTree() {
     method: 'post',
   })
 }
+
+
+export function getObj() {
+  return fetch({
+    url: '/dept/getObj',
+    method: 'post',
+  })
+}
+
+export function save(data) {
+  return fetch({
+    url: '/dept/saveOrUpdate',
+    method: 'post',
+    data,
+  })
+}

src/api/system/unit.js

@@ -46,3 +46,9 @@ export function GetUnitTree() {
     method: 'post',
   })
 }
+export function getObj() {
+  return fetch({
+    url: '/unit/getObj',
+    method: 'post',
+  })
+}

src/styles/element-ui.scss

@@ -16,6 +16,9 @@
  .el-input__inner{
 
   border-radius: 0;
+}
+.el-select{
+  width:100%!important;
 }
  .el-breadcrumb__inner, .el-breadcrumb__inner a{
   font-weight: 400!important;

src/views/system/dept.vue

@@ -1,33 +1,48 @@
 <template>
   <div
     id="dept"
-    class=" widget-box">
+    class="widget-box">
 
 
 <el-row>
   <el-col :span="8">
      <el-tree
-            ref="tree"
+            ref="depttree"
             :data="deptList"
             :props="defaultProps"
-            show-checkbox
-            node-key="nodeName"
+            node-key="id"
             highlight-current
-            check-strictly/>
+              :default-expanded-keys="['00000000-0000-0001-0000-000000000000']"
+            @node-click="deptTreeClick"
+            />
   </el-col>
     <el-col :span="16">
          <el-form
         :model="temp"
         class="small-space"
         label-position="left"
         label-width="70px">
-
-        <el-form-item label="部门名称">
+             <el-form-item label="部门名称">
           <el-input
             v-model="temp.deptname"
             class="filter-item"
             placeholder="请输入部门名称"/>
         </el-form-item>
+  <el-form-item label="上级部门">
+          <el-select
+            v-model="temp.parentid"
+            placeholder="请选择"
+            filterable>
+            <el-option
+              v-for="item in deptoptions"
+              :key="item.id"
+
+              :label="item.deptname"
+              :value="item.id"/>
+          </el-select>
+
+        </el-form-item>
+
         <el-form-item label="排序码">
           <el-input
             v-model="temp.rank"
@@ -37,36 +52,45 @@
 
     <el-form-item label="分管单位">
           <el-tree
-            ref="tree"
+            ref="unittree"
             :data="unitList"
             :props="defaultProps"
             show-checkbox
-            node-key="nodeName"
+            node-key="id"
             highlight-current
-            check-strictly/>
+            check-strictly class="tree"/>
 
         </el-form-item>
 
 
       </el-form>
-
+    <div
+        class="dialog-footer">
+         <el-button
+          type="success"
+          @click="clearObj">新 增</el-button>
+        <el-button
+          type="primary"
+          @click="save">保 存</el-button>
+        <el-button v-if="status==='update'" type="danger" @click="Delete">删 除</el-button>
+
+      </div>
     </el-col>
 
 </el-row>
 
-
-        <el-button>确 定</el-button>
-
   </div>
 </template>
 
 <script>
 import {
   GetDeptTree,
   DeleteDept,
+  DeptList,
   GetDeptDetail,
   AddDept,
   UpdateDept,
+  getObj,
 } from '@/api/system/dept';
 
 import {
@@ -77,15 +101,11 @@ export default {
   name: 'Dept',
   data() {
     return {
-
+      deptoptions: [],
+      status: 'create',
       deptList: null,
       unitList: null,
-      temp: {
-        id: '',
-        deptname: '',
-        rank: '',
-        isdeleted: false,
-      },
+      temp: null,
       defaultProps: {
         children: 'children',
         label: 'nodeName',
@@ -94,12 +114,23 @@ export default {
   },
 
   created() {
+    getObj().then((res) => {
+      this.temp = res.data
+    })
+    DeptList().then((res) => {
+      this.deptoptions = res.data.list;
+    })
     this.fetchDept()
     this.fetchUnit()
   },
   methods: {
 
-
+    clearObj() {
+      Object.keys(this.temp).forEach((key) => {
+        this.temp[key] = ''
+      })
+      this.status = 'create'
+    },
     fetchDept() {
       GetDeptTree().then((response) => {
         this.deptList = response.data;
@@ -111,15 +142,19 @@ export default {
         this.unitList = response.data;
       });
     },
+    deptTreeClick(obj) {
+      this.status = 'update'
+      this.Edit(obj.id)
+    },
 
-    Delete(id) {
+    Delete() {
       this.$confirm('确认删除?', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning',
       })
         .then(() => {
-          DeleteDept(id).then(() => {
+          DeleteDept(this.temp.id).then(() => {
             this.fetchDept()
           })
         })
@@ -129,17 +164,28 @@ export default {
         this.temp = response.data;
       });
     },
-    create() {
-      AddDept(this.temp).then(() => {
-        this.fetchDept();
-      });
-    },
-    update() {
-      UpdateDept(this.temp).then(() => {
-        this.fetchDept();
-      });
+    save() {
+      if (this.status === 'create') {
+        AddDept(this.temp).then(() => {
+          this.fetchDept();
+        })
+      } else {
+        UpdateDept(this.temp).then(() => {
+          this.fetchDept();
+        })
+      }
     },
   },
 };
 
 </script>
+
+<style scope>
+.tree{
+  max-height:400px;
+  overflow: auto;
+}
+.dialog-footer{
+  text-align: center;
+}
+</style>

src/views/system/users.vue

@@ -128,10 +128,12 @@
         <el-form-item label="部门">
           <el-select
             v-model="temp.deptid"
-            placeholder="请选择">
+            placeholder="请选择"
+            filterable>
             <el-option
               v-for="item in deptoptions"
               :key="item.id"
+
               :label="item.deptname"
               :value="item.id"/>
           </el-select>