update

src/components/artist-information/VAB-account/VabAccount.ts

@@ -85,7 +85,6 @@ export default defineComponent({
   emits: [
     'update:account',
     'update:shortDescription',
-    'update:content',
     'update:formatSchedules',
     'selectedFile',
     'deleteBanner',

src/components/artist-information/VAB-account/add-story/AddStory.ts

@@ -15,6 +15,7 @@ export default defineComponent({
 
   setup(props, context) {
     const file: Ref<File | string> = ref('');
+    const title: Ref<string> = ref('');
     const content: Ref<string> = ref('');
     const urlFileLocal: Ref<string> = ref('');
     const uploadStory = (value: FileList) => {
@@ -31,6 +32,7 @@ export default defineComponent({
     );
     const ResetData = () => {
       file.value = '';
+      title.value = '';
       content.value = '';
       urlFileLocal.value = '';
     };
@@ -38,6 +40,7 @@ export default defineComponent({
       context.emit('click:CloseBtnAddStory');
       context.emit('insertData', {
         file: file.value,
+        title: title.value,
         content: content.value,
         imageUrl: urlFileLocal.value,
       });
@@ -48,6 +51,7 @@ export default defineComponent({
       SubmitData,
       urlFileLocal,
       file,
+      title,
       content,
       ResetData,
     };

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

@@ -34,6 +34,7 @@
               ></UploadImage>
 
               <q-input
+                v-model="title"
                 label="Tiêu đề"
                 hide-bottom-space
                 type="text"

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

@@ -29,7 +29,7 @@
         outlined
       ></q-input>
     </div>
-    <div class="col-auto">
+    <div class="col-auto" style="margin-top: 2px">
       <q-btn color="primary" no-caps label="Reset Pass"></q-btn>
     </div>
     <div class="col-12 flex q-mt-sm">
@@ -329,7 +329,7 @@
                         font-size: 30px;
                       "
                     >
-                      <!-- Ninh Dương Lan Ngọc -->
+                      {{ story.title }}
                     </div>
                     <div style="text-align: justify; background: bottom">
                       {{ story.content }}
@@ -359,7 +359,6 @@
             :model-value="formatSchedules"
             @update:model-value="$emit('update:formatSchedules', $event)"
             multiple
-            readonly
             event-color="orange"
           />
         </div>

src/pages/danh-sach-booking/index.vue

 <template>
   <div class="row q-col-gutter-sm flex-center q-mt-sm">
-    <div class="col-auto text-h6 text-weight-regular flex flex-center q-mr-md">
+    <!-- <div class="col-auto text-h6 text-weight-regular flex flex-center q-mr-md">
       {{ $t('listBooking.title') }}
       <q-separator vertical spaced />
-    </div>
+    </div> -->
     <q-space></q-space>
-    <div class="col-2">
+    <div class="col-2 sreach">
       <q-select
         v-model="sreachArtist"
         :options="artistOptions"
@@ -17,7 +17,7 @@
         clearable
       ></q-select>
     </div>
-    <div class="col-2">
+    <div class="col-2 sreach">
       <q-select
         v-model="sreachUserName"
         :options="customerOptions"
@@ -29,8 +29,32 @@
         clearable
       ></q-select>
     </div>
+    <div class="col-2 sreach">
+      <q-select
+        v-model="sreachStatus"
+        :options="BookingStatus"
+        option-label="text"
+        option-value="value"
+        dense
+        outlined
+        :label="$t('listBooking.titleColumnsTable.status')"
+        clearable
+      ></q-select>
+    </div>
+    <div class="col-2 sreach">
+      <q-select
+        v-model="sreachActiveStatus"
+        :options="Status"
+        option-label="text"
+        option-value="value"
+        dense
+        outlined
+        :label="$t('listBooking.titleColumnsTable.activeStatus')"
+        clearable
+      ></q-select>
+    </div>
 
-    <div class="col-2">
+    <div class="col-2 sreach">
       <!-- v-model="date[0]" -->
       <q-input
         :label="$t('listBooking.titleColumnsTable.fromTime')"
@@ -61,7 +85,7 @@
         </template>
       </q-input>
     </div>
-    <div class="col-2">
+    <div class="col-2 sreach">
       <!-- v-model="date[1]" -->
       <q-input
         :label="$t('listBooking.titleColumnsTable.toTime')"
@@ -366,6 +390,8 @@ export default defineComponent({
     const totalPage = ref(1);
     const sreachArtist: Ref<string | null> = ref(null);
     const sreachUserName: Ref<string | null> = ref(null);
+    const sreachStatus = ref(null);
+    const sreachActiveStatus = ref(null);
     const changePageSize = () => {
       pageIndex.value = 1;
       void getListBooking();
@@ -475,7 +501,14 @@ export default defineComponent({
       getListBooking,
       BookingStatus,
       Status,
+      sreachStatus,
+      sreachActiveStatus,
     };
   },
 });
 </script>
+<style lang="scss" scoped>
+.sreach {
+  width: 12rem;
+}
+</style>