admin/monthlyreport/detail - initial

Author: codinghack30

src/router/AuthRoutes.ts

@@ -1,26 +1,26 @@
 const AuthRoutes = {
- path: '/auth',
- component: () => import('@/layouts/blank/BlankLayout.vue'),
- meta: {
- requiresAuth: false
- },
- children: [
- {
- name: 'Login',
- path: '/auth/login',
- component: () => import('@/views/authentication/auth/LoginPage.vue')
+ path: '/auth',
+ component: () => import('@/layouts/blank/BlankLayout.vue'),
+ meta: {
+ requiresAuth: false
  },
- {
- name: 'Register',
- path: '/auth/register',
- component: () => import('@/views/authentication/auth/RegisterPage.vue')
- },
- {
- name: 'Error 404',
- path: '/pages/error',
- component: () => import('@/views/pages/maintenance/error/Error404Page.vue')
- }
- ]
+ children: [
+ {
+ name: 'Login',
+ path: '/auth/login',
+ component: () => import('@/views/authentication/auth/LoginPage.vue')
+ },
+ {
+ name: 'Register',
+ path: '/auth/register',
+ component: () => import('@/views/authentication/auth/RegisterPage.vue')
+ },
+ {
+ name: 'Error 404',
+ path: '/pages/error',
+ component: () => import('@/views/pages/maintenance/error/Error404Page.vue')
+ }
+ ]
 };
 
 export default AuthRoutes;

src/router/UserRoutes.ts

@@ -1,42 +1,42 @@
 const UserRoutes = {
- path: '/user',
- meta: {
- requiresAuth: true
- },
- redirect: '/user/home',
- component: () => import('@/layouts/user/UserLayout.vue'),
- children: [
- {
- name: 'Home',
- path: 'home',
- component: () => import('@/views/user/home/UserHome.vue')
+ path: '/user',
+ meta: {
+ requiresAuth: true
  },
- {
- name: 'WorkSchedule',
- path: 'workschedule',
- component: () => import('@/views/user/workschedule/WorkSchedule.vue')
- },
- {
- name: 'MonthlyReport',
- path: 'monthlyreport',
- component: () => import('@/views/user/monthlyreport/MonthlyReportDetail.vue')
- },
- {
- name: 'AttendanceList',
- path: 'attendancelist',
- component: () => import('@/views/user/attendancelist/AttendanceList.vue')
- },
- {
- name: 'WeeklyReport',
- path: 'weeklyreport',
- component: () => import('@/views/user/weeklyreport/WeeklyReport.vue')
- },
- {
- name: 'PersonalSetting',
- path: 'personalsetting',
- component: () => import('@/views/user/personalsetting/PersonalSetting.vue')
- }
- ]
+ redirect: '/user/home',
+ component: () => import('@/layouts/user/UserLayout.vue'),
+ children: [
+ {
+ name: 'Home',
+ path: 'home',
+ component: () => import('@/views/user/home/UserHome.vue')
+ },
+ {
+ name: 'WorkSchedule',
+ path: 'workschedule',
+ component: () => import('@/views/user/workschedule/WorkSchedule.vue')
+ },
+ {
+ name: 'MonthlyReport',
+ path: 'monthlyreport',
+ component: () => import('@/views/user/monthlyreport/MonthlyReportDetail.vue')
+ },
+ {
+ name: 'AttendanceList',
+ path: 'attendancelist',
+ component: () => import('@/views/user/attendancelist/AttendanceList.vue')
+ },
+ {
+ name: 'WeeklyReport',
+ path: 'weeklyreport',
+ component: () => import('@/views/user/weeklyreport/WeeklyReport.vue')
+ },
+ {
+ name: 'PersonalSetting',
+ path: 'personalsetting',
+ component: () => import('@/views/user/personalsetting/PersonalSetting.vue')
+ }
+ ]
 };
 
 export default UserRoutes;

src/scss/components/_VInput.scss

@@ -3,47 +3,60 @@
 .v-field--variant-filled {
  --v-input-control-height: 39px;
  --v-input-padding-top: 2px;
+
  input.v-field__input {
  padding-bottom: 2px;
  }
+
  .v-field__input {
  padding-bottom: 2px;
  }
+
  textarea {
  padding-top: 11px;
  }
 }
+
 .v-input--density-default {
  .v-field__input {
  min-height: 41px;
  }
 }
+
 .v-field--variant-outlined {
  &.v-field--focused {
  .v-field__outline {
  --v-field-border-width: 1px;
  }
  }
 }
+
 .remove-details {
  .v-input__details {
  display: none;
  }
 }
+
 .v-input {
  .v-input__details {
  padding-inline: 0;
  }
+
+ .v-field__input {
+ color: rgb(var(--v-theme-darkText))
+ }
 }
 
 .v-input--density-comfortable {
  --v-input-control-height: 56px;
  --v-input-padding-top: 17px;
 }
+
 .v-label {
  font-size: 0.875rem;
  --v-medium-emphasis-opacity: 0.8;
 }
+
 .v-switch .v-label,
 .v-checkbox .v-label {
  opacity: 1;
@@ -57,4 +70,4 @@ textarea.v-field__input {
  .v-label {
  top: 15px;
  }
-}
+}

src/views/admin/monthlyreport/MonthlyReportDetail.vue

@@ -16,12 +16,12 @@ const panel = [0, 1, 2, 3, 4, 5];
  <div class="pa-2 float-left" style="border: 1px solid rgb(var(--v-theme-inputBorder)); display: inline; border-radius: 5px">
  {{ nowYear }}年 {{ formattedMonth }}月 <span class="pl-5"><v-icon icon="mdi-calendar-blank"></v-icon></span>
  </div>
- <div class="float-right d-flex align-center">
+ <!-- <div class="float-right d-flex align-center">
  <v-icon icon="mdi-account" color="lightsecondary" size="large"></v-icon>
  <div class="text-decoration-underline ml-2 text-h4 font-weight-medium" :style="{ color: 'rgb(var(--v-theme-primary))' }">
  名字名前
  </div>
- </div>
+ </div> -->
  </v-col>
  <v-col cols="12">
  <div class="float-left">
@@ -62,12 +62,12 @@ const panel = [0, 1, 2, 3, 4, 5];
  </v-col>
  <v-divider thickness="2" :style="{ 'border-color': 'rgb(var(--v-theme-textmain))' }"></v-divider>
  <v-expansion-panels v-model="panel" flat multiple>
- <ScheduledTime />
- <OfficeWorkSchedule />
- <WorkScheduleTime />
- <VacationDeductionHoliday />
- <SubScription />
- <TrafficReport />
+ <!-- <ScheduledTime /> -->
+ <!-- <OfficeWorkSchedule /> -->
+ <!-- <WorkScheduleTime /> -->
+ <!-- <VacationDeductionHoliday /> -->
+ <!-- <SubScription /> -->
+ <!-- <TrafficReport /> -->
  </v-expansion-panels>
  <v-col cols="12" class="pa-0">
  <div class="py-2"></div>