实习笔记⑤

1
src/views/query/voucher

1
function buildVoucherQuery({ withPagination = true } = {}) {
2
  return compactQuery({
3
    ...(withPagination ? { pageNum: 1, pageSize: 10000 } : {}),
4
    dwdm: accountContextStore.dwdm,
5
    dwmc: accountContextStore.dwmc,
6
    year: accountContextStore.year,
7
    ...periodQueryOf(),
8
    pzh: String(queryParams.pzh || "").trim(),
9
    zy: String(queryParams.zy || "").trim()
10
  })
11
}

1
export function listVoucher(query) {
2
  return request({
3
    url: '/voucher/list',
4
    method: 'get',
5
    params: query,
6
    hideErrorMessage: true
7
  })
8
}

1
function isDatabaseMissingError(error) {
2
  const message = String(error?.message || error || "")
3
  return /数据库|不存在|Unknown database|doesn'?t exist|404/i.test(message)
4
}

1
databaseMissing.value = true

1
<Error404 v-if="databaseMissing" class="voucher-error-page" />
2
<div v-else class="voucher-table-wrapper">
3
  <!-- 凭证表格 -->
4
</div>

1
const hasContext = computed(() =>
2
  Boolean(accountContextStore.dwdm && accountContextStore.year)
3
)

1
if (hasContext.value) {
2
  getList({ silent: true })
3
}

1
watch(
2
  () => [accountContextStore.dwdm, accountContextStore.year],
3
  () => {
4
    queryParams.pageNum = 1
5
    sourceRows.value = []
6
    databaseMissing.value = false
7
    if (hasContext.value) {
8
      getList({ silent: true })
9
    }
10
  }
11
)

1
左侧凭证信息     中间标题区域     右侧附单据信息

1
src/views/ledger
2
├── balance
3
│   └── index.vue
4
├── components
5
│   └── LedgerQueryPage.vue
6
├── detail
7
│   └── index.vue
8
└── general
9
    └── index.vue

1
<ledger-query-page
2
  title="总账"
3
  :request="listGeneralLedger"
4
  :columns="columns"
5
  empty-text="暂无总账数据"
6
/>

1
export function listLedgerAccounts(query) {
2
  return request({
3
    url: '/voucher/km/list',
4
    method: 'get',
5
    params: query,
6
    hideErrorMessage: true
7
  })
8
}

1
const response = await listLedgerAccounts({
2
  dwdm: accountContextStore.dwdm,
3
  year: accountContextStore.year,
4
  pageNum: 1,
5
  pageSize: 10000
6
})

1
function normalizeAccount(account) {
2
  return {
3
    ...account,
4
    kmdm: String(account?.kmdm || account?.accountCode || ""),
5
    kmmc: account?.kmmc || account?.accountName || ""
6
  }
7
}

1
<ledger-query-page
2
  title="明细账"
3
  :request="listDetailLedger"
4
  :columns="columns"
5
  require-account
6
  show-account-overview
7
  default-account-code="101"
8
/>

1
src/api/ledger/index.js

1
hideErrorMessage: true

1
state: () => ({
2
  unitOptions: [],
3
  yearOptions: [],
4
  dwdm: '',
5
  dwmc: '',
6
  year: '',
7
  loadingUnits: false,
8
  loadingYears: false
9
})

1
dwdm: '',
2
dwmc: '',
3
year: ''

1
{ dwdm: this.dwdm }

1
const response = await listYears({
2
  dwdm: this.dwdm,
3
  pageNum: 1,
4
  pageSize: 10000
5
})

1
GET /voucher/unit/current-user/list

1
export function listCurrentUserUnits() {
2
  return request({
3
    url: '/voucher/unit/current-user/list',
4
    method: 'get'
5
  })
6
}

1
const response = await listCurrentUserUnits()

1
{ dwdm, dwmc }
2
{ code, name }
3
{ value, label }
4
"1000-单位名称"
5
"1000"

1
useAccountContextStore().resetContext()

1
resetContext() {
2
  this.unitOptions = []
3
  this.loadingUnits = false
4
  this.loadingYears = false
5
  this.clearContext()
6
}

1
const isAdminUser = computed(() => {
2
  return userStore.roles.includes('admin') ||
3
    userStore.permissions.includes('*:*:*')
4
})

1
accountContextStore.initialize({
2
  isAdmin: isAdminUser.value
3
})

1
export function listUnits(query) {
2
  return request({
3
    url: '/voucher/unit/list',
4
    method: 'get',
5
    params: query
6
  })
7
}

1
const response = isAdmin
2
  ? await listUnits({ pageNum: 1, pageSize: 10000 })
3
  : await listCurrentUserUnits()

1
const ADMIN_DEFAULT_UNIT_CODE = '1000'
2
const ADMIN_DEFAULT_YEAR = '2006'

1
const defaultUnit =
2
  units.find((unit) => unit.dwdm === ADMIN_DEFAULT_UNIT_CODE) || units[0]
3

4
if (defaultUnit) {
5
  this.dwdm = defaultUnit.dwdm
6
  this.dwmc = defaultUnit.dwmc
7
  this.year = ADMIN_DEFAULT_YEAR
8
}

1
dwdm = 1000
2
year = 2006

1
const accessRoutes = await usePermissionStore().generateRoutes()

1
getRouters()

1
GET /getRouters

1
export const loadView = (view) => {
2
  let res
3
  for (const path in modules) {
4
    const dir = path.split('views/')[1].split('.vue')[0]
5
    if (dir === view) {
6
      res = () => modules[path]()
7
    }
8
  }
9
  return res
10
}

1
ledger/general/index

1
src/views/ledger/general/index.vue

1
2000, 2001, 2002, 2003

1
已有用户总数：125
2
超级管理员：admin，默认全部权限
3
普通角色已授权用户：124
4
剩余未授权用户：仅 admin

1
凭证查询
2
总账
3
明细账
4
科目余额表

1
ElMessage({ message: msg, type: 'error' })

1
hideErrorMessage: true

1
const hideErrorMessage =
2
  res.config?.hideErrorMessage === true ||
3
  res.config?.headers?.hideErrorMessage === true
4

5
if (code === 500) {
6
  if (!hideErrorMessage) {
7
    ElMessage({ message: msg, type: 'error' })
8
  }
9
  return Promise.reject(new Error(msg))
10
}

1
if (!hideErrorMessage) {
2
  ElMessage({
3
    message: message,
4
    type: 'error',
5
    duration: 5 * 1000
6
  })
7
}

1
function isDatabaseMissingError(error) {
2
  const message = String(error?.message || error || "")
3
  return /数据库|不存在|Unknown database|doesn'?t exist|404/i.test(message)
4
}

1
<Error404 />

1
/getRouters -> filterAsyncRouter -> router.addRoute

1
const response = isAdmin
2
  ? await listUnits({ pageNum: 1, pageSize: 10000 })
3
  : await listCurrentUserUnits()