parent
99292a8453
commit
3a1a5d1d8e
@ -0,0 +1,171 @@
|
||||
<!--我的报销-->
|
||||
<template>
|
||||
<div style="padding: 0 20px">
|
||||
<lx-header
|
||||
icon="md-apps"
|
||||
style="margin-bottom: 10px; border: 0px; margin-top: 15px"
|
||||
text="我的报销"
|
||||
>
|
||||
<div slot="content"></div>
|
||||
<slot>
|
||||
<div>
|
||||
<span style="padding: 0 6px">年份</span>
|
||||
<span>
|
||||
<DatePicker
|
||||
:value="select.year"
|
||||
placeholder="选择所属年份"
|
||||
placement="bottom"
|
||||
style="width: 130px"
|
||||
type="year"
|
||||
@on-change="(e) => (select.year = e)"
|
||||
></DatePicker>
|
||||
</span>
|
||||
|
||||
<span style="padding: 0 6px"> 预算类型 </span>
|
||||
<span>
|
||||
<Select
|
||||
v-model="select.type"
|
||||
clearable
|
||||
placeholder="选择预算类型"
|
||||
style="width: 130px"
|
||||
>
|
||||
<Option v-for="item in types" :key="item.id" :value="item.id">{{
|
||||
item.value
|
||||
}}</Option>
|
||||
</Select>
|
||||
</span>
|
||||
|
||||
<span style="padding: 0 6px"> 科室 </span>
|
||||
<span>
|
||||
<el-select
|
||||
placeholder="科室选择"
|
||||
clearable
|
||||
size="small"
|
||||
v-model="select.department"
|
||||
style="width: 160px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in departments"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
:key="item.id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</span>
|
||||
|
||||
<Button style="margin-left: 10px" type="primary" @click=""
|
||||
>新增</Button
|
||||
>
|
||||
<Button style="margin-left: 10px" type="primary" @click=""
|
||||
>查询</Button
|
||||
>
|
||||
<Button
|
||||
style="margin-left: 10px"
|
||||
type="primary"
|
||||
@click="
|
||||
() => (select = { page: 1, year: '', type: '', department: '' })
|
||||
"
|
||||
>重置
|
||||
</Button>
|
||||
</div>
|
||||
</slot>
|
||||
</lx-header>
|
||||
|
||||
<xy-table></xy-table>
|
||||
|
||||
<div style="display: flex;justify-content: flex-end;padding: 10px 0;">
|
||||
<Page :total="total" @on-change="" show-elevator show-sizer @on-page-size-change="" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listdeptNoAuth } from '@/api/system/department'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
total: 0,
|
||||
select: {
|
||||
|
||||
},
|
||||
types: [],
|
||||
departments: [],
|
||||
|
||||
table: [
|
||||
{
|
||||
prop: '',
|
||||
label: '项目名称',
|
||||
width: 180,
|
||||
fixed: 'left'
|
||||
},
|
||||
{
|
||||
prop: '',
|
||||
label: '报销类型',
|
||||
width: 160,
|
||||
},
|
||||
{
|
||||
prop: '',
|
||||
label: '资金来源',
|
||||
width: 160,
|
||||
},
|
||||
{
|
||||
prop: '',
|
||||
label: '报销金额(元)',
|
||||
width: 140,
|
||||
align: 'right'
|
||||
},
|
||||
{
|
||||
prop: '',
|
||||
label: '实际报销金额(元)',
|
||||
width: 140,
|
||||
align: 'right'
|
||||
},
|
||||
{
|
||||
prop: '',
|
||||
label: '已付金额',
|
||||
width: 140,
|
||||
align: 'right'
|
||||
},
|
||||
{
|
||||
prop: 'department.name',
|
||||
label: '业务科室',
|
||||
width: 140
|
||||
},
|
||||
{
|
||||
prop: '',
|
||||
label: '状态',
|
||||
width: 140
|
||||
},
|
||||
{
|
||||
prop: 'admin.name',
|
||||
label: '经办人',
|
||||
width: 140
|
||||
},
|
||||
{
|
||||
prop: 'created_at',
|
||||
label: '创建日期',
|
||||
width: 180
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async getDepartment() {
|
||||
this.departments = await listdeptNoAuth()
|
||||
},
|
||||
},
|
||||
computed: {},
|
||||
created() {
|
||||
this.getDepartment()
|
||||
},
|
||||
beforeRouteEnter (to, from , next) {
|
||||
console.log(to.path.split('_')[1])
|
||||
next()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
</style>
|
||||
@ -0,0 +1,178 @@
|
||||
<!--我的报销-->
|
||||
<template>
|
||||
<div style="padding: 0 20px">
|
||||
<lx-header
|
||||
icon="md-apps"
|
||||
style="margin-bottom: 10px; border: 0px; margin-top: 15px"
|
||||
text="我的报销"
|
||||
>
|
||||
<div slot="content"></div>
|
||||
<slot>
|
||||
<div>
|
||||
<span style="padding: 0 6px">年份</span>
|
||||
<span>
|
||||
<DatePicker
|
||||
:value="select.year"
|
||||
placeholder="选择所属年份"
|
||||
placement="bottom"
|
||||
style="width: 130px"
|
||||
type="year"
|
||||
@on-change="(e) => (select.year = e)"
|
||||
></DatePicker>
|
||||
</span>
|
||||
|
||||
<span style="padding: 0 6px"> 项目类型 </span>
|
||||
<span>
|
||||
<Select
|
||||
v-model="select.type"
|
||||
clearable
|
||||
placeholder="选择项目类型"
|
||||
style="width: 130px"
|
||||
>
|
||||
<Option v-for="item in types" :key="item.id" :value="item.id">{{
|
||||
item.value
|
||||
}}</Option>
|
||||
</Select>
|
||||
</span>
|
||||
|
||||
<span style="padding: 0 6px"> 科室 </span>
|
||||
<span>
|
||||
<el-select
|
||||
placeholder="科室选择"
|
||||
clearable
|
||||
size="small"
|
||||
v-model="select.department"
|
||||
style="width: 160px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in departments"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
:key="item.id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</span>
|
||||
|
||||
<Button style="margin-left: 10px" type="primary" @click=""
|
||||
>新增</Button
|
||||
>
|
||||
<Button style="margin-left: 10px" type="primary" @click=""
|
||||
>查询</Button
|
||||
>
|
||||
<Button
|
||||
style="margin-left: 10px"
|
||||
type="primary"
|
||||
@click="
|
||||
() => (select = { page: 1, year: '', type: '', department: '' })
|
||||
"
|
||||
>重置
|
||||
</Button>
|
||||
</div>
|
||||
</slot>
|
||||
</lx-header>
|
||||
|
||||
<xy-table :list="list" :table-item="table"></xy-table>
|
||||
|
||||
<div style="display: flex;justify-content: flex-end;padding: 10px 0;">
|
||||
<Page :total="total" @on-change="" show-elevator show-sizer @on-page-size-change="" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listdeptNoAuth } from '@/api/system/department'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
total: 0,
|
||||
select: {
|
||||
|
||||
},
|
||||
types: [],
|
||||
departments: [],
|
||||
|
||||
list: [],
|
||||
table: [
|
||||
{
|
||||
prop: '',
|
||||
label: '收入项目',
|
||||
width: 180,
|
||||
fixed: 'left'
|
||||
},
|
||||
{
|
||||
prop: '',
|
||||
label: '收入类型',
|
||||
width: 160,
|
||||
},
|
||||
{
|
||||
prop: '',
|
||||
label: '收入来源',
|
||||
width: 160,
|
||||
},
|
||||
{
|
||||
prop: '',
|
||||
label: '收入方式',
|
||||
width: 160,
|
||||
},
|
||||
{
|
||||
prop: '',
|
||||
label: '收入金额(元)',
|
||||
width: 140,
|
||||
align: 'right'
|
||||
},
|
||||
{
|
||||
prop: '',
|
||||
label: '实际收入金额(元)',
|
||||
width: 140,
|
||||
align: 'right'
|
||||
},
|
||||
{
|
||||
prop: '',
|
||||
label: '已入账金额',
|
||||
width: 140,
|
||||
align: 'right'
|
||||
},
|
||||
{
|
||||
prop: 'department.name',
|
||||
label: '业务科室',
|
||||
width: 140
|
||||
},
|
||||
{
|
||||
prop: '',
|
||||
label: '状态',
|
||||
width: 140
|
||||
},
|
||||
{
|
||||
prop: 'admin.name',
|
||||
label: '经办人',
|
||||
width: 140
|
||||
},
|
||||
{
|
||||
prop: 'created_at',
|
||||
label: '创建日期',
|
||||
width: 180
|
||||
}
|
||||
]
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async getDepartment() {
|
||||
this.departments = await listdeptNoAuth()
|
||||
},
|
||||
},
|
||||
computed: {},
|
||||
created() {
|
||||
this.getDepartment()
|
||||
},
|
||||
beforeRouteEnter (to, from , next) {
|
||||
console.log(to.path.split('_')[1])
|
||||
next()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
</style>
|
||||
Loading…
Reference in new issue