วินัย ข้อมูลพื้นฐาน สิทธิ์
This commit is contained in:
STW_TTTY\stwtt
parent
c3a32359de
commit
1dcefbd40a
6 changed files with 446 additions and 251 deletions
|
|
@ -1,72 +0,0 @@
|
|||
<script setup lang="ts">
|
||||
import { ref, onMounted } from "vue";
|
||||
import { useQuasar } from "quasar";
|
||||
import { useRouter, useRoute } from "vue-router";
|
||||
import { useCounterMixin } from "@/stores/mixin";
|
||||
import http from "@/plugins/http";
|
||||
import config from "@/app.config";
|
||||
import Form from '@/modules/11_discipline/components/6_BasicInformation/Channel/Form.vue'
|
||||
|
||||
/**
|
||||
* รวมตัวแปร
|
||||
*/
|
||||
const $q = useQuasar()
|
||||
const mixin = useCounterMixin();
|
||||
const {
|
||||
messageError,
|
||||
showLoader,
|
||||
dialogConfirm,
|
||||
success,
|
||||
} = mixin;
|
||||
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
const edit = ref<boolean>(false);
|
||||
|
||||
/* บันทึกข้อมูล**/
|
||||
function onSubmit(channelReturn:string){
|
||||
dialogConfirm($q,()=>saveData(channelReturn))
|
||||
}
|
||||
|
||||
function saveData(channelReturn:string){
|
||||
showLoader()
|
||||
http
|
||||
.post(config.API.complaintChannel(),{
|
||||
name:channelReturn
|
||||
})
|
||||
.then((res) => {
|
||||
success($q, "บันทึกข้อมูลสำเร็จ");
|
||||
})
|
||||
.catch((e) => {
|
||||
messageError($q, e);
|
||||
})
|
||||
.finally(async () => {
|
||||
router.push(`/discipline/channel`);
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* ย้อนกลับหน้ารายการ
|
||||
*/
|
||||
function clickBack(){
|
||||
router.push(`/discipline/channel`);
|
||||
};
|
||||
</script>
|
||||
<template>
|
||||
<div class="col-xs-12 col-sm-12 col-md-11">
|
||||
<div class="toptitle col-12 row items-center">
|
||||
<q-btn
|
||||
icon="mdi-arrow-left"
|
||||
unelevated
|
||||
round
|
||||
dense
|
||||
flat
|
||||
color="primary"
|
||||
class="q-mr-sm"
|
||||
@click="clickBack"
|
||||
/>
|
||||
{{ edit ? "ช่องทางการร้องเรียน" : "เพิ่มช่องทางการร้องเรียน" }}
|
||||
</div>
|
||||
<Form :on-submit="onSubmit" />
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -1,64 +0,0 @@
|
|||
<script setup lang="ts">
|
||||
import { ref } from "vue";
|
||||
import Form from "@/modules/11_discipline/components/6_BasicInformation/Channel/Form.vue";
|
||||
import { useCounterMixin } from "@/stores/mixin";
|
||||
import { useQuasar } from "quasar";
|
||||
import { useRoute } from "vue-router";
|
||||
import router from "@/router";
|
||||
import http from "@/plugins/http";
|
||||
import config from "@/app.config";
|
||||
|
||||
const route = useRoute();
|
||||
const typeId = ref<string>(route.params.id.toString());
|
||||
const $q = useQuasar();
|
||||
const mixin = useCounterMixin();
|
||||
const { messageError, showLoader, dialogConfirm, success } = mixin;
|
||||
|
||||
/**
|
||||
* บันทึกข้อมูลที่เเก้ไข
|
||||
* @param id ระบุ บุคคล
|
||||
*/
|
||||
function onSubmit(type:string) {
|
||||
dialogConfirm($q, () => putData(type));
|
||||
}
|
||||
|
||||
/**
|
||||
* อัปเดตข้อมูล
|
||||
* @param type ช่องทางการร้องเรียน
|
||||
*/
|
||||
function putData(type: string) {
|
||||
showLoader();
|
||||
http
|
||||
.put(config.API.complaintChannelbyId(typeId.value), {
|
||||
name:type
|
||||
})
|
||||
.then((res) => {
|
||||
success($q, "บันทึกข้อมูลสำเร็จ");
|
||||
})
|
||||
.catch((e) => {
|
||||
messageError($q, e);
|
||||
})
|
||||
.finally(async () => {
|
||||
router.push(`/discipline/channel`);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
<template>
|
||||
<div class="col-xs-12 col-sm-12 col-md-11">
|
||||
<div class="toptitle col-12 row items-center">
|
||||
<q-btn
|
||||
icon="mdi-arrow-left"
|
||||
unelevated
|
||||
round
|
||||
dense
|
||||
flat
|
||||
color="primary"
|
||||
class="q-mr-sm"
|
||||
@click="router.push(`/discipline/channel`)"
|
||||
/>
|
||||
แก้ไขช่องทางการร้องเรียน
|
||||
</div>
|
||||
|
||||
<Form :on-submit="onSubmit"/>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -1,85 +0,0 @@
|
|||
<script setup lang="ts">
|
||||
import { ref, watch } from "vue";
|
||||
import { useDisciplineChannelDataStore } from "@/modules/11_discipline/store/ChannelStore";
|
||||
|
||||
const dataStore = useDisciplineChannelDataStore();
|
||||
const channel = ref<string>(dataStore.type);
|
||||
const channelRef = ref<any>();
|
||||
const isReadonly = ref<boolean>(false); // อ่านได้อย่างเดียว
|
||||
/**
|
||||
* รับ props มาจาก page หลัก
|
||||
*/
|
||||
const props = defineProps({
|
||||
data: {
|
||||
type: Object,
|
||||
default: null,
|
||||
},
|
||||
onSubmit: {
|
||||
type: Function,
|
||||
default: () => "",
|
||||
},
|
||||
});
|
||||
|
||||
/**
|
||||
* เช็คข้อมูลจาก props
|
||||
* เมื่อมีข้อมูล
|
||||
* เก็บข้อมูลลง formData
|
||||
*/
|
||||
|
||||
/** ฟังชั่นตรวจสอบความถูกต้องก่อน บันทึก */
|
||||
function save() {
|
||||
channelRef.value.validate().then(async (result: boolean) => {
|
||||
if (result) {
|
||||
if (channel.value) {
|
||||
props.onSubmit(channel.value);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function inputEdit(val: boolean) {
|
||||
return {
|
||||
"full-width cursor-pointer ": val,
|
||||
"full-width cursor-pointer inputgreen": !val,
|
||||
};
|
||||
}
|
||||
</script>
|
||||
<template>
|
||||
<q-form ref="channelRef">
|
||||
<div class="col-12">
|
||||
<q-card bordered>
|
||||
<div class="col-12 row q-col-gutter-md q-pa-md">
|
||||
<div class="col-xs-12 col-sm-12 row">
|
||||
<q-separator />
|
||||
<div class="col-12 row q-pa-sm q-col-gutter-sm">
|
||||
<q-input
|
||||
:class="inputEdit(isReadonly)"
|
||||
dense
|
||||
outlined
|
||||
v-model="channel"
|
||||
for="channel"
|
||||
hide-bottom-space
|
||||
label="ชื่อช่องทาง"
|
||||
lazy-rules
|
||||
:rules="[(val:string) => !!val || `${'กรุณากรอกชื่อช่องทาง'}`]"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<q-separator />
|
||||
<div class="row col-12 q-pa-sm">
|
||||
<q-space />
|
||||
<q-btn
|
||||
for="ButtonOnSubmit"
|
||||
id="formSubmit"
|
||||
label="บันทึก"
|
||||
color="public"
|
||||
@click="save"
|
||||
>
|
||||
<q-tooltip>บันทึกข้อมูล</q-tooltip>
|
||||
</q-btn>
|
||||
</div>
|
||||
</q-card>
|
||||
</div>
|
||||
</q-form>
|
||||
</template>
|
||||
|
|
@ -9,6 +9,14 @@ import http from "@/plugins/http";
|
|||
import type { typeItem } from "@/modules/11_discipline/interface/response/channel";
|
||||
|
||||
import { checkPermission } from "@/utils/permissions";
|
||||
import Header from "@/components/DialogHeader.vue";
|
||||
|
||||
const modal = ref<boolean>(false);
|
||||
const isEdit = ref<boolean>(false);
|
||||
const isRead = ref<boolean>(false);
|
||||
const isId = ref<string>("");
|
||||
const channel = ref<string>("");
|
||||
|
||||
const dataStore = useDisciplineChannelDataStore();
|
||||
const mixin = useCounterMixin();
|
||||
const { dialogRemove, showLoader, messageError, hideLoader, success } = mixin;
|
||||
|
|
@ -39,9 +47,27 @@ const pagination = ref({
|
|||
/**
|
||||
* clickไปหน้าเพิ่มchanel
|
||||
*/
|
||||
function clickAdd() {
|
||||
dataStore.getType("");
|
||||
router.push(`/discipline/channel/add`);
|
||||
function clickAdd(check: boolean) {
|
||||
modal.value = true;
|
||||
isEdit.value = check;
|
||||
}
|
||||
/**
|
||||
* clickไปหน้าเพิ่มchanel
|
||||
*/
|
||||
function clickEdit(check: boolean, id: string, name: string) {
|
||||
modal.value = true;
|
||||
isEdit.value = check;
|
||||
isId.value = id;
|
||||
channel.value = name;
|
||||
}
|
||||
/**
|
||||
* clickไปหน้าเพิ่มchanel
|
||||
*/
|
||||
function clickRead(check: boolean, name: string) {
|
||||
modal.value = true;
|
||||
isEdit.value = check;
|
||||
isRead.value = true;
|
||||
channel.value = name;
|
||||
}
|
||||
|
||||
/** get data */
|
||||
|
|
@ -96,6 +122,42 @@ function editPage(data: typeItem) {
|
|||
dataStore.getType(data.name);
|
||||
router.push(`/discipline/channel/${data.id}`);
|
||||
}
|
||||
|
||||
function closeDialog() {
|
||||
modal.value = false;
|
||||
channel.value = "";
|
||||
isId.value = "";
|
||||
isRead.value = false;
|
||||
}
|
||||
|
||||
function inputEdit(val: boolean) {
|
||||
return {
|
||||
"full-width cursor-pointer ": val,
|
||||
"full-width cursor-pointer inputgreen": !val,
|
||||
};
|
||||
}
|
||||
|
||||
function onSubmit() {
|
||||
const url = isEdit.value
|
||||
? config.API.complaintChannelbyId(isId.value)
|
||||
: config.API.complaintChannel();
|
||||
showLoader();
|
||||
http[isEdit.value ? "put" : "post"](url, {
|
||||
name: channel.value,
|
||||
})
|
||||
.then((res) => {
|
||||
success($q, "บันทึกข้อมูลสำเร็จ");
|
||||
getComplaintChanal();
|
||||
closeDialog();
|
||||
})
|
||||
.catch((e) => {
|
||||
messageError($q, e);
|
||||
})
|
||||
.finally(() => {
|
||||
hideLoader();
|
||||
});
|
||||
}
|
||||
|
||||
/**เมื่อเริ่มโหลดหน้า เรียกใช้ฟังชั่น*/
|
||||
onMounted(() => {
|
||||
getComplaintChanal();
|
||||
|
|
@ -109,9 +171,9 @@ onMounted(() => {
|
|||
<div class="row col-12 q-col-gutter-sm q-mb-sm">
|
||||
<div>
|
||||
<q-btn
|
||||
v-if="checkPermission($route)?.attrIsCreate"
|
||||
@click="clickAdd()"
|
||||
size="12px"
|
||||
v-if="checkPermission($route)?.attrIsCreate"
|
||||
@click="clickAdd(false)"
|
||||
dense
|
||||
flat
|
||||
round
|
||||
color="add"
|
||||
|
|
@ -172,18 +234,43 @@ onMounted(() => {
|
|||
>
|
||||
<template v-slot:header="props">
|
||||
<q-tr :props="props">
|
||||
<q-th auto-width v-if="checkPermission($route)?.attrIsDelete"/>
|
||||
<q-th auto-width />
|
||||
<q-th v-for="col in props.cols" :key="col.name" :props="props">
|
||||
<span class="text-weight-medium">{{ col.label }}</span>
|
||||
</q-th>
|
||||
</q-tr>
|
||||
</template>
|
||||
<template v-slot:body="props">
|
||||
<q-tr :props="props" class="cursor-pointer">
|
||||
<q-td v-if="checkPermission($route)?.attrIsDelete">
|
||||
<q-tr :props="props">
|
||||
<q-td auto-width>
|
||||
<q-btn
|
||||
v-if="checkPermission($route)?.attrIsGet"
|
||||
dense
|
||||
flat
|
||||
round
|
||||
color="info"
|
||||
@click="clickRead(true, props.row.name)"
|
||||
icon="mdi-eye"
|
||||
>
|
||||
<q-tooltip>รายละเอียด</q-tooltip>
|
||||
</q-btn>
|
||||
<q-btn
|
||||
v-if="
|
||||
checkPermission($route)?.attrIsGet &&
|
||||
checkPermission($route)?.attrIsUpdate
|
||||
"
|
||||
dense
|
||||
flat
|
||||
round
|
||||
color="edit"
|
||||
@click="clickEdit(true, props.row.id, props.row.name)"
|
||||
icon="edit"
|
||||
>
|
||||
<q-tooltip>แก้ไขข้อมูล</q-tooltip>
|
||||
</q-btn>
|
||||
<q-btn
|
||||
v-if="checkPermission($route)?.attrIsDelete"
|
||||
dense
|
||||
size="12px"
|
||||
flat
|
||||
round
|
||||
color="red"
|
||||
|
|
@ -197,7 +284,6 @@ onMounted(() => {
|
|||
v-for="col in props.cols"
|
||||
:key="col.name"
|
||||
:props="props"
|
||||
@click="checkPermission($route)?.attrIsUpdate ? editPage(props.row):''"
|
||||
>
|
||||
<div v-if="col.name === 'no'">
|
||||
{{ props.rowIndex + 1 }}
|
||||
|
|
@ -206,12 +292,51 @@ onMounted(() => {
|
|||
{{ col.value ?? "-" }}
|
||||
</div>
|
||||
</q-td>
|
||||
|
||||
</q-tr>
|
||||
</template>
|
||||
</d-table>
|
||||
</div>
|
||||
</q-card>
|
||||
|
||||
<q-dialog v-model="modal" persistent>
|
||||
<q-card class="col-12" style="width: 50%">
|
||||
<q-form greedy @submit.prevent @validation-success="onSubmit">
|
||||
<Header
|
||||
:tittle="
|
||||
isRead
|
||||
? 'รายละเอียดช่องทางการร้องเรียน'
|
||||
: isEdit
|
||||
? 'แก้ไขช่องทางการร้องเรียน'
|
||||
: 'เพิ่มช่องทางการร้องเรียน'
|
||||
"
|
||||
:close="closeDialog"
|
||||
/>
|
||||
<q-separator />
|
||||
|
||||
<q-card-section>
|
||||
<q-input
|
||||
:class="inputEdit(false)"
|
||||
dense
|
||||
outlined
|
||||
:readonly="isRead"
|
||||
v-model="channel"
|
||||
for="channel"
|
||||
hide-bottom-space
|
||||
label="ชื่อช่องทาง"
|
||||
lazy-rules
|
||||
:rules="[(val:string) => !!val || `${'กรุณากรอกชื่อช่องทาง'}`]"
|
||||
/>
|
||||
</q-card-section>
|
||||
<q-separator v-if="!isRead" />
|
||||
|
||||
<q-card-actions align="right" v-if="!isRead">
|
||||
<q-btn label="บันทึก" color="secondary" type="submit"
|
||||
><q-tooltip>บันทึกข้อมูล</q-tooltip></q-btn
|
||||
>
|
||||
</q-card-actions>
|
||||
</q-form>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scope>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue