updated portfolio

src/modules/13_portfolio/views/Add.vue

@@ -18,7 +18,7 @@ const { success, messageError, showLoader, hideLoader, dialogConfirm } = mixin;
 const route = useRoute();
 const files = ref<any>();
 const name = ref("");
-const description = ref("");
+const detail = ref("");
 const id = ref<string>("");
 const nameFile = ref<string>("");
 const routeName = router.currentRoute.value.name;
@@ -49,22 +49,22 @@ const saveData = async () => {
  */
 const createTransfer = async () => {
   showLoader();
-  const formData = new FormData();
-  formData.append("Organization", name.value);
-  formData.append("Reason", description.value);
-  formData.append("file", files.value);
-  // await http
-  //   .post(config.API.listtransfer(), formData)
-  //   .then((res: any) => {
-  //     success($q, "บันทึกข้อมูลสำเร็จ");
-  //     router.push(`/transfer`);
-  //   })
-  //   .catch((e: any) => {
-  //     messageError($q, e);
-  //   })
-  //   .finally(() => {
-  //     hideLoader();
-  //   });
+  // const formData = new FormData();
+  // formData.append("name", name.value);
+  // formData.append("detail", detail.value);
+  // formData.append("file", files.value);
+  await http
+    .post(config.API.portfolio, { name: name.value, detail: detail.value })
+    .then((res: any) => {
+      success($q, "บันทึกข้อมูลสำเร็จ");
+      router.push(`/portfolio`);
+    })
+    .catch((e: any) => {
+      messageError($q, e);
+    })
+    .finally(() => {
+      hideLoader();
+    });
 };
 
 /**
@@ -72,21 +72,21 @@ const createTransfer = async () => {
  * @param id ไอดีของข้อมูล
  */
 const fecthData = async (id: string) => {
-  // showLoader();
-  // await http
-  //   .get(config.API.transferByid(id))
-  //   .then((res: any) => {
-  //     let data = res.data.result;
-  //     name.value = data.organization;
-  //     description.value = data.reason;
-  //     files.value = data.docs;
-  //   })
-  //   .catch((e: any) => {
-  //     messageError($q, e);
-  //   })
-  //   .finally(() => {
-  //     hideLoader();
-  //   });
+  showLoader();
+  await http
+    .get(config.API.portfolioId(id))
+    .then((res: any) => {
+      let data = res.data.result;
+      name.value = data.organization;
+      detail.value = data.reason;
+      files.value = data.docs;
+    })
+    .catch((e: any) => {
+      messageError($q, e);
+    })
+    .finally(() => {
+      hideLoader();
+    });
 };
 
 /**
@@ -153,7 +153,7 @@ function fileOpen(url: string) {
                   "
                   dense
                   outlined
-                  v-model="description"
+                  v-model="detail"
                   label="รายละเอียดเอกสาร/ผลงาน"
                   hide-bottom-space
                   type="textarea"

src/modules/13_portfolio/views/Main.vue

@@ -24,7 +24,7 @@ const pagination = ref({
  */
 const filter = ref<string>("");
 const rows = ref<any>([]);
-const visibleColumns = ref<String[]>(["no", "name", "description"]);
+const visibleColumns = ref<String[]>(["no", "name", "detail"]);
 const columns = ref<QTableProps["columns"]>([
   {
     name: "no",
@@ -45,11 +45,11 @@ const columns = ref<QTableProps["columns"]>([
     style: "font-size: 14px; width:5px;",
   },
   {
-    name: "description",
+    name: "detail",
     align: "left",
     label: "รายละเอียดเอกสาร/ผลงาน",
     sortable: true,
-    field: "description",
+    field: "detail",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px; width:5px;",
   },
@@ -64,17 +64,18 @@ onMounted(async () => {
 
 //นำข้อมูลมาแสดง
 const fecthList = async () => {
-  // showLoader();
-  // await http
-  //   .get(config.API.listUserTransfer())
-  //   .then((res: any) => {
-  //   })
-  //   .catch((e: any) => {
-  //     messageError($q, e);
-  //   })
-  //   .finally(() => {
-  //     hideLoader();
-  //   });
+  showLoader();
+  await http
+    .get(config.API.portfolio)
+    .then((res: any) => {
+      rows.value = res.data.result;
+    })
+    .catch((e: any) => {
+      messageError($q, e);
+    })
+    .finally(() => {
+      hideLoader();
+    });
 };
 
 /**
@@ -211,7 +212,7 @@ const clickBack = () => {
                     v-for="col in props.cols"
                     :key="col.name"
                     :props="props"
-                    @click="router.push(`/transfer/` + props.row.id)"
+                    @click="router.push(`/portfolio/` + props.row.id)"
                   >
                     <div v-if="col.name == 'no'">
                       {{ props.rowIndex + 1 }}
@@ -227,7 +228,7 @@ const clickBack = () => {
                   <q-card
                     bordered
                     flat
-                    @click="router.push(`/transfer/` + props.row.id)"
+                    @click="router.push(`/portfolio/` + props.row.id)"
                   >
                     <q-list>
                       <q-item