Skip to content

M
mySkill-x
Commit 0fb4a778 by Ooh-Ao
Options

draft2

parent ad31784b
Showing with 1133 additions and 2 deletions
src/app/components/performance-evaluation/pms-form-employee/pms-competency/pms-competency.component.html
<p>pms-competency works!</p> <div class="flex w-full">
<!-- ส่วน Tab ด้านซ้าย -->
<div class="ltr:border-r rtl:border-l border-gray-200 dark:border-white/10 w-64">
<!-- ตรงนี้เป็นเมนู Tab -->
<nav class="flex flex-col space-y-2 whitespace-nowrap" aria-label="Tabs" data-hs-tabs-vertical="true">
<nav class="flex flex-col space-y-2 whitespace-nowrap" aria-label="Tabs" data-hs-tabs-vertical="true">
<button type="button"
class="hs-tab-active:bg-white ltr:hs-tab-active:border-r-transparent rtl:hs-tab-active:border-l-transparent hs-tab-active:text-primary dark:hs-tab-active:bg-transparent ltr:dark:hs-tab-active:border-r-gray-800 rtl:dark:hs-tab-active:border-l-gray-800 dark:hs-tab-active:text-primary -mr-px py-2 px-3 inline-flex items-center gap-2 bg-gray-50 text-sm font-medium text-center border text-gray-500 ltr:rounded-l-lg rtl:rounded-r-lg hover:text-gray-700 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300 active"
id="hs-tab-js-vertical-item-1" data-hs-tab="#hs-tab-js-vertical-1" aria-controls="hs-tab-js-vertical-1">
CC
<!-- <span
class="hs-tab-active:bg-primary hs-tab-active:text-white dark:hs-tab-active:bg-primary dark:hs-tab-active:text-white ml-1 py-0.5 px-1.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800 dark:bg-black/20 dark:text-gray-300">99+</span> -->
</button>
<button type="button"
class="hs-tab-active:bg-white ltr:hs-tab-active:border-r-transparent rtl:hs-tab-active:border-l-transparent hs-tab-active:text-primary dark:hs-tab-active:bg-transparent ltr:dark:hs-tab-active:border-r-gray-800 rtl:dark:hs-tab-active:border-l-gray-800 dark:hs-tab-active:text-primary -mr-px py-2 px-3 inline-flex items-center gap-2 bg-gray-50 text-sm font-medium text-center border text-gray-500 ltr:rounded-l-lg rtl:rounded-r-lg hover:text-gray-700 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300"
id="hs-tab-js-vertical-item-2" data-hs-tab="#hs-tab-js-vertical-2" aria-controls="hs-tab-js-vertical-2">
MC<span
class="bg-red-800 text-white dark:hs-tab-active:bg-primary dark:hs-tab-active:text-white ml-1 py-0.5 px-1.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800 dark:bg-black/20 dark:text-gray-300">3</span>
</button>
<button type="button"
class="hs-tab-active:bg-white ltr:hs-tab-active:border-r-transparent rtl:hs-tab-active:border-l-transparent hs-tab-active:text-primary dark:hs-tab-active:bg-transparent ltr:dark:hs-tab-active:border-r-gray-800 rtl:dark:hs-tab-active:border-l-gray-800 dark:hs-tab-active:text-primary -mr-px py-2 px-3 inline-flex items-center gap-2 bg-gray-50 text-sm font-medium text-center border text-gray-500 ltr:rounded-l-lg rtl:rounded-r-lg hover:text-gray-700 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300"
id="hs-tab-js-vertical-item-3" data-hs-tab="#hs-tab-js-vertical-3" aria-controls="hs-tab-js-vertical-3">
PC<span
class="bg-red-800 text-white dark:hs-tab-active:bg-primary dark:hs-tab-active:text-white ml-1 py-0.5 px-1.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800 dark:bg-black/20 dark:text-gray-300">10</span>
</button>
</nav>
</nav>
</div>
<!-- ส่วน Content ด้านขวา -->
<div class="flex-1">
<!-- ตรงนี้ครอบ Accordion -->
<div id="hs-tab-js-vertical-1" role="tabpanel" aria-labelledby="hs-tab-js-vertical-item-1">
<div class="hs-accordion-group w-full">
<div
class="hs-accordion active overflow-hidden bg-white border -mt-px first:rounded-t-sm last:rounded-b-sm dark:bg-bgdark dark:border-white/10"
id="hs-primary-heading-1">
<button
class="hs-accordion-toggle hs-accordion-active:text-white hs-accordion-active:bg-secondary group py-4 px-5 inline-flex items-center justify-between gap-x-3 w-full font-semibold text-start text-gray-800 transition hover:text-gray-500 dark:hs-accordion-active:text-white dark:text-gray-200 dark:hover:text-white/80"
aria-controls="hs-primary-collapse-1" type="button">
<svg class="flex-shrink-0 h-6 w-6 text-white" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M15.1965 7.85999C15.1965 3.71785 11.8387 0.359985 7.69653 0.359985C3.5544 0.359985 0.196533 3.71785 0.196533 7.85999C0.196533 12.0021 3.5544 15.36 7.69653 15.36C11.8387 15.36 15.1965 12.0021 15.1965 7.85999Z"
fill="currentColor" class="fill-green-500"></path>
<path
d="M10.9295 4.88618C11.1083 4.67577 11.4238 4.65019 11.6343 4.82904C11.8446 5.00788 11.8702 5.32343 11.6914 5.53383L7.44139 10.5338C7.25974 10.7475 6.93787 10.77 6.72825 10.5837L4.47825 8.5837C4.27186 8.40024 4.25327 8.0842 4.43673 7.87781C4.62019 7.67142 4.93622 7.65283 5.14261 7.83629L7.01053 9.49669L10.9295 4.88618Z"
fill="currentColor"></path>
</svg>
<span>
จิตสำนึกด้านความปลอดภัยและคุณภาพ
</span>
<svg
class="hs-accordion-active:hidden hs-accordion-active:text-white hs-accordion-active:group-hover:text-white block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5" stroke="currentColor"
stroke-width="2" stroke-linecap="round" />
</svg>
<svg
class="hs-accordion-active:block hs-accordion-active:text-white hs-accordion-active:group-hover:text-white hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
</button>
<div id="hs-primary-collapse-1"
class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
aria-labelledby="hs-primary-heading-1">
<div class="box-body">
<div class="space-y-4">
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-12 xl:col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">จัดทำมาตรฐานด้านความปลอดภัย
และคุณภาพของหน่วยงานเชื่อมโยงกับนโยบายบริษัท</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-12 xl:col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-12 xl:col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">จัดทำมาตรฐานด้านความปลอดภัย
และคุณภาพของหน่วยงานเชื่อมโยงกับนโยบายบริษัท</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-12 xl:col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-12 xl:col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">จัดทำมาตรฐานด้านความปลอดภัย
และคุณภาพของหน่วยงานเชื่อมโยงกับนโยบายบริษัท</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-12 xl:col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="hs-accordion active overflow-hidden bg-white border -mt-px first:rounded-t-sm last:rounded-b-sm dark:bg-bgdark dark:border-white/10"
id="hs-primary-heading-1">
<button
class="hs-accordion-toggle hs-accordion-active:text-white hs-accordion-active:bg-secondary group py-4 px-5 inline-flex items-center justify-between gap-x-3 w-full font-semibold text-start text-gray-800 transition hover:text-gray-500 dark:hs-accordion-active:text-white dark:text-gray-200 dark:hover:text-white/80"
aria-controls="hs-primary-collapse-1" type="button">
<svg class="flex-shrink-0 h-6 w-6 text-white" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M15.1965 7.85999C15.1965 3.71785 11.8387 0.359985 7.69653 0.359985C3.5544 0.359985 0.196533 3.71785 0.196533 7.85999C0.196533 12.0021 3.5544 15.36 7.69653 15.36C11.8387 15.36 15.1965 12.0021 15.1965 7.85999Z"
fill="currentColor" class="fill-green-500"></path>
<path
d="M10.9295 4.88618C11.1083 4.67577 11.4238 4.65019 11.6343 4.82904C11.8446 5.00788 11.8702 5.32343 11.6914 5.53383L7.44139 10.5338C7.25974 10.7475 6.93787 10.77 6.72825 10.5837L4.47825 8.5837C4.27186 8.40024 4.25327 8.0842 4.43673 7.87781C4.62019 7.67142 4.93622 7.65283 5.14261 7.83629L7.01053 9.49669L10.9295 4.88618Z"
fill="currentColor"></path>
</svg>
<span>
การทำงานเป็นทีมแบบ TAT
</span>
<svg
class="hs-accordion-active:hidden hs-accordion-active:text-white hs-accordion-active:group-hover:text-white block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5" stroke="currentColor"
stroke-width="2" stroke-linecap="round" />
</svg>
<svg
class="hs-accordion-active:block hs-accordion-active:text-white hs-accordion-active:group-hover:text-white hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
</button>
<div id="hs-primary-collapse-1"
class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
aria-labelledby="hs-primary-heading-1">
<div class="box-body">
<div class="space-y-4">
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">ปฏิบัติงานโดยเน้นการทำงานเป็นทีมโดยยึดมาตรฐานและเป้าหมายเดียวกัน (TAT Goal) และคำนึงถึงความต้องการของลูกค้าเป็นหลัก (Next Customer)</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
สื่อสารเพื่อแก้ปัญหาเบื้องต้นให้การทำงานเป็นทีมบรรลุผลสำเร็จ</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
ทบทวนการทำงานของตนเองกับเป้าหมายของหน่วยงานเพื่อให้เกิดประสิทธิภาพสูงสุด</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="hs-accordion active overflow-hidden bg-white border -mt-px first:rounded-t-sm last:rounded-b-sm dark:bg-bgdark dark:border-white/10"
id="hs-primary-heading-1">
<button
class="hs-accordion-toggle hs-accordion-active:text-white hs-accordion-active:bg-secondary group py-4 px-5 inline-flex items-center justify-between gap-x-3 w-full font-semibold text-start text-gray-800 transition hover:text-gray-500 dark:hs-accordion-active:text-white dark:text-gray-200 dark:hover:text-white/80"
aria-controls="hs-primary-collapse-1" type="button">
<svg class="flex-shrink-0 h-6 w-6 text-white" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M15.1965 7.85999C15.1965 3.71785 11.8387 0.359985 7.69653 0.359985C3.5544 0.359985 0.196533 3.71785 0.196533 7.85999C0.196533 12.0021 3.5544 15.36 7.69653 15.36C11.8387 15.36 15.1965 12.0021 15.1965 7.85999Z"
fill="currentColor" class="fill-green-500"></path>
<path
d="M10.9295 4.88618C11.1083 4.67577 11.4238 4.65019 11.6343 4.82904C11.8446 5.00788 11.8702 5.32343 11.6914 5.53383L7.44139 10.5338C7.25974 10.7475 6.93787 10.77 6.72825 10.5837L4.47825 8.5837C4.27186 8.40024 4.25327 8.0842 4.43673 7.87781C4.62019 7.67142 4.93622 7.65283 5.14261 7.83629L7.01053 9.49669L10.9295 4.88618Z"
fill="currentColor"></path>
</svg>
<span>
ความรับผิดชอบในหน้าที่และโปร่งใส
</span>
<svg
class="hs-accordion-active:hidden hs-accordion-active:text-white hs-accordion-active:group-hover:text-white block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5" stroke="currentColor"
stroke-width="2" stroke-linecap="round" />
</svg>
<svg
class="hs-accordion-active:block hs-accordion-active:text-white hs-accordion-active:group-hover:text-white hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
</button>
<div id="hs-primary-collapse-1"
class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
aria-labelledby="hs-primary-heading-1">
<div class="box-body">
<div class="space-y-4">
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">ปฏิบัติงานตามมาตรฐาน รับผิดชอบและโปร่งใส (Accountability & Ethics) ให้เป็นไปตามกฎหมาย และมาตรฐานจริยธรรม</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
รับผิดชอบต่อการกระทำ และคำพูดของตนเอง ปฏิบัติหน้าที่ด้วยความโปร่งใส ไม่ทุกจริต เป็นที่น่านับถือ (Regard) อยู่ในศีลธรรมและจริยธรรมอันดี รักษาความลับทางการค้า (Trade Secret) ของบริษัทไม่ให้ตกไปอยู่กับคู่แข่ง</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
สื่อสารและให้ข้อมูลด้านความรับผิดชอบต่อสิ่งแวดล้อมและสังคม ESG(Environment Social Governance)</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="hs-tab-js-vertical-2" class="hidden" role="tabpanel" aria-labelledby="hs-tab-js-vertical-item-2">
<div class="hs-accordion-group w-full">
<div
class="hs-accordion active overflow-hidden bg-white border -mt-px first:rounded-t-sm last:rounded-b-sm dark:bg-bgdark dark:border-white/10"
id="hs-primary-heading-1">
<button
class="hs-accordion-toggle hs-accordion-active:text-white hs-accordion-active:bg-secondary group py-4 px-5 inline-flex items-center justify-between gap-x-3 w-full font-semibold text-start text-gray-800 transition hover:text-gray-500 dark:hs-accordion-active:text-white dark:text-gray-200 dark:hover:text-white/80"
aria-controls="hs-primary-collapse-1" type="button">
<svg class="flex-shrink-0 h-6 w-6 text-white" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M15.1965 7.85999C15.1965 3.71785 11.8387 0.359985 7.69653 0.359985C3.5544 0.359985 0.196533 3.71785 0.196533 7.85999C0.196533 12.0021 3.5544 15.36 7.69653 15.36C11.8387 15.36 15.1965 12.0021 15.1965 7.85999Z"
fill="currentColor" class="fill-green-500"></path>
<path
d="M10.9295 4.88618C11.1083 4.67577 11.4238 4.65019 11.6343 4.82904C11.8446 5.00788 11.8702 5.32343 11.6914 5.53383L7.44139 10.5338C7.25974 10.7475 6.93787 10.77 6.72825 10.5837L4.47825 8.5837C4.27186 8.40024 4.25327 8.0842 4.43673 7.87781C4.62019 7.67142 4.93622 7.65283 5.14261 7.83629L7.01053 9.49669L10.9295 4.88618Z"
fill="currentColor"></path>
</svg>
<span>
จิตสำนึกด้านความปลอดภัยและคุณภาพ
</span>
<svg
class="hs-accordion-active:hidden hs-accordion-active:text-white hs-accordion-active:group-hover:text-white block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5" stroke="currentColor"
stroke-width="2" stroke-linecap="round" />
</svg>
<svg
class="hs-accordion-active:block hs-accordion-active:text-white hs-accordion-active:group-hover:text-white hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
</button>
<div id="hs-primary-collapse-1"
class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
aria-labelledby="hs-primary-heading-1">
<div class="box-body">
<div class="space-y-4">
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-12 xl:col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">จัดทำมาตรฐานด้านความปลอดภัย
และคุณภาพของหน่วยงานเชื่อมโยงกับนโยบายบริษัท</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-12 xl:col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-12 xl:col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">จัดทำมาตรฐานด้านความปลอดภัย
และคุณภาพของหน่วยงานเชื่อมโยงกับนโยบายบริษัท</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-12 xl:col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-12 xl:col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">จัดทำมาตรฐานด้านความปลอดภัย
และคุณภาพของหน่วยงานเชื่อมโยงกับนโยบายบริษัท</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-12 xl:col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="hs-accordion active overflow-hidden bg-white border -mt-px first:rounded-t-sm last:rounded-b-sm dark:bg-bgdark dark:border-white/10"
id="hs-primary-heading-1">
<button
class="hs-accordion-toggle hs-accordion-active:text-white hs-accordion-active:bg-secondary group py-4 px-5 inline-flex items-center justify-between gap-x-3 w-full font-semibold text-start text-gray-800 transition hover:text-gray-500 dark:hs-accordion-active:text-white dark:text-gray-200 dark:hover:text-white/80"
aria-controls="hs-primary-collapse-1" type="button">
<svg class="flex-shrink-0 h-6 w-6 text-white" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M15.1965 7.85999C15.1965 3.71785 11.8387 0.359985 7.69653 0.359985C3.5544 0.359985 0.196533 3.71785 0.196533 7.85999C0.196533 12.0021 3.5544 15.36 7.69653 15.36C11.8387 15.36 15.1965 12.0021 15.1965 7.85999Z"
fill="currentColor" class="fill-green-500"></path>
<path
d="M10.9295 4.88618C11.1083 4.67577 11.4238 4.65019 11.6343 4.82904C11.8446 5.00788 11.8702 5.32343 11.6914 5.53383L7.44139 10.5338C7.25974 10.7475 6.93787 10.77 6.72825 10.5837L4.47825 8.5837C4.27186 8.40024 4.25327 8.0842 4.43673 7.87781C4.62019 7.67142 4.93622 7.65283 5.14261 7.83629L7.01053 9.49669L10.9295 4.88618Z"
fill="currentColor"></path>
</svg>
<span>
การทำงานเป็นทีมแบบ TAT
</span>
<svg
class="hs-accordion-active:hidden hs-accordion-active:text-white hs-accordion-active:group-hover:text-white block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5" stroke="currentColor"
stroke-width="2" stroke-linecap="round" />
</svg>
<svg
class="hs-accordion-active:block hs-accordion-active:text-white hs-accordion-active:group-hover:text-white hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
</button>
<div id="hs-primary-collapse-1"
class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
aria-labelledby="hs-primary-heading-1">
<div class="box-body">
<div class="space-y-4">
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">ปฏิบัติงานโดยเน้นการทำงานเป็นทีมโดยยึดมาตรฐานและเป้าหมายเดียวกัน (TAT Goal) และคำนึงถึงความต้องการของลูกค้าเป็นหลัก (Next Customer)</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
สื่อสารเพื่อแก้ปัญหาเบื้องต้นให้การทำงานเป็นทีมบรรลุผลสำเร็จ</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
ทบทวนการทำงานของตนเองกับเป้าหมายของหน่วยงานเพื่อให้เกิดประสิทธิภาพสูงสุด</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="hs-accordion active overflow-hidden bg-white border -mt-px first:rounded-t-sm last:rounded-b-sm dark:bg-bgdark dark:border-white/10"
id="hs-primary-heading-1">
<button
class="hs-accordion-toggle hs-accordion-active:text-white hs-accordion-active:bg-secondary group py-4 px-5 inline-flex items-center justify-between gap-x-3 w-full font-semibold text-start text-gray-800 transition hover:text-gray-500 dark:hs-accordion-active:text-white dark:text-gray-200 dark:hover:text-white/80"
aria-controls="hs-primary-collapse-1" type="button">
<svg class="flex-shrink-0 h-6 w-6 text-white" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M15.1965 7.85999C15.1965 3.71785 11.8387 0.359985 7.69653 0.359985C3.5544 0.359985 0.196533 3.71785 0.196533 7.85999C0.196533 12.0021 3.5544 15.36 7.69653 15.36C11.8387 15.36 15.1965 12.0021 15.1965 7.85999Z"
fill="currentColor" class="fill-green-500"></path>
<path
d="M10.9295 4.88618C11.1083 4.67577 11.4238 4.65019 11.6343 4.82904C11.8446 5.00788 11.8702 5.32343 11.6914 5.53383L7.44139 10.5338C7.25974 10.7475 6.93787 10.77 6.72825 10.5837L4.47825 8.5837C4.27186 8.40024 4.25327 8.0842 4.43673 7.87781C4.62019 7.67142 4.93622 7.65283 5.14261 7.83629L7.01053 9.49669L10.9295 4.88618Z"
fill="currentColor"></path>
</svg>
<span>
ความรับผิดชอบในหน้าที่และโปร่งใส
</span>
<svg
class="hs-accordion-active:hidden hs-accordion-active:text-white hs-accordion-active:group-hover:text-white block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5" stroke="currentColor"
stroke-width="2" stroke-linecap="round" />
</svg>
<svg
class="hs-accordion-active:block hs-accordion-active:text-white hs-accordion-active:group-hover:text-white hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
</button>
<div id="hs-primary-collapse-1"
class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
aria-labelledby="hs-primary-heading-1">
<div class="box-body">
<div class="space-y-4">
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">ปฏิบัติงานตามมาตรฐาน รับผิดชอบและโปร่งใส (Accountability & Ethics) ให้เป็นไปตามกฎหมาย และมาตรฐานจริยธรรม</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
รับผิดชอบต่อการกระทำ และคำพูดของตนเอง ปฏิบัติหน้าที่ด้วยความโปร่งใส ไม่ทุกจริต เป็นที่น่านับถือ (Regard) อยู่ในศีลธรรมและจริยธรรมอันดี รักษาความลับทางการค้า (Trade Secret) ของบริษัทไม่ให้ตกไปอยู่กับคู่แข่ง</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
สื่อสารและให้ข้อมูลด้านความรับผิดชอบต่อสิ่งแวดล้อมและสังคม ESG(Environment Social Governance)</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="hs-tab-js-vertical-3" class="hidden" role="tabpanel" aria-labelledby="hs-tab-js-vertical-item-3">
<div class="hs-accordion-group w-full">
<div
class="hs-accordion active overflow-hidden bg-white border -mt-px first:rounded-t-sm last:rounded-b-sm dark:bg-bgdark dark:border-white/10"
id="hs-primary-heading-1">
<button
class="hs-accordion-toggle hs-accordion-active:text-white hs-accordion-active:bg-secondary group py-4 px-5 inline-flex items-center justify-between gap-x-3 w-full font-semibold text-start text-gray-800 transition hover:text-gray-500 dark:hs-accordion-active:text-white dark:text-gray-200 dark:hover:text-white/80"
aria-controls="hs-primary-collapse-1" type="button">
<svg class="flex-shrink-0 h-6 w-6 text-white" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M15.1965 7.85999C15.1965 3.71785 11.8387 0.359985 7.69653 0.359985C3.5544 0.359985 0.196533 3.71785 0.196533 7.85999C0.196533 12.0021 3.5544 15.36 7.69653 15.36C11.8387 15.36 15.1965 12.0021 15.1965 7.85999Z"
fill="currentColor" class="fill-green-500"></path>
<path
d="M10.9295 4.88618C11.1083 4.67577 11.4238 4.65019 11.6343 4.82904C11.8446 5.00788 11.8702 5.32343 11.6914 5.53383L7.44139 10.5338C7.25974 10.7475 6.93787 10.77 6.72825 10.5837L4.47825 8.5837C4.27186 8.40024 4.25327 8.0842 4.43673 7.87781C4.62019 7.67142 4.93622 7.65283 5.14261 7.83629L7.01053 9.49669L10.9295 4.88618Z"
fill="currentColor"></path>
</svg>
<span>
จิตสำนึกด้านความปลอดภัยและคุณภาพ
</span>
<svg
class="hs-accordion-active:hidden hs-accordion-active:text-white hs-accordion-active:group-hover:text-white block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5" stroke="currentColor"
stroke-width="2" stroke-linecap="round" />
</svg>
<svg
class="hs-accordion-active:block hs-accordion-active:text-white hs-accordion-active:group-hover:text-white hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
</button>
<div id="hs-primary-collapse-1"
class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
aria-labelledby="hs-primary-heading-1">
<div class="box-body">
<div class="space-y-4">
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-12 xl:col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">จัดทำมาตรฐานด้านความปลอดภัย
และคุณภาพของหน่วยงานเชื่อมโยงกับนโยบายบริษัท</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-12 xl:col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-12 xl:col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">จัดทำมาตรฐานด้านความปลอดภัย
และคุณภาพของหน่วยงานเชื่อมโยงกับนโยบายบริษัท</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-12 xl:col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-12 xl:col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">จัดทำมาตรฐานด้านความปลอดภัย
และคุณภาพของหน่วยงานเชื่อมโยงกับนโยบายบริษัท</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-12 xl:col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="hs-accordion active overflow-hidden bg-white border -mt-px first:rounded-t-sm last:rounded-b-sm dark:bg-bgdark dark:border-white/10"
id="hs-primary-heading-1">
<button
class="hs-accordion-toggle hs-accordion-active:text-white hs-accordion-active:bg-secondary group py-4 px-5 inline-flex items-center justify-between gap-x-3 w-full font-semibold text-start text-gray-800 transition hover:text-gray-500 dark:hs-accordion-active:text-white dark:text-gray-200 dark:hover:text-white/80"
aria-controls="hs-primary-collapse-1" type="button">
<svg class="flex-shrink-0 h-6 w-6 text-white" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M15.1965 7.85999C15.1965 3.71785 11.8387 0.359985 7.69653 0.359985C3.5544 0.359985 0.196533 3.71785 0.196533 7.85999C0.196533 12.0021 3.5544 15.36 7.69653 15.36C11.8387 15.36 15.1965 12.0021 15.1965 7.85999Z"
fill="currentColor" class="fill-green-500"></path>
<path
d="M10.9295 4.88618C11.1083 4.67577 11.4238 4.65019 11.6343 4.82904C11.8446 5.00788 11.8702 5.32343 11.6914 5.53383L7.44139 10.5338C7.25974 10.7475 6.93787 10.77 6.72825 10.5837L4.47825 8.5837C4.27186 8.40024 4.25327 8.0842 4.43673 7.87781C4.62019 7.67142 4.93622 7.65283 5.14261 7.83629L7.01053 9.49669L10.9295 4.88618Z"
fill="currentColor"></path>
</svg>
<span>
การทำงานเป็นทีมแบบ TAT
</span>
<svg
class="hs-accordion-active:hidden hs-accordion-active:text-white hs-accordion-active:group-hover:text-white block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5" stroke="currentColor"
stroke-width="2" stroke-linecap="round" />
</svg>
<svg
class="hs-accordion-active:block hs-accordion-active:text-white hs-accordion-active:group-hover:text-white hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
</button>
<div id="hs-primary-collapse-1"
class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
aria-labelledby="hs-primary-heading-1">
<div class="box-body">
<div class="space-y-4">
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">ปฏิบัติงานโดยเน้นการทำงานเป็นทีมโดยยึดมาตรฐานและเป้าหมายเดียวกัน (TAT Goal) และคำนึงถึงความต้องการของลูกค้าเป็นหลัก (Next Customer)</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
สื่อสารเพื่อแก้ปัญหาเบื้องต้นให้การทำงานเป็นทีมบรรลุผลสำเร็จ</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
ทบทวนการทำงานของตนเองกับเป้าหมายของหน่วยงานเพื่อให้เกิดประสิทธิภาพสูงสุด</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="hs-accordion active overflow-hidden bg-white border -mt-px first:rounded-t-sm last:rounded-b-sm dark:bg-bgdark dark:border-white/10"
id="hs-primary-heading-1">
<button
class="hs-accordion-toggle hs-accordion-active:text-white hs-accordion-active:bg-secondary group py-4 px-5 inline-flex items-center justify-between gap-x-3 w-full font-semibold text-start text-gray-800 transition hover:text-gray-500 dark:hs-accordion-active:text-white dark:text-gray-200 dark:hover:text-white/80"
aria-controls="hs-primary-collapse-1" type="button">
<svg class="flex-shrink-0 h-6 w-6 text-white" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M15.1965 7.85999C15.1965 3.71785 11.8387 0.359985 7.69653 0.359985C3.5544 0.359985 0.196533 3.71785 0.196533 7.85999C0.196533 12.0021 3.5544 15.36 7.69653 15.36C11.8387 15.36 15.1965 12.0021 15.1965 7.85999Z"
fill="currentColor" class="fill-green-500"></path>
<path
d="M10.9295 4.88618C11.1083 4.67577 11.4238 4.65019 11.6343 4.82904C11.8446 5.00788 11.8702 5.32343 11.6914 5.53383L7.44139 10.5338C7.25974 10.7475 6.93787 10.77 6.72825 10.5837L4.47825 8.5837C4.27186 8.40024 4.25327 8.0842 4.43673 7.87781C4.62019 7.67142 4.93622 7.65283 5.14261 7.83629L7.01053 9.49669L10.9295 4.88618Z"
fill="currentColor"></path>
</svg>
<span>
ความรับผิดชอบในหน้าที่และโปร่งใส
</span>
<svg
class="hs-accordion-active:hidden hs-accordion-active:text-white hs-accordion-active:group-hover:text-white block w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 5L8.16086 10.6869C8.35239 10.8637 8.64761 10.8637 8.83914 10.6869L15 5" stroke="currentColor"
stroke-width="2" stroke-linecap="round" />
</svg>
<svg
class="hs-accordion-active:block hs-accordion-active:text-white hs-accordion-active:group-hover:text-white hidden w-3 h-3 text-gray-600 group-hover:text-gray-500 dark:text-white/70"
width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 11L8.16086 5.31305C8.35239 5.13625 8.64761 5.13625 8.83914 5.31305L15 11"
stroke="currentColor" stroke-width="2" stroke-linecap="round" />
</svg>
</button>
<div id="hs-primary-collapse-1"
class="hs-accordion-content !w-full overflow-hidden transition-[height] duration-300"
aria-labelledby="hs-primary-heading-1">
<div class="box-body">
<div class="space-y-4">
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">ปฏิบัติงานตามมาตรฐาน รับผิดชอบและโปร่งใส (Accountability & Ethics) ให้เป็นไปตามกฎหมาย และมาตรฐานจริยธรรม</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
รับผิดชอบต่อการกระทำ และคำพูดของตนเอง ปฏิบัติหน้าที่ด้วยความโปร่งใส ไม่ทุกจริต เป็นที่น่านับถือ (Regard) อยู่ในศีลธรรมและจริยธรรมอันดี รักษาความลับทางการค้า (Trade Secret) ของบริษัทไม่ให้ตกไปอยู่กับคู่แข่ง</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O,D
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-4 border border-gray-200 dark:border-white/10 rounded-sm">
<div class="grid grid-cols-12 gap-6 space-y-4">
<div class="col-span-8 my-auto">
<p class="text-base mb-1 font-semibold">
สื่อสารและให้ข้อมูลด้านความรับผิดชอบต่อสิ่งแวดล้อมและสังคม ESG(Environment Social Governance)</p>
<p class="text-xs mb-0 text-gray-500 dark:text-white/70">
O
</p>
</div>
<div class="col-span-4">
<div class="space-y-2">
<div class="grid grid-cols-12 gap-6 space-y-4 md:text-end">
<div class="col-span-12 my-auto">
<div class="sm:flex items-center justify-between">
<div id="stars-busytext">
<bar-rating [rate]="5" [max]="5" [theme]="'movie'" [showText]="true"
[titles]="['Bad', 'Mediocre', 'Good', 'Awesome']"></bar-rating>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
src/app/components/performance-evaluation/pms-form-employee/pms-form-employee.component.html
...@@ -260,7 +260,10 @@ ...@@ -260,7 +260,10 @@
<button type="button" <button type="button"
class="hs-tab-active:bg-primary hs-tab-active:border-primary hs-tab-active:text-white dark:hs-tab-active:bg-primary dark:hs-tab-active:border-primary dark:hs-tab-active:text-white py-2 px-3 inline-flex items-center w-full justify-center gap-2 text-sm font-medium text-center border text-gray-500 rounded-sm hover:text-gray-700 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300" class="hs-tab-active:bg-primary hs-tab-active:border-primary hs-tab-active:text-white dark:hs-tab-active:bg-primary dark:hs-tab-active:border-primary dark:hs-tab-active:text-white py-2 px-3 inline-flex items-center w-full justify-center gap-2 text-sm font-medium text-center border text-gray-500 rounded-sm hover:text-gray-700 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300"
id="profile-item-3" data-hs-tab="#profile-3" aria-controls="profile-3" role="tab"> id="profile-item-3" data-hs-tab="#profile-3" aria-controls="profile-3" role="tab">
แบบประเมินประสิทธิภาพ แบบประเมินประสิทธิภาพ <svg class="flex-shrink-0 h-6 w-6 text-white" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.1965 7.85999C15.1965 3.71785 11.8387 0.359985 7.69653 0.359985C3.5544 0.359985 0.196533 3.71785 0.196533 7.85999C0.196533 12.0021 3.5544 15.36 7.69653 15.36C11.8387 15.36 15.1965 12.0021 15.1965 7.85999Z" fill="currentColor" class="fill-green-500"></path>
<path d="M10.9295 4.88618C11.1083 4.67577 11.4238 4.65019 11.6343 4.82904C11.8446 5.00788 11.8702 5.32343 11.6914 5.53383L7.44139 10.5338C7.25974 10.7475 6.93787 10.77 6.72825 10.5837L4.47825 8.5837C4.27186 8.40024 4.25327 8.0842 4.43673 7.87781C4.62019 7.67142 4.93622 7.65283 5.14261 7.83629L7.01053 9.49669L10.9295 4.88618Z" fill="currentColor"></path>
</svg>
</button> </button>
<button type="button" <button type="button"
class="hs-tab-active:bg-primary hs-tab-active:border-primary hs-tab-active:text-white dark:hs-tab-active:bg-primary dark:hs-tab-active:border-primary dark:hs-tab-active:text-white py-2 px-3 inline-flex items-center w-full justify-center gap-2 text-sm font-medium text-center border text-gray-500 rounded-sm hover:text-gray-700 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300" class="hs-tab-active:bg-primary hs-tab-active:border-primary hs-tab-active:text-white dark:hs-tab-active:bg-primary dark:hs-tab-active:border-primary dark:hs-tab-active:text-white py-2 px-3 inline-flex items-center w-full justify-center gap-2 text-sm font-medium text-center border text-gray-500 rounded-sm hover:text-gray-700 dark:bg-black/20 dark:border-white/10 dark:text-white/70 dark:hover:text-gray-300"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment