提交 7fbbadfa 编写于 作者: Yuanzhao.dai's avatar Yuanzhao.dai

工作台

上级 e8f8f7ad
......@@ -3,19 +3,30 @@ import followApi from '../../utils/followup/followapis'
export default {
namespaced: true,
state: {
todayPlans: [], //今日随访列表
todayPlansList: [], //今日随访列表
todayAppointsList: [], //今日预约列表
todayOverview: [], //查询今日随访、预约、随访人数count
},
mutations: {
GET_TODAY_PLAN_LIST(state, payload) {
state.groupList = payload
// state.todayPlansList = payload.data
state.todayPlansList = [
{
planName: 'wewe',
appointTime: '2019-03-05'
}
]
},
GET_TODAY_APPOINTS_LIST(state, payload) {
state.groupList = payload
state.todayAppointsList = [
{
planName: 'wewe',
appointTime: '2019-03-05'
}
]
},
GET_TODAY_OVERVIEW(state, payload) {
state.groupList = payload
state.todayOverview = payload
}
},
actions: {
......
......@@ -148,7 +148,10 @@
curmbSecond: '预约管理',
/*面包屑配置*/
labelWidth: '125px', //标题长度
searchData: {}, //查询数据
searchData: {
planName: '',
planTimes: ''
}, //查询数据
status: 0, //列表筛选条件
statusOptions: [
{
......@@ -177,7 +180,18 @@
},
mounted() {
this.getReservationList()
if(this.$route.query.planName && this.$route.query.appointTime) {
this.searchData.planName = this.$route.query.planName;
this.searchData.planTimes = [this.$route.query.appointTime,this.$route.query.appointTime];
this.getReservationList({
planName: this.$route.query.planName,
planFromTime: this.$route.query.appointTime,
planToTime: this.$route.query.appointTime,
})
} else {
this.getReservationList();
}
},
computed: {
...mapState('reservationManage',{
......
......@@ -7,39 +7,47 @@
<div class="visitor-title">
<div class="title">今日随访:
<span style="color:#449284;margin-right: 10px">10人</span>
<span class="type-button" >未完成</span>
<span class="type-button">已过期</span>
<span class="type-button" :style="{background:(planBtn?'rgba(68,146,132,0.06)':'#ffffff')}" @click="changeTodayPlansList(0)">未完成</span>
<span class="type-button" :style="{background:(!planBtn?'rgba(68,146,132,0.06)':'#ffffff')}" @click="changeTodayPlansList(1)">已过期</span>
</div>
<span class="visitor-more" @click="lookMore">查看更多</span>
<span class="visitor-more" @click="lookMore">查看更多</span>
</div>
<div class="visitor-info">
<el-table
:data="tableData"
:data="todayPlansList"
style="width: 100%">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="date" label="预约时间"></el-table-column>
<el-table-column prop="patientName" label="姓名"></el-table-column>
<el-table-column prop="appointTime" label="预约时间"></el-table-column>
<el-table-column prop="style" label="随访方式"></el-table-column>
<el-table-column prop="content" label="操作"></el-table-column>
<el-table-column prop="content" label="操作">
<template slot-scope="scope">
<span class="text-btn">随访录入</span> | <span class="text-btn">变更随访状态</span>
</template>
</el-table-column>
</el-table>
</div>
</el-col>
<el-col class="visitor screenSet" :span="24" style="margin-top: 0;margin-bottom: 0;">
<div class="visitor-title">
<div class="title">今日预约
<span class="type-button" style="margin-left: 10px;">未完成</span>
<span class="type-button">已过期</span>
<span class="type-button" :style="{background:(appointBtn?'rgba(68,146,132,0.06)':'#ffffff')}" @click="changeTodayAppointsList(0)" style="margin-left: 10px;">未完成</span>
<span class="type-button" :style="{background:(!appointBtn?'rgba(68,146,132,0.06)':'#ffffff')}" @click="changeTodayAppointsList(1)" >已过期</span>
</div>
<span class="visitor-more" @click="lookMore">查看更多</span>
</div>
<div class="visitor-info">
<el-table
:data="tableData"
:data="todayAppointsList"
style="width: 100%">
<el-table-column prop="date" label="随访计划名称"></el-table-column>
<el-table-column prop="name" label="随访计划时间"></el-table-column>
<el-table-column prop="style" label="已经预约"></el-table-column>
<el-table-column prop="content" label="未预约"></el-table-column>
<el-table-column prop="content" label="操作"></el-table-column>
<el-table-column prop="planName" label="随访计划名称"></el-table-column>
<el-table-column prop="appointTime" label="随访计划时间"></el-table-column>
<el-table-column prop="appointedCount" label="已经预约"></el-table-column>
<el-table-column prop="notAppointedCount" label="未预约"></el-table-column>
<el-table-column prop="content" label="操作">
<template slot-scope="scope">
<span class="text-btn" @click="goToReservation(scope.row.planName, scope.row.appointTime)">去预约</span>
</template>
</el-table-column>
</el-table>
</div>
</el-col>
......@@ -83,7 +91,9 @@ export default {
spanSecondNum: 12,
tableData: [],
count: 0,
messageList:[]
messageList:[],
planBtn: true,
appointBtn: true,
}
},
created() {
......@@ -91,14 +101,20 @@ export default {
vm.getSystemData()
vm.getTodayPlansList({
status:0
})
});
vm.getTodayAppointsList({
status:0
});
vm.getTodayOverview({
status:0
});
},
computed: {
...mapGetters([
'_token'
]),
...mapState('workbench', {
todayPlans: state => state.todayPlans,
todayPlansList: state => state.todayPlansList,
todayAppointsList: state => state.todayAppointsList,
todayOverview: state => state.todayOverview,
})
......@@ -117,6 +133,30 @@ export default {
vm.count = res.data.count
}
})
},
changeTodayPlansList(status) {
if(status == 0) {
vm.planBtn = true
} else {
vm.planBtn = false
}
vm.getTodayPlansList({
status: status
});
},
changeTodayAppointsList(status) {
if(status == 0) {
vm.appointBtn = true
} else {
vm.appointBtn = false
}
vm.getTodayAppointsList({
status: status
});
},
goToReservation(planName, appointTime) {
this.$router.push({path: '/followup/reservation-manage/reservation-list', query: {planName: planName, appointTime:appointTime}});
}
}
}
......@@ -169,6 +209,10 @@ export default {
}
.visitor-info {
margin-right: 20px;
.text-btn:hover {
cursor: pointer;
color: #449284;
}
}
}
.message {
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册