parent
d540d8cf96
commit
f683f66716
@ -0,0 +1,291 @@
|
||||
<template>
|
||||
<div>
|
||||
<div ref="lxHeader">
|
||||
<lx-header
|
||||
icon="md-apps"
|
||||
style="margin-bottom: 10px; border: 0px; margin-top: 15px"
|
||||
text="护工排班视图"
|
||||
>
|
||||
<div slot="content"></div>
|
||||
<slot>
|
||||
<div style="display: flex">
|
||||
<Input
|
||||
v-model="select.keyword"
|
||||
placeholder="关键字搜索"
|
||||
style="width: 200px; margin-right: 10px"
|
||||
/>
|
||||
<Button
|
||||
style="margin-right: 10px"
|
||||
type="primary"
|
||||
@click="(select.page = 1), getList"
|
||||
>查询</Button
|
||||
>
|
||||
<xy-selectors @search="(select.page = 1), getList()" @reset="reset">
|
||||
<template>
|
||||
<div class="select-item">
|
||||
<div class="select-item__label">护工姓名</div>
|
||||
<el-select
|
||||
size="small"
|
||||
v-model="select.nurse_name"
|
||||
placeholder="选择护工姓名"
|
||||
clearable
|
||||
style="width: 200px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in nurses"
|
||||
:value="item.name"
|
||||
:label="item.name"
|
||||
:key="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="select-item">
|
||||
<div class="select-item__label">客户姓名</div>
|
||||
<el-select
|
||||
size="small"
|
||||
v-model="select.customer_name"
|
||||
placeholder="选择护工姓名"
|
||||
clearable
|
||||
style="width: 200px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in customers"
|
||||
:value="item.name"
|
||||
:label="item.name"
|
||||
:key="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
|
||||
<div class="select-item">
|
||||
<div class="select-item__label">地址</div>
|
||||
<el-input size="small" v-model="select.address_name" placeholder="请输入地址" style="width: 200px;"></el-input>
|
||||
</div>
|
||||
|
||||
<div class="select-item">
|
||||
<div class="select-item__label">实际签到开始时间</div>
|
||||
<el-date-picker
|
||||
size="small"
|
||||
v-model="select.start_sign_in"
|
||||
type="datetime"
|
||||
value-format="yyyy-MM-dd hh:mm:ss"
|
||||
placeholder="选择实际签到开始时间"
|
||||
style="width: 200px"
|
||||
>
|
||||
</el-date-picker>
|
||||
</div>
|
||||
|
||||
<div class="select-item">
|
||||
<div class="select-item__label">实际签到结束时间</div>
|
||||
<el-date-picker
|
||||
size="small"
|
||||
v-model="select.end_sign_in"
|
||||
type="datetime"
|
||||
value-format="yyyy-MM-dd hh:mm:ss"
|
||||
placeholder="选择实际签到结束时间"
|
||||
style="width: 200px"
|
||||
>
|
||||
</el-date-picker>
|
||||
</div>
|
||||
|
||||
<div class="select-item">
|
||||
<div class="select-item__label">计划签到开始时间</div>
|
||||
<el-date-picker
|
||||
size="small"
|
||||
v-model="select.start_start_time"
|
||||
type="datetime"
|
||||
value-format="yyyy-MM-dd hh:mm:ss"
|
||||
placeholder="选择计划签到开始时间"
|
||||
style="width: 200px"
|
||||
>
|
||||
</el-date-picker>
|
||||
</div>
|
||||
|
||||
<div class="select-item">
|
||||
<div class="select-item__label">计划签到结束时间</div>
|
||||
<el-date-picker
|
||||
size="small"
|
||||
v-model="select.end_start_time"
|
||||
type="datetime"
|
||||
value-format="yyyy-MM-dd hh:mm:ss"
|
||||
placeholder="选择计划签到结束时间"
|
||||
style="width: 200px"
|
||||
>
|
||||
</el-date-picker>
|
||||
</div>
|
||||
|
||||
<div class="select-item">
|
||||
<div class="select-item__label">状态</div>
|
||||
<el-radio v-model="select.schedule_status" :label="1"
|
||||
>已排</el-radio
|
||||
>
|
||||
<el-radio v-model="select.schedule_status" :label="2"
|
||||
>未排</el-radio
|
||||
>
|
||||
<el-radio v-model="select.schedule_status" label=""
|
||||
>全部</el-radio
|
||||
>
|
||||
</div>
|
||||
</template>
|
||||
</xy-selectors>
|
||||
</div>
|
||||
</slot>
|
||||
</lx-header>
|
||||
</div>
|
||||
|
||||
<xy-table
|
||||
:default-expand-all="false"
|
||||
:list="list"
|
||||
:table-item="table"
|
||||
:total="total"
|
||||
@pageIndexChange="
|
||||
(e) => {
|
||||
select.page = e;
|
||||
getList();
|
||||
}
|
||||
"
|
||||
@pageSizeChange="
|
||||
(e) => {
|
||||
select.page = 1;
|
||||
select.page_size = e;
|
||||
getList();
|
||||
}
|
||||
"
|
||||
>
|
||||
<template v-slot:btns></template>
|
||||
</xy-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getList as customerIndex } from "@/api/customer"
|
||||
import { scheduleList } from "@/api/schedule";
|
||||
import { getList as nurseList} from "@/api/worker"
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
customers:[],
|
||||
nurses:[],
|
||||
select: {
|
||||
page: 1,
|
||||
page_size: 10,
|
||||
nurse_name:"",
|
||||
customer_name:"",
|
||||
address_name:"",
|
||||
start_sign_in:"",
|
||||
end_sign_in:"",
|
||||
start_start_time:"",
|
||||
end_start_time:"",
|
||||
is_export:0
|
||||
},
|
||||
list: [],
|
||||
table: [
|
||||
{
|
||||
prop:'',
|
||||
label:'序号',
|
||||
width:50
|
||||
},
|
||||
{
|
||||
prop:'',
|
||||
label:'被护理人',
|
||||
width:120
|
||||
},
|
||||
{
|
||||
prop:'',
|
||||
label:'护理人',
|
||||
width:120
|
||||
},
|
||||
{
|
||||
prop:'',
|
||||
label:'状态',
|
||||
width:120
|
||||
},
|
||||
{
|
||||
prop:'',
|
||||
label:'计划时间',
|
||||
width:180
|
||||
},
|
||||
{
|
||||
prop:'',
|
||||
label:'签到时间',
|
||||
width:180
|
||||
},
|
||||
{
|
||||
prop:'',
|
||||
label:'签退时间',
|
||||
width: 180
|
||||
},
|
||||
{
|
||||
prop:'',
|
||||
label:'上门地址',
|
||||
minWidth:220
|
||||
},
|
||||
{
|
||||
prop:'',
|
||||
label:'勾选的服务时长',
|
||||
width: 160
|
||||
}
|
||||
],
|
||||
total: 0,
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
async getCustomers(){
|
||||
const res = await customerIndex({
|
||||
page:1,
|
||||
page_size:999
|
||||
})
|
||||
this.customers = res.data.data
|
||||
},
|
||||
async getNurses(){
|
||||
const res = await nurseList({
|
||||
page:1,
|
||||
page_size:999
|
||||
})
|
||||
this.nurses = res.data
|
||||
},
|
||||
async getList() {
|
||||
const res = await scheduleList(this.select)
|
||||
this.list = res.data
|
||||
console.log(this.list)
|
||||
},
|
||||
|
||||
reset() {
|
||||
this.select = {
|
||||
page: 1,
|
||||
page_size: 10,
|
||||
nurse_name:"",
|
||||
customer_name:"",
|
||||
address_name:"",
|
||||
start_sign_in:"",
|
||||
end_sign_in:"",
|
||||
start_start_time:"",
|
||||
end_start_time:"",
|
||||
is_export:0
|
||||
}
|
||||
},
|
||||
},
|
||||
computed: {},
|
||||
mounted() {
|
||||
this.getList();
|
||||
},
|
||||
created() {
|
||||
this.getNurses()
|
||||
this.getCustomers()
|
||||
this.getList()
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.select-item{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
&__label{
|
||||
width: 140px;
|
||||
padding: 10px 10px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue