feat: 기능 완성

hwe/ts/components/CommandSelectForm.vue

@@ -22,7 +22,17 @@
                     @click="close(commandItem.value)"
                 >
                     <div class="commandItem">
-                        <p class="center my-0">{{ commandItem.simpleName }}</p>
+                        <p :class="['center', 'my-0', commandItem.possible ? '' : 'commandImpossible']">
+                            {{ commandItem.simpleName }}
+                            <span
+                                class="compensatePositive"
+                                v-if="commandItem.compensation > 0"
+                            >▲</span>
+                            <span
+                                class="compensateNegative"
+                                v-else-if="commandItem.compensation < 0"
+                            >▼</span>
+                        </p>
                         <small class="center" :style="{ display: 'block' }">
                             {{
                                 commandItem.title.startsWith(commandItem.simpleName)
@@ -33,11 +43,11 @@
                     </div>
                 </div>
             </div>
-            <!--<div class="commandBottom row mt-1 mb-1">
+            <div v-if="!hideClose" class="commandBottom row mt-1 mb-1">
                 <div class="offset-8 col-4 d-grid">
                     <BButton @click="close()">닫기</BButton>
                 </div>
-            </div>-->
+            </div>
         </div>
     </teleport>
 </template>
@@ -86,6 +96,11 @@ const props = defineProps({
         type: String,
         required: false,
         default: '.commandSelectFormAnchor',
+    },
+    hideClose: {
+        type: Boolean,
+        required: false,
+        default: true,
     }
 })