parent
14a2729c64
commit
6ef647cc0e
@ -0,0 +1,170 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div ref="contractList" style="padding: 0 20px">
|
||||||
|
<lx-header
|
||||||
|
icon="md-apps"
|
||||||
|
style="margin-bottom: 10px; border: 0px; margin-top: 15px"
|
||||||
|
text="出差管理"
|
||||||
|
>
|
||||||
|
<slot>
|
||||||
|
<div class="selects">
|
||||||
|
<div>
|
||||||
|
<span style="padding: 0 6px; word-break: keep-all">关键字</span>
|
||||||
|
<span>
|
||||||
|
<Input
|
||||||
|
v-model="select.keyword"
|
||||||
|
clearable
|
||||||
|
placeholder="关键字搜索"
|
||||||
|
style="width: 200px"
|
||||||
|
/>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<span>开始时间</span>
|
||||||
|
<span>
|
||||||
|
<DatePicker
|
||||||
|
:value="select.start_year"
|
||||||
|
placeholder="选择开始时间"
|
||||||
|
placement="bottom"
|
||||||
|
format="yyyy-MM-dd"
|
||||||
|
style="width: 120px"
|
||||||
|
@on-change="(e) => (select.start_year = $moment(e).format('YYYY-MM-DD'))"
|
||||||
|
></DatePicker>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<span>结束时间</span>
|
||||||
|
<span>
|
||||||
|
<DatePicker
|
||||||
|
:value="select.end_year"
|
||||||
|
placeholder="选择结束时间"
|
||||||
|
placement="bottom"
|
||||||
|
format="yyyy-MM-dd"
|
||||||
|
style="width: 120px"
|
||||||
|
@on-change="(e) => (select.end_year = $moment(e).format('YYYY-MM-DD'))"
|
||||||
|
></DatePicker>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<Button
|
||||||
|
type="primary"
|
||||||
|
@click="">新增</Button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<Button type="primary" @click="getList">查询</Button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<Button type="primary" @click="">导出</Button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</slot>
|
||||||
|
</lx-header>
|
||||||
|
|
||||||
|
<xy-table
|
||||||
|
ref="xyTable"
|
||||||
|
:list="list"
|
||||||
|
:show-summary="true"
|
||||||
|
@editor=""
|
||||||
|
>
|
||||||
|
</xy-table>
|
||||||
|
|
||||||
|
<div style="display: flex; justify-content: flex-end;padding: 10px 6px;">
|
||||||
|
<Page
|
||||||
|
:total="total"
|
||||||
|
show-elevator
|
||||||
|
@on-change="e => {
|
||||||
|
select.page = e;
|
||||||
|
getList();
|
||||||
|
}"
|
||||||
|
show-sizer
|
||||||
|
@on-page-size-change="e => {
|
||||||
|
select.page = 1;
|
||||||
|
select.page_size = e;
|
||||||
|
getList();
|
||||||
|
}"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {parseTime} from "@/utils";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
select: {
|
||||||
|
keyword: '',
|
||||||
|
start_year: "",
|
||||||
|
end_year: "",
|
||||||
|
page: 1,
|
||||||
|
page_size: 10
|
||||||
|
},
|
||||||
|
total: 0,
|
||||||
|
list: [],
|
||||||
|
table: [
|
||||||
|
{
|
||||||
|
label: "标题"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "开始时间"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "结束时间"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "是否用车"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "是否市内补助"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "创建日期",
|
||||||
|
width: 160,
|
||||||
|
prop: "created_at",
|
||||||
|
formatter: (cell, data, value) => {
|
||||||
|
return this.$moment(value).format("YYYY-MM-DD HH:mm");
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "业务科室",
|
||||||
|
width: 140,
|
||||||
|
prop: "department.name",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "经办人",
|
||||||
|
width: 140,
|
||||||
|
prop: "admin.name",
|
||||||
|
},
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
async getList () {
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.selects {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
|
& > div {
|
||||||
|
margin-bottom: 6px;
|
||||||
|
margin-right: 4px;
|
||||||
|
|
||||||
|
& > span {
|
||||||
|
word-break: keep-all;
|
||||||
|
padding: 0 4px ;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue