随访表单

src/components/FormComponents/ReadForm/FormItemSelf2.vue

@@ -39,9 +39,14 @@
                   v-for="(opt, optIndex) in item.dicData"
                   :key="optIndex"
                   v-show="form[item.prop]==opt.value"
+                  :style="{color:item.color}"
                 >{{ opt.label }}</span>
+                <span class="ml-10">{{item.unit}}</span>
+              </span>
+              <span v-else>
+                <span :style="{color:item.color}">{{form[item.prop]}}</span>
+                <span class="ml-10">{{item.unit}}</span>
               </span>
-              <span v-else>{{form[item.prop]}}</span>
               <!-- 输入框 -->
               <!-- <el-input
                 v-if="item.type === 'input'"

src/components/FormComponents/ReadForm/index.vue

@@ -49,7 +49,6 @@
           >
             <template slot="title">
               {{ g.label }}
-              {{g.showIndex}}
               <span
                 v-if="g.label == '二、排除标准'"
                 class="noCol"
@@ -420,4 +419,11 @@ export default {
   }
   // }
 }
+.simple-form {
+   ::v-deep {
+      .el-form-item__label {
+        margin-left: 20px;
+      }
+   }
+}
 </style>

src/views/followupentry/index.vue

@@ -14,218 +14,6 @@ export default {
   },
   data() {
     return {
-      form:{
-        column: [],
-        labelPosition: 'right',
-        labelSuffix: '：',
-        labelWidth: 100,
-        gutter: 0,
-        menuBtn: true,
-        submitBtn: true,
-        submitText: '提交',
-        emptyBtn: true,
-        emptyText: '清空',
-        nextTabBtn: true,
-        nextTabText: '下一页',
-        menuPosition: 'center',
-        group: [
-          {
-          label: '个人信息',
-          prop: '1669858228269_22763',
-          arrow: true,
-          collapse: true,
-          display: true,
-          labelWidth: 8,
-          column: [{
-            type: 'input',
-            display: true,
-            importantField: true,
-            styles: {},
-            autoRequired: 0,
-            personalRequired: 0,
-            prop: 'name',
-            label: '姓名',
-            fieldType: 'varchar',
-            fieldLength: '50',
-            tableName: '存活情况',
-            tableCode: 'gas_survival_situation',
-            tableId: '1598137567272861697',
-            notFilter: false,
-            cType: '',
-            subfield: false
-          }, {
-            type: 'input',
-            display: true,
-            importantField: true,
-            styles: {},
-            autoRequired: 0,
-            personalRequired: 0,
-            prop: 'contact_phone',
-            label: '手机号',
-            fieldType: 'varchar',
-            fieldLength: '20',
-            tableName: '存活情况',
-            tableCode: 'gas_survival_situation',
-            tableId: '1598137567272861697',
-            notFilter: false,
-            cType: '',
-            subfield: false
-          }, {
-            type: 'input',
-            display: true,
-            importantField: true,
-            styles: {},
-            autoRequired: 0,
-            personalRequired: 0,
-            prop: 'telephone',
-            label: '联系电话',
-            fieldType: 'varchar',
-            fieldLength: '20',
-            tableName: '存活情况',
-            tableCode: 'gas_survival_situation',
-            tableId: '1598137567272861697',
-            notFilter: false,
-            cType: '',
-            subfield: false
-          }, {
-            type: 'input',
-            display: true,
-            importantField: true,
-            styles: {},
-            autoRequired: 0,
-            personalRequired: 0,
-            prop: 'sex',
-            label: '性别',
-            fieldType: 'tinyint',
-            fieldLength: '2',
-            tableName: '存活情况',
-            tableCode: 'gas_survival_situation',
-            tableId: '1598137567272861697',
-            notFilter: false,
-            cType: '',
-            subfield: false
-          }, {
-            type: 'input',
-            display: true,
-            importantField: true,
-            styles: {},
-            autoRequired: 0,
-            personalRequired: 0,
-            prop: 'birthday',
-            label: '出生日期',
-            fieldType: 'date',
-            fieldLength: '',
-            tableName: '存活情况',
-            tableCode: 'gas_survival_situation',
-            tableId: '1598137567272861697',
-            notFilter: false,
-            cType: '',
-            subfield: false
-          }, {
-            type: 'input',
-            display: true,
-            importantField: true,
-            styles: {},
-            autoRequired: 0,
-            personalRequired: 0,
-            prop: 'age',
-            label: '年龄',
-            fieldType: 'int',
-            fieldLength: '4',
-            tableName: '存活情况',
-            tableCode: 'gas_survival_situation',
-            tableId: '1598137567272861697',
-            notFilter: false,
-            cType: '',
-            subfield: false
-          }]
-        }, 
-        {
-          label: '第一次随访计划',
-          prop: '1669858313508_15760',
-          arrow: true,
-          collapse: true,
-          display: true,
-          labelWidth: 8,
-          column: [{
-            type: 'radio',
-            display: true,
-            importantField: true,
-            styles: {},
-            prop: 'is_continue_follow',
-            label: '是否随访',
-            dicData: [{
-              label: '是',
-              value: '1',
-              id: '1595347527757000705',
-              parentId: ''
-            }, {
-              label: '否',
-              value: '0',
-              id: '1595347502595371010',
-              parentId: ''
-            }],
-            dynamicshSet: [],
-            dicType: 'd-sf',
-            props: {
-              label: 'label',
-              value: 'value'
-            },
-            fieldType: 'tinyint',
-            fieldLength: '2',
-            tableName: '随访计划',
-            tableCode: 'gas_follow',
-            tableId: '1597491580053323777',
-            notFilter: false,
-            cType: '',
-            subfield: false,
-            value: '1',
-            span: 24,
-            autoRequired: 0,
-            personalRequired: 0
-          }, {
-            type: 'date',
-            display: true,
-            importantField: true,
-            styles: {},
-            prop: 'first_follow_time',
-            label: '随访时间',
-            format: 'yyyy-MM-dd',
-            valueFormat: 'yyyy-MM-dd',
-            dicType: '',
-            fieldType: 'date',
-            tableName: '随访计划',
-            tableCode: 'gas_follow',
-            tableId: '1597491580053323777',
-            notFilter: false,
-            cType: '',
-            subfield: false,
-            span: 12,
-            autoRequired: 0,
-            personalRequired: 0,
-            width: 12
-          }, {
-            type: 'input',
-            display: true,
-            importantField: true,
-            styles: {},
-            prop: 'follow_contents',
-            label: '随访内容',
-            fieldType: 'text',
-            tableName: '随访计划',
-            tableCode: 'gas_follow',
-            tableId: '1597491580053323777',
-            notFilter: false,
-            cType: '',
-            subfield: false,
-            autoRequired: 0,
-            personalRequired: 0,
-            span: 12,
-            width: 12
-          }]
-        }, 
-        ]
-      }
     }
   },
   created() {},