部门管理

package-lock.json

@@ -4746,6 +4746,11 @@
       "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
       "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18="
     },
+    "clonedeep": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/clonedeep/-/clonedeep-2.0.0.tgz",
+      "integrity": "sha1-jOygd39He78x/oyHGq9jo5C7wnI="
+    },
     "co": {
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
@@ -18035,6 +18040,14 @@
       "resolved": "https://registry.npmjs.org/v-click-outside-x/-/v-click-outside-x-3.7.1.tgz",
       "integrity": "sha512-WmUgmcIXr9clVpm1AYS/FgHtcDicfnfoxgQCNg4O6vfk9GVnxA0vSqO321ogUo0b7czYTidj7fQENvWFMWOkUg=="
     },
+    "v-org-tree": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/v-org-tree/-/v-org-tree-1.0.12.tgz",
+      "integrity": "sha512-xqbCHFrY1Eg/l7HWfNj8N5uXBpVLHZt9YiuRpElIl7dBl9/yuTAwgsFf3VJjzESZ7WdT0InoXWLBgfAyeb8oXw==",
+      "requires": {
+        "clonedeep": "^2.0.0"
+      }
+    },
     "validate-npm-package-license": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",

package.json

@@ -38,6 +38,7 @@
     "qs": "^6.6.0",
     "screenfull": "^5.0.2",
     "ua-parser-js": "^0.7.18",
+    "v-org-tree": "^1.0.12",
     "view-design": "^4.1.3",
     "vue-echarts": "^4.0.3",
     "vue-i18n": "^8.15.5",

pages/basicData/department/index.vue

@@ -5,7 +5,9 @@
         <Button type="primary" @click="add()" class="mb10">新增部门</Button>
       </div>
     </div>
-    <TreeGrid :columns="columns" :items="treeData"></TreeGrid>
+    <div>
+      <TreeGrid :columns="columns" :items="treeData"></TreeGrid>
+    </div>
     <Modal v-model="addModal" title="新增部门" width="800" footer-hide>
       <Add @on-close="cancel" @on-ok="addOk" />
     </Modal>

pages/basicData/department/org.vue

+<template>
+    <div>
+
+    </div>
+</template>
+
+<script>
+    export default {
+        name: '',
+        data() {
+            return {
+                
+            }
+        }
+    }
+</script>
+
+<style lang="less">
+    
+</style>
\ No newline at end of file

plugins/iview.js

@@ -65,6 +65,10 @@ Vue.use(VueEditor)
 
 // 内置组件
 import iLink from '@/components/link';
+import OrgTree from 'v-org-tree'
+import 'v-org-tree/dist/v-org-tree.css'
+Vue.use(OrgTree)
+
 Vue.component("iLink", iLink)
 
 Vue.prototype.$echarts = echarts