game: cr_건국,맹훈련,인구이동 추가

- 특수 맵 커맨드에 맞춤 - 건국: 소,중성 제한 없음 - 맹훈련: 훈련/사기진작의 2/3를 동시에 - 인구이동: 도시의 인구를 다른 곳으로 이동
2023-03-16 01:12:46 +09:00
parent ab2e43e8dd
commit 602cf3bf13
7 changed files with 794 additions and 0 deletions
@@ -0,0 +1,82 @@
+<template>
+  <TopBackBar :title="commandName" />
+  <div v-if="!available건국" class="bg0">더 이상 건국은 불가능합니다.</div>
+  <div v-else class="bg0">
+    <div>현재 도시에서 나라를 세웁니다. 도시 규모의 제한이 없습니다.</div>
+    <ul>
+      <li v-for="nationType in nationTypes" :key="nationType.type" class="row">
+        <div class="col-2 col-md-1">- {{ nationType.name }}</div>
+        <div class="col-4 col-md-2">
+          : <span style="color: cyan">{{ nationType.pros }}</span
+          >,
+        </div>
+        <div class="col-4 col-md-2">
+          <span style="color: magenta">{{ nationType.cons }}</span>
+        </div>
+      </li>
+    </ul>
+    <div class="row">
+      <div class="col-4 col-md-2">국명 : <b-form-input v-model="destNationName" maxlength="18" /></div>
+      <div class="col-3 col-md-2">색상 : <ColorSelect v-model="selectedColorID" :colors="colors" /></div>
+      <div class="col-3 col-md-2">
+        <label>성향 :</label>
+        <b-form-select v-model="selectedNationType" :options="nationTypesOption" />
+      </div>
+
+      <div class="col-2 col-md-2 d-grid">
+        <b-button @click="submit">
+          {{ commandName }}
+        </b-button>
+      </div>
+    </div>
+  </div>
+  <BottomBar :title="commandName" />
+</template>
+
+<script lang="ts">
+declare const staticValues: {
+  commandName: string;
+};
+
+declare const procRes: {
+  available건국: boolean;
+  colors: string[];
+  nationTypes: procNationTypeList;
+};
+</script>
+<script setup lang="ts">
+import ColorSelect from "@/processing/SelectColor.vue";
+import { ref } from "vue";
+import { unwrap } from "@/util/unwrap";
+import type { Args } from "@/processing/args";
+import TopBackBar from "@/components/TopBackBar.vue";
+import BottomBar from "@/components/BottomBar.vue";
+import type { procNationTypeList } from "../processingRes";
+
+const commandName = staticValues.commandName;
+const { nationTypes, available건국, colors } = procRes;
+
+const destNationName = ref("");
+const selectedColorID = ref(0);
+
+const selectedNationType = ref(Object.values(procRes.nationTypes)[0].type);
+
+async function submit(e: Event) {
+  const event = new CustomEvent<Args>("customSubmit", {
+    detail: {
+      colorType: selectedColorID.value,
+      nationName: destNationName.value,
+      nationType: selectedNationType.value,
+    },
+  });
+  unwrap(e.target).dispatchEvent(event);
+}
+
+const nationTypesOption: { html: string; value: string }[] = [];
+for (const nationType of Object.values(procRes.nationTypes)) {
+  nationTypesOption.push({
+    html: nationType.name,
+    value: nationType.type,
+  });
+}
+</script>
@@ -9,6 +9,7 @@ import { default as che_장비매매 } from "./che_장비매매.vue";
 import { default as che_장수대상임관 } from "./che_장수대상임관.vue";
 import { default as che_징병 } from "./che_징병.vue";
 import { default as che_헌납 } from "./che_헌납.vue";
+import { default as cr_건국 } from "./cr_건국.vue";

 import { default as ProcessCity } from "../ProcessCity.vue";
 import { default as ProcessGeneralAmount } from "../ProcessGeneralAmount.vue";
@@ -38,6 +39,7 @@ export const commandMap: Record<string, typeof ProcessCity> = {
    che_파괴: ProcessCity,
    che_화계: ProcessCity,
    che_헌납,
+    cr_건국,
 }

 /*
@@ -0,0 +1,166 @@
+<template>
+  <TopBackBar v-model:searchable="searchable" :title="commandName" type="chief" />
+  <div v-if="asyncReady" class="bg0">
+    <MapViewer
+      v-if="map"
+      v-model="selectedCityObj"
+      :server-nick="serverNick"
+      :serverID="serverID"
+      :map-name="unwrap(gameConstStore?.gameConst.mapName)"
+      :mapData="map"
+      :isDetailMap="false"
+      :cityPosition="cityPosition"
+      :formatCityInfo="formatCityInfoText"
+      :image-path="imagePath"
+    />
+
+    <div>
+      현재 도시의 인구를 인접 도시로 이동합니다.<br />
+    </div>
+    <div class="row">
+      <div class="col-6 col-md-4">
+        도시 :
+        <SelectCity v-model="selectedCityID" :cities="citiesMap" :searchable="searchable" />
+      </div>
+      <div class="col-6 col-md-4">
+        금 :
+        <SelectAmount
+          v-model="amount"
+          :amountGuide="amountGuide"
+          :step="10"
+          :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>
+  </div>
+  <BottomBar :title="commandName" type="chief" />
+</template>
+
+<script lang="ts">
+declare const staticValues: {
+  serverNick: string;
+  serverID: string;
+  currentCity: number;
+  commandName: string;
+};
+
+declare const getCityPosition: () => CityPositionMap;
+declare const formatCityInfo: (city: MapCityParsedRaw) => MapCityParsed;
+</script>
+
+<script lang="ts" setup>
+import MapViewer, { type CityPositionMap, type MapCityParsed, type MapCityParsedRaw } from "@/components/MapViewer.vue";
+import SelectCity from "@/processing/SelectCity.vue";
+import SelectAmount from "@/processing/SelectAmount.vue";
+import { ref, watch, onMounted, provide } from "vue";
+import { unwrap } from "@/util/unwrap";
+import type { Args } from "@/processing/args";
+import TopBackBar from "@/components/TopBackBar.vue";
+import BottomBar from "@/components/BottomBar.vue";
+import {
+  getProcSearchable,
+} from "../processingRes";
+import type { MapResult } from '@/defs';
+import { SammoAPI } from '@/SammoAPI';
+import { getGameConstStore, type GameConstStore } from '@/GameConstStore';
+
+const serverNick = staticValues.serverNick;
+const serverID = staticValues.serverID;
+
+const cityPosition = getCityPosition();
+const formatCityInfoText = formatCityInfo;
+const imagePath = window.pathConfig.gameImage;
+
+const asyncReady = ref<boolean>(false);
+const gameConstStore = ref<GameConstStore>();
+provide("gameConstStore", gameConstStore);
+const storeP = getGameConstStore().then((store) => {
+  gameConstStore.value = store;
+});
+
+void Promise.all([storeP]).then(() => {
+  asyncReady.value = true;
+});
+
+const amountGuide = [
+  5000,
+  10000,
+  20000,
+  30000,
+  50000,
+  100000,
+];
+const maxAmount = 100000;
+const minAmount = 100;
+const selectedCityID = ref(staticValues.currentCity);
+
+const map = ref<MapResult>();
+const citiesMap = ref(
+  new Map<
+    number,
+    {
+      name: string;
+      info?: string;
+    }
+  >()
+);
+watch(gameConstStore, (store)=>{
+  if(!store){
+    return;
+  }
+  const tmpCitiesMap = new Map<
+    number,
+    {
+      name: string;
+      info?: string;
+    }
+  >();
+
+  for(const city of Object.values(store.cityConst)){
+    tmpCitiesMap.set(city.id, {
+      name: city.name,
+    });
+  }
+  citiesMap.value = tmpCitiesMap;
+})
+
+async function submit(e: Event) {
+  const event = new CustomEvent<Args>("customSubmit", {
+    detail: {
+      destCityID: selectedCityID.value,
+      amount: amount.value,
+    },
+  });
+  unwrap(e.target).dispatchEvent(event);
+}
+
+
+const amount = ref(0);
+
+const searchable = getProcSearchable();
+
+const selectedCityObj = ref<MapCityParsed>();
+const commandName = ref(staticValues.commandName);
+
+watch(selectedCityObj, (city?: MapCityParsed) => {
+  if (city === undefined) {
+    return;
+  }
+  selectedCityID.value = city.id;
+});
+
+onMounted(async () => {
+  try{
+    map.value = await SammoAPI.Global.GetMap({neutralView:0, showMe: 1});
+  }
+  catch(e){
+    console.error(e);
+  }
+});
+</script>
@@ -4,6 +4,8 @@ import { default as che_물자원조 } from "./che_물자원조.vue";
 import { default as che_불가침제의 } from "./che_불가침제의.vue";
 import { default as che_피장파장 } from "./che_피장파장.vue";

+import { default as cr_인구이동 } from "./cr_인구이동.vue";
+
 import { default as ProcessNation } from "../ProcessNation.vue";
 import { default as ProcessGeneralAmount } from "../ProcessGeneralAmount.vue";
 import { default as ProcessGeneralCity } from "./che_발령.vue";
@@ -28,6 +30,7 @@ export const commandMap: Record<string, typeof ProcessNation | typeof ProcessCit
    che_포상: ProcessGeneralAmount,
    che_피장파장,
    che_허보: ProcessCity,
+    cr_인구이동,
 }

 /*