大量的代码格式化

Web/src/components/Budget/BudgetEditPopup.vue

@@ -1,7 +1,11 @@
 <template>
-  <PopupContainer 
-    v-model="visible" 
-    :title="isEdit ? `编辑${getCategoryName(form.category)}预算` : `新增${getCategoryName(form.category)}预算`" 
+  <PopupContainer
+    v-model="visible"
+    :title="
+      isEdit
+        ? `编辑${getCategoryName(form.category)}预算`
+        : `新增${getCategoryName(form.category)}预算`
+    "
     height="75%"
   >
     <div class="add-budget-form">
@@ -17,18 +21,20 @@
           <!-- 新增：不记额预算复选框 -->
           <van-field label="不记额预算">
             <template #input>
-              <van-checkbox v-model="form.noLimit" @update:model-value="onNoLimitChange">不记额预算（仅限年度）</van-checkbox>
+              <van-checkbox v-model="form.noLimit" @update:model-value="onNoLimitChange">
+                不记额预算（仅限年度）
+              </van-checkbox>
             </template>
           </van-field>
           <van-field name="type" label="统计周期">
             <template #input>
-              <van-radio-group 
-                v-model="form.type" 
+              <van-radio-group
+                v-model="form.type"
                 direction="horizontal"
                 :disabled="isEdit || form.noLimit"
               >
-                <van-radio :name="BudgetPeriodType.Month">月</van-radio>
-                <van-radio :name="BudgetPeriodType.Year">年</van-radio>
+                <van-radio :name="BudgetPeriodType.Month"> 月 </van-radio>
+                <van-radio :name="BudgetPeriodType.Year"> 年 </van-radio>
               </van-radio-group>
             </template>
           </van-field>
@@ -48,7 +54,12 @@
           </van-field>
           <van-field label="相关分类">
             <template #input>
-              <div v-if="form.selectedCategories.length === 0" style="color: var(--van-text-color-3);">可多选分类</div>
+              <div
+                v-if="form.selectedCategories.length === 0"
+                style="color: var(--van-text-color-3)"
+              >
+                可多选分类
+              </div>
               <div v-else class="selected-categories">
                 <span class="ellipsis-text">
                   {{ form.selectedCategories.join('、') }}
@@ -67,7 +78,7 @@
       </van-form>
     </div>
     <template #footer>
-        <van-button block round type="primary" @click="onSubmit">保存预算</van-button>
+      <van-button block round type="primary" @click="onSubmit"> 保存预算 </van-button>
     </template>
   </PopupContainer>
 </template>
@@ -92,15 +103,11 @@ const form = reactive({
   category: BudgetCategory.Expense,
   limit: '',
   selectedCategories: [],
-  noLimit: false  // 新增字段
+  noLimit: false // 新增字段
 })
 
-const open = ({
-  data, 
-  isEditFlag,
-  category
-}) => {
-  if(category === undefined) {
+const open = ({ data, isEditFlag, category }) => {
+  if (category === undefined) {
     showToast('缺少必要参数：category')
     return
   }
@@ -114,7 +121,7 @@ const open = ({
       category: category,
       limit: data.limit,
       selectedCategories: data.selectedCategories ? [...data.selectedCategories] : [],
-      noLimit: data.noLimit || false  // 新增
+      noLimit: data.noLimit || false // 新增
     })
   } else {
     Object.assign(form, {
@@ -124,7 +131,7 @@ const open = ({
       category: category,
       limit: '',
       selectedCategories: [],
-      noLimit: false  // 新增
+      noLimit: false // 新增
     })
   }
   visible.value = true
@@ -135,18 +142,22 @@ defineExpose({
 })
 
 const budgetType = computed(() => {
-  return form.category === BudgetCategory.Expense ? 0 : (form.category === BudgetCategory.Income ? 1 : 2)
+  return form.category === BudgetCategory.Expense
+    ? 0
+    : form.category === BudgetCategory.Income
+      ? 1
+      : 2
 })
 
 const onSubmit = async () => {
   try {
     const data = {
       ...form,
-      limit: form.noLimit ? 0 : parseFloat(form.limit),  // 不记额时金额为0
+      limit: form.noLimit ? 0 : parseFloat(form.limit), // 不记额时金额为0
       selectedCategories: form.selectedCategories,
-      noLimit: form.noLimit  // 新增
+      noLimit: form.noLimit // 新增
     }
-    
+
     const res = form.id ? await updateBudget(data) : await createBudget(data)
     if (res.success) {
       showToast('保存成功')
@@ -160,7 +171,7 @@ const onSubmit = async () => {
 }
 
 const getCategoryName = (category) => {
-  switch(category) {
+  switch (category) {
     case BudgetCategory.Expense:
       return '支出'
     case BudgetCategory.Income: