accounting-page 0.1.27 → 0.1.29

package/README.md

@@ -5,13 +5,4 @@ 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).
-
-## TODO
-
-- [X] 统计周期：本月首日—今日，报表类型选择资产负债表
-- [X] 科目选择框设置为全屏/最大化
-- [X] 凭证保存成功后，自动新建空白凭证窗口
-- [ ] 科目选择框新增搜索功能（暂时搁置）
-- [X] 金额支持小数点，计算精度保留到分
-- [ ] 输入框点击后，无需聚焦。
+the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "accounting-page",
-  "version": "0.1.27",
+  "version": "0.1.29",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -12,14 +12,14 @@
   "dependencies": {
     "axios": "^1.19.0",
     "vant": "^4.10.0",
-    "vue": "^3.5.40",
+    "vue": "^3.5.41",
     "vue-router": "^5.2.0"
   },
   "devDependencies": {
     "@types/node": "^26.1.2",
     "@vitejs/plugin-vue": "^6.0.8",
     "@vue/tsconfig": "^0.9.1",
-    "typescript": "~6.0.2",
+    "typescript": "~6.0.3",
     "vite": "^8.2.0",
     "vue-tsc": "^3.3.9"
   }

package/src/views/VoucherCreate.vue

@@ -59,7 +59,8 @@
       </div>
       <!-- 右侧科目列表 -->
       <div class="right-account">
-        <div v-for="acc in currentAccountList" :key="acc.id" class="acc-item" @click="selectAccount(acc)">
+        <van-field v-model="accountSearch" placeholder="搜索科目/编码" clearable style="margin:8px 12px;" />
+        <div v-for="acc in filteredAccountList" :key="acc.value" class="acc-item" @click="selectAccount(acc)">
           {{ acc.text }}
         </div>
       </div>
@@ -68,7 +69,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, onMounted } from 'vue'
+import { ref, reactive, onMounted, computed } from 'vue'
 import { showToast } from 'vant'
 import axios from 'axios'
 
@@ -82,6 +83,7 @@ const rawAccountList = ref<any[]>([])
 const categoryList = ref<any[]>([])
 const currentAccountList = ref<any[]>([])
 const activeCateId = ref<number>()
+const accountSearch = ref('')
 
 const totalDebit = ref(0)
 const totalCredit = ref(0)
@@ -111,6 +113,7 @@ const list = reactive<{
 
 const voucher = reactive<Voucher>(initVoucher())
 const entries = ref([
+  { accountName: '', accountId: null, debit: '', credit: '', remark: '' },
   { accountName: '', accountId: null, debit: '', credit: '', remark: '' }
 ])
 
@@ -159,12 +162,53 @@ const switchCategory = (cateId: number) => {
   currentAccountList.value = rawAccountList.value.filter(item => item.category === targetCate?.name)
 }
 
+// 根据搜索词计算显示的科目列表：
+// - 若有搜索词，则在全部科目中全局匹配（code+name）
+// - 否则显示当前分类的科目
+const filteredAccountList = computed(() => {
+  const q = accountSearch.value.trim().toLowerCase()
+  if (!q) return currentAccountList.value
+  return rawAccountList.value.filter(item => item.text.toLowerCase().includes(q))
+})
+
 // 选择科目
 const selectAccount = (acc: any) => {
-  const entry = entries.value[currentEntryIndex.value]
+  const idx = currentEntryIndex.value
+  const entry = entries.value[idx]
   entry.accountName = acc.text
   entry.accountId = acc.value
   showAccountPicker.value = false
+
+  // 自动平衡逻辑（仅在两笔分录时启用）：
+  // 当一方已有借/贷金额且另一方金额为空时，选完科目后自动把数值填到对方相反栏位
+  if (entries.value.length === 2) {
+    const otherIdx = idx === 0 ? 1 : 0
+    const other = entries.value[otherIdx]
+
+    // 优先使用已有的对方金额去填当前项的相反栏位
+    if (other.debit !== '' && (entry.credit === '' || entry.credit == null)) {
+      entry.credit = other.debit
+      calcTotal()
+      return
+    }
+    if (other.credit !== '' && (entry.debit === '' || entry.debit == null)) {
+      entry.debit = other.credit
+      calcTotal()
+      return
+    }
+
+    // 否则如果当前项已有金额，则填充另一项的相反栏位
+    if (entry.debit !== '' && (other.credit === '' || other.credit == null)) {
+      other.credit = entry.debit
+      calcTotal()
+      return
+    }
+    if (entry.credit !== '' && (other.debit === '' || other.debit == null)) {
+      other.debit = entry.credit
+      calcTotal()
+      return
+    }
+  }
 }
 
 const openAccountPicker = (index: number) => {
@@ -219,9 +263,12 @@ const submit = () => {
   axios.post('/voucher/create', voucher).then(() => {
     showToast('✅ 凭证保存成功')
 
-    // 自动新开空白凭证
+    // 自动新开空白凭证（两笔起步）
     Object.assign(voucher, initVoucher())
-    entries.value = [{ accountName: '', accountId: null, debit: '', credit: '', remark: '' }]
+    entries.value = [
+      { accountName: '', accountId: null, debit: '', credit: '', remark: '' },
+      { accountName: '', accountId: null, debit: '', credit: '', remark: '' }
+    ]
     calcTotal()
 
   }).catch(err => {