sundongyu/dykj-college-back-office-management-system
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
sundongyu 2024-04-06 15:06:22 +08:00
parent 8bb6b10f02
commit 6721db0002
4 changed files with 58 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
mock/index.js
View File

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

2
mock/modules/sdy.js Normal file
View File

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

4
mock/modules/ycy.js
View File

@ -1,5 +1,4 @@
import Mock from "mockjs"; import Mock from "mockjs";
const StockList = Mock.mock({ const StockList = Mock.mock({
"list|20-30": [ "list|20-30": [
{ {
@ -14,3 +13,6 @@ const StockList = Mock.mock({
}, },
], ],
}); });
export default [
]

64
src/pages/receivables-management/account-receivable.vue
View File

@ -10,27 +10,29 @@
@submit="onSubmit" @submit="onSubmit"
> >
<t-row> <t-row>
<t-col :span="2"> <t-col :span="3">
<t-form-item label="部门" name="department"> <t-form-item label="部门" name="department">
<t-tree-select :data="DEPARTMENT" clearable /> <t-tree-select :data="DEPARTMENT" clearable />
</t-form-item> </t-form-item>
</t-col> </t-col>
<t-col :span="2"> <t-col :span="3">
<t-form-item label="专业" name="major"> <t-form-item label="专业" name="major">
<t-tree-select clearable /> <t-tree-select :data="MAJOR" clearable />
</t-form-item> </t-form-item>
</t-col> </t-col>
<t-col :span="2"> <t-col :span="3">
<t-form-item label="班级" name="grade"> <t-form-item label="班级" name="grade">
<t-tree-select clearable /> <t-tree-select :data="GRADE" clearable />
</t-form-item> </t-form-item>
</t-col> </t-col>
<t-col :span="2"> <t-col :span="3">
<t-form-item label="其他条件" name="condition"> <t-form-item label="其他条件" name="condition">
<t-tree-select clearable /> <t-tree-select :data="CONDITION" clearable />
</t-form-item> </t-form-item>
</t-col> </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 class="button">搜索</t-button>
<t-button>重置</t-button> <t-button>重置</t-button>
</t-col> </t-col>
@ -47,16 +49,43 @@ const formData = reactive({})
//部门数据 //部门数据
const DEPARTMENT = [ const DEPARTMENT = [
{ {
label: '财务部', label: '机电工程系',
value: '财务部', value: '机电工程系'
children: [ },
{ {
label: '会计', label: '护理系',
value: '会计' value: '护理系'
} },
] {
label: '建筑系',
value: '建筑系'
} }
] ]
//专业数据
const MAJOR = [
{
label: '电子信息工程',
value: '电子信息工程'
}
]
//班级数据
const GRADE = [
{
label: '2019',
value: '2019'
}
]
//其他条件数据
const CONDITION = [
{
label: '已缴费',
value: '已缴费'
}
]
//表单提交
const onSubmit = () => {
console.log(formData)
}
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
.form { .form {
@ -65,6 +94,7 @@ const DEPARTMENT = [
padding-top: 0.5rem; padding-top: 0.5rem;
} }
.button { .button {
margin-right: 2rem; margin-right: 1rem;
margin-left: 3rem;
} }
</style> </style>