feat(WIP): processing 작업

hwe/ts/processing/General/che_강행.vue

@@ -1,34 +1,38 @@
 <template>
-  <MapLegacyTemplate
-    :isDetailMap="false"
-    :clickableAll="true"
-    :neutralView="true"
-    :useCachedMap="true"
-    :mapTheme="mapTheme"
-    v-model="selectedCityObj"
-  />
-  <div>
-    선택된 도시로 강행합니다.<br />
-    최대 3칸내 도시로만 강행이 가능합니다.<br />
-    목록을 선택하거나 도시를 클릭하세요.<br />
-  </div>
-  <div class="row">
-    <div class="col">
-      <CitySelect :cities="citiesMap" :modelValue="selectedCityID" />
+  <TopBackBar :title="commandName" />
+  <div class="bg0">
+    <MapLegacyTemplate
+      :isDetailMap="false"
+      :clickableAll="true"
+      :neutralView="true"
+      :useCachedMap="true"
+      :mapTheme="mapTheme"
+      v-model="selectedCityObj"
+    />
+
+    <div>
+      선택된 도시로 강행합니다.<br />
+      최대 3칸내 도시로만 강행이 가능합니다.<br />
+      목록을 선택하거나 도시를 클릭하세요.<br />
     </div>
-    <div class="col">
-      <b-button @click="submit">{{ commandName }}</b-button>
+    <div class="row">
+      <div class="col">
+        <CitySelect :cities="citiesMap" :modelValue="selectedCityID" />
+      </div>
+      <div class="col">
+        <b-button @click="submit">{{ commandName }}</b-button>
+      </div>
     </div>
+    <CityBasedOnDistance
+      :citiesMap="citiesMap"
+      :distanceList="distanceList"
+      @selected="selected"
+    />
   </div>
-  <CityBasedOnDistance
-    :citiesMap="citiesMap"
-    :distanceList="distanceList"
-    @selected="selected"
-  />
+  <BottomBar :title="commandName" />
 </template>
 
 <script lang="ts">
-import "@/../css/map.css";
 import MapLegacyTemplate, {
   MapCityParsed,
 } from "@/components/MapLegacyTemplate.vue";
@@ -37,17 +41,20 @@ import CityBasedOnDistance from "@/processing/CitiesBasedOnDistance.vue";
 import { defineComponent, ref } from "vue";
 import { unwrap } from "@/util/unwrap";
 import { Args } from "@/processing/args";
+import TopBackBar from "@/components/TopBackBar.vue";
+import BottomBar from "@/components/BottomBar.vue";
 declare const mapTheme: string;
 declare const cities: [number, string][];
 declare const currentCity: number;
 declare const distanceList: Record<number, number[]>;
 declare const commandName: string;
 export default defineComponent({
-  name: "che_강행",
   components: {
     MapLegacyTemplate,
     CitySelect,
     CityBasedOnDistance,
+    TopBackBar,
+    BottomBar,
   },
   watch: {
     selectedCityObj(city: MapCityParsed) {
@@ -55,7 +62,6 @@ export default defineComponent({
     },
   },
   setup() {
-    console.log("start!");
     const citiesMap = new Map<
       number,
       {