ทะเบียนประวัติ ==> fix เลขที่ตำแหน่ง

This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2025-03-17 16:01:02 +07:00
parent 6da4d8efc8
commit a8f0a486e3
7 changed files with 43 additions and 22 deletions

View file

@ -36,7 +36,10 @@ const positionKeyword = ref<string>("");
//
const typeKeywordOps = ref<DataOption[]>([
{ id: "no", name: "ตำแหน่งเลขที่" },
{
id: "no",
name: employeeClass.value === "officer" ? "เลขที่ตำแหน่ง" : "ตำแหน่งเลขที่",
},
{ id: "position", name: "ตำแหน่ง" },
]);
@ -69,7 +72,8 @@ const columns = ref<QTableProps["columns"]>([
{
name: "posNo",
align: "left",
label: "ตำแหน่งเลขที่",
label:
employeeClass.value === "officer" ? "เลขที่ตำแหน่ง" : "ตำแหน่งเลขที่",
field: "posNo",
headerStyle: "font-size: 14px",
style: "font-size: 14px",
@ -201,8 +205,14 @@ function closeDialog() {
dense
bg-color="white"
v-model="Keyword"
placeholder="ตำแหน่งเลขที่"
:rules="[(val:string) => !!val || `${'กรุณากรอก ตำแหน่งเลขที่'}`]"
:placeholder="
employeeClass === 'officer'
? 'เลขที่ตำแหน่ง'
: 'ตำแหน่งเลขที่'
"
:rules="[(val:string) => !!val || employeeClass === 'officer'
? 'กรุณากรอก เลขที่ตำแหน่ง'
: 'กรุณากรอก ตำแหน่งเลขที่']"
hide-bottom-space
/>
</div>

View file

@ -71,7 +71,7 @@ const columns = ref<QTableProps["columns"]>([
{
name: "posNo",
align: "left",
label: "ตำแหน่งเลขที่",
label: empType.value === "officer" ? "เลขที่ตำแหน่ง" : "ตำแหน่งเลขที่",
sortable: false,
field: "posNo",
headerStyle: "font-size: 14px",
@ -470,7 +470,11 @@ onMounted(() => {
<q-card-section class="q-pa-sm">
<q-card bordered class="bg-grey-13">
<q-card-section>
<div class="text-grey">ตำแหนงเลขท</div>
<div class="text-grey">
{{
empType === "officer" ? `เลขที่ตำแหน่ง` : `ตำแหน่งเลขที่`
}}
</div>
<div class="text-subtitle2 text-black q-ml-sm">
{{ props.row.posNo ? props.row.posNo : "-" }}
</div>

View file

@ -296,7 +296,7 @@ onMounted(() => {
</div>
<div class="row items-center">
<div class="col-12 col-sm-12 col-md-5 text-grey-6 text-weight-medium">
<div>ตำแหนงเลขท</div>
<div>{{ empType === "" ? `เลขที่ตำแหน่ง` : `ตำแหน่งเลขที่` }}</div>
</div>
<div class="col-12 col-sm-12 col-md-7">
{{ formMain.numberId ? formMain.numberId : "-" }}

View file

@ -69,7 +69,7 @@ const baseColumns = ref<QTableColumn[]>([
{
name: "posNo",
align: "left",
label: "ตำแหน่งเลขที่",
label: empType.value === "" ? "เลขที่ตำแหน่ง" : "ตำแหน่งเลขที่",
sortable: true,
field: "posNo",
headerStyle: "font-size: 14px",
@ -487,7 +487,7 @@ onMounted(() => {
<q-separator />
<div class="row q-pa-sm bg-grey-2">
<div class="col-3 text-grey-6 text-weight-medium">
ตำแหนงเลขท
{{ empType.value === "" ? "เลขที่ตำแหน่ง" : "ตำแหน่งเลขที่" }}
</div>
<div class="col-3">
{{ props.row.posNo ? props.row.posNo : "-" }}

View file

@ -74,7 +74,7 @@ const baseColumns = ref<QTableColumn[]>([
{
name: "posNo",
align: "left",
label: "ตำแหน่งเลขที่",
label: empType.value === "" ? "เลขที่ตำแหน่ง" : "ตำแหน่งเลขที่",
sortable: true,
field: "posNo",
headerStyle: "font-size: 14px",
@ -1159,7 +1159,7 @@ onMounted(async () => {
borderless
v-model="formData.posNo"
hide-bottom-space
:label="`${'ตำแหน่งเลขที่'}`"
:label="empType === '' ? 'เลขที่ตำแหน่ง' : 'ตำแหน่งเลขที่'"
>
</q-input>
</div>

View file

@ -79,7 +79,7 @@ const baseColumns = ref<QTableColumn[]>([
{
name: "posNo",
align: "left",
label: "ตำแหน่งเลขที่",
label: empType.value === "" ? "เลขที่ตำแหน่ง" : "ตำแหน่งเลขที่",
sortable: true,
field: "posNo",
headerStyle: "font-size: 14px",
@ -1126,7 +1126,7 @@ onMounted(async () => {
borderless
v-model="formData.posNo"
hide-bottom-space
:label="`${'ตำแหน่งเลขที่'}`"
:label="empType === '' ? 'เลขที่ตำแหน่ง' : 'ตำแหน่งเลขที่'"
>
</q-input>
</div>

View file

@ -1,5 +1,6 @@
import { defineStore } from "pinia";
import { ref, reactive } from "vue";
import { ref, reactive, computed } from "vue";
import { useRoute } from "vue-router";
import type { DataOption } from "@/modules/04_registryPerson/interface/index/Main";
import type {
@ -9,13 +10,19 @@ import type {
import type { FormFilter } from "@/modules/04_registryPerson/interface/request/Main";
export const useRegistryNewDataStore = defineStore("registryNew", () => {
const routerName = ref<any>()
const searchTypeOption = ref<DataOption[]>([
{ id: "fullName", name: "ชื่อ-นามสกุล" },
{ id: "citizenId", name: "เลขประจำตัวประชาชน" },
{ id: "position", name: "ตำแหน่งในสายงาน" },
{ id: "posNo", name: "ตำแหน่งเลขที่" },
]);
const route = useRoute();
const routerName = ref<any>();
const searchTypeOption = computed<DataOption[]>(() => {
return [
{ id: "fullName", name: "ชื่อ-นามสกุล" },
{ id: "citizenId", name: "เลขประจำตัวประชาชน" },
{ id: "position", name: "ตำแหน่งในสายงาน" },
{
id: "posNo",
name: route.name === "registryNew" ? "เลขที่ตำแหน่ง" : "ตำแหน่งเลขที่",
},
];
});
const employeeClassOps = ref<DataOption[]>([
{ id: "officer", name: "ข้าราชการ กทม.สามัญ" },
{ id: "perm", name: "ลูกจ้างประจำ" },
@ -164,6 +171,6 @@ export const useRegistryNewDataStore = defineStore("registryNew", () => {
retireTypeEmpOps,
citizenId,
displayOrderOps,
routerName
routerName,
};
});