master
xy 3 years ago
parent d540d8cf96
commit f683f66716

@ -73,3 +73,11 @@ export function nurseSchedule(params){
}
)
}
export function scheduleList(params){
return request({
method:'get',
url:'/api/admin/chart/schedule-list-log',
params
})
}

@ -152,10 +152,10 @@ export default {
}
&-content{
min-height: 50px;
max-height: 400px;
max-height: 260px;
overflow: scroll;
padding: 36px 0 44px 8px;
margin: 36px 0 44px 8px;
&::-webkit-scrollbar-thumb{
background: $primaryColor;
}
@ -164,6 +164,7 @@ export default {
width: 100%;
display: flex;
justify-content: space-evenly;
background: #f0f3fa;
position: absolute;
bottom: 0;

@ -214,3 +214,12 @@ export function deepCopy(data) {
return data;
}
}
export function debounce(fn,delay=500){
let timer = null
return function _debounce() {
if (timer) clearTimeout(timer)
timer = setTimeout(() => {
fn()
}, delay)
}
}

@ -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…
Cancel
Save