feat: 내무부 변경

hwe/ts/PageNationStratFinan.vue

@@ -1,4 +1,5 @@
 <template>
+  <MyToast v-model="toasts" />
   <div id="container" class="pageNationStratFinan bg0">
     <TopBackBar title="내무부" />
     <div class="diplomacyTitle">외교관계</div>
@@ -114,20 +115,206 @@
     </div>
 
     <div class="financeTitle">예산&amp;정책</div>
+    <div class="row gx-0 center">
+      <div class="col-6">
+        <div class="row gx-0">
+          <div class="col-12 bg2">자금 예산</div>
+          <div class="col-4 bg1">현 재</div>
+          <div class="col-8">{{ gold.toLocaleString() }}</div>
+          <div class="col-4 bg1">단기수입</div>
+          <div class="col-8">{{ income.gold.war.toLocaleString() }}</div>
+          <div class="col-4 bg1">세 금</div>
+          <div class="col-8">
+            {{ Math.floor(incomeGoldCity).toLocaleString() }}
+          </div>
+          <div class="col-4 bg1">수입/지출</div>
+          <div class="col-8">
+            +{{ Math.floor(incomeGold).toLocaleString() }} /
+            {{ Math.floor(-outcomeByBill).toLocaleString() }}
+          </div>
+          <div class="col-4 bg1">국고 예산</div>
+          <div class="col-8">
+            {{ Math.floor(gold + incomeGold - outcomeByBill).toLocaleString() }}
+            ({{ incomeGold >= outcomeByBill ? "+" : ""
+            }}{{ Math.floor(incomeGold - outcomeByBill).toLocaleString() }})
+          </div>
+        </div>
+      </div>
+      <div class="col-6">
+        <div class="row gx-0">
+          <div class="col-12 bg2">군량 예산</div>
+          <div class="col-4 bg1">현 재</div>
+          <div class="col-8">{{ rice.toLocaleString() }}</div>
+          <div class="col-4 bg1">둔점수입</div>
+          <div class="col-8">
+            {{ Math.floor(income.rice.wall).toLocaleString() }}
+          </div>
+          <div class="col-4 bg1">세 금</div>
+          <div class="col-8">
+            {{ Math.floor(incomeRiceCity).toLocaleString() }}
+          </div>
+          <div class="col-4 bg1">수입/지출</div>
+          <div class="col-8">
+            +{{ Math.floor(incomeRice).toLocaleString() }} /
+            {{ Math.floor(-outcomeByBill).toLocaleString() }}
+          </div>
+          <div class="col-4 bg1">국고 예산</div>
+          <div class="col-8">
+            {{ Math.floor(rice + incomeRice - outcomeByBill).toLocaleString() }}
+            ({{ incomeRice >= outcomeByBill ? "+" : ""
+            }}{{ Math.floor(incomeRice - outcomeByBill).toLocaleString() }})
+          </div>
+        </div>
+      </div>
+      <div class="col-6">
+        <div class="row gx-0">
+          <div class="col-4 bg1 d-grid">
+            <div class="align-self-center">
+              세율 <span class="avoid-wrap">(5 ~ 30%)</span>
+            </div>
+          </div>
+          <div class="col-8 row gx-0">
+            <div class="col-md-6 offset-md-3 align-self-center">
+              <div class="input-group my-0">
+                <input
+                  type="number"
+                  class="form-control py-1 f_tnum px-0 text-end"
+                  v-model="policy.rate"
+                  min="5"
+                  max="30"
+                /><span class="input-group-text py-1 f_tnum">%</span
+                ><b-button
+                  variant="primary"
+                  size="sm"
+                  @click="setRate"
+                  v-if="editable"
+                  >변경</b-button
+                ><b-button size="sm" @click="rollbackRate" v-if="editable"
+                  >취소</b-button
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="col-6">
+        <div class="row gx-0">
+          <div class="col-4 bg1 d-grid">
+            <div class="align-self-center">
+              지급률 <span class="avoid-wrap">(20 ~ 200%)</span>
+            </div>
+          </div>
+          <div class="col-8 row gx-0">
+            <div class="col-md-6 offset-md-3 align-self-center">
+              <div class="input-group my-0">
+                <input
+                  type="number"
+                  class="form-control py-1 f_tnum px-0 text-end"
+                  v-model="policy.bill"
+                  min="20"
+                  max="200"
+                /><span class="input-group-text py-1 f_tnum">%</span
+                ><b-button
+                  variant="primary"
+                  size="sm"
+                  @click="setBill"
+                  v-if="editable"
+                  >변경</b-button
+                ><b-button size="sm" @click="rollbackBill" v-if="editable"
+                  >취소</b-button
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="col-6">
+        <div class="row gx-0">
+          <div class="col-4 bg1 d-grid">
+            <div class="align-self-center">
+              기밀 권한 <span class="avoid-wrap">(1 ~ 99년)</span>
+            </div>
+          </div>
+          <div class="col-8 row gx-0">
+            <div class="col-md-6 offset-md-3 align-self-center">
+              <div class="input-group my-0">
+                <input
+                  type="number"
+                  class="form-control py-1 f_tnum px-0 text-end"
+                  v-model="policy.secretLimit"
+                  min="1"
+                  max="99"
+                /><span class="input-group-text py-1 f_tnum">년</span
+                ><b-button
+                  variant="primary"
+                  size="sm"
+                  @click="setSecretLimit"
+                  v-if="editable"
+                  >변경</b-button
+                ><b-button
+                  size="sm"
+                  @click="rollbackSecretLimit"
+                  v-if="editable"
+                  >취소</b-button
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="col-6 d-grid">
+        <div class="row gx-0">
+          <div class="col-4 bg1 d-grid">
+            <div class="align-self-center">전쟁 금지 설정</div>
+          </div>
+          <div class="col-8 d-grid">
+            <div class="align-self-center">10회(월 +2회, 최대10회)</div>
+          </div>
+        </div>
+      </div>
+      <div class="col-3 col-md-4"></div>
+      <div class="col-3 col-md-2 row gx-0">
+        <div class="col-9 col-md-8 text-end p-2">전쟁 금지</div>
+        <div class="col-3 col-md-4 py-2">
+          <b-form-checkbox
+            v-model="policy.blockWar"
+            @change="setBlockWar"
+            switch
+          />
+        </div>
+      </div>
+      <div class="col-3 col-md-2 row gx-0">
+        <div class="col-9 col-md-8 text-end p-2">임관 금지</div>
+        <div class="col-3 col-md-4 py-2">
+          <b-form-checkbox
+            v-model="policy.blockScout"
+            @change="setBlockScout"
+            switch
+          />
+        </div>
+      </div>
+    </div>
     <div>추가 설정</div>
     <BottomBar title="내무부" />
   </div>
 </template>
 <script lang="ts">
