no message
This commit is contained in:
parent
5d0305ca77
commit
abc8ce0eae
1 changed files with 44 additions and 32 deletions
|
|
@ -33,6 +33,8 @@ const date_finish = ref<Date>(new Date());
|
||||||
const status = ref<boolean>(true);
|
const status = ref<boolean>(true);
|
||||||
const round = ref<any>();
|
const round = ref<any>();
|
||||||
|
|
||||||
|
const checkArray = ref<number>(0);
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
tab: String,
|
tab: String,
|
||||||
});
|
});
|
||||||
|
|
@ -49,7 +51,7 @@ const fecthFormdata = async (id: string) => {
|
||||||
await http
|
await http
|
||||||
.get(config.API.formevaluateRecord(id))
|
.get(config.API.formevaluateRecord(id))
|
||||||
.then((res: any) => {
|
.then((res: any) => {
|
||||||
// console.log(res);
|
console.log(res);
|
||||||
evaluate_no.value = res.data.data.evaluate_no;
|
evaluate_no.value = res.data.data.evaluate_no;
|
||||||
start_date.value = res.data.data.start_date;
|
start_date.value = res.data.data.start_date;
|
||||||
date_finish.value = res.data.data.end_date;
|
date_finish.value = res.data.data.end_date;
|
||||||
|
|
@ -58,6 +60,15 @@ const fecthFormdata = async (id: string) => {
|
||||||
assign.value = res.data.data.assign;
|
assign.value = res.data.data.assign;
|
||||||
option.value.push(res.data.data.director);
|
option.value.push(res.data.data.director);
|
||||||
Autherise.value = res.data.data.director.name;
|
Autherise.value = res.data.data.director.name;
|
||||||
|
list1_1.value = res.data.data.assign_output;
|
||||||
|
evaluate_expenct_level.value = res.data.data.assign_output.map((e) => ({
|
||||||
|
id: e.id,
|
||||||
|
labal: e.output_desc,
|
||||||
|
}));
|
||||||
|
evaluate_ouptut.value = res.data.data.assign_output.map((e) => ({
|
||||||
|
id: e.id,
|
||||||
|
}));
|
||||||
|
checkArray.value = list1_1.value.length;
|
||||||
})
|
})
|
||||||
.catch((e: any) => {
|
.catch((e: any) => {
|
||||||
console.log(e);
|
console.log(e);
|
||||||
|
|
@ -68,7 +79,7 @@ const fecthFormRound = async (id: string, no: string) => {
|
||||||
await http
|
await http
|
||||||
.get(config.API.formevaluateround(id, no))
|
.get(config.API.formevaluateround(id, no))
|
||||||
.then((res: any) => {
|
.then((res: any) => {
|
||||||
console.log(res);
|
// console.log(res);
|
||||||
let data = res.data.data.evaluate;
|
let data = res.data.data.evaluate;
|
||||||
start_date.value = data.date_start;
|
start_date.value = data.date_start;
|
||||||
date_finish.value = data.date_finish;
|
date_finish.value = data.date_finish;
|
||||||
|
|
@ -123,13 +134,13 @@ const fecthFormRound = async (id: string, no: string) => {
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
const list1_1 = [
|
const list1_1 = ref<any>([]);
|
||||||
{ id: "1", label: "ผลผลิตของงานที่คาดหวัง 1" },
|
// { id: "1", label: "ผลผลิตของงานที่คาดหวัง 1" },
|
||||||
{ id: "2", label: "ผลผลิตของงานที่คาดหวัง 2" },
|
// { id: "2", label: "ผลผลิตของงานที่คาดหวัง 2" },
|
||||||
{ id: "3", label: "ผลผลิตของงานที่คาดหวัง 3" },
|
// { id: "3", label: "ผลผลิตของงานที่คาดหวัง 3" },
|
||||||
{ id: "4", label: "ผลผลิตของงานที่คาดหวัง 4" },
|
// { id: "4", label: "ผลผลิตของงานที่คาดหวัง 4" },
|
||||||
{ id: "5", label: "ผลผลิตของงานที่คาดหวัง 5" },
|
// { id: "5", label: "ผลผลิตของงานที่คาดหวัง 5" },
|
||||||
];
|
|
||||||
const list1_2 = [
|
const list1_2 = [
|
||||||
{ id: "1", label: "ผลผลิตของงานที่เกิดขึ้น 1" },
|
{ id: "1", label: "ผลผลิตของงานที่เกิดขึ้น 1" },
|
||||||
{ id: "2", label: "ผลผลิตของงานที่เกิดขึ้น 2" },
|
{ id: "2", label: "ผลผลิตของงานที่เกิดขึ้น 2" },
|
||||||
|
|
@ -190,18 +201,18 @@ const period = ref<number>(1);
|
||||||
|
|
||||||
// part 1
|
// part 1
|
||||||
const evaluate_expenct_level = ref<any>([
|
const evaluate_expenct_level = ref<any>([
|
||||||
{ id: "1", label: "ผลผลิตของงานที่คาดหวัง 1", level: 0 },
|
// { id: "1", label: "ผลผลิตของงานที่คาดหวัง 1", level: 0 },
|
||||||
{ id: "2", label: "ผลผลิตของงานที่คาดหวัง 2", level: 0 },
|
// { id: "2", label: "ผลผลิตของงานที่คาดหวัง 2", level: 0 },
|
||||||
{ id: "3", label: "ผลผลิตของงานที่คาดหวัง 3", level: 0 },
|
// { id: "3", label: "ผลผลิตของงานที่คาดหวัง 3", level: 0 },
|
||||||
{ id: "4", label: "ผลผลิตของงานที่คาดหวัง 4", level: 0 },
|
// { id: "4", label: "ผลผลิตของงานที่คาดหวัง 4", level: 0 },
|
||||||
{ id: "5", label: "ผลผลิตของงานที่คาดหวัง 5", level: 0 },
|
// { id: "5", label: "ผลผลิตของงานที่คาดหวัง 5", level: 0 },
|
||||||
]);
|
]);
|
||||||
const evaluate_ouptut = ref<any>([
|
const evaluate_ouptut = ref<any>([
|
||||||
{ level: 0, text: "" },
|
// { level: 0, text: "" },
|
||||||
{ level: 0, text: "" },
|
// { level: 0, text: "" },
|
||||||
{ level: 0, text: "" },
|
// { level: 0, text: "" },
|
||||||
{ level: 0, text: "" },
|
// { level: 0, text: "" },
|
||||||
{ level: 0, text: "" },
|
// { level: 0, text: "" },
|
||||||
]);
|
]);
|
||||||
const knowledge_level = ref<number>(0);
|
const knowledge_level = ref<number>(0);
|
||||||
const skill_level = ref<number>(0);
|
const skill_level = ref<number>(0);
|
||||||
|
|
@ -262,16 +273,16 @@ const savaForm = () => {
|
||||||
behavio_inproveRef.value.validate();
|
behavio_inproveRef.value.validate();
|
||||||
|
|
||||||
let hasError = false;
|
let hasError = false;
|
||||||
const filterlevel1_1 = evaluate_expenct_level.value.filter(
|
// const filterlevel1_1 = evaluate_expenct_level.value.filter(
|
||||||
(e: any) => e.level == 0
|
// (e: any) => e.level == 0
|
||||||
);
|
// );
|
||||||
const filter_ouptut1_2 = evaluate_ouptut.value.filter(
|
// const filter_ouptut1_2 = evaluate_ouptut.value.filter(
|
||||||
(e: any) => e.level == 0 || e.text == ""
|
// (e: any) => e.level == 0 || e.text == ""
|
||||||
);
|
// );
|
||||||
|
|
||||||
if (
|
if (
|
||||||
filterlevel1_1.length != 0 ||
|
// filterlevel1_1.length != 0 ||
|
||||||
filter_ouptut1_2.length != 0 ||
|
// filter_ouptut1_2.length != 0 ||
|
||||||
knowledge_level.value === 0 ||
|
knowledge_level.value === 0 ||
|
||||||
skill_level.value === 0 ||
|
skill_level.value === 0 ||
|
||||||
competency_level.value === 0 ||
|
competency_level.value === 0 ||
|
||||||
|
|
@ -430,7 +441,7 @@ const saveformdata = async (data: any) => {
|
||||||
<q-list dense v-for="(list, i) in list1_1" :key="i">
|
<q-list dense v-for="(list, i) in list1_1" :key="i">
|
||||||
<q-item dense tag="label" v-ripple>
|
<q-item dense tag="label" v-ripple>
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<q-item-label>{{ list.label }}</q-item-label>
|
<q-item-label>{{ list.output_desc }}</q-item-label>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
<q-item-section side>
|
<q-item-section side>
|
||||||
<q-rating
|
<q-rating
|
||||||
|
|
@ -478,7 +489,7 @@ const saveformdata = async (data: any) => {
|
||||||
class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
|
class="col-xs-12 col-sm-11 col-md-10 offset-md-1 q-pa-sm bg-grey-1"
|
||||||
>
|
>
|
||||||
<q-list dense v-for="(list, i) in list1_2" :key="i">
|
<q-list dense v-for="(list, i) in list1_2" :key="i">
|
||||||
<q-item dense tag="label" v-ripple>
|
<q-item dense tag="label" v-ripple v-if="i < checkArray">
|
||||||
<q-item-section>
|
<q-item-section>
|
||||||
<!-- <q-item-label>{{ list.label }}</q-item-label> -->
|
<!-- <q-item-label>{{ list.label }}</q-item-label> -->
|
||||||
<q-input
|
<q-input
|
||||||
|
|
@ -488,7 +499,7 @@ const saveformdata = async (data: any) => {
|
||||||
class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
|
class="col-xs-12 col-sm-11 col-md-10 offset-md-1"
|
||||||
lazy-rules
|
lazy-rules
|
||||||
type="textarea"
|
type="textarea"
|
||||||
label="ผลผลิตของงานที่เกิดขึ้นจริง"
|
:label="list.label"
|
||||||
hide-bottom-space
|
hide-bottom-space
|
||||||
:row="1"
|
:row="1"
|
||||||
:rules="evaluate_ouptutRules"
|
:rules="evaluate_ouptutRules"
|
||||||
|
|
@ -522,7 +533,7 @@ const saveformdata = async (data: any) => {
|
||||||
</q-rating>
|
</q-rating>
|
||||||
</q-item-section>
|
</q-item-section>
|
||||||
</q-item>
|
</q-item>
|
||||||
<q-separator class="q-my-xs" v-if="i + 1 < list1_2.length" />
|
<!-- <q-separator class="q-my-xs" v-if="i + 1 < list1_2.length" /> -->
|
||||||
</q-list>
|
</q-list>
|
||||||
</q-card>
|
</q-card>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1309,7 +1320,8 @@ const saveformdata = async (data: any) => {
|
||||||
</div>
|
</div>
|
||||||
<q-toolbar class="text-primary">
|
<q-toolbar class="text-primary">
|
||||||
<q-space />
|
<q-space />
|
||||||
<q-btn label="บันทึก" color="secondary" @click="savaForm" v-if="status" />
|
<q-btn label="บันทึก" color="secondary" @click="savaForm" />
|
||||||
|
<!-- v-if="status" -->
|
||||||
</q-toolbar>
|
</q-toolbar>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue