diff --git a/mock/index.js b/mock/index.js
index e69de29..10e1bd1 100644
--- a/mock/index.js
+++ b/mock/index.js
@@ -0,0 +1,6 @@
+import sdy from './modules/sdy'
+import ycy from './modules/ycy'
+export default [
+  ...SDY,
+  ...YCY
+]
\ No newline at end of file
diff --git a/mock/modules/sdy.js b/mock/modules/sdy.js
new file mode 100644
index 0000000..de6da0b
--- /dev/null
+++ b/mock/modules/sdy.js
@@ -0,0 +1,2 @@
+import Mock from "mockjs"
+export default []
\ No newline at end of file
diff --git a/mock/modules/ycy.js b/mock/modules/ycy.js
index 9c71afc..aba129e 100644
--- a/mock/modules/ycy.js
+++ b/mock/modules/ycy.js
@@ -1,5 +1,4 @@
 import Mock from "mockjs";
-
 const StockList = Mock.mock({
   "list|20-30": [
     {
@@ -14,3 +13,6 @@ const StockList = Mock.mock({
     },
   ],
 });
+export default [
+]
+
diff --git a/src/pages/index.vue b/src/pages/index.vue
deleted file mode 100644
index 9363f98..0000000
--- a/src/pages/index.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-  <div>111111111111111</div>
-</template>
-
-<script setup lang="ts"></script>
-
-<style scoped lang="less"></style>
diff --git a/src/pages/receivables-management/account-receivable.vue b/src/pages/receivables-management/account-receivable.vue
new file mode 100644
index 0000000..5c8771d
--- /dev/null
+++ b/src/pages/receivables-management/account-receivable.vue
@@ -0,0 +1,100 @@
+<template>
+  <div class="back-color">
+    <div class="form">
+      <t-form
+        ref="form"
+        :data="formData"
+        reset-type="initial"
+        colon
+        @reset="onReset"
+        @submit="onSubmit"
+      >
+        <t-row>
+          <t-col :span="3">
+            <t-form-item label="部门" name="department">
+              <t-tree-select :data="DEPARTMENT" clearable />
+            </t-form-item>
+          </t-col>
+          <t-col :span="3">
+            <t-form-item label="专业" name="major">
+              <t-tree-select :data="MAJOR" clearable />
+            </t-form-item>
+          </t-col>
+          <t-col :span="3">
+            <t-form-item label="班级" name="grade">
+              <t-tree-select :data="GRADE" clearable />
+            </t-form-item>
+          </t-col>
+          <t-col :span="3">
+            <t-form-item label="其他条件" name="condition">
+              <t-tree-select :data="CONDITION" clearable />
+            </t-form-item>
+          </t-col>
+        </t-row>
+        <t-row>
+          <t-col :push="10" :span="2" style="margin-top: 1rem">
+            <t-button class="button">搜索</t-button>
+            <t-button>重置</t-button>
+          </t-col>
+        </t-row>
+      </t-form>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue'
+//表单数据
+const formData = reactive({})
+//部门数据
+const DEPARTMENT = [
+  {
+    label: '机电工程系',
+    value: '机电工程系'
+  },
+  {
+    label: '护理系',
+    value: '护理系'
+  },
+  {
+    label: '建筑系',
+    value: '建筑系'
+  }
+]
+//专业数据
+const MAJOR = [
+  {
+    label: '电子信息工程',
+    value: '电子信息工程'
+  }
+]
+//班级数据
+const GRADE = [
+  {
+    label: '2019',
+    value: '2019'
+  }
+]
+//其他条件数据
+const CONDITION = [
+  {
+    label: '已缴费',
+    value: '已缴费'
+  }
+]
+//表单提交
+const onSubmit = () => {
+  console.log(formData)
+}
+</script>
+<style scoped lang="less">
+.form {
+  background-color: #fff;
+  height: 3rem;
+  padding-top: 0.5rem;
+}
+.button {
+  margin-right: 1rem;
+  margin-left: 3rem;
+}
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index 9740085..d62544c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,33 +1,20 @@
 import { createRouter, createWebHistory } from "vue-router";
 import FinanceBillManage from "./modules/financeBillManage";
+import ReceivablesManagement from "./modules/receivables-management";
 import Login from "@/pages/login/index.vue";
 
 import Layout from "@/layout/index.vue";
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
-    {
-      path: "/",
-      redirect: "/accounts",
-      meta: { title: "应收款管理", name: "accounts" },
-      component: Layout,
-      children: [
-        {
-          path: "/accounts",
-          name: "Accounts",
-          component: () => import("@/pages/index.vue"),
-          meta: {
-            title: "应收款管理",
-          },
-        },
-      ],
-    },
+
     {
       path: "/login",
       name: "login",
       component: Login,
     },
     ...FinanceBillManage,
+    ...ReceivablesManagement
   ],
 });
 
diff --git a/src/router/modules/receivables-management.js b/src/router/modules/receivables-management.js
new file mode 100644
index 0000000..d42d43b
--- /dev/null
+++ b/src/router/modules/receivables-management.js
@@ -0,0 +1,22 @@
+import Layout from "@/layout/index.vue";
+
+const ReceivablesManagement = [
+  {
+    path: "/",
+    redirect: "/accounts",
+    meta: { title: "应收款管理", name: "accounts" },
+    component: Layout,
+    children: [
+      {
+        path: "/accounts",
+        name: "Accounts",
+        component: () => import("@/pages/receivables-management/account-receivable.vue"),
+        meta: {
+          title: "应收款管理",
+        },
+      },
+    ],
+  },
+];
+
+export default ReceivablesManagement;
\ No newline at end of file