no message

src/modules/05_placement/components/probation/FormAssign.vue

@@ -242,7 +242,6 @@ interface CheckboxItem {
 }
 
 const checkRule = ref<CheckboxItem[]>([]);
-const checkListItem = checkRule.value.filter(item => item.checked === 1).length;
 
 const getUser = async () => {
   await http.get(config.API.userPlacement(personalId)).then((res: any) => {
@@ -763,6 +762,7 @@ const clickdownloadFile = async (type: string) => {
       hideLoader();
     });
 };
+
 onMounted(async () => {
   await getUser();
   await getLaw(personalId);
@@ -783,11 +783,17 @@ watch(
     }
   }
 );
+
 watch(knowledge.value, () => {
   knowledge.value.forEach((item) => {
     OPknowledge.value = OPknowledge.value.filter((e) => e.id != item.id);
   });
 });
+const countCheckedItems = checkRule.value.filter(
+  (item) => item.checked === 1
+).length;
+
+console.log(countCheckedItems);
 </script>
 
 <template>
@@ -1235,23 +1241,17 @@ watch(knowledge.value, () => {
                       </div>
                     </div>
                   </div>
-                  {{ checkRule.length }}
-                  <br/>
-                  {{ checkListItem }}
                   <div class="col-12 row">
                     <div class="col-12 text-top2 row items-center">
                       ความรู้เรื่องกฎหมายและกฎระเบียบ (ไม่เกิน 20 หัวข้อ)
-                      <div v-if="checkListItem > 1">
-test
-                      </div>
                     </div>
                     <q-card
                       flat
                       bordered
-                      class="col-12 q-pa-md"
+                      class="col-12 q-pa-md border_custom q-mt-sm"
                       style="max-height: 500px; overflow-y: scroll"
                     >
-                      <div class="example-row-column-width">
+                      <div class="example-row-column-width ">
                         <div class="bg-grey-3 q-py-xs">
                           <div
                             class="row"
@@ -1307,6 +1307,7 @@ test
                                 :disable="status != true"
                               />
                             </div>
+
                             <div class="col-9 q-pl-xl">
                               {{ item.description }}
                             </div>
@@ -2463,7 +2464,6 @@ test
 
 .text-top2 {
   font-weight: 500;
-  padding-bottom: 8px;
   color: rgb(70, 68, 68);
 }
 
@@ -2493,4 +2493,9 @@ test
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.border_custom {
+  border: 2px solid #c10015;
+  border-radius: 5px;
+  color: #c10015;
+}
 </style>