dev

frontend/src/pages/Character/Result/Index.vue

@@ -1,18 +1,36 @@
 <template>
   <div class="flex gap-2" v-if="configStore.result.state">
-    <Info :suits="configStore.result.state.suits" :info="configStore.result.state.info" :equs="configStore.config.equips"></Info>
-    <Skill :data="configStore.result.state.skills"></Skill>
+    <div class="flex flex-col justify-between">
+      <div class="flex gap-5 items-center">
+        <calc-button class="flex-1" @click="setStandard">设为基准</calc-button>
+        <calc-button class="flex-1" @click="clearStandard">清空基准</calc-button>
+      </div>
+      <Info
+        :suits="configStore.result.state.suits"
+        :info="configStore.result.state.info"
+        :equs="configStore.config.equips"
+      ></Info>
+    </div>
+    <Skill :data="configStore.result.state.skills" :standard="infoStore.standard"></Skill>
   </div>
 </template>
 
 <script setup lang="ts">
-import { useConfigStore } from '@/stores';
-import Info from './components/Info.vue';
-import Skill from './components/Skill.vue';
+import { useConfigStore, useInfoStore } from '@/stores'
+import Info from './components/Info.vue'
+import Skill from './components/Skill.vue'
 
-const configStore = useConfigStore();
+const configStore = useConfigStore()
+const infoStore = useInfoStore()
+
+const setStandard = () => {
+  if(!configStore?.result?.state?.uuid) return
+  infoStore.setStandard(configStore.result.state)
+}
+
+const clearStandard = () => {
+  infoStore.setStandard(undefined)
+}
 </script>
 
-<style scoped lang="scss">
-
-</style>
+<style scoped lang="scss"></style>