Skip to content

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

随访详情页面添加

上级 eadfbfd8
隐藏空白字符变更
内嵌 并排
正在显示 包含 261 行增加 和 55 行删除
src/views/followup/record-manage/dialog/followupDetail.vue 0 → 100644
浏览文件 @ cbf5f7ed
<template>
<el-dialog title="本次随访详情"
:visible.sync="dialogDetail"
v-if="dialogFormVisible"
center
:close-on-click-modal="false"
:close-on-press-escape="false"
width="1090px"
:before-close="closeDetail">
<div class="detail-content">
<div class="base-info">
<div class="base-content">
<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">男</div>
</div>
<div class="content-div">
<div class="c-title">年龄：</div>
<div class="c-content">55岁</div>
</div>
<div class="content-div">
<div class="c-title">身份证号：</div>
<div class="c-content">3101110196011022419</div>
</div>
<div class="content-div">
<div class="c-title">联系方式：</div>
<div class="c-content">13111111111</div>
</div>
</div>
</div>
<div class="base-info pt10">
<div class="base-content">
<div class="content-div">
<div class="c-title">随访计划名称：</div>
<div class="c-content">2018年糖尿病随访</div>
</div>
</div>
<div class="group-info base-content">
<div class="content-div">
<div class="c-title">随访时间点：</div>
<div class="c-content">第3次随访</div>
</div>
<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">2019-03-23</div>
</div>
<div class="content-div">
<div class="c-title">随访预约时间：</div>
<div class="c-content">2019-03-23 10:00-11:00</div>
</div>
</div>
<div class="group-info base-content flex-start">
<div class="content-div">
<div class="c-title">随访状态：</div>
<div class="c-content">已过期</div>
</div>
<div class="content-div">
<p class="tip">备注：更改随访状态原因</p>
</div>
</div>
</div>
<div class="base-info console-list">
<div class="list-item">
<p class="title">预约日志</p>
</div>
<div class="list-item">
<p class="title">2019-3-14,李时珍医生发送微信预约</p>
<p class="status">居民未响应</p>
<p class="reason"></p>
</div>
<div class="list-item">
<p class="title">2019-3-20,李时珍医生发送短信预约</p>
<p class="status">居民已预约</p>
<p class="reason"></p>
</div>
<div class="list-item">
<p class="title">2019-3-20,李时珍医生发送短信预约</p>
<p class="status">居民已拒绝</p>
<p class="reason">变更原因：当天居民临时有事</p>
</div>
</div>
<div class="base-info console-list">
<div class="list-item">
<p class="title">患教资料</p>
</div>
<div class="list-item">
<p class="time">开始前三十天</p>
<p class="link-p">患教内容啦啦啦</p>
</div>
</div>
<div class="base-info console-list">
<div class="list-item">
<p class="title">随访登记表</p>
</div>
<div class="list-item">
<p class="link-p">随访登记表名称1</p>
</div>
<div class="list-item">
<p class="link-p">随访登记表名称2</p>
</div>
</div>
</div>
</el-dialog>
</template>
<script>
export default {
data(){
return{
dialogDetail: true
}
},
props: {
dialogFormVisible: {
type: Boolean,
default: false
}
},
computed: {
},
mounted(){
},
methods: {
closeDetail(){
this.$emit('closeDetail',false)
},
}
}
</script>
<style scoped lang="scss">
@import '../../../../style/followup/followup-common';
@import '../../../../style/followup/element-reset.css';
.detail-content{
max-height: 550px;
overflow-y: scroll;
&::-webkit-scrollbar{
width:5px;
}
&::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: rgba(0,0,0,0.1);
}
}
.base-info {
padding: 0 10px;
border-bottom: 1px dashed #efefef;
.base-content {
display: flex;
flex-direction: row;
/*flex-wrap: wrap;*/
justify-content: space-between;
line-height: 35px;
&.dashed-border{
border-bottom: 1px dashed #efefef;
}
&.flex-start{
justify-content: flex-start;
}
.content-div {
.c-title {
width: 115px;
}
.tip{
padding-left: 20px;
color: #999;
}
}
}
&.console-list{
padding: 15px 10px;
.list-item{
display: flex;
line-height: 38px;
color: #666;
.title{
width: 300px;
}
.status{
width: 150px;
}
.reason{
flex: 1;
}
.time{
width: 150px;
}
.link-p{
flex: 1;
text-decoration: underline;
color: $picaGreen;
cursor: pointer;
}
}
}
}
</style>
src/views/followup/record-manage/record-list.vue
浏览文件 @ cbf5f7ed
......@@ -80,48 +80,43 @@
</div>
</div>
<el-dialog title="变更随访状态" :visible.sync="dialogFormVisible" center :close-on-click-modal="false" :close-on-press-escape="false" width="800px">
<!--<el-form ref="statusForm" :model="statusForm" :rules="rules" label-suffix=":" label-width="120px">-->
<!--<el-form-item label="居民" style="margin-bottom:0;">-->
<!--<span>{{statusForm.nickname}}</span>-->
<!--</el-form-item>-->
<!--<el-form-item label="变更状态">-->
<!--<span>{{statusForm.status==1 ? '未完成' : '已完成'}}</span>-->
<!--</el-form-item>-->
<!--<el-form-item label="*变更原因" prop="reason" class="required-item">-->
<el-form ref="statusForm" :model="statusForm" :rules="rules" label-suffix=":" label-width="120px">
<el-form-item label="居民" style="margin-bottom:0;">
<span>{{statusForm.nickname}}</span>
</el-form-item>
<el-form-item label="变更状态">
<span>{{statusForm.status==1 ? '未完成' : '已完成'}}</span>
</el-form-item>
<el-form-item label="变更原因" prop="reason">
<el-input type="textarea" v-model="statusForm.reason" placeholder="请输入变更原因" rows="3" style="width:60%;"></el-input>
</el-form-item>
</el-form>
<!--<div class="form-content">-->
<!--<div class="item-div"><span class="left-title">居民:</span><span class="right-item">{{statusForm.nickname}}</span></div>-->
<!--<div class="item-div"><span class="left-title">变更状态:</span><span class="right-item">{{statusForm.status==1 ? '未完成' : '已完成'}}</span></div>-->
<!--<div class="item-div textarea-add"><span class="left-title"><span class="required-mark">*</span>变更原因:</span><span class="right-item">-->
<!--<custom-textarea-->
<!--:placeholderTxt="placeholderTxt"-->
<!--:inputContentFrom="statusForm.reason"-->
<!--@inputHandler="inputHandler"-->
<!--@inputHandlerBlur="inputHandlerBlur"></custom-textarea>-->
<!--</el-form-item>-->
<!--</el-form>-->
<div class="form-content">
<div class="item-div"><span class="left-title">居民:</span><span class="right-item">{{statusForm.nickname}}</span></div>
<div class="item-div"><span class="left-title">变更状态:</span><span class="right-item">{{statusForm.status==1 ? '未完成' : '已完成'}}</span></div>
<div class="item-div textarea-add"><span class="left-title"><span class="required-mark">*</span>变更原因:</span><span class="right-item">
<custom-textarea
:placeholderTxt="placeholderTxt"
:inputContentFrom="statusForm.reason"
@inputHandler="inputHandler"
@inputHandlerBlur="inputHandlerBlur"></custom-textarea></span></div>
</div>
<!--:placeholderTxt="placeholderTxt"-->
<!--:inputContentFrom="statusForm.reason"-->
<!--@inputHandler="inputHandler"-->
<!--@inputHandlerBlur="inputHandlerBlur"></custom-textarea></span></div>-->
<!--</div>-->
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="saveReason('statusForm')">确 定</el-button>
</div>
</el-dialog>
<followup-detail :dialogFormVisible="dialogDetailShow"></followup-detail>
<followup-detail :dialogFormVisible="dialogDetailShow" @closeDetail="closeDetail"></followup-detail>
</div>
</template>
<script>
import BreadCrumb from "@/components/breadcrumb";
import customTextarea from "@/components/followup/customTextarea";
import followupDetail from "@/components/followup/followupDetail";
// import customTextarea from "@/components/followup/customTextarea";
import followupDetail from "./dialog/followupDetail";
export default {
components:{
BreadCrumb,
customTextarea,
followupDetail
},
data(){
......@@ -172,9 +167,8 @@
statusForm: {
reason: ''
},
num: 0,
rules: {
// reason: [{ validator: validDate, required: true, trigger: ['blur']}]
reason: [{ required: true,message: '请输入变更原因', trigger: ['blur']}]
},
placeholderTxt: '请输入变更原因',
errTips: false,
......@@ -199,8 +193,11 @@
},
editRow(row){},
changeStatusRow(row){
this.dialogFormVisible = true;
this.statusForm = row;
this.dialogFormVisible = true;
if (this.$refs['statusForm']) {
this.$refs['statusForm'].resetFields();
}
},
sendRow(row){},
handleSizeChangePre(pageSize){
......@@ -211,30 +208,32 @@
this.paginationSet['pageNum'] = pageNum
},
saveReason(formName){
if(this.statusForm.reason){
this.$message.success('保存成功')
this.dialogFormVisible = false;
}else {
this.$message.error('请填写变更原因!')
return false;
}
// this.$refs[formName].validate((valid) => {
// if (valid) {
// this.dialogFormVisible = false;
// } else {
// this.$message.error('请填写变更原因!')
// return false;
// }
// });
// if(this.statusForm.reason){
// this.$message.success('保存成功')
// this.dialogFormVisible = false;
// }else {
// this.$message.error('请填写变更原因!')
// return false;
// }
this.$refs[formName].validate((valid) => {
if (valid) {
this.dialogFormVisible = false;
} else {
return false;
}
});
},
inputHandler(val){
this.statusForm.reason = val;
// inputHandler(val){
// this.statusForm.reason = val;
// },
// inputHandlerBlur(val){
// if(!val){
// this.$message.error('请填写变更原因!')
// }
// },
closeDetail(val){
this.dialogDetailShow = val;
},
inputHandlerBlur(val){
if(!val){
this.$message.error('请填写变更原因!')
}
}
},
filters: {
statusFileter: function(value) {
......@@ -269,7 +268,7 @@
color: $picaGreen;
}
}
.form-content{
/*.form-content{
.item-div{
display: flex;
align-items: center;
......@@ -293,6 +292,6 @@
margin-right: 3px;
}
}
}
}*/
}
</style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或