update

src/components/artist-information/VAB-account/update-story/index.vue

@@ -19,14 +19,14 @@
       <q-card-section>
         <div class="row q-col-gutter-sm">
           <div class="col-12">
-            <div align="right">
+            <!-- <div align="right">
               <UploadImage
                 v-if="urlFileLocal.length !== 0"
                 :isButton="false"
                 :tooltipMessageStory="true"
                 @selectedFile="uploadStory"
               ></UploadImage>
-            </div>
+            </div> -->
             <q-card v-if="urlFileLocal" flat>
               <div align="center">
                 <q-img
@@ -37,10 +37,7 @@
               </div>
             </q-card>
 
-            <UploadImage
-              v-if="urlFileLocal.length === 0"
-              @selectedFile="uploadStory"
-            ></UploadImage>
+            <UploadImage @selectedFile="uploadStory"></UploadImage>
 
             <q-input
               v-model="title"
@@ -104,7 +101,7 @@ export default defineComponent({
     },
   },
 
-  setup(props) {
+  setup(props, context) {
     const configImg = config;
     const id: Ref<number | null> = ref(null);
     const file: Ref<File | string> = ref('');
@@ -137,6 +134,16 @@ export default defineComponent({
       content.value = '';
       urlFileLocal.value = '';
     };
+    const SubmitData = () => {
+      context.emit('click:CloseBtnUpdateStory');
+      context.emit('updateData', {
+        id: id.value,
+        file: file.value,
+        title: title.value,
+        content: content.value,
+        imageUrl: urlFileLocal.value,
+      });
+    };
 
     return {
       uploadStory,
@@ -148,6 +155,7 @@ export default defineComponent({
       id,
       configImg,
       imageAPI,
+      SubmitData,
     };
   },
 
@@ -155,6 +163,7 @@ export default defineComponent({
     'selectedFile',
     'update:isOpenUpdateStory',
     'click:CloseBtnUpdateStory',
+    'updateData',
   ],
 });
 </script>

src/pages/cau-hinh-trang-tinh/index.vue

@@ -106,19 +106,6 @@
             </div>
           </td>
         </template>
-
-        <!-- <template v-slot:body-cell-url="rowData">
-          <q-td>
-            <div align="center">
-              <a
-                :href="rowData.row.url"
-                target="_blank"
-                style="max-width: 10rem"
-                >{{ rowData.row.url }}</a
-              >
-            </div>
-          </q-td>
-        </template> -->
       </q-table>
     </div>
     <div class="col-12 q-mt-sm">
@@ -142,6 +129,7 @@
       :nameMenuOptions="nameMenuOptions"
       @addUpdateConfigSystem="addConfigSystem"
     />
+    <!-- :languageOptions="languageOptions" -->
 
     <AddUpdatePolicyDialog
       v-model:isOpened="showDialogUpdate"
@@ -153,6 +141,7 @@
       :nameMenuOptions="nameMenuOptions"
       @addUpdateConfigSystem="updateConfigSystem"
     />
+    <!-- :languageOptions="languageOptions" -->
   </div>
 </template>
 
@@ -170,6 +159,7 @@ import {
   AddConfigSystem,
   UpdateConfigSystem,
   DetailConfigSystem,
+  // LanguageType,
 } from 'src/assets/type';
 import { config, API_PATHS } from 'src/assets/configurations';
 
@@ -269,6 +259,7 @@ export default defineComponent({
     const content: Ref<string> = ref('');
     const numIndex: Ref<number | undefined> = ref(undefined);
     const ConfigSystemId: Ref<number | undefined> = ref(undefined);
+    // const languageOptions: Ref<FromType> = ref([]);
 
     const getConfigSystem = async () => {
       try {
@@ -292,6 +283,7 @@ export default defineComponent({
     };
 
     const openAddDialog = () => {
+      // void getLanguage();
       namePage.value = '';
       content.value = '';
       url.value = '';
@@ -307,6 +299,7 @@ export default defineComponent({
         numIndex: numIndex.value,
         content: content.value,
         // nameMenu: { id: nameMenu.value?.id },
+        // langs: languageOptions.value,
       };
       const response = (await api({
         url: API_PATHS.addConfigSystem,
@@ -344,6 +337,7 @@ export default defineComponent({
           url.value = response.data.data.url;
           numIndex.value = response.data.data.numIndex;
           // nameMenu.value = response.data.data.nameMenu;
+          // languageOptions.value = response.data.data.langs;
           content.value = response.data.data.content;
         }
       } catch (error) {}
@@ -361,6 +355,7 @@ export default defineComponent({
             numIndex: numIndex.value,
             content: content.value,
             // nameMenu: { id: nameMenu.value?.id },
+            // langs: languageOptions.value,
           },
         })) as AxiosResponse<BaseResponseBody<UpdateConfigSystem>>;
         if (response.data.error.code === config.API_RES_CODE.OK.code) {
@@ -417,6 +412,47 @@ export default defineComponent({
       } catch (error) {}
     };
 
+    // type FromType = {
+    //   namePage: string;
+    //   url: string;
+    //   content: string;
+    //   numIndex: number;
+    //   nameMenu: [];
+    //   language: {
+    //     id: number;
+    //     code: string;
+    //     name: string;
+    //   };
+    // }[];
+
+    // const getLanguage = async () => {
+    //   const response = (await api({
+    //     url: API_PATHS.getLanguage,
+    //     method: 'GET',
+    //     params: {},
+    //   })) as AxiosResponse<BaseResponseBody<LanguageType[]>>;
+    //   if (response.data.error.code === config.API_RES_CODE.OK.code) {
+    //     languageOptions.value = response.data.data.reduce(
+    //       (acc: FromType, info) => {
+    //         acc.push({
+    //           namePage: '',
+    //           url: '',
+    //           content: '',
+    //           nameMenu: [],
+    //           numIndex: 0,
+    //           language: {
+    //             id: info.id,
+    //             code: info.code,
+    //             name: info.name,
+    //           },
+    //         });
+    //         return acc;
+    //       },
+    //       []
+    //     );
+    //   }
+    // };
+
     onMounted(() => {
       void getConfigSystem();
     });
@@ -446,6 +482,8 @@ export default defineComponent({
       confirmDelete,
       deleteConfigSystem,
       nameMenuSreach,
+      // languageOptions,
+      // getLanguage,
     };
   },
 });