feat : 项目实施分页面初始化

This commit is contained in:
2024-05-15 14:19:36 +08:00
parent 9a0f5b0e12
commit 1f126592e1
4 changed files with 391 additions and 4 deletions

View File

@@ -0,0 +1,93 @@
<template>
<fvSearchForm :searchConfig="searchConfig" @search="search"></fvSearchForm>
<fvTable ref="tableIns" :tableConfig="tableConfig">
<template #empty>
<el-empty description="暂无数据"/>
</template>
</fvTable>
</template>
<script setup lang="jsx">
import {reactive} from "vue";
const searchConfig = reactive([
{
label: '名称',
prop: 'requirementName',
component: 'el-input',
props: {
placeholder: '请输入名称查询',
clearable: true,
filterable: true,
checkStrictly: true
}
},
{
label: '项目费用',
prop: 'requirementName',
component: 'el-input',
props: {
placeholder: '请输入项目费用查询',
clearable: true,
filterable: true,
checkStrictly: true
}
},
{
label: '起始时间',
prop: 'datetime',
component: 'el-date-picker',
props: {
placeholder: '请选择起始时间',
clearable: true,
},
colProps: {}
}
])
const tableIns = ref()
const tableConfig = reactive({
columns: [
{
prop: 'name',
type: 'index',
label: '序号',
width:'80'
},
{
prop: 'name',
label: '时间',
align: 'center'
},
{
prop: 'projectType',
label: '项目费用',
align: 'center'
},
{
prop: 'productMainBody',
label: '研发阶段',
align: 'center'
},
{
prop: 'projectEffect',
label: '摘要',
align: 'center'
},
{
prop: 'survey',
label: '税后余额(元)',
align: 'center'
}
],
api: '',
params: {},
btns: [
{name: '生成分摊报表', key: '_export', color: '#DED0B2',auth: ''}
]
})
</script>
<style scoped>
</style>