From 1c10bdf86d9dd64e97509a32a2561ac53c309cc6 Mon Sep 17 00:00:00 2001 From: cagataycivici Date: Sun, 28 Jul 2019 14:28:30 +0300 Subject: [PATCH] Initiated Organization Chart --- public/demo/images/organization/jesse.jpg | Bin 0 -> 3370 bytes public/demo/images/organization/mike.jpg | Bin 0 -> 3321 bytes public/demo/images/organization/saul.jpg | Bin 0 -> 3288 bytes public/demo/images/organization/walter.jpg | Bin 0 -> 3851 bytes .../organizationchart/OrganizationChart.vue | 26 ++- .../OrganizationChartNode.vue | 59 +++++- .../OrganizationChartDemo.vue | 182 +++++++++++++----- 7 files changed, 208 insertions(+), 59 deletions(-) create mode 100644 public/demo/images/organization/jesse.jpg create mode 100644 public/demo/images/organization/mike.jpg create mode 100644 public/demo/images/organization/saul.jpg create mode 100644 public/demo/images/organization/walter.jpg diff --git a/public/demo/images/organization/jesse.jpg b/public/demo/images/organization/jesse.jpg new file mode 100644 index 0000000000000000000000000000000000000000..e19371a9849a3079a77b6c0232b8e697d5295fe4 GIT binary patch literal 3370 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 O^3N$yWT+`{I{hzM7!z9n literal 0 HcmV?d00001 diff --git a/public/demo/images/organization/mike.jpg b/public/demo/images/organization/mike.jpg new file mode 100644 index 0000000000000000000000000000000000000000..aff891f51cded343097217e60e247754982f2691 GIT binary patch literal 3321 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 QAI2L?CF=WB5zlA-1=e&I$N&HU literal 0 HcmV?d00001 diff --git a/public/demo/images/organization/saul.jpg b/public/demo/images/organization/saul.jpg new file mode 100644 index 0000000000000000000000000000000000000000..74d2f7daf629b77db8917d0449226be7091f0467 GIT binary patch literal 3288 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 literal 0 HcmV?d00001 diff --git a/public/demo/images/organization/walter.jpg b/public/demo/images/organization/walter.jpg new file mode 100644 index 0000000000000000000000000000000000000000..386d236fc6520f6c0dcd8a470855dac6155629ad GIT binary patch literal 3851 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
- +
@@ -12,6 +12,29 @@ export default { value: { type: null, default: null + }, + collapsible: { + type: Boolean, + default: false + }, + collapsedKeys: { + type: null, + default: null + } + }, + data() { + return { + d_collapsedKeys: this.collapsedKeys || {} + } + }, + methods: { + onNodeToggle(key) { + if (this.d_collapsedKeys[key]) + delete this.d_collapsedKeys[key]; + else + this.d_collapsedKeys[key] = true; + + this.d_collapsedKeys = {...this.d_collapsedKeys}; } }, components: { @@ -49,6 +72,7 @@ export default { user-select: none; -moz-user-select: none; -webkit-user-select: none; + cursor: pointer; } .p-organizationchart .p-organizationchart-line-down { diff --git a/src/components/organizationchart/OrganizationChartNode.vue b/src/components/organizationchart/OrganizationChartNode.vue index 4861a5611..185c6e2e0 100644 --- a/src/components/organizationchart/OrganizationChartNode.vue +++ b/src/components/organizationchart/OrganizationChartNode.vue @@ -4,9 +4,9 @@ @@ -24,14 +24,14 @@ - - + + @@ -39,6 +39,26 @@ diff --git a/src/views/organizationchart/OrganizationChartDemo.vue b/src/views/organizationchart/OrganizationChartDemo.vue index dfedfb371..934e21860 100644 --- a/src/views/organizationchart/OrganizationChartDemo.vue +++ b/src/views/organizationchart/OrganizationChartDemo.vue @@ -9,7 +9,27 @@

Advanced

- +

Hierarchical data with zero configuration.

+ + + + + +

Basic

+

Hierarchical data with zero configuration.

+ + +
@@ -22,102 +42,110 @@ export default { data() { return { data1: { - label: 'CEO', + key: '0', type: 'person', - className: 'p-person', - expanded: true, - data: {name:'Walter White', 'avatar': 'walter.jpg'}, + styleClass: 'p-person', + data: {label: 'CEO', name: 'Walter White', avatar: 'walter.jpg'}, children: [ { - label: 'CFO', + key: '0_0', type: 'person', - className: 'p-person', - expanded: true, - data: {name:'Saul Goodman', 'avatar': 'saul.jpg'}, + styleClass: 'p-person', + data: {label: 'CFO', name:'Saul Goodman', avatar: 'saul.jpg'}, children:[{ - label: 'Tax', - className: 'department-cfo' + key: '0_0_0', + data: {label: 'Tax'}, + styleClass: 'department-cfo' }, { - label: 'Legal', - className: 'department-cfo' + key: '0_0_1', + data: {label: 'Legal'}, + styleClass: 'department-cfo' }], }, { - label: 'COO', + key: '0_1', type: 'person', - className: 'p-person', - expanded: true, - data: {name:'Mike E.', 'avatar': 'mike.jpg'}, + styleClass: 'p-person', + data: {label: 'COO', name:'Mike E.', avatar: 'mike.jpg'}, children:[{ - label: 'Operations', - className: 'department-coo' + key: '0_1_0', + data: {label: 'Operations'}, + styleClass: 'department-coo' }] }, { - label: 'CTO', + key: '0_2', type: 'person', - className: 'p-person', - expanded: true, - data: {name:'Jesse Pinkman', 'avatar': 'jesse.jpg'}, + styleClass: 'p-person', + data: {label: 'CTO', name:'Jesse Pinkman', avatar: 'jesse.jpg'}, children:[{ - label: 'Development', - className: 'department-cto', - expanded: true, + key: '0_2_0', + data: {label: 'Development'}, + styleClass: 'department-cto', children:[{ - label: 'Analysis', - className: 'department-cto' + key: '0_2_0_0', + data: {label: 'Analysis'}, + styleClass: 'department-cto' }, { - label: 'Front End', - className: 'department-cto' + key: '0_2_0_1', + data: {label: 'Front End'}, + styleClass: 'department-cto' }, { - label: 'Back End', - className: 'department-cto' + key: '0_2_0_2', + data: {label: 'Back End'}, + styleClass: 'department-cto' }] }, { - label: 'QA', - className: 'department-cto' + key: '0_2_1', + data: {label: 'QA'}, + styleClass: 'department-cto' }, { - label: 'R&D', - className: 'department-cto' + key: '0_2_2', + data: {label: 'R&D'}, + styleClass: 'department-cto' }] } ] }, - data2 : [{ - label: 'F.C Barcelona', - expanded: true, + data2 : { + key: '0', + data: {label: 'F.C. Barcelona'}, children: [ { - label: 'F.C Barcelona', - expanded: true, + key: '0_0', + data: {label: 'F.C. Barcelona'}, children: [ { - label: 'Chelsea FC' + key: '0_0_0', + data: {label: 'Chelsea F.C.'} }, { - label: 'F.C. Barcelona' + key: '0_0_1', + data: {label: 'F.C. Barcelona'} } ] }, { - label: 'Real Madrid', - expanded: true, + key: '0_1', + data: {label: 'Real Madrid'}, children: [ { - label: 'Bayern Munich' + key: '0_1_0', + data: {label: 'Bayern Munich'} }, { - label: 'Real Madrid' + key: '0_1_1', + data: {label: 'Real Madrid'} } ] } ] - }], + }, selection: [] } }, @@ -125,4 +153,60 @@ export default { 'OrganizationChartDoc': OrganizationChartDoc } } - \ No newline at end of file + + + \ No newline at end of file