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

工作台

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