diff --git a/package.json b/package.json
index 4a06342..f4a6887 100644
--- a/package.json
+++ b/package.json
@@ -60,7 +60,7 @@
     "html-webpack-plugin": "4.0.0-alpha",
     "mini-css-extract-plugin": "0.4.1",
     "node-notifier": "5.2.1",
-    "node-sass": "^4.7.2",
+    "node-sass": "^4.12.0",
     "optimize-css-assets-webpack-plugin": "5.0.0",
     "ora": "3.0.0",
     "path-to-regexp": "2.4.0",

diff --git a/package.json b/package.json
index 4a06342..f4a6887 100644
--- a/package.json
+++ b/package.json
@@ -60,7 +60,7 @@
     "html-webpack-plugin": "4.0.0-alpha",
     "mini-css-extract-plugin": "0.4.1",
     "node-notifier": "5.2.1",
-    "node-sass": "^4.7.2",
+    "node-sass": "^4.12.0",
     "optimize-css-assets-webpack-plugin": "5.0.0",
     "ora": "3.0.0",
     "path-to-regexp": "2.4.0",
diff --git a/src/components/DeptSelect/index.vue b/src/components/DeptSelect/index.vue
index f81d317..8198115 100644
--- a/src/components/DeptSelect/index.vue
+++ b/src/components/DeptSelect/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div v-show="showDeptSelect" class="dept-select">
     <select-tree v-if="multiData" v-model="selected" :size="size" :options="deptTreeList" :props="defaultProps" :placeholder="placeholder" clearable/>
-    <el-select v-else v-model="selected" :placeholder="placeholder" :size="size" clearable>
+    <el-select v-else v-model="selected" :placeholder="placeholder" clearable>
       <el-option
         v-for="item in deptTreeList"
         :key="item.id"
@@ -14,7 +14,7 @@
 <script>
 import { judgeTree, toTreeList } from '@/utils/structure'
 import SelectTree from '@/components/SelectTree/singleSelect'
-import { getDeptTreeList } from '@/api/system/dept'
+import { getDeptTreeList } from '@/api/dept'
 export default {
   name: 'DeptSelect',
   components: {
@@ -25,49 +25,52 @@
     value: {
       type: [Number, String],
       default: ''
-    },
+    }, // 输入
     placeholder: {
       type: String,
       default: '请选择父级'
-    },
-    needTop: { // 是否需要顶级
+    }, // 占位符
+    needTop: {
       type: Boolean,
       default: true
-    },
+    }, // 是否需要显示顶级
     deptType: {
       type: String,
       default: ''
-    },
+    }, // 显示的下拉组织类型：公司/部门
     deptShow: {
       type: Boolean,
       default: false
-    },
+    }, // 是否强制显示部门下拉列表
     size: {
       type: String,
       default: ''
-    }
+    } // 输入框大小
   }, // 接收绑定参数
   data() {
     return {
+      originList: [], // 原始数据
       deptTreeList: [],
-      multiData: false,
+      multiData: false, // 是否是多级数据，多级使用select-tree控件
       defaultProps: {
         parent: 'pid',
         value: 'id',
         label: 'name',
         children: 'children'
       },
-      selected: '' + this.value,
-      showDeptSelect: true
+      showDeptSelect: true // 是否显示该组件
     }
   },
-  watch: {
-    value: function(val) {
-      this.selected = '' + this.value
-    },
-    selected: function(val) {
-      console.log('watch selected')
-      this.$emit('input', val)
+  computed: {
+    selected: {
+      get: function() {
+        return '' + this.value
+      },
+      set: function(val) {
+        console.log('watch selected:' + val)
+        this.$emit('input', val)
+        this.$emit('change')
+      }
     }
   },
   mounted() {
@@ -84,12 +87,14 @@
       }
       getDeptTreeList(listQuery).then(response => {
         const list = response.data.list
+        this.originList = [...response.data.list]
+        // 如果deptShow 为false 并且 列表的长度小于1 不显示
         if (!this.deptShow && list.length <= 1) {
           this.showDeptSelect = false
         } else {
-          // list.push({ id: '0', name: '顶级', open: true, value: '0' })
+          // 如果有数据
           if (list) {
-            // 如果有必要转树
+            // 如果有必要转树,使用selectTree控件
             if (judgeTree(list)) {
               this.multiData = true
               this.deptTreeList = toTreeList(response.data.list, '0', this.needTop)
@@ -97,20 +102,23 @@
               if (!this.needTop && this.deptTreeList.length === 1) {
                 this.deptTreeList = this.deptTreeList[0].children
               }
-            } else {
+            } else { // 否则不需要转树，直接使用el-select控件
               this.deptTreeList = list
               this.multiData = false
             }
           }
         }
       })
+    },
+    // 获取列表
+    fetchDeptTree() {
+      return this.originList
     }
   }
 }
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-
   .el-select{
     width: 100%;
   }