แยกเป็น component ทดลองงาน
This commit is contained in:
Thanit Konmek
parent
97b5e63813
commit
86c61e8bf3
14 changed files with 2228 additions and 1332 deletions
|
|
@ -10,13 +10,17 @@
|
|||
color="primary"
|
||||
class="q-mr-sm"
|
||||
@click="router.go(-1)"
|
||||
v-if="routeName == 'probationWorkAdd'"
|
||||
/>
|
||||
<div v-if="routeName == 'probationWorkAdd'">
|
||||
เพิ่มแบบมอบหมายงานการทดลองปฏิบัติหน้าที่ราชการ
|
||||
</div>
|
||||
<div v-else>แบบมอบหมายงานการทดลองปฏิบัติหน้าที่ราชการ</div>
|
||||
</div>
|
||||
<q-card bordered class="col-12 text-dark">
|
||||
<q-card
|
||||
:bordered="routeName == 'probationWorkAdd'"
|
||||
class="col-12 text-dark"
|
||||
>
|
||||
<div class="row col-12 q-pa-lg">
|
||||
<div class="row col-12 q-gutter-lg">
|
||||
<div class="col-12 row">
|
||||
|
|
@ -251,22 +255,21 @@
|
|||
:disable="routeName != 'probationWorkAdd'"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-2 ">1. รัฐธรรมนูญ</div>
|
||||
<div class="col-2">1. รัฐธรรมนูญ</div>
|
||||
</div>
|
||||
|
||||
<div class="row q-mt-xs bg-grey-3 q-py-xs">
|
||||
<div class="col-1"></div>
|
||||
<div class="col-2">2.กฎหมายปกครอง</div>
|
||||
</div>
|
||||
<div class="row bg-grey-2 q-py-xs borderCheck ">
|
||||
<div class="row bg-grey-2 q-py-xs borderCheck">
|
||||
<div class="col-1"></div>
|
||||
<div class="col-10 q-pl-md ">2.1 ทำงานได้</div>
|
||||
<div class="col-10 q-pl-md">2.1 ทำงานได้</div>
|
||||
</div>
|
||||
<div
|
||||
v-for="item in checkList21"
|
||||
:key="item.id"
|
||||
class="row q-py-xs borderCheck border_y"
|
||||
|
||||
>
|
||||
<div class="col-1 text-center">
|
||||
<q-checkbox
|
||||
|
|
@ -278,11 +281,13 @@
|
|||
|
||||
<div class="col-9 q-pl-xl">{{ item.text }}</div>
|
||||
</div>
|
||||
<div class="row bg-grey-2 q-py-xs borderCheck">
|
||||
<div class="row bg-grey-2 q-py-xs borderCheck">
|
||||
<div class="col-1"></div>
|
||||
<div class="col-10 q-pl-md">2.2 ด้านการปฏิบัติราชการ</div>
|
||||
<div class="col-10 q-pl-md">
|
||||
2.2 ด้านการปฏิบัติราชการ
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
<div
|
||||
v-for="item in checkList22"
|
||||
:key="item.id"
|
||||
class="row q-py-xs borderCheck border_y"
|
||||
|
|
@ -297,11 +302,13 @@
|
|||
|
||||
<div class="col-9 q-pl-xl">{{ item.text }}</div>
|
||||
</div>
|
||||
<div class="row bg-grey-2 q-py-xs borderCheck">
|
||||
<div class="row bg-grey-2 q-py-xs borderCheck">
|
||||
<div class="col-1"></div>
|
||||
<div class="col-10 q-pl-md">2.3 ด้านการบริหารทรัพยากรบุคคล</div>
|
||||
<div class="col-10 q-pl-md">
|
||||
2.3 ด้านการบริหารทรัพยากรบุคคล
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
<div
|
||||
v-for="item in checkList23"
|
||||
:key="item.id"
|
||||
class="row q-py-xs borderCheck border_y"
|
||||
|
|
@ -316,11 +323,13 @@
|
|||
|
||||
<div class="col-9 q-pl-xl">{{ item.text }}</div>
|
||||
</div>
|
||||
<div class="row bg-grey-2 q-py-xs borderCheck">
|
||||
<div class="row bg-grey-2 q-py-xs borderCheck">
|
||||
<div class="col-1"></div>
|
||||
<div class="col-10 q-pl-md">2.4 ด้านการบริหารงบประมาณและการคลัง</div>
|
||||
<div class="col-10 q-pl-md">
|
||||
2.4 ด้านการบริหารงบประมาณและการคลัง
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
<div
|
||||
v-for="item in checkList24"
|
||||
:key="item.id"
|
||||
class="row q-py-xs borderCheck border_y"
|
||||
|
|
@ -335,7 +344,7 @@
|
|||
|
||||
<div class="col-9 q-pl-xl">{{ item.text }}</div>
|
||||
</div>
|
||||
<div class="row q-mt-xs bg-grey-3 q-py-xs">
|
||||
<div class="row q-mt-xs bg-grey-3 q-py-xs">
|
||||
<div class="col-1 text-center">
|
||||
<q-checkbox
|
||||
v-model="val3"
|
||||
|
|
@ -343,7 +352,9 @@
|
|||
:disable="routeName != 'probationWorkAdd'"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-11">3. กฎหมายอื่นๆ ที่เกี่ยวข้องกับการปฏิบัติงาน</div>
|
||||
<div class="col-11">
|
||||
3. กฎหมายอื่นๆ ที่เกี่ยวข้องกับการปฏิบัติงาน
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-card>
|
||||
|
|
@ -641,9 +652,9 @@
|
|||
icon="mdi-plus"
|
||||
flat
|
||||
class="q-ml-sm"
|
||||
@click="addProductivity"
|
||||
@click="addProductivity"
|
||||
/>
|
||||
<q-btn
|
||||
<q-btn
|
||||
v-if="productivityCount > 1 && routeName == 'probationWorkAdd'"
|
||||
round
|
||||
color="red"
|
||||
|
|
@ -659,7 +670,12 @@
|
|||
</q-chip>
|
||||
</div>
|
||||
<div class="col-12 row q-gutter-md">
|
||||
<q-card v-for="item in productivityCount" flat bordered class="col-12 q-pa-sm bg-grey-1">
|
||||
<q-card
|
||||
v-for="item in productivityCount"
|
||||
flat
|
||||
bordered
|
||||
class="col-12 q-pa-sm bg-grey-1"
|
||||
>
|
||||
<div class="col-12 row q-col-gutter-sm">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<q-input
|
||||
|
|
@ -669,7 +685,7 @@
|
|||
dense
|
||||
borderless
|
||||
:outlined="routeName == 'probationWorkAdd'"
|
||||
v-model="Productivitys[item-1]"
|
||||
v-model="Productivitys[item - 1]"
|
||||
label="ผลผลิตของงานที่คาดหวัง (ไม่เกิน 10 บรรทัด)"
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -681,7 +697,7 @@
|
|||
dense
|
||||
borderless
|
||||
:outlined="routeName == 'probationWorkAdd'"
|
||||
v-model="goals1[item-1]"
|
||||
v-model="goals1[item - 1]"
|
||||
label="ตัวชี้วัดความสําเร็จของงาน (ไม่เกิน 10 บรรทัด)"
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -1143,48 +1159,156 @@ const Productivitys = ref<string[]>(Array(productivityCount.value).fill(""));
|
|||
const goals1 = ref<string[]>(Array(productivityCount.value).fill(""));
|
||||
|
||||
const addProductivity = () => {
|
||||
productivityCount.value++;
|
||||
productivityCount.value++;
|
||||
};
|
||||
const resetProductivity = () => {
|
||||
productivityCount.value = 1;
|
||||
productivityCount.value = 1;
|
||||
Productivitys.value = Array(productivityCount.value).fill("");
|
||||
goals1.value = Array(productivityCount.value).fill("");
|
||||
};
|
||||
const checkList21 = ref([
|
||||
{ id: 1, text: '2.1.1 กฎหมายว่าด้วยระเบียบบริหารราชการกรุงเทพมหานคร', checked: false },
|
||||
{ id: 2, text: '2.1.2 กฎหมายว่าด้วยระเบียบบริหารราชการแผ่นดิน', checked: false },
|
||||
{ id: 3, text: '2.1.3 กฎหมายว่าด้วยลักษณะปกครองทองที่', checked: false },
|
||||
{ id: 4, text: '2.1.4 ระเบียบสำนักนายกรัฐมนตรี ว่าด้วยการรับฟังความคิดเห็นสาธารณะโดยวิธีประชาพิจารณ์ พ.ศ. ๒๕๓๙', checked: false },
|
||||
{ id: 5, text: '2.1.5 ระเบียบสำนักนายกรัฐมนตรี ว่าด้วยการสร้างระบบบริหารกิจการบ้านเมืองและสังคมที่ดี พ.ศ. ๒๕๔๒', checked: false },
|
||||
{ id: 6, text: '2.1.6 พระราชกฤษฏีกาว่าด้วยหลักเกณฑ์และวิธีการบริหารกิจการบ้านเมืองที่ดี พ.ศ. ๒๕๔๖', checked: false },
|
||||
{
|
||||
id: 1,
|
||||
text: "2.1.1 กฎหมายว่าด้วยระเบียบบริหารราชการกรุงเทพมหานคร",
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
text: "2.1.2 กฎหมายว่าด้วยระเบียบบริหารราชการแผ่นดิน",
|
||||
checked: false,
|
||||
},
|
||||
{ id: 3, text: "2.1.3 กฎหมายว่าด้วยลักษณะปกครองทองที่", checked: false },
|
||||
{
|
||||
id: 4,
|
||||
text: "2.1.4 ระเบียบสำนักนายกรัฐมนตรี ว่าด้วยการรับฟังความคิดเห็นสาธารณะโดยวิธีประชาพิจารณ์ พ.ศ. ๒๕๓๙",
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
text: "2.1.5 ระเบียบสำนักนายกรัฐมนตรี ว่าด้วยการสร้างระบบบริหารกิจการบ้านเมืองและสังคมที่ดี พ.ศ. ๒๕๔๒",
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
text: "2.1.6 พระราชกฤษฏีกาว่าด้วยหลักเกณฑ์และวิธีการบริหารกิจการบ้านเมืองที่ดี พ.ศ. ๒๕๔๖",
|
||||
checked: false,
|
||||
},
|
||||
]);
|
||||
const checkList22 = ref([
|
||||
{ id: 1, text: '2.2.1 ระเบียบกรุงเทพมหานครว่าด้วยวิธีปฏิบัติงานสารบรรณ พ.ศ.๒๕๔๖', checked: false },
|
||||
{ id: 2, text: '2.2.2 กฎหมายว่าด้วยวิธีปฏิบัติราชการทางปกครอง', checked: false },
|
||||
{ id: 3, text: '2.2.3 กฎหมายว่าด้วยความรับผิดทางละเมิดของเจ้าหน้าที่', checked: false },
|
||||
{ id: 4, text: '2.2.4 กฎหมายว่าด้วยการข้อมูลข่าวสารของทางราชการ', checked: false },
|
||||
{ id: 5, text: '2.2.5 ระเบียบสำนักนายกรัฐมนตรีว่าด้วยงานสารบรรณ พ.ศ.๒๕๒๖', checked: false },
|
||||
{ id: 6, text: '2.2.6 ระเบียบว่าด้วยการรักษาความลับของทางราชการ พ.ศ.๒๕๔๔', checked: false },
|
||||
{
|
||||
id: 1,
|
||||
text: "2.2.1 ระเบียบกรุงเทพมหานครว่าด้วยวิธีปฏิบัติงานสารบรรณ พ.ศ.๒๕๔๖",
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
text: "2.2.2 กฎหมายว่าด้วยวิธีปฏิบัติราชการทางปกครอง",
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
text: "2.2.3 กฎหมายว่าด้วยความรับผิดทางละเมิดของเจ้าหน้าที่",
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
text: "2.2.4 กฎหมายว่าด้วยการข้อมูลข่าวสารของทางราชการ",
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
text: "2.2.5 ระเบียบสำนักนายกรัฐมนตรีว่าด้วยงานสารบรรณ พ.ศ.๒๕๒๖",
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
text: "2.2.6 ระเบียบว่าด้วยการรักษาความลับของทางราชการ พ.ศ.๒๕๔๔",
|
||||
checked: false,
|
||||
},
|
||||
]);
|
||||
const checkList23 = ref([
|
||||
{ id: 1, text: '2.3.1กฎหมายว่าด้วยระเบียบข้าราชการกรุงเทพมหานครและบุคลากรกรุงเทพมหานคร/กฎ ก.ก./หลักเกณฑ์ วิธีการ/มติ ก.ก. ที่เกี่ยวข้อง', checked: false },
|
||||
{ id: 2, text: '2.3.2 กฎหมายว่าด้วยระเบียบข้าราชการพลเรือนและกฎ ก.พ. ที่เกี่ยวข้อง', checked: false },
|
||||
{
|
||||
id: 1,
|
||||
text: "2.3.1กฎหมายว่าด้วยระเบียบข้าราชการกรุงเทพมหานครและบุคลากรกรุงเทพมหานคร/กฎ ก.ก./หลักเกณฑ์ วิธีการ/มติ ก.ก. ที่เกี่ยวข้อง",
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
text: "2.3.2 กฎหมายว่าด้วยระเบียบข้าราชการพลเรือนและกฎ ก.พ. ที่เกี่ยวข้อง",
|
||||
checked: false,
|
||||
},
|
||||
]);
|
||||
const checkList24 = ref([
|
||||
{ id: 1, text: '2.4.1 ข้อบัญญัติกรุงเทพมหานคร เรื่อง วิธีการงบประมาณ พ.ศ.๒๕๒๙ ซึ่งแก้ไขเพิ่มเติมโดย(ฉบับที่๒)พ.ศ.๒๕๓๓ และ(ฉบับที่๓)พ.ศ.๒๕๓๖', checked: false },
|
||||
{ id: 2, text: '2.4.2 ระเบียบกรุงเทพมหานครว่าด้วยการรับเงิน การเบิกจ่ายเงิน การเก็บรักษาเงิน การนำส่งเงินและการตรวจเงิน(ฉบับที่๘) พ.ศ.๒๕๔๔ (ฉบับที่๙)พ.ศ.๒๕๔๘', checked: false },
|
||||
{ id: 3, text: '2.4.3 ระเบียบกรุงเทพมหานครว่าด้วยค่าใช้จ่ายในการฝึกอบรบ พ.ศ.๒๕๔๑', checked: false },
|
||||
{ id: 4, text: '2.4.4 พระราชบัญญัติวิธีการงบประมาณ พ.ศ.๒๕๐๒', checked: false },
|
||||
{ id: 5, text: '2.4.5 ระเบียบคณะกรรมการการตรวจเงินแผ่นดินว่าด้วยวินัยทางงบประมาณและการคลัง พ.ศ.๒๕๔๔', checked: false },
|
||||
{ id: 6, text: '2.4.6 กฎหมายว่าด้วยความผิดเกี่ยวกับการเสนอราคาต่อหน่วยของรัฐ', checked: false },
|
||||
{ id: 7, text: '2.4.7 พระราชกฤษฎีกาการจ่ายเงินเดือน เงินปี บำเหน็จ บำนาญ และเงินอื่นในลักษณะเดียวกัน พ.ศ.๒๕๓๕', checked: false },
|
||||
{ id: 8, text: '2.4.8 พระราชกฤษฎีกาค่าใช้จ่ายในการเดินทางไปราชการ พ.ศ.๒๕๒๖', checked: false },
|
||||
{ id: 9, text: '2.4.9 ระเบียบกระทรวงการคลังว่าด้วยการเบิกจ่ายเบี้ยเลี้ยงเดินทาง และค่าเช่าที่พักในการเดินทางไปราชการ พ.ศ.๒๕๓๔ (ฉบับที่๙) พ.ศ.๒๕๔๔', checked: false },
|
||||
{ id: 10, text: '2.4.10 ระเบียบสำนักนายกรัฐมนตรีว่าด้วยการพัสดุ พ.ศ.๒๕๓๕ (ฉบับที่๒) พ.ศ.๒๕๓๘ (ฉบับที่๓) พ.ศ.๒๕๓๙ (ฉบับที่๔) พ.ศ.๒๕๔๑ (ฉบับที่๕) พ.ศ.๒๕๔๒ (ฉบับที่๖) พ.ศ.๒๕๔๔', checked: false },
|
||||
{ id: 11, text: '2.4.11 ระเบียบกระทรวงการคลัง ว่าด้วยค่าใช้จ่ายในการฝึกอบรมของส่วนราชการ พ.ศ.๒๕๔๕', checked: false },
|
||||
{ id: 12, text: '2.4.12 ระเบียบกระทรวงการคลัง ว่าด้วยการเบิกค่าใช้จ่ายเกี่ยวกับการรักษาพยาบาลข้าราชการผู้ได้รับอันตราย หรือการป่วยเจ็บเพราะเหตุปฏิบัติราชการ พ.ศ.๒๕๔๗', checked: false },
|
||||
{ id: 13, text: '2.4.13 ระเบียบกระทรวงการคลัง ว่าด้วยการเบิกเงินสวัสดิการเกี่ยวกับการศึกษาบุตร พ.ศ.๒๕๔๗', checked: false },
|
||||
{ id: 14, text: '2.4.14 ประกาศกระทรวงการคลัง เรื่อง หลักเกณฑ์การจัดหาพัสดุ โดยการประมูลด้วยระบบอิเล็กทรอนิกส์ (e-Auction) พ.ศ.๒๕๔๘', checked: false },
|
||||
{
|
||||
id: 1,
|
||||
text: "2.4.1 ข้อบัญญัติกรุงเทพมหานคร เรื่อง วิธีการงบประมาณ พ.ศ.๒๕๒๙ ซึ่งแก้ไขเพิ่มเติมโดย(ฉบับที่๒)พ.ศ.๒๕๓๓ และ(ฉบับที่๓)พ.ศ.๒๕๓๖",
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
text: "2.4.2 ระเบียบกรุงเทพมหานครว่าด้วยการรับเงิน การเบิกจ่ายเงิน การเก็บรักษาเงิน การนำส่งเงินและการตรวจเงิน(ฉบับที่๘) พ.ศ.๒๕๔๔ (ฉบับที่๙)พ.ศ.๒๕๔๘",
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
text: "2.4.3 ระเบียบกรุงเทพมหานครว่าด้วยค่าใช้จ่ายในการฝึกอบรบ พ.ศ.๒๕๔๑",
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
text: "2.4.4 พระราชบัญญัติวิธีการงบประมาณ พ.ศ.๒๕๐๒",
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
text: "2.4.5 ระเบียบคณะกรรมการการตรวจเงินแผ่นดินว่าด้วยวินัยทางงบประมาณและการคลัง พ.ศ.๒๕๔๔",
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
text: "2.4.6 กฎหมายว่าด้วยความผิดเกี่ยวกับการเสนอราคาต่อหน่วยของรัฐ",
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
text: "2.4.7 พระราชกฤษฎีกาการจ่ายเงินเดือน เงินปี บำเหน็จ บำนาญ และเงินอื่นในลักษณะเดียวกัน พ.ศ.๒๕๓๕",
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
text: "2.4.8 พระราชกฤษฎีกาค่าใช้จ่ายในการเดินทางไปราชการ พ.ศ.๒๕๒๖",
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
text: "2.4.9 ระเบียบกระทรวงการคลังว่าด้วยการเบิกจ่ายเบี้ยเลี้ยงเดินทาง และค่าเช่าที่พักในการเดินทางไปราชการ พ.ศ.๒๕๓๔ (ฉบับที่๙) พ.ศ.๒๕๔๔",
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
id: 10,
|
||||
text: "2.4.10 ระเบียบสำนักนายกรัฐมนตรีว่าด้วยการพัสดุ พ.ศ.๒๕๓๕ (ฉบับที่๒) พ.ศ.๒๕๓๘ (ฉบับที่๓) พ.ศ.๒๕๓๙ (ฉบับที่๔) พ.ศ.๒๕๔๑ (ฉบับที่๕) พ.ศ.๒๕๔๒ (ฉบับที่๖) พ.ศ.๒๕๔๔",
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
id: 11,
|
||||
text: "2.4.11 ระเบียบกระทรวงการคลัง ว่าด้วยค่าใช้จ่ายในการฝึกอบรมของส่วนราชการ พ.ศ.๒๕๔๕",
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
id: 12,
|
||||
text: "2.4.12 ระเบียบกระทรวงการคลัง ว่าด้วยการเบิกค่าใช้จ่ายเกี่ยวกับการรักษาพยาบาลข้าราชการผู้ได้รับอันตราย หรือการป่วยเจ็บเพราะเหตุปฏิบัติราชการ พ.ศ.๒๕๔๗",
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
id: 13,
|
||||
text: "2.4.13 ระเบียบกระทรวงการคลัง ว่าด้วยการเบิกเงินสวัสดิการเกี่ยวกับการศึกษาบุตร พ.ศ.๒๕๔๗",
|
||||
checked: false,
|
||||
},
|
||||
{
|
||||
id: 14,
|
||||
text: "2.4.14 ประกาศกระทรวงการคลัง เรื่อง หลักเกณฑ์การจัดหาพัสดุ โดยการประมูลด้วยระบบอิเล็กทรอนิกส์ (e-Auction) พ.ศ.๒๕๔๘",
|
||||
checked: false,
|
||||
},
|
||||
]);
|
||||
const law = ref([]);
|
||||
const listlaw = [
|
||||
|
|
@ -1237,12 +1361,12 @@ const date3 = ref<Date>(new Date());
|
|||
const date4 = ref<Date>(new Date());
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.border_y{
|
||||
border-left:1px solid #d8d8d8 ;
|
||||
border-right:1px solid #d8d8d8 ;
|
||||
.border_y {
|
||||
border-left: 1px solid #d8d8d8;
|
||||
border-right: 1px solid #d8d8d8;
|
||||
}
|
||||
.borderCheck{
|
||||
border-bottom: 1px solid #d8d8d8;
|
||||
.borderCheck {
|
||||
border-bottom: 1px solid #d8d8d8;
|
||||
}
|
||||
.text-top2 {
|
||||
font-weight: 500;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue