From 5213fce8ff15e4f76d472f4e51a5be50b1d48607 Mon Sep 17 00:00:00 2001
From: sundongyu <2811054731@qq.com>
Date: Sat, 6 Apr 2024 14:17:20 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E2=9C=A8=20feat:=E5=88=9D=E6=AD=A5?=
 =?UTF-8?q?=E5=AE=8C=E6=88=90=E4=BA=86=E5=BA=94=E6=94=B6=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/index.vue                           |  7 --
 src/pages/login/index.vue                     | 50 ++++++-------
 .../account-receivable.vue                    | 70 +++++++++++++++++++
 src/router/index.js                           | 19 +----
 src/router/modules/receivables-management.js  | 22 ++++++
 5 files changed, 120 insertions(+), 48 deletions(-)
 delete mode 100644 src/pages/index.vue
 create mode 100644 src/pages/receivables-management/account-receivable.vue
 create mode 100644 src/router/modules/receivables-management.js

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/login/index.vue b/src/pages/login/index.vue
index 1340762..154e471 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -10,7 +10,7 @@
         :labelWidth="80"
         class="login-form"
       >
-      <h2 class="login-title">登录</h2>
+        <h2 class="login-title">登录</h2>
         <t-form-item name="account">
           <t-input
             clearable
@@ -39,31 +39,31 @@
 </template>
 
 <script setup>
-import { MessagePlugin } from "tdesign-vue-next";
-import { reactive } from "vue";
+import { MessagePlugin } from 'tdesign-vue-next'
+import { reactive } from 'vue'
 // import { DesktopIcon, LockOnIcon } from "tdesign-icons-vue";
 
 const INITIAL_DATA = {
-  account: "",
-  password: "",
-};
+  account: '',
+  password: ''
+}
 const formData = reactive({
-  ...INITIAL_DATA,
-});
+  ...INITIAL_DATA
+})
 const onReset = () => {
-  MessagePlugin.success("重置成功");
-};
+  MessagePlugin.success('重置成功')
+}
 const onSubmit = ({ validateResult, firstError }) => {
   if (validateResult === true) {
-    MessagePlugin.success("提交成功");
+    MessagePlugin.success('提交成功')
   } else {
-    console.log("Errors: ", validateResult);
-    MessagePlugin.warning(firstError);
+    console.log('Errors: ', validateResult)
+    MessagePlugin.warning(firstError)
   }
-};
+}
 </script>
 
-<style lang="scss" scoped>
+<style lang="less" scoped>
 .login-container {
   position: absolute;
   width: 100%;
@@ -73,16 +73,16 @@ const onSubmit = ({ validateResult, firstError }) => {
   overflow: hidden;
 }
 .login-form {
-    width:450px;
-    margin:200px;
-    background-color:rgba(255,255,255,0.8);
-    padding:80px;
-    border-radius:20px;
+  width: 450px;
+  margin: 200px;
+  background-color: rgba(255, 255, 255, 0.8);
+  padding: 80px;
+  border-radius: 20px;
 }
 .login-title {
-    text-align:center;
-    font-size:24px;
-    margin-bottom:40px;
-    color:#333
+  text-align: center;
+  font-size: 24px;
+  margin-bottom: 40px;
+  color: #333;
 }
-</style>
\ No newline at end of file
+</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..dc178a2
--- /dev/null
+++ b/src/pages/receivables-management/account-receivable.vue
@@ -0,0 +1,70 @@
+<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="2">
+            <t-form-item label="部门" name="department">
+              <t-tree-select :data="DEPARTMENT" clearable />
+            </t-form-item>
+          </t-col>
+          <t-col :span="2">
+            <t-form-item label="专业" name="major">
+              <t-tree-select clearable />
+            </t-form-item>
+          </t-col>
+          <t-col :span="2">
+            <t-form-item label="班级" name="grade">
+              <t-tree-select clearable />
+            </t-form-item>
+          </t-col>
+          <t-col :span="2">
+            <t-form-item label="其他条件" name="condition">
+              <t-tree-select clearable />
+            </t-form-item>
+          </t-col>
+          <t-col :push="2" :span="2">
+            <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: '财务部',
+    children: [
+      {
+        label: '会计',
+        value: '会计'
+      }
+    ]
+  }
+]
+</script>
+<style scoped lang="less">
+.form {
+  background-color: #fff;
+  height: 3rem;
+  padding-top: 0.5rem;
+}
+.button {
+  margin-right: 2rem;
+}
+</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

From 6721db00024fcffa54cbc3d90b6ccbb3a868674e Mon Sep 17 00:00:00 2001
From: sundongyu <2811054731@qq.com>
Date: Sat, 6 Apr 2024 15:06:22 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E2=9C=A8=20feat:=E5=88=9D=E6=AD=A5?=
 =?UTF-8?q?=E5=AE=8C=E6=88=90=E4=BA=86=E5=BA=94=E6=94=B6=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mock/index.js                                 |  6 ++
 mock/modules/sdy.js                           |  2 +
 mock/modules/ycy.js                           |  4 +-
 .../account-receivable.vue                    | 64 ++++++++++++++-----
 4 files changed, 58 insertions(+), 18 deletions(-)
 create mode 100644 mock/modules/sdy.js

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/receivables-management/account-receivable.vue b/src/pages/receivables-management/account-receivable.vue
index dc178a2..5c8771d 100644
--- a/src/pages/receivables-management/account-receivable.vue
+++ b/src/pages/receivables-management/account-receivable.vue
@@ -10,27 +10,29 @@
         @submit="onSubmit"
       >
         <t-row>
-          <t-col :span="2">
+          <t-col :span="3">
             <t-form-item label="部门" name="department">
               <t-tree-select :data="DEPARTMENT" clearable />
             </t-form-item>
           </t-col>
-          <t-col :span="2">
+          <t-col :span="3">
             <t-form-item label="专业" name="major">
-              <t-tree-select clearable />
+              <t-tree-select :data="MAJOR" clearable />
             </t-form-item>
           </t-col>
-          <t-col :span="2">
+          <t-col :span="3">
             <t-form-item label="班级" name="grade">
-              <t-tree-select clearable />
+              <t-tree-select :data="GRADE" clearable />
             </t-form-item>
           </t-col>
-          <t-col :span="2">
+          <t-col :span="3">
             <t-form-item label="其他条件" name="condition">
-              <t-tree-select clearable />
+              <t-tree-select :data="CONDITION" clearable />
             </t-form-item>
           </t-col>
-          <t-col :push="2" :span="2">
+        </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>
@@ -47,16 +49,43 @@ const formData = reactive({})
 //部门数据
 const DEPARTMENT = [
   {
-    label: '财务部',
-    value: '财务部',
-    children: [
-      {
-        label: '会计',
-        value: '会计'
-      }
-    ]
+    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 {
@@ -65,6 +94,7 @@ const DEPARTMENT = [
   padding-top: 0.5rem;
 }
 .button {
-  margin-right: 2rem;
+  margin-right: 1rem;
+  margin-left: 3rem;
 }
 </style>