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

fix bug rules

Browse source
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-09-27 16:56:52 +07:00
parent 0c1ae8c74f
commit 751953b569
83 changed files with 422 additions and 422 deletions
Download patch file Download diff file Expand all files Collapse all files

116
src/modules/10_order/components/step/step01.vue
View file

@ -945,7 +945,7 @@ const getClass = (val: boolean) => {
:readonly="checkRoutePermisson"
dense
v-model="nameOrder"
:rules="[(val) => !!val || `${'กรุณากรอกคำสั่งเรื่อง'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกคำสั่งเรื่อง'}`]"
:label="`${'คำสั่งเรื่อง'}`"
hide-bottom-space
/>
@ -983,7 +983,7 @@ const getClass = (val: boolean) => {
:class="getClass(true)"
:readonly="checkRoutePermisson"
:model-value="dateYear !== null ? dateYear + 543 : null"
:rules="[(val) => !!val || `${'กรุณากรอก พ.ศ.'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอก พ.ศ.'}`]"
:label="`${'พ.ศ.'}`"
dense
hide-bottom-space
@ -1023,7 +1023,7 @@ const getClass = (val: boolean) => {
dateCommand != null ? date2Thai(dateCommand) : null
"
:label="`${'วันที่คำสั่งมีผล'}`"
:rules="[(val) => !!val || `${'กรุณาเลือกวันที่คำสั่งมีผล'}`]"
:rules="[(val:string) => !!val || `${'กรุณาเลือกวันที่คำสั่งมีผล'}`]"
>
<template v-slot:prepend>
<q-icon
@ -1118,7 +1118,7 @@ const getClass = (val: boolean) => {
:readonly="checkRoutePermisson"
v-model="positionCommand"
:rules="[
(val) => !!val || `${'กรุณากรอกตำแหน่งผู้มีอำนาจลงนาม'}`,
(val:string) => !!val || `${'กรุณากรอกตำแหน่งผู้มีอำนาจลงนาม'}`,
]"
:label="`${'ตำแหน่งผู้มีอำนาจลงนาม'}`"
hide-bottom-space
@ -1134,7 +1134,7 @@ const getClass = (val: boolean) => {
dense
:readonly="checkRoutePermisson"
v-model="nameCommand"
:rules="[(val) => !!val || `${'กรุณากรอกผู้มีอำนาจลงนาม'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกผู้มีอำนาจลงนาม'}`]"
:label="`${'ผู้มีอำนาจลงนาม'}`"
hide-bottom-space
/>
@ -1150,7 +1150,7 @@ const getClass = (val: boolean) => {
:readonly="checkRoutePermisson"
v-model="positionCommand"
:rules="[
(val) => !!val || `${'กรุณากรอกตำแหน่งผู้มีอำนาจลงนาม'}`,
(val:string) => !!val || `${'กรุณากรอกตำแหน่งผู้มีอำนาจลงนาม'}`,
]"
:label="`${'ตำแหน่งผู้มีอำนาจลงนาม'}`"
hide-bottom-space
@ -1204,7 +1204,7 @@ const getClass = (val: boolean) => {
dense
v-model="conclusionRegisterNo"
:rules="[
(val) =>
(val:string) =>
!!val ||
`${'กรุณากรอกมติ กก. ครั้งที่ (เรื่อง รับสมัครสอบ ฯ)'}`,
]"
@ -1244,7 +1244,7 @@ const getClass = (val: boolean) => {
"
:label="`${'ลงวันที่ (เรื่อง รับสมัครสอบ ฯ)'}`"
:rules="[
(val) =>
(val:string) =>
!!val || `${'กรุณาเลือกลงวันที่ (เรื่อง รับสมัครสอบ ฯ)'}`,
]"
>
@ -1268,7 +1268,7 @@ const getClass = (val: boolean) => {
:readonly="checkRoutePermisson"
v-model="conclusionResultNo"
:rules="[
(val) =>
(val:string) =>
!!val || `${'กรุณากรอกมติ กก. ครั้งที่ (เรื่อง ผลการสอบฯ)'}`,
]"
:label="`${'มติ กก. ครั้งที่ (เรื่อง ผลการสอบ ฯ)'}`"
@ -1307,7 +1307,7 @@ const getClass = (val: boolean) => {
"
:label="`${'ลงวันที่ (เรื่อง ผลการสอบ ฯ)'}`"
:rules="[
(val) =>
(val:string) =>
!!val || `${'กรุณาเลือกลงวันที่ (เรื่อง ผลการสอบฯ)'}`,
]"
>
@ -1341,7 +1341,7 @@ const getClass = (val: boolean) => {
:readonly="checkRoutePermisson"
dense
v-model="meeting"
:rules="[(val) => !!val || `${'กรุณากรอกการประชุม ครั้งที่'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกการประชุม ครั้งที่'}`]"
:label="`${'การประชุม ครั้งที่'}`"
hide-bottom-space
/>
@ -1374,7 +1374,7 @@ const getClass = (val: boolean) => {
dateMeeting != null ? date2Thai(dateMeeting) : null
"
:label="`${'ลงวันที่ '}`"
:rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
:rules="[(val:string) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
>
<template v-slot:prepend>
<q-icon
@ -1403,7 +1403,7 @@ const getClass = (val: boolean) => {
:readonly="checkRoutePermisson"
v-model="conclusionReturnNo"
:rules="[
(val) =>
(val:string) =>
!!val ||
`${'กรุณากรอกมติ กก. ครั้งที่ (เรื่อง กลับเข้าราชการ)'}`,
]"
@ -1441,7 +1441,7 @@ const getClass = (val: boolean) => {
: null
"
:label="`${'ลงวันที่ '}`"
:rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
:rules="[(val:string) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
>
<template v-slot:prepend>
<q-icon
@ -1469,7 +1469,7 @@ const getClass = (val: boolean) => {
:readonly="checkRoutePermisson"
dense
v-model="organizations"
:rules="[(val) => !!val || `${'กรุณากกรอกหน่วยงาน'}`]"
:rules="[(val:string) => !!val || `${'กรุณากกรอกหน่วยงาน'}`]"
:label="`${'หน่วยงาน'}`"
hide-bottom-space
/>
@ -1481,7 +1481,7 @@ const getClass = (val: boolean) => {
dense
:readonly="checkRoutePermisson"
v-model="order"
:rules="[(val) => !!val || `${'กรุณาเลือกคำสั่งที่'}`]"
:rules="[(val:string) => !!val || `${'กรุณาเลือกคำสั่งที่'}`]"
:label="`${'คำสั่งที่'}`"
hide-bottom-space
/>
@ -1512,7 +1512,7 @@ const getClass = (val: boolean) => {
class="full-width datepicker"
:model-value="orderDate != null ? date2Thai(orderDate) : null"
:label="`${'ลงวันที่ '}`"
:rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
:rules="[(val:string) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
>
<template v-slot:prepend>
<q-icon
@ -1534,7 +1534,7 @@ const getClass = (val: boolean) => {
:readonly="checkRoutePermisson"
v-model="book"
:rules="[
(val) => !!val || `${'กรุณากกรอกหนังสือสำนักงาน ก.พ. ที่ นร'}`,
(val:string) => !!val || `${'กรุณากกรอกหนังสือสำนักงาน ก.พ. ที่ นร'}`,
]"
:label="`${'หนังสือสำนักงาน ก.พ. ที่ นร'}`"
hide-bottom-space
@ -1566,7 +1566,7 @@ const getClass = (val: boolean) => {
class="full-width datepicker"
:model-value="bookDate != null ? date2Thai(bookDate) : null"
:label="`${'ลงวันที่'}`"
:rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
:rules="[(val:string) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
>
<template v-slot:prepend>
<q-icon
@ -1594,7 +1594,7 @@ const getClass = (val: boolean) => {
dense
:readonly="checkRoutePermisson"
v-model="organizationsOld"
:rules="[(val) => !!val || `${'กรุณากรอกหน่วยงาน (ต้นทาง)'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกหน่วยงาน (ต้นทาง)'}`]"
:label="`${'ชื่อหน่วยงาน (ต้นทาง)'}`"
hide-bottom-space
/>
@ -1606,7 +1606,7 @@ const getClass = (val: boolean) => {
dense
:readonly="checkRoutePermisson"
v-model="orderOld"
:rules="[(val) => !!val || `${'กรุณาเลือกคำสั่งที่ (ต้นทาง)'}`]"
:rules="[(val:string) => !!val || `${'กรุณาเลือกคำสั่งที่ (ต้นทาง)'}`]"
:label="`${'คำสั่งที่ (ต้นทาง)'}`"
hide-bottom-space
/>
@ -1639,7 +1639,7 @@ const getClass = (val: boolean) => {
orderOldDate != null ? date2Thai(orderOldDate) : null
"
:label="`${'ลงวันที่ '}`"
:rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
:rules="[(val:string) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
>
<template v-slot:prepend>
<q-icon
@ -1660,7 +1660,7 @@ const getClass = (val: boolean) => {
dense
:readonly="checkRoutePermisson"
v-model="locationname"
:rules="[(val) => !!val || `${'กรุณากรอกให้ดำรงตำแหน่ง ณ'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกให้ดำรงตำแหน่ง ณ'}`]"
:label="`${'ให้ดำรงตำแหน่ง ณ'}`"
hide-bottom-space
/>
@ -1674,7 +1674,7 @@ const getClass = (val: boolean) => {
:readonly="checkRoutePermisson"
v-model="experimentOc"
:rules="[
(val) =>
(val:string) =>
!!val ||
`${'กรุณากรอกหน่วยงานที่ให้ทดลองปฏิบัติหน้าที่ราชการ'}`,
]"
@ -1715,7 +1715,7 @@ const getClass = (val: boolean) => {
"
:label="`${'ทดลองปฏิบัติหน้าที่ราชการตั้งแต่วันที่ '}`"
:rules="[
(val) =>
(val:string) =>
!!val ||
`${'กรุณาเลือกลงวันที่ทดลองปฏิบัติหน้าที่ราชการตั้งแต่วันที่ '}`,
]"
@ -1764,7 +1764,7 @@ const getClass = (val: boolean) => {
"
:label="`${'ทดลองปฏิบัติหน้าที่ราชการถึงวันที่ '}`"
:rules="[
(val) =>
(val:string) =>
!!val ||
`${'กรุณาเลือกลงวันที่ทดลองปฏิบัติหน้าที่ราชการถึงวันที่ '}`,
]"
@ -1790,7 +1790,7 @@ const getClass = (val: boolean) => {
dense
:readonly="checkRoutePermisson"
v-model="chairman"
:rules="[(val) => !!val || `${'กรุณากรอกชื่อประธาน'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกชื่อประธาน'}`]"
:label="`${'ประธาน'}`"
hide-bottom-space
@click="openDialog('chairman')"
@ -1803,7 +1803,7 @@ const getClass = (val: boolean) => {
dense
:readonly="checkRoutePermisson"
v-model="director"
:rules="[(val) => !!val || `${'กรุณากรอกชื่อกรรมการ'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกชื่อกรรมการ'}`]"
:label="`${'กรรมการ'}`"
hide-bottom-space
@click="openDialog('director')"
@ -1816,7 +1816,7 @@ const getClass = (val: boolean) => {
dense
:readonly="checkRoutePermisson"
v-model="director2"
:rules="[(val) => !!val || `${'กรุณากรอกชื่อกรรมการ'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกชื่อกรรมการ'}`]"
:label="`${'กรรมการ'}`"
hide-bottom-space
@click="openDialog('director2')"
@ -1841,7 +1841,7 @@ const getClass = (val: boolean) => {
:readonly="checkRoutePermisson"
v-model="committeeOc"
:rules="[
(val) => !!val || `${'กรุณาเลือกชื่อหน่วยงาน (อนุสนธิคำสั่ง)'}`,
(val:string) => !!val || `${'กรุณาเลือกชื่อหน่วยงาน (อนุสนธิคำสั่ง)'}`,
]"
:label="`${'ชื่อหน่วยงาน (อนุสนธิคำสั่ง)'}`"
hide-bottom-space
@ -1854,7 +1854,7 @@ const getClass = (val: boolean) => {
dense
:readonly="checkRoutePermisson"
v-model="committeeOrder"
:rules="[(val) => !!val || `${'กรุณากรอกอนุสนธิคำสั่งที่'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกอนุสนธิคำสั่งที่'}`]"
:label="`${'อนุสนธิคำสั่งที่'}`"
hide-bottom-space
/>
@ -1887,7 +1887,7 @@ const getClass = (val: boolean) => {
committeeDate != null ? date2Thai(committeeDate) : null
"
:label="`${'ลงวันที่ '}`"
:rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
:rules="[(val:string) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
>
<template v-slot:prepend>
<q-icon
@ -1915,7 +1915,7 @@ const getClass = (val: boolean) => {
dense
:readonly="checkRoutePermisson"
v-model="receiveOc"
:rules="[(val) => !!val || `${'กรุณากรอกหน่วยงาน'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกหน่วยงาน'}`]"
:label="`${'ชื่อหน่วยงาน'}`"
hide-bottom-space
/>
@ -1934,7 +1934,7 @@ const getClass = (val: boolean) => {
dense
:readonly="checkRoutePermisson"
v-model="transferOrganizationName"
:rules="[(val) => !!val || `${'กรุณากรอกส่วนราชการที่ให้โอน'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกส่วนราชการที่ให้โอน'}`]"
:label="`${'ส่วนราชการที่ให้โอน'}`"
hide-bottom-space
/>
@ -1946,7 +1946,7 @@ const getClass = (val: boolean) => {
:readonly="checkRoutePermisson"
dense
v-model="conclusionReceive"
:rules="[(val) => !!val || `${'กรุณากรอกมติ กก. ครั้งที่'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกมติ กก. ครั้งที่'}`]"
:label="`${'มติ กก. ครั้งที่'}`"
hide-bottom-space
/>
@ -1981,7 +1981,7 @@ const getClass = (val: boolean) => {
: null
"
:label="`${'ลงวันที่ '}`"
:rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
:rules="[(val:string) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
>
<template v-slot:prepend>
<q-icon
@ -2010,7 +2010,7 @@ const getClass = (val: boolean) => {
dense
v-model="orderNumber"
:rules="[
(val) => !!val || `${'กรุณากรอกคำสั่งให้ช่วยราชการเลขที่'}`,
(val:string) => !!val || `${'กรุณากรอกคำสั่งให้ช่วยราชการเลขที่'}`,
]"
:label="`${'คำสั่งให้ช่วยราชการเลขที่'}`"
hide-bottom-space
@ -2044,7 +2044,7 @@ const getClass = (val: boolean) => {
orderNumberDate != null ? date2Thai(orderNumberDate) : null
"
:label="`${'ลงวันที่ '}`"
:rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
:rules="[(val:string) => !!val || `${'กรุณาเลือกลงวันที่ '}`]"
>
<template v-slot:prepend>
<q-icon
@ -2073,7 +2073,7 @@ const getClass = (val: boolean) => {
dense
v-model="fault"
:rules="[
(val) => !!val || `${'กรุณากรอกรายละเอียดการกระทำความผิด'}`,
(val:string) => !!val || `${'กรุณากรอกรายละเอียดการกระทำความผิด'}`,
]"
:label="`${'รายละเอียดการกระทำความผิด'}`"
hide-bottom-space
@ -2086,7 +2086,7 @@ const getClass = (val: boolean) => {
dense
:readonly="checkRoutePermisson"
v-model="guiltyBasis"
:rules="[(val) => !!val || `${'กรุณากรอกฐานความผิด'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกฐานความผิด'}`]"
:label="`${'ฐานความผิด'}`"
hide-bottom-space
/>
@ -2099,7 +2099,7 @@ const getClass = (val: boolean) => {
v-model="conclusionFireNo"
:readonly="checkRoutePermisson"
:rules="[
(val) =>
(val:string) =>
!!val ||
`${'กรุณากรอกครั้งที่ (เรื่องการดำเนินการทางวินัย)'}`,
]"
@ -2138,7 +2138,7 @@ const getClass = (val: boolean) => {
"
:label="`${'ลงวันที่ (เรื่องการดำเนินการทางวินัย) '}`"
:rules="[
(val) =>
(val:string) =>
!!val ||
`${'กรุณาเลือกลงวันที่ (เรื่องการดำเนินการทางวินัย)'}`,
]"
@ -2163,7 +2163,7 @@ const getClass = (val: boolean) => {
dense
v-model="conclusionFireResolution"
:rules="[
(val) =>
(val:string) =>
!!val ||
`${'กรุณากรอก มติที่ประชุม(เรื่องการดำเนินการทางวินัย)'}`,
]"
@ -2223,7 +2223,7 @@ const getClass = (val: boolean) => {
v-model="conclusionFireNo"
:readonly="checkRoutePermisson"
:rules="[
(val) =>
(val:string) =>
!!val ||
`${'กรุณากรอกครั้งที่ (เรื่องการดำเนินการทางวินัย)'}`,
]"
@ -2262,7 +2262,7 @@ const getClass = (val: boolean) => {
"
:label="`${'ลงวันที่ (เรื่องการดำเนินการทางวินัย) '}`"
:rules="[
(val) =>
(val:string) =>
!!val ||
`${'กรุณาเลือกลงวันที่ (เรื่องการดำเนินการทางวินัย)'}`,
]"
@ -2287,7 +2287,7 @@ const getClass = (val: boolean) => {
dense
v-model="conclusionFireResolution"
:rules="[
(val) =>
(val:string) =>
!!val ||
`${'กรุณากรอก มติที่ประชุม(เรื่องการดำเนินการทางวินัย)'}`,
]"
@ -2302,7 +2302,7 @@ const getClass = (val: boolean) => {
:readonly="checkRoutePermisson"
dense
v-model="faultLevel"
:rules="[(val) => !!val || `${'กรุณากรอกระดับความผิด'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกระดับความผิด'}`]"
:label="`${'ระดับความผิด'}`"
hide-bottom-space
/>
@ -2314,7 +2314,7 @@ const getClass = (val: boolean) => {
outlined
dense
v-model="caseFault"
:rules="[(val) => !!val || `${'กรุณากรอกกรณีความผิด'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกกรณีความผิด'}`]"
:label="`${'กรณีความผิด'}`"
hide-bottom-space
/>
@ -2326,7 +2326,7 @@ const getClass = (val: boolean) => {
dense
:readonly="checkRoutePermisson"
v-model="result"
:rules="[(val) => !!val || `${'กรุณากรอกผลดำเนินการพิจารณา'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกผลดำเนินการพิจารณา'}`]"
:label="`${'ผลดำเนินการพิจารณา'}`"
hide-bottom-space
/>
@ -2338,7 +2338,7 @@ const getClass = (val: boolean) => {
dense
:readonly="checkRoutePermisson"
v-model="refRaw"
:rules="[(val) => !!val || `${'กรุณากรอกอ้างอิงมาตราตามกฎหมาย'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกอ้างอิงมาตราตามกฎหมาย'}`]"
:label="`${'อ้างอิงมาตราตามกฎหมาย'}`"
hide-bottom-space
/>
@ -2357,7 +2357,7 @@ const getClass = (val: boolean) => {
:readonly="checkRoutePermisson"
dense
v-model="conclusionTranferNo"
:rules="[(val) => !!val || `${'กรุณากรอกครั่งที่'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกครั่งที่'}`]"
hide-bottom-space
:label="`${'ครั้งที่'}`"
/>
@ -2393,7 +2393,7 @@ const getClass = (val: boolean) => {
: null
"
:label="`${'เมื่อวันที่'}`"
:rules="[(val) => !!val || `${'กรุณาเลือกวันที่'}`]"
:rules="[(val:string) => !!val || `${'กรุณาเลือกวันที่'}`]"
>
<template v-slot:prepend>
<q-icon
@ -2463,7 +2463,7 @@ const getClass = (val: boolean) => {
:readonly="checkRoutePermisson"
dense
v-model="faultLevel"
:rules="[(val) => !!val || `${'กรุณากรอกระดับความผิด'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกระดับความผิด'}`]"
:label="`${'ระดับความผิด'}`"
hide-bottom-space
/>
@ -2475,7 +2475,7 @@ const getClass = (val: boolean) => {
:readonly="checkRoutePermisson"
dense
v-model="caseFault"
:rules="[(val) => !!val || `${'กรุณากรอกกรณีความผิด'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกกรณีความผิด'}`]"
:label="`${'กรณีความผิด'}`"
hide-bottom-space
/>
@ -2487,7 +2487,7 @@ const getClass = (val: boolean) => {
:readonly="checkRoutePermisson"
dense
v-model="result"
:rules="[(val) => !!val || `${'กรุณากรอกผลดำเนินการพิจารณา'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกผลดำเนินการพิจารณา'}`]"
:label="`${'ผลดำเนินการพิจารณา'}`"
hide-bottom-space
/>
@ -2499,7 +2499,7 @@ const getClass = (val: boolean) => {
dense
:readonly="checkRoutePermisson"
v-model="refRaw"
:rules="[(val) => !!val || `${'กรุณากรอกอ้างอิงมาตราตามกฎหมาย'}`]"
:rules="[(val:string) => !!val || `${'กรุณากรอกอ้างอิงมาตราตามกฎหมาย'}`]"
:label="`${'อ้างอิงมาตราตามกฎหมาย'}`"
hide-bottom-space
/>
@ -2541,7 +2541,7 @@ const getClass = (val: boolean) => {
"
:label="`${'วันที่เริ่มรักษาการ'}`"
:rules="[
(val) => !!val || `${'กรุณาเลือกวันที่เริ่มรักษาการ'}`,
(val:string) => !!val || `${'กรุณาเลือกวันที่เริ่มรักษาการ'}`,
]"
>
<template v-slot:prepend>
@ -2587,7 +2587,7 @@ const getClass = (val: boolean) => {
"
:label="`${'วันที่สิ้นสุดรักษาการ'}`"
:rules="[
(val) => !!val || `${'กรุณาเลือกวันที่สิ้นสุดรักษาการ'}`,
(val:string) => !!val || `${'กรุณาเลือกวันที่สิ้นสุดรักษาการ'}`,
]"
>
<template v-slot:prepend>