最近接了一个小私活,任务不算重,需求也很简单,就是要将公司的所有部门机构以组织架构图的形式展示出来(如上图),嗯,很简单,安排。 因为公司的架构是基于 Vue 来做的,所以我们采用 vue-tree-color 组件来实现组织架构图。 安装 # use npm npm i vue-tree-color 安装loader 馨提示:不安装 less-loader 基本上...
需求PS:写在前面,需求想要一个Tree 形结构展示当前的组织机构,最末层节点可以选择,层级明确。第一选择网上npm官网或者github 找找成型的东西element-ui Tree 没有组织结构线js-tree 好看,但是适配Vue3 有点费劲,Vue2 倒是还好echart Tree 感觉有点类似xmind,不是想要的效果 最好的就是在element-ui Tree 加上...
{ id: 9, label: "UI设计" }, { id: 10, label: "产品经理" } ] }, { id: 3, label: "销售部", children: [ { id: 7, label: "销售一部", swtich: false }, { id: 8, label: "销售二部", swtich: false } ] }, { id: 4, label: "财务部" }, { id: 9, label: "HR...
3年前 yarn.lock 优化 3年前 README Vue Components For PC 基于Vue2.x的一套PC端UI组件库,包含了 AutoForm 自动表单、BackTop 返回顶部、Breadcrumb 面包屑、 Button 按钮、Cascader 级联选择器、Checkbox 多选框、Collapse 折叠面板、ColorPicker 颜色选择器、DataPicker 时间选择器、Dialog 弹层对话框、Alert 弹...
data: { id: 0, label: "XXX科技有限公司", children: [ { id: 2, label: "产品研发部", children: [ { id: 5, label: "研发-前端" }, { id: 6, label: "研发-后端" }, { id: 9, label: "UI设计" }, { id: 10, label: "产品经理" } ] }, { id: 3, label: "销售部", ...
使用vitepress+vue3来创作的一个博客,带有 Gitalk 评论,暗黑模式. Contribute to JustinJiaBin/blog development by creating an account on GitHub.
使用vitepress+vue3来创作的一个博客,带有 Gitalk 评论,暗黑模式. Contribute to JustinJiaBin/blog development by creating an account on GitHub.