Changes Update User

components/datatable/ModelInfo.vue

@@ -49,24 +49,24 @@
   <Modal @close="showmodal = undefined" v-bind="showmodal" v-if="showmodal"></Modal>
 </template>
 <script setup>
-import { useStore } from "@/stores/index";
+import { useStore } from '@/stores/index';
 var props = defineProps({
   data: Array,
   info: Object,
 });
-const { $getdata, $getapi, $createField, $clone, $getpage, $empty, $copyToClipboard, $find } = useNuxtApp();
+const { $getdata, $getapi, $createField, $clone, $getpage, $empty, $copyToClipboard, $find, $path } = useNuxtApp();
 const store = useStore();
-var pagename = "pagedata99";
+var pagename = 'pagedata99';
 var pagedata = ref();
 pagedata.value = $getpage();
 store.commit(pagename, pagedata);
-let list = ["LogEntry", "Permission", "ContentType", "Session", "Group"];
+let list = ['LogEntry', 'Permission', 'ContentType', 'Session', 'Group'];
 var current = ref({ fields: [] });
 var tabs = [
-  { code: "datatype", name: "Kiểu dữ liệu" },
-  { code: "table", name: "Dữ liệu" },
+  { code: 'datatype', name: 'Kiểu dữ liệu' },
+  { code: 'table', name: 'Dữ liệu' },
 ];
-var tab = ref("datatype");
+var tab = ref('datatype');
 var datatable = ref();
 var query = ref();
 var values, filter;
@@ -78,11 +78,11 @@ function changeMenu(v) {
   values = undefined;
   filter = undefined;
   current.value = v;
-  if (tab.value === "table") loadData();
+  if (tab.value === 'table') loadData();
 }
 async function changeTab(v) {
   tab.value = v.code;
-  if (v.code === "table") loadData();
+  if (v.code === 'table') loadData();
 }
 async function loadData() {
   let vfilter = filter ? filter.trim() : undefined;
@@ -90,26 +90,26 @@ async function loadData() {
     try {
       vfilter = JSON.parse(vfilter);
     } catch (error) {
-      alert("Cấu trúc filter có lỗi");
+      alert('Cấu trúc filter có lỗi');
       vfilter = undefined;
     }
   }
   let params = { values: values ? values.trim() : undefined, filter: filter };
   let modelName = current.value.model;
   let found = {
-    name: modelName.toLowerCase().replace("_", ""),
+    name: modelName.toLowerCase().replace('_', ''),
     url: `data/${modelName}/`,
     url_detail: `data-detail/${modelName}/`,
     params: params,
   };
   query.value = $clone(found);
   let rs = await $getapi([found]);
-  if (rs === "error") return alert("Đã xảy ra lỗi, hãy xem lại câu lệnh.");
+  if (rs === 'error') return alert('Đã xảy ra lỗi, hãy xem lại câu lệnh.');
   datatable.value = rs[0].data.rows;
   showData();
 
   // api query
-  const baseUrl = "https://api.y99.vn/" + `${query.value.url}`;
+  const baseUrl = $path + `${query.value.url}`;
   apiUrl.value = baseUrl;
   let vparams = !$empty(values) ? { values: values } : null;
   if (!$empty(filter)) {
@@ -125,15 +125,15 @@ async function loadData() {
 function showData() {
   let arr = [];
   if (!$empty(values)) {
-    let arr1 = values.trim().split(",");
+    let arr1 = values.trim().split(',');
     arr1.map((v) => {
       let val = v.trim();
-      let field = $createField(val, val, "string", true);
+      let field = $createField(val, val, 'string', true);
       arr.push(field);
     });
   } else {
     current.value.fields.map((v) => {
-      let field = $createField(v.name, v.name, "string", true);
+      let field = $createField(v.name, v.name, 'string', true);
       arr.push(field);
     });
   }
@@ -148,10 +148,10 @@ function copy() {
 }
 function openModel(x) {
   showmodal.value = {
-    component: "datatable/ModelInfo",
+    component: 'datatable/ModelInfo',
     title: x.model,
-    width: "70%",
-    height: "600px",
+    width: '70%',
+    height: '600px',
     vbind: { data: data, info: $find(data, { model: x.model }) },
   };
 }