จัดโค้ด

src/modules/11_discipline/components/2_InvestigateFacts/Calendar.vue

@@ -198,6 +198,7 @@ const monthYearThai = (val: DataDateMonthObject) => {
                 </datepicker>
               </div>
             </div>
+
             <FullCalendar
               ref="fullCalendar"
               class="demo-app-calendar"
@@ -208,41 +209,14 @@ const monthYearThai = (val: DataDateMonthObject) => {
                   class="row col-12 items-center no-wrap"
                   :style="`background: + ${arg.event.color}`"
                 >
-                  <!-- <b>{{ arg.timeText }}</b> -->
                   <div class="textHover col-10" @click="view(arg.event.title)">
                     {{ arg.event.title }}
                   </div>
-                  <!-- <q-btn
-                    dense
-                    v-if="arg.event.groupId == 1"
-                    icon="mdi-close"
-                    flat
-                    round
-                    size="8px"
-                    @click="cancel(arg.event.title)"
-                  /> -->
                 </div>
               </template>
             </FullCalendar>
+
             <div class="row q-col-gutter-lg justify-end q-pb-lg">
-              <!-- <div class="items-center row">
-                <q-icon
-                  size="10px"
-                  color="light-green"
-                  name="mdi-circle"
-                  class="q-mr-sm"
-                />
-                <span class="text-caption text-grey-8">สถานะอนุมัติ</span>
-              </div> -->
-              <!-- <div class="items-center row">
-                <q-icon
-                  size="10px"
-                  color="red-6"
-                  name="mdi-circle"
-                  class="q-mr-sm"
-                />
-                <span class="text-caption text-grey-8">สถานะไม่อนุมัติ</span>
-              </div> -->
               <div class="items-center row">
                 <q-icon
                   size="10px"
@@ -252,15 +226,6 @@ const monthYearThai = (val: DataDateMonthObject) => {
                 />
                 <span class="text-caption text-grey-8">สืบสวน</span>
               </div>
-              <!-- <div class="items-center row">
-                <q-icon
-                  size="10px"
-                  color="orange"
-                  name="mdi-circle"
-                  class="q-mr-sm"
-                />
-                <span class="text-caption text-grey-8">สถานะใหม่</span>
-              </div> -->
             </div>
           </div>
         </div>
@@ -287,6 +252,7 @@ const monthYearThai = (val: DataDateMonthObject) => {
         />
       </q-card-section>
       <q-separator />
+
       <q-card-section class="q-p-md row q-gutter-y-md">
         <div flat :class="modeCancel == true ? 'col-xs-6 col-sm-6' : 'col-12'">
           <div class="col-12 q-col-gutter-sm row items-center">
@@ -306,6 +272,7 @@ const monthYearThai = (val: DataDateMonthObject) => {
             <div class="col-6 text-black">{{ phone }}</div>
           </div>
         </div>
+
         <div flat class="col-xs-6 col-sm-6" v-if="modeCancel == true">
           <q-input
             v-model="reason"
@@ -329,6 +296,7 @@ const monthYearThai = (val: DataDateMonthObject) => {
         </div>
       </q-card-section>
       <q-separator />
+
       <q-card-section
         class="row items-center q-pa-sm"
         v-if="modeCancel == true"
@@ -381,13 +349,6 @@ const monthYearThai = (val: DataDateMonthObject) => {
   display: flex;
   justify-content: center;
   align-items: center;
-  /* border: 2px solid #17a259; */
-  /* border-radius: 50%;
-  height: 25px;
-  width: 25px;
-  font-weight: bold;
-  color: white !important;
-  background: #17a259; */
 }
 
 .fc-day-today .fc-daygrid-day-frame {