feat (soapi): adjust list

app/components/app/soapi/list-cfg.ts

@@ -3,7 +3,7 @@ import { defineAsyncComponent } from 'vue'
 
 type SmallDetailDto = any
 
-const action = defineAsyncComponent(() => import('~/components/pub/my-ui/data/dropdown-action-ud.vue'))
+const action = defineAsyncComponent(() => import('~/components/pub/my-ui/data/dropdown-action-d.vue'))
 
 export const config: Config = {
   cols: [{}, {}, {}, { width: 100 }, { width: 120 }, {}, {}, {}, { width: 100 }, { width: 100 }, {}, { width: 50 }],

app/components/content/soapi/entry.vue

@@ -9,7 +9,7 @@ import RehabForm from './form-rehab.vue'
 import FunctionForm from './form-function.vue'
 
 const route = useRoute()
-const type = computed(() => (route.query.tab as string) || 'early-medical-assessment')
+const type = computed(() => (route.query.menu as string) || 'early-medical-assessment')
 
 const { mode, goToEntry, backToList } = useQueryCRUDMode('mode')
 

app/components/content/soapi/form-rehab.vue

@@ -7,7 +7,9 @@ import Dialog from '~/components/pub/my-ui/modal/dialog.vue'
 import { EarlyRehabSchema } from '~/schemas/soapi.schema'
 import { toast } from '~/components/pub/ui/toast'
 import { handleActionSave, handleActionEdit } from '~/handlers/soapi-early.handler'
-const { backToList } = useQueryMode('mode')
+
+const { backToList } = useQueryCRUDMode('mode')
+const { recordId } = useQueryCRUDRecordId('record-id')
 
 const route = useRoute()
 const isOpenProcedure = ref(false)
@@ -89,9 +91,19 @@ async function getProcedures() {
   isLoading.isTableLoading = false
 }
 
+async function getDetail() {
+  isLoading.isTableLoading = true
+  const resp = await xfetch(`/api/v1/soapi/${recordId.value}`)
+  if (resp.success) {
+    diagnoses.value = (resp.body as Record<string, any>).data
+  }
+  isLoading.isTableLoading = false
+}
+
 onMounted(() => {
   getProcedures()
   getDiagnoses()
+  getDetail()
 })
 
 function handleOpen(type: string) {

app/components/content/soapi/form.vue

@@ -9,7 +9,7 @@ import { toast } from '~/components/pub/ui/toast'
 import { handleActionSave, handleActionEdit } from '~/handlers/soapi-early.handler'
 
 const { goToEntry, backToList } = useQueryCRUDMode('mode')
-const { recordId } = useQueryCRUDMode('record-id')
+const { recordId } = useQueryCRUDRecordId('record-id')
 const route = useRoute()
 const isOpenProcedure = ref(false)
 const isOpenDiagnose = ref(false)
@@ -45,11 +45,24 @@ const isLoading = reactive<DataTableLoader>({
   isTableLoading: false,
 })
 
-async function getDiagnoses() {
+async function getDetail() {
   isLoading.isTableLoading = true
-  const resp = await xfetch(`/api/v1/soapi/${recordId}`)
+  const resp = await xfetch(`/api/v1/soapi/${recordId.value}`)
   if (resp.success) {
-    diagnoses.value = (resp.body as Record<string, any>).data
+    const raw = (resp.body as Record<string, any>).data
+    const values = JSON.parse(raw.value)
+    console.log('values', values)
+    model.value = values
+    // diagnoses.value = (resp.body as Record<string, any>).data
+  }
+  isLoading.isTableLoading = false
+}
+
+async function getDiagnose() {
+  isLoading.isTableLoading = true
+  const resp = await xfetch('/api/v1/diagnose-src')
+  if (resp.success) {
+    procedures.value = (resp.body as Record<string, any>).data
   }
   isLoading.isTableLoading = false
 }
@@ -64,8 +77,7 @@ async function getProcedures() {
 }
 
 onMounted(() => {
-  getProcedures()
-  getDiagnoses()
+  getDetail()
 })
 
 function handleOpen(type: string) {
@@ -124,6 +136,7 @@ provide('table_data_loader', isLoading)
 provide('icdPreview', icdPreview)
 </script>
 <template>
+  {{ model }}
   <Entry
     ref="entryRef"
     v-model="model"

app/components/content/soapi/list.vue

@@ -64,7 +64,7 @@ const hreaderPrep: HeaderPrep = {
   },
 }
 
-const type = computed(() => (route.query.tab as string) || 'early-medical-assessment')
+const type = computed(() => (route.query.menu as string) || 'early-medical-assessment')
 
 onMounted(async () => {
   await getMyList()