<template>
    <div class="form-template">
      <BreadCrumb
        :curmbFirst="'随访管理'"
        :curmbSecond="'录入管理'"
        :curmbThird="'录入量表'"
      />
      <div class="resident-content f-main-content screenSet">

        <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" 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>
        </el-row>

        <!--模板页面除了显示居民基本信息，将病种展示作为组件引入-->

        <div class="form-container">
          <!--脑卒中-->
          <stroke />

        </div>




      </div>
    </div>
</template>

<script>
  import BreadCrumb from '@/components/breadcrumb'
  // 糖尿病
  import stroke from './patient-scale/stroke'
  export default {
    components: {
      stroke,
      BreadCrumb,
    },
  }
</script>

<style lang="scss" scoped>

  @import '../../../style/followup/followup-common';
  @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: 1px dashed #ccc;
    }
    .form-container{
      padding: 40px 10px;
    }

  }
  .title{
    font-weight: bold;
  }

</style>
