提交 e26ee3a3 编写于 作者: tao.wu's avatar tao.wu

no message

上级 af649bee
......@@ -162,25 +162,37 @@
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.form-box {
padding: 20px 40px;
}
.h72 {
height: 92px;
}
.clear {
clear: left;
}
.m-title {
.el-form-item__label {
font-size: 16px;
color: rgba(74, 74, 74, 1);
}
}
.sec-title{
font-weight: bold;
margin-left: 0;
}
</style>
<style lang="scss">
.form-box{
.el-form-item__label,
.el-radio__label {
font-size: 18px;
}
.obj-form-title{
.el-form-item__label,
.el-form-item__content{
display: block;
float: none;
}
.el-form-item__content{
margin-left: 15px;
.el-radio{
margin-top: 5px;
}
}
}
}
</style>
......@@ -58,7 +58,7 @@
</el-form-item>
<el-form-item label="提醒医生预约居民">
<el-select
v-if="itemTimeForm.remindDay"
v-if="planId || itemTimeForm.remindDay"
v-model="itemTimeForm.remindDay"
multiple
:multiple-limit=3
......@@ -104,7 +104,7 @@
</div>
<el-form-item label="随访登记表">
<el-select
v-if="itemTimeForm.followResourceId"
v-if="planId || itemTimeForm.followResourceId"
v-model="itemTimeForm.followResourceId"
multiple
:multiple-limit=3
......
......@@ -251,7 +251,7 @@
// 点击保存,先进行校验,表单字段是否通过验证
// 关闭弹层,继续创建
this.planDetailData.fPlanTimeReqList = val.setTimeNodeList
this.planDetailData.joinTime = new Date();
// this.planDetailData.joinTime = new Date();
console.log('修改计划前的数据===>>>',this.planDetailData)
createFollowPlan(this.planDetailData).then(res=>{
if(res.code=='000000'){
......
......@@ -7,20 +7,16 @@
/>
<div class="resident-content f-main-content screenSet">
<div>
<el-row :gutter="24">
<el-col :span="20"><div class="grid-content bg-purple">脑卒中患者随访服务记录表</div></el-col>
<el-col :span="4">
<div class="grid-content bg-purple">
<el-button class="button-white" size="small" plain @click="">暂存</el-button>
<el-button type="primary" size="small" @click="">提交</el-button>
</div>
</el-col>
</el-row>
</div>
<el-row :gutter="24" align="middle" type="flex" class="form-header">
<el-col :span="20">脑卒中患者随访服务记录表</el-col>
<el-col :span="4">
<el-button class="button-white" size="small" plain @click="">暂存</el-button>
<el-button type="primary" size="small" @click="">提交</el-button>
</el-col>
</el-row>
<el-row :gutter="24">
<el-row :gutter="24" class="patient-base-info">
<el-col :span="4"><div class="grid-content bg-purple">居民:戴家康</div></el-col>
<el-col :span="12"><div class="grid-content bg-purple">身份证号:31021212121212121212</div></el-col>
<el-col :span="8"><div class="grid-content bg-purple">随访计划名称:2018年河北省脑卒中随访</div></el-col>
......@@ -28,9 +24,12 @@
<!--模板页面除了显示居民基本信息,将病种展示作为组件引入-->
<!--脑卒中-->
<stroke />
<!--高血压-->
<div class="form-container">
<!--脑卒中-->
<stroke />
</div>
......@@ -45,17 +44,10 @@
export default {
components: {
stroke,
//以下是非组件
BreadCrumb,
},
data(){
return {
// //量表结果集合
// dataSource: {
// AcuteBrainVeinThrombolytic: {},
// Lifestyle: {}
// },
}
},
}
......@@ -67,6 +59,19 @@
@import '../../../style/followup/element-reset.css';
.form-template{
.form-header{
line-height: 60px;
height: 60px;
border-bottom: 1px solid #e1e1e1;
}
.patient-base-info{
line-height: 60px;
height: 60px;
border-bottom: 2px dashed #ccc;
}
.form-container{
padding: 40px 10px;
}
}
.title{
......
export default [
{
formType: 'radio',
// className: 'clear-left',
className: 'obj-form-title',
prop: 'a1',
model: 'a1',
spanNum: 24,
......@@ -16,6 +16,7 @@ export default [
{
formType: 'radio',
className: 'obj-form-title',
prop: 'a7',
model: 'a7',
label: '调查方式',
......@@ -31,6 +32,7 @@ export default [
},
{
formType: 'radio',
className: 'obj-form-title',
prop: 'a8',
model: 'a8',
label: '本次调查是否为被调查者本人',
......@@ -46,6 +48,7 @@ export default [
},
{
formType: 'radio',
className: 'obj-form-title',
prop: 'a9',
model: 'a9',
label: '提供信息者与被调查者之间关系',
......@@ -64,6 +67,7 @@ export default [
},
{
formType: 'input',
className: 'obj-form-title',
linkageRule: [{name: 'a9',value: ['5']}],
prop: 'a10',
model: 'a10',
......@@ -78,7 +82,7 @@ export default [
{
formType: 'radio',
// className: 'clear-left',
className: 'obj-form-title',
prop: 'a2',
model: 'a2',
spanNum: 24,
......@@ -93,6 +97,7 @@ export default [
},
{
formType: 'input',
className: 'obj-form-title',
linkageRule: [{name: 'a2',value: ['3']}],
prop: 'a3',
model: 'a3',
......@@ -108,6 +113,7 @@ export default [
{
formType: 'date-picker',
className: 'obj-form-title',
prop: 'a4',
model: 'a4',
placeholder: '选择死亡时间',
......@@ -119,6 +125,7 @@ export default [
},
{
formType: 'radio',
className: 'obj-form-title',
prop: 'a5',
model: 'a5',
label: '死亡原因',
......@@ -139,6 +146,7 @@ export default [
},
{
formType: 'radio',
className: 'obj-form-title',
prop: 'a6',
model: 'a6',
label: '脑卒中类型',
......
......@@ -6,6 +6,7 @@ export default [
},
{
formType: 'date-picker',
className: 'obj-form-title',
prop: 'd1',
model: 'd1',
placeholder: '请选择',
......@@ -18,6 +19,7 @@ export default [
},
{
formType: 'input',
className: 'obj-form-title',
prop: 'd2',
model: 'd2',
label: '身高',
......@@ -30,6 +32,7 @@ export default [
},
{
formType: 'input',
className: 'obj-form-title',
prop: 'd3',
model: 'd3',
label: '体重',
......@@ -42,6 +45,7 @@ export default [
},
{
formType: 'input',
className: 'obj-form-title',
prop: 'd4',
model: 'd4',
label: 'BMI(系统自动生成)',
......@@ -55,6 +59,7 @@ export default [
{
formType: 'input',
className: 'obj-form-title',
prop: 'd3',
model: 'd3',
label: '腰围',
......@@ -76,6 +81,7 @@ export default [
},
{
formType: 'date-picker',
className: 'obj-form-title',
prop: 'd5',
model: 'd5',
placeholder: '请选择',
......@@ -92,6 +98,7 @@ export default [
},
{
formType: 'input',
className: 'obj-form-title',
prop: 'd6',
model: 'd6',
label: '收缩压SBP',
......@@ -104,6 +111,7 @@ export default [
},
{
formType: 'input',
className: 'obj-form-title',
prop: 'd7',
model: 'd7',
label: '舒张压DBP',
......@@ -116,6 +124,7 @@ export default [
},
{
formType: 'input',
className: 'obj-form-title',
prop: 'd8',
model: 'd8',
label: '脉搏',
......@@ -134,6 +143,7 @@ export default [
},
{
formType: 'input',
className: 'obj-form-title',
prop: 'd9',
model: 'd9',
label: '收缩压SBP',
......@@ -146,6 +156,7 @@ export default [
},
{
formType: 'input',
className: 'obj-form-title',
prop: 'd10',
model: 'd10',
label: '舒张压DBP',
......@@ -158,6 +169,7 @@ export default [
},
{
formType: 'input',
className: 'obj-form-title',
prop: 'd11',
model: 'd11',
label: '脉搏',
......@@ -178,6 +190,7 @@ export default [
},
{
formType: 'date-picker',
className: 'obj-form-title',
prop: 'd12',
model: 'd12',
placeholder: '请选择',
......@@ -189,6 +202,7 @@ export default [
},
{
formType: 'radio',
className: 'obj-form-title',
prop: 'd13',
model: 'd13',
label: '心脏杂音',
......@@ -202,6 +216,7 @@ export default [
},
{
formType: 'radio',
className: 'obj-form-title',
prop: 'd14',
model: 'd14',
label: '心律',
......
......@@ -6,6 +6,7 @@ export default [
},
{
formType: 'date-picker',
className: 'obj-form-title',
prop: 'e1',
model: 'e1',
placeholder: '请选择',
......@@ -17,6 +18,7 @@ export default [
},
{
formType: 'input',
className: 'obj-form-title',
prop: 'e2',
model: 'e2',
label: '空腹血糖',
......@@ -36,6 +38,7 @@ export default [
},
{
formType: 'date-picker',
className: 'obj-form-title',
prop: 'e3',
model: 'e3',
placeholder: '请选择',
......@@ -47,6 +50,7 @@ export default [
},
{
formType: 'input',
className: 'obj-form-title',
prop: 'e4',
model: 'e4',
label: '甘油三酯',
......@@ -59,6 +63,7 @@ export default [
},
{
formType: 'input',
className: 'obj-form-title',
prop: 'e5',
model: 'e5',
label: '胆固醇',
......@@ -71,6 +76,7 @@ export default [
},
{
formType: 'input',
className: 'obj-form-title',
prop: 'e6',
model: 'e6',
label: '低密度脂蛋白胆固醇',
......@@ -83,6 +89,7 @@ export default [
},
{
formType: 'input',
className: 'obj-form-title',
prop: 'e7',
model: 'e7',
label: '高密度脂蛋白胆固醇',
......
export default [
{
formType: 'radio',
className: 'obj-form-title',
prop: 'b1',
model: 'b1',
label: '运动',
// linkageRule: [{ name: 'b1', value: ['1'] }],
disabled: false,
placeholder: '150',
spanNum: 24,
......@@ -16,10 +16,10 @@ export default [
},
{
formType: 'radio',
className: 'obj-form-title',
prop: 'b2',
model: 'b2',
label: '吸烟',
// linkageRule: [{ name: 'b1', value: ['1'] }],
disabled: false,
placeholder: '150',
spanNum: 24,
......@@ -31,10 +31,10 @@ export default [
},
{
formType: 'radio',
className: 'obj-form-title',
prop: 'b3',
model: 'b3',
label: '饮酒',
// linkageRule: [{ name: 'b1', value: ['1'] }],
disabled: false,
placeholder: '150',
spanNum: 24,
......@@ -47,10 +47,10 @@ export default [
},
{
formType: 'radio',
className: 'obj-form-title',
prop: 'b4',
model: 'b4',
label: '口味',
// linkageRule: [{ name: 'b1', value: ['1'] }],
disabled: false,
placeholder: '150',
spanNum: 24,
......@@ -63,10 +63,10 @@ export default [
},
{
formType: 'radio',
className: 'obj-form-title',
prop: 'b5',
model: 'b5',
label: '荤素',
// linkageRule: [{ name: 'b1', value: ['1'] }],
disabled: false,
placeholder: '150',
spanNum: 24,
......@@ -79,10 +79,10 @@ export default [
},
{
formType: 'radio',
className: 'obj-form-title',
prop: 'b6',
model: 'b6',
label: '吃蔬菜(每日食用6两蔬菜)',
// linkageRule: [{ name: 'b1', value: ['1'] }],
disabled: false,
placeholder: '150',
spanNum: 24,
......@@ -95,10 +95,10 @@ export default [
},
{
formType: 'radio',
className: 'obj-form-title',
prop: 'b7',
model: 'b7',
label: '吃水果(每日食用4两水果)',
// linkageRule: [{ name: 'b1', value: ['1'] }],
disabled: false,
placeholder: '150',
spanNum: 24,
......
......@@ -6,6 +6,7 @@ export default [
},
{
formType: 'radio',
className: 'obj-form-title',
prop: 'c26',
model: 'c26',
label: '支架术(CAS)',
......@@ -18,12 +19,16 @@ export default [
rules: [{ required: true, message: '请选择是否', trigger: 'blur' }]
},
{
formType: 'radio',
formType: 'checkbox',
className: 'obj-form-title',
prop: 'c29',
model: 'c29',
label: '支架术位置',
linkageRule: [{ name: 'c26', value: ['2'] }],
disabled: false,
changeFun: (val)=>{
console.log(val)
},
spanNum: 24,
options: [
{ label: '左侧', value: '1', disabled: false },
......@@ -33,6 +38,7 @@ export default [
},
{
formType: 'date-picker',
className: 'obj-form-title',
prop: 'c30',
model: 'c30',
placeholder: '请选择',
......@@ -48,6 +54,7 @@ export default [
{
formType: 'radio',
className: 'obj-form-title',
prop: 'c27',
model: 'c27',
label: '内膜剥脱术(CEA)',
......@@ -60,12 +67,16 @@ export default [
rules: [{ required: true, message: '请选择是否', trigger: 'blur' }]
},
{
formType: 'radio',
formType: 'checkbox',
className: 'obj-form-title',
prop: 'c31',
model: 'c31',
label: '内膜剥脱术位置',
linkageRule: [{ name: 'c27', value: ['2'] }],
disabled: false,
changeFun: (val)=>{
console.log(val)
},
spanNum: 24,
options: [
{ label: '左侧', value: '1', disabled: false },
......@@ -75,6 +86,7 @@ export default [
},
{
formType: 'date-picker',
className: 'obj-form-title',
prop: 'c32',
model: 'c32',
placeholder: '请选择',
......@@ -87,6 +99,7 @@ export default [
},
{
formType: 'date-picker',
className: 'obj-form-title',
prop: 'c33',
model: 'c33',
placeholder: '请选择',
......@@ -100,6 +113,7 @@ export default [
{
formType: 'radio',
className: 'obj-form-title',
prop: 'c28',
model: 'c28',
label: '颅内外血管搭桥术',
......@@ -113,6 +127,7 @@ export default [
},
{
formType: 'date-picker',
className: 'obj-form-title',
prop: 'c34',
model: 'c34',
placeholder: '请选择',
......@@ -133,6 +148,7 @@ export default [
},
{
formType: 'radio',
className: 'obj-form-title',
prop: 'c35',
model: 'c35',
label: '介入术(PCI)',
......@@ -146,6 +162,7 @@ export default [
},
{
formType: 'radio',
className: 'obj-form-title',
prop: 'c36',
model: 'c36',
label: '搭桥术(CABG)',
......@@ -167,6 +184,7 @@ export default [
},
{
formType: 'radio',
className: 'obj-form-title',
prop: 'c37',
model: 'c37',
label: '是否接受过出血性卒中外壳干预',
......
<template>
<div>
<div class="form-wrap">
<!--渲染不同的模块表单-->
<div v-for="(item, index) in addComponents">
<div class="content-box" >
<div class="title">{{item.title}}</div>
<el-form ref="form" :model="form" label-width="200px">
<el-form
ref="form"
:model="form"
size="medium"
label-position="left"
class="form"
>
<FormScale :dataSource="item.dataSource" :form="form" />
</el-form>
</div>
......@@ -33,21 +39,34 @@
addComponents: [
{name: 'BaseInfo',dataSource:dataSourceBaseInfo, title: '一、基本信息'},
{name: 'DataType',dataSource:dataSourceLifeStyleGuide, title: '二、随访期间生活方式'},
{name: 'DataType',dataSource:dataSourceMainSickControl, title: '三、随访期间主要病史及控制情况'},
{name: 'DataType',dataSource:dataSourceMainSickControl(this), title: '三、随访期间主要病史及控制情况'},
{name: 'DataType',dataSource:dataSourceTreatmentSituation, title: '四、本次随访期间血管病变的外科手术或介入治疗情况'},
{name: 'DataType',dataSource:dataSourceCheckBody, title: '五、体格检查(高危人群12个月随访必做)'},
{name: 'DataType',dataSource:dataSourceCheckLab, title: '六、实验室检查(高危人群12个月随访必填)'},
],
form: {
symptomList: [],//checkbox 症状
inputVal: '',
radioVal: ''
heartType: [],
inputVal: '1',
radioVal: '2'
},
}
},
mounted(){
console.log('==mounted=============', this.form)
}
}
</script>
<style scoped lang="scss">
.form-wrap{
.content-box{
.title{
line-height: 60px;
height: 60px;
font-weight: bold;
font-size: 18px;
border-bottom: 1px dashed #ccc;
}
}
}
</style>
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册