✨ feat:初步完成了应收页面

mock/index.js

@@ -0,0 +1,6 @@
+import sdy from './modules/sdy'
+import ycy from './modules/ycy'
+export default [
+  ...SDY,
+  ...YCY
+]

mock/modules/sdy.js

@@ -0,0 +1,2 @@
+import Mock from "mockjs"
+export default []

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 [
+]
+

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>