<template>
  <!-- 随访调查录入 -->
  <div class="follow-form">
    <!-- <ConfigForms form-type="2" formClass="follow-form"></ConfigForms> -->
    <read-form ref="form" :options="followupForm" :formEdit="formEdit"></read-form>
  </div>
</template>

<script>
import ConfigForms from "@/views/screening/components/ConfigForms.vue"
import ReadForm from "@/components/FormComponents/ReadForm/index"
export default {
  name: "FollowupAudit",
  components: {
    ConfigForms,
    ReadForm
  },
  data() {
    return {
      followupForm:{
        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,
          showIndex:true,
          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
          }]
        }, 
        ]
      },
      formEdit:{
        name:"djksh",
        contact_phone:"12345678"
      }
    }
  },
  created() {},
  methods: {},
}
</script>

<style lang="scss" scoped>
::v-deep {
  .el-tabs--card > .el-tabs__header {
    width: calc(100% - 100px);
    border-bottom: none;
  }
  .el-tabs--card > .el-tabs__header .el-tabs__nav {
    border: none;
  }
  .el-tabs--card > .el-tabs__header .el-tabs__item {
    min-width: 116px;
    text-align: center;
    background: #f0f1fa;
    font-size: 14px;
    border: none;
  }
  .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
    background: #4e68ff;
    color: #fff;
  }
}
.follow-form {
  ::v-deep {
    .el-collapse-item__header {
      // border-width: 0px 0px 0px;
      border: none !important;
    }
    .row24 {
      border-top: 1px solid #cccccc;
    }
    .custom-form-item {
      border-width: 1px 0px 0px;
    }
    .el-collapse-item {
      margin-bottom: 20px;
      border-radius: 4px;
      overflow: hidden;
      border: 1px solid #cccccc;
    }
    .el-collapse-item__wrap {
      border: none;
    }
    // .row24.el-col-lg-12:nth-child(2n) {
    //   border-width: 0px 0px 0px 1px;
    // }
    .el-form-item {
      padding: 0px;
    }
  }
}
</style>
