hrms-bangkok/hrms-mgt
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

เพิ่ม tabMenu วินัย

Browse source
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2023-11-22 11:26:10 +07:00
parent e9529f11a7
commit 34b229e817
7 changed files with 288 additions and 158 deletions
Download patch file Download diff file Expand all files Collapse all files

31
src/modules/11_discipline/components/2_InvestigateFacts/EditPage.vue
View file

@ -1,13 +1,16 @@
<script setup lang="ts">
import { onMounted, reactive, ref } from "vue";
import Form from "@/modules/11_discipline/components/2_InvestigateFacts/Form.vue";
import FormComplaints from "@/modules/11_discipline/components/1_Complaint/Form.vue"; //เรื่องร้องเรียน
import FormInvestigatefacts from "@/modules/11_discipline/components/2_InvestigateFacts/Form.vue"; //สืบสวนข้อเท็จจริง
import type { FormData } from "@/modules/11_discipline/interface/request/investigate";
import { useRouter, useRoute } from "vue-router";
import { useCounterMixin } from "@/stores/mixin";
import { useInvestigateFactStore } from "@/modules/11_discipline/store/InvestigateFactStore";
import { useQuasar } from "quasar";
const $q = useQuasar();
const mixin = useCounterMixin();
const store = useInvestigateFactStore();
const { dialogConfirm } = mixin;
const router = useRouter();
const route = useRoute();
@ -149,7 +152,31 @@ onMounted(() => {
/>
</div>
</div>
<q-card flat bordered class="col-12">
<q-tabs
v-model="store.tabMenu"
dense
align="left"
inline-label
class="rounded-borders"
indicator-color="primary"
active-bg-color="teal-1"
active-class="text-primary"
>
<q-tab name="complaints" label="เรื่องร้องเรียน" />
<q-tab name="investigatefacts" label="สืบสวนข้อเท็จจริง" />
</q-tabs>
<q-separator />
<q-tab-panels v-model="store.tabMenu" animated>
<q-tab-panel name="complaints">
<FormComplaints :on-submit="onSubmit" />
</q-tab-panel>
<q-tab-panel name="investigatefacts">
<FormInvestigatefacts :on-submit="onSubmit" :data="data" />
</q-tab-panel>
</q-tab-panels>
</q-card>
<Form :on-submit="onSubmit" :data="data" />
<!-- <Form :on-submit="onSubmit" :data="data" /> -->
</div>
</template>

26
src/modules/11_discipline/components/2_InvestigateFacts/Form.vue
View file

@ -132,6 +132,29 @@ function calEndDate(val: string) {
formData.dateEnd = new Date(dateNew.setDate(date.getDate() + Number(val)));
}
async function fetchDataDetail() {
if (props.data !== null) {
// isUpdate.value = true;
formData.complaint = props.data.complaint;
formData.complaintdetail = props.data.complaintdetail;
formData.detail = props.data.detail;
formData.fault = props.data.fault;
formData.other = props.data.other;
formData.evidenceFiles = props.data.evidenceFiles;
formData.fileComplaint = props.data.fileComplaint;
formData.clickTime = props.data.clickTime;
formData.date = props.data.date;
formData.dateEnd = props.data.dateEnd;
formData.investigation = props.data.investigation;
formData.daysExtend = props.data.daysExtend;
formData.statusResult = props.data.results;
formData.causeText = props.data.results;
}
}
onMounted(async () => {
await fetchDataDetail();
});
/**
* เช็คข้อมูลจาก props
* เมื่อมีข้อมูล
@ -293,7 +316,6 @@ watch(props.data, async () => {
<div class="q-pa-sm">
<div class="q-col-gutter-sm row">
<div class="col-3" v-if="!formData.clickTime">
<datepicker
menu-class-name="modalfix"
:readonly="isUpdate"
@ -372,7 +394,7 @@ watch(props.data, async () => {
</template>
</q-select>
</div>
<div class="col-3">
<datepicker
menu-class-name="modalfix"