大量的代码格式化

Web/src/views/ClassificationEdit.vue

@@ -1,121 +1,102 @@
 <template>
   <div class="page-container-flex">
-    <van-nav-bar 
-      :title="navTitle" 
+    <van-nav-bar
+      :title="navTitle"
       left-text="返回"
       left-arrow
-      placeholder 
+      placeholder
       @click-left="handleBack"
     />
 
     <div class="scroll-content">
-    <!-- 第一层：选择交易类型 -->
-    <div v-if="currentLevel === 0" class="level-container">
-      <van-cell-group inset>
-        <van-cell
-          v-for="type in typeOptions"
-          :key="type.value"
-          :title="type.label"
-          is-link
-          @click="handleSelectType(type.value)"
-        />
-      </van-cell-group>
-    </div>
-
-    <!-- 第二层：分类列表 -->
-    <div v-else class="level-container">
-      <!-- 面包屑导航 -->
-      <div class="breadcrumb">
-        <van-tag 
-          type="primary" 
-          closeable 
-          style="margin-left: 16px;"
-          @close="handleBackToRoot"
-        >
-          {{ currentTypeName }}
-        </van-tag>
+      <!-- 第一层：选择交易类型 -->
+      <div v-if="currentLevel === 0" class="level-container">
+        <van-cell-group inset>
+          <van-cell
+            v-for="type in typeOptions"
+            :key="type.value"
+            :title="type.label"
+            is-link
+            @click="handleSelectType(type.value)"
+          />
+        </van-cell-group>
       </div>
 
-      <!-- 分类列表 -->
-      <van-empty v-if="categories.length === 0" description="暂无分类" />
-      
-      <van-cell-group v-else inset>
-        <van-swipe-cell v-for="category in categories" :key="category.id">
-          <van-cell 
-            :title="category.name" 
-            is-link 
-            @click="handleEdit(category)"
-          />
-          <template #right>
-            <van-button 
-              square 
-              type="danger" 
-              text="删除"
-              @click="handleDelete(category)"
-            />
-          </template>
-        </van-swipe-cell>
-      </van-cell-group>
-    </div>
+      <!-- 第二层：分类列表 -->
+      <div v-else class="level-container">
+        <!-- 面包屑导航 -->
+        <div class="breadcrumb">
+          <van-tag type="primary" closeable style="margin-left: 16px" @close="handleBackToRoot">
+            {{ currentTypeName }}
+          </van-tag>
+        </div>
 
-    <!-- 底部安全距离 -->
-    <div style="height: calc(55px + env(safe-area-inset-bottom, 0px))"></div>
+        <!-- 分类列表 -->
+        <van-empty v-if="categories.length === 0" description="暂无分类" />
 
-    <div class="bottom-button">
-      <!-- 新增分类按钮 -->
-      <van-button 
-        type="primary" 
-        size="large" 
-        icon="plus"
-        @click="handleAddCategory"
+        <van-cell-group v-else inset>
+          <van-swipe-cell v-for="category in categories" :key="category.id">
+            <van-cell :title="category.name" is-link @click="handleEdit(category)" />
+            <template #right>
+              <van-button square type="danger" text="删除" @click="handleDelete(category)" />
+            </template>
+          </van-swipe-cell>
+        </van-cell-group>
+      </div>
+
+      <!-- 底部安全距离 -->
+      <div style="height: calc(55px + env(safe-area-inset-bottom, 0px))" />
+
+      <div class="bottom-button">
+        <!-- 新增分类按钮 -->
+        <van-button type="primary" size="large" icon="plus" @click="handleAddCategory">
+          新增分类
+        </van-button>
+      </div>
+
+      <!-- 新增分类对话框 -->
+      <van-dialog
+        v-model:show="showAddDialog"
+        title="新增分类"
+        @confirm="handleConfirmAdd"
+        @cancel="resetAddForm"
       >
-        新增分类
-      </van-button>
-    </div>
+        <van-form ref="addFormRef">
+          <van-field
+            v-model="addForm.name"
+            name="name"
+            label="分类名称"
+            placeholder="请输入分类名称"
+            :rules="[{ required: true, message: '请输入分类名称' }]"
+          />
+        </van-form>
+      </van-dialog>
 
-    <!-- 新增分类对话框 -->
-    <van-dialog
-      v-model:show="showAddDialog"
-      title="新增分类"
-      @confirm="handleConfirmAdd"
-      @cancel="resetAddForm"
-    >
-      <van-form ref="addFormRef">
-        <van-field
-          v-model="addForm.name"
-          name="name"
-          label="分类名称"
-          placeholder="请输入分类名称"
-          :rules="[{ required: true, message: '请输入分类名称' }]"
-        />
-      </van-form>
-    </van-dialog>
+      <!-- 编辑分类对话框 -->
+      <van-dialog
+        v-model:show="showEditDialog"
+        title="编辑分类"
+        show-cancel-button
+        @confirm="handleConfirmEdit"
+      >
+        <van-form ref="editFormRef">
+          <van-field
+            v-model="editForm.name"
+            name="name"
+            label="分类名称"
+            placeholder="请输入分类名称"
+            :rules="[{ required: true, message: '请输入分类名称' }]"
+          />
+        </van-form>
+      </van-dialog>
 
-    <!-- 编辑分类对话框 -->
-    <van-dialog
-      v-model:show="showEditDialog"
-      title="编辑分类"
-      show-cancel-button
-      @confirm="handleConfirmEdit"
-    >
-      <van-form ref="editFormRef">
-        <van-field
-          v-model="editForm.name"
-          name="name"
-          label="分类名称"
-          placeholder="请输入分类名称"
-          :rules="[{ required: true, message: '请输入分类名称' }]"
-        />
-      </van-form>
-    </van-dialog>
-
-    <!-- 删除确认对话框 -->
-    <van-dialog
-      v-model:show="showDeleteConfirm"
-      title="删除分类"
-      message="删除后无法恢复，确定要删除吗？"
-      @confirm="handleConfirmDelete"
-    />
+      <!-- 删除确认对话框 -->
+      <van-dialog
+        v-model:show="showDeleteConfirm"
+        title="删除分类"
+        message="删除后无法恢复，确定要删除吗？"
+        @confirm="handleConfirmDelete"
+      />
     </div>
   </div>
 </template>
@@ -123,12 +104,7 @@
 <script setup>
 import { ref, computed, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
-import { 
-  showSuccessToast, 
-  showToast, 
-  showLoadingToast, 
-  closeToast 
-} from 'vant'
+import { showSuccessToast, showToast, showLoadingToast, closeToast } from 'vant'
 import {
   getCategoryList,
   createCategory,
@@ -149,7 +125,7 @@ const typeOptions = [
 const currentLevel = ref(0) // 0=类型选择, 1=分类管理
 const currentType = ref(null) // 当前选中的交易类型
 const currentTypeName = computed(() => {
-  const type = typeOptions.find(t => t.value === currentType.value)
+  const type = typeOptions.find((t) => t.value === currentType.value)
   return type ? type.label : ''
 })
 
@@ -301,7 +277,7 @@ const handleEdit = (category) => {
 const handleConfirmEdit = async () => {
   try {
     await editFormRef.value?.validate()
-    
+
     showLoadingToast({
       message: '保存中...',
       forbidClick: true,
@@ -340,7 +316,9 @@ const handleDelete = async (category) => {
  * 确认删除
  */
 const handleConfirmDelete = async () => {
-  if (!deleteTarget.value) return
+  if (!deleteTarget.value) {
+    return
+  }
 
   try {
     showLoadingToast({
@@ -382,7 +360,6 @@ onMounted(() => {
 })
 </script>
 
-
 <style scoped>
 .level-container {
   min-height: calc(100vh - 50px);