Skip to content

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

新建计划22

上级 088673c7
显示空白字符变更
内嵌 并排
正在显示 包含 290 行增加 和 40 行删除
src/views/followup/plan-manage/new-plan.vue
浏览文件 @ 99fa7cb1
......@@ -13,29 +13,32 @@
<!--<el-breadcrumb-item>基本信息</el-breadcrumb-item>-->
<!--<el-breadcrumb-item>随访时间节点</el-breadcrumb-item>-->
<!--</el-breadcrumb>-->
<span>基本信息</span>
<span :class="{ 'active-class' : activeTab === 'second' }">基本信息</span>
<i class="el-icon-arrow-right" style="color: #C0C4CC"></i>
<span style="color: #606266">随访时间节点</span>
<span :class="{ 'active-class' : activeTab === 'first' }">随访时间节点</span>
</div>
<div class="plan-btns-group" v-if="activeTab === 'first'">
<el-button class="button-white" plain @click="cancelEdit" >取 消</el-button>
<el-button type="primary">下一步</el-button>
<el-button type="primary"@click="nextClick('baseInfo')">下一步</el-button>
</div>
<div class="plan-btns-group" v-if="activeTab === 'second'">
<el-button class="button-white" plain>上一步</el-button>
<el-button class="button-white" plain @click="preClick">上一步</el-button>
<el-button type="primary">保 存</el-button>
</div>
</div>
<div class="edit-plan-content" v-if="activeTab === 'first'">
<el-form ref="baseInfo" :model="baseInfo" :rules="rules" label-suffix=":" label-width="140px">
<el-form ref="baseInfo" :model="baseInfo" :rules="rules" label-suffix=":" label-width="140px" :inline-message="true">
<el-form-item label="随访计划名称" prop="name">
<el-input v-model="baseInfo.name" maxlength="20" style="width: 30%" clearable></el-input>
</el-form-item>
<el-form-item label="随访居民" required>
<el-form-item label="随访居民" required prop="hasSelectedNum">
<div style="display: flex">
<div class="select-patients">
<el-button plain icon="el-icon-plus" @click="selectPatientHandler">{{baseInfo.hasSelectedNum ? '继续添加' : '选择居民'}}</el-button><br>
<el-button type="text" class="mt10" @click="seeSelectedHandler" v-if="baseInfo.hasSelectedNum">已选{{baseInfo.hasSelectedNum}}人<i class="el-icon-arrow-right"></i></el-button>
</div>
<p class="err-tips" v-if="noChoice">请添加随访居民</p>
</div>
</el-form-item>
<el-form-item label="随访模板" prop="followupTemplate">
<el-select
......@@ -49,8 +52,8 @@
:value="item.value">
</el-option>
</el-select>
<p class="tips">随访计划创建成功后，模板不可更换，请谨慎选择。</p>
</el-form-item>
<p class="tips">随访计划创建成功后，模板不可更换，请谨慎选择。</p>
<el-form-item label="随访开始时间" prop="startTime">
<el-date-picker
v-model="baseInfo.startTime"
......@@ -75,7 +78,95 @@
</el-form-item>
</el-form>
</div>
<div class="edit-plan-content" v-if="activeTab === 'second'">
<p><el-button plain icon="el-icon-plus" round>新增时间节点</el-button><br></p>
<div class="add-time-content">
<div class="time-line-scroll">
<span>设置随访时间1</span>
<!--<el-button type="primary" size="mini" round>设置随访时间1</el-button>-->
</div>
<div class="form-div">
<el-form ref="timeForm" :model="timeForm" :rules="timeFormRules" label-suffix=":" label-width="140px" :inline-message="true">
<el-form-item label="本次随访时间" required>
<div style="display: flex;">
<el-form-item prop="followupTime">
<el-select v-model="timeForm.followupTime" placeholder="请选择" clearable>
<el-option
v-for="item in indexOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item prop="followupMark" class="ml20">
<el-select v-model="timeForm.followupMark" placeholder="请选择">
<el-option
v-for="item in markOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</div>
</el-form-item>
<el-form-item label="随访方式" prop="followupWay">
<el-radio-group v-model="timeForm.followupWay">
<el-radio :label="1">门诊随访</el-radio>
<el-radio :label="2">上门随访</el-radio>
<el-radio :label="3">电话随访</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="提醒医生预约居民">
<el-select
v-model="timeForm.remindTime"
multiple
collapse-tags
placeholder="请选择">
<el-option
v-for="item in remindOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="推送患教">
<div style="display: flex">
<el-select v-model="timeForm.pushTime" placeholder="选择推送时间" clearable>
<el-option
v-for="item in pushTimeOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<el-button plain class="ml20">选择健康漫画</el-button>
</div>
</el-form-item>
<el-form-item label="随访登记表">
<el-select
v-model="timeForm.followupForm"
multiple
collapse-tags
placeholder="请选择">
<el-option
v-for="item in formOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-form>
</div>
</div>
</div>
</div>
<select-patient :isShowSelectPatient="isShowSelectPatient" @closeSelectPatient="closeSelectPatient" @sureSelectPatient="sureSelectPatient(arguments)"></select-patient>
<has-selected-patient :isShowSelectedDialog="isShowSelectedDialog" :hasSelectedList="hasSelectedList" @closeSelectedDialog="closeSelectedDialog" @continueAdd="continueAdd"></has-selected-patient>
</div>
......@@ -104,6 +195,7 @@
jumPathThird: '/followUp/plan-manage',
activeTab: 'first',
noChoice: false,
baseInfo: {
name: '',
......@@ -112,6 +204,14 @@
followupKind: '',
hasSelectedNum: 0,
},
timeForm: {
followupTime: '',
followupMark: '0',
followupWay: '',
pushTime: '',
remindTime: [],
followupForm: [],
},
isShowSelectPatient: false,
isShowSelectedDialog: false,
hasSelectedList: [],
......@@ -136,11 +236,81 @@
label: '术后随访'
}
],
indexOptions: [
{
value: '0',
label: '0'
}, {
value: '1',
label: '1'
},
],
markOptions: [
{
value: '0',
label: '天'
}, {
value: '1',
label: '周'
},
{
value: '2',
label: '月'
}, {
value: '3',
label: '年'
}
],
remindOptions: [
{
value: '0',
label: '开始前30天'
}, {
value: '1',
label: '开始前20天'
},
{
value: '2',
label: '开始前10天'
},
],
pushTimeOptions: [
{
value: '0',
label: '开始前7天'
}, {
value: '1',
label: '开始前3天'
},
{
value: '2',
label: '当天'
},
],
formOptions: [
{
value: '0',
label: '随访登记表1'
}, {
value: '1',
label: '随访登记表2'
},
{
value: '2',
label: '随访登记表3'
},
],
rules: {
name: [{ required: true, message: '请输入随访计划名称', trigger: 'blur' }],
hasSelectedNum: [{ required: true, message: '请添加随访居民', trigger: 'change' }],
followupTemplate: [{ required: true, message: '请选择随访模板', trigger: 'change' }],
startTime: [{ required: true, message: '请选择随访开始时间', trigger: 'change' }],
},
timeFormRules: {
followupTime: [{ required: true, message: '请添加随访时间', trigger: 'change' }],
followupMark: [{ required: true, message: '请添加随访时间', trigger: 'change' }],
followupWay: [{ required: true, message: '请选择随访方式', trigger: 'change' }],
},
}
},
created() {
......@@ -191,8 +361,28 @@
// 关闭弹层，继续创建
}).catch(() => {
// 确定放弃，跳出当前编辑页面
this.$router.push({path: '/followup/plan-manage/plan-list'})
});
},
nextClick(formName) {
if(!this.baseInfo.hasSelectedNum) {
this.noChoice = true
return;
}else {
this.noChoice = false
}
this.$refs[formName].validate((valid) => {
if (valid) {
// this.$refs['statusForm'].resetFields();
this.activeTab = 'second';
} else {
return false;
}
});
},
preClick() {
this.activeTab = 'first';
}
},
watch: {
}
......@@ -209,20 +399,80 @@
justify-content: space-between;
padding-bottom: 20px;
border-bottom: $borderBottomStyle;
.title{
.active-class{
color: #9B9997;
}
}
}
.edit-plan-content{
padding: 30px 0;
.add-time-content{
padding-top: 20px;
.time-line-scroll{
width: 100%;
height: 50px;
box-sizing: border-box;
background-color: #F0F2F5;
padding: 8px 10px;
/*display: flex;*/
/*align-items: center;*/
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
position: relative;
cursor: pointer;
&::-webkit-scrollbar{
height: 6px;
}
&::-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);
}
span{
display: inline-block;
background-color: #449284;
border-radius: 20px;
height: 28px;
line-height: 28px;
padding: 0 8px;
color: #ffffff;
font-size: 12px;
width: 95px;
}
}
.form-div{
padding-top: 30px;
}
}
}
.select-patients{
.mt10{
margin-top: 10px;
}
.err-tips{
color: #F56C6C;
font-size: 12px;
margin-left: 10px;
}
.tips{
font-size: 12px;
line-height: 18px;
margin-top: 6px;
color: #9B9997;
padding-left: 140px;
margin-top: -10px;
padding-bottom: 15px;
}
.el-message-box__content{
padding: 20px 15px;
}
}
.mt10{
margin-top: 10px;
}
.ml20{
margin-left: 20px;
}
</style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或