Asosiasi Organisasi

​

1. Kasus penggunaan

• Komunikasi lintas organisasi, Persetujuan bisnis, dan pelaporan pekerjaan.
• Manajemen izin multi-organisasi dengan sinkronisasi struktur Pengguna secara real-time untuk meningkatkan efisiensi manajemen.

​

2. Langkah implementasi

​

2.1 Langkah pertama: Desain Formulir dasar

​

2.1.1 Buat dan konfigurasikan Formulir kueri

1. Buat formulir biasa dan beri nama “Dapatkan Info Organisasi”.
2. Tambahkan Komponen Pilih dropdown, beri nama “Target”, lalu tambahkan dua opsi: “Kueri Organisasi Induk” dan “Kueri Organisasi Cabang”. Atur sebagai Wajib. (Lihat Gambar 2.1-1)

3. Klik tombol “Simpan” di sudut kanan atas Halaman.

​

2.1.2 Buat dan konfigurasikan Tabel Rekam Hasil Kueri

1. Buat formulir biasa dan beri nama “Rekam Hasil Kueri Organisasi Induk”.
2. Tambahkan Komponen Teks multi-baris, beri nama “Hasil Pengembalian Konektor”, lalu atur statusnya ke “Tersembunyi”. (Lihat Gambar 2.1-2)

3. Tambahkan Komponen subformulir, beri nama “Hasil Kueri Organisasi Induk”, lalu atur statusnya ke “Hanya Baca”. (Lihat Gambar 2.1-3)

4. Di dalam subformulir, tambahkan dua field Teks satu baris dengan nama “Nama Organisasi Induk” dan “CorpID Organisasi Induk”, lalu atur statusnya ke “Hanya Baca”. (Lihat Gambar 2.1-4)

5. Buka “panel aksi JS” di sisi kiri Halaman dan tambahkan kode berikut ke Fungsi didMount. (Lihat Gambar 2.1-5)

// Kode yang ditunjukkan pada Gambar 2.1-5
// Ambil data Komponen Teks multi-baris dan tetapkan ke variabel res
// "textareaField_kwlgqhti" perlu diganti dengan pengenal unik dari Teks multi-baris yang Anda buat
const res = this.$("textareaField_kwlgqhti").getValue();
// Konversi format data dari string ke object
  let obj = JSON.parse(res);
// Buat array kosong bernama arr untuk menyimpan data yang telah diproses.
  let arr = [];
// Iterasi object untuk mendapatkan field yang perlu ditampilkan
  const list = obj.map(item => {
    let object = {};
// "textField_kwlgqhtk" dan "textField_kwlgqhtl" adalah pengenal unik dari dua Komponen Teks satu baris di dalam subformulir
// Keduanya perlu diganti dengan pengenal unik dari Teks satu baris yang Anda buat
    object.textField_kwlgqhtk = item.union_org_name;
    object.textField_kwlgqhtl = item.union_corpid;
    arr.push(object);
  })
// Tulis kembali data arr yang telah diproses ke dalam Komponen subformulir
// "tableField_kwlgqhtj" adalah pengenal unik dari Komponen subformulir
// Ganti dengan pengenal unik dari Komponen subformulir yang Anda buat
  this.$("tableField_kwlgqhtj").setValue(arr);

6. Klik tombol “Simpan” di sudut kanan atas Halaman.
7. Ulangi langkah 1-6 untuk membuat “Rekam Hasil Kueri Organisasi Cabang”. (Lihat Gambar 2.1-6)

​

2.2 Langkah kedua: Buat dan konfigurasikan Konektor

1. Halaman manajemen backend >> “Dapatkan Info Organisasi” >> “Integrasi & Otomatisasi” >> “Buat Integrasi & Otomatisasi”. (Lihat Gambar 2.2-1)

2. Beri nama Konektor “Kueri Info Asosiasi Organisasi”, pilih “Pemicu Peristiwa Formulir” sebagai Jenis pemicu, lalu klik “Konfirmasi”.

3. Beri nama Konektor “Kueri Info Asosiasi Organisasi” >> Pilih “Buat Berhasil” di bawah “Pemicu Peristiwa Formulir” >> Pilih “Semua Data” di bawah “Filter data” >> Klik “Konfirmasi”. (Lihat Gambar 2.2-3)

4. Tambahkan node “Cabang Kondisional”: ketika aturan Kondisi Target sama dengan “Kueri Organisasi Induk”, tambahkan Konektor “Dapatkan Organisasi Induk” dan node data “Buat Data”; jika tidak, tambahkan Konektor “Dapatkan Organisasi Cabang” dan node data “Buat Organisasi”. (Lihat Gambar 2.2-4)

5. Konfigurasikan Konektor di bawah “Cabang 1”.

6. Konfigurasikan node “Buat Data” untuk “Cabang 1”. (Lihat Gambar 2.2-8)

7. Konfigurasikan Konektor di bawah “Cabang 2”.

8. Konfigurasikan node “Buat Data” di bawah “Cabang 2”. (Lihat Gambar 2.2-12)

9. Klik tombol “Simpan” di sudut kanan atas Halaman, lalu klik “Publikasikan”.

​

2.3 Langkah ketiga: Kirim Data Formulir

​

3. Pratinjau hasil