@neutron.co.id/operasional-interfaces 1.14.0 → 1.14.2

package/build/@office/models/personalia/submission/SubmissionSupervisor.vue

@@ -0,0 +1,241 @@
+<script setup lang="ts">
+import { NeonSingle, useSingle } from '@neon.id/context'
+import { NeonField, NeonFields, NeonForm } from '@neon.id/form'
+import { NeonDivider } from '@neon.id/interfaces'
+import { OfficeRelation, OfficeTab, OfficeTabs } from '@neon.id/office'
+import type {
+  TPersonaliaSubmissionModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+import { SubmissionDetailTab, SubmissionDocumentTab } from './sections'
+import { computed } from 'vue'
+
+const {
+  id,
+  fields,
+  initialValues,
+  values,
+  isLoading,
+  isChanged,
+  isMain,
+  saveOne,
+  discardChanges,
+  executeOne,
+} = useSingle<Schema.Submission, TPersonaliaSubmissionModel>()
+
+const copyStaff = computed(() => {
+  executeOne('', { submissionId: id.value })
+  const linkStaff = `${window.location.origin}/pengajuan/staff-submission/${id.value}`
+
+  return {
+    icon: 'brands:link',
+    linkStaff,
+  }
+})
+
+const copyDecision = computed(() => {
+  executeOne('', { submissionId: id.value })
+  const linkDecision = `${window.location.origin}/pengajuan/decision-submission/${id.value}`
+  return {
+    icon: 'brands:link',
+    linkDecision,
+  }
+})
+
+const copyRaise = computed(() => {
+  executeOne('', { submissionId: id.value })
+  const linkAudit = `${window.location.origin}/pengajuan/audit-submission/${id.value}`
+  return {
+    icon: 'brands:link',
+    linkAudit,
+  }
+})
+
+const copyFollowup = computed(() => {
+  executeOne('', { submissionId: id.value })
+  const linkFollowup = `${window.location.origin}/pengajuan/follow-up-submission/${id.value}`
+  return {
+    icon: 'brands:link',
+    linkFollowup,
+  }
+})
+</script>
+
+<template>
+  <NeonSingle class="neu-submission-single">
+    <OfficeTabs :use-url="isMain">
+      <OfficeTab handle="info" icon="circle-info" title="Info">
+        <NeonForm
+          handle="info"
+          :initial-values="initialValues"
+          :is-loading="isLoading"
+          :is-changed="isChanged"
+          use-unsaved
+          @cancel="discardChanges"
+          @submit="saveOne"
+        >
+          <NeonField v-model="values.title" v-bind="fields.title" is-disabled />
+
+          <NeonField
+            v-model="values.nominal"
+            v-bind="fields.nominal"
+            is-disabled
+          />
+
+          <NeonFields md="grid-cols-2">
+            <OfficeRelation
+              v-model="values"
+              :field="fields.branches"
+              is-disabled
+            />
+            <OfficeRelation v-model="values" :field="fields.type" is-disabled />
+          </NeonFields>
+
+          <div class="flex items-right">
+            <div class="flex-grow">
+              <NeonFields class="flex-1">
+                <OfficeRelation
+                  v-model="values"
+                  :field="fields.submissionStaffs"
+                  is-disabled
+                />
+              </NeonFields>
+            </div>
+            <div class="ml-2 flex items-end pb-1">
+              <NeonCopy :size="'sm'" :value="copyStaff.linkStaff" />
+            </div>
+          </div>
+
+          <div class="flex items-right">
+            <div class="flex-grow">
+              <NeonFields class="flex-1">
+                <OfficeRelation
+                  v-model="values"
+                  :field="fields.raiseStaffs"
+                  is-disabled
+                />
+              </NeonFields>
+            </div>
+            <div class="ml-2 flex items-end pb-1">
+              <NeonCopy :size="'sm'" :value="copyRaise.linkAudit" />
+            </div>
+          </div>
+
+          <div class="flex items-right">
+            <div class="flex-grow">
+              <NeonFields class="flex-1">
+                <OfficeRelation
+                  v-model="values"
+                  :field="fields.decideStaffs"
+                  is-disabled
+                />
+              </NeonFields>
+            </div>
+            <div class="ml-2 flex items-end pb-1">
+              <NeonCopy :size="'sm'" :value="copyDecision.linkDecision" />
+            </div>
+          </div>
+
+          <div class="flex items-right">
+            <div class="flex-grow">
+              <NeonFields class="flex-1">
+                <OfficeRelation
+                  v-model="values"
+                  :field="fields.followUpStaffs"
+                />
+              </NeonFields>
+            </div>
+            <div class="ml-2 flex items-end pb-1">
+              <NeonCopy :size="'sm'" :value="copyFollowup.linkFollowup" />
+            </div>
+          </div>
+
+          <!-- <NeonField
+            v-model="values.specifications"
+            v-bind="fields.specifications"
+            is-disabled
+          /> -->
+
+          <NeonField
+            v-model="values.updatedAt"
+            v-bind="{
+              handle: 'updatedAt',
+              name: 'Tanggal Diupdate',
+              type: 'date',
+              input: 'date2',
+              options: {
+                note: 'Tanggal pengajuan diupdate.',
+              },
+            }"
+            is-disabled
+          />
+
+          <NeonDivider is-dashed label="Spesifikasi" />
+
+          <NeonField
+            v-model="values.workingHours"
+            v-bind="fields.workingHours"
+            is-disabled
+          />
+
+          <NeonDivider is-dashed label="Menaikkan" />
+
+          <NeonFields md="grid-cols-2">
+            <OfficeRelation
+              v-model="values"
+              :field="fields.hasRaiseStaffs"
+              is-disabled
+            />
+            <OfficeRelation
+              v-model="values"
+              :field="fields.yetRaiseStaffs"
+              is-disabled
+            />
+          </NeonFields>
+
+          <NeonDivider is-dashed label="Memproses" />
+
+          <NeonFields md="grid-cols-2">
+            <OfficeRelation
+              v-model="values"
+              :field="fields.hasProcessStaffs"
+              is-disabled
+            />
+            <OfficeRelation
+              v-model="values"
+              :field="fields.yetProcessStaffs"
+              is-disabled
+            />
+          </NeonFields>
+
+          <NeonDivider is-dashed label="Keputusan" />
+
+          <NeonFields md="grid-cols-2">
+            <OfficeRelation
+              v-model="values"
+              :field="fields.delayStaffs"
+              is-disabled
+            />
+            <OfficeRelation
+              v-model="values"
+              :field="fields.agreedStaffs"
+              is-disabled
+            />
+          </NeonFields>
+        </NeonForm>
+      </OfficeTab>
+
+      <!-- DETAIL -->
+      <SubmissionDetailTab />
+
+      <!-- DOKUMEN -->
+      <SubmissionDocumentTab toolbar="side" is-readonly />
+    </OfficeTabs>
+  </NeonSingle>
+</template>
+
+<style scoped>
+.neu-submission-single {
+  @apply block;
+}
+</style>