update

src/components/linkStream/update.vue

@@ -18,17 +18,27 @@
           style="max-height: calc(100vh - 14rem)"
         >
           <div class="row">
-            <div class="col-8">
+            <div class="col-6">
+              <q-input
+                v-model="title"
+                label="Tiêu đề"
+                type="text"
+                class="q-ma-sm"
+                outlined
+                clearable
+              ></q-input>
+            </div>
+            <div class="col-6">
               <q-input
                 v-model="link"
-                label="Đường dẫn"
+                label="URL"
                 type="text"
                 class="q-ma-sm"
                 outlined
                 clearable
               ></q-input>
             </div>
-            <div class="col-2">
+            <div class="col-6">
               <q-select
                 v-model="typeLink"
                 label="Loại link"
@@ -42,7 +52,7 @@
                 outlined
               ></q-select>
             </div>
-            <div class="col-2">
+            <div class="col-6">
               <q-select
                 v-model="status"
                 label="Trạng thái"
@@ -107,6 +117,7 @@ export default defineComponent({
       () => props.isOpened,
       (value) => {
         if (value) {
+          title.value = props.data.title as string;
           link.value = props.data.content as string;
           status.value = props.data.status as number;
           typeLink.value = props.data.type as number;
@@ -115,6 +126,7 @@ export default defineComponent({
     );
 
     const link = ref('');
+    const title = ref('');
     const typeLink = ref();
     const listType = ref([
       {
@@ -151,6 +163,7 @@ export default defineComponent({
           content: link.value,
           status: status.value as number,
           type: typeLink.value as number,
+          title: title.value,
         },
       })) as AxiosResponse<BaseResponseBody<unknown>>;
       if (response.data.error.code === config.API_RES_CODE.OK.code) {
@@ -166,6 +179,7 @@ export default defineComponent({
 
     return {
       link,
+      title,
       typeLink,
       listType,
       status,

src/pages/cau-hinh-live-stream/index.vue

@@ -114,7 +114,15 @@ export default defineComponent({
         align: 'center',
         sortable: false,
       },
-
+      {
+        name: 'title',
+        field: 'title',
+        required: true,
+        label: 'Tiêu đề',
+        align: 'left',
+        headerStyle: 'text-align: center !important; width: 19%',
+        sortable: false,
+      },
       {
         name: 'content',
         field: 'content',