+import "@scss/nationStratFinan.scss";
 import TipTap from "./components/TipTap.vue";
-import { defineComponent, reactive, ref, toRefs } from "vue";
+import { computed, defineComponent, reactive, ref, toRefs } from "vue";
 import { isString } from "lodash";
-import { diplomacyState, diplomacyStateInfo, NationStaticItem } from "./defs";
+import {
+  diplomacyState,
+  diplomacyStateInfo,
+  NationStaticItem,
+  ToastType,
+} from "./defs";
 import { SammoAPI } from "./SammoAPI";
 import TopBackBar from "@/components/TopBackBar.vue";
 import BottomBar from "@/components/BottomBar.vue";
 import { joinYearMonth } from "@/util/joinYearMonth";
 import { parseYearMonth } from "@/util/parseYearMonth";
+import MyToast from "@/components/MyToast.vue";
 
 type NationItem = NationStaticItem & {
   cityCnt: number;
@@ -158,8 +345,9 @@ declare const staticValues: {
       wall: number;
     };
   };
+  outcome: number;
 
-  polcy: {
+  policy: {
     rate: number;
     bill: number;
     secretLimit: number;
@@ -178,9 +366,10 @@ export default defineComponent({
     TipTap,
     TopBackBar,
     BottomBar,
+    MyToast,
   },
   setup() {
-    staticValues;
+    const toasts = ref<ToastType[]>([]);
     const self = reactive(staticValues);
 
     let oldNationMsg = staticValues.nationMsg;
@@ -203,9 +392,17 @@ export default defineComponent({
         });
         oldNationMsg = msg;
         inEditNationMsg.value = false;
+        toasts.value.push({
+          title: "변경",
+          content: "국가 방침을 변경했습니다.",
+        });
       } catch (e) {
         if (isString(e)) {
-          alert(e);
+          toasts.value.push({
+            title: "에러",
+            content: e,
+            type: "danger",
+          });
         }
         console.error(e);
       }
@@ -229,9 +426,17 @@ export default defineComponent({
         });
         oldScoutMsg = msg;
         inEditScoutMsg.value = false;
+        toasts.value.push({
+          title: "변경",
+          content: "임관 권유문을 변경했습니다.",
+        });
       } catch (e) {
         if (isString(e)) {
-          alert(e);
+          toasts.value.push({
+            title: "에러",
+            content: e,
+            type: "danger",
+          });
         }
         console.error(e);
       }
@@ -240,7 +445,7 @@ export default defineComponent({
     const trackTiptapFormHeight = (target: string) => {
       let form: HTMLElement | null = null;
       let outerForm: HTMLElement | null = null;
-      return () => {
+      function handler() {
         if (!form) {
           form = document.querySelector(`${target} .ProseMirror`);
         }
@@ -257,10 +462,148 @@ export default defineComponent({
         if (parentHeight != clientHeight) {
           outerForm.style.height = `${clientHeight}px`;
         }
-      };
+      }
+      window.addEventListener("orientationchange", handler, true);
+
+      return handler;
     };
 
+    const incomeGoldCity = computed(() => {
+      return (self.income.gold.city * self.policy.rate) / 100;
+    });
+
+    const incomeGold = computed(() => {
+      return incomeGoldCity.value + self.income.gold.war;
+    });
+
+    const incomeRiceCity = computed(() => {
+      return (self.income.rice.city * self.policy.rate) / 100;
+    });
+
+    const incomeRice = computed(() => {
+      return incomeRiceCity.value + self.income.rice.wall;
+    });
+
+    const outcomeByBill = computed(() => {
+      return (self.outcome * self.policy.bill) / 100;
+    });
+
+    let oldRate = staticValues.policy.rate;
+    async function setRate() {
+      const rate = self.policy.rate;
+      try {
+        await SammoAPI.Nation.SetRate({ amount: rate });
+        oldRate = rate;
+        toasts.value.push({
+          title: "변경",
+          content: "세율을 변경했습니다.",
+        });
+      } catch (e) {
+        if (isString(e)) {
+          toasts.value.push({
+            title: "에러",
+            content: e,
+            type: "danger",
+          });
+        }
+        console.error(e);
+      }
+    }
+    function rollbackRate() {
+      self.policy.rate = oldRate;
+    }
+
+    let oldBill = staticValues.policy.bill;
+    async function setBill() {
+      const bill = self.policy.bill;
+      try {
+        await SammoAPI.Nation.SetBill({ amount: bill });
+        oldBill = bill;
+        toasts.value.push({
+          title: "변경",
+          content: "지급률을 변경했습니다.",
+        });
+      } catch (e) {
+        if (isString(e)) {
+          toasts.value.push({
+            title: "에러",
+            content: e,
+            type: "danger",
+          });
+        }
+        console.error(e);
+      }
+    }
+    function rollbackBill() {
+      self.policy.bill = oldBill;
+    }
+
+    let oldSecretLimit = staticValues.policy.secretLimit;
+    async function setSecretLimit() {
+      const secretLimit = self.policy.secretLimit;
+      try {
+        await SammoAPI.Nation.SetSecretLimit({ amount: secretLimit });
+        oldSecretLimit = secretLimit;
+        toasts.value.push({
+          title: "변경",
+          content: "기밀 권한을 변경했습니다.",
+        });
+      } catch (e) {
+        if (isString(e)) {
+          toasts.value.push({
+            title: "에러",
+            content: e,
+            type: "danger",
+          });
+        }
+        console.error(e);
+      }
+    }
+    function rollbackSecretLimit() {
+      self.policy.secretLimit = oldSecretLimit;
+    }
+
+    async function setBlockWar() {
+      try {
+        await SammoAPI.Nation.SetBlockWar({ value: self.policy.blockWar });
+        toasts.value.push({
+          title: "변경",
+          content: "전쟁 금지 설정을 변경했습니다.",
+        });
+      } catch (e) {
+        if (isString(e)) {
+          toasts.value.push({
+            title: "에러",
+            content: e,
+            type: "danger",
+          });
+        }
+        console.error(e);
+      }
+    }
+
+    async function setBlockScout() {
+      try {
+        await SammoAPI.Nation.SetBlockScout({ value: self.policy.blockScout });
+        toasts.value.push({
+          title: "변경",
+          content: "임관 설정을 변경했습니다.",
+        });
+      } catch (e) {
+        if (isString(e)) {
+          toasts.value.push({
+            title: "에러",
+            content: e,
+            type: "danger",
+          });
+        }
+        console.error(e);
+      }
+    }
+
     return {
+      toasts,
+
       ...toRefs(self),
       inEditNationMsg,
       inEditScoutMsg,
@@ -276,12 +619,24 @@ export default defineComponent({
 
       trackNationMsgHeight: trackTiptapFormHeight("#noticeForm"),
       trackScoutMsgHeight: trackTiptapFormHeight("#scoutMsgForm"),
+
+      incomeGoldCity,
+      incomeGold,
+      incomeRiceCity,
+      incomeRice,
+      outcomeByBill,
+
+      setRate,
+      rollbackRate,
+      setBill,
+      rollbackBill,
+      setSecretLimit,
+      rollbackSecretLimit,
+
+      setBlockWar,
+      setBlockScout,
     };
   },
   methods: {},
 });
-</script>
-
-<style lang="scss">
-@import "@scss/nationStratFinan.scss";
-</style>
+</script>

hwe/ts/SammoAPI.ts

@@ -40,6 +40,11 @@ const apiRealPath = {
     Nation: {
         SetNotice: done,
         SetScoutMsg: done,
+        SetBill: done,
+        SetRate: done,
+        SetSecretLimit: done,
+        SetBlockWar: done,
+        SetBlockScout: done,
     },
 } as const;