no message
This commit is contained in:
STW_TTTY\stwtt
parent
7aa9782b7a
commit
bfee8e9cdd
11 changed files with 164 additions and 39 deletions
|
|
@ -19,7 +19,7 @@ const { showLoader, messageError, hideLoader, dialogConfirm, success } = mixin;
|
|||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
const id = ref<string>(route.params.id as string);
|
||||
|
||||
const checkRoutePermission = ref<boolean>(route.name == 'appealComplainDetail')
|
||||
const historyStatusOb = reactive<HistoryStatusType>({
|
||||
status: "",
|
||||
createdFullName: "",
|
||||
|
|
@ -134,7 +134,7 @@ onMounted(() => {
|
|||
class="q-mr-sm"
|
||||
@click="router.push('/discipline-appealcomplain')"
|
||||
/>
|
||||
แก้ไขการอุทธรณ์/ร้องทุกข์
|
||||
{{ checkRoutePermission ? `รายละเอียด`:`แก้ไข` }}การอุทธรณ์/ร้องทุกข์
|
||||
</div>
|
||||
|
||||
<Form :on-submit="onSubmit" :data="data" :get-data="getData" />
|
||||
|
|
|
|||
|
|
@ -17,10 +17,12 @@ import type {
|
|||
MyObjectAppealRef,
|
||||
HistoryStatusType,
|
||||
} from "@/modules/11_discipline/interface/response/appealComplain";
|
||||
import { checkPermission } from "@/utils/permissions";
|
||||
const isReadonly = ref<boolean>(false); // อ่านได้อย่างเดียว
|
||||
const mainStore = useDisciplineMainStore();
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
const checkRoutePermission = ref<boolean>(route.name == "appealComplainDetail");
|
||||
/** รับ props มาจากหน้าหลัก */
|
||||
const props = defineProps({
|
||||
data: {
|
||||
|
|
@ -378,6 +380,7 @@ onMounted(() => {
|
|||
<div class="row q-gutter-x-sm">
|
||||
<div class="col-3">
|
||||
<q-select
|
||||
:readonly="checkRoutePermission"
|
||||
ref="typeRef"
|
||||
:class="inputEdit(isReadonly)"
|
||||
v-model="formData.type"
|
||||
|
|
@ -405,6 +408,7 @@ onMounted(() => {
|
|||
</div>
|
||||
<div class="col-3" v-if="isReadonly">
|
||||
<q-select
|
||||
:readonly="checkRoutePermission"
|
||||
ref="statusRef"
|
||||
v-model="formData.status"
|
||||
:class="inputEdit(isReadonly)"
|
||||
|
|
@ -528,6 +532,7 @@ onMounted(() => {
|
|||
<div class="row col-12">
|
||||
<div class="col-12" id="title">
|
||||
<q-input
|
||||
:readonly="checkRoutePermission"
|
||||
ref="titleRef"
|
||||
dense
|
||||
:class="inputEdit(isReadonly)"
|
||||
|
|
@ -545,6 +550,7 @@ onMounted(() => {
|
|||
|
||||
<div class="col-xs-12 col-sm-12" id="detail">
|
||||
<q-input
|
||||
:readonly="checkRoutePermission"
|
||||
ref="descriptionRef"
|
||||
dense
|
||||
:class="inputEdit(isReadonly)"
|
||||
|
|
@ -563,6 +569,7 @@ onMounted(() => {
|
|||
<div class="row q-gutter-x-sm">
|
||||
<div class="col-3">
|
||||
<datepicker
|
||||
:readonly="checkRoutePermission"
|
||||
menu-class-name="modalfix"
|
||||
v-model="formData.year"
|
||||
class="col-2"
|
||||
|
|
@ -578,6 +585,7 @@ onMounted(() => {
|
|||
<template #trigger>
|
||||
<q-input
|
||||
dense
|
||||
:readonly="checkRoutePermission"
|
||||
:class="inputEdit(isReadonly)"
|
||||
outlined
|
||||
:model-value="Number(formData.year) + 543"
|
||||
|
|
@ -599,6 +607,7 @@ onMounted(() => {
|
|||
<div class="col-3">
|
||||
<q-input
|
||||
ref="caseTypeRef"
|
||||
:readonly="checkRoutePermission"
|
||||
:class="inputEdit(isReadonly)"
|
||||
v-model="formData.caseType"
|
||||
dense
|
||||
|
|
@ -612,6 +621,7 @@ onMounted(() => {
|
|||
<div class="col-3">
|
||||
<q-input
|
||||
ref="caseNumberRef"
|
||||
:readonly="checkRoutePermission"
|
||||
:class="inputEdit(isReadonly)"
|
||||
v-model="formData.caseNumber"
|
||||
dense
|
||||
|
|
@ -642,6 +652,7 @@ onMounted(() => {
|
|||
<div class="col-12 row">
|
||||
<q-file
|
||||
for="inputFiles"
|
||||
:readonly="checkRoutePermission"
|
||||
class="col-12"
|
||||
outlined
|
||||
dense
|
||||
|
|
@ -696,6 +707,7 @@ onMounted(() => {
|
|||
><q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn
|
||||
>
|
||||
<q-btn
|
||||
v-if="!checkRoutePermission"
|
||||
size="12px"
|
||||
flat
|
||||
round
|
||||
|
|
@ -715,8 +727,8 @@ onMounted(() => {
|
|||
</div>
|
||||
</q-card>
|
||||
</div>
|
||||
<div class="col-12"><q-separator /></div>
|
||||
<div class="row col-12 q-pa-sm">
|
||||
<div class="col-12" v-if="!checkRoutePermission"><q-separator /></div>
|
||||
<div v-if="!checkRoutePermission" class="row col-12 q-pa-sm">
|
||||
<q-space />
|
||||
<q-btn id="onSubmit" type="submit" label="บันทึก" color="secondary"
|
||||
><q-tooltip>บันทึกข้อมูล</q-tooltip></q-btn
|
||||
|
|
|
|||
|
|
@ -14,6 +14,8 @@ import DialogStatus from "@/modules/11_discipline/components/8_AppealComplain/di
|
|||
import config from "@/app.config";
|
||||
import http from "@/plugins/http";
|
||||
|
||||
import { checkPermission } from "@/utils/permissions";
|
||||
|
||||
const $q = useQuasar();
|
||||
const mixin = useCounterMixin();
|
||||
|
||||
|
|
@ -201,6 +203,12 @@ watch(
|
|||
}
|
||||
);
|
||||
|
||||
/** ไปยังหน้าเพิ่มข้อมูล */
|
||||
function redirectToPageDetail(id: string) {
|
||||
dataStore.rowsAdd = [];
|
||||
router.push(`/discipline-appealcomplain-detail/${id}`);
|
||||
}
|
||||
|
||||
/** ไปยังหน้าเพิ่มข้อมูล */
|
||||
function redirectToPageadd() {
|
||||
dataStore.rowsAdd = [];
|
||||
|
|
@ -307,6 +315,7 @@ onMounted(async () => {
|
|||
<div class="row q-mb-sm q-col-gutter-sm">
|
||||
<div>
|
||||
<q-btn
|
||||
v-if="checkPermission($route)?.attrIsCreate"
|
||||
id="addComplaints"
|
||||
for="addComplaints"
|
||||
size="12px"
|
||||
|
|
@ -424,7 +433,7 @@ onMounted(async () => {
|
|||
<q-icon
|
||||
name="cancel"
|
||||
@click.stop.prevent="
|
||||
(optionType = type),((formData.type = 'ALL')), dataUpdate()
|
||||
(optionType = type), (formData.type = 'ALL'), dataUpdate()
|
||||
"
|
||||
class="cursor-pointer"
|
||||
/>
|
||||
|
|
@ -506,6 +515,13 @@ onMounted(async () => {
|
|||
</template>
|
||||
<template v-slot:header="props">
|
||||
<q-tr :props="props">
|
||||
<q-th
|
||||
auto-width
|
||||
v-if="
|
||||
checkPermission($route)?.attrIsGet !== false ||
|
||||
checkPermission($route)?.attrIsUpdate !== false
|
||||
"
|
||||
></q-th>
|
||||
<q-th
|
||||
v-for="col in props.cols"
|
||||
:key="col.name"
|
||||
|
|
@ -519,11 +535,38 @@ onMounted(async () => {
|
|||
<template v-slot:body="props">
|
||||
<q-tr :props="props" class="cursor-pointer">
|
||||
<q-td
|
||||
v-for="col in props.cols"
|
||||
:key="col.name"
|
||||
:props="props"
|
||||
@click="editPage(props.row.id)"
|
||||
auto-width
|
||||
v-if="
|
||||
checkPermission($route)?.attrIsGet !== false ||
|
||||
checkPermission($route)?.attrIsUpdate !== false
|
||||
"
|
||||
>
|
||||
<q-btn
|
||||
v-if="checkPermission($route)?.attrIsGet"
|
||||
id="addComplaints"
|
||||
for="addComplaints"
|
||||
size="12px"
|
||||
flat
|
||||
round
|
||||
color="info"
|
||||
icon="mdi-eye"
|
||||
@click="redirectToPageDetail(props.row.id)"
|
||||
><q-tooltip>รายละเอียดการอุทธรณ์/ร้องทุกข์</q-tooltip></q-btn
|
||||
>
|
||||
<q-btn
|
||||
v-if="checkPermission($route)?.attrIsUpdate"
|
||||
id="addComplaints"
|
||||
for="addComplaints"
|
||||
size="12px"
|
||||
flat
|
||||
round
|
||||
color="edit"
|
||||
icon="edit"
|
||||
@click="editPage(props.row.id)"
|
||||
><q-tooltip>แก้ไขการอุทธรณ์/ร้องทุกข์</q-tooltip></q-btn
|
||||
>
|
||||
</q-td>
|
||||
<q-td v-for="col in props.cols" :key="col.name" :props="props">
|
||||
<div v-if="col.name == 'no'">
|
||||
{{
|
||||
(currentPage - 1) * Number(pagination.rowsPerPage) +
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue