<template>
  <div class="form-show-scrollY">
    <div class="form-template">
      <BreadCrumb
        :curmbFirst="'履约管理'"
        :curmbSecond="breadTxt"
        :curmbThird="'录入量表'"
        :jumPathThird="jumPathThird"
      />
      <div class="resident-content f-main-content screenSet">

        <el-row :gutter="24" align="middle" type="flex" class="form-header">
          <el-col :span="18">{{titleText}}</el-col>
          <el-col :span="6" v-if="showBtn=='1'">
            <el-button type="primary" size="small" class="formSubmit" @click="formSubmit(1)">提交</el-button>
            <el-button class="button-white formTempSave" size="small" plain @click="formSubmit(2)">暂存</el-button>
          </el-col>
        </el-row>

        <div class="title-box">
          <h1>{{titleText}}</h1>
          <h2>{{titleSmText}}</h2>
        </div>

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

        <div class="form-container">
          <!--脑卒中-->
          <stroke v-if="scaleNo=='SCALE0003'" :showBtn="showBtn" :scaleType="scaleNo" :checkStart="checkStart" @checkEnd="checkEnd" :saveWay="saveWay" />
          <!--高血压-->
          <hypertension v-if="scaleNo=='SCALE0001'" :showBtn="showBtn" :scaleType="scaleNo" :checkStart="checkStart" @checkEnd="checkEnd" :saveWay="saveWay" ></hypertension>
          <!--糖尿病-->
          <diabetes v-if="scaleNo=='SCALE0002'" :showBtn="showBtn" :scaleType="scaleNo" :checkStart="checkStart" @checkEnd="checkEnd" :saveWay="saveWay" ></diabetes>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import BreadCrumb from '@/components/breadcrumb'

  // 脑卒中
  import stroke from './patient-scale/stroke'
  import hypertension from './patient-scale/hypertension'
  import diabetes from './patient-scale/diabetes'
  export default {
    data(){
      return {
        titleText: '',
        titleSmText: '',
        breadTxt: '录入管理',
        jumPathThird: '/followup/record-manage/record-list',
        checkStart: false,
        showBtn: '1',
//        resourceId: '',
        saveWay: 1,
        scaleNo: ''
      }
    },
    components: {
      stroke,
      hypertension,
      BreadCrumb,
      diabetes,
    },
    methods: {
      formSubmit(val){
        this.saveWay = val
        this.checkStart = true;
      },
      checkEnd(val){
        this.checkStart = false
      }
    },
    created(){
      this.scaleNo = this.$route.query.scaleNo;
      console.log('scaleNo=>',this.scaleNo)
      // 0003 脑卒中、0002 糖尿病、0001 高血压
      if(this.scaleNo == 'SCALE0003'){
        this.titleText = '心脑血管病危险因素社区、乡镇人群履约表';
        this.titleSmText = '（适用于社区、乡镇脑卒中高危人群满6个月、12个月时履约和中危人群满12个月时履约使用）';
      }else if(this.scaleNo == 'SCALE0001'){
        this.titleText = '高血压患者履约服务记录表';
        this.titleSmText = '（本表为高血压患者在接受履约服务时由医生填写）';
      }else if(this.scaleNo == 'SCALE0002'){
        this.titleText = '2 型糖尿病患者履约服务记录表 ';
        this.titleSmText = '（本表为2型糖尿病患者在接受履约服务时由医生填写）';
      }
      if(this.$route.query.showBtn=='0'){
        this.showBtn = String(this.$route.query.showBtn);
      }
    },
  }
</script>

<style lang="scss" scoped>

  @import '../../../style/followup/followup-common';
  @import '../../../style/followup/element-reset.css';

  .form-show-scrollY{
    width: 100%; height: 100%; overflow: hidden; overflow-y: scroll;
    &::-webkit-scrollbar{
      width: 8px; height: 8px;
      background: #fff;
    }
  }
  .form-template{
    .form-header{
      /*position: fixed;*/
      /*z-index:100000;*/
      line-height: 60px;
      height: 60px;
      border-bottom: 1px solid #e1e1e1;
    }
    .patient-base-info{
      line-height: 60px;
      height: 60px;
      border-bottom: 1px dashed #ccc;
      [class*=el-col-]{
        float: left;
      }
    }
    .title-box{
      padding: 20px;
      text-align: center;
      h1{
        font-size: 18px;
        font-weight: normal;
      }
      h2{
        font-size: 16px;
        font-weight: normal;
        margin-top: 15px;
      }
    }
    .formSubmit{
      float: right;
      margin-left: 10px;
    }
    .formTempSave{
      float: right;
    }
    .form-container{
      padding: 0 10px;
    }

  }
  .title{
    font-weight: bold;
  }

</style>
