feat(WIP): processing 건국, 다른 메뉴 UI 통일

- lazy loading은 의미가 없으므로 롤백

hwe/ts/processing/Nation/che_국기변경.vue

@@ -3,13 +3,13 @@
   <div class="bg0">
     <div>
       국기를 변경합니다. 단 1회 가능합니다.<br>
-      색상 : <br />
     </div>
     <div class="row">
-      <div class="col-12 col-md-6">
+      <div class="col-6 col-md-3">
+        색상 :
         <ColorSelect :colors="colors" v-model="selectedColorID" />
       </div>
-      <div class="col-12 col-md-6">
+      <div class="col-4 col-md-2 d-grid">
         <b-button @click="submit">{{ commandName }}</b-button>
       </div>
     </div>

hwe/ts/processing/Nation/che_국호변경.vue

@@ -3,13 +3,13 @@
   <div class="bg0">
     <div>
       나라의 이름을 바꿉니다. 황제가 된 후 1회 가능합니다.<br />
-      국명 : <br />
     </div>
     <div class="row">
-      <div class="col-12 col-md-6">
+      <div class="col-6 col-md-3">
+        국명 :
         <b-form-input v-model="destNationName"/>
       </div>
-      <div class="col-12 col-md-6">
+      <div class="col-4 col-md-2 d-grid">
         <b-button @click="submit">{{ commandName }}</b-button>
       </div>
     </div>

hwe/ts/processing/Nation/che_급습.vue

@@ -18,10 +18,11 @@
       표시됩니다.<br />
     </div>
     <div class="row">
-      <div class="col-12 col-md-6">
+      <div class="col-6 col-md-3">
+        국가 :
         <NationSelect :nations="nations" v-model="selectedNationID" />
       </div>
-      <div class="col-12 col-md-6">
+      <div class="col-4 col-md-2 d-grid">
         <b-button @click="submit">{{ commandName }}</b-button>
       </div>
     </div>

hwe/ts/processing/Nation/che_몰수.vue

@@ -1,15 +1,16 @@
 <template>
   <TopBackBar :title="commandName" type="chief" />
   <div class="bg0">
-    <div v-if="commandName=='몰수'">
+    <div v-if="commandName == '몰수'">
       장수의 자금이나 군량을 몰수합니다.<br />
       몰수한것은 국가재산으로 귀속됩니다.<br />
     </div>
-    <div v-else-if="commandName=='포상'">
+    <div v-else-if="commandName == '포상'">
       국고로 장수에게 자금이나 군량을 지급합니다.<br />
     </div>
     <div class="row">
       <div class="col-12 col-md-5">
+        장수 :
         <GeneralSelect
           :cities="citiesMap"
           :generals="generalList"
@@ -18,13 +19,23 @@
           :textHelper="textHelpGeneral"
         />
       </div>
-      <AmountSelect
-        :amountGuide="amountGuide"
-        v-model="amount"
-        :maxAmount="maxAmount"
-        :minAmount="minAmount"
-      />
-      <div class="col-12 col-md-2 d-grid">
+      <div class="col-2 col-md-1">
+        자원 :
+        <b-button-group>
+          <b-button :pressed="isGold" @click="isGold=true">금</b-button>
+          <b-button :pressed="!isGold" @click="isGold=false">쌀</b-button>
+        </b-button-group>
+      </div>
+      <div class="col-10 col-md-4">
+        금액 :
+        <AmountSelect
+          :amountGuide="amountGuide"
+          v-model="amount"
+          :maxAmount="maxAmount"
+          :minAmount="minAmount"
+        />
+      </div>
+      <div class="col-4 col-md-2 d-grid">
         <b-button variant="primary" @click="submit">{{ commandName }}</b-button>
       </div>
     </div>

hwe/ts/processing/Nation/che_발령.vue

@@ -17,6 +17,7 @@
     </div>
     <div class="row">
       <div class="col-12 col-md-6">
+        장수 :
         <GeneralSelect
           :cities="citiesMap"
           :generals="generalList"
@@ -25,11 +26,12 @@
           v-model="selectedGeneralID"
         />
       </div>
-      <div class="col-12 col-md-4">
+      <div class="col-6 col-md-4">
+        도시 :
         <CitySelect :cities="citiesMap" v-model="selectedCityID" />
       </div>
-      <div class="col-12 col-md-2 d-grid">
-        <b-button @click="submit">{{ commandName }}</b-button>
+      <div class="col-4 col-md-2 d-grid">
+        <b-button variant="primary" @click="submit">{{ commandName }}</b-button>
       </div>
     </div>
   </div>

hwe/ts/processing/Nation/index.ts

@@ -4,11 +4,11 @@ import { default as NationProcess } from "./che_급습.vue";
 import { default as GeneralAmountProcess } from "./che_몰수.vue";
 import { default as GeneralCityProcess } from "./che_발령.vue";
 
-export const commandMap: Record<string, ()=>typeof NationProcess> = {
-    che_국기변경: ()=>che_국기변경,
-    che_국호변경: ()=>che_국호변경,
-    che_급습: ()=>NationProcess,
-    che_몰수: ()=>GeneralAmountProcess,
-    che_포상: ()=>GeneralAmountProcess,
-    che_발령: ()=>GeneralCityProcess,
+export const commandMap: Record<string, typeof NationProcess> = {
+    che_국기변경,
+    che_국호변경,
+    che_급습: NationProcess,
+    che_몰수: GeneralAmountProcess,
+    che_포상: GeneralAmountProcess,
+    che_발령: GeneralCityProcess,
 }