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

ลบ tab คำชี้แจง

Browse source
This commit is contained in:
Kittapath 2023-03-21 12:06:30 +07:00
parent 302354b3de
commit cc6a672000
13 changed files with 205 additions and 218 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/DialogFooter.vue
View file

@ -19,7 +19,7 @@
:color="!next ? 'grey-7' : 'public'"
/>
<q-space />
<div v-if="editBtn">
<div v-if="editData">
<q-btn
v-if="!editvisible"
flat
@ -66,7 +66,7 @@ const props = defineProps({
next: Boolean,
previous: Boolean,
modalEdit: Boolean,
editBtn: {
editData: {
type: Boolean,
default: true
},

41
src/components/NotifyError.vue
View file

@ -1,9 +1,5 @@
<template>
<q-dialog
:model-value="modalError"
persistent
@update:model-value="updateClose"
>
<q-dialog :model-value="modalError" persistent @update:model-value="updateClose">
<q-card class="q-pa-sm">
<q-card-section class="row items-center">
<div class="q-pr-md">
@ -16,25 +12,20 @@
/>
</div>
<div class="col text-dark">
<span class="text-bold">{{ modalErrorTittle }}</span>
<span class="text-bold text-red">{{ modalErrorTittle }}</span>
<br />
<span>{{ modalErrorDetail }}</span>
</div>
</q-card-section>
<q-card-actions align="right" class="bg-white text-teal">
<q-btn
label="ตกลง"
color="primary"
@click="updateClose"
v-close-popup
/>
<q-btn label="ตกลง" color="primary" @click="updateClose" v-close-popup />
</q-card-actions>
</q-card>
</q-dialog>
</template>
<script setup lang="ts">
import { ref, useAttrs } from "vue";
import { ref, useAttrs } from 'vue'
const props = defineProps({
modalError: Boolean,
@ -42,22 +33,22 @@ const props = defineProps({
modalErrorDetail: String,
close: {
type: Function,
default: () => console.log("not function"),
},
});
default: () => console.log('not function')
}
})
const emit = defineEmits([
"update:modalError",
"update:modalErrorTittle",
"update:modalErrorDetail",
]);
'update:modalError',
'update:modalErrorTittle',
'update:modalErrorDetail'
])
const updateClose = () => {
emit("update:modalError", false);
emit("update:modalErrorTittle", "");
emit("update:modalErrorDetail", "");
props.close();
};
emit('update:modalError', false)
emit('update:modalErrorTittle', '')
emit('update:modalErrorDetail', '')
props.close()
}
</script>
<style lang="scss">
.icon-color {

8
src/components/Table.vue
View file

@ -8,8 +8,9 @@
:add="clickAdd"
:editBtn="clickEdit"
:cancel="clickCancel"
:history="false"
:addData="false"
:editOnly="false"
:editData="editData"
/>
<!-- v-if="nameHeader" -->
<!-- <div class="q-pl-sm">
@ -126,6 +127,11 @@ const props = defineProps({
validate: {
type: Function,
default: () => console.log('not function')
},
editData: {
type: Boolean,
defualt: true,
required: true
}
})

165
src/components/top.vue
View file

@ -6,81 +6,79 @@
{{ header }}
</div>
</div>
<div class="q-gutter-sm q-mx-sm" v-if="addData == true">
<q-btn
size="12px"
v-if="!edit"
flat
round
:disabled="edit"
:color="edit ? 'grey-7' : 'primary'"
@click="ClickEdit"
icon="mdi-pencil-outline"
>
<q-tooltip>แก้ไขข้อมูล</q-tooltip>
</q-btn>
<q-btn
size="12px"
flat
round
v-if="edit"
:disabled="!edit"
:color="!edit ? 'grey-7' : 'public'"
@click="save"
icon="mdi-content-save-outline"
>
<q-tooltip>บันทึกข้อมูล</q-tooltip>
</q-btn>
<q-btn
size="12px"
flat
round
v-if="edit"
:disabled="!edit"
:color="!edit ? 'grey-7' : 'red'"
@click="ClickCancel"
icon="mdi-undo"
>
<q-tooltip>ยกเลิก</q-tooltip>
</q-btn>
</div>
<div class="q-pl-sm" v-else>
<q-btn
size="12px"
v-if="!edit"
flat
round
:disabled="edit"
:color="edit ? 'grey-7' : 'primary'"
@click="ClickEdit"
icon="mdi-pencil-outline"
>
<q-tooltip>แก้ไขข้อมูล</q-tooltip>
</q-btn>
<q-btn
size="12px"
flat
round
v-if="edit"
:disabled="!edit"
:color="!edit ? 'grey-7' : 'add'"
@click="add"
icon="mdi-plus"
>
<q-tooltip>เพิ่มข้อมูล</q-tooltip>
</q-btn>
<q-btn
size="12px"
flat
round
v-if="edit"
:disabled="!edit"
:color="!edit ? 'grey-7' : 'red'"
@click="ClickCancel"
icon="mdi-undo"
>
<q-tooltip>ยกเลิก</q-tooltip>
</q-btn>
<div v-if="editData == true">
<div class="q-gutter-sm q-mx-sm" v-if="addData == true">
<q-btn
size="12px"
v-if="!edit"
flat
round
:disabled="disable"
:color="edit ? 'grey-7' : 'primary'"
@click="ClickEdit"
icon="mdi-pencil-outline"
>
<q-tooltip>แก้ไขข้อมูล</q-tooltip>
</q-btn>
<q-btn
size="12px"
flat
round
v-if="edit && !editOnly"
:color="!edit ? 'grey-7' : 'public'"
@click="save"
icon="mdi-content-save-outline"
>
<q-tooltip>บันทึกข้อมูล</q-tooltip>
</q-btn>
<q-btn
size="12px"
flat
round
v-if="edit"
:color="!edit ? 'grey-7' : 'red'"
@click="ClickCancel"
icon="mdi-undo"
>
<q-tooltip>ยกเลิก</q-tooltip>
</q-btn>
</div>
<div class="q-pl-sm" v-else>
<q-btn
size="12px"
v-if="!edit"
flat
round
:disabled="disable"
:color="edit ? 'grey-7' : 'primary'"
@click="ClickEdit"
icon="mdi-pencil-outline"
>
<q-tooltip>แก้ไขข้อมูล</q-tooltip>
</q-btn>
<q-btn
size="12px"
flat
round
v-if="edit && !editOnly"
:color="!edit ? 'grey-7' : 'add'"
@click="add"
icon="mdi-plus"
>
<q-tooltip>เพิ่มข้อมูล</q-tooltip>
</q-btn>
<q-btn
size="12px"
flat
round
v-if="edit"
:color="!edit ? 'grey-7' : 'red'"
@click="ClickCancel"
icon="mdi-undo"
>
<q-tooltip>ยกเลิก</q-tooltip>
</q-btn>
</div>
</div>
<q-space />
</div>
@ -104,7 +102,22 @@ const props = defineProps({
},
addData: {
type: Boolean,
defualt: true
defualt: true,
required: true
},
editData: {
type: Boolean,
defualt: true,
required: true
},
editOnly: {
type: Boolean,
defualt: false,
required: true
},
disable: {
type: Boolean,
defualt: false
},
add: {
type: Function,