fix: 사령부가 덜 찬 상황에서 표기되지 않는 버그 수정

hwe/ts/ChiefCenter/BottomItem.vue

@@ -9,19 +9,19 @@
     <div
       class="bg1 nameHeader"
       :style="{
-        color: getNpcColor(officer.npcType ?? 0),
+        color: getNpcColor(officer?.npcType ?? 0),
         textDecoration: isMe ? 'underline' : undefined,
       }"
     >
-      {{ officer.name ?? "-" }}
+      {{ officer?(officer?.name ?? "-"):'' }}
     </div>
     <div class="bg1 center row gx-0">
-      <div class="col">{{ officer.officerLevelText }}</div>
+      <div class="col">{{ officer?.officerLevelText }}</div>
-      <div class="col">{{ (officer.turnTime ?? "  -  ").slice(-5) }}</div>
+      <div class="col">{{ officer?((officer?.turnTime ?? "  -  ").slice(-5)):'' }}</div>
     </div>
     <div
       class="tableCell align-self-center"
-      v-for="(turn, idx) in officer.turn"
+      v-for="(turn, idx) in officer?.turn??[]"
       :key="idx"
       :style="{
         fontSize:

hwe/ts/ChiefCenter/TopItem.vue

@@ -1,21 +1,19 @@
 <template>
-  <div
+  <div :class="['subRows', 'c-bg2', 'chiefCommand']" :style="style">
-    :class="['subRows', 'c-bg2', 'chiefCommand']"
-    :style="style"
-  >
     <div class="bg1 center row gx-0" style="font-size: 1.2em">
       <div class="col-5 align-self-center text-end">
-        {{ officer.officerLevelText }} :
+        {{ officer?`${officer.officerLevelText} : `:'' }}
       </div>
       <div
         class="col-7 align-self-center"
         :style="{
-          color: getNpcColor(officer.npcType ?? 0),
+          color: getNpcColor((officer?.npcType) ?? 0),
         }"
       >
-        {{ officer.name }}
+        {{ officer?.name }}
       </div>
     </div>
+    <template v-if="officer">
       <div class="row gx-0" v-for="(turn, idx) in officer.turn" :key="idx">
         <div class="col-2 time_pad f_tnum">
           {{ turnTimes[idx] }}
@@ -32,6 +30,7 @@
           {{ turn.brief }}
         </div>
       </div>
+    </template>
   </div>
 </template>
 <script lang="ts">
@@ -49,7 +48,7 @@ export default defineComponent({
   props: {
     style: VueTypes.object.isRequired,
     officer: {
-        type: Object as PropType<ChiefResponse['chiefList'][0]>,
+      type: Object as PropType<ChiefResponse["chiefList"][0]>,
       required: true,
     },
     turnTerm: VueTypes.integer.isRequired,
@@ -61,23 +60,30 @@ export default defineComponent({
 
   data() {
     const turnTimes: string[] = [];
+    if (!this.officer) {
+      return {};
+    }
 
     if (!this.officer.turnTime) {
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       for (const _ of range(this.officer.turn.length)) {
-              turnTimes.push('-');
+        turnTimes.push("-");
       }
-      }
+    } else {
-      else{
       const baseTurnTime = parseTime(this.officer.turnTime);
       for (const idx of range(this.officer.turn.length)) {
-              turnTimes.push(formatTime(addMinutes(baseTurnTime, idx * this.turnTerm), this.turnTerm >= 5 ? "HH:mm":"mm:ss"));
+        turnTimes.push(
+          formatTime(
+            addMinutes(baseTurnTime, idx * this.turnTerm),
+            this.turnTerm >= 5 ? "HH:mm" : "mm:ss"
+          )
+        );
       }
     }
 
     return {
       turnTimes,
-      }
+    };
   },
 });
 </script>

hwe/ts/PageChiefCenter.vue

@@ -78,7 +78,10 @@
                 </div>
                 <div class="row gx-1 gy-1 py-1">
                   <div class="col-md-4 mx-0 mb-0 mt-1 d-grid">
-                    <div class="alert alert-primary mb-0 center" style="padding:0.5rem 0">
+                    <div
+                      class="alert alert-primary mb-0 center"
+                      style="padding: 0.5rem 0"
+                    >
                       {{ serverNow }}
                     </div>
                   </div>
@@ -207,7 +210,7 @@
           :chiefLevel="chiefLevel"
           :chiefList="chiefList"
           :style="subTableGridRows"
-          :isMe="targetIsMe"
+          :isMe="chiefLevel == officerLevel"
           @click="viewTarget = chiefLevel"
         />
         <div
@@ -407,8 +410,14 @@ export default defineComponent({
         timeDiff.value = serverNowObj.getTime() - clientNowObj.getTime();
 
         if (viewTarget.value === undefined) {
+          if(!tableObj.officerLevel){
+            viewTarget.value = 12;
+          }
+          else{
             viewTarget.value = tableObj.officerLevel;
           }
+
+        }
       } catch (e) {
         if (isString(e)) {
           alert(e);