Refactoring code module 14_KPI

src/modules/11_discipline/components/1_Complaint/EditPage.vue

@@ -393,7 +393,7 @@ onMounted(() => {
       @return-person="sendPersonToNext"
       :rows="mainStore.rowsSend"
       :columns="columns"
-      :visibleColumns="visibleColumns"
+      :visible-columns="visibleColumns"
     />
   </div>
 </template>

src/modules/11_discipline/components/1_Complaint/MainPage.vue

@@ -197,10 +197,10 @@ onMounted(async () => {
 
     <div class="col-12">
       <TableComplaint
-        :filterTable="filterTable"
-        :rowsPerPage="rowsPerPage"
+        :filter-table="filterTable"
+        :rows-per-page="rowsPerPage"
         :page="page"
-        :maxPage="maxPage"
+        :max-page="maxPage"
         @update:pagination="updatePagingProp"
         :toptitle="toptitle"
       />

src/modules/11_discipline/components/2_InvestigateFacts/EditPage.vue

@@ -425,7 +425,7 @@ onMounted(() => {
       title="ส่งไปสอบสวน"
       :rows="mainStore.rowsSend.filter((item: ArrayPersonAdd)=> item.isSend == 'NEW')"
       :columns="mainStore.columnsDirector"
-      :visibleColumns="mainStore.visibleColumnsDirector"
+      :visible-columns="mainStore.visibleColumnsDirector"
       @return-person="emitPerson"
     />
   </div>

src/modules/11_discipline/components/2_InvestigateFacts/Form.vue

@@ -1744,14 +1744,14 @@ onMounted(async () => {
   <DialogDirector
     :get-list="getList"
     v-model:Modal="modal"
-    :clickClose="clickClose"
+    :click-close="clickClose"
     :rows2="investigateDis.rows2"
     v-model:filterKeyword2="filterKeyword2"
     v-model:type="type"
-    :filterTable="filterTable"
-    :rowsPerPage="rowsPerPage"
+    :filter-table="filterTable"
+    :rows-per-page="rowsPerPage"
     :page="page"
-    :maxPage="maxPage"
+    :max-page="maxPage"
     :selected-row="rows"
     @update:pagination="updatePagingProp"
     @returnDirector="returnDirector"
@@ -1769,7 +1769,7 @@ onMounted(async () => {
     title="ส่งรายชื่อไปออกคำสั่งยุติเรื่อง"
     :rows="mainStore.rowsCheck"
     :columns="mainStore.columnsDirector"
-    :visibleColumns="mainStore.visibleColumnsDirector"
+    :visible-columns="mainStore.visibleColumnsDirector"
     @return-person="emitPerson"
     :checked-val="false"
     :fetch-data="fetchData"