fix api call result

frontend/src/pages/TenantDomain.vue

@@ -181,8 +181,8 @@ let ownerid = ref('');
 const getDomain = async () => {
   loading.value = true;
   const userId = authStore.userId;
-  const result = await api.get<IDomain[]>(`api/domain?userId=${userId}`);
-  rows.value = result.data.map((item) => {
+  const result = await api.get<IDomain[]>(`api/domains`);
+  rows.value = result.data.data.map((item) => {
     return {
       id: item.id,
       tenantid: item.tenantid,
@@ -216,8 +216,7 @@ const deleteDomain = () => {
   api.delete(`api/domain/${editId.value}`).then(() => {
     getDomain();
   })
-  editId.value = 0;
-
+  editId.value = 0; // set in removeRow()
 };
 
 const editRow = (row) => {
@@ -259,6 +258,7 @@ const onSubmit = () => {
     'is_active': domainActive.value,
     'ownerid': authStore.userId || ''
   }
+  // for search: api.put(`api/domain`)、api.post(`api/domain`)
   api[method].apply(api, [`api/domain`, param]).then(() => {
       getDomain();
       domainStore.loadUserDomains();

frontend/src/pages/UserDomain.vue

@@ -1,12 +1,12 @@
 <template>
 
-  <div class="q-pa-lg">
+  <div class="q-pa-md">
     <div class="q-gutter-sm row items-start">
     <q-breadcrumbs>
       <q-breadcrumbs-el icon="assignment_ind" label="ドメイン適用" />
     </q-breadcrumbs>
   </div>
-    <q-table grid grid-header title="Domain" selection="single" :rows="rows" :columns="columns" row-key="name"
+    <q-table :loading="loading" grid grid-header title="Domain" selection="single" :rows="rows" :columns="columns" row-key="name"
       :filter="userDomainTableFilter" virtual-scroll v-model:pagination="pagination">
       <template v-slot:top>
 
@@ -131,6 +131,7 @@ import UserList from 'components/UserList.vue';
 const authStore = useAuthStore();
 const pagination = ref({ sortBy: 'id', rowsPerPage: 0 });
 const rows = ref([] as any[]);
+const loading = ref(true);
 
 const columns = [
   { name: 'id' },
@@ -219,13 +220,15 @@ const switchUserFinished = async (val: string) => {
 };
 
 const getDomain = async (userId? : string) => {
+  loading.value = true;
   const resp = await api.get(`api/activedomain${useOtherUser.value ? `?userId=${otherUserId.value}` : ''}`);
-  activeDomainId.value = resp?.data?.id;
+  activeDomainId.value = resp?.data?.data?.id;
   const domainResult = userId ? await api.get(`api/domain?userId=${userId}`) : await api.get(`api/domain`);
   const domains = domainResult.data as any[];
   rows.value = domains.map((item) => {
     return { id: item.id, name: item.name, url: item.url, kintoneuser: item.kintoneuser, kintonepwd: item.kintonepwd }
   });
+  loading.value = false;
 }
 
 onMounted(async () => {