From 766435b4d8cbcc5dc601f73162f2f0d5059461db Mon Sep 17 00:00:00 2001
From: sundongyu <2811054731@qq.com>
Date: Tue, 9 Apr 2024 19:00:18 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=E5=AE=8C=E6=88=90=E4=BA=86?=
 =?UTF-8?q?=E6=97=A5=E5=B8=B8=E6=8A=A5=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mock/modules/sdy.js                           |  26 ++++
 src/api/receivables-management/management.js  |   6 +-
 .../accountReceivable.vue                     |   1 +
 .../receivables-management/billCollected.vue  |   1 +
 src/pages/receivables-management/daily.vue    | 116 +++++++++++++++++-
 5 files changed, 144 insertions(+), 6 deletions(-)

diff --git a/mock/modules/sdy.js b/mock/modules/sdy.js
index cf606e8..d2fd653 100644
--- a/mock/modules/sdy.js
+++ b/mock/modules/sdy.js
@@ -27,6 +27,22 @@ const loans = Mock.mock({
     }
   ]
 })
+const daily = Mock.mock({
+  'list|10': [
+    {
+      'date': '@date("yyyy-MM-dd")',
+      'tuiti': '@integer(10000,50000)',
+      'incidentals': '@integer(1000,5000)',
+      'materials': '@integer(1000,5000)',
+      'major': '@integer(1000,5000)',
+      'grade': '@integer(1000,5000)',
+      'tuit': '@integer(10000,50000)',
+      'cost': '@integer(10000,50000)',
+      'tuition': '@integer(10000,50000)',
+    }
+  ]
+})
+
 export default [
   {
     url: '/get-sdy-managment-list',
@@ -106,4 +122,14 @@ export default [
       }
     }
   },
+  {
+    url: '/post-sdy-daily-list',
+    method: 'get',
+    response: () => {
+      return {
+        code: 200,
+        data: daily
+      }
+    }
+  }
 ]
\ No newline at end of file
diff --git a/src/api/receivables-management/management.js b/src/api/receivables-management/management.js
index 317622d..3ec056d 100644
--- a/src/api/receivables-management/management.js
+++ b/src/api/receivables-management/management.js
@@ -14,4 +14,8 @@ export function APILoansList() {
 //查询贷款
 export function APILoansAdd(data) {
   return request.post('/post-sdy-loan-add', data)
-}
\ No newline at end of file
+}
+// 借款管理
+export function APIDailyList() {
+  return request.get('/post-sdy-daily-list')
+}
diff --git a/src/pages/receivables-management/accountReceivable.vue b/src/pages/receivables-management/accountReceivable.vue
index 8f8c8c7..1498002 100644
--- a/src/pages/receivables-management/accountReceivable.vue
+++ b/src/pages/receivables-management/accountReceivable.vue
@@ -67,6 +67,7 @@
         :pagination="pagination"
         :show-header="true"
         cell-empty-content="-"
+        max-height="500"
         lazy-load
         @row-click="handleRowClick"
         @page-change="onPageChange"
diff --git a/src/pages/receivables-management/billCollected.vue b/src/pages/receivables-management/billCollected.vue
index c02a631..bbede39 100644
--- a/src/pages/receivables-management/billCollected.vue
+++ b/src/pages/receivables-management/billCollected.vue
@@ -47,6 +47,7 @@
           :columns="ratesColumns"
           @page-change="onPageChange"
           :pagination="pagination"
+          max-height="500"
         >
           <template #operation="{ row }">
             <t-button theme="default" variant="text" @click="Role(row)"
diff --git a/src/pages/receivables-management/daily.vue b/src/pages/receivables-management/daily.vue
index 6ac5ab5..7fed84c 100644
--- a/src/pages/receivables-management/daily.vue
+++ b/src/pages/receivables-management/daily.vue
@@ -1,7 +1,113 @@
 <template>
-  <div>1</div>
+  <div class="back-color">
+    <div class="linebox">
+      <lineChart
+        :categories="categories"
+        :seriesData="seriesData"
+        :titleP="title"
+        :legendList="legendList"
+        :height="'100%'"
+        :width="'60rem'"
+      />
+    </div>
+    <div class="table">
+      <div>1</div>
+      <t-table
+        row-key="id"
+        :data="tableData"
+        :columns="columns"
+        :hover="true"
+        table-layout="auto"
+        :pagination="pagination"
+        :show-header="true"
+        cell-empty-content="-"
+        max-height="500"
+        lazy-load
+        @row-click="handleRowClick"
+        @page-change="onPageChange"
+        :loading="loading"
+      >
+      </t-table>
+    </div>
+  </div>
 </template>
-
-<script setup></script>
-
-<style lang="less" scoped></style>
+<script setup>
+import { ref, onMounted } from 'vue'
+import { APIDailyList } from '@/api/receivables-management/management'
+import lineChart from '@/components/echarts/line.vue'
+// 表格数据
+const tableData = ref([])
+// 表格头数据
+const columns = ref([
+  { colKey: 'date', title: '日期' },
+  { colKey: 'tuiti', title: '学费' },
+  { colKey: 'incidentals', title: '杂费' },
+  { colKey: 'materials', title: '书本资料费' },
+  { colKey: 'major', title: '校服费' },
+  { colKey: 'grade', title: '餐饮费' },
+  { colKey: 'tuit', title: '住宿费' },
+  { colKey: 'cost', title: '其他费用' },
+  { colKey: 'tuition', title: '总计' }
+])
+// 表格分页数据
+let pagination = {
+  defaultCurrent: 1,
+  defaultPageSize: 10,
+  total: 50
+}
+// 表格加载状态
+const loading = ref(false)
+// 表格点击事件
+const handleRowClick = e => {
+  console.log(e)
+}
+// 监听分页变化事件
+const onPageChange = (Newpage, PreviousPagePrev) => {
+  loading.value = true
+  const timerId = setTimeout(() => {
+    loading.value = false
+    clearInterval(timerId)
+  }, 300)
+}
+//折线图数据
+const title = ref('收费日报表')
+const categories = ref([
+  '学费',
+  '杂费',
+  '书本资料费',
+  '住宿费',
+  '其他费用',
+  '总计'
+])
+const legendList = ref(['今日费用'])
+const seriesData = ref([
+  {
+    name: '今日费用',
+    data: [10, 20, 15, 20, 25, 105],
+    type: 'line'
+  }
+])
+// 获取数据
+const DailyList = async () => {
+  const res = await APIDailyList()
+  tableData.value = res.data.list
+  pagination.total = res.data.list.length
+}
+onMounted(() => {
+  DailyList()
+})
+</script>
+<style scoped lang="less">
+.linebox {
+  width: 100%;
+  height: 100%;
+}
+.button {
+  margin-right: 1rem;
+  margin-left: 3rem;
+}
+.table {
+  margin-top: 1rem;
+  background-color: #fff;
+}
+</style>