style: 使用eslint、prettier

frontend/src/components/layout/header-crumb.vue

@@ -1,19 +1,19 @@
 <script setup>
-import { useRoute } from "vue-router";
-import { computed } from "vue";
+import { useRoute } from 'vue-router'
+import { computed } from 'vue'
 
-const route = useRoute();
+const route = useRoute()
 const cruPath = computed(() => {
-  return route.path.substring(1, route.path.length).split("/");
-});
-console.log(route.path, route.fullPath);
+  return route.path.substring(1, route.path.length).split('/')
+})
+console.log(route.path, route.fullPath)
 </script>
 
 <template>
   <div class="crumb">
     <a-breadcrumb>
       <a-breadcrumb-item href="">Home</a-breadcrumb-item>
-      <template v-for="path in cruPath">
+      <template v-for="path in cruPath" :key="path">
         <a-breadcrumb-item>
           {{ path }}
         </a-breadcrumb-item>

frontend/src/components/layout/layout-header.vue

@@ -1,20 +1,20 @@
 <script setup>
-import { ref } from "vue";
-import UserInfo from "@/components/layout/layout-info/layout-info.vue";
-import HeaderCrumb from "./header-crumb.vue";
-import { loadIconCpn } from "@/utils/loadCpn";
+import { ref } from 'vue'
+import UserInfo from '@/components/layout/layout-info/layout-info.vue'
+import HeaderCrumb from './header-crumb.vue'
+import { loadIconCpn } from '@/utils/loadCpn'
 
 // 记录图标状态
-const collapsed = ref(false);
+const collapsed = ref(false)
 
-const emits = defineEmits(["changeFold"]);
+const emits = defineEmits(['changeFold'])
 
 // 修改图标状态同时传递参数给父组件让其变更菜单收缩
 const clickMenuFold = () => {
-  collapsed.value = !collapsed.value;
+  collapsed.value = !collapsed.value
   // 父组件需要绑定这个事件
-  emits("changeFold", collapsed.value);
-};
+  emits('changeFold', collapsed.value)
+}
 </script>
 
 <template>

frontend/src/components/layout/layout-info/layout-info.vue

@@ -1,24 +1,24 @@
 <script setup>
-import { ref } from "vue";
-import { useRouter } from "vue-router";
-import { userStore } from "@/stores/user";
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { userStore } from '@/stores/user'
 
-import SelectRole from "./select-role.vue";
+import SelectRole from './select-role.vue'
 
-const store = userStore();
-const router = useRouter();
+const store = userStore()
+const router = useRouter()
 
-const roleChangeRef = ref();
+const roleChangeRef = ref()
 
 const onClick = ({ key }) => {
-  if (key === "1") {
+  if (key === '1') {
     // 点击切换角色
-    roleChangeRef.value?.showModal();
+    roleChangeRef.value?.showModal()
   } else {
-    store.$reset();
-    router.push("/login");
+    store.$reset()
+    router.push('/login')
   }
-};
+}
 </script>
 
 <template>

frontend/src/components/layout/layout-info/select-role.vue

@@ -1,42 +1,42 @@
 <script setup>
-import { ref, computed } from "vue";
-import { userStore } from "@/stores/user";
+import { ref, computed } from 'vue'
+import { userStore } from '@/stores/user'
 
-const store = userStore();
+const store = userStore()
 
-const loading = ref(false);
-const visible = ref(false);
+const loading = ref(false)
+const visible = ref(false)
 
-const currentRoleId = ref(store.userInfo.roles[0].id);
+const currentRoleId = ref(store.userInfo.roles[0].id)
 
 // 角色列表选项
 const options = computed(() => {
   return store.userInfo.roles.map((role) => ({
     label: role.name,
-    value: role.id,
-  }));
-});
+    value: role.id
+  }))
+})
 
 const showModal = () => {
-  visible.value = true;
-};
+  visible.value = true
+}
 
 const handleOk = () => {
-  loading.value = true;
-  store.userSelectRole(currentRoleId.value);
+  loading.value = true
+  store.userSelectRole(currentRoleId.value)
   setTimeout(() => {
-    loading.value = false;
-    visible.value = false;
-  }, 1000);
-};
+    loading.value = false
+    visible.value = false
+  }, 1000)
+}
 
 const handleCancel = () => {
-  visible.value = false;
-};
+  visible.value = false
+}
 
 defineExpose({
-  showModal,
-});
+  showModal
+})
 </script>
 
 <template>
@@ -44,13 +44,7 @@ defineExpose({
     <a-modal v-model:visible="visible" title="切换角色" @ok="handleOk">
       <template #footer>
         <a-button key="back" @click="handleCancel">取消</a-button>
-        <a-button
-          key="submit"
-          type="primary"
-          :loading="loading"
-          @click="handleOk"
-          >确定</a-button
-        >
+        <a-button key="submit" type="primary" :loading="loading" @click="handleOk">确定</a-button>
       </template>
       <span>选择角色：</span>
 

frontend/src/components/layout/sider-menu.vue

@@ -1,15 +1,15 @@
 <script setup>
-import { useRouter } from "vue-router";
-import { userStore } from "@/stores/user";
-import { loadIconCpn } from "@/utils/loadCpn";
+import { useRouter } from 'vue-router'
+import { userStore } from '@/stores/user'
+import { loadIconCpn } from '@/utils/loadCpn'
 
-const store = userStore();
-const router = useRouter();
+const store = userStore()
+const router = useRouter()
 
 // 菜单点击事件
 const menuClick = (menu) => {
-  router.push(menu.path);
-};
+  router.push(menu.path)
+}
 </script>
 
 <template>
@@ -44,7 +44,7 @@ const menuClick = (menu) => {
 .logo {
   display: flex;
   height: 32px;
-  background: rgba(255, 255, 255, 0.3) url("@/assets/img/fastapi.svg");
+  background: rgba(255, 255, 255, 0.3) url('@/assets/img/fastapi.svg');
   margin: 16px;
   background-size: 100% 100%;
 }