Skip to content

P
pica.cloud.web-education-admin
提交 b2cef9f6 编写于 作者: Yuanzhao.dai's avatar Yuanzhao.dai
浏览文件
操作

add 计划详情&全部随访时间

上级 a1c6b875
隐藏空白字符变更
内嵌 并排
正在显示 包含 256 行增加 和 1 行删除
src/router/follow.js
浏览文件 @ b2cef9f6
......@@ -2,6 +2,7 @@ const followUp = r => require.ensure([], () => r(require('../views/followup/layo
const planManage = r => require.ensure([], () => r(require('../views/followup/plan-manage/layout.vue')), 'planManage');
const planList = r => require.ensure([], () => r(require('../views/followup/plan-manage/plan-list.vue')), 'planList');
const planDetail = r => require.ensure([], () => r(require('../views/followup/plan-manage/plan-detail.vue')), 'planDetail');
const residentList = r => require.ensure([], () => r(require('../views/followup/plan-manage/resident-list.vue')), 'residentList');
const residentDetail = r => require.ensure([], () => r(require('../views/followup/plan-manage/resident-detail.vue')), 'residentDetail');
......@@ -26,6 +27,15 @@ const followRouters = {
name: 'planManage',
redirect: 'plan-manage/plan-list',
children: [
{
path: 'plan-detail',
component: planDetail,
name: 'planDetail',
meta: {
title: '查看计划',
keepAlive: false //页面不需要缓存
},
},
{
path: 'plan-list',
component: planList,
......
src/views/followup/plan-manage/dialog/finish-followup.vue
浏览文件 @ b2cef9f6
......@@ -35,7 +35,6 @@
</template>
<script>
import customTextarea from "@/components/followup/customTextarea";
export default {
name: "finish-followup",
components: {
......
src/views/followup/plan-manage/dialog/follow-time.vue 0 → 100644
浏览文件 @ b2cef9f6
<template>
<div class="follow-time">
<el-dialog
title="随访开始时间"
:visible.sync="showFollowTime"
v-if="showThisPage"
:before-close="clickClose"
center>
<div class="finish-content">
<el-table
:data="followUpTimeList"
center
style="width: 100%;margin-top: 20px;">
<el-table-column
prop="nickName"
label="随访计划开始时间"
align="center">
</el-table-column>
<el-table-column
prop="mobilePhone"
label="人数"
align="center">
</el-table-column>
</el-table>
</div>
<span slot="footer" class="dialog-footer">
<el-button class="button-green" @click="clickClose" type="primary">取 消</el-button>
<el-button class="button-white" @click="clickClose" plain>确 定</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
export default {
name: "follow-time",
props: {
showThisPage: { //是否显示model
type: Boolean,
default: function() {
return false;
}
},
followUpTimeList: {
type: Array,
default: function() {
return []
}
}
},
data() {
return {
showFollowTime: true
}
},
methods: {
clickClose() {
this.$emit('closeFollowTime',false)
},
}
}
</script>
<style scoped>
</style>
src/views/followup/plan-manage/plan-detail.vue 0 → 100644
浏览文件 @ b2cef9f6
<template>
<div class="plan-detail">
<bread-crumb
:curmbFirst="curmbFirst"
:curmbSecond="curmbSecond"
:curmbThird="curmbThird"
:jumPathThird="jumPathThird">
</bread-crumb>
<div class="f-detail-content screenSet">
<div class="header">
<div class="title"><p>基本信息</p></div>
<div class="h-btn">
<el-button class="button-white" plain @click="changePlan">修改</el-button>
</div>
</div>
<div class="base-info" v-if="residentDetail.fPlanPatientDatilDtoList">
<div class="resident-info base-content">
<div class="content-div">
<div class="c-title">随访计划名称：</div>
<div class="c-content">{{residentDetail.fPlanPatientDatilDtoList.nickName}}</div>
</div>
</div>
<div class="group-info base-content">
<div class="content-div">
<div class="c-title">随访居民：</div>
<div class="c-content">{{residentDetail.fPlanPatientDatilDtoList.labelName}}</div>
</div>
</div>
<div class="followup-info base-content">
<div class="content-div">
<div class="c-title">随访模板：</div>
<div class="c-content">{{residentDetail.fPlanPatientDatilDtoList.planTemplate}}</div>
</div>
</div>
<div class="followup-info base-content">
<div class="content-div">
<div class="c-title">随访开始时间：</div>
<div class="c-content">{{residentDetail.fPlanPatientDatilDtoList.planTemplate}} <el-button type="text" @click="goToFollowTime">查看全部></el-button></div>
</div>
</div>
<div class="followup-info base-content">
<div class="content-div">
<div class="c-title">备注：</div>
<div class="c-content">{{residentDetail.fPlanPatientDatilDtoList.planTemplate}}</div>
</div>
</div>
</div>
<div class="time-nodes" v-if="residentDetail.fPlanPatientDatilDtoList">
<p class="title">随访时间节点</p>
<el-radio-group v-model="timeNodes">
<el-radio-button :key="item.nodeId" v-for="item in residentDetail.fPlanPatientDatilDtoList.timeNodeList" :label="item.nodeId">{{item.timeNodeContent}}</el-radio-button>
</el-radio-group>
<div class="followup-contents">
<div class="content-div">
<div class="c-title">随访方式：</div>
<div class="c-content">门诊随访</div>
</div>
<div class="content-div">
<div class="c-title">提醒医生预约居民：</div>
<div class="c-content more-content">
<p>开始前20天提醒</p>
<p>开始前10天提醒</p>
</div>
</div>
<div class="content-div">
<div class="c-title">推送患教：</div>
<div class="c-content more-content">
<p>开始前30天 <span class="click-text">《患教内容患教内容患教内容》</span></p>
<p class="reminding">推送规则：优先微信推送，如果居民没关注云鹊医公众号，将短信推送，短信推送会消耗您的额度。推送详情请前往云鹊医app患教中心查询</p>
</div>
</div>
<div class="content-div">
<div class="c-title">随访登记表：</div>
<div class="c-content more-content">
<p class="click-text">《登记表名登记表名登记表名》</p>
<p class="click-text">《登记表名登记表名登记表名登记表名》</p>
</div>
</div>
</div>
</div>
</div>
<follow-time :showThisPage="showFollowTime" @closeFollowTime="closeFollowTime"></follow-time>
</div>
</template>
<script>
import BreadCrumb from '@/components/breadcrumb';
//变更计划dialog
import FollowTime from '@/views/followup/plan-manage/dialog/follow-time';
import { mapState, mapActions } from 'vuex'
export default {
name: "plan-detail",
components: {
BreadCrumb,
FollowTime
},
data() {
return {
/*面包屑配置*/
curmbFirst: '随访管理',
curmbSecond: '计划管理',
curmbThird: '计划详情',
jumPathThird: '/followUp/plan-manage',
/*面包屑配置*/
timeNodes: 0,//时间节点
showFollowTime: false, //是否展示全部时间
}
},
created() {
},
mounted() {
this.getResidentDetail({
patientId: this.$route.query.patientId,
planId: this.$route.query.planId
}); //获取居民详情
},
computed: {
...mapState('planManage', {
residentDetail: state => state.residentDetail
})
},
methods: {
...mapActions('planManage', ['getResidentDetail']),
goToFollowTime() {
this.showFollowTime = true
},
changePlan() {
},
closeFollowTime(isShow) {
this.showFollowTime = isShow
},
}
}
</script>
<style lang="scss" scoped>
@import '../../../style/followup/followup-common';
@import '../../../style/followup/element-reset.css';
.plan-detail {
.f-detail-content {
.header {
.title {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
}
.base-info {
padding: 10px;
border-bottom: 1px dashed #efefef;
.base-content {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
padding: 10px 0;
.content-div {
.c-title {
width: 115px;
}
}
}
}
.time-nodes {
padding: 20px 10px;
.title {
color: #666666;
padding-bottom: 20px;
}
.followup-contents {
padding: 25px;
}
}
}
}
</style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或