新增定时账单功能

Web/src/views/SettingView.vue

@@ -3,18 +3,19 @@
     <van-nav-bar title="设置" placeholder/>
     <div class="scroll-content">
       <div class="detail-header" style="padding-bottom: 5px;">
-        <p>账单导入</p>
+        <p>账单</p>
       </div>
       <van-cell-group inset>
         <van-cell title="从支付宝导入" is-link @click="handleImportClick('Alipay')" />
         <van-cell title="从微信导入" is-link @click="handleImportClick('WeChat')" />
+        <van-cell title="周期记录" is-link @click="handlePeriodicRecord" />
       </van-cell-group>
 
       <!-- 隐藏的文件选择器 -->
       <input ref="fileInputRef" type="file" accept=".csv,.xlsx,.xls" style="display: none" @change="handleFileChange" />
 
       <div class="detail-header" style="padding-bottom: 5px;">
-        <p>分类处理</p>
+        <p>分类</p>
       </div>
       <van-cell-group inset>
         <van-cell title="编辑分类" is-link @click="handleEditClassification" />
@@ -22,6 +23,7 @@
         <van-cell title="智能分类" is-link @click="handleSmartClassification" />
         <van-cell title="自然语言分类" is-link @click="handleNaturalLanguageClassification" />
       </van-cell-group>
+
       <div class="detail-header" style="padding-bottom: 5px;">
         <p>账户</p>
       </div>
@@ -53,6 +55,10 @@ const handleImportClick = (type) => {
   fileInputRef.value?.click()
 }
 
+const handlePeriodicRecord = () => {
+  router.push({ name: 'periodic-record' })
+}
+
 /**
  * 处理文件选择
  */
@@ -168,6 +174,7 @@ const handleLogout = async () => {
 
 .detail-header {
   padding: 16px 16px 5px 16px;
+  margin-bottom: 5px;
 }
 
 .detail-header p {