modify expansion panel

Author: codinghack30

src/views/user/weeklyreport/WeeklyReport.vue

@@ -8,7 +8,7 @@ import ProjectImprove from './components/ProjectImprove.vue';
 import TheOther from './components/TheOther.vue';
 import { nowYear, nowMonth, nowDay } from '@/utils/date';
 
-const panel = ref([0, 1, 2, 3]);
+const panel = ref([0, 1, 2, 3, 4, 5]);
 </script>
 <template>
  <v-row>

src/views/user/weeklyreport/components/ProjectImprove.vue

@@ -1,17 +1,20 @@
 <script setup></script>
 <template>
- <v-expansion-panel>
- <v-expansion-panel-title>課題改善（KPT+作業報告）</v-expansion-panel-title>
- <v-expandion-panel-text>
- <v-chip color="error" variant="outlined">1つ以上の入力必須</v-chip>
- <div class="py-3"></div>
- <div>良かった点（Keep）※200文字まで</div>
- <v-text-field variant="outlined" placeholder="例）チームメンバーと積極的にコミュニケーションをとれた（先週の改善点）"></v-text-field>
- <div>悪かった点（Problem）※200文字まで</div>
- <v-text-field variant="outlined" placeholder="例）報告内容に誤字脱字が多かった"></v-text-field>
- <div>改善点（Try）※200文字まで</div>
- <v-text-field variant="outlined" placeholder="例）報告前に内容を見直す癖をつける"></v-text-field>
- </v-expandion-panel-text>
- </v-expansion-panel>
+ <v-expansion-panel>
+ <v-expansion-panel-title>課題改善（KPT+作業報告）</v-expansion-panel-title>
+ <v-expansion-panel-text>
+ <v-chip color="error" variant="outlined">1つ以上の入力必須</v-chip>
+ <div class="py-3"></div>
+ <div>良かった点（Keep）※200文字まで</div>
+ <v-text-field
+ variant="outlined"
+ placeholder="例）チームメンバーと積極的にコミュニケーションをとれた（先週の改善点）"
+ ></v-text-field>
+ <div>悪かった点（Problem）※200文字まで</div>
+ <v-text-field variant="outlined" placeholder="例）報告内容に誤字脱字が多かった"></v-text-field>
+ <div>改善点（Try）※200文字まで</div>
+ <v-text-field variant="outlined" placeholder="例）報告前に内容を見直す癖をつける"></v-text-field>
+ </v-expansion-panel-text>
+ </v-expansion-panel>
 </template>
 <style></style>

src/views/user/weeklyreport/components/TheOther.vue

@@ -2,16 +2,16 @@
 const rating = 3;
 </script>
 <template>
- <v-expansion-panel>
- <v-expansion-panel-title>その他</v-expansion-panel-title>
- <v-expandion-panel-text>
- <div class="py-3"></div>
- <div>今週の充実度</div>
- <v-rating v-model="rating" class="my-2" active-color="warning" color="lightsecondary" density="compact" scale="1.5"></v-rating>
- <div class="py-1"></div>
- <div>その他の連絡事項 ※200文字まで</div>
- <v-text-field variant="outlined" placeholder="例）XX日予定休です。BBQしました。楽しいゲームがあります。"></v-text-field>
- </v-expandion-panel-text>
- </v-expansion-panel>
+  <v-expansion-panel>
+  <v-expansion-panel-title>その他</v-expansion-panel-title>
+  <v-expansion-panel-text>
+  <div class="py-3"></div>
+  <div>今週の充実度</div>
+  <v-rating v-model="rating" class="my-2" active-color="warning" color="lightsecondary" density="compact" scale="1.5"></v-rating>
+  <div class="py-1"></div>
+  <div>その他の連絡事項 ※200文字まで</div>
+  <v-text-field variant="outlined" placeholder="例）XX日予定休です。BBQしました。楽しいゲームがあります。"></v-text-field>
+  </v-expansion-panel-text>
+  </v-expansion-panel>
 </template>
 <style></style>

src/views/user/weeklyreport/components/WeekStatus.vue

@@ -2,7 +2,7 @@
 <template>
  <v-expansion-panel>
  <v-expansion-panel-title>今週の状況</v-expansion-panel-title>
- <v-expandion-panel-text>
+ <v-expansion-panel-text>
  <div>週の残業時間</div>
  <v-row>
  <v-col cols="12">
@@ -51,7 +51,7 @@
  <v-text-field variant="outlined" placeholder="例）AWS, GCP等"></v-text-field>
  <div>ツール</div>
  <v-text-field variant="outlined" placeholder="例）PowerPlatform, AdobeXD, Figma, IntelliJ, Eclipse, VSCode等"></v-text-field>
- </v-expandion-panel-text>
+ </v-expansion-panel-text>
  </v-expansion-panel>
 </template>
 <style></style>