ออกคำสั้ง

src/modules/11_discipline/components/9_Order/TableOrder.vue

@@ -18,6 +18,17 @@ const props = defineProps({
 
 /** ข้อมูลที่เเสดงใน คอลัม */
 const columns = ref<QTableProps["columns"]>([
+  {
+    name: "no",
+    align: "left",
+    label: "ลำดับ ",
+    sortable: true,
+    field: "no",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
   {
     name: "orderName",
     align: "left",
@@ -29,6 +40,7 @@ const columns = ref<QTableProps["columns"]>([
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
+
   {
     name: "orderNo",
     align: "left",
@@ -38,6 +50,62 @@ const columns = ref<QTableProps["columns"]>([
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
+  {
+    name: "faultLevel",
+    align: "left",
+    label: "ระดับความผิด",
+    sortable: true,
+    field: "faultLevel",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
+  {
+    name: "caseFault",
+    align: "left",
+    label: "กรณีความผิด",
+    sortable: true,
+    field: "caseFault",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
+  {
+    name: "fullName",
+    align: "left",
+    label: "รายชื่อผู้ที่ถูกลงโทษทางวินัย",
+    sortable: true,
+    field: "fullName",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
+  {
+    name: "result",
+    align: "left",
+    label: "ผลดำเนินการพิจารณา",
+    sortable: true,
+    field: "result",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
+  {
+    name: "refRaw",
+    align: "left",
+    label: "อ้างอิงมาตราตามกฎหมาย",
+    sortable: true,
+    field: "refRaw",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
+
   {
     name: "orderTypeName",
     align: "left",
@@ -95,8 +163,14 @@ const columns = ref<QTableProps["columns"]>([
 ]);
 /** หัวตาราง */
 const visibleColumns = ref<string[]>([
+  "no",
   "orderName",
   "orderNo",
+  "faultLevel",
+  "caseFault",
+  "fullName",
+  "result",
+  "refRaw",
   "orderTypeName",
   "orderDate",
   "orderByOrganization",
@@ -167,6 +241,9 @@ const redirectToPage = (id?: string, status?: string) => {
         :props="props"
         @click="redirectToPage(props.row.orderId, props.row.OrderStatus)"
       >
+        <div v-if="col.name === 'no'">
+          {{ props.rowIndex + 1 }}
+        </div>
         <div>
           {{ col.value }}
         </div>