npm - accounting-page - Versions diffs - 0.1.11 → 0.1.16 - Mend

accounting-page 0.1.11 → 0.1.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/README.md +63 -1
package/index.html +1 -1
package/package.json +8 -8
package/src/App.vue +7 -9
package/src/style.css +0 -296
package/src/views/BalanceSheet.vue +48 -31
package/src/views/VoucherCreate.vue +226 -90
package/version.txt +1 -0

package/README.md CHANGED Viewed

@@ -5,4 +5,66 @@ This template should help get you started developing with Vue 3 and TypeScript i
 the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
 Learn more about the recommended Project Setup and IDE Support in
-the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
+the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
+## Run
+### 环境
+```shell
+$$env:PATH+=";"+$env:USERPROFILE+"\AppData\Roaming\JetBrains\IntelliJIdea2026.1\node\versions\24.13.0\"
+```
+### 新的开发
+```shell
+cd ~\IdeaProjects\ricewines\invest-page\accounting-page
+```
+```shell
+$$env:INVEST_VERSION = (Get-Content "./version.txt" -Raw).Trim()
+```
+```shell
+echo "已设置版本：$env:INVEST_VERSION"
+echo "已设置版本：$env:PATH"
+```
+```shell
+git add .
+```
+```shell
+git commit -m "#16 升级"
+```
+```shell
+git tag -a v$env:INVEST_VERSION -m "发布版本$env:INVEST_VERSION"
+```
+```shell
+git push origin v$env:INVEST_VERSION
+```
+```shell
+git push origin dev_chixh
+```
+### 发布
+```shell
+npm login
+```
+```shell
+npm publish
+```
+## TODO
+- [X] 统计周期：本月首日—今日，报表类型选择资产负债表
+- [X] 科目选择框设置为全屏/最大化
+- [X] 凭证保存成功后，自动新建空白凭证窗口
+- [ ] 科目选择框新增搜索功能（暂时搁置）
+- [X] 金额支持小数点，计算精度保留到分
+- [ ] 输入框点击后，无需聚焦。

package/index.html CHANGED Viewed

@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en">
+<html lang="zh">
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "accounting-page",
-  "version": "0.1.11",
+  "version": "0.1.16",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -10,17 +10,17 @@
     "update-check": "npm install --no-save npm-check && npm-check -u"
   },
   "dependencies": {
-    "axios": "^1.15.2",
+    "axios": "^1.17.0",
     "vant": "^4.9.24",
-    "vue": "^3.5.32",
-    "vue-router": "^5.0.6"
+    "vue": "^3.5.35",
+    "vue-router": "^5.1.0"
   },
   "devDependencies": {
-    "@types/node": "^24.12.2",
-    "@vitejs/plugin-vue": "^6.0.6",
+    "@types/node": "^25.9.2",
+    "@vitejs/plugin-vue": "^6.0.7",
     "@vue/tsconfig": "^0.9.1",
     "typescript": "~6.0.2",
-    "vite": "^8.0.10",
-    "vue-tsc": "^3.2.7"
+    "vite": "^8.0.16",
+    "vue-tsc": "^3.3.3"
   }
 }

package/src/App.vue CHANGED Viewed

@@ -1,20 +1,18 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-const active = ref("voucher")
+/// 获取页面路径
+console.log(""+location.pathname)
+let pathname = ref(location.pathname)
+const active = ref(pathname.value)
 </script>
 <template>
   <router-view />
-  <van-tabbar v-model="active">
-    <van-tabbar-item icon="orders" to="/voucher" name="voucher">凭证记账</van-tabbar-item>
-    <van-tabbar-item icon="balance" to="/balance-sheet" name="balance-sheet">资产负债表</van-tabbar-item>
+  <van-tabbar v-model="active" fixed>
+    <van-tabbar-item icon="balance" to="/balance-sheet" name="/balance-sheet">资产负债表</van-tabbar-item>
+    <van-tabbar-item icon="orders" to="/voucher" name="/voucher">凭证记账</van-tabbar-item>
   </van-tabbar>
 </template>
 <style>
-body {
-  margin: 0;
-  padding: 0;
-}
 </style>

package/src/style.css CHANGED Viewed

@@ -1,296 +0,0 @@
-:root {
-  --text: #6b6375;
-  --text-h: #08060d;
-  --bg: #fff;
-  --border: #e5e4e7;
-  --code-bg: #f4f3ec;
-  --accent: #aa3bff;
-  --accent-bg: rgba(170, 59, 255, 0.1);
-  --accent-border: rgba(170, 59, 255, 0.5);
-  --social-bg: rgba(244, 243, 236, 0.5);
-  --shadow:
-    rgba(0, 0, 0, 0.1) 0 10px 15px -3px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px;
-  --sans: system-ui, 'Segoe UI', Roboto, sans-serif;
-  --heading: system-ui, 'Segoe UI', Roboto, sans-serif;
-  --mono: ui-monospace, Consolas, monospace;
-  font: 18px/145% var(--sans);
-  letter-spacing: 0.18px;
-  color-scheme: light dark;
-  color: var(--text);
-  background: var(--bg);
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  @media (max-width: 1024px) {
-    font-size: 16px;
-  }
-}
-@media (prefers-color-scheme: dark) {
-  :root {
-    --text: #9ca3af;
-    --text-h: #f3f4f6;
-    --bg: #16171d;
-    --border: #2e303a;
-    --code-bg: #1f2028;
-    --accent: #c084fc;
-    --accent-bg: rgba(192, 132, 252, 0.15);
-    --accent-border: rgba(192, 132, 252, 0.5);
-    --social-bg: rgba(47, 48, 58, 0.5);
-    --shadow:
-      rgba(0, 0, 0, 0.4) 0 10px 15px -3px, rgba(0, 0, 0, 0.25) 0 4px 6px -2px;
-  }
-  #social .button-icon {
-    filter: invert(1) brightness(2);
-  }
-}
-body {
-  margin: 0;
-}
-h1,
-h2 {
-  font-family: var(--heading);
-  font-weight: 500;
-  color: var(--text-h);
-}
-h1 {
-  font-size: 56px;
-  letter-spacing: -1.68px;
-  margin: 32px 0;
-  @media (max-width: 1024px) {
-    font-size: 36px;
-    margin: 20px 0;
-  }
-}
-h2 {
-  font-size: 24px;
-  line-height: 118%;
-  letter-spacing: -0.24px;
-  margin: 0 0 8px;
-  @media (max-width: 1024px) {
-    font-size: 20px;
-  }
-}
-p {
-  margin: 0;
-}
-code,
-.counter {
-  font-family: var(--mono);
-  display: inline-flex;
-  border-radius: 4px;
-  color: var(--text-h);
-}
-code {
-  font-size: 15px;
-  line-height: 135%;
-  padding: 4px 8px;
-  background: var(--code-bg);
-}
-.counter {
-  font-size: 16px;
-  padding: 5px 10px;
-  border-radius: 5px;
-  color: var(--accent);
-  background: var(--accent-bg);
-  border: 2px solid transparent;
-  transition: border-color 0.3s;
-  margin-bottom: 24px;
-  &:hover {
-    border-color: var(--accent-border);
-  }
-  &:focus-visible {
-    outline: 2px solid var(--accent);
-    outline-offset: 2px;
-  }
-}
-.hero {
-  position: relative;
-  .base,
-  .framework,
-  .vite {
-    inset-inline: 0;
-    margin: 0 auto;
-  }
-  .base {
-    width: 170px;
-    position: relative;
-    z-index: 0;
-  }
-  .framework,
-  .vite {
-    position: absolute;
-  }
-  .framework {
-    z-index: 1;
-    top: 34px;
-    height: 28px;
-    transform: perspective(2000px) rotateZ(300deg) rotateX(44deg) rotateY(39deg)
-      scale(1.4);
-  }
-  .vite {
-    z-index: 0;
-    top: 107px;
-    height: 26px;
-    width: auto;
-    transform: perspective(2000px) rotateZ(300deg) rotateX(40deg) rotateY(39deg)
-      scale(0.8);
-  }
-}
-#app {
-  width: 1126px;
-  max-width: 100%;
-  margin: 0 auto;
-  text-align: center;
-  border-inline: 1px solid var(--border);
-  min-height: 100svh;
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-}
-#center {
-  display: flex;
-  flex-direction: column;
-  gap: 25px;
-  place-content: center;
-  place-items: center;
-  flex-grow: 1;
-  @media (max-width: 1024px) {
-    padding: 32px 20px 24px;
-    gap: 18px;
-  }
-}
-#next-steps {
-  display: flex;
-  border-top: 1px solid var(--border);
-  text-align: left;
-  & > div {
-    flex: 1 1 0;
-    padding: 32px;
-    @media (max-width: 1024px) {
-      padding: 24px 20px;
-    }
-  }
-  .icon {
-    margin-bottom: 16px;
-    width: 22px;
-    height: 22px;
-  }
-  @media (max-width: 1024px) {
-    flex-direction: column;
-    text-align: center;
-  }
-}
-#docs {
-  border-right: 1px solid var(--border);
-  @media (max-width: 1024px) {
-    border-right: none;
-    border-bottom: 1px solid var(--border);
-  }
-}
-#next-steps ul {
-  list-style: none;
-  padding: 0;
-  display: flex;
-  gap: 8px;
-  margin: 32px 0 0;
-  .logo {
-    height: 18px;
-  }
-  a {
-    color: var(--text-h);
-    font-size: 16px;
-    border-radius: 6px;
-    background: var(--social-bg);
-    display: flex;
-    padding: 6px 12px;
-    align-items: center;
-    gap: 8px;
-    text-decoration: none;
-    transition: box-shadow 0.3s;
-    &:hover {
-      box-shadow: var(--shadow);
-    }
-    .button-icon {
-      height: 18px;
-      width: 18px;
-    }
-  }
-  @media (max-width: 1024px) {
-    margin-top: 20px;
-    flex-wrap: wrap;
-    justify-content: center;
-    li {
-      flex: 1 1 calc(50% - 8px);
-    }
-    a {
-      width: 100%;
-      justify-content: center;
-      box-sizing: border-box;
-    }
-  }
-}
-#spacer {
-  height: 88px;
-  border-top: 1px solid var(--border);
-  @media (max-width: 1024px) {
-    height: 48px;
-  }
-}
-.ticks {
-  position: relative;
-  width: 100%;
-  &::before,
-  &::after {
-    content: '';
-    position: absolute;
-    top: -4.5px;
-    border: 5px solid transparent;
-  }
-  &::before {
-    left: 0;
-    border-left-color: var(--border);
-  }
-  &::after {
-    right: 0;
-    border-right-color: var(--border);
-  }
-}

package/src/views/BalanceSheet.vue CHANGED Viewed

@@ -1,66 +1,78 @@
 <template>
-  <div class="page">
-    <van-nav-bar title="资产负债表" fixed />
+  <div>
+    <van-nav-bar title="资产负债" fixed/>
+    <van-nav-bar title="资产负债" />
-    <van-cell-group>
-      <van-field
+    <van-field
         v-model="startDate"
         label="开始日期"
         type="date"
         value-format="YYYY-MM-DD"
-      />
-      <van-field
+    />
+    <van-field
         v-model="endDate"
         label="结束日期"
         type="date"
         value-format="YYYY-MM-DD"
-      />
-    </van-cell-group>
+    />
     <van-button
-      type="primary"
-      block
-      @click="loadData"
-      style="margin: 15px"
-    >
-      查询报表
+        type="primary"
+        block
+        @click="loadData">查询报表
     </van-button>
     <van-cell-group title="资产">
       <van-cell
-        v-for="item in assets"
-        :key="item.code"
-        :title="item.name"
-        :value="item.balance"
+          v-for="item in assets"
+          :key="item.code"
+          :title="item.name"
+          :value="item.balance"
       />
     </van-cell-group>
     <van-cell-group title="负债">
       <van-cell
-        v-for="item in liabilities"
-        :key="item.code"
-        :title="item.name"
-        :value="item.balance"
+          v-for="item in liabilities"
+          :key="item.code"
+          :title="item.name"
+          :value="item.balance"
       />
     </van-cell-group>
     <van-cell-group title="权益">
       <van-cell
-        v-for="item in equity"
-        :key="item.code"
-        :title="item.name"
-        :value="item.balance"
+          v-for="item in equity"
+          :key="item.code"
+          :title="item.name"
+          :value="item.balance"
       />
     </van-cell-group>
+    -->
   </div>
 </template>
 <script lang="ts" setup>
-import { ref } from 'vue'
+import {onMounted, ref} from 'vue'
 import axios from 'axios'
-const startDate = ref('2025-01-01')
-const endDate = ref('2025-12-31')
+// 自动获取：本月首日
+const getMonthFirstDay = () => {
+  // 传入 Date，返回【当前系统时区】的 toISOString 格式日期（YYYY-MM-DD）
+  let now =new Date()
+  let date =new Date(now.getFullYear(), now.getMonth() ,1)
+  return  new Date(date.getTime() - date.getTimezoneOffset() * 60000)
+      .toISOString().split('T')[0];
+}
+// 自动获取：今日
+const getToday = () => {
+  return new Date().toISOString().slice(0, 10)
+}
+// 默认值：本月首日 — 今日
+const startDate = ref(getMonthFirstDay())
+const endDate = ref(getToday())
 const assets = ref<Array<{ code: string; name: string; balance: number }>>([])
 const liabilities = ref<Array<{ code: string; name: string; balance: number }>>([])
@@ -68,15 +80,20 @@ const equity = ref<Array<{ code: string; name: string; balance: number }>>([])
 const loadData = () => {
   axios.get('/balance-sheet', {
-    params: { startDate: startDate.value, endDate: endDate.value }
+    params: {startDate: startDate.value, endDate: endDate.value}
   }).then(res => {
     assets.value = res.data.assets
     liabilities.value = res.data.liabilities
     equity.value = res.data.equity
   })
 }
+// 进入页面自动加载一次
+onMounted(() => {
+  loadData()
+})
 </script>
 <style scoped>
-.page { padding: 46px 0 0; }
 </style>

package/src/views/VoucherCreate.vue CHANGED Viewed

@@ -1,61 +1,62 @@
 <template>
-  <div class="page">
+  <div class="page-container">
     <van-nav-bar title="凭证记账" fixed />
-    <van-form class="form" @submit="submit">
+    <van-form @submit="submit" class="content">
       <van-field
-        v-model="voucher.voucherNo"
-        label="凭证号"
-        placeholder="自动生成"
-        readonly
+          v-model="voucher.voucherNo"
+          label="凭证号"
+          placeholder="自动生成"
+          readonly
       />
       <van-field
-        v-model="voucher.voucherDate"
-        label="日期"
-        type="date"
-        value-format="YYYY-MM-DD"
+          v-model="voucher.voucherDate"
+          label="日期"
+          type="date"
+          value-format="YYYY-MM-DD"
       />
       <van-field
-        v-model="voucher.description"
-        label="摘要"
-        placeholder="输入备注"
+          v-model="voucher.description"
+          label="摘要"
+          placeholder="输入备注"
       />
       <div class="title">凭证明细（可添加多笔）</div>
       <div
-        v-for="(entry, index) in entries"
-        :key="index"
-        class="entry-group"
+          v-for="(entry, index) in entries"
+          :key="index"
+          class="entry-card"
       >
         <van-cell-group :border="false">
           <van-field
-            :model-value="entry.accountName"
-            label="科目"
-            placeholder="点击选择科目"
-            is-link
-            @click="openAccountPicker(index)"
+              :model-value="entry.accountName"
+              label="科目"
+              placeholder="点击选择科目"
+              is-link
+              @click="openAccountPicker(index)"
           />
+          <!-- 改为支持小数 -->
           <van-field
-            v-model="entry.debit"
-            label="借方金额"
-            type="digit"
-            @change="calcTotal"
+              v-model="entry.debit"
+              label="借方金额"
+              type="number"
+              @change="calcTotal"
           />
           <van-field
-            v-model="entry.credit"
-            label="贷方金额"
-            type="digit"
-            @change="calcTotal"
+              v-model="entry.credit"
+              label="贷方金额"
+              type="number"
+              @change="calcTotal"
           />
         </van-cell-group>
-        <div style="text-align: right; padding: 0 10px">
+        <div style="text-align: right; padding: 4px 12px">
           <van-button
-            size="small"
-            type="danger"
-            plain
-            @click="removeEntry(index)"
+              size="small"
+              type="danger"
+              plain
+              @click="removeEntry(index)"
           >
             删除此行
           </van-button>
@@ -63,11 +64,11 @@
       </div>
       <van-button
-        type="primary"
-        plain
-        block
-        @click="addEntry"
-        style="margin: 10px 0"
+          type="primary"
+          plain
+          block
+          @click="addEntry"
+          style="margin: 12px 0"
       >
         + 添加一笔分录
       </van-button>
@@ -78,21 +79,46 @@
       </van-cell-group>
       <van-button
-        type="primary"
-        block
-        native-type="submit"
-        style="margin-top: 20px"
+          type="primary"
+          block
+          native-type="submit"
+          style="margin-top: 16px"
       >
         保存凭证（借贷必须相等）
       </van-button>
     </van-form>
-    <van-popup v-model:show="showAccountPicker" position="bottom" :style="{ height: '40%' }">
-      <van-picker
-        :columns="accountList"
-        @confirm="onSelectAccount"
-        title="选择科目"
-      />
+    <!-- 左右分栏科目选择弹窗 -->
+    <van-popup v-model:show="showAccountPicker" position="center" round class="account-popup">
+      <div class="picker-header">
+        <span class="picker-title">选择会计科目</span>
+        <van-icon name="cross" size="22" @click="showAccountPicker = false" />
+      </div>
+      <div class="split-picker">
+        <!-- 左侧分类 -->
+        <div class="left-category">
+          <div
+              v-for="cate in categoryList"
+              :key="cate.id"
+              class="cate-item"
+              :class="{ active: activeCateId === cate.id }"
+              @click="switchCategory(cate.id)"
+          >
+            {{ cate.name }}
+          </div>
+        </div>
+        <!-- 右侧科目列表 -->
+        <div class="right-account">
+          <div
+              v-for="acc in currentAccountList"
+              :key="acc.id"
+              class="acc-item"
+              @click="selectAccount(acc)"
+          >
+            {{ acc.text }}
+          </div>
+        </div>
+      </div>
     </van-popup>
   </div>
 </template>
@@ -103,17 +129,37 @@ import { showToast } from 'vant'
 import axios from 'axios'
 const showAccountPicker = ref(false)
-const accountList = ref([])
 const currentEntryIndex = ref(0)
+const rawAccountList = ref<any[]>([])
+const categoryList = ref<any[]>([])
+const currentAccountList = ref<any[]>([])
+const activeCateId = ref<number>()
+const totalDebit = ref(0)
+const totalCredit = ref(0)
+// 初始化空白凭证
+const initVoucher = () => {
+  return {
+    voucherNo: 'PZ' + new Date().getTime(),
+    voucherDate: getLocalISODate(new Date()),
+    description: '',
+    status: '草稿',
+    ifrsBasis: 'IFRS',
+    entries: []
+  }
+}
+// 本地时区日期
+const getLocalISODate = (date: Date) => {
+  return new Date(date.getTime() - date.getTimezoneOffset() * 60000).toISOString().split('T')[0]
+}
+const voucher = reactive<Voucher>(initVoucher())
+const entries = ref([
+  { accountName: '', accountId: null, debit: '', credit: '', remark: '' }
+])
-const voucher = reactive<Voucher>({
-  voucherNo: 'PZ' + new Date().getTime(),
-  voucherDate: new Date().toISOString().slice(0, 10),
-  description: '',
-  status: '草稿',
-  ifrsBasis: 'IFRS',
-  entries: []
-})
 interface Voucher {
   voucherNo: string
   voucherDate: string
@@ -123,40 +169,60 @@ interface Voucher {
   entries: any[]
 }
-const entries = ref([
-  { accountName: '', accountId: null, debit: 0, credit: 0, remark: '' }
-])
-const totalDebit = ref(0)
-const totalCredit = ref(0)
+// 加载科目
 onMounted(() => {
   axios.get('/account/accounts').then(res => {
-    accountList.value = res.data.map((item: { code: string; name: string; id: number }) => ({
+    rawAccountList.value = res.data.map((item: { code: string; name: string; id: number; type?: string }) => ({
       text: `${item.code} ${item.name}`,
-      value: item.id
+      value: item.id,
+      category: item.type
     }))
+    splitCategory(rawAccountList.value)
   })
 })
-const openAccountPicker = (index: number) => {
-  currentEntryIndex.value = index
-  showAccountPicker.value = true
+// 分类处理
+const splitCategory = (list: { category: string }[]) => {
+  const cateMap = new Map<string, { id: number; name: string }>()
+  list.forEach(item => {
+    const cateName = item.category || '其他'
+    if (!cateMap.has(cateName)) {
+      cateMap.set(cateName, { id: cateMap.size + 1, name: cateName })
+    }
+  })
+  categoryList.value = Array.from(cateMap.values())
+  if (categoryList.value.length) {
+    activeCateId.value = categoryList.value[0].id
+    if (activeCateId.value) switchCategory(activeCateId.value)
+  }
+}
+// 切换分类
+const switchCategory = (cateId: number) => {
+  activeCateId.value = cateId
+  const targetCate = categoryList.value.find(c => c.id === cateId)
+  currentAccountList.value = rawAccountList.value.filter(item => item.category === targetCate?.name)
 }
-const onSelectAccount = ({ selectedOptions }: { selectedOptions: any[] }) => {
+// 选择科目
+const selectAccount = (acc: any) => {
   const entry = entries.value[currentEntryIndex.value]
-  entry.accountName = selectedOptions[0].text
-  entry.accountId = selectedOptions[0].value
+  entry.accountName = acc.text
+  entry.accountId = acc.value
   showAccountPicker.value = false
 }
+const openAccountPicker = (index: number) => {
+  currentEntryIndex.value = index
+  showAccountPicker.value = true
+}
 const addEntry = () => {
   entries.value.push({
-    accountName: '', accountId: null, debit: 0, credit: 0, remark: ''
+    accountName: '', accountId: null, debit: '', credit: '', remark: ''
   })
 }
 const removeEntry = (index: number) => {
   if (entries.value.length === 1) {
     showToast('至少保留一笔分录')
@@ -166,17 +232,21 @@ const removeEntry = (index: number) => {
   calcTotal()
 }
+// 精确计算（保留2位小数）
 const calcTotal = () => {
   let debit = 0
   let credit = 0
   entries.value.forEach(e => {
-    debit += Number(e.debit || 0)
-    credit += Number(e.credit || 0)
+    debit += Math.round((parseFloat(e.debit) || 0) * 100)
+    credit += Math.round((parseFloat(e.credit) || 0) * 100)
   })
-  totalDebit.value = debit
-  totalCredit.value = credit
+  totalDebit.value = Math.round(debit) / 100
+  totalCredit.value = Math.round(credit) / 100
 }
+// ==============================================
+// 保存成功 → 自动新建空白凭证（核心功能）
+// ==============================================
 const submit = () => {
   calcTotal()
   if (totalDebit.value !== totalCredit.value) {
@@ -186,13 +256,19 @@ const submit = () => {
   voucher.entries = entries.value.map(e => ({
     account: { id: e.accountId },
-    debit: e.debit,
-    credit: e.credit,
+    debit: parseFloat(e.debit) || 0,
+    credit: parseFloat(e.credit) || 0,
     description: voucher.description
   }))
   axios.post('/voucher/create', voucher).then(() => {
     showToast('✅ 凭证保存成功')
+    // 自动新开空白凭证
+    Object.assign(voucher, initVoucher())
+    entries.value = [{ accountName: '', accountId: null, debit: '', credit: '', remark: '' }]
+    calcTotal()
   }).catch(err => {
     showToast('❌ 保存失败')
     console.error(err)
@@ -201,21 +277,81 @@ const submit = () => {
 </script>
 <style scoped>
-.page {
-  padding: 46px 10px 80px; /* 修复被底部导航遮挡 */
+.page-container {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  overflow-y: auto;
+  padding-top: 46px;
+  box-sizing: border-box;
+}
+.content {
+  padding: 0 12px 20px;
 }
 .title {
-  padding: 10px;
+  padding: 10px 2px;
   font-weight: bold;
-  color: #323233;
 }
-.form {
-  margin-top: 10px;
-}
-.entry-group {
+.entry-card {
   background: #f7f8fa;
   border-radius: 8px;
-  padding: 10px;
+  padding: 8px;
   margin-bottom: 10px;
 }
+.account-popup {
+  width: 90%;
+  height: 70vh;
+}
+.picker-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 16px;
+  border-bottom: 1px solid #eee;
+}
+.picker-title {
+  font-size: 16px;
+  font-weight: 500;
+}
+.split-picker {
+  display: flex;
+  height: calc(100% - 48px);
+}
+.left-category {
+  width: 35%;
+  background: #f5f5f5;
+  overflow-y: auto;
+}
+.cate-item {
+  padding: 14px 10px;
+  text-align: center;
+  font-size: 14px;
+}
+.cate-item.active {
+  background: #fff;
+  color: #1989fa;
+}
+.right-account {
+  flex: 1;
+  overflow-y: auto;
+}
+.acc-item {
+  padding: 14px 16px;
+  border-bottom: 1px solid #f5f5f5;
+  font-size: 14px;
+}
 </style>

package/version.txt ADDED Viewed

	@@ -0,0 +1 @@
1	+ 0.1.16