no message

src/components/followup/form/index.vue

@@ -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>
 

src/views/followup/plan-manage/dialog/set-time-node.vue

@@ -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

src/views/followup/plan-manage/plan-modify.vue

@@ -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'){

src/views/followup/record-manage/form-template.vue

@@ -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{

src/views/followup/record-manage/models/stroke/dataSourceBaseInfo.js

 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: '脑卒中类型',

src/views/followup/record-manage/models/stroke/dataSourceCheckBody.js

@@ -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: '心律',

src/views/followup/record-manage/models/stroke/dataSourceCheckLab.js

@@ -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: '高密度脂蛋白胆固醇',

src/views/followup/record-manage/models/stroke/dataSourceLifeStyleGuide.js

 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,

src/views/followup/record-manage/models/stroke/dataSourceTreatmentSituation.js

@@ -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: '是否接受过出血性卒中外壳干预',

src/views/followup/record-manage/patient-scale/stroke.vue

 <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>